/*********************************************Metro Tabs***********************/


#MetroTabs ul {
           padding-bottom:10px;
           margin-top:5px;
}


#MetroTabs {
	width: 300px; 
        border: 1px solid #cccccc;
        margin-bottom:5px;  
}



#MetroTabs a.nonAd {
	display: block; 
	font-size: 9pt;
	font-weight: bold;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #000;
	cursor : pointer;
}

#MetroTabs td.on a.nonAd {
color:#17639D;
}

#MetroTabs td.on {
	font-weight: bold;
	text-align: center;
	border-right: 1px solid #cccccc;
	
}

#MetroTabs td.off {
	text-align: center;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-image:url(/images/module_header_orange.gif);
}

#MetroTabs td.alwaysOn {
	vertical-align: top;
    padding:0px 0px 0px 0px;
}

#MetroTabsDetails a {
	display: inline;
	width: auto;
	color: #333399;
	text-decoration: none;

}

#MetroTabsDetails a:hover {
	text-decoration: none;
}



#MetroTabsDetails ul li h3 {  font-size:100%;  display:inline;  color:#DE6521; position:absolute; }
#MetroTabsDetails ul li span.title { margin-left:60px; color:#1E1E1E; text-decoration:none;}
#MetroTabsDetails ul li span.extra {font-size:70%; margin-left:60px;  color:#17639D; display:block; }

#MetroTabsDetails ul li {
padding:2px 0px 0px 9px;
border-bottom:1px dotted #ccc;
font:normal 85%/1.2em "trebuchet";
}