body{
margin: 0;
padding: 0;
background: #f2f2f2;	
background-image: url("login.jpg");
background-size: cover;"
}

.loginarea{
	width: 300px;
	height: 250px;
	height: auto;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -150px;
	margin-top: -150px;
	border-radius: 5px;
	box-shadow: 0 0px 5px #999;
	border:1px solid #ccc;
	box-sizing: border-box;
	padding: 15px;
}
.loginarea legend{
width: 100%;	
background: #1688db;
margin-bottom: 10px;	
text-align: center;
font-size: 1.4em;
font-weight: bold;
padding: 8px 0;	
color: #fff;
border-radius: 5px;
}
.loginarea div{
width: 100%;
height: 40px;
display: block;margin-bottom: 5px;	
}

.loginarea div i{
width: 30px;
padding: 10px;
float: left;
border: 1px solid #ccc;
border-radius: 5px 0 0 5px;
text-align: center;
}


.loginarea div input[type=email],
.loginarea input[type=password]{
float: left;	
width: 215px;
height: 38px;
outline: 0;
font-size: 16px;
padding: 0 10px;
margin-bottom: 20px;
border-radius: 0 5px 5px 0;
border:1px solid #ccc;
border-left: none;
}

.loginarea input[type=submit]{
width: 100px;
height: 40px;
border:0px;
font-size: 16px;
border-radius: 5px;
background: #09406a;
color: #fff;
cursor: pointer;
}

.warning{
border:2px solid #ff0000;
padding: 10px;
border-radius: 5px;
background: #ff9999;
color: #333;
margin-top: 20px;

}