.RadTabStrip_Apollo { color: black; font-size: 16px; /*line-height: 26px;*/ /*this is the line that goes horizontally across the entire tab area*/ border-bottom: 2px solid #CBD3E6; /*box-shadow: 0px 0px 5px 5px rgb(0,0,0);*/ }

/*.RadTabStrip.RadTabStrip_Apollo { 
    margin-bottom:14px;
}*/

.RadTabStrip_Apollo .rtsGhostTab { border-color: #cdcdcd; color: black; background-color: #f9f9f9; }

html .RadTabStrip_Apollo { color: white; /*font: 100 16px "Segoe UI", Arial, Helvetica, sans-serif;*/ font: 16px ufshands, sans-serif; /*line-height: 2.5;*/ }

html .RadTabStrip_Apollo .rtsDisabled .rtsTxt { opacity: .5; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 5-7 */ filter: alpha(opacity=50); }


html .RadTabStrip_Apollo .rtsLink,
body .RadTabStrip.RadTabStrip_Apollo .rtsLink:hover { 
    color: #143679; 
    
    background-color: #EDF0F9; 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f2fa', endColorstr='#d7def0'); 
    background-image: -webkit-linear-gradient(#f0f2fa, #d7def0); /* For Safari 5.1 to 6.0 */ 
    background-image: -o-linear-gradient(#f0f2fa, #d7def0); /* For Opera 11.1 to 12.0 */ 
    background-image: -moz-linear-gradient(#f0f2fa, #d7def0); /* For Firefox 3.6 to 15 */ 
    background-image: linear-gradient(#f0f2fa, #d7def0); /* Standard syntax */ 
   
    border: 1px solid #AFB9CC; /*border: 1px solid green;*/ 

}

html .RadTabStrip_Apollo .rtsOut,
html .RadTabStrip_Apollo .rtsIn { padding: 0; }

/*html .RadTabStrip_Apollo .rtsTxt { padding: 0; }*/



/*html .RadTabStrip_Apollo .rtsLevel1 .rtsLink:hover { background-color: #e8e8e8; }*/

html .RadTabStrip_Apollo .rtsLevel1 .rtsSelected,
html .RadTabStrip_Apollo .rtsLevel1 .rtsSelected:hover { /*border-color: #25a0da;*/ /*color: white;*/ background-color: white; background-image: none; border-bottom-color: white; filter: none; }

html .RadTabStrip_Apollo .rtsLevel1 .rtsDisabled,
html .RadTabStrip_Apollo .rtsLevel1 .rtsDisabled:hover { border-color: #cdcdcd; background: #f9f9f9; }

html .RadTabStrip_Apollo .rtsLevel1 .rtsFirst .rtsLink { margin-left: 0; }

/*html .RadTabStrip_Apollo .rtsLevel2 {
    padding: 1px;
    width: auto;
    background-color: #25a0da; 
}


html .RadTabStrip_Apollo .rtsLevel2 .rtsLink {
    margin: 0 0 0 1px;
    border: 1px solid #25a0da;
    color: white; }*/


html .RadTabStrip_Apollo .rtsLevel2 .rtsLink:hover,
html .RadTabStrip_Apollo .rtsLevel2 .rtsSelected,
html .RadTabStrip_Apollo .rtsLevel2 .rtsSelected:hover { border-color: white; }


html .RadTabStrip_Apollo .rtsLevel2 .rtsFirst .rtsLink { margin-left: 0; }

html .RadTabStrip_Apollo .rtsScroll { height: auto; }

html .RadTabStrip_Apollo .rtsNextArrow,
html .RadTabStrip_Apollo .rtsPrevArrow,
html .RadTabStrip_Apollo .rtsPrevArrowDisabled,
html .RadTabStrip_Apollo .rtsNextArrowDisabled { width: 28px !important; height: 28px !important; border: 1px solid #cdcdcd !important; border-radius: 34px !important; background-color: #f9f9f9 !important; background-image: url('../Common/MetroTouch/metrotouch-sprite.png'); }

html .RadTabStrip_Apollo .rtsNextArrow { background-position: -11px -161px !important; }
html .RadTabStrip_Apollo .rtsNextArrowDisabled { background-position: -11px -161px !important; }
html .RadTabStrip_Apollo .rtsPrevArrow { background-position: -11px -111px !important; }
html .RadTabStrip_Apollo .rtsPrevArrowDisabled { background-position: -11px -111px !important; }


.RadTabStrip_Apollo.RadTabStripVertical .rtsLevel1 .rtsLink { margin: 0; border-width: 0 1px 1px; }

.RadTabStrip_Apollo.RadTabStripVertical .rtsLevel1 .rtsFirst .rtsLink { border-top-width: 1px; }

/*this is the line that goes horizontally across the entire tab area*/
.RadTabStripTop_Apollo .rtsLevel1 { /*border-bottom: 1px solid black;*/ margin-bottom: -2px; }

/*.RadTabStripTop_Apollo .rtsLevel1 .rtsLink { border-bottom: 0; }*/

.RadTabStripBottom_Apollo .rtsLevel1 { border-top: 3px solid #25a0da; }
.RadTabStripBottom_Apollo .rtsLevel1 .rtsLink { border-top-width: 0; }

.RadTabStripLeft_Apollo .rtsLink { border-right-width: 0; }

.RadTabStripRight_Apollo .rtsLink { border-left: 0; }

html .RadTabStrip_Apollo_disabled .rtsLevel1 .rtsLink { border-color: #c5c5c5; color: #c5c5c5; cursor: default; }

html .RadTabStrip_Apollo_disabled .rtsLevel1 .rtsLink:hover { background-color: #f9f9f9; }
html .RadTabStrip_Apollo_disabled .rtsDisabled { opacity: 1; }

/** DropClues */
.rtsDropClue_Apollo { width: 16px; height: 16px; background-image: url('../TabStrip/metrotouch-sprite.png'); }

.rtsDropClueTop_Apollo { margin-top: -16px; margin-left: -8px; background-position: -17px -67px; }

.rtsDropClueRight_Apollo { margin-top: -8px; background-position: -17px -117px; }

.rtsDropClueBottom_Apollo { margin-left: -8px; background-position: -17px -17px; }

.rtsDropClueLeft_Apollo { margin-top: -8px; margin-left: -16px; background-position: -17px -167px; }

html .RadTabStrip_Apollo .rtsLI {  box-shadow: 0 0 3px #B2BBCE;  }

html .RadTabStrip_Apollo .rtsLI.rtsLast { margin-right:0px;}

/*applies to xs, sm and md viewports*/
@media only screen and (max-width: 1024px) {

    html div.RadTabStrip_Apollo .rtsLevel1 .rtsSelected,
    html div.RadTabStrip_Apollo .rtsLevel1 .rtsSelected:hover { border-bottom-color: #afb9cc; }
}