/* CSS Document */

*{
margin:0;
padding:0;
font-size:100%;
}

input{
outline:none;
}

body{
/*background:url(../images/bg.jpg) repeat;*/

background:#0896b1 url(../images/logo_HH_trans.png) no-repeat top center;
/*background:#0896b1 ;*/
}

.main{
width:100%;
margin:0 auto;
}





.login_box{
width:485px;
height: 330px;
background:url(../images/bg_login.png) no-repeat;
margin:150px auto;
}


.left{
width: 323px;
height: 268px;
float:left;
}

.form_login{
margin-top: 16px;
float: left;
width: 270px;
margin-left: 37px;
}

.form_login ul{
list-style:none;
}

.form_login ul li{
margin-top:10px;
}

.form_login ul li img{
margin-top:4px;
}

.form_login ul li label{
color:#fff;
font:bold 15px Arial, Helvetica, sans-serif;
text-shadow:1px 1px #000;
display:block;
margin-left:3px; 
}

.form_login ul input[type="text"], .form_login ul input[type="password"]{
background:url(../images/bg_input.png) no-repeat;
width:250px;
height:39px;
border:0;
padding:0 10px;
color:#fff;
margin-top:5px;
}

.form_login ul input[type="submit"]{
background:url(../images/login_button.png) no-repeat;
width:108px;
height:40px;
border:0;
font:bold 15px Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#fff;
}

.form_login ul input[type="submit"]:hover{
opacity:0.9;
text-shadow:1px 1px #000;
}


.form_login ul div{
width: 139px;
height: 23px;
padding: 4px;
background-color: #01CCF2;
border-radius: 7px;
border: 1px solid #CCC;
float: left;
margin-top: 2px;

}

.form_login ul select{
width: 136px;
height: 22px;
border: 0;
color:#fff;
font: bold 14px arial;
background-color:#01ccf2;
text-shadow:1px 1px #000;
}

.form_login ul select option{
background-color:#ddd;
color:#555;
font:12px Arial, Helvetica, sans-serif;
}

select{
outline:none;
}

.right{
margin-right: 30px;
margin-top: 10px;

}


.right ul{
list-style:none;
margin-top: 12px;
}

.right ul li{
width:130px;
height:39px;
display:block;

}

.right ul li a{
text-decoration:none;
color:#cdced1;
font:bold 11px Arial, Helvetica, sans-serif;
width:128px;
height:34px;
display:block;
background:url(../images/sep.jpg) no-repeat top center;
padding-left:5px;
padding-top:6px;
}


.right ul li a:hover{
background:url(../images/bg_con_hov.jpg) repeat-x;
height:39px;
}


.right ul li span{
color:#9b9b9b;
font:11px Arial, Helvetica, sans-serif;
display:block;
}

.right figure{
text-align:center;
}

.right figure a{

}

.right figure span{
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
color:#fff;
}