/***** clearfix *****/
.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/menu/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: normal;
     line-height: 42px;
     margin: 0;
     right: 150px;
     font-family:Verdana, Arial, Helvetica, sans-serif;
     color: white;
     font-size: 11px;
     text-align: center;
}

.tab ul.login li.left {
     background: url(../images/menu/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/menu/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/menu/tab_m.png) repeat-x 0 0;
}

.tab ul.login li a { color:#FFCC66; }

.tab ul.login li a:hover { color: white; }

.tab .sep { color:#FF66FF }

.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: url(../images/menu/bt_open.png) no-repeat left 0; }

.tab a.close { background: url(../images/menu/bt_close.png) no-repeat left 0; }

.tab a:hover.open { background: url(../images/menu/bt_open.png) no-repeat left -19px; }

.tab a:hover.close { background: url(../images/menu/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: 0px;
     right:0px;
     width: 100%;
     z-index: 1;
     text-align: center;
     margin:0px;
}

#panel {
     width: 100%;
     height: 275px;
     background: #333333;
     overflow: hidden;
     position: relative;
     z-index: 2;
     display: none;
}

#panel h1 {font-family: "Trebuchet MS", Tahoma, Verdana, Arial; font-size:24px; color:#F4F4F4; padding-top:0px}

/*#panel h2 {
     font-size: 14px;
     padding: 0px 0 5px;
     margin: 0;
     color: #000;
}*/

/*#panel p {
     margin: 5px 0;
     padding: 0;
}*/

#panel a {
     text-decoration: none;
     color: #15ADFF;
}

#panel a:hover { color: #000; text-decoration:underline }


#panel .content {
     width: 927px;
     margin: 0 auto;
     padding: 0px;
     text-align: left;
}

div#leftwrapper{
     position: relative;
     float: left;
     width: 500px;
     margin-top: 10px;
     margin-left: 10px; 
     padding: 10px;    
     background-color:#CC0000;
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     border-radius:10px;
 
}


div#rightwrapper {
position: relative;
float:right; 
width: 230px; 
margin-top: 25px;
margin-right: 25px;
padding: 10px; 
background-color:#666666;     
-moz-border-radius: 10px;
-webkit-border-radius: 10px; 
}

.leftContent {
width: 500px;
background-color:#fff;
padding: 5px;
border: 1px solid #CC0000;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
vertical-align:middle;
}

.loginBox {
width: 230px;
background-color:#ffcf34;
padding: 5px;
border: 1px solid #CE9F00;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
vertical-align:middle;
text-align:center;
}



p.paneltext, {color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
#memLogin {font-family:  Tahoma, Verdana, Arial; font-size:24px; color:#F0F0F0;}
td#loginmain{font-family: Tahoma, Verdana, Arial; font-size:12px; color:#333333; line-height:1.7;} 
td#loginmainSmall a:link, td#loginmainSmall a:visited {font-family: Tahoma, Arial, Verdana; font-size:12px; color:#333333; font-weight:bold}
td#loginmainSmall a:hover, td#loginmainSmall a:active{color:#CC3300;font-size:12px;}