/* RadMenu Plain skin */

.RadMenu_SitefinityBlue 
{
	background: #C32305;
	z-index: 100 !important;
	font-size: 11px; /* Martin, this specific font size to get main menu top level at 11px while letting the subs shrink */
	font-weight:bold;
	text-decoration:none;
}

.RadMenu_SitefinityBlueBlue_Context
{
	background: none;
	border:0;
}

c,
.RadMenu_SitefinityBlueBlue .rmTemplate .rmText
{
	line-height: 20px;
	text-decoration:none;
	color: #FFFFFF;
	background: #A42415;	
}

.RadMenu_SitefinityBlue .rmLink
{
	color:#FFFFFF;
	background-image:url(../images/css/1/navigation_bg.gif);
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	text-decoration:none;
	display: block;
}

.RadMenu_SitefinityBlue .rmTemplate .rmText:hover,
.RadMenu_SitefinityBlue .rmLink:hover,
.RadMenu_SitefinityBlue .rmFocused,
.RadMenu_SitefinityBlue .rmExpanded
{
	color: #FFFFFF; /* Martin, this is the text link rollover colour */
	text-decoration:underline;
	background-image:none;
	background-color:#A42415;
}

.RadMenu_SitefinityBlue .rmText
{
	/* font-size: 11px;  Martin, these cover all - main and subs, was 14px 150609 - EVERY main menu link has a span with this .rmText class at it's end... so let's see if we can apply size elsewhere */
	font-family: Arial, Verdana;
	text-decoration:none;
	text-align:center;
	width: 118px;
	padding-top: 9px;
	padding-right: 4px;
	padding-bottom: 11px;
	padding-left: 4px;
}

.RadMenu_SitefinityBlue_rtl .rmText
{
	padding-right: 10px;	
	padding-left: 36px;
}

/* ADDING IN FOR rmRootGroup */
.RadMenu_SitefinityBlue .rmRootGroup
{
	padding-left:0px;
}
/* END OF ADDING IN */

.RadMenu_SitefinityBlue .rmGroup
{
	background: #C32305; /* This is background colour for subs not rolled over */
	font-size: 11px; /* Martin, this single line has been added by me 150609, to try and resize sub text without resizing top-most layer */
	font-weight: normal;
}

.RadMenu_SitefinityBlue .rmGroup .rmLink,
.RadMenu_SitefinityBlue .rmGroup .rmTemplate .rmText
{
	background: none;		
	text-align: left;
}

.RadMenu_SitefinityBlue_rtl .rmGroup .rmTemplate .rmText,
.RadMenu_SitefinityBlue_rtl .rmGroup .rmLink
{
	text-align: right;
}

.RadMenu_SitefinityBlue .rmGroup .rmTemplate .rmText:hover,
.RadMenu_SitefinityBlue .rmGroup .rmLink:hover,
.RadMenu_SitefinityBlue .rmGroup .rmFocused,
.RadMenu_SitefinityBlue .rmGroup .rmExpanded
{
	background: #C32305; /* Martin, this set is for submenu dropdown when hovered over (actually same as not rolled over) */
	color: #FFFFFF;	
	font-weight: normal;
}

.RadMenu_SitefinityBlue .rmLeftArrow,
.RadMenu_SitefinityBlue .rmRightArrow,
.RadMenu_SitefinityBlue .rmTopArrow,
.RadMenu_SitefinityBlue .rmBottomArrow,
.RadMenu_SitefinityBlue .rmLeftArrowDisabled,
.RadMenu_SitefinityBlue .rmRightArrowDisabled,
.RadMenu_SitefinityBlue .rmTopArrowDisabled,
.RadMenu_SitefinityBlue .rmBottomArrowDisabled
{
	background: #ededed url('Menu/left.gif') center center no-repeat;
	width:15px;
}

.RadMenu_SitefinityBlue .rmTopArrow,
.RadMenu_SitefinityBlue .rmTopArrowDisabled
{
	background-image:url('Menu/top.gif');
	width:100%;
}

.RadMenu_SitefinityBlue .rmBottomArrow,
.RadMenu_SitefinityBlue .rmBottomArrowDisabled
{
	background-image:url('Menu/bottom.gif');
	width:100%;
}

.RadMenu_SitefinityBlue .rmRightArrow,
.RadMenu_SitefinityBlue .rmLeftArrow
{
	height:100%;
}

.RadMenu_SitefinityBlue .rmRightArrow,
.RadMenu_SitefinityBlue .rmRightArrowDisabled
{
	background-image: url('Menu/right.gif');
}

.RadMenu_SitefinityBlue .rmVertical .rmSeparator
{
	padding: 0;
	background: #ccc;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
}

.RadMenu_SitefinityBlue .rmExpandLeft,
.RadMenu_SitefinityBlue .rmExpandRight
{
	background: transparent url('Menu/groupImage.gif') right center no-repeat;
	margin-right: 4px;
}

.RadMenu_SitefinityBlue_rtl .rmExpandLeft,
.RadMenu_SitefinityBlue_rtl .rmExpandRight
{
	background: url('Menu/groupImageRTL.gif') left center no-repeat;
}

.RadMenu_SitefinityBlue .rmLink:hover .rmExpandLeft,
.RadMenu_SitefinityBlue .rmLink:hover .rmExpandRight,
.RadMenu_SitefinityBlue .rmFocused .rmExpandLeft,
.RadMenu_SitefinityBlue .rmFocused .rmExpandRight,
.RadMenu_SitefinityBlue .rmExpanded .rmExpandLeft,
.RadMenu_SitefinityBlue .rmExpanded .rmExpandRight
{
	background:transparent url('Menu/invertedGroupImage.gif') right center no-repeat;
}

.RadMenu_SitefinityBlue_rtl .rmLink:hover .rmExpandLeft,
.RadMenu_SitefinityBlue_rtl .rmLink:hover .rmExpandRight,
.RadMenu_SitefinityBlue_rtl .rmFocused .rmExpandLeft,
.RadMenu_SitefinityBlue_rtl .rmFocused .rmExpandRight,
.RadMenu_SitefinityBlue_rtl .rmExpanded .rmExpandLeft,
.RadMenu_SitefinityBlue_rtl .rmExpanded .rmExpandRight
{
	background:transparent url('Menu/groupImageRTL.gif') left center no-repeat;
}

.RadMenu_SitefinityBlue a.rmDisabled,  
.RadMenu_SitefinityBlue .rmDisabled:hover  
{  
    background: none;  
    color: #ccc;  
}

/* The extra styling below was added 9th Dec 2009 - after the upgrade from Sitefinity 3.6 to 3.7 This upgrade seems to have changed the RadControl internal CSS styling within the WebResource file... which is overwriting my CSS styles above - hence having to use this !important code to tell the browser to use mine instead */
.RadMenu .rmHorizontal .rmText
{
	padding: 9px 4px 11px 4px !important;
}
.RadMenu .rmLink
{
	padding: 0px 0px 0px 0px !important;
}
.RadMenu .rmRootGroup .rmItem .rmGroup
{
	padding-bottom: 0px !important;
}
.RadPanelBar .rpRootGroup
{
	border-width: 0px !important;
}
.RadPanelBar .rpLink
{
	border-bottom-width: 0px !important;
}
.RadPanelBar .rpOut
{
	border-bottom-width: 0px !important;
}
.RadMenu .rmGroup .rmText
{
	margin: 0px 0px 0px 0px !important;
}