/* Skin for National Starch left menu, based on the original r.a.d.menu CssBlue skin */
.RadMenu_NationalStarchLeftMenu
{
	background: transparent;
	width: 137px;
	white-space: normal;
}

.RadMenu_NationalStarchLeftMenu_Context
{
	background: none;
}

.RadMenu_NationalStarchLeftMenu .link
{
	border: solid 1px #CCCCCC;
	background: #fff;
	padding: 3px 0px 3px 0px;
	margin: 0px;
	margin-bottom: 3px;
	width: 135px;
	text-decoration: none;
	white-space: normal;
}
.RadMenu_NationalStarchLeftMenu .link .text
{
	text-decoration: none;
	color: #999999;
}

.RadMenu_NationalStarchLeftMenu .link:hover,
.RadMenu_NationalStarchLeftMenu .focused,
.RadMenu_NationalStarchLeftMenu .expanded
{
	border: solid 1px #999;
	background: #ffffff url(img/leftmenu_leftarrow.gif) left top no-repeat;
	padding: 3px 0px 3px 0px;
	margin: 0px;
	margin-bottom: 3px;
	width: 135px;
	text-decoration: none;
	white-space: normal;
}
.RadMenu_NationalStarchLeftMenu .link:hover .text,
.RadMenu_NationalStarchLeftMenu .focused .text,
.RadMenu_NationalStarchLeftMenu .expanded .text
{
	text-decoration: none;
	color: #FF3366;
}
.RadMenu_NationalStarchLeftMenu .LeftMenuSelectedRoot
{
	border: solid 1px #999;
	background: url(img/leftmenu_leftarrow.gif) left top no-repeat;
	padding: 3px 0px 3px 0px;
	margin: 0px;
	margin-bottom: 3px;
	width: 135px;
	text-decoration: none;
	white-space: normal;
	color: #FF3366;

}

.RadMenu_NationalStarchLeftMenu .text
{
	padding: 0px 15px;
	font-size: 11px;
	color:Black;
}

.RadMenu_NationalStarchLeftMenu .group
{
	background: #888;
	border: 0px;
}
.RadMenu_NationalStarchLeftMenu .group .text
{
	padding-left:6px;
	padding-right: 50px;
}
.RadMenu_NationalStarchLeftMenu .group .link
{
	background: transparent;
	text-align: left;
	padding-right: 0px;
	width:200px;
	/*border-bottom: dotted 1px #e50202;*/	
}

.RadMenu_NationalStarchLeftMenu .group .link:hover,
.RadMenu_NationalStarchLeftMenu .group .focused,
.RadMenu_NationalStarchLeftMenu .group .expanded
{
	background: #606060;
}
.RadMenu_NationalStarchLeftMenu .group .link:hover .text,
.RadMenu_NationalStarchLeftMenu .group .focused .text,
.RadMenu_NationalStarchLeftMenu .group .expanded .text
{
	border-top: 0px;
}

.RadMenu_NationalStarchLeftMenu .leftArrow,
.RadMenu_NationalStarchLeftMenu .rightArrow,
.RadMenu_NationalStarchLeftMenu .topArrow,
.RadMenu_NationalStarchLeftMenu .bottomArrow,
.RadMenu_NationalStarchLeftMenu .leftArrowDisabled,
.RadMenu_NationalStarchLeftMenu .rightArrowDisabled,
.RadMenu_NationalStarchLeftMenu .topArrowDisabled,
.RadMenu_NationalStarchLeftMenu .bottomArrowDisabled
{
	background: transparent url('img/left.gif') center center no-repeat;
	width: 15px;
}

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

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

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

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


.RadMenu_NationalStarchLeftMenu .vertical .separator .text
{
	background: #ddd;
	font-size: 1px;
	padding-top: 2px;
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
}

.RadMenu_NationalStarchLeftMenu .expandLeft,
.RadMenu_NationalStarchLeftMenu .expandRight
{
	background: transparent url(img/groupImage.gif) right center no-repeat;
	margin: 0px 3px;
}

/* right to left */
.RadMenu_NationalStarchLeftMenu_rtl .group .link:hover .expandLeft,
.RadMenu_NationalStarchLeftMenu_rtl .group .link:hover .expandRight
{
	background: transparent url(img/left.gif) left center no-repeat;
	margin: 0px 1px;
	padding-left: 8px;
}

.RadMenu_NationalStarchLeftMenu_rtl .expandLeft,
.RadMenu_NationalStarchLeftMenu_rtl .expandRight
{
	background: transparent url(img/groupImageRTL.gif) left center no-repeat;
}
/* end right to left */


.RadMenu_NationalStarchLeftMenu .link:hover .expandLeft,
.RadMenu_NationalStarchLeftMenu .link:hover .expandRight,
.RadMenu_NationalStarchLeftMenu .focused .expandLeft,
.RadMenu_NationalStarchLeftMenu .focused .expandRight,
.RadMenu_NationalStarchLeftMenu .expanded .expandLeft,
.RadMenu_NationalStarchLeftMenu .expanded .expandRight
{
	background: transparent url(img/invertedGroupImage.gif) right center no-repeat;
}