html {margin:0;padding: 0;height: 100%;}
body {background: #fafafa;margin: 0;padding: 0;margin-bottom: 6px;color: #777;font-size:12px;font-family:sans-serif, Arial, Helvetica;text-align: center;height: 100%;overflow: hidden;}
#main {background: #eee;background: rgba(200,200,200,0.2);width: 300px;margin:0 auto;height: 100%;border: 10px solid #ddd;border-top: none;border-bottom: none;}
#circle {position: fixed;bottom: 40px;left: 50%;border:solid 10px #ddd;border-radius: 90px;width: 100px;margin-left: -60px;height: 100px;z-index: -1;background: #444;background: linear-gradient(top,#444,#555);background: -moz-linear-gradient(top,#444,#555);background: -webkit-linear-gradient(top,#444,#555);}
h1{margin: 0;padding: 40px 0 60px;}
p {text-align: left;}
div.box{padding:10px 5px 20px;font-size: 1.1em;}
div.smallbox{padding: 0 5px 10px;margin-left: 20px;text-align: left;}
p.box.error{background: #cf4646;padding:10px 5px;text-align:center;color: #fff;font-size: 1.2em;}
div#cont{padding: 10px;}
ul {text-align:left;}
.text-left{text-align: left !important;margin: 10px 30px}
input {-moz-appearance: none;-webkit-appearance: none;}
input:focus{outline: none;}
input[type="text"],input[type="password"]{border: 1px solid #ccc;padding: 7px;margin:5px;font-size: 1.1em;width: 200px;}
input[type="text"]:hover,input[type="password"]:hover{border-color: #aaa;}
input[type="text"]:focus,input[type="password"]:focus{border-color: #888;}
input[type="checkbox"]{margin: 0px 3px;float: left;}
label{float: left;font-size: 1.1em;margin: -3px 3px 10px;padding: 3px 0;}
input[type="submit"], .button{border:none;background-color: #18a;color: #fff;cursor:pointer;display:inline-block;padding: 10px;font-size: 1.2em;margin: 10px 0;width: 215px;box-shadow: 0 3px 0 #168;text-decoration: none;}
input[type="submit"]:hover,.button:hover{background-color: #29b;border-color: #29b;}
input[type="submit"]:active,.button:active{box-shadow: 0  3px 0 #29b, inset 0 1px 0 #eee;padding: 12px 10px 8px;}
div.login-alert{color: #d46;padding: 10px;}
