*{margin:0; padding:0;}
body{background: #CCC ;}
#login{position:absolute; top:40%; left:50%; height:auto; width:300px; margin-top:-160px; margin-left:-150px; padding:10px; background:#f4f4f4; border:1px solid #333; outline:none; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; cursor:auto; color: #ffffff; display: block; clear:both; text-shadow: 0 1px 1px #777; font-weight:bold; -moz-box-shadow:0px 0px 3px #aaa; -webkit-box-shadow:0px 0px 3px #aaa; box-shadow:0px 0px 3px #aaa}
#login img{width:300; margin:0 auto 15px auto; display:block;}
#login .ms{width:260px;}
#login .btn{margin:0 0 8px 0;}
#login form{float:left; width:300px;}
#login form label{display:block; margin-bottom:10px;}
#login form label span{display:block; font:18px Tahoma, Geneva, sans-serif; color:#0078B3; text-shadow:#000 1px 1px 1px; margin-bottom:2px;}
#login form label input{font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:6px; border:1px solid #B4B4B4; background:#FFF; width:286px;}
#login form .remember{width:300px; margin:5px;}
#login form .remember input{float:left; margin:1px 5px 0 0; cursor:pointer;}
#login form .remember{font:bold 12px Tahoma, Geneva, sans-serif; color:#0078B3;}
#login form .link{margin:5px; font:bold 12px Tahoma, Geneva, sans-serif; float:left; color:#000; text-decoration:none;}
#login form .link:hover{text-decoration:underline;}
#login logo { width:290px; height:100px; background-color:#FFF;}

.ms{padding:10px 10px 10px 30px; border:1px solid #999; float:left; display:block; margin-bottom:10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; box-shadow:#333 0 0 2px; -webkit-box-shadow:#333 0 0 2px; -moz-box-shadow:#333 0 0 2px; font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; font-variant:small-caps;}
.no{background:#FFCACA url(../ico/no.png) 7px no-repeat; border-color:#900; color:#900;}
.ok{background:#A6FFBC url(../ico/ok.png) 7px no-repeat; border-color:#090; color:#090;}
.al{background:#FFFFBF url(../ico/alert.png) 7px no-repeat; border-color:#F60; color:#F60;}
.in{background:#B3E7FF url(../ico/info.png) 7px no-repeat; border-color:#069; color:#069;}

.btn{background:#069; font:bold 12px Arial, Helvetica, sans-serif; color:#FFF; border:1px solid #000; padding:3px 5px; cursor:pointer;}
.btn{text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.btn:hover{background:#0CF; border-color:#069;}

.radius{-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.shadow{box-shadow:#000 0 0 2px; -webkit-box-shadow:#000 0 0 2px; -moz-box-shadow:#000 0 0 2px;}*/

.debug{position:fixed; left:0px; top:0px; padding:10px; background:#333; color:#FFF;}