html,body{height:100%}
body{font:12px 'Lucida Sans Unicode', 'Trebuchet MS', Arial, Helvetica;background-color:#d9dee2;background-image:linear-gradient(top,#ebeef2,#d9dee2);margin:0}
#login{background-color:#fff;background-image:linear-gradient(top,#fff,#eee);height:240px;width:400px;position:absolute;top:50%;left:50%;z-index:0;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 0 2px rgba(0,0,0,0.2), 0 1px 1px rgba(0,0,0,.2), 0 3px 0 #fff, 0 4px 0 rgba(0,0,0,.2), 0 6px 0 #fff, 0 7px 0 rgba(0,0,0,.2);-moz-box-shadow:0 0 2px rgba(0,0,0,0.2), 1px 1px 0 rgba(0,0,0,.1), 3px 3px 0 rgba(255,255,255,1), 4px 4px 0 rgba(0,0,0,.1), 6px 6px 0 rgba(255,255,255,1), 7px 7px 0 rgba(0,0,0,.1);box-shadow:0 0 2px rgba(0,0,0,0.2), 0 1px 1px rgba(0,0,0,.2), 0 3px 0 #fff, 0 4px 0 rgba(0,0,0,.2), 0 6px 0 #fff, 0 7px 0 rgba(0,0,0,.2);margin:-150px 0 0 -230px;padding:30px}
#login:before{content:'';position:absolute;z-index:-1;border:1px dashed #ccc;top:5px;bottom:5px;left:5px;right:5px;-moz-box-shadow:0 0 0 1px #fff;-webkit-box-shadow:0 0 0 1px #fff;box-shadow:0 0 0 1px #fff}
h1{text-shadow:0 1px 0 rgba(255,255,255,.7), 0 2px 0 rgba(0,0,0,.5);text-transform:uppercase;text-align:center;color:#666;letter-spacing:4px;font:normal 26px/1 Verdana, Helvetica;position:relative;margin:0 0 30px}
h1:after,h1:before{background-color:#777;content:"";height:1px;position:absolute;top:15px;width:120px}
h1:after{background-image:linear-gradient(left,#777,#fff);right:0}
h1:before{background-image:linear-gradient(right,#777,#fff);left:0}
fieldset{border:0;margin:0;padding:0}
#inputs input{background:#f1f1f1 url(../../mma/login/login-sprite.png) no-repeat;width:353px;border:1px solid #ccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 1px 1px #ccc inset, 0 1px 0 #fff;-webkit-box-shadow:0 1px 1px #ccc inset, 0 1px 0 #fff;box-shadow:0 1px 1px #ccc inset, 0 1px 0 #fff;margin:0 0 10px;padding:15px 15px 15px 30px}
#username{background-position:5px -2px!important}
#password{background-position:5px -52px!important}
#inputs input:focus{background-color:#fff;outline:none;-moz-box-shadow:0 0 0 1px #e8c291 inset;-webkit-box-shadow:0 0 0 1px #e8c291 inset;box-shadow:0 0 0 1px #e8c291 inset;border-color:#e8c291}
#actions{margin:25px 0 0}
#submit{background-color:#ffb94b;background-image:linear-gradient(top,#fddb6f,#ffb94b);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-shadow:0 1px 0 rgba(255,255,255,0.5);-moz-box-shadow:0 0 1px rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.3) inset;-webkit-box-shadow:0 0 1px rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.3) inset;box-shadow:0 0 1px rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.3) inset;float:left;height:35px;width:120px;cursor:pointer;font:bold 15px Arial, Helvetica;color:#8f5a0a;border-color:#d69e31 #e3a037 #d5982d;border-style:solid;border-width:1px;padding:0}
#submit:hover,#submit:focus{background-color:#fddb6f;background-image:linear-gradient(top,#ffb94b,#fddb6f)}
#submit:active{outline:none;-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset}
#submit::-moz-focus-inner{border:none}
#actions a{color:#3151A2;float:right;line-height:35px;margin-left:10px}
#notice{display:block;text-align:center;position:relative;top:60px;color:#999}
#the-net{position:fixed;right:0;bottom:0;margin-bottom:8px;margin-right:8px}
h2{text-shadow:0 1px 0 rgba(255,255,255,.7), 0 2px 0 rgba(0,0,0,.5);text-transform:uppercase;text-align:center;color:#666;letter-spacing:4px;font:normal 22px/1 Verdana, Helvetica;position:relative;margin:0 0 30px}
h3{text-align:center;color:#000;letter-spacing:4px;font:normal 18px/1 Verdana, Helvetica;position:relative;margin:0 0 30px}
#login_msg{height:107px;width:400px;background:url(../../mma/login/logging-in.jpg);display:none}