/* RadMenu getanightlife skin, based on Default  */
/* Notes
1. By default Telerik outputs a Common Menu Css in addition to this skin Css. When using output caching of the menu the Common Menu Css is only generated when the cache refreshes which causes the menu to render incorrectly 
when used from the cache. To counteract this the EnableEmbeddedBaseStylesheet property on the menu control is set to false, but that means we have to manually send the common css to the client. This is done using the
/RadControls/Skins/Menu-Common-v2009-3-1208-20.css stylesheet. 
 */
/* <RadMenu / getanightlife> */

.RadMenu_getanightlife .rmRootGroup
{
}

/* <Root items> */

.RadMenu_getanightlife
{
	background: #871a54 url(/App_Themes/Pink/images/top_menu_bg.jpg) repeat-x top left;
	
	/* avoid changing height or padding top/bottom if poss or personalisedRegionsContainer 
	in FF disappears if .topContainer div#menuContainer isn't adjusted also. Use rmLink padding instead.
	For future reference, height isn't required is we remove the padding options in .RadMenu_getanightlife .rmLink & hover
	 */
	height: 50px; 
}

.RadMenu_getanightlife .rmLink
{
	font: bold 12px "Segoe UI", "Trebuchet MS", Arial, Verdana, Sans-serif;
	color: #CCCCCC;
	text-decoration: none;
	margin: 2px; /*margin between root items, NB sub items have their own margin in  .rmGroup .rmLink which overrides this */
	padding: 9px 2px 2px 2px;
}

.RadMenu_getanightlife .rmText
{
	padding: 1px 5px 2px 5px;
}

/*
.RadMenu_getanightlife .rmLink,
.RadMenu_getanightlife .rmDisabled,
.RadMenu_getanightlife .rmDisabled:hover
{
	background-position: 0 -72px;
}

.RadMenu_getanightlife .rmText,
.RadMenu_getanightlife .rmDisabled .rmText,
.RadMenu_getanightlife .rmDisabled:hover .rmText
{
	background-position: 100% -96px;
}


.RadMenu_getanightlife .rmFirst .rmLink,
.RadMenu_getanightlife .rmFirst .rmLink:hover,
.RadMenu_getanightlife .rmLast .rmText,
.RadMenu_getanightlife .rmLast .rmLink:hover .rmText,
.RadMenu_getanightlife .rmVertical .rmLink,
.RadMenu_getanightlife .rmVertical .rmText
{
	background-repeat: no-repeat;
	background-position: 0 500px;
}

.RadMenu_getanightlife .rmVertical .rmFirst,
.RadMenu_getanightlife .rmVertical .rmLast
{
	background: none;
}
*/
.RadMenu_getanightlife .rmLink:hover,
.RadMenu_getanightlife .rmFocused,
.RadMenu_getanightlife .rmSelected
{
	cursor: pointer;
	cursor: hand;
	color: #DC78A8;
	padding: 10px 1px 1px 3px;
	/* padding: 9px 2px 2px 2px; By adjusting from this it gives the impression of a button depressing*/

}
/*
.RadMenu_getanightlife .rmVertical .rmLink
{
	padding-top: 1px;
	padding-bottom: 1px;
}

.RadMenu_getanightlife .rmVertical .rmLink:hover,
.RadMenu_getanightlife .rmVertical .rmFocused,
.RadMenu_getanightlife .rmVertical .rmSelected,
.RadMenu_getanightlife .rmVertical .rmExpanded,
.RadMenu_getanightlife .rmVertical .rmExpanded:hover
{
	padding-top: 0;
	padding-bottom: 0;
	border-style: solid;
	border-color: #828282;
	border-width: 1px 0;
}

.RadMenu_getanightlife .rmVertical .rmFirst .rmLink:hover,
.RadMenu_getanightlife .rmVertical .rmFirst .rmFocused,
.RadMenu_getanightlife .rmVertical .rmFirst .rmSelected,
.RadMenu_getanightlife .rmVertical .rmFirst .rmExpanded,
.RadMenu_getanightlife .rmVertical .rmFirst .rmExpanded:hover
{
	padding-top: 1px;
	padding-bottom: 0;
	border-top-width: 0;
}

.RadMenu_getanightlife .rmVertical .rmLast .rmLink:hover,
.RadMenu_getanightlife .rmVertical .rmLast .rmFocused,
.RadMenu_getanightlife .rmVertical .rmLast .rmSelected,
.RadMenu_getanightlife .rmVertical .rmLast .rmExpanded,
.RadMenu_getanightlife .rmVertical .rmLast .rmExpanded:hover
{
	padding-bottom: 1px;
	padding-top: 0;
	border-bottom-width: 0;
}

.RadMenu_getanightlife .rmVertical .rmItem .rmDisabled:hover
{
	padding-top: 1px;
	padding-bottom: 1px;
	border-width: 0;
}

.RadMenu_getanightlife .rmExpanded,
.RadMenu_getanightlife .rmExpanded:hover
{
	background-color: #fff;
	background-position: 0 -72px;
}

.RadMenu_getanightlife .rmExpanded .rmText,
.RadMenu_getanightlife .rmExpanded:hover .rmText
{
	background-position: 100% -96px;
}

.RadMenu_getanightlife .rmLast .rmExpanded .rmText
{
	background-position: 0 500px;
	background-repeat: no-repeat;
}

.RadMenu_getanightlife .rmDisabled,
.RadMenu_getanightlife .rmDisabled:hover
{
	color: #7d7d7d;
	background-color: transparent;
}
*/
/* </Root items> */


/* <Submenu items> */

.RadMenu_getanightlife .rmGroup,
.RadMenu_getanightlife .rmMultiColumn,
.RadMenu_getanightlife .rmGroup .rmVertical
{
	border: solid 1px #DC78A8;
	padding: 1px; 
	background-color: #a72068;
}

/* START ROOT DEPRESS OVERRIDE 
PDS added this whole style to counteract the button press feature of the root group items when hovering */
.RadMenu_getanightlife .rmGroup .rmLink,
.RadMenu_getanightlife .rmGroup .rmTemplate
{
	padding: 3px; 
	margin: 2px;
/*	color: #E4E4E4;*/
	font-weight: normal;
	font-size: 12px;
}

.RadMenu_getanightlife .rmGroup .rmLink:hover,
.RadMenu_getanightlife .rmGroup .rmFocused,
.RadMenu_getanightlife .rmGroup .rmExpanded
{
	padding: 3px; /* padding and border matches non-hover. FF/IE7 don't need these settings but IE6 incorrectly inherits so need to explicitly set here */
	margin: 2px; /* as above */
	color: #DC78A8;
}

/* END ROOT DEPRESS OVERRIDE */

/* START PDS ADD to compensate for missing style in the common css base styles, see note 1. This is the spacing around the sub items that drop down from the main root items */
.RadMenu_getanightlife .rmGroup .rmLink .rmText
{
	font-size: 11px;
	padding: 4px 20px 5px 10px;
}

/* optimized for 16x16 */
.RadMenu .rmLeftImage
{
	margin: 2px 2px 0px 0px;
	padding-bottom: 4px;
}

.RadMenu .rmGroup .rmLeftImage
{
	margin: 4px 2px 0px 0px;
	padding-bottom: 4px;
}
/* END PDS ADD */

/*
.RadMenu_getanightlife .rmSlide .rmScrollWrap
{
	background-image: none;
}

.RadMenu_getanightlife_rtl .rmGroup,
.RadMenu_getanightlife_rtl .rmMultiColumn,
.RadMenu_getanightlife_rtl .rmGroup .rmVertical
{
	background-position: 100% 0;
}

.RadMenu_getanightlife .rmRootGroup li.rmItem .rmGroup
{
	padding-bottom: 0;
}

.RadMenu_getanightlife .rmRootGroup .rmHorizontal
{
	background-image: none;
}

.RadMenu_getanightlife .rmScrollWrap .rmVertical
{
	border: 0;
}

.RadMenu_getanightlife .rmGroup .rmItem .rmLink,
.RadMenu_getanightlife .rmGroup .rmItem .rmLink:hover,
.RadMenu_getanightlife .rmGroup .rmItem .rmFocused,
.RadMenu_getanightlife .rmGroup .rmItem .rmSelected,
.RadMenu_getanightlife .rmGroup .rmItem .rmExpanded
{
	padding-top: 0;
	padding-bottom: 0;
	border: 0;
}

.RadMenu_getanightlife .rmGroup .rmLast .rmLink,
.RadMenu_getanightlife .rmGroup .rmLast .rmLink:hover,
.RadMenu_getanightlife .rmGroup .rmLast .rmFocused,
.RadMenu_getanightlife .rmGroup .rmLast .rmSeleted,
.RadMenu_getanightlife .rmGroup .rmLast .rmExpanded
{
	padding-bottom: 1px;
}

.RadMenu_getanightlife .rmGroup .rmLink,
.RadMenu_getanightlife .rmGroup .rmText,
.RadMenu_getanightlife .rmGroup .rmItem .rmDisabled,
.RadMenu_getanightlife .rmGroup .rmItem .rmDisabled:hover,
.RadMenu_getanightlife .rmGroup .rmItem .rmDisabled .rmText,
.RadMenu_getanightlife .rmGroup .rmItem .rmDisabled:hover .rmText
{
	background-position: 0 500px;
	background-repeat: no-repeat;
	background-color: transparent;
}

.RadMenu_getanightlife .rmGroup .rmLink:hover,
.RadMenu_getanightlife .rmGroup .rmFocused,
.RadMenu_getanightlife .rmGroup .rmSelected,
.RadMenu_getanightlife .rmGroup .rmExpanded
{
	background-position: 0 -168px;
}

.RadMenu_getanightlife .rmGroup .rmLink:hover .rmText,
.RadMenu_getanightlife .rmGroup .rmFocused .rmText,
.RadMenu_getanightlife .rmGroup .rmSelected .rmText,
.RadMenu_getanightlife .rmGroup .rmExpanded .rmText
{
	background-position: 100% -192px;
}
*/
/* <expand arrows> */
/*
.RadMenu_getanightlife .rmGroup .rmExpandRight,
.RadMenu_getanightlife .rmGroup .rmExpandDown,
.RadMenu_getanightlife .rmGroup .rmItem .rmDisabled .rmExpandRight,
.RadMenu_getanightlife .rmGroup .rmItem .rmDisabled .rmExpandDown,
.RadMenu_getanightlife .rmGroup .rmItem .rmDisabled:hover .rmExpandRight,
.RadMenu_getanightlife .rmGroup .rmItem .rmDisabled:hover .rmExpandDown
{
	background-position: 100% -216px;
}

.RadMenu_getanightlife .rmGroup .rmLink:hover .rmExpandRight,
.RadMenu_getanightlife .rmGroup .rmFocused .rmExpandRight,
.RadMenu_getanightlife .rmGroup .rmSelected .rmExpandRight,
.RadMenu_getanightlife .rmGroup .rmExpanded .rmExpandRight,
.RadMenu_getanightlife .rmGroup .rmLink:hover .rmExpandDown,
.RadMenu_getanightlife .rmGroup .rmFocused .rmExpandDown,
.RadMenu_getanightlife .rmGroup .rmSelected .rmExpandDown,
.RadMenu_getanightlife .rmGroup .rmExpanded .rmExpandDown
{
	background-position: 100% -240px;
}

.RadMenu_getanightlife .rmGroup .rmDisabled:hover .rmExpandRight,
.RadMenu_getanightlife .rmGroup .rmDisabled:hover .rmExpandDown
{
	background-image: url('Menu/rmSprite.png');
	background-position: 100% -216px;
}
*/
/* </expand arrows> */

/* <rtl> */
/*
.RadMenu_getanightlife_rtl .rmLink,
.RadMenu_getanightlife_rtl .rmRootGroup .rmDisabled
{
	background-position: 100% -96px;
}

.RadMenu_getanightlife_rtl .rmGroup .rmDisabled
{
	background: none;
}

.RadMenu_getanightlife_rtl .rmText
{
	background-position: 0 -96px;
}

.RadMenu_getanightlife_rtl .rmVertical .rmExpanded .rmText,
.RadMenu_getanightlife_rtl .rmVertical .rmExpanded:hover .rmText
{
	background-position: 0 500px;
	background-repeat: no-repeat;
}

.RadMenu_getanightlife_rtl .rmGroup .rmLink:hover,
.RadMenu_getanightlife_rtl .rmGroup .rmFocused,
.RadMenu_getanightlife_rtl .rmGroup .rmSelected,
.RadMenu_getanightlife_rtl .rmGroup .rmExpanded
{
	background-position: 100% -264px;
}

.RadMenu_getanightlife_rtl .rmGroup .rmLink:hover .rmText,
.RadMenu_getanightlife_rtl .rmGroup .rmFocused .rmText,
.RadMenu_getanightlife_rtl .rmGroup .rmSelected .rmText,
.RadMenu_getanightlife_rtl .rmGroup .rmExpanded .rmText
{
	background-position: 0 -288px;
}

.RadMenu_getanightlife_rtl .rmGroup .rmExpandLeft
{
	background-position: 0 -312px;
}

.RadMenu_getanightlife_rtl .rmGroup .rmLink:hover .rmExpandLeft,
.RadMenu_getanightlife_rtl .rmGroup .rmFocused .rmExpandLeft,
.RadMenu_getanightlife_rtl .rmGroup .rmSelected .rmExpandLeft,
.RadMenu_getanightlife_rtl .rmGroup .rmExpanded .rmExpandLeft
{
	background-position: 0 -336px;
}
*/
/* </rtl> */

/* </Submenu items> */

/* <Submenu offsets (Default - specific, overlapping submenus)> */

.RadMenu_getanightlife .rmSlide
{
	margin: 0 0 0 -1px;
}

.RadMenu_getanightlife .rmVertical .rmSlide,
.RadMenu_getanightlife .rmSlide .rmSlide,
.RadMenu_getanightlife_Context .rmGroup .rmSlide
{
	margin: 0 0 0 -5px;
}
/*
.RadMenu_getanightlife_rtl .rmSlide
{
	margin: 0 0 0 0;
}

.RadMenu_getanightlife_rtl .rmFirst .rmSlide
{
	margin-left: 1px;
}

.RadMenu_getanightlife_rtl .rmVertical .rmSlide,
.RadMenu_getanightlife_rtl .rmSlide .rmSlide,
.RadMenu_getanightlife_Context_rtl .rmGroup .rmSlide
{
	margin: 0 0 0 5px;
}
*/
/* </Submenu offsets> */

/* <Scrolling arrows> */

.RadMenu_getanightlife .rmLeftArrow,
.RadMenu_getanightlife .rmRightArrow
{
	background-color: #E6E6E6;
}

.RadMenu_getanightlife .rmLeftArrow { background-position: -8px -312px; border-right: 1px solid #828282; }
.RadMenu_getanightlife .rmRightArrow { background-position: -482px -216px; border-left: 1px solid #828282; }

.RadMenu_getanightlife .rmTopArrow,
.RadMenu_getanightlife .rmBottomArrow,
.RadMenu_getanightlife .rmGroup .rmLeftArrow,
.RadMenu_getanightlife .rmGroup .rmRightArrow
{
	background-color: #E6E6E6;
}

.RadMenu_getanightlife .rmTopArrow { background-position: 50% -367px; border-bottom: 1px solid #828282; }
.RadMenu_getanightlife .rmBottomArrow { background-position: 50% -391px; border-top: 1px solid #828282; }

/* </Scrolling arrows> */

/* <Separators> */

.RadMenu_getanightlife .rmHorizontal .rmSeparator .rmText,
.RadMenu_getanightlife .rmVertical .rmHorizontal .rmSeparator .rmText
{
	height: 22px;
	margin: 1px 0 0;
	width: 1px;
	background-color: #A8A8A8;
}

.RadMenu_getanightlife_Context .rmSeparator .rmText,
.RadMenu_getanightlife .rmHorizontal .rmGroup .rmSeparator .rmText,
.RadMenu_getanightlife .rmVertical .rmHorizontal .rmGroup .rmSeparator .rmText
{
	background-color: transparent;
	background-position: 0 -406px;
}

/* </Separators> */

/* </RadMenu / Default> */