Radmenu dropdown arrow right

1 posts, 0 answers
  1. BV
    BV avatar
    16 posts
    Member since:
    Mar 2010

    Posted 17 Jan 2011 Link to this post


    Hi,
    Please find the attached screenshot. I wan't the arrow to be displayed in the right side instead of left before the text.

    I am adding the image in code behind
     protected override void OnPreRender(EventArgs e)
            {
                foreach (RadMenuItem item in RadCustomMenu.Items)
                {
                    SetImageUrl(item);
                }

                base.OnPreRender(e);

            }

            private void SetImageUrl(RadMenuItem item)
            {        

                if (item.GroupSettings.ExpandDirection == Telerik.Web.UI.ExpandDirection.Down)
                {           
                     item.ImageUrl = @"\Styles\Menu\MENUDARK.GIF";
                }                     
            }

    I have tried the css as in below site but didn't get the desired result.

    http://www.telerik.com/community/forums/aspnet-ajax/menu/radmenu-custom-skin-show-right-arrow.aspx

    I have customized the default skin to mine as below

    <style type="text/css">

            <!-- take care default skin background image usage when using the HeaderStyle-BackColor property -->
            div.RadGrid  .rgHeader,
            div.RadGrid  th.rgResizeCol
            {
                background-image: none ;
            }
            
            <!-- override RadGrid skin 'td' font style with editorial custom font style -->
            div.RadGrid_Web20  td,
            div.RadGrid_Default  td,
            div.RadGrid  td
            {
                 font-family: tahoma;
                font-size: 8pt;
                vertical-align:middle;
                word-wrap: break-word;
            }        

            <!-- misc. custom styles for the RadEditor -->
            .rade_toolbar.Default .Symbols
            {
              background-image: url('/graphics/utdmediatemplate/Specical%20Chars/omega.gif');
              background-position:center;
            }
            
            .rade_toolbar.Default .SpaceBreak,
            .rade_toolbar.Default .LineBreak,
            .rade_toolbar.Default .Paragraph,
            .rade_toolbar.Office2007 .SpaceBreak,
            .rade_toolbar.Office2007 .LineBreak,
            .rade_toolbar.Office2007 .Paragraph,
            .rade_toolbar.Outlook .SpaceBreak,
            .rade_toolbar.Outlook .LineBreak,
            .rade_toolbar.Outlook .Paragraph
            {
              background-image: url('/images/editor_cmd.gif');
              background-position:center;
            }
                    
            .rade_toolbar .MathSymbol,
            .rade_toolbar .ArrowSymbol,
            .rade_toolbar .CharacterSymbol,
            .rade_toolbar .CharacterSymbol,
            .rade_toolbar .GreekLetter,
            .rade_toolbar .MiscSymbol,
            .rade_toolbar .FootnoteSymbol,
            {
              background-image:url('/images/editor_cmd.gif');                                                                 
              background-position:center;
            }

            .reTool .SpaceBreak,
            .reTool .LineBreak,
            .reTool .Paragraph
        {
          background-image: url("/images/editor_cmd.gif");
        }
    /* <RadMenu / Default> */

    .RadMenu_UpToDateGreen .rmRootGroup,
    .RadMenu_UpToDateGreen a.rmLink,
    .RadMenu_UpToDateGreen .rmGroup .rmText,
    .RadMenu_UpToDateGreen .rmLeftArrow,
    .RadMenu_UpToDateGreen .rmRightArrow,
    .RadMenu_UpToDateGreen .rmTopArrow,
    .RadMenu_UpToDateGreen .rmBottomArrow
    {
        background-image: url('Menu/rmSprite.png');
        background-color: transparent;
        border-width: 0 0 1px;
    }

    .RadMenu_UpToDateGreen  .rmGroup .rmLink {  
            padding-left: -5px !important;   
         }  
           
        .RadMenu_UpToDateGreen  .rmGroup .rmLink .rmText {  
            padding-left: 0px !important;  
            padding-right: 5px !important;
         }  

    .RadMenu_UpToDateGreen .rmRootGroup
    {   
        border: 1px solid #DCE8E8;
        background-repeat: repeat-x;
        background-position: 0 -408px;
        background-color: #DCE8E8;
    }

    /* <Root items> */

    .RadMenu_UpToDateGreen,
    .RadMenu_UpToDateGreen a.rmLink
    {
        font: normal 11px/23px "Segoe UI", Arial, sans-serif;
        color: #fff;
        text-decoration: none;   
    }

    /*Font for child item in Menu */
    .childMenuitemText
    {
        font: normal 11px/23px "Segoe UI", Arial, sans-serif;
        color: #000;
        text-decoration: none;   
    }

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

    .RadMenu_UpToDateGreen .rmFirst a.rmLink,
    .RadMenu_UpToDateGreen .rmFirst a.rmLink:hover,
    .RadMenu_UpToDateGreen .rmLast .rmText,
    .RadMenu_UpToDateGreen .rmLast a.rmLink:hover .rmText,
    .RadMenu_UpToDateGreen .rmVertical a.rmLink,
    .RadMenu_UpToDateGreen .rmVertical .rmText
    {
        background-repeat: no-repeat;
        background-position: 0 0px;   
        
    }
    div.RadMenu .rmLink .rmText
     {
        margin: 0;  
        padding: -3;        
        padding-right :10px;
     }
                            /* div.RadMenu a.rmLink {
                              line-height: 15px;
                            }*/
                           
    /*div.RadMenu .rmRootGroup .rmLink
    {
        padding: 0;
    }
     
    div.RadMenu .rmRootGroup .rmText
    {      
        width: 120px  !important;  
        padding: 0;
        text-align: center;
    }
     
    div.RadMenu .rmGroup  .rmText
    {
        width: auto !important;
    }*/
     
    div.RadMenu .rmGroup .rmText {
       margin:0 0 0 6px;
      /* padding:0 54px 0 28px;
       text-align: left;*/
     }

         

    /* .RadMenu_UpToDateGreen .rmVertical .rmFirst,
    .RadMenu_UpToDateGreen .rmVertical .rmLast
    {
        background: none;
        
    }

         {
            /* background-image: url('Menu/topnavselected.gif')!important;
             background:yellow !important;
          }*/


    .RadMenu_UpToDateGreen .rmItem a.rmLink:hover,
    .RadMenu_UpToDateGreen a.rmFocused,
    .RadMenu_UpToDateGreen a.rmSelected
    {
        font: normal 11px/23px "Segoe UI", Arial, sans-serif;
        color: #000000 !important;
        text-decoration: none;
        text-align :left;
        background-image: url('Menu/topnavselected.gif')!important;
        background-color: #D8E5E5;
        background-position :0px 0px;
        
    }

    .RadMenu_UpToDateGreen .rmHorizontal .rmRootLink span.rmText
    {
        display: inline;
        padding-left: 3px;
    }

    .RadMenu_UpToDateGreen .rmHorizontal a.rmRootLink
    {
        padding-left: 0;
    }

    .RadMenu_UpToDateGreen .rmHorizontal .rmItem > a.rmRootLink /* IE6 doesn't like width: 100% on its items. */
    {
        width: 100%;
    }

    .RadMenu_UpToDateGreen .rmHorizontal img.rmLeftImage
    {
        margin: 4px -4px 0 6px;
    }

    .RadMenu_UpToDateGreen_rtl .rmHorizontal img.rmLeftImage
    {
        margin: 4px 6px 0 -4px;
    }

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

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

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

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

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

    .RadMenu_UpToDateGreen a.rmExpanded,
    .RadMenu_UpToDateGreen a.rmExpanded:hover
    {
        background-color: #8BC0B8; /* Parent Item background on subitem mouse hover */
    }

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

    /* </Root items> */


    /* <Submenu items> */

    .RadMenu_UpToDateGreen .rmGroup,
    .RadMenu_UpToDateGreen .rmMultiColumn,
    .RadMenu_UpToDateGreen .rmGroup .rmVertical
    {   
        border: 1px solid #979797 !important; 
        background: #f0f0f0 !important;
        background: #D8E4E4 url('Menu/rmVSprite.png') repeat-y 0 0;
    }

    .RadMenu_UpToDateGreen .rmTopFix,
    .RadMenu_UpToDateGreen .rmBottomFix,
    .RadMenu_UpToDateGreen .rmRoundedCorners .rmGroup .rmItem,
    .RadMenu_UpToDateGreen .rmRoundedCorners li.rmFirstGroupColumn .rmItem,
    .RadMenu_UpToDateGreen .rmRoundedCorners ul.rmHorizontal .rmFirst,
    .RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmGroup .rmItem,
    .RadMenu_UpToDateGreen_Context.rmRoundedCorners ul.rmHorizontal .rmFirst
    {
        background-image: url('Menu/rmVSprite.png');
        background-color: #DCE8E8;
        background-repeat: repeat-y;
    }

    * html .rmRoundedCorners_UpToDateGreen .rmGroup .rmItem,
    * html .rmRoundedCorners_UpToDateGreen ul.rmHorizontal .rmFirst
    {
        background-image: url('Menu/rmVSprite.png');
        background-color: #8BC0B8;
        background-repeat: repeat-y;
    }

    .RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmGroup,
    .RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrap .rmItem,
    .RadMenu_UpToDateGreen .rmRoundedCorners .rmGroupColumn .rmItem,
    .RadMenu_UpToDateGreen .rmRoundedCorners .rmHorizontal .rmItem,
    .RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrap .rmVertical,
    .RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmGroup,
    .RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrap .rmItem,
    .RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmHorizontal .rmItem,
    .RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrap .rmVertical
    {
        background-image: none;
    }

    * html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer .rmGroup,
    * html .rmRoundedCorners_UpToDateGreen .rmScrollWrap .rmItem,
    * html .rmRoundedCorners_UpToDateGreen .rmHorizontal .rmItem,
    * html .rmRoundedCorners_UpToDateGreen .rmScrollWrap .rmVertical
    {
        background-image: none;
    }

    .RadMenu_UpToDateGreen .rmRoundedCorners .rmGroupColumn
    {
        background-color: #8BC0B8;
    }

    .RadMenu_UpToDateGreen .rmBottomLeft,
    .RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer,
    .RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer,
    .RadMenu_UpToDateGreen_Context.rmRoundedCorners ul.rmGroup,
    .RadMenu_UpToDateGreen .rmRoundedCorners ul.rmGroup,
    .RadMenu_UpToDateGreen .rmRoundedCorners .rmMultiColumn
    {
        background-image:  url('Menu/rmRoundedLeft.png');
        background-color: transparent;
        background-repeat: no-repeat;
    }

    * html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer,
    * html .rmRoundedCorners_UpToDateGreen .rmGroup ul.rmGroup,
    * html .rmRoundedCorners_UpToDateGreen ul.rmGroup
    {
        background-image:  url('Menu/rmRoundedLeft.png');
        background-color: transparent;
        background-repeat: no-repeat;
    }

    .RadMenu_UpToDateGreen .rmTopRight,
    .RadMenu_UpToDateGreen .rmBottomRight
    {
        background-image:  url('Menu/rmRoundedRight.png');
        background-color: transparent;
        background-repeat: no-repeat;
    }

    .RadMenu_UpToDateGreen .rmTopFix,
    .RadMenu_UpToDateGreen .rmBottomFix,
    .RadMenu_UpToDateGreen .rmRoundedCorners .rmGroup .rmFirst,
    .RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmGroup .rmFirst,
    .rmRoundedCorners_UpToDateGreen .rmGroup .rmFirst
    {
        border-color: #979797;
    }

    .RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
    .RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmBottomFix,
    .RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
    .RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomFix
    {
        background: #8BC0B8;
    }

    * html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer .rmTopFix,
    * html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer .rmBottomFix
    {
        background: #8BC0B8;
    }

    .RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
    .RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,
    .RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
    .RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmRightArrow,
    .RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
    .RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,
    .RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
    .RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmRightArrow
    {
        background-color: #8BC0B8;
        border: 0;
    }

    * html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer .rmTopArrow,
    * html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer .rmBottomArrow,
    * html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer .rmLeftArrow,
    * html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer .rmRightArrow
    {
        background-color: #8BC0B8;
        border: 0;
    }

    .RadMenu_UpToDateGreen_rtl .rmBottomLeft,
    .RadMenu_UpToDateGreen_rtl .rmRoundedCorners ul.rmGroup,
    .RadMenu_UpToDateGreen_rtl .rmRoundedCorners .rmMultiColumn,
    .RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer,
    .RadMenu_UpToDateGreen .rmScrollWrapContainer .rmBottomLeft,
    .rmRoundedCorners.RadMenu_UpToDateGreen_Context_rtl ul.rmGroup,
    .RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer
    {
        background-image: url('Menu/rmRoundedLeft_rtl.png');
    }

    .RadMenu_UpToDateGreen_rtl .rmTopRight,
    .RadMenu_UpToDateGreen_rtl .rmBottomRight
    {
        background-image: url('Menu/rmRoundedRight_rtl.png');
    }

    .RadMenu_UpToDateGreen_rtl li.rmTopFix,
    .RadMenu_UpToDateGreen_rtl li.rmBottomFix,
    .RadMenu_UpToDateGreen_rtl .rmRoundedCorners .rmGroup .rmItem,
    .rmRoundedCorners.RadMenu_UpToDateGreen_Context_rtl .rmGroup .rmItem
    {
        background-position: 101% 0;
    }

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

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

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

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

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

    .RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer li.rmItem,
    .RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer li.rmItem,
    .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer li.rmItem
    {
        background: none;
    }

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

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

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

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

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

    /* <expand arrows> */

    .RadMenu_UpToDateGreen .rmGroup .rmExpandRight,
    .RadMenu_UpToDateGreen .rmGroup .rmExpandDown,
    .RadMenu_UpToDateGreen .rmGroup .rmItem a.rmDisabled .rmExpandRight,
    .RadMenu_UpToDateGreen .rmGroup .rmItem a.rmDisabled .rmExpandDown,
    .RadMenu_UpToDateGreen .rmGroup .rmItem a.rmDisabled:hover .rmExpandRight,
    .RadMenu_UpToDateGreen .rmGroup .rmItem a.rmDisabled:hover .rmExpandDown
    {
        background-position: 100% -516px;
    }

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

    .RadMenu_UpToDateGreen .rmGroup a.rmDisabled:hover .rmExpandRight,
    .RadMenu_UpToDateGreen .rmGroup a.rmDisabled:hover .rmExpandDown
    {
        background-image: url('Menu/rmSprite.png');
        background-position: 100% -236px;
    }

    /* </expand arrows> */

    /* <rtl> */

    .RadMenu_UpToDateGreen_rtl a.rmLink,
    .RadMenu_UpToDateGreen_rtl .rmRootGroup a.rmDisabled
    {
        background-position: 100% -96px;
    }

    .RadMenu_UpToDateGreen_rtl .rmGroup a.rmDisabled
    {
        background: none;
    }

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

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

    .RadMenu_UpToDateGreen_rtl .rmGroup a.rmLink:hover,
    .RadMenu_UpToDateGreen_rtl .rmGroup a.rmFocused,
    .RadMenu_UpToDateGreen_rtl .rmGroup a.rmSelected,
    .RadMenu_UpToDateGreen_rtl .rmGroup a.rmExpanded
    {
        background-position: 100% -64px;
    }

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

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

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

    /* </rtl> */

    /* </Submenu items> */

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

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

    .RadMenu_UpToDateGreen .rmVertical .rmSlide,
    .RadMenu_UpToDateGreen .rmSlide .rmSlide,
    .RadMenu_UpToDateGreen_Context .rmGroup .rmSlide
    {
        margin: 0 0 0 -5px;
    }

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

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

    .RadMenu_UpToDateGreen_rtl .rmVertical .rmSlide,
    .RadMenu_UpToDateGreen_rtl .rmSlide .rmSlide,
    .RadMenu_UpToDateGreen_Context_rtl .rmGroup .rmSlide
    {
        margin: 0 0 0 5px;
    }

    /* </Submenu offsets> */

    /* <Scrolling arrows> */

    .RadMenu_UpToDateGreen .rmLeftArrow,
    .RadMenu_UpToDateGreen .rmRightArrow
    {
        background-color: #DCE8E8;
    }

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

    .RadMenu_UpToDateGreen .rmTopArrow,
    .RadMenu_UpToDateGreen .rmBottomArrow,
    .RadMenu_UpToDateGreen .rmGroup .rmLeftArrow,
    .RadMenu_UpToDateGreen .rmGroup .rmRightArrow
    {
        background-color: #DCE8E8;
    }

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

    /* </Scrolling arrows> */

    /* <Separators> */

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

    .RadMenu_UpToDateGreen_Context .rmSeparator .rmText,
    .RadMenu_UpToDateGreen .rmHorizontal .rmGroup .rmSeparator .rmText,
    .RadMenu_UpToDateGreen .rmVertical .rmHorizontal .rmGroup .rmSeparator .rmText
    {
        background-color: transparent;
        background-position: 0 -406px;
    }
    .RadMenu_UpToDateGreen a.rmItem a.rmFirst
    {
        background-image: url('Menu/topnavselected.gif')!important;
    }

    /* </Separators> */

    /* </RadMenu / Default> */

    </style>  

    Thanks
    BV
Back to Top