/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#maintab{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
font: 12px Tahoma;
list-style-type: none;
}

#maintab li{
display: inline;
margin: 0;
}

#maintab li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #454545;
color: #ffffff;
background: #999999;
}

#maintab li a:hover{
color: #ffffff;
background: #333333;
}

#maintab li.selected a{ /*selected main tab style */
background-color: #333333;
border-color: #454545;
color: #99CCCC;
}


#tabcontent{ /*2nd level content wrapper*/
border: 1px solid #454545;
background-color: #333333;
height: 20px /*IE7 beta2 fix*/
}

#tabcontent ul{
padding: 0;
margin: 0;
list-style-type: none;
display: none;
}

#tabcontent ul li{
display: inline;
}

#tabcontent ul.selected{ /*selected 2nd level content*/
display: inline;
}

#tabcontent ul li a{
border-right: 0px solid #778;
color: #ffffff;
padding: 5px; 0px; 0px; 0px;
display: block;
float: left;
text-decoration: none;
}


#tabcontent ul li a:hover{
background-color: #99ccff;
color: #ffffff;
text-decoration: underline;
}

.clearfix:after{ /*Clear floats hack: http://positioniseverything.net/easyclearing.html*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix{
display: block;
font: bold 12px Tahoma;
color: #99CCCC;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */