@charset "UTF-8";

/* Login */

.login#wrapper {
	background: url(../images/subContent-bg.png) repeat 0 0;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 100%;
	margin: 0 auto -40px;
}

.login #content {
	background: url(../images/subContent-bg-top.png) repeat-x 0 0;
	width: 100%;
	margin: 0 auto;
}

.login #content .logo {
	width: 610px;
	height: 170px;
	margin: 0 auto;
	padding: 30px 0;
}

.login #content #loginBox {
	width: 400px;
	margin: 0 auto;
}

.login #content #signinContainer {
	position: relative;
	z-index: 60;
}

.login #content #forgotContainer {
	display: none;
	position: relative;
	z-index: 60;
}

.login #content #signupFormContainer {
	display: none;
}

.login #content .toggleLink {
	width: 400px;
	margin: 0 auto;
	position: relative;
	top: 20px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

.login #content .toggleLink #toggleLogin {
	display: none;
}

/* Sign Up Form */

.login .shadowBoxContent {
	padding: 30px;
}

.login .signupRow h2 {
	font-size: 31px;
	font-weight: bold;
	color: #555;
	margin-bottom: 25px;
	text-align: center;
}

.login .signupRow#signinHeader h2 {
	font-size: 20px;
}

.login .signupRow#forgotHeader h2 {
	font-size: 28px;
}

.login #signupFormContainer p {
	line-height: 130%;
	text-align: center;
}

.login #forgotContainer p {
	line-height: 130%;
	text-align: center;
	color: #333;
}

.login .signupRow {
	position: relative;
	margin: 8px auto;
	width: 340px;
	text-align: right;
}

.login #signupEmailRow,
.login #signupPasswordRow,
.login #signupUsernameRow,
.login #signinUsername,
.login #signinPassword {
	width: 284px;
}

.login #signinForgot {
	width: 270px;
}

.login #forgotEmail {
	width: 250px;
}

.login #signupUsernameRow {
	display: none;
}

.login #signupSubmit,
.login #signinSubmit,
.login #forgotSubmit {
	text-align: center;
}

.login #signupSubmitButton,
.login #loginButton-submit,
.login #forgotPassword-submit{
	float: none;
	width: 140px;
	margin: 30px auto;
}

.login #signinContainer input[type=text].ErrorField,
.login #signinContainer input[type=password].ErrorField,
.login #forgotContainer input[type=text].ErrorField {
	border: 1px solid #F00;
	width: 164px;
	height: 24px;
	margin: 2px;
}

.login #signinRememberMe {
	position: relative;
	right: 0;
	width: 160px;
	margin: 20px auto;
	text-align: center;
}

.login #signinRememberMe label {
	font-size: 14px;
	font-weight: normal;
	position: relative;
	top: 4px;
}

.login #forgotBack {
	float: left;
	position: relative;
	top: 10px;
	right: 0;
}

.login #forgotSubmit {
	width: 340px;
}

.login #forgotText p {
   width: 235px;
   margin: 0 auto;
   color: #666;
}

.login #resetEmailSent .icon {
   width: 64px;
   height: 63px;
   margin: 0 auto 10px auto;
}

.login #resetEmailSent .header {
   color: #269948;
   font-size: 32px;
   font-weight: bold;
   text-align: center;
   text-shadow: #FFF 1px 1px 0;
   margin-bottom: 24px;
}

.login #resetEmailSent .mainText {
   color: #333;
   font-size: 13px;
   text-align: center;
   line-height: 130%;
}

.login #resetEmailSent .mainText span {
   font-weight: bold;
   color: #000;
}