.clear{clear:both; height:0; line-height:0;}/***** clearfix *****/
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */
.clearfix{height:1%;}
.clearfix{display:block;}
/* Panel Tab/button */
.tab{background:url(../img/panel/tab_b.png) repeat-x 0 0; height:42px; position:relative; top:0; 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:0; right:38px; color:#fff; font-size:80%; text-align:center;}
.tab ul.login li.left{background:url(../img/panel/tab_l.png) no-repeat left 0; height:42px; width:30px; padding:0; margin:0; display:block; float:left;}
.tab ul.login li.right{background:url(../img/panel/tab_r.png) no-repeat left 0; height:42px; width:30px; padding:0; margin:0; display:block; float:left;}
.tab ul.login li{text-align:left; padding:0 6px; display:block; float:left; height:42px; background:url(../img/panel/tab_m.png) repeat-x 0 0;}
.tab ul.login li a{
	color:#15adff; text-decoration:none;
	-webkit-transition:color 0.1s linear;
	-moz-transition:color 0.1s linear;
	-o-transition:color 0.1s linear;
	transition:color 0.1s linear;
}
.tab ul.login li a:hover{color:#fff; -moz-transition:color 0.2s linear; -webkit-transition:color 0.2s linear; -o-transition:color 0.2s linear; transition:color 0.2s linear;}
.tab .sep{color:#414141;}
.tab a.open, .tab a.close{height:20px; line-height:20px !important; padding-left:30px !important; cursor:pointer; display:block; width:auto; position:relative; top:11px; text-decoration:none;}
.tab a.open{background:url(../img/panel/bt_open.png) no-repeat left 0;}
.tab a.close{background:url(../img/panel/bt_close.png) no-repeat left 0;}
.tab a:hover.open{background:url(../img/panel/bt_open.png) no-repeat left -19px;}
.tab a:hover.close{background:url(../img/panel/bt_close.png) no-repeat left -19px;}
/* sliding panel */
#toppanel{/*position:absolute; Panel will overlap  content | position:relative; Panel will "push" the content down */
    position:fixed; top:0; left:0; z-index:999; width:100%; text-align:center; margin-left:auto; margin-right:auto;}
#panel{width:100%; height:100px; color:#999; background:#272727; overflow:hidden; position:relative; z-index:3; display:none;}
#panel h1{font-size:1.6em; padding:5px 0 10px; margin:0; color:#fff;}
#panel h2{font-size:1.2em; padding:10px 0 5px; margin:0; color:#fff;}
#panel p{margin:5px 0; padding:0;}
#panel a{text-decoration:none; color:#15adff;}
#panel a:hover{color:#fff;}
#panel a-lost-pwd{display:block; float:left;}
#panel .content{width:960px; margin:0 auto; padding-top:5px; text-align:left; font-size:0.85em;}
#panel .content .left{height:90px; width:280px; float:left; padding:0 15px; border-left:1px solid #333;}
#panel .content .right{border-right:1px solid #333;}
#panel .content form{margin:0 0 10px 0;}
#panel .content label{float:left; padding-top:8px; clear:both; width:280px; display:block; font-size:0.8em;}
#panel .content input.field{border:1px #1a1a1a solid; background:#414141; margin-right:5px; margin-top:4px; width:200px; color:#fff; height:16px;}
#panel .content input:focus.field{background:#545454;}
/* BUTTONS Login and Register buttons */
#panel .content input.bt_login{
	display:inline-block; height:24px; width:74px; text-align:center; margin:10px 0; margin-right:10px;
	cursor:pointer; font-weight:bold; border:none; background:transparent url(../img/panel/bt_login.png) no-repeat 0 -24px;}
#panel .content input.bt_login:hover{background:transparent url(../img/panel/bt_login.png) no-repeat 0 0;}
#panel .lost-pwd{display:block; float:left; clear:right; padding:15px 5px 0; font-size:0.95em; text-decoration:underline;}