/*NAVIGATION BAR LOGIN RELATED LINKS, INCLUDING FACEBOOK CONECT*/
#login_or_signup{
	padding-top:4px;	
}

#login_links{
	height:auto;
	margin-left:30px;
}

#login_links a{
	color:#0066FF;
	font-size:.95em;
	display:inline-block;
	vertical-align:middle;
}

#login_facebook{
	color:#0066FF;
	font-size:.95em;
	display:inline-block;
	vertical-align:middle;
}

#facebook_connect_button{
	width:97px;
	height:22px;
	float:left;
	padding-top:2px;
}

#login_links span{
	padding-left:5px;
	padding-right:5px;
}

#employers_login{
	text-align:right;
}

#employers_login a{
	color:#0066FF;
	font-size:0.95em;
	display:inline-block;
	vertical-align:middle;
	text-decoration:underline;
}

a.sign_up_button{
    background: transparent url(/images/homepage/sign_up_button.png) no-repeat;
    border: medium none;
    width: 80px;
    height: 25px;
    text-align: center;
	font-size:.85em;
    color: white;
    font-weight: bold;
	display:inline-block;
}
/*END*/

/* LOGIN AND REGISTER FORM FIELDS */
.login_register_needed_field{
	color:red;
	margin-left:-10px;
}

#student_login h1,
#registration h1 {
	color:#660066;
	font-size:1em;
	text-align:left;
	margin-bottom:10px;
	margin-left:0;
	font-weight: bold;
}

.form_fields{
	width:100%;
}

#register_links a{
	color:blue;
	text-decoration:underline;
}

.form_fields p{
	color:#333;
	font-size:.8em;
	text-align:left;
	display:block;
	margin-bottom:5px;
	margin-top:5px;
	float:left;
}

.help_button{
	position:relative;
	bottom:-5px;
	float:right;
	background: url(/images/helpButton.png) no-repeat 0 0;
	height:20px;
	width:13px;
}

.help_button:hover{
	float:right;
	background: url(/images/helpButton.png) no-repeat 0 -20px;
	height:20px;
	width:13px;
}

.login_register_issues{
	padding:5px 0px;
}

.login_register_issues h3{
	color:red;
	font-size:0.6em;
}
/* END */


/* LOGIN FORM*/

#login_view {
	width: 235px;
    height: auto;
}

#student_login {
	margin:30px 20px 0px 20px;
}

#student_login input[type=text],
#student_login input[type=password]{
	width:98%;
}

#remember_me_wrapper{
	width:100%;
	float:left;
	padding:10px 0px;
}

#remember_me_wrapper input{
	float:left;
}

#remember_me_wrapper p{
	font-size:0.6em;
	float:left;
	padding-top:4px;
}

#forgot_password{
	width:100%;
	padding-bottom:10px;
}

#forgot_password a{
	font-size:.8em;
}

#login_form_button{
	text-align:center;
}

#register_link{
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	margin:0px -10px;
}

#register_link a{
	color:#0066FF;
	font-size:.8em;
	text-decoration:underline;
}

#employers_link{
	width:100%;
	text-align:center;
	padding-bottom:10px;
}

#employers_link hr{
	margin:5px -25px;
}

#employers_link a{
	color:#0066FF;
	font-size:.8em;
}

#invalid_login{
	display:none;
}

/*END*/

/* REGISTRATION FORM*/
#registation_body{
	background: #DBDBDB url(/images/registration/FS_registration_gradient.png) repeat-x;
}

#registration{
	margin:30px 20px 10px 20px;
	height: 100%;
}

#fatstudent_register_logo{
	width:38%;
	height: 100%;
	float:left;
	padding:30px 10px 0px 10px;
}

#fatstudent_register_logo img{
	display:inline-block;
}

#fatstudent_beta_logo{
	padding-left:30px;
}

#registration_fields{
	width:60%;
	height: 100%;
	float:right;
}

#facebook_connect{
	width:50%;
	height: 100px;
	float:left;
}

#facebook_connect h1, #facebook_connect li, #facebook_connect p{
	margin-right:30px;
	float:right;
}

#facebook_button{
	margin-right:30px;
	float:right;
	padding-bottom:10px;
}

#facebook_connect p{
	color:#333333;
	display:block;
	font-size:0.8em;
	margin-bottom:5px;
	margin-top:5px;
}

#facebook_connect h1{
	font-size:1.5em;
	font-weight:bolder;
	margin-bottom:-5px;
}

#registration_form{
	width:50%;
	height: 100%;
	float:right;
}

#registration_errors{
	width:100%;
	height: 100%;
	float:left;
	text-align:right;
}

#registration_issues{
	color:#6f0000;
}

#registration_issues li{
	list-style: none;
	padding-bottom:10px;
	font-size:.8em;
}

.registration_form_fields{
	width:80%;
	float:left;
}

.verify_fields{
	padding-top:20px;
	padding-right:10px;
	float:right;
}

#join{
	display:block;
	width:100%;
}

#registration_fields input[type=text],
#registration_fields input[type=password]{
	width:98%;
}

#fatstudent_earn_save{
	padding:50px 0px;
}

input.error{
	border-color:red;
	background-color:#F99;
}

#succesful_registration{
	display:none;
	text-align:center;
	padding:50px 20px;
}

#succesful_registration p{
	padding:10px 20px;
}
/*END*/

/*FACEBOOK SYNC FORM*/
#fatstudent_sync{
	width: 570px;
	height: auto;
	padding: 15px 25px 10px 25px;
	font-size: 0.9em;
}

#fatstudent_account_wrapper{
	width:48%;

	float:left;
}

#or{
	width:4%;
	float:left;
	text-align: center;
}

#new_user_wrapper{
	width:48%;
	float:right;
}

#sync_form input[type="text"], #sync_form input[type="password"] {   
    padding: 5px;
    width: 200px;
 }
  #fatstudent_sync h4{
      color: #660066;
      font-size: 1.3em;
      font-weight: bold;
      text-transform: uppercase;
      text-align: center;
      margin-bottom: 10px;
  }

#sync_form{
    width: 85%;
}

#no_sync_form{
    margin-top: 70px;
    text-align: center;
}

#sync_button {
    text-align: center;
}

#no_sync_button {
    text-align: center;
    margin-top: 50px;
}

.vertical_line {
    padding: 0px;
    border-left: solid 1px silver;
    height: 95px;
    width: 0px;
    margin: 0px auto 0px auto;
}

#sync_errors{
    color: red;
}
/*END*/