/* login page css */

div#nav { height: 90px; }

div.quicktip a { font-weight: bold; }

div#login-header { text-align: center; }
div#login-header h3 { font-weight: normal; color: #999; }

div#btn-sign-up { text-align: center; padding-bottom: 20px;}

div#btn-sign-up a {
	display: block;
	width: 353px;                               
	height: 0;
	padding-top: 70px;
	font-size: 1px;
	overflow: hidden;
	background: transparent url(/images/login/btn_sign_up.gif) left top no-repeat;
	margin: 0 auto;
}

div#login-features h3 { text-transform: uppercase; }
div#login-features ul { margin: 0; padding: 0 65px 0 0; list-style: none; }
div#login-features li { margin-bottom: 1.5em; }
div#login-features a { font-weight: bold; }

div#login-screenshot {
	border: 1px solid #000;
	width: 438px;
	height: 526px;
	background: transparent url(/images/login/screenshot.jpg) left top no-repeat;
}

div#login-footer { text-align: center; color: #666; }
div#login-footer h2 { font-weight: normal; }

div#login table { }
div#login td { display: block; padding: 0; margin: 0;}
div#login td.label { display: none; }
div#login td.field { width: 160px; }

div#login { position: relative; }

div#login input { 
	/*display: inline; 
	padding: 0; 
	width: 144px;
	height: 20px;
	font-size: .8em;
	line-height: 20px;
	vertical-align: center;*/
}

div#login-form {
	position: absolute;
	left: 530px;
	top: 20px;
	width: 380px;
}

div#login-form tr#tr-login_id td.field { position: absolute; left: 0; top: 0; }
div#login-form tr#tr-login_id td.field input { width: 144px; height: 20px; padding: 0; border: none;}
div#login-form tr#tr-pass_word td.field { position: absolute; left: 160px; top: 0; }
div#login-form tr#tr-pass_word td.field input { width: 144px; height: 20px; padding: 0; border: none;}
div#login-form tr#tr-action td.field { position: absolute; left: 320px; top: 0; width: 75px;}

div#login-form tr#tr-remember_me td { display: none; }

div#login-text { 
	position: absolute;
	left: 440px;
	top: 23px;
	margin: 0; 
	padding: 0;
	line-height: 1;
	font-weight: bold;
	font-size: 10px;
}



div#header div.form-errors {	
	position: absolute;
	display: block;
	background-color: #fff;
	border: 1px solid #f00;
	padding: 10px; 
	width: 300px;
	color: #f00;
	
	top: 30px;
}
div#header div.form-errors ul { color: #f00; }

div.login_error { 
	color: #666 ! important; 
	width: 300px; 
	z-index: 100; 
	border: 1px solid gray; 
	background: #fff; 
	padding: 7px; 
	position: relative; 
	left: 528px; 
	top: 58px; 
	}
div.login_error a { color: #36c ! important; text-decoration: underline; }
div.login_error a:hover { background: none ! important; }
/* register page */

div#register-page { text-align: center; }
div#register-page h4 { position: absolute; left: -9999px; top: 0; }

div#register-page h2#create-profile {
	margin: 0 auto;
	display: block;
	width: 589px;
	height: 0;
	padding-top: 54px;
	font-size: 1px;
	overflow: hidden;
	background: transparent url(/images/login/hdr_register_page.gif) left top no-repeat;
}
	
div#register-page h3 { 
	font-weight: normal;
	color: #666;
}

div#register { width: 460px; margin: 0 auto; padding: 40px 0 20px 0;}
div#register div.form-question { width: 230px; float: left; text-align: left; padding-bottom: 30px;}



div#register-page input { width: 214px; border: 1px solid #000;}
div#register-page label { font-weight: bold; }
div#register-page #div-field-remember_me { display: none; }

div#register-page #tr-action { width: 460px; }
div#register-page #div-label-action { display: none; }
div#register-page #div-field-action { 
	margin-top: 20px; 
	width: 460px; 
	text-align: center; 
	clear: both; 
}

div#div-question-remember_me { display: none; }


div#register-page #div-field-action input{
	margin: 0 auto;
	
  width: 353px;
  height: 70px;
  margin: 0;
  padding: 0;
  border: 0;
  background: #1447ad url(/images/login/btn_sign_up.gif) left top no-repeat;
	font-size: 1px;
	color: #1447ad;
  /*text-indent: -1000em;*/
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}


