.dark {font-family: Trebuchet MS, Tahoma;}
.dark .ajax__tab_body
{
    font-size:10pt;
    border:2px solid #333333;
    border-top:none;
    background-color:#000000;
    padding: 10px;
}
.dark .ajax__tab_header 
{
	background-color:#333333;
	border:solid 2px #333333;
	border-bottom:none;
	padding:2px 2px 4px 2px;
	text-align:left; /* center the tabs horizontally */
}
.dark .ajax__tab_tab
{
    font-size:10pt;
	font-weight:bold;
    color:#FF6000;
    background: #000000;
    text-align:center;	
	border:solid 1px #666666;
	padding:5px;
}
.dark .ajax__tab_active .ajax__tab_tab,
.dark .ajax__tab_hover .ajax__tab_tab
{
	background-color:#333333;
}
/*
.ajax__tab_header: A container element that wraps all of the tabs at the top of the TabContainer. Child CSS classes:.ajax__tab_outer. 
.ajax__tab_outer: An outer element of a tab, often used to set the left-side background image of the tab.Child CSS classes: .ajax__tab_inner. 
.ajax__tab_inner: An inner element of a tab, often used to set the right-side image of the tab. Child CSS classes:.ajax__tab_tab. 
.ajax__tab_tab: An element of the tab that contains the text content. Child CSS classes:none. 
.ajax__tab_body: A container element that wraps the area where a TabPanel is displayed. Child CSS classes: none. 
.ajax__tab_hover . This is applied to a tab when the mouse is hovering over. Child CSS classes:.ajax__tab_outer. 
.ajax__tab_active: This is applied to a tab when it is the currently selected tab. Child CSS classes:.ajax__tab_outer. 
*/