﻿/* <RadMenu / Default> */

.RadMenu_BitByBit .rmRootGroup,
.RadMenu_BitByBit .rmLink,
.RadMenu_BitByBit .rmText,
.RadMenu_BitByBit .rmLeftArrow,
.RadMenu_BitByBit .rmRightArrow,
.RadMenu_BitByBit .rmTopArrow,
.RadMenu_BitByBit .rmBottomArrow
{
	background-image: url('/RadControls/Skin/Menu/BitByBit/rmSprite.png');
	background-color: transparent;
}

.RadMenu_BitByBit .rmRootGroup
{
	background-color:#578bb8;
	background-image:none;
	text-align: left;
}

/* <Root items> */

.RadMenu_BitByBit,
.RadMenu_BitByBit .rmLink
{
	font: normal 12px Verdana, Arial, sans-serif;	
	line-height: 22px;
	text-decoration: none;
	color: #fff;
}

.RadMenu_BitByBit .rmLink,
.RadMenu_BitByBit .rmDisabled,
.RadMenu_BitByBit .rmDisabled:hover
{
	background-image:none;
	
}

.RadMenu_BitByBit .rmText,
.RadMenu_BitByBit .rmDisabled .rmText,
.RadMenu_BitByBit .rmDisabled:hover .rmText
{
	background-position: 100% -96px;
	border-right: solid 1px #fff;
}

.RadMenu_BitByBit .rmFirst .rmLink,
.RadMenu_BitByBit .rmFirst .rmLink:hover,
.RadMenu_BitByBit .rmLast .rmText,
.RadMenu_BitByBit .rmLast .rmLink:hover .rmText,
.RadMenu_BitByBit .rmVertical .rmLink,
.RadMenu_BitByBit .rmVertical .rmText
{
	background-repeat: no-repeat;
	background-position: 0 500px;
}

.RadMenu_BitByBit .rmVertical .rmFirst,
.RadMenu_BitByBit .rmVertical .rmLast
{
	background: none; 
}

.RadMenu_BitByBit .rmLink:hover,
.RadMenu_BitByBit .rmFocused
{
	/*background-color: #fff;*/
	background-color:#80b0da;
	background-image:none;
    cursor: pointer;
	
}

.RadMenu_BitByBit .rmVertical .rmLink
{
	padding-top: 1px;
	padding-bottom: 1px;
}

.RadMenu_BitByBit .rmVertical .rmLink:hover,
.RadMenu_BitByBit .rmVertical .rmFocused,
.RadMenu_BitByBit .rmVertical .rmExpanded,
.RadMenu_BitByBit .rmVertical .rmExpanded:hover
{
	padding-top: 0;
	padding-bottom: 0;
	background-color:#80b0da;
}

.RadMenu_BitByBit .rmVertical .rmFirst .rmLink:hover,
.RadMenu_BitByBit .rmVertical .rmFirst .rmFocused,
.RadMenu_BitByBit .rmVertical .rmFirst .rmExpanded,
.RadMenu_BitByBit .rmVertical .rmFirst .rmExpanded:hover
{
	padding-top: 1px;
	padding-bottom: 0;
	border-top-width: 0;
	
}

.RadMenu_BitByBit .rmVertical .rmLast .rmLink:hover,
.RadMenu_BitByBit .rmVertical .rmLast .rmFocused,
.RadMenu_BitByBit .rmVertical .rmLast .rmExpanded,
.RadMenu_BitByBit .rmVertical .rmLast .rmExpanded:hover
{
	padding-bottom: 1px;
	padding-top: 0;
	border-bottom-width: 0;
}

.RadMenu_BitByBit .rmVertical .rmItem .rmDisabled:hover
{
	padding-top: 1px;
	padding-bottom: 1px;
	border-width: 0;
}

.RadMenu_BitByBit .rmExpanded,
.RadMenu_BitByBit .rmExpanded:hover
{
	background-color:#80b0da;
	background-image:none;
    cursor: pointer;
}

.RadMenu_BitByBit .rmExpanded .rmText,
.RadMenu_BitByBit .rmExpanded:hover .rmText
{
	/*background-position: 100% -96px;*/
}

.RadMenu_BitByBit .rmLast .rmExpanded .rmText
{
	background-position: 0 500px;
	background-repeat: no-repeat;
}

.RadMenu_BitByBit .rmDisabled,
.RadMenu_BitByBit .rmDisabled:hover
{
	color: #7d7d7d;
	background-color: transparent;
}

/* </Root items> */


/* <Submenu items> */

.RadMenu_BitByBit .rmGroup,
.RadMenu_BitByBit .rmGroup .rmVertical
{
	border: 1px solid #979797;
	background-color:#fff;
}

.RadMenu_BitByBit .rmSlide .rmScrollWrap
{
	background-image: none;
}

.RadMenu_BitByBit_rtl .rmGroup,
.RadMenu_BitByBit_rtl .rmGroup .rmVertical
{
	/*background-position: 100% 0;*/
	background-image:none;	
}

.RadMenu_BitByBit .rmRootGroup li.rmItem .rmGroup
{
	padding:0;
	margin:0;
}

.RadMenu_BitByBit .rmRootGroup .rmHorizontal
{
	background-image: none;
}

.RadMenu_BitByBit .rmScrollWrap .rmVertical
{
	border: 0;
	padding:0;
	margin:0;
}

.RadMenu_BitByBit .rmGroup .rmItem .rmLink,
.RadMenu_BitByBit .rmGroup .rmItem .rmLink:hover,
.RadMenu_BitByBit .rmGroup .rmItem .rmFocused,
.RadMenu_BitByBit .rmGroup .rmItem .rmExpanded
{
	border: 0;
	color: #333;
	font-size:11px;	
	padding:0;
}

.RadMenu_BitByBit .rmGroup .rmLast .rmLink,
.RadMenu_BitByBit .rmGroup .rmLast .rmLink:hover,
.RadMenu_BitByBit .rmGroup .rmLast .rmFocused,
.RadMenu_BitByBit .rmGroup .rmLast .rmExpanded
{
	padding:0;
    margin:0;
}

.RadMenu_BitByBit .rmGroup .rmLink,
.RadMenu_BitByBit .rmGroup .rmText,
.RadMenu_BitByBit .rmGroup .rmItem .rmDisabled,
.RadMenu_BitByBit .rmGroup .rmItem .rmDisabled:hover,
.RadMenu_BitByBit .rmGroup .rmItem .rmDisabled .rmText,
.RadMenu_BitByBit .rmGroup .rmItem .rmDisabled:hover .rmText
{
	padding:0 0 0 5px;
	margin:0;
}

.RadMenu_BitByBit .rmGroup .rmItem .rmLink .rmText 
{
    padding:0 0 0 5px;
	margin:0;
	width:100%;
}

.RadMenu_BitByBit .rmGroup .rmLink:hover,
.RadMenu_BitByBit .rmGroup .rmFocused,
.RadMenu_BitByBit .rmGroup .rmExpanded
{
	/*background-position: 0 -168px;
	width:500px;*/
	
}

/*sub menu item with NO children HOVER (i.e. Application -> ATTENDANCE)*/
.RadMenu_BitByBit .rmGroup .rmLink:hover .rmText,
.RadMenu_BitByBit .rmGroup .rmFocused .rmText,
.RadMenu_BitByBit .rmGroup .rmExpanded .rmText
{
	background-color:#80b0da;
	color:#fff;
	padding-left:5px;
}

/* <expand arrows> */


.RadMenu_BitByBit .rmGroup .rmExpandRight,
.RadMenu_BitByBit .rmGroup .rmExpandDown,
.RadMenu_BitByBit .rmGroup .rmItem .rmDisabled .rmExpandRight,
.RadMenu_BitByBit .rmGroup .rmItem .rmDisabled .rmExpandDown,
.RadMenu_BitByBit .rmGroup .rmItem .rmDisabled:hover .rmExpandRight,
.RadMenu_BitByBit .rmGroup .rmItem .rmDisabled:hover .rmExpandDown
{
	/*background-position: 100% -216px;*/
	background: transparent url('/RadControls/Skin/Menu/BitByBit/ArrowExpand.gif') no-repeat right 0;
    padding-left:5px;
    margin:0;
}

/*sub menu item with children HOVER (i.e. Application -> AUTHENTICATION INFO)*/
.RadMenu_BitByBit .rmGroup .rmLink:hover .rmExpandRight,
.RadMenu_BitByBit .rmGroup .rmFocused .rmExpandRight,
.RadMenu_BitByBit .rmGroup .rmExpanded .rmExpandRight,
.RadMenu_BitByBit .rmGroup .rmLink:hover .rmExpandDown,
.RadMenu_BitByBit .rmGroup .rmFocused .rmExpandDown,
.RadMenu_BitByBit .rmGroup .rmExpanded .rmExpandDown
{
	/*background-position: 100% -240px;*/
	background: transparent url('/RadControls/Skin/Menu/BitByBit/ArrowExpand.gif') no-repeat right 0;
	background-color:#80b0da;
	color:#fff;
	padding-left:5px;
}

.RadMenu_BitByBit .rmGroup .rmDisabled:hover .rmExpandRight,
.RadMenu_BitByBit .rmGroup .rmDisabled:hover .rmExpandDown
{
	background-image: url('/RadControls/Skin/Menu/BitByBit/rmSprite.png');
	background-position: 100% -216px;
}

/* </expand arrows> */

/* <rtl> */

.RadMenu_BitByBit_rtl .rmLink
{
	background-position: 100% -96px;
}

.RadMenu_BitByBit_rtl .rmText
{
	background-position: 0 -72px;
}

.RadMenu_BitByBit_rtl .rmVertical .rmExpanded .rmText,
.RadMenu_BitByBit_rtl .rmVertical .rmExpanded:hover .rmText
{
	background-position: 0 500px;
	background-repeat: no-repeat;
}

.RadMenu_BitByBit_rtl .rmGroup .rmLink:hover,
.RadMenu_BitByBit_rtl .rmGroup .rmFocused,
.RadMenu_BitByBit_rtl .rmGroup .rmExpanded
{
	background-position: 100% -264px;
}

.RadMenu_BitByBit_rtl .rmGroup .rmLink:hover .rmText,
.RadMenu_BitByBit_rtl .rmGroup .rmFocused .rmText,
.RadMenu_BitByBit_rtl .rmGroup .rmExpanded .rmText
{
	background-position: 0 -288px;
}

.RadMenu_BitByBit_rtl .rmGroup .rmExpandLeft
{
	background-position: 0 -312px;
}

.RadMenu_BitByBit_rtl .rmGroup .rmLink:hover .rmExpandLeft,
.RadMenu_BitByBit_rtl .rmGroup .rmFocused .rmExpandLeft,
.RadMenu_BitByBit_rtl .rmGroup .rmExpanded .rmExpandLeft
{
	background-position: 0 -336px;
}

/* </rtl> */

/* </Submenu items> */

/* <Submenu offsets (Default - specific, overlapping submenus)> */

.RadMenu_BitByBit .rmSlide
{
	margin: 0 0 0 -1px;
}

.RadMenu_BitByBit .rmVertical .rmSlide,
.RadMenu_BitByBit .rmSlide .rmSlide,
.RadMenu_BitByBit_Context .rmGroup .rmSlide
{
	margin: 0 0 0 -1px;
}

.RadMenu_BitByBit_rtl .rmSlide
{
	margin: 0 0 0 0;
}

.RadMenu_BitByBit_rtl .rmFirst .rmSlide
{
	margin-left: 1px;
}

.RadMenu_BitByBit_rtl .rmVertical .rmSlide,
.RadMenu_BitByBit_rtl .rmSlide .rmSlide,
.RadMenu_BitByBit_Context_rtl .rmGroup .rmSlide
{
	margin: 0 0 0 5px;
}

/* </Submenu offsets> */

/* <Scrolling arrows> */

.RadMenu_BitByBit .rmLeftArrow,
.RadMenu_BitByBit .rmRightArrow
{
	background-color: #E6E6E6;
}

.RadMenu_BitByBit .rmLeftArrow { background-position: -8px -312px; border-right: 1px solid #828282; }
.RadMenu_BitByBit .rmRightArrow { background-position: -482px -216px; border-left: 1px solid #828282; }

.RadMenu_BitByBit .rmTopArrow,
.RadMenu_BitByBit .rmBottomArrow,
.RadMenu_BitByBit .rmGroup .rmLeftArrow,
.RadMenu_BitByBit .rmGroup .rmRightArrow
{
	background-color: #E6E6E6;
}

.RadMenu_BitByBit .rmTopArrow { background-position: 50% -367px; border-bottom: 1px solid #828282; }
.RadMenu_BitByBit .rmBottomArrow { background-position: 50% -391px; border-top: 1px solid #828282; }

/* </Scrolling arrows> */

/* <Separators> */

.RadMenu_BitByBit .rmHorizontal .rmSeparator .rmText,
.RadMenu_BitByBit .rmVertical .rmHorizontal .rmSeparator .rmText
{
	height: 22px;
	margin: 1px 0 0;
	width: 1px;
	/*background-color: #A8A8A8;*/
}

.RadMenu_BitByBit_Context .rmSeparator .rmText,
.RadMenu_BitByBit .rmHorizontal .rmGroup .rmSeparator .rmText,
.RadMenu_BitByBit .rmVertical .rmHorizontal .rmGroup .rmSeparator .rmText
{
	background-color: transparent;
	background-position: 0 -406px;
}

/* </Separators> */

/* </RadMenu / Default> */