/* <RadMenu / MyCustomSkin> */

.RadMenu_MyCustomSkin .rmRootGroup,
.RadMenu_MyCustomSkin .rmLink,
.RadMenu_MyCustomSkin .rmText,
.RadMenu_MyCustomSkin .rmLeftArrow,
.RadMenu_MyCustomSkin .rmRightArrow,
.RadMenu_MyCustomSkin .rmTopArrow,
.RadMenu_MyCustomSkin .rmBottomArrow
{
    background-image: url('<%=WebResource("Telerik.Web.UI.Skins.MyCustomSkin.Menu.rmSprite.png")%>');
    background-color: transparent;
}

.RadMenu_MyCustomSkin .rmRootGroup
{
    border: 1px solid #828282;
    background-repeat: repeat-x;
    background-position: 0 -408px;
    background-color: #e6e6e6;
}

/* <Root items> */

.RadMenu_MyCustomSkin,
.RadMenu_MyCustomSkin .rmLink
{
    font: normal 12px/23px "Segoe UI", Arial, sans-serif;
    color: #000;
    text-decoration: none;
}

.RadMenu_MyCustomSkin .rmLink,
.RadMenu_MyCustomSkin .rmDisabled,
.RadMenu_MyCustomSkin .rmDisabled:hover
{
    background-position: 0 -72px;
}

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

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

.RadMenu_MyCustomSkin .rmVertical .rmFirst,
.RadMenu_MyCustomSkin .rmVertical .rmLast
{
    background: none;
}

.RadMenu_MyCustomSkin .rmLink:hover,
.RadMenu_MyCustomSkin .rmFocused
{
    background-color: #fff;
}

.RadMenu_MyCustomSkin .rmVertical .rmLink
{
    padding-top: 1px;
    padding-bottom: 1px;
}

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

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

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

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

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

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

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

.RadMenu_MyCustomSkin .rmDisabled,
.RadMenu_MyCustomSkin .rmDisabled:hover
{
    color: #7d7d7d;
    background-color: transparent;
}

/* </Root items> */


/* <Submenu items> */

.RadMenu_MyCustomSkin .rmGroup,
.RadMenu_MyCustomSkin .rmGroup .rmVertical
{
    border: 1px solid #979797;
    background: #fff url('<%=WebResource("Telerik.Web.UI.Skins.MyCustomSkin.Menu.rmVSprite.png")%>') repeat-y 0 0;
}

.RadMenu_MyCustomSkin .rmSlide .rmScrollWrap
{
    background-image: none;
}

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

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

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

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

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

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

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

.RadMenu_MyCustomSkin .rmGroup .rmLink:hover .rmText,
.RadMenu_MyCustomSkin .rmGroup .rmFocused .rmText,
.RadMenu_MyCustomSkin .rmGroup .rmExpanded .rmText
{
    background-position: 100% -192px;
}

/* <expand arrows> */

.RadMenu_MyCustomSkin .rmGroup .rmExpandRight,
.RadMenu_MyCustomSkin .rmGroup .rmExpandDown,
.RadMenu_MyCustomSkin .rmGroup .rmItem .rmDisabled .rmExpandRight,
.RadMenu_MyCustomSkin .rmGroup .rmItem .rmDisabled .rmExpandDown,
.RadMenu_MyCustomSkin .rmGroup .rmItem .rmDisabled:hover .rmExpandRight,
.RadMenu_MyCustomSkin .rmGroup .rmItem .rmDisabled:hover .rmExpandDown
{
    background-position: 100% -216px;
}

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

.RadMenu_MyCustomSkin .rmGroup .rmDisabled:hover .rmExpandRight,
.RadMenu_MyCustomSkin .rmGroup .rmDisabled:hover .rmExpandDown
{
    background-image: url('<%=WebResource("Telerik.Web.UI.Skins.MyCustomSkin.Menu.rmSprite.png")%>');
    background-position: 100% -216px;
}

/* </expand arrows> */

/* <rtl> */

.RadMenu_MyCustomSkin_rtl .rmLink
{
    background-position: 100% -96px;
}

.RadMenu_MyCustomSkin_rtl .rmText
{
    background-position: 0 -72px;
}

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

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

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

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

.RadMenu_MyCustomSkin_rtl .rmGroup .rmLink:hover .rmExpandLeft,
.RadMenu_MyCustomSkin_rtl .rmGroup .rmFocused .rmExpandLeft,
.RadMenu_MyCustomSkin_rtl .rmGroup .rmExpanded .rmExpandLeft
{
    background-position: 0 -336px;
}

/* </rtl> */

/* </Submenu items> */

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

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

.RadMenu_MyCustomSkin .rmVertical .rmSlide,
.RadMenu_MyCustomSkin .rmSlide .rmSlide,
.RadMenu_MyCustomSkin_Context .rmGroup .rmSlide
{
    margin: 0 0 0 -5px;
}

.RadMenu_MyCustomSkin_rtl .rmSlide
{
    margin: 0 0 0 0;
}

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

.RadMenu_MyCustomSkin_rtl .rmVertical .rmSlide,
.RadMenu_MyCustomSkin_rtl .rmSlide .rmSlide,
.RadMenu_MyCustomSkin_Context_rtl .rmGroup .rmSlide
{
    margin: 0 0 0 5px;
}

/* </Submenu offsets> */

/* <Scrolling arrows> */

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

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

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

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

/* </Scrolling arrows> */

/* <Separators> */

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

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

/* </Separators> */

/* </RadMenu / MyCustomSkin> */