﻿.TabPanelStyle {
    padding: 4px 0px 0px 0px;
}
/*TABS*/
.TabPanelStyle .ajax__tab_header {
    padding: 0px 0px 0px 5px;
    font-family: Verdana, Tahoma, Helvetica, Arial, Sans-Serif;
    font-size: 11px;
}
/*NOT ACTIVE*/
.TabPanelStyle .ajax__tab_outer { /*right corner*/
    background: transparent url(Image/tab_right.png) no-repeat scroll right center;
    height: 25px; /*same as bg height*/
    padding-right: 5px; /*same as bg width*/
    margin: 0px 1px 0px 0px;
    
    /*display: inline-block;*/
}
.TabPanelStyle .ajax__tab_inner { /*left corner*/
    background: transparent url(Image/tab_left.png) no-repeat scroll 0 0;
    padding-left: 4px; /*same as bg width*/
}
.TabPanelStyle .ajax__tab_tab {
    background: transparent url(Image/tab_middle.png) repeat-x scroll 0 0;
    height: 19px; /*same as bg height - padding*/
    margin: 0px !important; /*need to set!important so that the default style does not override it*/
    padding: 6px 4px 0px 4px;
    color: #dddddd;
}

/*WHEN HOVERED*/
.TabPanelStyle .ajax__tab_hover .ajax__tab_outer {
    background: transparent url(Image/tab_right_hover.png) no-repeat scroll right center;
}
.TabPanelStyle .ajax__tab_hover .ajax__tab_inner {
    background: transparent url(Image/tab_left_hover.png) no-repeat scroll 0 0;
}
.TabPanelStyle .ajax__tab_hover .ajax__tab_tab {
    background: transparent url(Image/tab_middle_hover.png) repeat-x scroll 0 0;
}

/*WHEN ACTIVE*/
.TabPanelStyle .ajax__tab_active .ajax__tab_outer,
.TabPanelStyle .ajax__tab_active .ajax__tab_hover .ajax__tab_outer {
    background: transparent url(Image/tab_right_active.png) no-repeat scroll right center;
}
.TabPanelStyle .ajax__tab_active .ajax__tab_inner,
.TabPanelStyle .ajax__tab_active .ajax__tab_hover .ajax__tab_inner {
    background: transparent url(Image/tab_left_active.png) no-repeat scroll 0 0;
}
.TabPanelStyle .ajax__tab_active .ajax__tab_tab,
.TabPanelStyle .ajax__tab_active .ajax__tab_hover .ajax__tab_tab {
    background: transparent url(Image/tab_middle_active.png) repeat-x scroll 0 0;
    color: #424242;
    cursor: default;
}

/*BODY*/
.TabPanelStyle .ajax__tab_body {}
.TabPanelStyle .ajax__tab_panel {
    padding: 10px;
}
