/* default layout */
.ajax__tab_xp1 .ajax__tab_header {white-space:nowrap;}
.ajax__tab_xp1 .ajax__tab_outer {display:-moz-inline-box;display:inline-block}
.ajax__tab_xp1 .ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.ajax__tab_xp1 .ajax__tab_tab {margin-right:4px;overflow:hidden;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block}

/* xp theme */
.ajax__tab_xp1 .ajax__tab_header {font-family:verdana,tahoma,helvetica;font-size:11px;}
.ajax__tab_xp1 .ajax__tab_outer {background:url(/tabs/tab-right.gif) no-repeat right;height:21px;}
.ajax__tab_xp1 .ajax__tab_inner {padding-left:3px;background:url(/tabs/tab-left.gif) no-repeat;}
.ajax__tab_xp1 .ajax__tab_tab {height:13px;padding:4px;margin:0;background:url(/tabs/tab.gif) repeat-x;}
.ajax__tab_xp1 .ajax__tab_hover .ajax__tab_outer {background:url(/tabs/tab-hover-right.gif) no-repeat right;}
.ajax__tab_xp1 .ajax__tab_hover .ajax__tab_inner {background:url(/tabs/tab-hover-left.gif) no-repeat;}
.ajax__tab_xp1 .ajax__tab_hover .ajax__tab_tab {background:url(/tabs/tab-hover.gif) repeat-x;}
.ajax__tab_xp1 .ajax__tab_active .ajax__tab_outer {background:url(/tabs/tab-active-right.gif) no-repeat right;}
.ajax__tab_xp1 .ajax__tab_active .ajax__tab_inner {background:url(/tabs/tab-active-left.gif) no-repeat;}
.ajax__tab_xp1 .ajax__tab_active .ajax__tab_tab {background:url(/tabs/tab-active.gif) repeat-x;}
.ajax__tab_xp1 .ajax__tab_body {font-family:verdana,tahoma,helvetica;font-size:10pt;border:1px solid #999999;border-top:0;padding:8px;background-color:#F7F7F7;}

/* scrolling */
.ajax__scroll_horiz {overflow-x:scroll;}
.ajax__scroll_vert {overflow-y:scroll;}
.ajax__scroll_both {overflow:scroll}
.ajax__scroll_auto {overflow:auto}

/* XP IE7 theme - Backgrounds */
.ajax__tab_xp2 .ajax__tab_header					{ background:url(/tabs_xp/tab-line.gif) repeat-x bottom; }
.ajax__tab_xp2 .ajax__tab_outer						{ background:url(/tabs_xp/tab-right.gif) no-repeat right; }
.ajax__tab_xp2 .ajax__tab_inner						{ background:url(/tabs_xp/tab-left.gif) no-repeat; }
.ajax__tab_xp2 .ajax__tab_tab						{ background:url(/tabs_xp/tab.gif) repeat-x; }
.ajax__tab_xp2 .ajax__tab_hover .ajax__tab_outer	{ background:url(/tabs_xp/tab-hover-right.gif) no-repeat right; }
.ajax__tab_xp2 .ajax__tab_hover .ajax__tab_inner	{ background:url(/tabs_xp/tab-hover-left.gif) no-repeat; }
.ajax__tab_xp2 .ajax__tab_hover .ajax__tab_tab		{ background:url(/tabs_xp/tab-hover.gif) repeat-x; }
.ajax__tab_xp2 .ajax__tab_active .ajax__tab_outer	{ background:url(/tabs_xp/tab-active-right.gif) no-repeat right; }
.ajax__tab_xp2 .ajax__tab_active .ajax__tab_inner	{ background:url(/tabs_xp/tab-active-left.gif) no-repeat; }
.ajax__tab_xp2 .ajax__tab_active .ajax__tab_tab		{ background:url(/tabs_xp/tab-active.gif) repeat-x; }

/* XP IE7 theme - Other Styles */
.ajax__tab_xp2 .ajax__tab_header 					{ font-family:verdana,tahoma,helvetica;font-size:9px; }
.ajax__tab_xp2 .ajax__tab_outer						{ height:29px; }
.ajax__tab_xp2 .ajax__tab_inner						{ padding-left:3px; }
.ajax__tab_xp2 .ajax__tab_tab						{ padding:8px 15px;margin:0; }
.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; }

.ajax__myTab .ajax__tab_header {
        font-family: verdana,tahoma,helvetica;
        font-size: 10px;
        border-bottom: solid 1px #999999
     }
     
    .ajax__myTab .ajax__tab_outer {
        padding-right: 4px;
        height: 23px;
        background-color: #b0c4de;
        margin-right: 2px;
        border-right: solid 1px #666666;
        border-top: solid 1px #aaaaaa
     }
     
    .ajax__myTab .ajax__tab_inner {
        padding-left: 3px;
        background-color: #b0c4de;
     }
     
    .ajax__myTab .ajax__tab_tab {
        height: 15px;
        padding: 4px;
        margin: 0;
     }
     
    .ajax__myTab .ajax__tab_hover .ajax__tab_outer {
        background-color: #3c72d6
     }
     
    .ajax__myTab .ajax__tab_hover .ajax__tab_inner {
        background-color: #3c72d6
     }
     
    .ajax__myTab .ajax__tab_hover .ajax__tab_tab {}
    
    .ajax__myTab .ajax__tab_active .ajax__tab_outer {
        background-color: #fff;
        border-left: solid 1px #999999;
     }
     
    .ajax__myTab .ajax__tab_active .ajax__tab_inner {
        background-color:#fff;
     }
     
    .ajax__myTab .ajax__tab_active .ajax__tab_tab {}
    
    .ajax__myTab .ajax__tab_body {
        font-family: verdana,tahoma,helvetica;
        font-size: 10pt;
        border: 1px solid #999999;
        border-top: 0;
        padding: 8px;
        background-color: #ffffff;
      }

/*
Tabs Css classes 

.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. 

tab-line.gif – Used to underline the header 
tab-right – The right side of the inactive tab 
tab-left – The left side (outer) of the inactive tab 
tab – The inner portion (tab) of the inactive tab 
tab-right-hover – The right side of the hover tab 
tab-left-hover – The left side (outer) of the hover tab 
tab-hover – The inner portion (tab) of the hover tab 
tab-right-active – The right side of the active tab 
tab-left-active – The left side (outer) of the active tab 
tab-active – The inner portion (tab) of the active tab 


 */