@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300);

/* HTML5 doctor reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}

/* Main*/
html, body{height: 100%;}
body{background: #368ee0;font-family: 'Open Sans', sans-serif;color: #ffffff;font-size: 13px;}
a{color: #ffffff;text-decoration: none;}
a:hover {color: #ffffff;cursor: pointer;}

.login{position: absolute;left: 50%;top: 50%;width: 400px;margin: -150px -200px;background: #fff;}
.login h2{margin: 10px 0;padding: 20px 30px 5px 30px;font-weight: 300;color: #333;font-size: 24px;}
.login form{padding: 0 30px;}
.login input{display: inline-block;width: 100%;height: 35px;margin: 10px 0px 10px;padding: 8px 12px;background: #f9f9f9;border: 1px solid #ccc;font-size: 12px;line-height: 20px;color: #555;vertical-align: middle;}
.login input{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.login input[type="submit"]{display: inline-block;float: right;width: auto;height: 25px;margin-top: 15px;padding: 2px 10px;background: #368ee0;border: none;color: #ffffff;text-align: center;vertical-align: middle;cursor: pointer;}
.login input[type="submit"]:hover{background: #1e74c5;}
.login form:after{content: "";display: table;clear: both;}
.login .forget{display: block;margin-top: 10px;padding: 10px 0;line-height: 30px;background: #eee;color: #555;text-align: center;text-decoration: none;}
.login .forget:hover{background: #ddd}

.notifier{text-align:left;color:#fff;}
.notifier.success{padding:5px;margin-bottom:10px;background-color:#393;border:2px solid #267326;}
.notifier.error{padding:5px;margin-bottom:10px;background-color:#e51400;border:2px solid #b21000;}
.notifier p{margin-bottom: 3px;padding-left: 25px;font-size: 12px;}