@import url(https://fonts.googleapis.com/css?family=Open+Sans);

html { overflow:-moz-scrollbars-vertical; overflow:scroll; }
body { margin:0; padding:0; }
div, label, p, span { font:14px 'Open Sans', Sans-Serif; }
input[type=password] { padding:6px; }
input[type=text] { padding:6px; }
select { padding:6px; }
textarea { padding:6px; }


/* login */
#login { background:#f1f1f1; border:1px solid #ddd; height:380px; margin:100px auto 0 auto; text-align:center; width:560px; -webkit-box-shadow:7px 7px 5px 0px rgba(50, 50, 50, 0.25); -moz-box-shadow:7px 7px 5px 0px rgba(50, 50, 50, 0.25); box-shadow:7px 7px 5px 0px rgba(50, 50, 50, 0.25); }
#login h1 { color:#000; font:normal 20px 'Open Sans', Sans-Serif; margin:10px 0 0 0; -webkit-filter: drop-shadow(0 1px 1px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 1px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 1px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 1px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 1px rgba(0,0,0,.5)); }
#login img { z-index:1; margin-top:-60px; width:120px; }
#login .container { margin:0; padding:20px 0 10px 30px; text-align:left; z-index:2; }
#login .container h1 { font:normal 14px 'Open Sans', Sans-Serif; line-height:2; margin:20px 0 30px 0; -webkit-filter: drop-shadow(0 1px 1px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 1px 1px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 1px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 1px 1px rgba(0,0,0,.5)); filter: drop-shadow(0 1px 1px rgba(0,0,0,.5)); }
#login .container h1 strong { font:normal 22px 'Open Sans', Sans-Serif; }
#login .container .row  { float:left; width:100%; margin:5px 0; }
#login .container .row .label { font:bold 14px 'Open Sans', Sans-Serif; float:left; padding:4px 0 0 0; width:130px; }
#login .container .row span  { font:13px 'Open Sans', Sans-Serif; float:left; padding:4px 0 0 0; width:130px; }
#login .container .row label  { font:13px 'Open Sans', Sans-Serif; float:left; padding:7px 0 0 0; }
#login .container .row input { float:left; }
#login .container .row input[type=checkbox] { margin:10px 8px 0 0; }
#login .container .row input[type=password] { width:125px; margin:0 10px 0 0; }
#login .container .row input[type=submit] { width:80px; margin:0 50px 0 0; }
#login .container .row input[type=text] { width:250px; margin:0 10px 0 0; }
#login .container .row p { font:13px 'Open Sans', Sans-Serif; line-height:1.5; width:500px; }
#login .container .row a { font:13px 'Open Sans', Sans-Serif; }
#login .container .buttons { margin:10px 0 0 0; }

@media (max-width:960px) {

}

@media (max-width:600px) {
    header { width:560px; }
}