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


/*<ajax:TabContainer ID="TabContainer1" runat="server" CssClass="fancy fancy-green">*/


/* ajax__tab_darkblue-theme theme ('../img/lightblue.jpg') */
.ajax__tab_darkblue-theme .ajax__tab_header
{
    font-family: arial,helvetica,clean,sans-serif;
    font-size: small;
    border-bottom: solid 4px #cccccc;
    color: #FFFFFF;
    font-weight: bold;
}
.ajax__tab_darkblue-theme .ajax__tab_header .ajax__tab_outer
{
    border-bottom-width: 0px;
    border-style: solid;
    border-width: 1px;
    background: #d8d8d8 url('../img/lightblue.jpg') repeat-x;
    margin: 0px 0.16em 0px 0px;
    vertical-align: bottom;
}
 
.ajax__tab_darkblue-theme .ajax__tab_header .ajax__tab_tab
{
    color: #3486b8;
    padding: 0.35em 0.75em;
    margin-right: 0.01em;
}
.ajax__tab_darkblue-theme .ajax__tab_hover .ajax__tab_outer
{
    background: url('../img/lightblue.jpg') #6abcee repeat-x left -1300px;
    cursor: pointer;
}
.ajax__tab_darkblue-theme .ajax__tab_active .ajax__tab_tab
{
    color: #fff;
}
.ajax__tab_darkblue-theme .ajax__tab_active .ajax__tab_outer
{
    background: url('../img/lightblue.jpg') #3486b8 repeat-x left -1400px;
}
.ajax__tab_darkblue-theme .ajax__tab_body
{
}