@charset "UTF-8";

/* Homepage */

#wrapper,
.homepage#wrapper,
.howitworks#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 100%;
	margin: 0 auto -70px;
}

/* Header */

.homepage#header,
.loggedout#header {
	width: 100%;
	height: 114px;
	background: url(../images/hp-header-bg.png) repeat-x 0 0;
	border-bottom: 1px solid #666;
	margin: 0 0 30px 0;
}

.fullscreen .homepage#header,
.fullscreen .loggedout#header {
	margin: 0;
}

.homepage #headerContent,
.loggedout #headerContent {
	width: 970px;
	height: 100px;
	margin: 0 auto;
	position: relative;
}

.homepage #siteLogo,
.loggedout #siteLogo {
	position: relative;
	top: 10px;
	left: 2px;
	width: 370px;
	height: 90px;
	margin: 0 20px 0 0;
}

/* Utility Navigation */

.homepage #homepageLogin {
	position: absolute;
	top: 8px;
	right: 5px;
}

.homepage #homepageLogin .details {
	position: relative;
	top: 7px;
	margin-right: 5px;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	float: right;
	text-shadow: #333 1px 1px 2px;
}

.homepage #signinContainer {
	display: none;
	position: absolute;
	top: 6px;
	right: 0;
	color: #EEE;
}

.loggedout #signinContainer {
	display: block;
	position: absolute;
	top: 6px;
	right: 0;
	color: #EEE;
}

.loggedout #signinContainer div.checker {
	top: -4px;
}

.loggedout #signinContainer a {
	color: #CCC;
	text-decoration: none;
	font-size: 11px;
}

.loggedout #signinContainer a:hover {
	color: #FFF;
	text-decoration: underline;
}

.loggedout #signinContainer input[type="text"],
.loggedout #signinContainer input[type="password"] {
	width: 160px;
	margin-left: 5px;
	height: 14px;
	font-size: 14px;
}

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

#signinContainer input[type=text].ErrorField,
#signinContainer input[type=password].ErrorField,
#forgotContainer input[type=text].ErrorField {
	width: 160px;
	height: 14px;
	margin: 1px 3px;
}

.formIndicator.error {
	background: url(../images/formError.png) no-repeat 0 0;
	width: 38px;
	height: 33px;
	position: absolute;
	z-index: 20;
	top: 0;
	right: -20px;
}

.signinRow .ValidationErrors {
	text-align: left;
	font-size: 11px;
	width: 163px;
	color: #F00;
}

#signinContainer .formIndicator.error,
#forgotContainer .formIndicator.error {
	background: url(../images/formError-small.png) no-repeat 0 0;
	width: 26px;
	height: 22px;
	position: absolute;
	z-index: 20;
	top: -1px;
	right: -18px;
}

.signinRow {
	position: relative;
	float: right;
	clear: both;
	margin: 2px 0;
}

#signinForgot {
	margin-bottom: 10px;
}

#signinRememberMe {
	position: absolute;
	top: 1px;
	right: 50px;
	width: 120px;
	text-align: left;
}

.homepage #forgotContainer {
	display: none;
}

.loggedout #forgotContainer {
	display: none;
	position: absolute;
	top: 4px;
	right: 0;
	color: #EEE;
	width: 210px;
}

.loggedout #forgotContainer h2 {
	color: #FFF;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	text-shadow: 1px 1px 1px #000;
	position: relative;
	top: -2px;
}

.loggedout #forgotContainer #forgotHeader {
	wmargin-top: 0;
}

.loggedout #forgotContainer p {
	font-size: 11px;
	text-align: right;
	margin: 0;
}

.loggedout #forgotContainer a {
	color: #CCC;
	text-decoration: none;
	font-size: 11px;
}

.homepage #forgotContainer a:hover {
	color: #FFF;
	text-decoration: underline;
}

.loggedout #forgotContainer input[type="text"] {
	width: 160px;
	margin-left: 5px;
}

.loggedout #forgotContainer .signinRow {
	width: 210px;
	text-align: right;
}

#forgotText {
	margin-bottom: 7px;
}

#forgotSubmit {
	width: 190px;
	position: relative;
}

#forgotBack {
	width: 100px;
	position: absolute;
	right: 104px;
	top: 3px;
	text-align: left;
}

/* Main Layout */

.homepage #mainColumn {
	width: 650px;
	margin: 0;
	float: left;
}

.homepage #rightColumn {
	width: 300px;
	margin: 0 0 0 20px;
	float: left;
}

/* Sign up form */

#signupForm {
	text-align: center;
}

#signupForm h2 {
	font-size: 26px;
	font-weight: bold;
	color: #333;
	margin-bottom: 25px;
}

#signupForm p {
	line-height: 130%;
}

#signupSubmit {
	text-align: center;
}

#signupSubmitButton {
	float: none;
	width: 140px;
	margin: 30px auto;
}

#signupText {
	color: #666;
}

.signupRow {
	position: relative;
	margin: 8px 0;
	width: 284px;
}

#signupEmailRow,
#signupPasswordRow,
#signupUsernameRow {
	text-align: right;
}

.signupRow input[type="text"],
.signupRow input[type="password"] {
	font-size: 18px;
	width: 160px;
	margin-right: 10px;
}

.signupRow .ValidationErrors {
	float: right;
	text-align: left;
	font-size: 11px;
	width: 163px;
	color: #F00;
	margin-right: 10px;
}

.signupRow label {
	text-align: right;
	font-weight: bold;
	font-size: 18px;
	margin: 0 5px 0 0;
	color: #666;
}

.homepage .facepile {
   margin: 20px auto;
   width: 292px
}

.homepage .signupRow label.over-apply {
	color: #ccc;
	position: absolute;
	top: 6px;
	left: 115px;
	font-size: 18px;
	text-align: left;
}

.homepage .signupRow div.label {
	text-align: right;
	font-weight: bold;
	font-size: 18px;
	margin: 0 5px 0 0;
	color: #666;
	float: left;
	width: 100px;
	position: relative;
	top: 5px;
}

#signupUsernameRow {
	display: none;
}

/* Footer */

#push,
.homepage#push,
.howitworks#push {
	height: 110px; /* .push must be the same height as .footer */
	clear: both;
}

#footer,
.homepage#footer,
.howitworks#footer {
   
}

.homepage#footer2 {
	width: 970px;
	height: 40px;
	margin: 0 auto;
	color: #666;
	font-size: 11px;
	position: relative;
}

.homepage#footer2 #fineprint {
	width: 570px;
	text-align: left;
	position: relative;
	top: 14px;
	float: left;
}

.homepage#footer2 #social {
	width: 400px;
	text-align: right;
	position: relative;
	top: 10px;
	float: left;
}

.homepage#footer2 #social #socialText {
	position: relative;
	top: -2px;
	margin-right: 6px;
}


.homepage#footer2 #social .socialIcon {
	margin: 0 4px;
	vertical-align: middle;
}

.headerSignupContainer {
   position: absolute;
   top: 17px;
   left: 416px;
   width: 278px;
   height: 75px;
   background: url(../images/header-signup-bg.png) no-repeat 0 0;
}

.headerSignupContainer .blueButton-medium {
   position: relative;
   top: 35px;
   right: 20px;
}

#signupText p {
   font-size: 10px;
}

.homepage #mainContent h1,
.homepage #mainContent h2 {
   font-weight: 100;
   text-align: center;
   background: none;
   font-size: 24px;
}

.homepage #mainContent .icon {
   margin: 20px 0 0 0;
}