BODY { background-color: #CCC; color: white; text-align: center; vertical-align: middle; margin: 0; padding: 0; width: auto; height: auto; overflow: auto; }

#loginWrapper { margin: 0; padding: 0; width: auto; height: auto; padding-top: 25%; padding-left: 50%; margin-top: -128px; margin-left: -388px; border: none; }
#loginForm { margin: 0; padding: 0; width: 777px; height: 256px; border: 2px outset #531; border-radius: 16px; 
-webkit-box-shadow: 0px 18px 8px -10px rgba(32,32,32,1);
-moz-box-shadow: 0px 18px 8px -10px rgba(32,32,32,1);
box-shadow: 0px 18px 8px -10px rgba(32,32,32,1);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#444444+0,440033+100 */ 
background: #440000; /* Old browsers */ 
background: -moz-linear-gradient(top, #440000 0%, #000044 100%); /* FF3.6-15 */ 
background: -webkit-linear-gradient(top, #440000 0%,#000044 100%); /* Chrome10-25,Safari5.1-6 */ 
background: linear-gradient(to bottom, #440000 0%,#000044 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#440000', endColorstr='#000044',GradientType=0 ); /* IE6-9 */ 
}

#loginForm OL { position: relative; display: inline-block; margin: 0; padding: 0; width: 486px; height: 24px; }
#loginForm IMG { position: relative; display: inline-block; float: left; height: 192px; width: 192px; border: none; margin: 32px 16px 32px 16px; }
#loginForm H2 { margin: 0; padding: 16px 16px 32px 16px; }
#loginForm UL { position: relative; display: inline-block; margin: 0; padding: 0; width: 60%; height: auto; }
#loginForm UL LI { position: relative; display: inline-block; margin: 0; padding: 0; padding-bottom: 4px; list-style-type: none; width: 80%; border: none; }
#loginForm UL LI.nav { margin-top: 16px; }
#loginForm LABEL { position: relative; display: inline-block; float: left; width: 90px; margin-right: 16px; }
#loginForm INPUT[TYPE='TEXT'] { position: relative; display: inline-block; float: left; }
#loginForm INPUT[TYPE='PASSWORD'] { position: relative; display: inline-block; float: left; }
#loginForm INPUT[TYPE='SUBMIT'] { position: relative; display: inline-block; }
#loginForm INPUT[TYPE='BUTTON'] { postiion: relative; display: inline-block; }
#loginForm P { padding-top: 0; margin: 0; margin-top: 8px; margin-bottom: 8px; }

@media screen and (max-width: 320px) {
	#loginWrapper { padding: 0; margin: 0; }
	#loginForm { width: calc(100% - 4px); font-size: 12px; }
	#loginForm OL { width: 65%; }
	#loginForm IMG { width: 64px; height: 64px; margin: 8px 4px 8px 8px; }
	#loginForm H2 { padding: 4px 4px 8px 4px; }
	#loginForm UL LI.nav { margin-top: 4px; }
	#loginForm LABEL { width: 64px; margin-right: 4px; }
}