﻿

/* xp theme - Modified for DONCIO */
.donciotab .ajax__tab_header {font-family:verdana,tahoma,helvetica;font-size:11px; background:url(AJAXTabImages/tab-line.gif) repeat-x bottom;}
.donciotab .ajax__tab_outer {padding-right:0px; background:url(AJAXTabImages/tab-right.gif) no-repeat right;height:21px;}
.donciotab .ajax__tab_inner {color: #0066CC; padding-left:3px; background:url(AJAXTabImages/tab-left.gif) no-repeat;}
.donciotab .ajax__tab_tab {height:13px;padding:4px;margin:0; background:url(AJAXTabImages/tab.gif) repeat-x;}
.donciotab .ajax__tab_hover .ajax__tab_outer {background:url(AJAXTabImages/tab-hover-right.gif) no-repeat right;}
.donciotab .ajax__tab_hover .ajax__tab_inner {color: #CC6633; text-decoration: underline;background:url(AJAXTabImages/tab-hover-left.gif) no-repeat;}
.donciotab .ajax__tab_hover .ajax__tab_tab {background:url(AJAXTabImages/tab-hover.gif) repeat-x;}
.donciotab .ajax__tab_active .ajax__tab_outer {background:url(AJAXTabImages/tab-active-right.gif) no-repeat right;}
.donciotab .ajax__tab_active .ajax__tab_inner {font-family: Trebuchet MS, Verdana, Arial, Helvetica; font-size: 13px; color: #CC6633; line-height: 14px;background:url(AJAXTabImages/tab-active-left.gif) no-repeat;}
.donciotab .ajax__tab_active .ajax__tab_tab {background:url(AJAXTabImages/tab-active.gif) repeat-x;}
.donciotab .ajax__tab_body {font-family:verdana,tahoma,helvetica;font-size:10pt;border:1px solid #999999;border-top:0;padding:8px;background-color:#ffffff;}

/* scrolling */
.ajax__scroll_horiz {overflow-x:scroll;}
.ajax__scroll_vert {overflow-y:scroll;}
.ajax__scroll_both {overflow:scroll}
.ajax__scroll_auto {overflow:auto}


/* .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. */   



