@charset "utf-8";
/*layout*/
#left{ float:left; width:219px; height:510px; padding:10px; background:#f7f7f7; border-right:1px solid #f3f3f3;}
#right{ float:right; width:720px; padding:20px;}

/*main*/
.title{ height:40px; line-height:40px; padding:0 20px; background:#f5f5f5; border-radius:3px 3px 0 0; border-bottom:1px solid #eee; font-size:16px;}

.state{ padding:10px 15px;}
.state p{ margin:10px 0;}
.state p span{ font-size:12px; font-weight:700; color:#3c8fcd; margin-right:10px;}
.state p em,.infoCheck p em{ color:#50a200;}
.state p em.error,.infoCheck p em.error{ color:#f00;}

.onlineQQ{ width:200px; margin:20px auto 0; opacity:0.8;}
.onlineQQ:hover{ cursor:pointer; opacity:1;}

.progress{ position:relative; border:1px solid #85bce5;}
.progress p{ height:20px; background:#cde2f1;}
.progress span{ position:absolute; top:0; width:100%; font-size:12px; text-align:center;}

.infoCheck{ height:380px; padding:0 20px 20px 20px; margin-top:10px; border:1px solid #ddd;overflow-y: auto;}
.infoCheck h2,.infoCheck p{ font-size:12px;}
.infoCheck h2{ margin-top:15px; font-weight:700;}
.infoCheck p{ margin:5px 0; color:#666;}

.tips{ margin-top:10px;}
.tips a.buttonBlue{  float:right; width:100px; text-decoration:none;}
.tips p{ margin:0 150px 0 5px; font-size:12px; color:#888;}