@charset "UTF-8";
/* CSS Document */

.clear {clear: both;height: 0;line-height: 0;}
.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(../images/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: 220px; color: white;  	font-size: 80%;	text-align: center;}

.tab ul.login li.left {	background: url(../images/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(../images/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(../images/tab_m.png) repeat-x 0 0;}
.tab ul.login li a {color: #000;text-decoration: none; font-weight: normal;}
.tab ul.login li a:hover {color: #666;	text-decoration: none;font-weight: normal;}
.tab .sep {	color:#999}
.tab a.open, .tab a.close {	height: 20px; line-height: 20px; padding-left: 5px; cursor: pointer;	display: block;width: 120px;position: relative; top: 11px;}
.tab a.open {/*background: url(../images/bt_open.png) no-repeat left 0;*/}
.tab a.close {/*background: url(../images/bt_close.png) no-repeat left 0;*/}
.tab a:hover.open {/*background: url(../images/bt_open.png) no-repeat left -19px;*/}
.tab a:hover.close {/*background: url(../images/bt_close.png) no-repeat left -19px;*/}

/* sliding panel */
#toppanel { position: absolute; /*Panel will overlap  content */   /*position: relative;*/   /*Panel will "push" the content down */  top: 0;  width: 100%;   z-index: 999;   text-align: center;    margin-left: auto;   margin-right: auto;}
#panel {width: 100%;	height: 270px;color: #CCC;background: #FFF;	overflow: hidden;position: relative; z-index: 3;display: none;}
#panel h1 {font-size: 1.2em;	padding: 5px 0 5px;	margin: 0;	color: #666; font-weight: normal;}
#panel h2{font-size: 1em;padding: 5px 0 5px;	margin: 0;	color: #666;font-weight: normal;}
#panel p {font-size: 0.95em; margin: 0px 0;padding: 0; text-decoration:none;}
#panel a {	text-decoration: none;color: #333; text-decoration:none;}
#panel a:hover {color: #666; text-decoration:none;}
#panel a-lost-pwd {display: block;float: left;}
#panel .content {	width: 960px; margin: 0 auto;	padding-top: 10px;text-align: left;font-size: 0.85em;}
#panel .content .left {	width: 280px;	float: left;	padding: 0 10px;	border-left: 1px solid #CCC;}
#panel .content .none {	width: 280px;	float: left;	padding: 0 10px;}
#panel .content .right {	border-right: 1px solid #CCC;}
#panel .content form {margin: 0 0 10px 0;}
#panel .content label {float: left;	padding-top: 2px;	clear: both;	width: 280px;display: block;}
#panel .content input.field {border: 1px #666 solid;background: #CCC;margin-right: 5px;	margin-top: 4px;width: 200px;color: white;height: 16px;}
#panel .content input:focus.field {background: #999;}


/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,#panel .content input.bt_register {display: block;	float: left;	clear: left;	height: 24px;	text-align: center;	cursor: pointer;	border: none;	font-weight: normal;	margin: 10px 0;}
#panel .content input.bt_login { font-size: 0.95em; color: #060; background: white;}
#panel .content input.bt_register { font-size: 0.95em; color: #333; background: white;}
#panel .lost-pwd {	display: block;float:left;clear: right;	padding: 8px 5px 0 3px;	font-size: 0.9em;	color:#666;text-decoration: none;}