/* 

xp theme - Modified for ESI 

*/

/* tab head text */
.donciotab .ajax__tab_header {font-family: Trebuchet MS, Verdana, Arial, Helvetica; font-size: 14px; color: #CC4732; line-height: 24px; background:url(Images/AJAXTabImages/tab-line.gif) repeat-x bottom;}

/* tab */
.donciotab .ajax__tab_outer {padding-right:0px; background:url(Images/AJAXTabImages/tab-right.gif) no-repeat right; height:33px;}
.donciotab .ajax__tab_inner {color: #5a7089; padding-left:3px; background:url(Images/AJAXTabImages/tab-left.gif) no-repeat;}
.donciotab .ajax__tab_tab {height:30px;padding:4px;margin:0; background:url(Images/AJAXTabImages/tab.gif) repeat-x;}

/* hover tab */
.donciotab .ajax__tab_hover .ajax__tab_outer {background:url(Images/AJAXTabImages/tab-hover-right.gif) no-repeat right; height:33px;}
.donciotab .ajax__tab_hover .ajax__tab_inner {color: #CC6633; text-decoration: underline;background:url(Images/AJAXTabImages/tab-hover-left.gif) no-repeat;}
.donciotab .ajax__tab_hover .ajax__tab_tab {background:url(Images/AJAXTabImages/tab-hover.gif) repeat-x;}

/* active tab */
.donciotab .ajax__tab_active .ajax__tab_outer {background:url(Images/AJAXTabImages/tab-active-right.gif) no-repeat right; height:33px;}
.donciotab .ajax__tab_active .ajax__tab_inner {font-family: Trebuchet MS, Verdana, Arial, Helvetica; font-size: 14px; color: #1670bb; font-weight:bold; line-height:24px; background:url(Images/AJAXTabImages/tab-active-left.gif) no-repeat;}
.donciotab .ajax__tab_active .ajax__tab_tab {background:url(Images/AJAXTabImages/tab-active.gif) repeat-x; height:30px;}

/* tab body */
.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. */