/* RadMenu SRMenu skin */

.RadMenu_SRMenu
{
	background: #BDE1EF;
	padding: 0px 6px 0px 6px;
}

.RadMenu_SRMenu_Context
{
	background: transparent;
}

.RadMenu_SRMenu .link
{
	padding-top:0px;
	text-decoration: none;
	font-size: 11px;
	background-color: #BDE2F0;
	color:#49494b;
	font-weight: bold;
	cursor:pointer;
}

.RadMenu_SRMenu .link:hover, 
.RadMenu_SRMenu .focused, 
.RadMenu_SRMenu .expanded
{
	padding-top:0px;
	text-decoration: none;
	font-size:11px;
	background: url('img/MainItemBackgroundHover.png') repeat-x;
	color:#008abf;
	font-weight:bold;
	cursor:pointer;
}

.RadMenu_SRMenu .group .link img
{
	margin-top: 6px;
	margin-left: 8px;
	margin-right: 4px;
}

.RadMenu_SRMenu .group .first .link img
{
	margin-top: 16px;
}

.RadMenu_SRMenu .group .first .group .link img
{
	margin-top: 6px;
}

.RadMenu_SRMenu .group .last .link img
{
	margin-top: 8px;
	margin-left: 8px;
	margin-right: 4px;
}

.RadMenu_SRMenu .last .link
{
	/**/
}

.RadMenu_SRMenu .vertical .link
{
	/**/
}

.RadMenu_SRMenu .text
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 1px 5px 1px 1px;
	text-align: center;
	vertical-align: middle;
	color:#49494b;
	font-weight:bold;
}

.RadMenu_SRMenu .link:hover .text,
.RadMenu_SRMenu .focused .text,
.RadMenu_SRMenu .expanded .text
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 1px 5px 1px 1px;
	text-align: center;
	vertical-align: middle;
	color: #008abf;
	font-weight:bold;
	/*--- #### Styles main mouse overs ### ---*/
}

.RadMenu_SRMenu .group .text,
/*.RadMenu_SRMenu .group .link:hover .text, --- I made this it's own style so sub menu mouse overs would work.*/
.RadMenu_SRMenu .group .focused .text,
.RadMenu_SRMenu .group .expanded .text
{
	padding: 0px 16px;
	color:#49494b;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	/*--- #### Styles ALL drop down menus #### ---*/
}   

.RadMenu_SRMenu .group .link:hover .text
{
	background: transparent url('MenuItemBackgroundHover.png') repeat-y;
	padding: 0px 16px;
	color:#008abf;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	/*--- #### Styles ALL drop down menu mouse overs #### ---*/
}   



.RadMenu_SRMenu .group .first .link
{
	background: transparent url('img/MenuItemBgFirst.png') no-repeat left bottom;
	/*line-height: 20px;*/
}

/* needed for horizontal scrolling case*/
.RadMenu_SRMenu .group  .horizontal .first .link,
.RadMenu_SRMenu .group  .horizontal .first .link:hover,
.RadMenu_SRMenu .group  .horizontal .last .link
{
	/*line-height: 44px;*/
	height:44px;
	vertical-align:top;
}


.RadMenu_SRMenu .group .first .link:hover,
.RadMenu_SRMenu .group .first .focused,
.RadMenu_SRMenu .group .first .expanded
{
	background: transparent url('img/MenuItemBgHoverFirst.png') no-repeat left bottom;
	/*line-height: 20px;*/
	border: 0px;
	vertical-align:top;
	padding: 5px 0px;
	/*--- Can add mose over styles here if bg image isn't working... ---*/
}

.RadMenu_SRMenu .group .link
{
	background: transparent url('img/MenuItemBackground.png') repeat-y;
	width: 175px;
	/*	line-height: 20px;*/
	text-align: left;
	vertical-align:top;
	padding: 5px 0px;
	white-space: normal;
	/*--- General sub menu styles ---*/
}

.RadMenu_SRMenu .group .link:hover,
.RadMenu_SRMenu .group .focused,
.RadMenu_SRMenu .group .expanded
{
	background: transparent url('img/MenuItemBackgroundHover.png') repeat-y;
	color: #cc6102;
	/*line-height: 20px;*/
	border: 0px;
	vertical-align:top;
	padding: 5px 0px;
	/*--- Can add mose over styles here if bg image isn't working... ---*/
}

.RadMenu_SRMenu .leftArrow,
.RadMenu_SRMenu .rightArrow,
.RadMenu_SRMenu .topArrow,
.RadMenu_SRMenu .bottomArrow,
.RadMenu_SRMenu .leftArrowDisabled,
.RadMenu_SRMenu .rightArrowDisabled,
.RadMenu_SRMenu .topArrowDisabled,
.RadMenu_SRMenu .bottomArrowDisabled
{
	border-left:1px solid #a9a9a9;
	border-top-color:threedhighlight;
	border-left-color:threedhighlight;
	background: #d7e9ff url('img/left.gif') center center no-repeat;
	width:15px;
	text-decoration:none;
	color:#d7e9ff;
}

.RadMenu_SRMenu .topArrow,
.RadMenu_SRMenu .topArrowDisabled
{
	background-image:url('img/top.gif');
	width:100%;
}

.RadMenu_SRMenu .bottomArrow,
.RadMenu_SRMenu .bottomArrowDisabled
{
	background-image:url('img/bottom.gif');
	width:100%;
}

.RadMenu_SRMenu .rightArrow,
.RadMenu_SRMenu .leftArrow
{
	height:100%;
}

.RadMenu_SRMenu .rightArrow,
.RadMenu_SRMenu .rightArrowDisabled
{
	background-image: url('img/right.gif');
}

.RadMenu_SRMenu .vertical .separator .text
{
	padding-top: 3px;
	background: white url('img/Separator.gif');
	font-size: 1px;
}

.RadMenu_SRMenu .expandLeft,
.RadMenu_SRMenu .expandRight
{
	background: transparent url(img/groupImage.gif) right center no-repeat;
	margin-right: 6px;
}

.RadMenu_SRMenu .link:hover .expandLeft,
.RadMenu_SRMenu .link:hover .expandRight,
.RadMenu_SRMenu .focused .expandLeft,
.RadMenu_SRMenu .focused .expandRight,
.RadMenu_SRMenu .expanded .expandLeft,
.RadMenu_SRMenu .expanded .expandRight
{
	background:transparent url(img/invertedGroupImage.gif) right center no-repeat;
}

.RadMenu_SRMenu .group .last .link
{
	background: transparent url('img/MenuItemBgLast.png') no-repeat;
	background-position: bottom;
	vertical-align: top;
	/*height: 38px;*/
}

.RadMenu_SRMenu .group .last .link:hover,
.RadMenu_SRMenu .group .last .focused,
.RadMenu_SRMenu .group .last .expanded
{
	background: transparent url('img/MenuItemBgLastHover.png') no-repeat;
	background-position: bottom;
	vertical-align: top;
	/*height: 38px;*/
}

/* level 2 items */
.RadMenu_SRMenu .group .level2,
.RadMenu_SRMenu_Context .group .level1
{
	/*border-bottom: solid 1px #868686;*/
}

.RadMenu_SRMenu .group .level2 .link,
.RadMenu_SRMenu_Context .group .level1 .link
{
	background: transparent url('img/Level2ItemBg.png') repeat-y;
	/*line-height: 20px;*/
}

.RadMenu_SRMenu .group .level2 .first .link,
.RadMenu_SRMenu .group .level2 .first .link:hover,
.RadMenu_SRMenu .group .level2 .first .focused,
.RadMenu_SRMenu .group .level2 .first .expanded
{
	background: transparent url('img/Level2First.png') repeat-y;
	/*line-height: 20px;*/
	width: 150px;
}

.RadMenu_SRMenu .group .level2 .first .link .text
{
	/*margin-left: 9px;*/
}

.RadMenu_SRMenu .group .level2 .link:hover,
.RadMenu_SRMenu .group .level2 .focused,
.RadMenu_SRMenu .group .level2 .expanded
{
	background: transparent url('img/Level2Hover.png') repeat-y;
	/*line-height: 20px;*/
}

.RadMenu_SRMenu .rootGroup .disabled,
.RadMenu_SRMenu .rootGroup .disabled:hover
{
    background:transparent;
    border-color:#bfdbff;
}

.RadMenu_SRMenu .group .disabled,
.RadMenu_SRMenu .group .disabled:hover
{
    background: transparent url('img/MenuItemBackground.png') repeat-y;
}

.RadMenu_SRMenu .rootGroup .disabled .text,
.RadMenu_SRMenu .rootGroup .disabled:hover .text
.RadMenu_SRMenu .group .disabled .text,
.RadMenu_SRMenu .group .disabled:hover .text
{
    color:#ccc;
}

/*right-to-left support*/

.RadMenu_SRMenu_rtl,
.RadMenu_SRMenu_rtl *
{
    text-align:right !important;
}

.RadMenu_SRMenu_rtl .expandLeft,
.RadMenu_SRMenu_rtl .expandRight
{
	background: transparent url(img/left.gif) left center no-repeat;
	margin-left: 8px;
}

.RadMenu_SRMenu_rtl .link:hover .expandLeft,
.RadMenu_SRMenu_rtl .link:hover .expandRight,
.RadMenu_SRMenu_rtl .focused .expandLeft,
.RadMenu_SRMenu_rtl .focused .expandRight,
.RadMenu_SRMenu_rtl .expanded .expandLeft,
.RadMenu_SRMenu_rtl .expanded .expandRight
{
	background:transparent url(img/invertedGroupImageRTL.gif) left center no-repeat;
}

.RadMenu_SRMenu_rtl .group .text,
.RadMenu_SRMenu_rtl .group .link:hover .text,
.RadMenu_SRMenu_rtl .group .focused .text,
.RadMenu_SRMenu_rtl .group .expanded .text
{
	padding: 0px;
	padding-right: 16px;
}

.RadMenu_SRMenu_rtl .group .link:hover .expandLeft,
.RadMenu_SRMenu_rtl .group .link:hover .expandRight
{
	background:transparent url(img/invertedGroupImageRTL.gif) left center no-repeat;
}


.RadMenu_SRMenu_rtl .leftArrow,
.RadMenu_SRMenu_rtl .rightArrow,
.RadMenu_SRMenu_rtl .topArrow,
.RadMenu_SRMenu_rtl .bottomArrow,
.RadMenu_SRMenu_rtl .leftArrowDisabled,
.RadMenu_SRMenu_rtl .rightArrowDisabled,
.RadMenu_SRMenu_rtl .topArrowDisabled,
.RadMenu_SRMenu_rtl .bottomArrowDisabled
{
	text-indent:-2000px;
}