body{ 
	margin:0; padding:0;
	font-family: Arial, "MS Trebuchet", sans-serif;
}
#bgimage{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index: -100;
	/* min-height:600px; */
}
h2{
	width:520px;
	margin:0;
	margin-bottom:10px;
	font-weight:normal;
}
form p{
	float:left;
	margin-right:10px;
	margin-bottom:5px;
}
form {
	font-size:12px;
	text-transform:uppercase;
}
a {
	color:#00CCFF;
	text-decoration:none;
	text-transform: lowercase;
}
#content-login{
	min-width:950px;
	height:326px;
	padding-left:300px;
	background: transparent url("/images/application/login-banner.png") no-repeat top left;
	/***  make it exactly 50% vertically aligned on the page.   ***/
	position:absolute;
	top:50%;
	margin-top:-163px; /***  calculates 50% of the height of the floating box for offset   ***/
}
#logo{
	display:block;
	width:170px;
	position:relative;
	top:130px;
	left:-240px;
	float:left;
}
.content{
	margin-left:29px;
}
/***  LOGIN   ***/
#login{
	margin-left:50px;
}
#login-head{
	margin-top:60px;
	padding-bottom:15px;
	background:transparent url(/images/application/member-pricing.png) no-repeat top left;
	text-indent:-9999em;
}
#intro{ 
	width:560px;
	font-size:13px;
	padding:0; margin:0;
}
#login-wrapper{
	color:#FFFFFF;
}

#links{
	clear:both;

}
.login-link{
       float:left;
       margin-right:30px;
       margin-top:30px;
}
.login-link p{
       color:#FFFFFF;
       text-transform: uppercase;
       margin:5px 0;
}
.login-link a{
       color:#00ADEE;
       text-decoration:none;
       font-size:12px;
}

#submit{
	margin-top:19px;
}
/***  new user (invite accept)   ***/
#indent{
	margin-left:50px;
}
#see-whats-inside{
	margin-top:40px;
	background:transparent url(/images/application/see-whats-inside.png) no-repeat top left;
	text-indent:-9999em;
}
#new-user-enter{
	margin-left:115px;
	margin-top:10px;
}
.newline { clear:both; }

#already-member{
	clear:both;
	font-size:12px;
}
#terms { width:300px; }
#cb {
	padding:5px 10px;
	cursor:pointer;
}
.unchecked {
	background: #000000 url(/images/checkbox.gif) center left no-repeat;
}
.checked{
	background: #000000 url(/images/checkbox-checked.gif) center left no-repeat;
}

/***  Waitlist   ***/
#private-community{
	margin-top:60px;
	background:transparent url(/images/application/private-community.png) no-repeat top left;
	text-indent:-9999em;
}
.intro { 
	width:560px;
	font-size:12px;
}

/***  Thank You   ***/
#thank-you{
	margin-top:120px;
	background:transparent url(/images/application/thanks.png) no-repeat top left;
	text-indent:-9999em;
}
#thank-you-text{
	width:560px;
	font-size:14px;
}

/***  password reset request   ***/
#reset_password{
	margin-top:80px;
	background:transparent url(/images/application/forgot-password.png) no-repeat top left;
	text-indent:-9999em;
}

/***  password reset response   ***/
#password-reset-form{
	margin-top:80px;
	background:transparent url(/images/application/reset-your-password.png) no-repeat top left;
	text-indent:-9999em;
}
/***  footer   ***/
#footer{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	padding:10px 0;
	margin:0px;
	background: #000000 url(/images/application/bg-fade.gif) top left repeat-x;
	list-style:none;
	width:100%;
}
#footer li{
	padding:0; margin:0;
	display:inline;
	padding:0 10px;
	border-right:1px solid #CCCCCC;
}
.no-border{ border:none !important; }

#footer li a,
#copy {
	color:#CCCCCC;
	text-decoration:none;
	font-size:11px;

}
#invite{
	/* float:right; */
	margin-right:20px !important;
	color:#FFFFFF !important;
}
/***  errors   ***/
.validation-error{
	color:#F00000;
	font-size:10px;
	text-transform: capitalize;
	
}