body {
	background-image: url("../../img/clarotem/bgr.jpg");
	background-size:100%;
	margin: 0px auto;
	text-align: center;
	font-family: Arial;
	font-size: 10px;
	color: #FFF;
}
div {
	background: url("../../img/clarotem/bgr-login-box.png");
	width:740px;
	height:287px;
	margin: 0px auto;
}
form {
	margin-top: 75px;
	margin-left: 336px;
	float: left;
	width: 276px;
}
form h1 {
	float:left;
	margin:0px;
	color:#000;
}
form p {
	float:left;
	margin:0px;
	color:#000;
}
form label {
	margin-bottom: 0px;
	float: left;
}
form label span.spn-field-name {
	margin-left: 3px;
	float: left;
	width: 39px;
	margin-right: 4px;
	margin-top:8px;
	text-align: right;
	color:#000;
}
form label span.spn-field-background {
	width: 221px;
	height: 31px;
	float: left;
}
form label input {
	float: left;
	width: 216px;
	height: 21px;
	border: 0px;
	margin-left: 5px;
	margin-top: 5px;
	background: #eee;
	font-size: 12px;
	border:1px solid #adafaf;
}
form label.lab-button {
	float: right;
	margin-right: 5px;
	height: 30px;
}
form label span.spn-button-background {
	
	height: 30px;
	width: 88px;
	float: left;
}
form label span.spn-button-background button {
	background-color:#b3282d;
	color:#fff;
	border-radius:5px;
	font-weight:bold;
	height: 21px;
	width: 80px;
	border: 0px;
	margin-top: 4px;
	font-size: 1.1em;
	text-align: center;
}
form label span.spn-button-background button:hover {
	background-image: url("../../img/clarotem/bgr-login-button-inside.png");
	background-position: 0px 21px;
	color: #FFF;
	cursor: pointer;
}
form span.spn-error, form span.spn-forgot-password {
	float:left; 
	font-size: 10px; 
	width: 180px; 
	text-align: left;
	color: #d52b1e;
	font-weight:bold;
}
form span.spn-error {
	color: #d52b1e;
}
form span.spn-forgot-password a {
	color: #000;
	text-decoration:underline;
	font-weight:normal;
	float:left;
	margin:0;
}
form span.spn-forgot-password a:hover {
	text-decoration:underline;
}
form span.spn-left-box {
	float:left;
	width:127px;
}