.clear { clear: both; height: 0px; line-height: 0; }
.clearfix::after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.clearfix { height: 1%; }
.clearfix { display: block; }
#toppanel { position: absolute; top: 0px; left: 0px; width: 100%; z-index: 999; text-align: center; margin-left: auto; margin-right: auto; font-size: 130%; }
#panel { width: 100%; height: 280px; color: rgb(153, 153, 153); background: rgb(39, 39, 39) none repeat scroll 0% 0%; overflow: hidden; position: relative; z-index: 3; display: none; }
#panel h1 { font-size: 1.6em; padding: 5px 0px 10px; margin: 0px; color: white; text-align: left; }
#panel h2 { font-size: 1.2em; padding: 10px 0px 5px; margin: 0px; color: white; text-align: left; }
#panel p { margin: 5px 0px; padding: 0px; }
#panel a { text-decoration: none; color: rgb(21, 173, 255); }
#panel a:hover { color: white; }
#panel a-lost-pwd { display: block; float: left; }
#panel ul { margin: 0px 0px 5px; padding: 0px; line-height: 1.6em; list-style: outside none none; }
#panel .content { width: 960px; margin: 0px auto; padding-top: 15px; text-align: left; font-size: 0.85em; }
#panel .content .left { width: 280px; float: left; margin-bottom: 25px; padding: 0px 15px; border-right: 1px solid rgb(51, 51, 51); min-height: 220px; }
#panel .content .border { border-left: 1px solid rgb(51, 51, 51); }
#panel .content .narrow { width: 120px ! important; }
#panel .content form { margin: 0px 0px 10px; }
#panel .content label { float: left; padding-top: 8px; clear: both; width: 280px; display: block; }
#panel .content input.field { border: 1px solid rgb(26, 26, 26); background: rgb(65, 65, 65) none repeat scroll 0% 0%; margin-right: 5px; margin-top: 4px; width: 200px; color: white; height: 16px; }
#panel .content input.field:focus { background: rgb(84, 84, 84) none repeat scroll 0% 0%; }
#panel .content input.bt_login, #panel .content input.bt_register { display: block; float: left; clear: left; height: 24px; text-align: center; cursor: pointer; border: medium none; font-weight: bold; margin: 10px 0px; }
#panel .content input.bt_login { width: 74px; background: transparent url(709c376f1045bcb3c4d4b2ab8fc0ca4f7d6cce55.png)  no-repeat scroll 0px 0px; }
#panel .content input.bt_register { width: 94px; color: white; background: transparent url(20b42d90c2359c9071962dff2b750bed8982894d.png)  no-repeat scroll 0px 0px; }
#panel .content ul li {  }
#panel .lost-pwd { display: block; float: left; clear: right; padding: 15px 5px 0px; font-size: 0.95em; text-decoration: underline; }
.tab { background: transparent url(fd9b1773d6b4c3802f819ac477e7e427b9b3245d.png)  repeat-x scroll 0px 0px; height: 42px; position: relative; top: 0px; z-index: 999; }
.tab ul.login { display: block; position: relative; float: right; clear: right; height: 42px; width: auto; font-weight: bold; line-height: 42px; margin: 0px; right: 150px; color: white; font-size: 80%; text-align: center; }
.tab ul.login li.left { background: transparent url(7f0c801f70c254f0f2469a919bbd7ba00c1f5e4e.png)  no-repeat scroll left 0px; height: 42px; width: 30px; padding: 0px; margin: 0px; display: block; float: left; }
.tab ul.login li.right { background: transparent url(71cd17d9a7319dca34e1771de147f9202b339f4e.png)  no-repeat scroll left 0px; height: 42px; width: 30px; padding: 0px; margin: 0px; display: block; float: left; }
.tab ul.login li { text-align: left; padding: 0px 6px; display: block; float: left; height: 42px; background: transparent url(fe971ef09634c405b3e5bd988511b5150e35bf81.png)  repeat-x scroll 0px 0px; }
.tab ul.login li a { color: rgb(21, 173, 255); }
.tab ul.login li a:hover { color: white; }
.tab .sep { color: rgb(65, 65, 65); }
.tab a.open, .tab a.close { height: 20px; line-height: 20px ! important; padding-left: 30px ! important; cursor: pointer; display: block; width: 100px; position: relative; top: 11px; }
.tab a.open { background: transparent url(f249635383cd9e014286aaf306ae4f5b450a8c17.png)  no-repeat scroll left 0px; }
.tab a.close { background: transparent url(1483a72f1a80aa1716a976da3174fd69b8ef7f25.png)  no-repeat scroll left 0px; }
.tab a.open:hover { background: transparent url(f249635383cd9e014286aaf306ae4f5b450a8c17.png)  no-repeat scroll left -19px; }
.tab a.close:hover { background: transparent url(1483a72f1a80aa1716a976da3174fd69b8ef7f25.png)  no-repeat scroll left -19px; }