.tab a {
display:block;
height:45px;
outline:medium none;
text-indent:-9999px;
width:100%;
}
.tab {
background:url("images/toppaneltab.png") no-repeat scroll 0 0 transparent;
height:45px;
margin:0;
padding:0;
position:absolute;
right:24px;
width:173px;
}
.tab ul.login {
clear:right;
color:white;
display:block;
float:right;
font-size:80%;
font-weight:bold;
height:42px;
line-height:42px;
margin:0;
position:relative;
right:150px;
text-align:center;
width:auto;
}
.tab ul.login li.left {
background:url("../../images/sliding_login_panel/tab_l.png") no-repeat scroll left 0 transparent;
display:block;
float:left;
height:42px;
margin:0;
padding:0;
width:30px;
}
.tab ul.login li.right {
background:url("../../images/sliding_login_panel/tab_r.png") no-repeat scroll left 0 transparent;
display:block;
float:left;
height:42px;
margin:0;
padding:0;
width:30px;
}
.tab ul.login li {
background:url("../../images/sliding_login_panel/tab_m.png") repeat-x scroll 0 0 transparent;
display:block;
float:left;
height:42px;
padding:0 6px;
text-align:left;
}
.tab ul.login li a {
color:#15ADFF;
}
.tab ul.login li a:hover {
color:white;
}
.tab .sep {
color:#414141;
}
.tab a.open, .tab a.close {
cursor:pointer;
display:block;
height:20px;
line-height:20px !important;
padding-left:30px !important;
position:relative;
top:11px;
width:100px;
}
.tab a.open {
background:url("../../images/sliding_login_panel/bt_open.png") no-repeat scroll left 0 transparent;
}
.tab a.close {
background:url("../../images/sliding_login_panel/bt_close.png") no-repeat scroll left 0 transparent;
}
.tab a.open:hover {
background:url("../../images/sliding_login_panel/bt_open.png") no-repeat scroll left -19px transparent;
}
.tab a.close:hover {
background:url("../../images/sliding_login_panel/bt_close.png") no-repeat scroll left -19px transparent;
}
#toppanel {
left:0;
margin-left:auto;
margin-right:auto;
position:relative;
text-align:center;
top:0;
width:100%;
z-index:999;
}
#panel {
background:url("images/topsliderbg.gif") repeat-x scroll 0 100% #244C5D;
color:#999999;
display:none;
height:270px;
overflow:hidden;
position:relative;
width:100%;
z-index:3;
}
#panel h2.panel-title {
color:#B6E7F5;
font-size:18px;
padding-top:0;
}
#panel h2 {
color:white;
font-size:1.2em;
margin:0;
padding:10px 0 5px;
}
#panel p {
color:#D8D8D8;
margin:5px 0;
padding:0;
}
#panel a {
color:#15ADFF;
text-decoration:none;
}
#panel a:hover {
color:white;
}
#panel a-lost-pwd {
display:block;
float:left;
}
#panel .content {
font-size:0.85em;
margin:0 auto;
padding-top:15px;
text-align:left;
width:960px;
}
#panel .content .left {
border-left:1px dotted #3A748C;
float:left;
padding:0 15px;
width:280px;
}
#panel .content .right {
border-right:1px dotted #3A748C;
}
#panel .content form {
margin:0 0 10px;
}
#panel .content label {
clear:both;
display:block;
float:left;
padding-top:8px;
width:280px;
}
#panel .content input.form-text {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #1A1A1A;
color:#666666;
height:16px;
margin-right:5px;
margin-top:4px;
width:200px;
}
#panel .content input.form-text:focus {
background:none repeat scroll 0 0 #FFFFFF;
}
#panel .content input.bt_login, #panel .content input.bt_register {
border:medium none;
clear:left;
cursor:pointer;
display:block;
float:left;
font-weight:bold;
height:24px;
margin:10px 0;
text-align:center;
}
#panel .content input.bt_login {
background:url("../../images/sliding_login_panel/bt_login.png") no-repeat scroll 0 0 transparent;
width:74px;
}
#panel .content input.bt_register {
background:url("../../images/sliding_login_panel/bt_register.png") no-repeat scroll 0 0 transparent;
color:white;
width:94px;
}
#panel .lost-pwd {
clear:right;
display:block;
float:left;
font-size:0.95em;
padding:15px 5px 0;
text-decoration:underline;
}