html{
	background:url( ../../images/footer_bg.jpg ) repeat-x left bottom #f2f2f2;
	height:100%;
}

body{
	background:url( ../../images/login/up_bg.jpg ) no-repeat center top transparent;	
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
}

#wrapper{
	height:100%;	
	width:985px;
	margin:0 auto;
	position:relative;
}

#content{
	width:326px;
	height:316px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-163px 0 0 -158px;	
	border:none;
	background:#FFF;
	-webkit-box-shadow: 0px 0px 11px rgba(50, 50, 50, 0.20);
	-moz-box-shadow:    0px 0px 11px rgba(50, 50, 50, 0.20);
	box-shadow:         0px 0px 11px rgba(50, 50, 50, 0.20);
}

#logo{
	position:absolute;
	width:198px;
	height:108px;
	margin:-32px 0 0 64px;
	background:url( ../../images/login/logoCobiporc_new.png ) no-repeat center center transparent;
}

#login{
	display:block;
	margin:108px 0 0 0;	
}

.form_elems{
	display:block;
	background:#e5007d;
	padding:10px 30px 10px 30px;
}

.field{
	width:239px;
	height:30px;
	line-height:30px;
	background-color:#FFF;	
	background-repeat:no-repeat;
	background-position:6px 1px;
	border-radius:8px;
	padding:0 0 0 46px;
	font-size:14px;
}

.field label{
	font-weight:bold;
	color:#212121;	
}

#login #user.field{
	margin:10px auto;
}

#login #user.field{
	margin:10px auto;
	background-image:url( ../../images/login/ico_login.jpg );
}

#login #pass.field{	
	background-image:url( ../../images/login/ico_pass.jpg );
}

.form_elems input[type=text] , .form_elems input[type=password]{
	border:none;
	outline:none;
	background:#FFF;
	color:#626262;
}

.subfields{	
	height:16px;
	display:block;
	padding:0 6px 0 14px;
	color:#626262;		
}

.subfields a{
	color:#626262;
	text-decoration:none;	
	float:left;
	height:16px;
	line-height:16px;
}

.subfields a:hover, .subfields label:hover{
	text-decoration:underline;	
}

.subfields span{
	float:right;
	height:16px;
}

.subfields span label{
	height:16px;
	line-height:16px;
	float:right;	
}

.subfields span input[type=checkbox]{
	margin:0 3px;
	height:16px;
	width:16px;	
	float:right;
}

form input[type=submit]{
	display:block;
	margin:10px auto;
	border:none;
	outline:none;
	width:293px;
	height:38px;
	font-size:12px;
	line-height:19px;
	padding:8px 0 18px 0;
	background:url( ../../images/login/submit.png ) no-repeat center center transparent;
	color:#FFF;
	text-transform:uppercase;
	text-shadow: 2px 1px 0px rgba(122, 0, 67, 0.75);
	font-weight:bold;	
}

label.error, .error{
	color:red;
	font-size:11px;	
}

#lostpassword{
	display:none;
	margin:130px 0 0 0;	
}

#lostpassword label.error{
	padding:10px 0 0 0;
	margin:0 0 0 86px;	
}

#cancellostpass{
	padding-left:20px;	
	font-weight:bold;
	background:url( ../../images/login/cancel.jpg ) no-repeat left center transparent;
}

#resetmsg{
	margin:10px;
	font-weight:bold;	
}

#resetmsg.success{
	color:green;
}

.loading{
	height:32px;
	background:url( ../../images/user_loader_32px.gif ) no-repeat left center transparent;
	padding:0 0 0 36px;
	line-height:32px;
	font-weight:bold;
}

#footer{
	position:absolute;
   	bottom:0;
  	width:100%;	
	height:57px;
	line-height:65px;
	font-size:11px;
	color:#c5c5c5;	
	overflow:hidden;
}

#footer a,
#footer a:link,
#footer a:visited,
#footer a:active{
	color:#c5c5c5;	
	text-decoration:none;
}

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

.error_login {
	text-align: center;
	margin-bottom: 10px;
	font-weight: bold;
	color: #D51931;
}