﻿.cm-tabs .ajax__tab_tab, .cm-tabs .ajax__tab_outer, .cm-tabs .ajax__tab_inner {
    box-sizing: content-box !important;
}
.cm-tabs .ajax__tab_header {
    border-bottom: 1px solid #CCCCCC;
}
.cm-tabs .ajax__tab_outer {
    background-color: #E6E6E6;
    border-top: 1px solid #CCCCCC;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    margin-right: 5px;
    position: relative;
    top: 1px;
}
.cm-tabs .ajax__tab_tab {
    color: #333333;
    font-family: Verdana, sans-serif;
    font-size: 0.9em;
    letter-spacing: 1px;
    padding: 5px 15px;
    
}
.cm-tabs .ajax__tab_body {
    background-color: #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    margin: 0px;
    padding: 10px;
}
.cm-tabs .ajax__tab_hover .ajax__tab_outer {
    background-color: #B3D1FF;
}
.cm-tabs .ajax__tab_active .ajax__tab_outer {
    background-color: #FFFFFF;
    /*background-image: linear-gradient(rgba(204, 204, 204, 1), rgba(204, 204, 204, 1));*/
    background-size: 10px;
    background-repeat: repeat-x;
    border-bottom: 1px solid #FFFFFF;
}
.cm-tabs .ajax__tab_active .ajax__tab_inner {
    background-color: transparent;
}
.cm-tabs .ajax__tab_active .ajax__tab_tab {
    color: #014B7A;
    font-weight: bold;
}

/*
Ajax Control Toolkit - Tabs CSS Styles

.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.

*/