﻿@import url(http://www.dotslash.co.za/DSDesignStandards/RadMenu.css);


/* RadMenu Dnn skin */
.SelectedPage
{
background-color:#FFFFFF;

}

.RadMenu_Dnn .rootGroup .focused
{
border:0px;
background-color:#00af59;

}

.RadMenu_Dnn .rootGroup .focused .Text
{
color:#ffffff;
}


.RadMenu_Dnn 
{
	background: #009049;
	top:0px;
	_top:0px;
	text-align:center;
}

.RadMenu_Dnn .link
{
	text-decoration:none;
	color: #333;
	font-size: 12px;
	width: 60px;
	line-height: 35px;
	text-align: left;
	height:35px;
	padding-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding-right:10px;	background-image:url(menudark.gif);

}

.RadMenu_Dnn .focused
{
background-color:#FFFFFF;
		padding-right:10px;	background-image:url(menulight.gif);
}


.RadMenu_DNN .Active
{
background-color:white;
}

.RadMenu_Dnn .link:hover
{
	cursor:default;
	cursor:hand;
	background-color:#00af59;
	border-bottom:0px;
		padding-right:10px;	background-image:url(menulight.gif);
}  .RadMenu_Dnn .focused:Hover
{
background-color:#00af59;
}

.RadMenu_Dnn .expanded   
{   
    text-decoration:none;   
    font-size: 12px;   
    width: 60px;   
    line-height: 35px;   
    text-align: left;   
    cursor: pointer;   
    _cursor: hand;   
    position:relative;  
	height:35px; 
	padding-left:10px;
	padding-right:10px;
	color:#ffffff;
	
}  


.RadMenu_Dnn .rootGroup .disabled:hover
{
	background: #fefefe url('img/MainItemBackground.gif') no-repeat;
}

.RadMenu_Dnn .text
{
	color:#fff;
}

.RadMenu_Dnn .group
{
	border: solid 1px #009049;
	border-top:0px;

}

.RadMenu_Dnn .group .text
{
	color: #ffffff;
	padding-left: 9px;
}      

.RadMenu_Dnn .group .link
{
	width: 159px;
	line-height: 20px;
	text-align: left;
	padding-right: 24px;
	height:20px;
	padding-top:3px;
	padding-bottom:3px;
	vertical-align:middle;
	background-color:#009049;
	cursor:default;
	cursor:hand;
	border:0px;
		background-image:none;

}



.RadMenu_Dnn .group .link .text 
{
	color:#ffffff;
}

.RadMenu_Dnn .group .link:hover .text, 
.RadMenu_Dnn .group .focused .text 
{
	color:#ffffff;
}

.RadMenu_Dnn .group .focused
{
background-color:#007d3f;
}
.RadMenu_Dnn .group .link:hover,    
.RadMenu_Dnn .group .expanded   
{   
    width: 159px;   
    line-height: 20px;   
    text-align: left;   
    border: 0px;       
    position:static;   
    top: 0px;   
	background-color:#00af59;
	height:20px;
}  

.RadMenu_Dnn .leftArrow,
.RadMenu_Dnn .rightArrow,
.RadMenu_Dnn .topArrow,
.RadMenu_Dnn .bottomArrow,
.RadMenu_Dnn .leftArrowDisabled,
.RadMenu_Dnn .rightArrowDisabled,
.RadMenu_Dnn .topArrowDisabled,
.RadMenu_Dnn .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_Dnn .topArrow,
.RadMenu_Dnn .topArrowDisabled
{
	background-image: url('img/top.gif');
	width: 100%;
}

.RadMenu_Dnn .bottomArrow,
.RadMenu_Dnn .bottomArrowDisabled
{
	background-image: url('img/bottom.gif');
	width: 100%;
}

.RadMenu_Dnn .rightArrow,
.RadMenu_Dnn .leftArrow
{
	height:100%;
}

.RadMenu_Dnn .rightArrow,
.RadMenu_Dnn .rightArrowDisabled
{
	background-image: url('img/right.gif');
}

.RadMenu_Dnn .vertical .separator .text
{
	padding-top: 3px;
	background: #cbdc68;
	font-size: 1px;
}

.RadMenu_Dnn .expandLeft,
.RadMenu_Dnn .expandRight
{
	/*background: transparent url(img/groupImage.gif) right center no-repeat;*/
}

.RadMenu_Dnn_rtl .expandLeft,
.RadMenu_Dnn_rtl .expandRight
{
	/*background: transparent url(img/left.gif) left center no-repeat;*/
	margin-left: 2px;
}

/* right to left */
.RadMenu_Dnn_rtl .group .link:hover .expandLeft,
.RadMenu_Dnn_rtl .group .link:hover .expandRight
{
	/*background:transparent url(img/invertedGroupImageRTL.gif) left center no-repeat;*/
	margin: 0px;
	margin-left: 2px;
}

.RadMenu_Dnn .link:hover .expandLeft,
.RadMenu_Dnn .link:hover .expandRight,
.RadMenu_Dnn .focused .expandLeft,
.RadMenu_Dnn .focused .expandRight,
.RadMenu_Dnn .expanded .expandLeft,
.RadMenu_Dnn .expanded .expandRight
{
	/*background:transparent url(img/invertedGroupImage.gif) right center no-repeat;*/
}



