﻿html, body {	font-family: verdana, sans-serif;	font-size: 12px; background: #27A9E1;	/*background: #94C245; */}
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: 73px; padding: 0; text-align: center;}
.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; background: #08C; border: none; border-radius: 4px; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05), 0 -3px 0 0 rgba(0, 0, 0, 0.2) inset;
					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; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); transition: all 0.2s linear 0s;}
.inputwrapper button:focus, .inputwrapper button:active, .inputwrapper button:hover {background: #0E7CAF;}
.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: #0E7CAF; text-decoration: none; line-height: 200%; float: right; transition: all 0.8s linear 0s;}
a.passlink:hover {color: #ffffff;}
.loginfooter {font-size: 10px; color: #0E7CAF; 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) {



}