/* RadMenu Grlskin */

.RadMenu_Grl
{
	background: transparent;
	position:relative;
	top:3px;
	/*_top:0px; Removed IE6 hack - does not seem to be required in my layout!*/
}

.RadMenu_Grl .link {
	text-decoration:none;
}

.RadMenu_Grl .link:hover,   
.RadMenu_Grl .focused,
.RadMenu_Grl .expanded 
{   
	text-decoration:none;
	background-color:#6AA3C3;
    cursor: pointer;   
    _cursor: hand;   
}  
.RadMenu_Grl .rootGroup .disabled:hover
{
	background: transparent url("img/menu_tab.png") no-repeat;
}

.RadMenu_Grl .text
{
	font-size:13px;
/*	width:90px;  Don't want fixed with menu items - add padding either side of span */
	padding:0px 10px;
	text-align:center;
	line-height:17px;
	color: #ffffff;
}

.RadMenu_Grl .group
{
	border: solid 1px #d3d3cf;
	border-left: solid 5px #6aa3c3;
	background: white;
}

.RadMenu_Grl .group .text
{
	font-size:12px;
	text-align:left;
	color: #707070;
	padding-left: 9px;
}      

.RadMenu_Grl .group .link
{
	margin-top:10px;
	background: white;
	width: 159px;
	line-height: 20px;
	text-align: left;
	padding-right: 24px;
}



.RadMenu_Grl .group .link .text 
{
	color: #707070;
}

.RadMenu_Grl .group .link:hover .text, 
.RadMenu_Grl .group .focused .text 
{
	color: black;
}

.RadMenu_Grl .group .link:hover,   
.RadMenu_Grl .group .focused,   
.RadMenu_Grl .group .expanded   
{   
    width: 159px;   
    line-height: 20px;   
    text-align: left;   
    border: 0px;       
    position:static;   
    top: 0px;   
}  

.RadMenu_Grl .leftArrow,
.RadMenu_Grl .rightArrow,
.RadMenu_Grl .topArrow,
.RadMenu_Grl .bottomArrow,
.RadMenu_Grl .leftArrowDisabled,
.RadMenu_Grl .rightArrowDisabled,
.RadMenu_Grl .topArrowDisabled,
.RadMenu_Grl .bottomArrowDisabled
{
	border-left: 1px solid #a9a9a9;
	border-top-color: threedhighlight;
	border-left-color: threedhighlight;
	background: #cbdc68 url("img/left.gif") center center no-repeat;
	width:15px;
}

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

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

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

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

.RadMenu_Grl .vertical .separator .text
{
	padding-top: 3px;
	background: #cbdc68;
	font-size: 1px;
}
.RadMenu_Grl .expandLeft,
.RadMenu_Grl .expandRight
{
	background: transparent url("img/groupImage.gif") right center no-repeat;
}

.RadMenu_Grl_rtl .expandLeft,
.RadMenu_Grl_rtl .expandRight
{
	background: transparent url("img/left.gif") left center no-repeat;
	margin-left: 8px;
}

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

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