﻿  /* ajax__tab_xpsprite-theme theme */
.ajax__tab_xpsprite-theme .ajax__tab_header 
{
    font-family:verdana,tahoma,helvetica;
    font-size:11px;
    background:url(../../KnowledgeBase/_images/tab-line.png) repeat-x bottom;
    padding-top: 11px;
    padding-left: 5px;
    height: 21px;
}
.ajax__tab_xpsprite-theme .ajax__tab_header .ajax__tab_outer 
{
    padding-right:4px;
    background:url(../../KnowledgeBase/_images/sprite.png) no-repeat right -213px;
    height:21px;
}
.ajax__tab_xpsprite-theme .ajax__tab_header .ajax__tab_inner 
{
    padding-left:3px;
    background:url(../../KnowledgeBase/_images/sprite.png) no-repeat left -187px;
}
.ajax__tab_xpsprite-theme .ajax__tab_header .ajax__tab_tab
{
    height:13px;
    padding:4px;
    margin:0;
    background:url(../../KnowledgeBase/_images/sprite.png) repeat-x left -5px;
}
.ajax__tab_xpsprite-theme .ajax__tab_hover .ajax__tab_outer 
{
    background:url(../../KnowledgeBase/_images/sprite.png) no-repeat right -161px;
}
.ajax__tab_xpsprite-theme .ajax__tab_hover .ajax__tab_inner 
{
    background:url(../../KnowledgeBase/_images/sprite.png) no-repeat left -135px;
}
.ajax__tab_xpsprite-theme .ajax__tab_hover .ajax__tab_tab 
{
    background:url(../../KnowledgeBase/_images/sprite.png) repeat-x left -109px;
}
.ajax__tab_xpsprite-theme .ajax__tab_active .ajax__tab_outer 
{
    background:url(../../KnowledgeBase/_images/sprite.png) no-repeat right -83px;
}
.ajax__tab_xpsprite-theme .ajax__tab_active .ajax__tab_inner 
{
    background:url(../../KnowledgeBase/_images/sprite.png) no-repeat left -57px;
}
.ajax__tab_xpsprite-theme .ajax__tab_active .ajax__tab_tab 
{
    background:url(../../KnowledgeBase/_images/sprite.png) repeat-x left -31px;
}
.ajax__tab_xpsprite-theme .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    border-top:1px solid #999999;
    border-top:0;
    padding:8px;
    background-color:#ffffff;
}
        
        /*
        .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. 
        */

.divKBHighlightWrapper { border: solid 1px #4790CF; border-top: none; background: white; margin-top: 25px; }
.divKBHighlightTitleBar { background: url(../../_images/shinyBlueHeaderBG.png) repeat-x; height: 23px; color: White; font-weight: bold; padding-top: 8px; padding-left: 10px;  }
.divKBHighlightContainer { padding: 10px; }
.panelSizableTopWrapper { padding-top: 20px; }

.divKBSectionWrapper { cursor: hand; padding: 5px; cursor: hand; padding: 4px;  }
.divKBSectionWrapper:hover { background: #EBEBED url(../../_images/bgBottomFade.jpg) repeat-x; border: dotted 1px #CCCCCC; padding: 3px; }
.divKBSectionIcon { float: left; width: 50px; height: 75px; margin-top: 5px;}
.divKBSectionTitle { float: left; width: 200px; font-size: 16pt; padding: 5px; cursor: hand !important; }
.divKBSectionDescr { float: left; width: 200px; font-size: 11px; padding: 5px;cursor: hand !important; }
.divKBSectionClear { clear: both; }

.kbHighlightHeader { border-bottom: dotted 1px #CCCCCC; font-size: 12pt/20pt; padding: 10px 0px 10px 0px; margin-top: 20px; margin-top: 5px; font-weight: bold;	}
.kbHighlightTable { width: 100%;  }
.kbHighlightTable TD { vertical-align: top; cursor: hand !important; }
.kbHighlightHref DIV { text-decoration: none; cursor: hand !important;  }

.kbSearchTextBoxWrapper { height: 32px; width: 229px; background: url(../../_images/kbSearchTextBoxBG.png); margin-bottom: 5px; }
.kbSearchTextBox {width: 200px; color: #666666; font-size: 9pt; height: 18px; border: none; background: none; margin: 5px 0px 0px 5px; }

.panelSizableTopLeft { width: 25px; height: 40px; background: url(../../_images/panelSizableTopLeft.png); float: left; }
.panelSizableTopBG { background: url(../../_images/panelSizableTopBG.png) top repeat-x; float: left; height: 25px; padding-top: 15px; }
.panelSizableTopRight { width: 25px; height: 40px; background: url(../../_images/panelSizableTopRight.png); float: right; }
.panelSizableTopClear { clear: both; }
.panelSizableBodyLeft { width: 15px; min-height: 40px; background: url(../../_images/panelSizableBodyLeftBG.png); }
.panelSizableBodyBG { background: white url(../../_images/panelSizableBodyBG.png) repeat-x top; margin-left: 15px; }
.panelSizableBodyRight { width: 15px; min-height: 40px; background: url(../../_images/panelSizableBodyRightBG.png); }
.panelSizableBodyTable { width: 100%; }
.panelSizableBodyTable TD { vertical-align: top;}
.panelSizableBodyClear {  clear: both; }
.panelSizableBotLeft { width: 25px; height: 18px; background: url(../../_images/panelSizableBotLeft.png); float: left; }
.panelSizableBotBG { height: 18px; background: url(../../_images/panelSizableBotBG.png); float: left; }
.panelSizableBotRight { width: 25px; height: 18px; background: url(../../_images/panelSizableBotRight.png); float: right; }
.panelSizableBotClear { clear: both; }
.tabHeaderBGLeft {height: 52px; background:url(../../KnowledgeBase/_images/tabHeaderBGLeft.png) no-repeat; }
.tabHeaderBG {height: 52px; background:url(../../KnowledgeBase/_images/tabHeaderBG.png) ; }

.tabHeaderTitleIcon { float: left; width: 45px; margin: 7px 0px 0px 5px; }
.tabHeaderTitle { float: left; margin: 15px 0px 0px 0px; font-size: 14px; color: #999999;}
.tabHeaderTitleClear { clear: both; }

.contentWrapper { padding-top: 0px; font-size: 8pt; }
.contentHeaderBGLeftFix { background: url(../../KnowledgeBase/_images/contentHeaderBGLeftFix.png) no-repeat; position: absolute; height: 15px; width: 100%;}
.contentHeaderBGFixWrapper {position: relative; height: 15px;}
/*.contentHeaderBGRightFix.png*/
.contentHeaderBGLeft { height: 75px; background:url(../../KnowledgeBase/_images/contentHeaderBGLeft.png) no-repeat; }
.contentHeaderBGClear { clear: both; }
.contentSplashHeader { font-size: 16pt; padding: 20px 0px 0px 20px; color: #999999}


.divKBName {font-size: 9pt; font-weight: bold; /*border-bottom: solid 1px red; */width: 100%;  padding: 40px 0px 20px 0px; }
.divKBContentWrapper { padding: 0px 20px 10px 20px; }
.divKBHeaderWrapper { padding: 0px 0px 0px 0px; min-height: 50px; }
.divKBTooltip { font-style: italic; padding: 4px; border: solid 1px #CCCCCC; background: #F1F1F1; }
.kbSearchLabel {font: normal 12px/25px "Segoe UI", "Myriad Pro", Arial, sans-serif; }
.kbSearchBtnWrapper { padding: 5px 0px 10px 0px; }

.dsfs { border-style: inset groove ridge double  }

.kbMasterWrapper { display: inline;  margin-top: 10px; }

.kbFeedbackDiv {border: solid 1px #CCCCCC; width: 500px; padding: 5px 5px 5px 5px; font-family:verdana,tahoma,helvetica; }
.kbFeedbackSubTitle { padding-left: 20px; text-align: left; padding-top: 5px; }
.kbFeedbackSubDivBottom { text-align: center; padding-bottom: 8px; font-weight: bold;}
.kbFeedbackSubDivTop { text-align: center; padding-top: 5px; }
.kbFeedbackCommentDiv { padding-left: 20px; text-align: left; }