﻿


/* default layout 
.ajax__tab_default2 .ajax__tab_header {white-space:nowrap;}
.ajax__tab_default2 .ajax__tab_outer {display:-moz-inline-box;display:inline-block}
.ajax__tab_default2 .ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.ajax__tab_default2 .ajax__tab_tab {margin-right:4px;overflow:hidden;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block}
*/

/* xp theme 
/* apply HalH's fix as mentioned above (I'm quoting him here, for the most part): remove the reference to 
'tab-line.gif' from the '.ajax__tab_header' definition - that is, delete the entire "background" portion of the style. 
Then, remove "padding-right:4px;" from the definition of '.ajax__tab_outer'.
*/
.ajax__tab_xp2 .ajax__tab_header {white-space:nowrap;font-family:verdana,tahoma,helvetica;font-size:11px;background:url("./images/AjaxTabGifs/tab-line.gif") repeat-x bottom;}
.ajax__tab_xp2 .ajax__tab_outer {display:-moz-inline-box;display:inline-block; padding-right:4px;background:url("./images/AjaxTabGifs/tab-right.gif") no-repeat right;height:21px;}
.ajax__tab_xp2 .ajax__tab_inner {display:-moz-inline-box;display:inline-block; padding-left:3px;background:url("./images/AjaxTabGifs/tab-left.gif") no-repeat;}
.ajax__tab_xp2 .ajax__tab_tab {margin-right:4px;overflow:hidden;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block;height:13px;padding:4px;margin:0;background:url("./images/AjaxTabGifs/tab.gif") repeat-x;}
.ajax__tab_xp2 .ajax__tab_hover .ajax__tab_outer {background:url("./images/AjaxTabGifs/tab-hover-right.gif") no-repeat right;}
.ajax__tab_xp2 .ajax__tab_hover .ajax__tab_inner {background:url("./images/AjaxTabGifs/tab-hover-left.gif") no-repeat;}
.ajax__tab_xp2 .ajax__tab_hover .ajax__tab_tab {cursor:pointer;background:url("./images/AjaxTabGifs/tab-hover.gif") repeat-x;}
.ajax__tab_xp2 .ajax__tab_active .ajax__tab_outer {background:url("./images/AjaxTabGifs/tab-active-right.gif") no-repeat right;}
.ajax__tab_xp2 .ajax__tab_active .ajax__tab_inner {background:url("./images/AjaxTabGifs/tab-active-left.gif") no-repeat;}
.ajax__tab_xp2 .ajax__tab_active .ajax__tab_tab {background:url("./images/AjaxTabGifs/tab-active.gif") repeat-x;}
.ajax__tab_xp2 .ajax__tab_disabled { color: #A0A0A0;}
.ajax__tab_xp2 .ajax__tab_body { font-family:verdana,tahoma,helvetica;font-size:10pt;border:1px solid #999999;border-top:0;padding:8px;background-color:#ffffff;overflow:auto }

 /*
.ajax__tab_xp2 .ajax__scroll_horiz {overflow-x:scroll;}
.ajax__tab_xp2 .ajax__scroll_vert {overflow-y:scroll;}
.ajax__tab_xp2 .ajax__scroll_both {overflow:scroll}
.ajax__tab_xp2 .ajax__scroll_auto {overflow:auto}
*/

/* plain theme */
.ajax__tab_plain2 .ajax__tab_outer {text-align: center; vertical-align: middle; border:2px solid #999999;}
.ajax__tab_plain2 .ajax__tab_inner {text-align: center; vertical-align: middle; }
.ajax__tab_plain2 .ajax__tab_body {text-align: center; vertical-align: middle;}
.ajax__tab_plain2 .ajax__tab_header {text-align: center; vertical-align: middle;}
.ajax__tab_plain2 .ajax__tab_active .ajax__tab_outer {background:#FFFFE1;}
