#login {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color:#9f9f9f;
}
#login form{margin:0;padding:0;margin-bottom:50px;padding:0 50px 0 50px;}
#login form input[type=text],
#login form input[type=password] {
  border-radius: 5px;
  border:none;
  background-color:#f7f7f7;
}
#login form .buttonplaceholder{
	display:table;width:100%;
}
#login form .buttonplaceholder div{display:table-cell;}
#login form .buttonplaceholder div:last-child{text-align:right;}
#login form a{color:red;}

#login .container{
	display:table-cell;width:100%;height:100%;
	padding:25px;
}

#login .sectionbox{
	position: fixed;
	top: 50%;left: 50%;	
	/* bring your own prefixes */
	transform: translate(-50%, -50%);
	background-color:#fff;
	width:550px;
	border-radius:15px;
	border:solid 4px #5a5a5a;
	box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}
#login .sectionbox .header{
	text-align:center;
	padding:20px 50px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom:solid 1px #ddd;
	background-color:#f5f5f5;
}

#login .sectionbox .header img{width:100%;}

#login .sectionbox .footer{
	padding:0 50px 25px 50px;
	text-align:center;
}


#login .sectionbox label{font-size:9pt;font-weight:normal;}
#login .sectionbox h1,
#login .sectionbox h2,
#login .sectionbox h3,
#login .sectionbox h4,
#login .sectionbox h5{margin:0;padding:0;}

#login .sectionbox h1{margin:50px 0 30px 0;color:#454545;}
#login .sectionbox h3{font-size:14pt;color:#000;font-family:'azonix';font-weight:bold;color:#376493;}
#login .sectionbox h4{font-size:10pt;color:slategrey;font-weight:bold;margin-bottom:5px;}
#login .sectionbox h5{font-size:10pt;}