@charset "utf-8";
/* CSS Document */
body { background:none no-repeat scroll 0 0 #fff;}
body, html, p, li, a { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#login { width: 400px; margin: 50px auto; position: relative; text-align: left; }
#login .box { border: 1px solid #CCC; border-radius: 5px; box-shadow: 0 0 3px 0 #DDD; }
#login .box .bg { background:none repeat scroll 0 0 #F0F0F0; padding: 30px 30px 0; margin: 5px; border-radius: 5px; }
#login .box .warp { background: url(../images/login-box.png) no-repeat; position: relative; color: white; font-size: 11px; height: 19px; font-weight: bold; float: left; margin: 25px 0 0 -7px; width: 200px; padding: 13px 12px 13px; }
#login .btn input:hover { background: url(../images/login.png) no-repeat scroll 0 -44px transparent; }
#login .btn input { background: url(../images/login.png) no-repeat scroll 0 0 transparent; color: #fff; font-size: 12px; font-weight: bold; text-transform: uppercase; font-style: normal; text-indent: -1000px; width: 111px; line-height: 43px; height: 43px; padding: 0; border: none; cursor: pointer; float: left; }
#login .logo img { margin: -15px -15px 15px 0; float: right; height: 55px; }
.logininput { width: 290px; padding: 5px 12px; margin: 3px 0; font-size: 11pt; color: #000; background: #FFF; border: 5px solid #D6D2D2; border-radius: 5px; }
.error { background:#F00; color:#FFF;}

.button {
  border:1px solid #FFF;
  color:#FFF; font-size:10pt; font-weight:bold; cursor:pointer;
  border-radius:5px;
  padding:5px 10px;
  background-color: #09DA00;   															/* fallback */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#09DA00), to(#00A040));     /* Safari 4-5, Chrome 1-9 */
  background: -webkit-linear-gradient(top, #09DA00, #00A040);   						/* Safari 5.1, Chrome 10+ */
  background: -moz-linear-gradient(top, #09DA00, #00A040);  							/* Firefox 3.6+ */
  background: -ms-linear-gradient(top, #09DA00, #00A040);   							/* IE 10 */
  background: -o-linear-gradient(top, #09DA00, #00A040);  
}