/* RadMenu SRMenu skin */
.Menu_Active
{
	color:#ff0000;
	background-color:#CCCCCC;
}

.RadMenu_SRMenu
{
/*###   background: #BDE1EF;*/
	padding: 0px 16px 0px 16px;
}

.radmenu ul.horizontal, 
.radmenu ul.vertical 
{
	/*left:-5pt;*/
	/*top: -2px;*/
}

.RadMenu_SRMenu_Context
{
	background: transparent;

}

/*--- Sets the top of the drop down menus. ---*/
.RadMenu_SRMenu .slide
{
	top: 27px !important;
}

.RadMenu_SRMenu .link
{
	padding-top:4px;
	text-decoration: none;
	font-size: 12px;
	/*###	background-color: #BDE2F0;*/
	text-align: center;
	/*###   color:#49494b; */
	color:#FFFFFF;
	font-weight: bold;
	text-transform: capitalize;
	cursor:pointer;
	/*width: 125px;*/
	/*line-height: 15px;*/
}

.RadMenu_SRMenu .link:hover, 
.RadMenu_SRMenu .focused, 
.RadMenu_SRMenu .expanded
{
	padding-top:4px;
	/*background: url('images/MainItemBackgroundHover.gif') repeat-x;*/ /*--- (This style adds an image to the mouse over of the main menu item.) ---*/
	/*border: solid 1px #BDE2F0;*/
	color:#cbdb2a;
	font-weight: bold;
	text-decoration: none;
	cursor:pointer;
}

.RadMenu_SRMenu .group .link img
{
	margin-top: 6px;
	margin-left: 6px;
	margin-right: 4px;

}

.RadMenu_SRMenu .group .first .link img
{
	margin-top: 6px;

}

.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
{
	/*border:1px solid #ff0000;*/
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	padding: 1px 5px 1px 2px;
	text-align: left;
	/*###   color:#49494b;*/
	color:#FFFFFF;
	font-weight: bold;
}

.RadMenu_SRMenu .link:hover .text,
.RadMenu_SRMenu .focused .text,
.RadMenu_SRMenu .expanded .text
{

	padding: 1px 5px 1px 2px;
	
	/*color:#cbdb2a;*/
	color:#ffd005;
	font-weight: bold;
	text-decoration:none;
	/*--- #### 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: #7a6ab8;*/
	/*###   color:#49494b;*/
	color:#ffffff;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: none;
	text-transform:capitalize;
	/*--- #### Styles ALL drop down menus #### ---*/
}   

.RadMenu_SRMenu .group .link:hover .text
{
	/*background: transparent url('images/MenuItemBackgroundHover.gif') repeat-y;*/
	padding: 0px 16px;
	/*color: #7a6ab8;*/
	/*###   color:#008abf;*/
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#cbdb2a;
	text-decoration:none;
	text-transform:capitalize;
	/*--- #### Styles ALL drop down menu mouse overs #### ---*/
}   

/* 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 .link
{
	background: transparent url('images/MenuItemBackground.gif') repeat-y;
	width: 133px;
/*	line-height: 20px;*/
	text-align: left;
	vertical-align:top;
	padding: 4px 0px; /*--- I changed top and bottom padding will space out links vertically in the sub menus.  This may cause sub sub menus to float way from the sub menu however. ---*/
	white-space: normal;
	/*--- General sub menu styles ---*/
}

.RadMenu_SRMenu .group .link:hover,
.RadMenu_SRMenu .group .focused,
.RadMenu_SRMenu .group .expanded
{
	background: transparent url('images/MenuItemBackgroundHover.gif') repeat-y;
	color: #cc6102;
	/*line-height: 20px;*/
	border: 0px;
	vertical-align:top;
	padding: 4px 0px; /*--- I changed top and bottom padding will space out links vertically in the sub menus.  This may cause sub sub menus to float way from the sub menu however. ---*/
	/*--- 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('images/left.gif') center center no-repeat;
	width:15px;
	text-decoration:none;
	color:#d7e9ff;
}

.RadMenu_SRMenu .topArrow,
.RadMenu_SRMenu .topArrowDisabled
{
	background-image:url('images/top.gif');
	width:100%;
}

.RadMenu_SRMenu .bottomArrow,
.RadMenu_SRMenu .bottomArrowDisabled
{
	background-image:url('images/bottom.gif');
	width:100%;
}

.RadMenu_SRMenu .rightArrow,
.RadMenu_SRMenu .leftArrow
{
	height:100%;
}

.RadMenu_SRMenu .rightArrow,
.RadMenu_SRMenu .rightArrowDisabled
{
	background-image: url('images/right.gif');
}

.RadMenu_SRMenu .vertical .separator .text
{
	padding-top: 3px;
	background: white url('images/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 .first .link
{
	background: transparent url('images/MenuItemBgFirst.gif') no-repeat left bottom;
	/*line-height: 20px;*/
}

.RadMenu_SRMenu .group .first .link:hover,
.RadMenu_SRMenu .group .first .focused,
.RadMenu_SRMenu .group .first .expanded
{
	background: transparent url('images/MenuItemBgHoverFirst.gif') no-repeat left bottom;

	/*line-height: 20px;*/
	border: 0px;
	vertical-align:top;
	padding: 4px 0px; /*--- I changed top and bottom padding will space out links vertically in the sub menus.  This may cause sub sub menus to float way from the sub menu however. ---*/
	/*--- Can add mose over styles here if bg image isn't working... ---*/
}

.RadMenu_SRMenu .group .last .link
{
	background: transparent url('images/MenuItemBgLast.gif') 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('images/MenuItemBgLastHover.gif') no-repeat;
	background-position: bottom;
	vertical-align: top;
	/*height: 38px;*/
}

/*********************************************************************************************/
/*Root Items*/
.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('images/MenuItemBackground.gif') 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;
}

/*********************************************************************************************/
/* level 2 items */
.RadMenu_SRMenu .group .level2 .item .link,
.RadMenu_SRMenu .group .level2 .item .link:hover,
.RadMenu_SRMenu .group .level2 .item .focused,
.RadMenu_SRMenu .group .level2 .item .expanded
{
	/*background: transparent url('images/Level2First.gif') repeat-y;*/
	background-image: url('images/Level2ItemBg.gif'); 
	background-repeat: repeat-y;
}

.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('images/Level2First.gif') repeat-y;*/
	background-image: url('images/Level2First.gif'); 
	background-repeat: no-repeat;
	background-position: top;
	width: 150px;
}

.RadMenu_SRMenu .group .level2 .last .link,
.RadMenu_SRMenu .group .level2 .last .link:hover,
.RadMenu_SRMenu .group .level2 .last .focused,
.RadMenu_SRMenu .group .level2 .last .expanded
{
	/*background: transparent url('images/Level2Last.gif') no-repeat;*/
	background-image: url('images/Level2Last.gif');
	background-repeat: no-repeat;
	background-position: bottom;
	width: 150px; /*text-decoration: line-through;*/
}

/*********************************************************************************************/
/* level 3 items */
.RadMenu_SRMenu .group .level3 .item .link,
.RadMenu_SRMenu .group .level3 .item .link:hover,
.RadMenu_SRMenu .group .level3 .item .focused,
.RadMenu_SRMenu .group .level3 .item .expanded
{
	/*background: transparent url('images/Level2First.gif') repeat-y;*/
	background-image: url('images/Level2ItemBg.gif'); 
	background-repeat: repeat-y;
}

.RadMenu_SRMenu .group .level3 .first .link,
.RadMenu_SRMenu .group .level3 .first .link:hover,
.RadMenu_SRMenu .group .level3 .first .focused,
.RadMenu_SRMenu .group .level3 .first .expanded
{
	/*background: transparent url('images/Level2First.gif') repeat-y;*/
	background-image: url('images/Level2First.gif'); 
	background-repeat: no-repeat;
	background-position: top;
	width: 150px;
	/*text-decoration: line-through;*/
}

.RadMenu_SRMenu .group .level3 .last .link,
.RadMenu_SRMenu .group .level3 .last .link:hover,
.RadMenu_SRMenu .group .level3 .last .focused,
.RadMenu_SRMenu .group .level3 .last .expanded
{
	/*background: transparent url('images/Level2Last.gif') no-repeat;*/
	background-image: url('images/Level2Last.gif');
	background-repeat: no-repeat;
	background-position: bottom;
	width: 150px;
	/*text-decoration: line-through;*/
}

/*********************************************************************************************/
/* level 4 items */

.RadMenu_SRMenu .group .level4 .item .link,
.RadMenu_SRMenu .group .level4 .item .link:hover,
.RadMenu_SRMenu .group .level4 .item .focused,
.RadMenu_SRMenu .group .level4 .item .expanded
{
	/*background: transparent url('images/Level2First.gif') repeat-y;*/
	background-image: url('images/Level2ItemBg.gif'); 
	background-repeat: repeat-y;
}

.RadMenu_SRMenu .group .level4 .last .link,
.RadMenu_SRMenu .group .level4 .last .link:hover,
.RadMenu_SRMenu .group .level4 .last .focused,
.RadMenu_SRMenu .group .level4 .last .expanded
{
	/*background: transparent url('images/Level2Last.gif') no-repeat;*/
	background-image: url('images/Level2Last.gif');
	background-repeat: no-repeat;
	background-position: bottom;
	width: 150px;
}

.RadMenu_SRMenu .group .level4 .first .link,
.RadMenu_SRMenu .group .level4 .first .link:hover,
.RadMenu_SRMenu .group .level4 .first .focused,
.RadMenu_SRMenu .group .level4 .first .expanded
{
	/*background: transparent url('images/Level2First.gif') repeat-y;*/
	background-image: url('images/Level2First.gif'); 
	background-repeat: no-repeat;
	background-position: top;
	width: 150px;
}