/*------------------------------------------------------------------------------

LOGIN.CSS for CYBER EXTENSION

------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------

										LOGIN BOX AND CHANGE PASSWORD BOX

------------------------------------------------------------------------------*/

.login input {
	width: 190px;
	text-align:left;
}

.login input.loginBtn, .changePass input.loginBtn {
	position: relative;
	left:-174px;
	top:15px;
	
	width: 60px;
	text-align:center;
}

.login, .newPass, .changePass { 
	background:transparent url(../images/login.gif) no-repeat bottom right; 
	text-align:right;
	padding:0px;
	width:267px; 
	height:185px; 
	margin:100px auto 0px auto;
}

.login div, .changePass div { 
	text-align:left;
	width:200px; 
	margin:0px auto; 
	padding-top:35px;
}

.changePass {
	background:url(../images/changePass.gif) no-repeat top center;
	width:500px;
	margin-top:20px;
}

.changePass input.loginBtn {
	left:-35px;
	width:200px;
}

.changePass table {
	position: relative;
	top: 40px;
	left: 20px;
	
	text-align:left;
}

.changePass table td input {
	width: 190px;
}

.changePass table input.submitBtn {
	text-align: center;
	width: 198px;
	margin:20px 0 0 0;
} 

.newPass {
	background:url(../images/updatePass.gif) no-repeat top center;
	height:220px;
	padding:20px 0 0 0;
}

.newPass .formBtn {
	margin: 15px 0;
	width:130px;
}

.newPass div {
text-align:left;width:200px; margin:0px auto; padding-top:25px; height:1%;
}

.txtNewPass {
	width:99%;
}

/*------------------------------------------------------------------------------

												WELCOME HEADER STYLING

------------------------------------------------------------------------------*/

/* 
CENTER ALIGNED WELCOME TEXT
*/

p {
	color:#666666;
	font-size: 12px;
	margin:0;
}

.login_schoolName, p.login_userName {
	color: #909EA9;
	font-size:18px;
	margin:3px 0 3px 0;
	white-space:nowrap;
}

.changePass_welcomeMsg{
	width: 495px;
	margin: 0 auto;
}

.changePass_welcomeMsg p {
	text-align:left;
}

.login_welcomeMsg {
	margin:auto;
	padding-top:18px;
	text-align:center;

}

.login_schoolName {
	padding-top:21px;
	background:url(../images/welcome.gif) no-repeat top left;
	padding-bottom:18px;
	border:1px solid white;
	
	margin-left: 365px;
	
	display:block;
}

.login_schoolName span {
	display: block;
	text-align: left;
}



/*------------------------------------------------------------------------------

													CHANGE PASSWORD.ASPX

------------------------------------------------------------------------------*/

.directions {
	width:495px;
	margin:0 auto;
}

.directions .Q {
	display:block;
	font-weight:bold;
	color:#555555;
	margin:0;
}
.directions .A {
	display:block;
	color:#888888;
	margin:0;
}


/*------------------------------------------------------------------------------

														LOGIN.ASPX

------------------------------------------------------------------------------*/

.forgotPassword {
	display: block;
	width: 150px;
	margin:-3px 0 0 105px;
	text-align: left;
}


/*------------------------------------------------------------------------------

												SET SECURITY QUESTIONS

------------------------------------------------------------------------------*/

#subHeaderSecureQuestions {
	position:relative;
	top:1px;
	z-index:1;
	background: url(../images/subHeaderSecureQuestions.gif) no-repeat top left;
	height:40px;
	width: 240px;
	margin:0px;
}

#subHeaderSecureQuestions span {
	text-align: -9999px;
	display: none;
}

#sQuestions {
	margin:0px;
	margin-bottom:5px;
	background:#fad398;
	padding:10px;
	border:#db9d3f 1px solid;
	overflow:hidden;
	height:1%;
}

#sQuestions input {
	margin:8px 0 0 0;
}

/*------------------------------------------------------------------------------

												ResetPassword.aspx

------------------------------------------------------------------------------*/

.forgotPass {
	padding:35px;
	margin:80px auto 0;
	width:430px;
	height:165px;
	background:transparent url(../images/forgotPass.gif) no-repeat top left;
	
}


.secQues {
	background:url(../images/securityQues.gif) no-repeat top center;
	height:365px;
		width:430px;
	margin:80px auto 0;
	padding:35px;
}