html, body {	font-family: verdana, sans-serif; font-size: 12px; background: #afafaf;}
body {	width: 100%;	height: 100%;	height: auto;	margin: 0;	padding: 0;}
img {	text-decoration: none;	border: 0px;}
@import url('animate.min.css');
@import url('animate.delay.css');

/*** login box ***/
.loginpanel {width: 280px; position: absolute; top: 50%; left: 50%; height: 260px;}
.loginpanelinner {position: relative; top: -150px; left: -50%;}
.loginpanelinner .logo {height: 50px; padding: 0; width:160px; margin:0 auto;}
.loginpanel .pull-right {margin-top: 11px; color: #ddd;}
.loginpanel .pull-right a {color: #ddd;}
.inputwrapper input {width: 280px; background: #f7f7f7; color: #555555; padding: 10px; margin: 4px 0; border: none;}
.inputwrapper input:active, .inputwrapper input:focus {background: #fff; border: 0;}
.inputwrapper button {width: 280px; height: 40px; border: none; border-radius: 2px; 
					cursor: pointer; display: inline-block; font-size: 13px; font-weight: normal; color: #FFFFFF; letter-spacing: 1px; margin: 3px 0; padding: 10px;
					text-align: center; text-decoration: none; background: #4b5982;}
.inputwrapper button:focus, .inputwrapper button:active, .inputwrapper button:hover {background: #8193ca; }
.inputwrapper label {display: inline-block; margin-top: 10px; color: rgba(255,255,255,0.8); font-size: 11px; vertical-align: middle;}
.inputwrapper label input {width: auto; margin: -3px 5px 0 0; vertical-align: middle;}
.inputwrapper .remember {padding: 0; background: none;}
.login-alert .alert {font-size: 11px; text-align: center; padding: 5px 0; border: 0;}
a.passlink:link,a.passlink:visited {color: #4b5982; text-decoration: none; line-height: 200%; float: right; }
a.passlink:hover {color: #8193ca;}
.loginfooter {font-size: 10px; color: #888888; position: absolute; position: fixed; bottom: 0; left: 0; width: 100%; text-align: center; padding: 5px 0;}

/* Iphone (1136x640px) */
@media only screen and (min-width: 640px) and (max-width: 1136px) {



}