/* Common CSS */

.RadMenu
{
    white-space: nowrap;
    float: left;
    position: relative;
}

.RadMenu .rmRootGroup
{
    margin: 0;
    padding: 0;
    position: relative;
    left: 0;
    display: inline-block;
}

* html .RadMenu .rmRootGroup
{
    float: left;
}

.RadMenu:after, .RadMenu .rmRootGroup:after
{
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    line-height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.RadMenu ul.rmVertical, .rmRootGroup ul.rmHorizontal, .RadMenu_Context ul.rmHorizontal
{
    margin: 0;
    padding: 0;
    display: none;
    position: relative;
    left: 0;
    float: left;
}

.rmSized ul.rmVertical
{
    width: 100%;
}

.rmSized ul.rmRootGroup
{
    float: none;
}

.rmSized .rmRootGroup .rmVertical
{
    width: auto;
}

.RadMenu .rmItem
{
    float: left;
    position: relative;
    list-style-image: none;
    list-style-position: outside;
    list-style: none;
}

* html .RadMenu .rmItem
{
    display: inline;
}

.RadMenu .rmHorizontal .rmItem
{
    clear: none;
}

.RadMenu .rmVertical .rmItem
{
    clear: both;
}

.rmSized .rmVertical .rmItem
{
    width: 100%;
}

.rmSized .rmHorizontal .rmItem, .rmSized .rmRootGroup .rmVertical .rmItem
{
    width: auto;
}

.RadMenu ul.rmActive, .RadMenu ul.rmRootGroup
{
    display: block;
}

.RadMenu .rmSlide, .RadMenu_Context
{
    position: absolute;
    overflow: hidden;
    display: none;
    float: left;
}

* html .RadMenu .rmSlide, * html .RadMenu_Context
{
    height: 1px;
}

.RadMenu_Context
{
    z-index: 1000;
    overflow: visible;
}

.RadMenu .rmText
{
    display: block;
}

.RadMenu div.rmText /*templates*/
{
    white-space: normal;
    background: transparent;
}

.RadMenu a.rmLink
{
    cursor: default;
    display: block;
}

.rmScrollWrap
{
    position: absolute;
    float: left;
    overflow: hidden;
    left: 0;
}

.RadMenu .rmLeftArrow, .RadMenu .rmTopArrow, .RadMenu .rmBottomArrow, .RadMenu .rmRightArrow
{
    position: absolute;
    z-index: 2000;
    text-indent: -1000em;
    font-size: 0;
    line-height: 0;
    outline: 0;
    overflow: hidden;
}

.RadMenu .rmLeftArrowDisabled, .RadMenu .rmTopArrowDisabled, .RadMenu .rmBottomArrowDisabled, .RadMenu .rmRightArrowDisabled
{
    display: none;
    text-indent: -1000em;
    font-size: 0;
    line-height: 0;
}

.RadMenu .rmBottomArrow, .RadMenu .rmBottomArrowDisabled
{
    margin-bottom: -1px;
}

.RadMenu .rmLeftImage
{
    border: 0;
    float: left;
}

.RadMenu_rtl
{
    float: right;
    text-align: right;
}

.RadMenu_rtl ul.rmHorizontal, .RadMenu_rtl ul.rmVertical
{
    float: right;
}

.RadMenu_rtl .rmItem
{
    float: right;
}

.RadMenu_rtl .rmLeftImage, .RadMenu_Context_rtl .rmLeftImage
{
    border: 0;
    float: right;
}

.RadMenu_rtl .rmLeftArrow, .RadMenu_rtl .rmTopArrow, .RadMenu_rtl .rmBottomArrow, .RadMenu_rtl .rmRightArrow, .RadMenu_rtl .rmLeftArrowDisabled, .RadMenu_rtl .rmTopArrowDisabled, .RadMenu_rtl .rmBottomArrowDisabled, .RadMenu_rtl .rmRightArrowDisabled
{
    text-indent: 1000em !important;
}

.RadMenu .rmLink
{
    width: auto;
}

.RadMenu .rmSeparator, .RadMenu .rmSeparator:after
{
    line-height: 0;
    font-size: 0;
    overflow: hidden;
}

.RadMenu div.rmRootGroup
{
    position: relative;
}
/* <base styles> */

.RadMenu .rmItem
{
    padding: 0;
}

.RadMenu .rmLink
{
    padding: 0 0 0 12px;
    outline: 0;
    float: left;
}

.RadMenu .rmText
{
    padding-bottom: 1px;
    float: left; /*20.11.2009 tekstin sijoittelu valikossa */
}

/* optimized for 16x16 */
.RadMenu .rmLeftImage
{
    margin: 4px 2px 0 0;
    padding-bottom: 4px;
}

.RadMenu .rmVertical .rmLeftImage + .rmText
{
    padding: 0 8px 1px 24px;
}

.RadMenu .rmVertical .rmText
{
    padding: 0 15px 1px 0;
}

.RadMenu .rmHorizontal .rmText
{
    padding: 6px 12px 6px 0px;
}

.RadMenu_rtl .rmVertical .rmText
{
    padding: 0 15px 1px 0;
}

.RadMenu .rmVertical .rmText, .RadMenu .rmHorizontal .rmVertical .rmText
{
    display: block;
    float: none;
}

.RadMenu .rmVertical .rmLink, .RadMenu .rmHorizontal .rmVertical .rmLink
{
    float: none;
}

* html .RadMenu .rmGroup .rmVertical .rmLink, * html .RadMenu .rmGroup .rmHorizontal .rmLink
{
    float: left;
}

.RadMenu .rmRootGroup .rmItem .rmGroup
{
    padding-bottom: 1px;
}

.RadMenu .rmGroup .rmItem
{
    padding: 0;
}

.RadMenu .rmGroup .rmLink, .RadMenu .rmSlide .rmGroup .rmTemplate
{
    padding: 0;
}

.RadMenu_rtl .rmGroup .rmLink, .RadMenu_rtl .rmSlide .rmGroup .rmTemplate
{
    padding: 0;
}

.RadMenu .rmGroup .rmText
{
    /*padding: 6px 12px 0 12px;*/ /*24.7.2011 */
    margin-left: 6px;
}

.RadMenu_rtl .rmGroup .rmText
{
    padding: 0 28px 0 54px;
    margin: 0 4px 0 0;
}

.RadMenu .rmSlide .rmVertical .rmLeftImage + .rmText, .RadMenu_Context .rmGroup .rmLeftImage + .rmText
{
    padding: 0 54px 0 28px;
}

.RadMenu_rtl .rmSlide .rmVertical .rmLeftImage + .rmText, .RadMenu_Context_rtl .rmGroup .rmLeftImage + .rmText
{
    padding: 0 28px 0 54px;
}

.RadMenu .rmSlide .rmHorizontal .rmText
{
    padding: 0 11px 0 10px;
}

.RadMenu .rmGroup .rmLeftImage
{
    margin: 4px 0 0 6px;
}

* html .RadMenu .rmGroup .rmLeftImage
{
    margin-left: 4px;
}
* + html .RadMenu .rmGroup .rmLeftImage
{
    margin-left: 4px;
}

.RadMenu_rtl .rmGroup .rmLeftImage
{
    margin: 4px 6px 0 0;
}

* html .RadMenu .rmGroup .rmLeftImage
{
    position: absolute;
}
* + html .RadMenu .rmGroup .rmLeftImage
{
    position: absolute;
}

* html .RadMenu_rtl .rmGroup .rmLeftImage
{
    right: 0;
}
* + html .RadMenu_rtl .rmGroup .rmLeftImage
{
    right: 0;
}


/* <separators> */

.RadMenu .rmSeparator .rmText
{
    line-height: 0;
    font-size: 0;
    padding: 0;
    background-repeat: repeat-x;
    overflow: hidden;
}

.RadMenu .rmVertical .rmSeparator .rmText, .RadMenu .rmHorizontal .rmVertical .rmSeparator .rmText
{
    height: auto;
    width: auto;
    padding-bottom: 2px;
}

* + html .RadMenu .rmSeparator .rmText, /* IE7 separator height problem */ * + html .RadMenu .rmVertical .rmSeparator .rmText, * + html .RadMenu .rmHorizontal .rmVertical .rmSeparator .rmText
{
    height: 2px;
    padding: 0;
}

* html .RadMenu .rmVertical .rmSeparator .rmText
{
    height: auto;
    padding: 2px 0 0;
}
* html .RadMenu .rmHorizontal .rmSeparator .rmText
{
    padding: 0;
}

.RadMenu .rmRootGroup .rmSeparator .rmText
{
    margin: 1px 12px;
}

.RadMenu .rmRootGroup .rmVertical .rmSeparator .rmText, .RadMenu_Context .rmVertical .rmSeparator .rmText
{
    margin: 1px 2px 1px 31px;
}

.RadMenu_rtl .rmRootGroup .rmVertical .rmSeparator .rmText, .RadMenu_Context_rtl .rmVertical .rmSeparator .rmText
{
    margin: 1px 31px 1px 2px;
}

.RadMenu .rmHorizontal .rmSeparator .rmText, .RadMenu .rmVertical .rmHorizontal .rmSeparator .rmText
{
    margin: 2px 0 0;
    height: 20px;
    width: 2px;
}

/* </separators> */

/* <scroll arrows> */

.RadMenu .rmLeftArrow, .RadMenu .rmRightArrow
{
    width: 10px;
    height: 24px;
}

.RadMenu .rmTopArrow, .RadMenu .rmBottomArrow
{
    height: 10px;
    width: 100%;
}

/* </scroll arrows> */

/* </base styles> */


/*20.11.2009 tekstin sijoittelu valikossa */
.rmItem .rmLink .rmText
{
    /*padding-top: 11px !important;*/
}

