﻿.RadMenu_Access .rmRootGroup, .RadMenu_Access a.rmLink, .RadMenu_Access .rmGroup .rmText, .RadMenu_Access .rmVertical .rmText, .RadMenu_Access .rmLeftArrow, .RadMenu_Access .rmRightArrow, .RadMenu_Access .rmTopArrow, .RadMenu_Access .rmBottomArrow, .RadMenu_Access .rmIcon {
    background-image: url('<%=WebResource("Telerik.Web.UI.Skins.Default.Menu.rmSprite.png")%>');
    background-color: transparent;
}

.RadMenu_Access .rmRootGroup {
    border: none !important;
}

.RadMenu_Access .rmGroup {
    padding: 0 !important;
}

    .RadMenu_Access .rmGroup:before {
        border-width: 0 !important;
    }

.RadMenu_Access .rmItem:hover {
    background-color: #c2c2c2 !important;
}

.RadMenu_Access, .RadMenu_Access a.rmLink {
    font: normal 12px/23px "Segoe UI",Arial,sans-serif;
    color: #000;
    text-decoration: none;
    line-height: initial !important;
}

    .RadMenu_Access a.rmLink, .RadMenu_Access a.rmDisabled, .RadMenu_Access a.rmDisabled:hover {
        background-position: 0 -72px
    }

    .RadMenu_Access .rmFirst a.rmLink, .RadMenu_Access .rmFirst a.rmLink:hover, .RadMenu_Access .rmLast .rmText, .RadMenu_Access .rmLast a.rmLink:hover .rmText, .RadMenu_Access .rmVertical a.rmLink, .RadMenu_Access .rmVertical .rmText {
        background-repeat: no-repeat;
        background-position: 0 500px
    }

    .RadMenu_Access .rmVertical .rmFirst, .RadMenu_Access .rmVertical .rmLast {
        background: 0
    }

    .RadMenu_Access a.rmLink:hover, .RadMenu_Access a.rmFocused, .RadMenu_Access a.rmSelected {
        background-color: #c2c2c2;
    }

    .RadMenu_Access .rmHorizontal .rmRootLink span.rmText {
        display: inline
    }

    .RadMenu_Access .rmHorizontal > .rmItem {
        border: none !important;
    }

.RadMenu_Access_rtl .rmRootLink span.rmText {
    padding-right: 12px
}

.RadMenu_Access_Context_rtl .rmRootLink span.rmText {
    padding-right: 28px
}

.RadMenu_Access_rtl a.rmRootLink {
    margin-left: 0;
    padding: 0
}

.RadMenu_Access_rtl .rmVertical a.rmRootLink {
    padding-right: 12px
}

.RadMenu_Access .rmVertical a.rmLink {
    border-width: 1px 0;
    border-style: solid;
    border-color: transparent
}

    .RadMenu_Access .rmVertical a.rmLink:hover, .RadMenu_Access .rmVertical a.rmFocused, .RadMenu_Access .rmVertical a.rmSelected, .RadMenu_Access .rmVertical a.rmExpanded, .RadMenu_Access .rmVertical a.rmExpanded:hover {
        border-color: #828282
    }

.RadMenu_Access .rmVertical .rmFirst a.rmLink:hover, .RadMenu_Access .rmVertical .rmFirst a.rmFocused, .RadMenu_Access .rmVertical .rmFirst a.rmSelected, .RadMenu_Access .rmVertical .rmFirst a.rmExpanded, .RadMenu_Access .rmVertical .rmFirst a.rmExpanded:hover {
    border-top-color: transparent
}

.RadMenu_Access .rmVertical .rmLast a.rmLink:hover, .RadMenu_Access .rmVertical .rmLast a.rmFocused, .RadMenu_Access .rmVertical .rmLast a.rmSelected, .RadMenu_Access .rmVertical .rmLast a.rmExpanded, .RadMenu_Access .rmVertical .rmLast a.rmExpanded:hover {
    border-bottom-color: transparent
}

.RadMenu_Access .rmVertical .rmItem a.rmDisabled:hover {
    border-color: transparent
}

.RadMenu_Access a.rmExpanded, .RadMenu_Access a.rmExpanded:hover {
    background-color: #fff
}

.RadMenu_Access a.rmDisabled, .RadMenu_Access a.rmDisabled:hover {
    color: #7d7d7d;
    background-color: transparent
}

.RadMenu_Access .rmGroup, .RadMenu_Access .rmMultiColumn, .RadMenu_Access .rmGroup .rmVertical {
    border: 1px solid #979797;
    background: #fff url('<%=WebResource("Telerik.Web.UI.Skins.Default.Menu.rmVSprite.png")%>') repeat-y 0 0
}

.RadMenu_Access .rmPopup {
    background: url('<%=WebResource("Telerik.Web.UI.Skins.Default.Menu.rmVSprite.png")%>') repeat-y 0 0
}

.RadMenu_Access .rmContentTemplate {
    background: #fff
}

.RadMenu_Access .rmTopFix, .RadMenu_Access .rmBottomFix, .RadMenu_Access .rmRoundedCorners .rmGroup .rmItem, .RadMenu_Access .rmRoundedCorners li.rmFirstGroupColumn .rmItem, .RadMenu_Access .rmRoundedCorners .rmFirstGroupColumn li.rmFirstGroupColumn .rmItem, .RadMenu_Access_Context.rmRoundedCorners .rmGroup .rmItem {
    background-color: #fff;
    background-image: url('<%=WebResource("Telerik.Web.UI.Skins.Default.Menu.rmVSprite.png")%>');
    background-repeat: repeat-y;
    background-position: -2px 0
}

.RadMenu_Access .rmTopFix, .RadMenu_Access .rmBottomFix {
    background-position: -5px 0
}

.RadMenu_Access .rmPopup .rmTopFix, .RadMenu_Access .rmPopup .rmBottomFix {
    background-image: none
}

.RadMenu_Access .rmRoundedCorners .rmScrollWrapContainer .rmGroup, .RadMenu_Access .rmRoundedCorners .rmGroupColumn .rmItem, .RadMenu_Access .rmRoundedCorners .rmGroupColumn .rmGroupColumn .rmItem, .RadMenu_Access .rmRoundedCorners .rmHorizontal .rmItem, .RadMenu_Access .rmRoundedCorners .rmScrollWrap .rmVertical, .RadMenu_Access_Context .rmHorizontal.rmGroup, .RadMenu_Access_Context .rmHorizontal .rmGroup, .RadMenu_Access_Context.rmRoundedCorners .rmScrollWrapContainer .rmGroup, .RadMenu_Access_Context.rmRoundedCorners .rmHorizontal .rmItem, .RadMenu_Access_Context.rmRoundedCorners .rmScrollWrap .rmVertical {
    background-image: none
}

.RadMenu_Access .rmRoundedCorners .rmGroupColumn {
    background-color: #fff
}

.RadMenu_Access .rmBottomLeft, .RadMenu_Access .rmRoundedCorners .rmScrollWrapContainer, .RadMenu_Access_Context.rmRoundedCorners .rmScrollWrapContainer, .RadMenu_Access_Context.rmRoundedCorners ul.rmGroup, .RadMenu_Access .rmRoundedCorners ul.rmGroup, .RadMenu_Access .rmRoundedCorners .rmMultiColumn {
    background-image: url('<%=WebResource("Telerik.Web.UI.Skins.Default.Menu.rmRoundedLeft.png")%>');
    background-color: transparent;
    background-repeat: no-repeat
}

.RadMenu_Access .rmPopup .rmBottomLeft {
    background-image: url('<%=WebResource("Telerik.Web.UI.Skins.Default.Menu.rmRoundedLeft_rtl.png")%>')
}

.RadMenu_Access .rmTopRight, .RadMenu_Access .rmBottomRight {
    background-image: url('<%=WebResource("Telerik.Web.UI.Skins.Default.Menu.rmRoundedRight.png")%>');
    background-color: transparent;
    background-repeat: no-repeat
}

.RadMenu_Access .rmTopFix, .RadMenu_Access .rmBottomFix, .RadMenu_Access .rmRoundedCorners .rmGroup .rmFirst, .RadMenu_Access_Context.rmRoundedCorners .rmGroup .rmFirst, .rmRoundedCorners_Access .rmGroup .rmFirst {
    border-color: #979797
}

.RadMenu_Access .rmRoundedCorners .rmScrollWrapContainer .rmTopFix, .RadMenu_Access .rmRoundedCorners .rmScrollWrapContainer .rmBottomFix, .RadMenu_Access_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopFix, .RadMenu_Access_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomFix {
    background: #FFF
}

.RadMenu_Access .rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow, .RadMenu_Access .rmRoundedCorners .rmScrollWrapContainer .rmRightArrow, .RadMenu_Access_Context.rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow, .RadMenu_Access_Context.rmRoundedCorners .rmScrollWrapContainer .rmRightArrow {
    background-color: #FFF;
    border: 0
}

.RadMenu_Access .rmRoundedCorners .rmScrollWrapContainer .rmTopArrow, .RadMenu_Access .rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow, .RadMenu_Access_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopArrow, .RadMenu_Access_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow {
    background-color: #FFF
}

.RadMenu_Access_rtl .rmBottomLeft, .RadMenu_Access_rtl .rmRoundedCorners ul.rmGroup, .RadMenu_Access_rtl .rmRoundedCorners .rmMultiColumn, .RadMenu_Access .rmRoundedCorners .rmScrollWrapContainer, .RadMenu_Access .rmScrollWrapContainer .rmBottomLeft, .rmRoundedCorners.RadMenu_Access_Context_rtl ul.rmGroup, .RadMenu_Access_Context.rmRoundedCorners .rmScrollWrapContainer, .RadMenu_Access .rmRoundedCorners .rmPopup {
    background-image: url('<%=WebResource("Telerik.Web.UI.Skins.Default.Menu.rmRoundedLeft_rtl.png")%>');
    background-repeat: no-repeat
}

.RadMenu_Access_rtl .rmTopRight, .RadMenu_Access_rtl .rmBottomRight {
    background-image: url('<%=WebResource("Telerik.Web.UI.Skins.Default.Menu.rmRoundedRight_rtl.png")%>')
}

.RadMenu_Access_rtl .rmContentTemplate .rmTopRight, .RadMenu_Access_rtl .rmContentTemplate .rmBottomRight {
    background-image: url('<%=WebResource("Telerik.Web.UI.Skins.Default.Menu.rmRoundedRight.png")%>')
}

.RadMenu_Access_rtl li.rmTopFix, .RadMenu_Access_rtl li.rmBottomFix, .RadMenu_Access_rtl .rmRoundedCorners .rmGroup .rmItem, .rmRoundedCorners.RadMenu_Access_Context_rtl .rmGroup .rmItem {
    background-position: 101% 0
}

.RadMenu_Access .rmSlide .rmScrollWrap {
    background-image: none
}

.RadMenu_Access_rtl .rmGroup, .RadMenu_Access_rtl .rmMultiColumn, .RadMenu_Access_rtl .rmGroup .rmVertical {
    background-position: 100% 0
}

.RadMenu_Access .rmRootGroup li.rmItem .rmGroup {
    padding-bottom: 0
}

.RadMenu_Access .rmRootGroup .rmHorizontal {
    background-image: none
}

.RadMenu_Access .rmScrollWrap .rmVertical {
    border: 0
}

.RadMenu_Access .rmGroup .rmItem a.rmLink, .RadMenu_Access .rmGroup .rmItem a.rmLink:hover, .RadMenu_Access .rmGroup .rmItem a.rmFocused, .RadMenu_Access .rmGroup .rmItem a.rmSelected, .RadMenu_Access .rmGroup .rmItem a.rmExpanded {
    padding-top: 0;
    padding-bottom: 0;
    border: 0
}

.RadMenu_Access .rmGroup .rmLast a.rmLink, .RadMenu_Access .rmGroup .rmLast a.rmLink:hover, .RadMenu_Access .rmGroup .rmLast a.rmFocused, .RadMenu_Access .rmGroup .rmLast a.rmSelected, .RadMenu_Access .rmGroup .rmLast a.rmExpanded {
    padding-bottom: 1px
}

.RadMenu_Access .rmGroup a.rmLink, .RadMenu_Access .rmGroup .rmText, .RadMenu_Access .rmGroup .rmItem a.rmDisabled, .RadMenu_Access .rmGroup .rmItem a.rmDisabled:hover, .RadMenu_Access .rmGroup .rmItem a.rmDisabled .rmText, .RadMenu_Access .rmGroup .rmItem a.rmDisabled:hover .rmText {
    background-position: 0 500px;
    background-repeat: no-repeat;
    background-color: transparent
}

    .RadMenu_Access .rmGroup a.rmLink:hover, .RadMenu_Access .rmGroup a.rmFocused, .RadMenu_Access .rmGroup a.rmSelected, .RadMenu_Access .rmGroup a.rmExpanded {
        background-position: 0 -168px
    }

        .RadMenu_Access .rmGroup a.rmLink:hover .rmText, .RadMenu_Access .rmGroup a.rmFocused .rmText, .RadMenu_Access .rmGroup a.rmSelected .rmText, .RadMenu_Access .rmGroup a.rmExpanded .rmText {
            background-position: 100% -192px
        }

    .RadMenu_Access .rmRootGroup .rmExpandRight, .RadMenu_Access .rmGroup .rmExpandDown, .RadMenu_Access_Context .rmGroup .rmExpandRight, .RadMenu_Access .rmRootGroup .rmItem a.rmDisabled .rmExpandRight, .RadMenu_Access .rmGroup .rmItem a.rmDisabled .rmExpandDown, .RadMenu_Access .rmRootGroup .rmItem a.rmDisabled:hover .rmExpandRight, .RadMenu_Access .rmGroup .rmItem a.rmDisabled:hover .rmExpandDown {
        background-position: 100% -216px
    }

.RadMenu_Access a.rmLink:hover .rmExpandRight, .RadMenu_Access .rmLast a.rmLink:hover .rmExpandRight, .RadMenu_Access a.rmFocused .rmExpandRight, .RadMenu_Access a.rmSelected .rmExpandRight, .RadMenu_Access a.rmExpanded .rmExpandRight {
    background-position: 100% -312px
}

.RadMenu_Access .rmGroup a.rmLink:hover .rmExpandRight, .RadMenu_Access .rmGroup a.rmFocused .rmExpandRight, .RadMenu_Access .rmGroup a.rmSelected .rmExpandRight, .RadMenu_Access .rmGroup a.rmExpanded .rmExpandRight, .RadMenu_Access .rmGroup a.rmLink:hover .rmExpandDown, .RadMenu_Access .rmGroup a.rmFocused .rmExpandDown, .RadMenu_Access .rmGroup a.rmSelected .rmExpandDown, .RadMenu_Access .rmGroup a.rmExpanded .rmExpandDown {
    background-position: 100% -240px
}

.RadMenu_Access .rmRootGroup a.rmDisabled:hover .rmExpandRight, .RadMenu_Access .rmGroup a.rmDisabled:hover .rmExpandDown {
    background-image: url('<%=WebResource("Telerik.Web.UI.Skins.Default.Menu.rmSprite.png")%>');
    background-position: 100% -216px
}

.RadMenu_Access .rmSlide { /* TODO */
    margin-top: -1px;
}

.RadMenu_Access .rmLeftArrow, .RadMenu_Access .rmRightArrow {
    background-color: #E6E6E6
}

.RadMenu_Access .rmLeftArrow {
    background-position: -8px -312px;
    border-right: 1px solid #828282
}

.RadMenu_Access .rmRightArrow {
    background-position: -482px -216px;
    border-left: 1px solid #828282
}

.RadMenu_Access .rmTopArrow, .RadMenu_Access .rmBottomArrow, .RadMenu_Access .rmGroup .rmLeftArrow, .RadMenu_Access .rmGroup .rmRightArrow {
    background-color: #E6E6E6
}

.RadMenu_Access .rmTopArrow {
    background-position: 50% -367px;
    border-bottom: 1px solid #828282
}

.RadMenu_Access .rmBottomArrow {
    background-position: 50% -391px;
    border-top: 1px solid #828282
}

.rmRoundedCorners_Access .rmTopArrow, .rmRoundedCorners_Access .rmBottomArrow, .RadMenu_Access .rmRoundedCorners .rmTopArrow, .RadMenu_Access .rmRoundedCorners .rmBottomArrow {
    border-color: #e8e8e8
}

.RadMenu_Access .rmRootGroup > .rmSeparator {
    margin-right: -4px
}

.RadMenu_Access .rmSeparator .rmText {
    border-color: #a8a8a8 #fff #fff #a8a8a8
}

.RadMenu_Access .rmGroup .rmSeparator .rmText {
    border-color: #c5c5c5 #fff #fff #c5c5c5
}

.RadMenu_Access_Context .rmSeparator .rmText {
    background-color: transparent;
    background-position: 0 -406px
}

.RadMenu_Access .rmHorizontal .rmRootLink .rmIcon {
    background-image: url('<%=WebResource("Telerik.Web.UI.Skins.Default.Menu.rmSprite.png")%>');
    background-position: 50% -388px
}

@media screen\9 {
    .RadMenu_Access .rmHorizontal .rmRootLink .rmIcon {
        background-position: -243px -388px
    }
}

.RadMenu_Access_rtl .rmRootGroup > .rmSeparator {
    margin-left: -3px;
    margin-right: 0
}

.RadMenu_Access_rtl a.rmLink, .RadMenu_Access_rtl .rmRootGroup a.rmDisabled {
    background-position: 99% -96px
}

.RadMenu_Access_rtl .rmGroup a.rmDisabled {
    background: 0
}

.RadMenu_Access_rtl .rmText {
    background-position: 0 -96px
}

.RadMenu_Access_rtl .rmVertical a.rmExpanded .rmText, .RadMenu_Access_rtl .rmVertical a.rmExpanded:hover .rmText {
    background-position: 0 500px;
    background-repeat: no-repeat
}

.RadMenu_Access_rtl .rmGroup a.rmLink:hover, .RadMenu_Access_rtl .rmGroup a.rmFocused, .RadMenu_Access_rtl .rmGroup a.rmSelected, .RadMenu_Access_rtl .rmGroup a.rmExpanded {
    background-position: 100% -264px
}

    .RadMenu_Access_rtl .rmGroup a.rmLink:hover .rmText, .RadMenu_Access_rtl .rmGroup a.rmFocused .rmText, .RadMenu_Access_rtl .rmGroup a.rmSelected .rmText, .RadMenu_Access_rtl .rmGroup a.rmExpanded .rmText {
        background-position: 0 -288px
    }

.RadMenu_Access_Context_rtl .rmVertical .rmExpandLeft, .RadMenu_Access_rtl .rmRootGroup .rmExpandLeft {
    background-position: 0 -312px
}

.RadMenu_Access_rtl .rmVertical a.rmLink:hover .rmExpandLeft, .RadMenu_Access_rtl .rmVertical a.rmFocused .rmExpandLeft, .RadMenu_Access_rtl .rmVertical a.rmSelected .rmExpandLeft, .RadMenu_Access_rtl .rmVertical a.rmExpanded .rmExpandLeft {
    background-position: 0 -216px
}

.RadMenu_Access_rtl .rmGroup a.rmLink:hover .rmExpandLeft, .RadMenu_Access_rtl .rmGroup a.rmFocused .rmExpandLeft, .RadMenu_Access_rtl .rmGroup a.rmSelected .rmExpandLeft, .RadMenu_Access_rtl .rmGroup a.rmExpanded .rmExpandLeft, .RadMenu_Access_rtl .rmSlide .rmHorizontal .rmLink:hover .rmExpandDown, .RadMenu_Access_rtl .rmSlide .rmHorizontal .rmFocused .rmExpandDown, .RadMenu_Access_rtl .rmSlide .rmHorizontal .rmSelected .rmExpandDown, .RadMenu_Access_rtl .rmSlide .rmHorizontal .rmExpanded .rmExpandDown {
    background-position: 0 -336px
}

.RadMenu_Access_rtl .rmRootGroup a.rmDisabled:hover .rmExpandLeft, .RadMenu_Access_rtl .rmSlide .rmHorizontal .rmExpandDown, .RadMenu_Access_rtl .rmSlide .rmHorizontal .rmExpandUp {
    background-position: 0 -312px
}
