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

#maintab{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
font: bold 12px verdana;
list-style-type: none;
background: url(images/pro_line_0.gif) repeat-x; 
}

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

#maintab li a{
text-decoration: none;
padding: 2px 7px;
margin-right: -4px;
border: 1px solid #CEE0EA;
color: black;
background: url(images/pro_line_1.gif) repeat-x; 
}

#maintab li a:hover{
color: white;
background: #0060AF;
}

#maintab li.selected a{ /*selected main tab style */
background: #0060AF;
color: white;
background-color: #0060AF;
border-color: #F4B13D;
}

#tabcontent{ /*2nd level content wrapper*/
border: 0px dotted #CEE0EA;
background: url(images/back_0.gif) repeat-x; 
height: 21px /*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: block;
}

#tabcontent ul li a{
border-right: 1px dotted #782;
color: #0060AF;
font: 10px verdana;
padding: 3px 5px;
display: block;
float: left;
text-decoration: none;
}


#tabcontent ul li a:hover{
background: url(images/pro_line_2.gif);
color: #B9490C;
}

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

.clearfix{
display: inline-table;
}

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