﻿/* T A B s   S C H E M E */
.myTabs .ajax__tab_header {font-family: Verdana, Arial, Helvetica, sans-serif;  height:auto; background:transparent url(images/TabsBGdecor.gif) repeat-x bottom;}

.myTabs .ajax__tab_outer {background:none;}
.myTabs .ajax__tab_inner {background:none;}
.myTabs .ajax__tab_tab {height:40px; width:auto; font-size:16px; color: White; margin:0 15px; background:#333333; border: solid 2px black; line-height:40px;}
.myTabs .ajax__tab_tab div {padding:0 20px 0 20px;}

.myTabs .ajax__tab_hover .ajax__tab_outer {background:none;}
.myTabs .ajax__tab_hover .ajax__tab_inner {background:none;}
.myTabs .ajax__tab_hover .ajax__tab_tab {color: #cc0000; background:Black;}

.myTabs .ajax__tab_active .ajax__tab_outer {background:none;}
.myTabs .ajax__tab_active .ajax__tab_inner {background:none;}
.myTabs .ajax__tab_active .ajax__tab_tab {height:40px; color: White; background:#660000; border: solid 2px black; border-bottom: solid 2px #660000;}

.myTabs .ajax__tab_body {background-color:transparent; border-top: solid 6px #660000;}
.myTabs .ajax__tab_body ul {list-style-type:disc;line-height:1.5em;padding-left:1em;}
.myTabs .ajax__tab_body ul ul {list-style-type:square;}
.myTabs .ajax__tab_body p {text-indent:1em;line-height:1.3em;margin-bottom:1em;}


/*
• .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.


.myTabs .ajax__tab_header {font-family:verdana,tahoma,helvetica;background:url(images/tabs/tab-line.gif) repeat-x bottom;}
.myTabs .ajax__tab_outer {height:2em;padding-right:4px;background:url(images/tabs/tab-right.gif) no-repeat right top;}
.myTabs .ajax__tab_inner {padding-left:3px;background:url(images/tabs/tab-left.gif) no-repeat;}
.myTabs .ajax__tab_tab {height:2em;line-height:1.8em;padding:0 4px;font-size:20px;color: #660000; margin:0!important;background:url(images/tabs/tab.gif) repeat-x;}
.myTabs .ajax__tab_hover .ajax__tab_outer {background:url(images/tabs/tab-hover-right.gif) no-repeat right top;}
.myTabs .ajax__tab_hover .ajax__tab_inner {background:url(images/tabs/tab-hover-left.gif) no-repeat;}
.myTabs .ajax__tab_hover .ajax__tab_tab {background:url(images/tabs/tab-hover.gif) repeat-x;}
.myTabs .ajax__tab_active .ajax__tab_outer {background:url(images/tabs/tab-active-right.gif) no-repeat right top;}
.myTabs .ajax__tab_active .ajax__tab_inner {background:url(images/tabs/tab-active-left.gif) no-repeat;}
.myTabs .ajax__tab_active .ajax__tab_tab {background:url(images/tabs/tab-active.gif) repeat-x;}
.myTabs .ajax__tab_body {font-family:verdana,tahoma,helvetica; font-size:20px; border:1px solid #A3CEE0;border-top:0;padding:8px;background-color:#fff;}
.myTabs .ajax__tab_body ul {list-style-type:disc;line-height:1.5em;padding-left:1em;}
.myTabs .ajax__tab_body ul ul {list-style-type:square;}
.myTabs .ajax__tab_body p {text-indent:1em;line-height:1.3em;margin-bottom:1em;}









*/
