/* RadMenu Plain skin */

.RadMenu_SitefinityBlue 
{
	background: #333333;
	z-index: 100 !important;
	font-size: 14px; /* Martin, this specific font size added in 150609, to try and get main menu top level at standard 14px while letting the subs shrink */
}

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

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

.RadMenu_SitefinityBlue .rmLink
{
	color:#FFFFFF;
	background-image:url(/img/acb_images/topmenu_back.jpg);
	border-right: 1px solid #FFF; /* MARTIN, AMENDED 06/08/13 */
}

.RadMenu_SitefinityBlue .rmTemplate .rmText:hover,
.RadMenu_SitefinityBlue .rmLink:hover,
.RadMenu_SitefinityBlue .rmFocused,
.RadMenu_SitefinityBlue .rmExpanded
{
	color: #2A8CBF;
	text-decoration:none;
	background-image:url(/img/acb_images/topmenu_back_focus.jpg);
}

.RadMenu_SitefinityBlue .rmText
{
	padding: 8px 15px 9px 15px;
	/* 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;
	letter-spacing: 1px;

}

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


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

.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: #3D5F7A; /* Martin, this set is for submenu dropdown when hovered over. Was originally - 01447B */
	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 after 20th Oct 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_SitefinityBlue .rmHorizontal .rmText
{
	padding: 8px 12px 9px 0 !important;
}
.RadMenu_SitefinityBlue .rmGroup .rmLink,
.RadMenu_SitefinityBlue .rmSlide .rmGroup .rmTemplate
{
	padding-left: 10px !important;
}

/* Extra CSS for the main menu, now that we're having to use the version6 widget (rather than the version3.7 relic) so that we can have it be responsive */
.topnav
{
	  font-size: 14px;
}
.topnav .k-menu .k-item
{
	color:#FFFFFF;
	background-image:url(/img/acb_images/topmenu_back.jpg);
	border-right: 1px solid #FFF;
}
.topnav .k-item a
{
	color:#FFFFFF;
}
.topnav .k-item a:hover
{
	color:#239FDF;
	text-decoration: none;
	background-image:url(/img/acb_images/topmenu_back_focus.jpg);
}
.topnav .k-link {
  padding: 8px 12px 7px 12px !important;
}
.sfNavWrp.topnav .sfSel {
  color:#239FDF;
  font-weight: normal;
  background-image:url(/img/acb_images/topmenu_back_focus.jpg);
}
.topnav .k-menu .k-icon {
	display: none;
	visibility: hidden;
}
.topnav .k-popup
{
	background: #B2B2B2;
	font-size: 11px;
	font-family: Arial, Verdana;
	letter-spacing: 1px;
}
.topnav .k-popup .k-item
{
	color:#FFFFFF;
	background-image: none;
	background: #B2B2B2;
	font-size: 11px;
	font-family: Arial, Verdana;
	letter-spacing: 1px;
}
.topnav .k-popup .k-item a:hover
{
	color:#2A8CBF;
	text-decoration: none;
	background-image: none;
	background-color: #4D4D4D;
}