html{
	display:block;
	width:100%;
	height:100%;
}
body{

	display:inline-table;
	width:100%;
	height:100%;
	background-color:#F3F3F3;
}

body .login-cont {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

body .login-cont .login-box {
	display:inline-block;
	margin:0 auto;
	width:312px;
	padding:20px;

/*
	background-color:#EFEFEF;
	border:1px #E5E5E5 solid;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	-webkit-box-shadow: 0px 20px 27px -8px rgba(153,153,153,1);
	-moz-box-shadow: 0px 20px 27px -8px rgba(153,153,153,1);
	box-shadow: 0px 20px 27px -8px rgba(153,153,153,1);
*/

}

body .login-cont .login-box input {
	margin:5px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
body .login-cont .login-box  input[type="text"]{
	width:100%;
	width:95.5%;
	padding:12px 2%;
	border:1px #e5e5e5 solid;
	font-family:Arial;
	font-size:12px;
	color:#000000;


-webkit-box-shadow: inset 0px 0px 17px -7px rgba(138,138,138,1);
-moz-box-shadow: inset 0px 0px 17px -7px rgba(138,138,138,1);
box-shadow: inset 0px 0px 17px -7px rgba(138,138,138,1);

}

body .login-cont .login-box  input[type="password"]{
	width:95.5%;
	padding:12px 2%;

	border:1px #e5e5e5 solid;
	font-family:Arial;
	font-size:12px;
	color:#000000;



-webkit-box-shadow: inset 0px 0px 17px -7px rgba(138,138,138,1);
-moz-box-shadow: inset 0px 0px 17px -7px rgba(138,138,138,1);
box-shadow: inset 0px 0px 17px -7px rgba(138,138,138,1);

}

body .login-cont .login-box  input[type="password"]{
	width:95.5%;
	padding:12px 2%;

	border:1px #e5e5e5 solid;
	font-family:Arial;
	font-size:12px;
	color:#000000;
}

body .login-cont .login-box button{
	width:100%;
	padding:12px 0;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	background-color:#399bff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:0;
	
}