@import url('/public/css/global/default.css');
@import url('/public/css/global/footer.css');
@import url('/public/css/global/navbar.css');

#login_page {
	background-image: url(/public/images/login_background.jpg);
	height: 100%;
	width: 100%;
	background-position: top;
}

#page {
	background-image: url(/public/images/login_background_strip.jpg);
	height: 582px;
}

body {
	background-image: url(/public/images/login_background_strip.jpg);
}

#signinbanner {
	float:left;
	height:85px;
	width:960px;
	background-image:url('/public/images/salaryextraslogo.jpg');
	background-repeat:no-repeat;
	background-position:0px 10px;
	border: 1px solid #D0D0D0;
	border-radius:3px;
	background-color:#FFFFFF;
	margin-bottom:80px;
}
	
#carer_login {
	width: 758px;
	height: 336px;
	float: left;
	margin-left: 88px;
	margin-top: 139px;
	overflow: visible;
}

#carer_login p {
	font-size:10px;
}

#separator {
	float:left;
	background-color:#AFAEAE;
	width:1px;
	margin-top:40px;
	height:245px;
}

#login_form {
	width:360px;
	
}

#login_formbox {
	width:305px;
	height:110px;
	margin-left:16px;
	margin-top:28px;
	
	background-image:url('/public/images/SE_spritesheet.png');	
 	background-position: -998px -108px;
	
}

#login_formbox a {
	color:#545454;
	text-decoration:none;
	font-size:11px;
}

#login_formbox a:hover {
	text-decoration:underline;
}


#reset_formbox{	
	width:305px;
	height:110px;
	margin-left:16px;
	margin-top:28px;
	
}



.loginfield {
	float:left;
	width:267px;
	clear:right;
	background: transparent;
	/*border: none;*/
}

.loginlabel {
	
}

.loginlabel span {
	/*display:none;*/
}

#login_username_label {
	float:left;
	width:150px;
	height:22px;
	
	/*background-image:url("/public/images/username.png");
	background-position:0px 4px;
	background-repeat:no-repeat;*/
}

#login_username_div {
	float:left;
	clear:both;
	margin-bottom:8px;
}

#login_password_div {
	float:left;
	clear:both;
	margin-bottom:8px;
}


#new_password_div {
	float:left;
	clear:both;
	margin-bottom:8px;
}

#new_password_label {
	float:left;
	width:150px;
	height:22px;
	/*background-image:url("/public/images/newpassword.png");
	background-position:0px 4px;
	background-repeat:no-repeat;*/
}

#confirm_password_label {
	float:left;
	width:150px;
	height:22px;
	/*background-image:url("/public/images/confirmpassword.png");
	background-position:0px 4px;
	background-repeat:no-repeat;*/
}

#confirm_password_div {
	float:left;
	clear:both;
	margin-bottom:8px;
}

#login_password_label {
	float:left;
	width:150px;
	height:22px;
	/*background-image:url("/public/images/password.png");
	background-position:0px 4px;
	background-repeat:no-repeat;*/
}

#password_reminder_label {
	clear:both;
	float:left;
	height:47px;
	width:310px;
	margin-top:28px;
	/*background-position:bottom right;
	background-image: url('/public/images/reminder.png');
	background-repeat:no-repeat;*/
}

#password_reminder_label a:hover {
	cursor: pointer;
}

#login_button_div {
	float:left;
	clear:both;
	margin-top:28px;
	text-align:right;
	width:310px;
}

#login_button {
	width:80px;
	height:22px;
	background-image:url('/public/images/SE_spritesheet.png');	
 	background-position: -998px -256px; 	
 	color: #ffffff;
 	cursor: pointer;
 	border: none;
 	text-align: center;
 	font-weight: bold;
}

#loginleftcol {
	float:left;
	width:313px;
	height:334px;
}

#loginrightcol {
	float:left;
	width:340px;
	height:336px;
	padding-left: 20px;
	/*background-image:url("/public/images/signinnow.png");
	background-repeat:no-repeat;
	background-position:55px 40px;*/
}

#loginlefttop {
	/*background-image:url('/public/images/regnow.png');
	background-position:40px 30px;
	background-repeat:no-repeat;*/
	float:left;
	width:313px;
	height:160px;
}

#loginlefttop #text {
	margin-top:70px;
}

#loginleftbottom {
	/*background-image:url('/public/images/cantsignin.png');
	background-position:40px 0px;
	background-repeat:no-repeat;*/
	float:left;
	width:313px;
	height:160px;
}

#login_username{
	height: 21px;
	margin-left: 34px;
	/*width: 267px;*/
	border: none;
}

#login_password{
	
}

.login_password_class{
	margin-top:33px;
	height: 21px;
	margin-left: 34px;
	/*width: 267px;*/
	border: none;
}

.colourblue{
	color: #6088C5;
}
.bigspan{
	font-size: 14px;
}
.blodspan{
	font-weight: bold;
}
#registerbutton{
	padding: 10px;display: block;color: #FFFFFF;width: 66px;
	text-decoration: none; 
	background-image:url('/public/images/SE_spritesheet.png');	
 	background-position: -998px -248px;
 	margin-left: 169px;
 	font-weight: bold;
 	font-size: 13px;
}