/* login page css */

div#nav { height: 90px; }

div.quicktip a { font-weight: bold; }

div#login-header { text-align: center; }
div#login-header h1 {margin-top: 20px;}
div#login-header h3 { font-weight: normal; color: #999; }


div#btn-sign-up { text-align: center; margin-top: 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#btn-fbook {margin: 10px 0 0; color: #666; text-align: center;}

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 { position: relative; }

div#login-options {clear: both; background: #ffffcc url(/images/login-options-bg.gif) no-repeat center center;  border: 1px solid #efd967; margin-bottom: 2em;}
div#login-options h4 {display: inline; margin-bottom: 0; padding-bottom: 10px;}
div#login-form {margin: 10px 0 0; padding: 0; text-align: center;}

div#login-form div, div#login-form div {}
div#login-form div#div-label-login_id, 
div#login-form div#div-label-pass_word { display: none; }
div#login-form .login_error { color: #f00;}


div#div-field-login_id { float: left; width: 215px; margin-right: 10px;  position: relative; height: 30px;}

div#login div#div-field-pass_word { float: left; width: 215px;  position: relative; height: 30px;}
div#div-label-action { display: none;}


div#login-form div#div-field-login_id input { 
	height: 20px; 
	width: 145px; 
	font-size: 12px; 
	margin-top: 0; 
	border: 1px solid #efd967; 
	position: absolute; 
	right: 0; 
	top: 0;
	
}
div#login-form div#div-field-pass_word input { 
	height: 20px; 
	width: 145px; 
	font-size: 12px; 
	margin-top: 0; 
	border: 1px solid #efd967; 
	position: absolute; 
	left: 0; 
	top: 0;
	
}

div#div-field-remember_me { display: block !important; font-size: 0.9em; clear: both;}
div#login-form div#div-field-action {  }
div#login-form div#div-field-action input { margin-bottom: 0; padding-bottom: 0; }

/*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 {	
	display: block;
	background-color: #fff;
	border: 1px solid #f00;
	padding: 10px; 
	width: 300px;
	color: #f00;
}
div#header div.form-errors ul { color: #f00; }

div.login_error { 
	color: #666 ! important; 
	width: 300px; 
	border: 1px solid gray; 
	background: #fff; 
	padding: 7px; 
	}
div.login_error a { color: #36c ! important; text-decoration: underline; }
div.login_error a:hover { background: none ! important; }

div#login-screenshot {margin-top: 20px;}

/* register page */

div#register-page { text-align: center; }
div#register-page h1 { text-align: center; padding-top: 15px; margin-bottom: 0px; }
div#register-page h4 { text-align: center; color: #777; margin-top: 5px; }

div#register-page h2#create-profile {
	margin: 20px auto 0;
	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#div-question-access_code { margin-right: 230px;}



div#register-page input { width: 214px; }
div#register-page label { font-weight: bold; }
div#register-page div#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 */
}

div#register-interface-text {
	width: 480px;
	margin: 0 auto;
	text-align: left;
}

div#register-interface-text p.register-default { text-align: center;}


/* fbook */

div#fbook-authorize input#email { padding: 3px; font-size: 1.2em; }

.fbook-box { margin: 0px 10px 20px 0px }
.fbook-box-title { text-transform: uppercase; font-weight: bold; background: #657DAF; padding: 0px 5px; color: #fff }
.fbook-box-text { padding: 5px; border: 1px dotted #ccc; border-top: 1px solid #657DAF; color: #666; }

.fbook-photos ul { list-style: none; margin: 0; padding: 0; }
.fbook-photos ul li { margin-right: 10px; float: left; }

.fbook-notes {
	font-size: 0.9em;
	color: #657DAF; 
	padding: 5px 5px 5px 30px;
	margin-bottom: 10px;
	border: 1px solid #657DAF;
	background: rgb(236, 244, 255) url(http://b.static.ak.fbcdn.net/images/icons/favicon.gif) no-repeat 5px 5px;
}