
.clear {
	LINE-HEIGHT: 0; HEIGHT: 0px; CLEAR: both
}
.clearfix:after {
	DISPLAY: block; HEIGHT: 0px; VISIBILITY: hidden; CLEAR: both; CONTENT: "."
}
.clearfix {
	DISPLAY: inline-block
}
* HTML .clearfix {
	HEIGHT: 1%
}
.clearfix {
	DISPLAY: block
}
.clearfix {
	HEIGHT: 1%
}
.clearfix {
	DISPLAY: block
}
.tab {
	Z-INDEX: 999; POSITION: relative; BACKGROUND: url(../images/tab_b.jpg) repeat-x 0px 0px; HEIGHT: 10px; TOP: 0px; 
}
.tab UL.login {
	POSITION: relative; TEXT-ALIGN: center; LINE-HEIGHT: 31px; WIDTH:280px; DISPLAY: block; /*FLOAT: right;*/ HEIGHT: 31px; COLOR: white; /*CLEAR: right;*/ FONT-SIZE: 80%; /*RIGHT: 0px;*/ /*FONT-WEIGHT:*/ /*margin:0 auto;*/ left:60%;
}
.tab UL.login LI.left {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 36px; PADDING-RIGHT: 0px; DISPLAY: block; BACKGROUND: url(../images/tab_l.png) no-repeat left 0px; FLOAT: left; HEIGHT: 31px; PADDING-TOP: 0px
}
.tab UL.login LI.right {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 36px; PADDING-RIGHT: 0px; DISPLAY: block; BACKGROUND: url(../images/tab_r.png) no-repeat left 0px; FLOAT: left; HEIGHT: 31px; PADDING-TOP: 0px
}
.tab UL.login LI {
	TEXT-ALIGN: left; PADDING-BOTTOM: 0px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; DISPLAY: block; BACKGROUND: url(../images/tab_m.png) repeat-x 0px 0px; FLOAT: left; HEIGHT: 31px; PADDING-TOP: 0px
}
.tab UL.login LI A {
	COLOR: #4a4a4a; font:bold 13px "Trebuchet Ms", Arial, Tahoma; text-decoration:none;
}
.tab UL.login LI A:hover {
	COLOR: #333;
}
.tab .sep {
	COLOR: #414141
}
.tab A.open {
	POSITION: relative; LINE-HEIGHT: 15px !important; PADDING-LEFT: 30px !important; WIDTH: 150px; DISPLAY: block; HEIGHT: 15px; TOP: 8px; CURSOR: pointer; 
}
.tab A.close {
	POSITION: relative; LINE-HEIGHT: 15px !important; PADDING-LEFT: 30px !important; WIDTH: 150px; DISPLAY: block; HEIGHT: 15px; TOP: 8px; CURSOR: pointer
}
.tab A.open {
	background:url(../images/bt_open.png) no-repeat 0 0;
}
.tab A.open:hover {
	background:url(../images/bt_open.png) no-repeat 0 -15px;
}
.tab A.close {
	BACKGROUND: url(../images/bt_close.png) no-repeat left 0px
}
.tab A.close:hover {
	BACKGROUND: url(../images/bt_close.png) no-repeat left -15px
}
#toppanel {
	Z-INDEX: 999; POSITION: absolute; TEXT-ALIGN: center; WIDTH: 100%; MARGIN-LEFT: auto; TOP: 0px; MARGIN-RIGHT: auto
}
#panel {
	Z-INDEX: 3; POSITION: relative; WIDTH: 100%; DISPLAY: none; BACKGROUND: #909090; HEIGHT: 190px; COLOR: #ffffff; OVERFLOW: hidden
}
#panel H1 {
	PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #ffffff; FONT-SIZE: 1.6em; PADDING-TOP: 5px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;
}
#panel H2 {
	PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: Georgia, "Times New Roman", Times, serif; COLOR: #7dc012; FONT-SIZE: 3em; PADDING-TOP: 10px; font-family:Georgia, "Times New Roman", Times, serif;  font-weight:normal;
}
#panel H3 {
	PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: Georgia, "Times New Roman", Times, serif; COLOR: #ff7c00; FONT-SIZE: 3em; PADDING-TOP: 10px
}
#panel P {
	PADDING-BOTTOM: 0px; MARGIN: 5px 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#panel A {
	COLOR: #323232; TEXT-DECORATION: none
}
#panel A:hover {
	COLOR: #fff
}
#panel a-lost-pwd {
	DISPLAY: block; FLOAT: left; font-size:12px;
}
#panel .content {
	TEXT-ALIGN: left; MARGIN: 0px auto; WIDTH: 960px !important; FONT-SIZE: 0.85em; PADDING-TOP: 15px; display:block;
}
#panel .content .left {
	BORDER-LEFT: #b3b3b3 1px solid; PADDING-BOTTOM: 0px; PADDING-LEFT: 15px; WIDTH: 270px; PADDING-RIGHT: 15px; FLOAT: left; PADDING-TOP: 0px
}
#panel .content .right {
	BORDER-RIGHT: #333 1px solid
}
#panel .content FORM {
	MARGIN: 0px 0px 10px
}
#panel .content LABEL {
	WIDTH: 280px; DISPLAY: block; FLOAT: left; CLEAR: both; PADDING-TOP: 8px
}
#panel .content INPUT.field {
	BORDER-BOTTOM: #1a1a1a 1px solid; BORDER-LEFT: #1a1a1a 1px solid; MARGIN-TOP: 4px; WIDTH: 200px; BACKGROUND: #414141; HEIGHT: 16px; COLOR: white; BORDER-TOP: #1a1a1a 1px solid; MARGIN-RIGHT: 5px; BORDER-RIGHT: #1a1a1a 1px solid
}
#panel .content INPUT.field:focus {
	BACKGROUND: #545454
}
#panel .content INPUT.bt_login {
	BORDER-BOTTOM: medium none; TEXT-ALIGN: center; BORDER-LEFT: medium none; MARGIN: 10px 0px; DISPLAY: block; FLOAT: left; HEIGHT: 24px; CLEAR: left; BORDER-TOP: medium none; CURSOR: pointer; FONT-WEIGHT: bold; BORDER-RIGHT: medium none
}
#panel .content INPUT.bt_register {
	BORDER-BOTTOM: medium none; TEXT-ALIGN: center; BORDER-LEFT: medium none; MARGIN: 10px 0px; DISPLAY: block; FLOAT: left; HEIGHT: 24px; CLEAR: left; BORDER-TOP: medium none; CURSOR: pointer; FONT-WEIGHT: bold; BORDER-RIGHT: medium none
}
#panel .content INPUT.bt_login {
	WIDTH: 74px; BACKGROUND: url(../images/bt_login.png) no-repeat 0px 0px
}
#panel .content INPUT.bt_register {
	WIDTH: 94px; BACKGROUND: url(../images/bt_register.png) no-repeat 0px 0px; COLOR: white
}
#panel .linktxt01
{
	PADDING-BOTTOM: 0px; 
	PADDING-LEFT: 5px; 
	PADDING-RIGHT: 5px; 
	DISPLAY: block; 
	FLOAT: left; 
	CLEAR: right; 
	FONT-SIZE: 12px; 
	PADDING-TOP: 8px;
	font-weight:bold;
	
}
.input_01 
{
	width:208px;
	COLOR: #fff; 
	FONT-SIZE: 11px;
	padding:4px;
	border:none;
	border-bottom:#d5d5d5 1px dashed;
	background:none;
	margin:0 0 8px 0;
	font-size:13px;
}



#panel .welcome
{
	float:left;
	display:block;
	width:300px;
}
#panel .welcome h3
{
	margin:20px 0 0 0;
}
#panel .redtxt1
{
	font:normal 20px "Trebuchet MS", Arial, Tahoma;
	color:#d40303;
}
#panel .hdtxt01
{
	font:normal 20px "Trebuchet MS", Arial, Tahoma;
	color:#333;
}

