﻿

/****

--- Structure of tab menu html ---

<div class="rtsLevel rtsLevel1">
    <ul class="rtsUL">
        <li class="rtsLI rtsFirst" style="width: 165px;">
            <a href="#" class="rtsLink rtsSelected">
                <span class="rtsOut">
                    <span class="rtsIn">
                        <span class="rtsTxt">Overview</span>
                    </span>
                </span>
            </a>
        </li>
         <li class="rtsLI rtsFirst" style="width: 165px;">
            <a href="#" class="rtsLink rtsSelected">
                <span class="rtsOut">
                    <span class="rtsIn">
                        <span class="rtsTxt">Overview</span>
                    </span>
                </span>
            </a>
        </li>
    </ul>
</div>

--- Simple blue tabbed color scheme ---

#compression .rtsSelected .rtsIn
{
	background-color:#2A6792;
}
#compression a.rtsLink
{
	border-bottom:1px solid #003366;
}
#compression a.rtsSelected
{
	border-bottom:1px solid #2A6792;
}

#compression .rtsSelected .rtsTxt
{
	color:white;
}


#compression .rtsIn 
{
	border-top:1px solid #003366;
	border-right:1px solid #003366;
	background-color: #a0d7fd;
}
#compression .rtsOut 
{
	border-left:1px solid #003366;
}

#compression .rtsTxt
{
	color: #2A6792;
}
****/

.DefaultSkin .RadTabStrip,
.DefaultSkin .RadTabStripVertical
{
	margin: 0;
	padding: 0;
}

.DefaultSkin .RadTabStripVertical
{
	vertical-align: top;
}

.DefaultSkin .RadTabStripVertical,
.DefaultSkin .RadTabStripVertical .rtsLevel
{
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.DefaultSkin .RadTabStrip .rtsLevel
{
	clear: both;
	overflow: hidden;
	width: 100%;
	position: relative;
	padding-top: 1px;
}

* html .RadTabStrip .rtsLevel
{
	position:static;
}

*+html .RadTabStrip .rtsLevel
{
	position:static;
}

.DefaultSkin .RadTabStrip .rtsLevel1
{
	padding-top: 0;
}

.DefaultSkin .RadTabStrip .rtsScroll
{
	width: 10000px;
	white-space:nowrap;
}

.DefaultSkin .RadTabStrip .rtsUL,
.DefaultSkin .RadTabStripVertical .rtsUL
{
	overflow: hidden;
	float:left;
	margin: 0; padding: 0;
}

.DefaultSkin .RadTabStrip_rtl .rtsUL
{
	float: right;
}

.DefaultSkin .RadTabStrip .rtsUL:after
{
	clear: both;
	content: "."; 
	display: block; 
	visibility: hidden;
	height: 0;
	line-height: 0;
	font-size: 0;
}

.DefaultSkin .RadTabStrip .rtsLI,
.DefaultSkin .RadTabStripVertical .rtsLI
{
	overflow: hidden;
	list-style-type: none;
	margin: 0; padding: 0;
}

.DefaultSkin .RadTabStrip .rtsLI
{
	float: left;
	display: inline;
	zoom: 1;
}

* html .RadTabStrip .rtsLI { float: none; }
*+html .RadTabStrip .rtsLI { float: none; }

.DefaultSkin .RadTabStrip .rtsSeparator,
.DefaultSkin .RadTabStripVertical .rtsSeparator
{
	height: 26px;
}

.DefaultSkin .RadTabStrip .rtsLink,
.DefaultSkin .RadTabStripVertical .rtsLink
{
	display: block;
	outline: none;
	cursor: pointer;
	text-decoration: none;
	white-space: nowrap;
	padding-left: 9px;
}

.DefaultSkin .RadTabStrip .rtsLink
{
	text-align: center;
}

.DefaultSkin .RadTabStripVertical .rtsLink
{
	text-align: right;
}

/* Opera & IE8 bozos do not inherit text-decoration */
.DefaultSkin .RadTabStrip .rtsLevel .rtsOut,
.DefaultSkin .RadTabStrip .rtsLevel .rtsIn,
.DefaultSkin .RadTabStrip .rtsLevel .rtsTxt { text-decoration: inherit; }

.DefaultSkin .RadTabStrip .rtsOut,
.DefaultSkin .RadTabStripVertical .rtsOut
{
	display: block;
	padding-right: 9px;
}

.DefaultSkin .RadTabStrip .rtsIn,
.DefaultSkin .RadTabStripVertical .rtsIn
{
	display: block;
	padding: 0 5px;
}

.DefaultSkin .RadTabStrip .rtsImg,
.DefaultSkin .RadTabStripVertical .rtsImg
{
	border: 0;
	margin-top: -2px;
	vertical-align: middle;
}

.DefaultSkin .RadTabStrip .rtsTxt,
.DefaultSkin .RadTabStripVertical .rtsTxt
{
	display: inline-block;
}

.DefaultSkin .RadTabStrip .rtsLevel1 .rtsTxt,
.DefaultSkin .RadTabStripVertical .rtsLevel1 .rtsTxt
{
	padding: 0 5px;
}

.DefaultSkin .RadTabStrip .rtsDisabled,
.DefaultSkin .RadTabStripVertical .rtsDisabled
{
	cursor: default;
}

.DefaultSkin .RadTabStrip .rtsPrevArrow,
.DefaultSkin .RadTabStrip .rtsNextArrow,
.DefaultSkin .RadTabStrip .rtsPrevArrowDisabled,
.DefaultSkin .RadTabStrip .rtsNextArrowDisabled
{
	margin-top: 5px;
	height: 18px;
	width: 18px;
	font-size: 0;
	line-height: 18px;
	text-indent:-9999px;
	overflow: hidden;
	outline: 0;
	background-color: transparent;
	background-repeat: no-repeat;
}

.DefaultSkin .RadTabStrip .rtsPrevArrowDisabled,
.DefaultSkin .RadTabStrip .rtsNextArrowDisabled,
.DefaultSkin .RadTabStrip .rtsPrevArrow,
.DefaultSkin .RadTabStrip .rtsNextArrow
{
	display: block;
}

.DefaultSkin .RadTabStrip .rtsPrevArrow { background-position: 0 -208px; }
.DefaultSkin .RadTabStrip .rtsNextArrow { background-position: -18px -208px; }
.DefaultSkin .RadTabStrip .rtsPrevArrow:hover { background-position: -36px -208px; }
.DefaultSkin .RadTabStrip .rtsNextArrow:hover { background-position: -54px -208px; }
.DefaultSkin .RadTabStrip .rtsPrevArrowDisabled,
.DefaultSkin .RadTabStrip .rtsPrevArrowDisabled:hover { background-position: -72px -208px; }
.DefaultSkin .RadTabStrip .rtsNextArrowDisabled,
.DefaultSkin .RadTabStrip .rtsNextArrowDisabled:hover { background-position: -90px -208px; }

.DefaultSkin .RadTabStrip .rtsCenter
{
	text-align: center;
}

.DefaultSkin .RadTabStrip .rtsImg
{
	border: none;
}
.DefaultSkin .RadTabStrip .rtsImg+.rtsTxt { display: -moz-inline-box; display: inline-block; }
.DefaultSkin .RadTabStrip .rtsTxt { display: inline-block; }

.DefaultSkin .RadTabStrip .rtsRight .rtsUL
{
	float:right;
}

.DefaultSkin .RadTabStrip .rtsCenter .rtsUL
{
	display: -moz-inline-box;
	display: inline-block;
	float: none;
}

.DefaultSkin .RadTabStrip .rtsBreak
{
	height: 0;
	width: 0;
	font-size: 0;
	line-height: 0;
	display: block;
	clear: left;
	overflow: hidden;
}

* html .RadTabStrip .rtsCenter .rtsUL { display: inline-block; }
* html .RadTabStrip .rtsCenter .rtsUL { display: inline; }

*+html .RadTabStrip .rtsCenter .rtsUL { display: inline-block; }
*+html .RadTabStrip .rtsCenter .rtsUL { display: inline; }

.RadTabStrip_rtl .rtsLI
{
	float:right;
}

* html .RadTabStrip_rtl .rtsLI
{
	float:none;
}

*+html .RadTabStrip_rtl .rtsLI
{
	float:none;
}

@media screen and (min-width:50px)
{
	:root .rtsScroll
	{
		width: auto;
	}
	
	:root .rtsScroll .rtsLI
	{
		float:none;
		display: inline-block;
	}
}

.DefaultSkin .RadTabStripVertical .rtsLink,
.DefaultSkin .RadTabStripVertical .rtsLI .rtsDisabled:hover { background-position: 0 0; }
.DefaultSkin .RadTabStripVertical .rtsLink:hover { background-position: 0 -200px; }
.DefaultSkin .RadTabStripVertical .rtsSelected,
.DefaultSkin .RadTabStripVertical .rtsSelected:hover { background-position: 0 -400px; }

.DefaultSkin .RadTabStripVertical .rtsLI
{
	display: inline;
}

.DefaultSkin .RadTabStripVertical .rtsSeparator
{
	display: block;
	height: 2px;
}

.DefaultSkin .RadTabStrip_Default .rtsLI,
.DefaultSkin .RadTabStrip_Default .rtsLink
{
	color: #000;
	font: 12px/26px "Segoe UI", Arial, sans-serif;
}

.DefaultSkin .RadTabStripLeft_Default .rtsSeparator,
.DefaultSkin .RadTabStripRight_Default .rtsSeparator
{
	background: #828282;
}

/* <disabled tabs> */
.DefaultSkin .RadTabStrip_Default .rtsDisabled
{
	color: #aaa;
}
/* </disabled tabs> */

/* <scrolling arrows> */
.DefaultSkin .RadTabStrip_Default .rtsNextArrow,
.DefaultSkin .RadTabStrip_Default .rtsPrevArrow,
.DefaultSkin .RadTabStrip_Default .rtsPrevArrowDisabled,
.DefaultSkin .RadTabStrip_Default .rtsNextArrowDisabled
{
	background-image: url('/Images/RadTabStrip/1.png');
}
/* </scrolling arrows> */

/* <tab backgrounds> */

.DefaultSkin .RadTabStripTop_Default .rtsLevel { background-color: transparent; }

.DefaultSkin .RadTabStripTop_Default .rtsLevel .rtsLink,
.DefaultSkin .RadTabStripTop_Default .rtsLevel .rtsOut,
.DefaultSkin .RadTabStripBottom_Default .rtsLevel .rtsLink,
.DefaultSkin .RadTabStripBottom_Default .rtsLevel .rtsOut,
.DefaultSkin .RadTabStripTop_Default_Baseline .rtsLevel,
.DefaultSkin .RadTabStripBottom_Default_Baseline .rtsLevel { background-image: url('/Images/RadTabStrip/2.png'); }

.DefaultSkin .RadTabStripLeft_Default .rtsLink,
.DefaultSkin .RadTabStripRight_Default .rtsLink { background-image: url('/Images/RadTabStrip/3.png'); }

.DefaultSkin .RadTabStripLeft_Default .rtsLast .rtsLink,
.DefaultSkin .RadTabStripRight_Default .rtsLast .rtsLink
{
	border-bottom: 1px solid #898C95;
}

/* </tab backgrounds> */

/* <background positioning: overlapping tabs> */

/* <orientation: top> */

.DefaultSkin .RadTabStripTop_Default .rtsLink { background-position: 0 -52px; }
.DefaultSkin .RadTabStripTop_Default .rtsFirst .rtsLink { background-position: 0 0; }
.DefaultSkin .RadTabStripTop_Default .rtsOut { background-position: 100% -52px; }
.DefaultSkin .RadTabStripTop_Default .rtsLast .rtsOut { background-position: 100% 0; }

.DefaultSkin .RadTabStripTop_Default .rtsLI .rtsSelected { background-position: 0 -26px; }
.DefaultSkin .RadTabStripTop_Default .rtsSelected .rtsOut { background-position: 100% -78px; }
.DefaultSkin .RadTabStripTop_Default .rtsLI .rtsAfter { background-position: 0 -78px; }

.DefaultSkin .RadTabStripTop_Default .rtsLast .rtsSelected .rtsOut { background-position: 100% -26px; }

.DefaultSkin .RadTabStripTop_Default_Baseline .rtsLevel { background-position: 0 100%; background-repeat: repeat-x; }

/* </orientation: top> */

/* <orientation: bottom> */

.DefaultSkin .RadTabStripBottom_Default .rtsLevel .rtsLink { background-position: 0 -130px; }
.DefaultSkin .RadTabStripBottom_Default .rtsLevel .rtsFirst .rtsLink { background-position: 0 -182px; }
.DefaultSkin .RadTabStripBottom_Default .rtsLevel .rtsOut { background-position: 100% -130px; }
.DefaultSkin .RadTabStripBottom_Default .rtsLevel .rtsLast .rtsOut { background-position: 100% -182px; }

.DefaultSkin .RadTabStripBottom_Default .rtsLevel .rtsLI .rtsSelected { background-position: 0 -156px; }
.DefaultSkin .RadTabStripBottom_Default .rtsLevel .rtsSelected .rtsOut { background-position: 100% -104px; }
.DefaultSkin .RadTabStripBottom_Default .rtsLevel .rtsLI .rtsAfter { background-position: 0 -104px; }

.DefaultSkin .RadTabStripBottom_Default .rtsLevel .rtsLast .rtsSelected .rtsOut { background-position: 100% -156px; }

.DefaultSkin .RadTabStripBottom_Default_Baseline .rtsLevel { background-position: 0 -599px; background-repeat: repeat-x; }

/* </orientation: bottom> */

/* <orientation: right> */

.DefaultSkin .RadTabStripRight_Default .rtsUL .rtsLink,
.DefaultSkin .RadTabStripRight_Default .rtsUL .rtsLI .rtsDisabled:hover { background-position: 100% 0; text-align: left; }
.DefaultSkin .RadTabStripRight_Default .rtsUL .rtsLink:hover { background-position: 100% -200px; }
.DefaultSkin .RadTabStripRight_Default .rtsUL .rtsSelected,
.DefaultSkin .RadTabStripRight_Default .rtsUL .rtsSelected:hover { background-position: 100% -400px; }

/* </orientation: right> */

/* <orientation: top (RTL)> */

.DefaultSkin .RadTabStripTop_Default_rtl .rtsLevel .rtsLink
{
	padding-left: 0;
	padding-right: 9px;
}

.DefaultSkin .RadTabStripTop_Default_rtl .rtsLevel .rtsOut
{
	padding-left: 9px;
	padding-right: 0;
}

.DefaultSkin .RadTabStripTop_Default_rtl .rtsLevel .rtsLink,
.DefaultSkin .RadTabStripTop_Default_rtl .rtsLevel .rtsOut { background-image: url('/Images/RadTabStrip/4.png'); }

.DefaultSkin .RadTabStripTop_Default_rtl .rtsLevel .rtsLink { background-position: 100% -52px; }
.DefaultSkin .RadTabStripTop_Default_rtl .rtsLevel .rtsFirst .rtsLink { background-position: 100% 0; }
.DefaultSkin .RadTabStripTop_Default_rtl .rtsLevel .rtsOut { background-position: 0 -52px; }
.DefaultSkin .RadTabStripTop_Default_rtl .rtsLevel .rtsLast .rtsOut { background-position: 0 0; }

.DefaultSkin .RadTabStripTop_Default_rtl .rtsLevel .rtsLI .rtsSelected { background-position: 100% -26px; }
.DefaultSkin .RadTabStripTop_Default_rtl .rtsLevel .rtsSelected .rtsOut { background-position: 0 -78px; }
.DefaultSkin .RadTabStripTop_Default_rtl .rtsLevel .rtsLI .rtsAfter { background-position: 100% -78px; }

.DefaultSkin .RadTabStripTop_Default_rtl .rtsLevel .rtsLast .rtsSelected .rtsOut { background-position: 0 -26px; }

/* </orientation: top (RTL)> */

/* </background positioning: overlapping tabs> */

/* <simplistic sub-item styles> */

.DefaultSkin .RadTabStrip_Default_SimpleSubItems .rtsLevel2,
.DefaultSkin .RadTabStrip_Default_SimpleSubItems .rtsLevel3,
.DefaultSkin .RadTabStrip_Default_SimpleSubItems .rtsLevel4 { background: #fff; }

.DefaultSkin .RadTabStrip_Default_SimpleSubItems .rtsLevel2 .rtsSelected,
.DefaultSkin .RadTabStrip_Default_SimpleSubItems .rtsLevel3 .rtsSelected,
.DefaultSkin .RadTabStrip_Default_SimpleSubItems .rtsLevel4 .rtsSelected
{
	text-decoration: underline;
}

.DefaultSkin .RadTabStrip_Default_SimpleSubItems .rtsLevel2 .rtsLink,
.DefaultSkin .RadTabStrip_Default_SimpleSubItems .rtsLevel2 .rtsOut,
.DefaultSkin .RadTabStrip_Default_SimpleSubItems .rtsLevel2 .rtsIn,
.DefaultSkin .RadTabStrip_Default_SimpleSubItems .rtsLevel3 .rtsLink,
.DefaultSkin .RadTabStrip_Default_SimpleSubItems .rtsLevel3 .rtsOut,
.DefaultSkin .RadTabStrip_Default_SimpleSubItems .rtsLevel3 .rtsIn,
.DefaultSkin .RadTabStrip_Default_SimpleSubItems .rtsLevel4 .rtsLink,
.DefaultSkin .RadTabStrip_Default_SimpleSubItems .rtsLevel4 .rtsOut,
.DefaultSkin .RadTabStrip_Default_SimpleSubItems .rtsLevel4 .rtsIn
{
	background: none;
}

/* </simplistic sub-item styles> */



