body {
	margin:0; background-color:#2f2f2f;
}

.login_area {
	background-image: url(https://trew-assets.s3.amazonaws.com/admin_otticanet/admin/Img/loginbg.png);
	background-repeat: no-repeat;
	padding: 0px;
	height: 170px;
	width: 286px;
}
.login_head {
	font-family: Arial;
	font-size: 20px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	float: left;
	height: 33px;
	width: 230px;
	background-image: url(https://trew-assets.s3.amazonaws.com/admin_otticanet/admin/Img/login_head.png);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 38px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.login_textarea {
	font-family: Arial;
	font-size: 20px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	float: left;
	width: 258px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}.login_name {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #a6a6a6;
	text-decoration: none;
	margin: 0px;
	float: left;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 55px;
}


.login_box {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #a6a6a6;
	text-decoration: none;
	margin: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.logintextbox {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 18px;
	width: 180px;
	border: 1px solid #666666;
}.logintextbox:hover {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 18px;
	width: 180px;
	border: 1px solid #333333;
}
.register {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #fcb340;
	text-decoration: none;
	
	background-repeat: no-repeat;
	float: left;
	height: 18px;
	width: 115px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 13px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 67px;
}
.register:hover {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	
	background-repeat: no-repeat;
	float: left;
	height: 18px;
	width: 115px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 13px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 67px;
}
.login {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: left;
	text-decoration: none;
	background-image: url(https://trew-assets.s3.amazonaws.com/admin_otticanet/admin/Img/login_buttons_02.png);
	background-repeat: no-repeat;
	float: right;
	height: 18px;
	width: 40px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 1px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}
.login:hover {
	color: #fcb340;
	background-image: url(https://trew-assets.s3.amazonaws.com/admin_otticanet/admin/Img/login_buttons1_02.png);
	background-repeat: no-repeat;
}
center {
 position:absolute;
 width:640px;
 height:410px;
 left:50%;
 top:50%;
 margin-left:-320px; 
 margin-top:-205px; 
}

.error {
	padding: 10px 0;
	color: #F00;
	font-weight: bold;
}