/* CSS Document */

body { background:#000 url(../images/bg.gif) 0 21px repeat-x; margin:0; padding:0; color:#5e5d5d; font-size:12px; text-align:center; }
div { text-align:left;}
a { text-decoration:none;}
img { border:none;}

#box { width:834px; margin:0 auto; }
#left { width:498px; float:left; margin:22px 0 0 0;}
#right { width:336px; float:left; margin:51px 0 0 0;}
#right .top{ height:70px; text-align:right;}
#right .top a { color:#888;}
#right .top a:hover { color:#ccc;}
#right .bottom { width:332px;border:2px solid #ffffff; height:265px;  _height:195px; background:#fff;}
#right .bottom .form { background:url(../images/bg2.gif) repeat-x;  height:100%; padding:10px 15px 30px 15px; _padding:10px 15px 0 15px; font-size:14px; color:#525252;}
#right .bottom .form .form1 { border:1px solid #8b8b8b; background:url(../images/formbg.gif) repeat-x; width:190px; height:17px;padding:5px 5px;font-size:12px; color:#525252;}
.button { background:url(../images/buttonbg.gif) repeat-x; padding:1px; border:1px solid #8b8b8b; height:28px; width:70px; font-weight:bold;}

#loginForm { margin-top:15px;}

#bottom { width:834px; height:105px; float:left; margin:20px 0 35px 0;}
#bottom .left{ width:824px; float:left; line-height:18px; color:#888; margin:20px 5px;}
#bottom .left a{ color:#999;}
#bottom .left a:hover { color:#fff; text-decoration:underline;}
#bottom .right { width:200px; float:right;}

#bottom td{ padding-right:10px; color:#999;}
#bottom td img{ margin-bottom:5px;}

.bottom { width:834px; height:83px; float:left; background:#e8e8e8; margin:20px 0 0 0;}