/*********************   
 * file:	screen.css
 * author:	David Grimmer
 * version:	1.0
 * project:	wms-framework
 ********************/

@import url('reset.css');
@import url('font-awesome.min.css');

@font-face { font-family:'Open Sans'; src:url('../fonts/OpenSans-Light.ttf'); font-weight:300; }
@font-face { font-family:'Open Sans'; src:url('../fonts/OpenSans-Regular.ttf'); }
@font-face { font-family:'Open Sans'; src:url('../fonts/OpenSans-Italic.ttf'); font-style:italic; }
@font-face { font-family:'Open Sans'; src:url('../fonts/OpenSans-Semibold.ttf'); font-weight:600; }
@font-face { font-family:'Open Sans'; src:url('../fonts/OpenSans-Bold.ttf'); font-weight:700; }

html, body  { background:#f1f1f1; width:100%; height:100%; font-size:10px; }
body     	{ font-family:'Open Sans', sans-serif; color:#333333; }

.clear 	{ clear:both; }
.left 	{ float:left; }
.right 	{ float:right; }

#login-wrap { position:absolute; width:400px; left:50%; margin-left:-200px; height:335px; top:50%; margin-top:-200px; border:1px solid #cccccc; }
#login-banner { padding:20px 40px; background:#af2b1e; color:#ffffff; }
#system-title { display:inline-block; font-size:16px; font-weight:600; }

#login-banner img { max-width:50%; height:auto; }

#login-form { padding:20px 40px; }
#login-form .form_field label { display:block; margin-bottom:5px; font-size:14px; }
#login-form .form_field .text { width:90%; padding:10px 5%; border:1px solid #cccccc; margin-bottom:20px; }
#login-form .form_field .submit-button { border:1px solid #cccccc; background:#dddddd; padding:10px 40px; font-size:16px; letter-spacing:1px; }
#login-form .form_field .submit-button:hover { background:#d2d2d2; }

#login-form p.error { float:left; color:red; font-size:16px; margin-top:14px; }