/* r.a.d.menu CssIsBlue skin */
/*  Colors:
    #0000ff
    #00007f
    White
    #9999ff
*/

.RadMenu_CssIsBlue
{
	background: #0000ff;
	height:20px;
}

.RadMenu_CssIsBlue_Context
{
	background:none;
}

.RadMenu_CssIsBlue .link, 
.RadMenu_CssIsBlue .link:visited
{
	text-decoration:none;
	color: #fff;
	line-height: 20px;
}

.RadMenu_CssIsBlue .link .text
{
	padding-right: 10px; /* add padding, remove width, removing this will cause the menu list to go vertical. */
	text-align:left;
}

.RadMenu_CssIsBlue .link:hover,
.RadMenu_CssIsBlue .focused,
.RadMenu_CssIsBlue .expanded
{
	background-color:#00007f;
	color:White;
	cursor:pointer;
	cursor:hand;
	/*adding height here is bad*/
}

.RadMenu_CssIsBlue .link:hover .text,
.RadMenu_CssIsBlue .focused .text,
.RadMenu_CssIsBlue .expanded .text
{
    color:White;
}

.RadMenu_CssIsBlue .text
{
	padding: 0px 15px;
}

.RadMenu_CssIsBlue .group
{
	background: white;
	border: 0px;
}

.RadMenu_CssIsBlue .group .link
{
	background: #9999ff;
	cursor:pointer;
	cursor:hand;
	border: 1px solid #d5d5ff;
	border-top: 1px solid white;
	text-align: left;
	padding-right: 0px; /* add padding */
}

.RadMenu_CssIsBlue .group .text
{
	padding-left:6px;
	padding-right: 40px;
	color:#5c0000;
}


.RadMenu_CssIsBlue .group .link:hover .text,
.RadMenu_CssIsBlue .group .focused .text,
.RadMenu_CssIsBlue .group .expanded .text
{
	border-top: 0px;
	color:White;
}

.RadMenu_CssIsBlue .group .link:hover,
.RadMenu_CssIsBlue .group .focused,
.RadMenu_CssIsBlue .group .expanded
{
	background-color:#00007f;
	color:White;
	border: 1px solid #d5d5ff;
	border-top: 1px solid white;
	border-bottom: 1px solid #f0f0ff;
	font-weight: bold;
}


.RadMenu_CssIsBlue .leftArrow,
.RadMenu_CssIsBlue .rightArrow,
.RadMenu_CssIsBlue .topArrow,
.RadMenu_CssIsBlue .bottomArrow,
.RadMenu_CssIsBlue .leftArrowDisabled,
.RadMenu_CssIsBlue .rightArrowDisabled,
.RadMenu_CssIsBlue .topArrowDisabled,
.RadMenu_CssIsBlue .bottomArrowDisabled
{
	border: 1px solid #0000ff;
	border-top: 1px solid white;
	background: #9999ff url('img/left.gif') center center no-repeat;
	width:15px;
}

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

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

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

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


.RadMenu_CssIsBlue .vertical .separator .text
{
	background: #00007f;
	font-size:1px;
	padding-top: 2px;
	border: 1px solid #0000ff;
	border-top: 1px solid white;
}

.RadMenu_CssIsBlue .link:hover .text,
.RadMenu_CssIsBlue .focused .text,
.RadMenu_CssIsBlue .expanded .text
{
	/*border-top: 1px solid #00007f;*/
}

.RadMenu_CssIsBlue .rootGroup .disabled:hover
{
    /*
	border-bottom: 2px solid #a7cfe8;
	border-top: 2px solid #a7cfe8;
    */
	background: #0000ff;
}

.RadMenu_CssIsBlue .rootGroup .disabled:hover .text
{
	/*border-top: 1px solid #a7cfe8;*/
}

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

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

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


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