@charset "utf-8";
/* CSS Document */

body{
	  background: #09C;
	  margin:0px;
	  padding:0px;
}
#login{
	width:400px;
	height:300px;
	margin:150px auto auto auto;
	position:relative;
	background:#E4E5E7;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	box-shadow: 0 0 40px  #FFF; 
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='#FFF'); /* for IE */
}
#login img{
	width:80px;
	height:80px;
	float:left;
	margin:20px auto auto 30px;
	position:relative;
	top: 0px;
	left: 0px;
}
#login span{
	font-weight:bold;
	font-size:18px;
	font-family:Georgia;
	float:left;
	margin:40px 0 0 0;
}
#login form{
	width:350px;
	margin:0px;
	padding:0px;
	float:left;
}
#login form label{
	margin:10px 80px;
	float:left;
	font-weight:bold;
}
.contact_form input{
	width:200px;
	padding:5px 5px 5px 25px;
	border:1px solid #999;
		box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
		filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='#CCCCCC'); /* for IE */
		border-radius:2px;
		padding-right:10px;
		-moz-transition: padding .25s; 
		-webkit-transition: padding .25s; 
		-o-transition: padding .25s;
		transition: padding .25s;
		background:#FFF;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff'); /* for IE */
}
#login form input#user{
	background:#FFF  url(img/admin-icon.jpg) no-repeat left center ;
}
#login form input#user:focus{
	background:#FFF url(img/user.png) no-repeat left center ;
}
#login form input#pass{
	background:#FFF url(img/password.png) no-repeat left center ;
}
#login form input#pass:focus{
	background:#FFF  url(img/lock_open.png) no-repeat left center ;
}
.contact_form input:focus, .contact_form textarea:focus {
		background: #fff; 
		border:1px solid #555; 
		box-shadow: 0 0 3px #aaa; 
		filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='#aaa'); /* for IE */
		padding-right:30px;
	}
#login form button{
	width:100px;
	height:30px;
	cursor:pointer;
	background: url(img/Login_icon.png) no-repeat;
	float:left;
	border:none;
	margin:0 70px;
}
.contact_form input:required:valid, .contact_form textarea:required:valid {
	background: #fff url(images/valid.png) no-repeat 98% center;
	box-shadow: 0 0 5px #5cd053;
	border-color: #28921f;
}
.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {
	background: #fff url(images/invalid.png) no-repeat 98% center;
	box-shadow: 0 0 5px #d45252;
	border-color: #b03535
}
.contact_form input:focus + .form_hint {display: inline;}
.contact_form input:required:valid + .form_hint {background: #28921f;}
.contact_form input:required:valid + .form_hint::before {color:#28921f;}