﻿.RadPanelBar_FelixxNavigation {
    border: none !important;
    border-width: 0px !important;
}

    .RadPanelBar_FelixxNavigation .rpSlide {
        margin: 0px !important;
    }

    .RadPanelBar_FelixxNavigation .rpItem {
        font-family: Roboto-Regular, Arial, Helvetica, sans-serif !important;
        margin: 0px !important;
    }

    .RadPanelBar_FelixxNavigation .rpOut {
        margin: 0px !important;
        border: none !important;
        border-width: 0px !important;
        padding: 0px !important;
    }

        .RadPanelBar_FelixxNavigation .rpOut:hover {
            background-color: #00070f !important;
        }

    .RadPanelBar_FelixxNavigation .rpLevel1 .rpFirst {
        padding-top: 0px !important;
        margin: -1px;
    }

    .RadPanelBar_FelixxNavigation .rpLevel1 .rpLast {
        padding-bottom: 0px !important;
        margin: -1px;
    }

    .RadPanelBar_FelixxNavigation .rpText {
        padding-left: 20px !important;
        padding-right: 60px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .RadPanelBar_FelixxNavigation .rpRootGroup {
        border: none !important;
    }

        .RadPanelBar_FelixxNavigation .rpRootGroup,
        .RadPanelBar_FelixxNavigation .rpRootGroup .rpLink .rpOut,
        .RadPanelBar_FelixxNavigation .rpRootGroup a.rpLink {
            border: none !important;
            border-width: 0px !important;
        }

    .RadPanelBar_FelixxNavigation a.rpLink,
    .RadPanelBar_FelixxNavigation div.rpHeaderTemplate,
    .RadPanelBar_FelixxNavigation .rpTemplate {
        font-family: Roboto-Regular, Arial, Helvetica, sans-serif !important;
    }

    .RadPanelBar_FelixxNavigation div.rpHeaderTemplate,
    .RadPanelBar_FelixxNavigation a.rpLink {
        background-color: #fdfdfd;
        background-image: url('PanelBar/RootItemBg.png');
        border-color: #ebebeb;
    }

    .RadPanelBar_FelixxNavigation .rpLink:hover {
        border-color: #c4c4c4;
    }

    .RadPanelBar_FelixxNavigation .rpLink.rpFocused,
    .RadPanelBar_FelixxNavigation .rpLink.rpSelected {
        background-color: #fdfdfd;
        border-color: #aaaaaa;
    }

    .RadPanelBar_FelixxNavigation .rpLink.rpExpanded,
    .RadPanelBar_FelixxNavigation div.rpFocused,
    .RadPanelBar_FelixxNavigation div.rpExpanded,
    .RadPanelBar_FelixxNavigation div.rpSelected {
        background-color: #fdfdfd;
        border-color: #6c6c6c;
    }

    /* <disabled items> */
    .RadPanelBar_FelixxNavigation a.rpDisabled,
    .RadPanelBar_FelixxNavigation div.rpDisabled,
    .RadPanelBar_FelixxNavigation a.rpDisabled:hover {
        color: #bbb;
    }

    /* </disabled items> */
    /* <subitems> */
    .RadPanelBar_FelixxNavigation .rpGroup {
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

        .RadPanelBar_FelixxNavigation .rpGroup a.rpLink,
        .RadPanelBar_FelixxNavigation .rpGroup div.rpHeaderTemplate,
        .RadPanelBar_FelixxNavigation .rpGroup .rpTemplate {
            color: #000;
            background-image: none;
            background-color: transparent;
        }

            .RadPanelBar_FelixxNavigation .rpGroup a.rpLink:hover {
                color: #000;
            }

            .RadPanelBar_FelixxNavigation .rpGroup a.rpLink,
            .RadPanelBar_FelixxNavigation .rpGroup a.rpLink .rpOut {
                background-color: transparent;
                background-image: url('PanelBar/SubItemStates.png');
                background-repeat: no-repeat;
            }

        .RadPanelBar_FelixxNavigation .rpGroup a.rpSelected,
        .RadPanelBar_FelixxNavigation .rpGroup a.rpSelected:hover {
            color: #fff;
        }

        /* <subitems (disabled)> */
        .RadPanelBar_FelixxNavigation ul.rpGroup .rpDisabled,
        .RadPanelBar_FelixxNavigation .rpGroup a.rpDisabled:hover,
        .RadPanelBar_FelixxNavigation .rpGroup a.rpDisabled .rpOut {
            background-image: none;
        }

        .RadPanelBar_FelixxNavigation ul.rpGroup .rpDisabled,
        .RadPanelBar_FelixxNavigation .rpGroup a.rpDisabled:hover {
            color: #bbb;
            background-color: #fff;
        }

    /* <subitems (disabled)> */
    /* </subitems> */
    /* <background positioning> */
    .RadPanelBar_FelixxNavigation a.rpLink,
    .RadPanelBar_FelixxNavigation div.rpHeaderTemplate,
    .RadPanelBar_FelixxNavigation a.rpExpanded,
    .RadPanelBar_FelixxNavigation div.rpExpanded,
    .RadPanelBar_FelixxNavigation .rpItem a.rpLinkExpandHovered {
        background-position: 0 0;
    }

        .RadPanelBar_FelixxNavigation a.rpFocused,
        .RadPanelBar_FelixxNavigation div.rpFocused,
        .RadPanelBar_FelixxNavigation a.rpLink:hover,
        .RadPanelBar_FelixxNavigation a.rpExpanded:hover {
            background-position: 0 -200px;
        }

    .RadPanelBar_FelixxNavigation a.rpSelected,
    .RadPanelBar_FelixxNavigation div.rpSelected,
    .RadPanelBar_FelixxNavigation a.rpSelected:hover {
        background-position: 0 -400px;
    }

    .RadPanelBar_FelixxNavigation .rpFirst a.rpLink,
    .RadPanelBar_FelixxNavigation .rpFirst div.rpHeaderTemplate,
    .RadPanelBar_FelixxNavigation li.rpFirst .rpExpanded {
        background-position: 0 -1px;
    }

        .RadPanelBar_FelixxNavigation li.rpFirst .rpFocused,
        .RadPanelBar_FelixxNavigation .rpFirst a.rpLink:hover {
            background-position: 0 -201px;
        }

    .RadPanelBar_FelixxNavigation li.rpFirst .rpSelected,
    .RadPanelBar_FelixxNavigation .rpFirst a.rpSelected:hover {
        background-position: 0 -401px;
    }

    /* <root items (disabled)> */
    .RadPanelBar_FelixxNavigation a.rpDisabled:hover {
        cursor: default;
    }

        .RadPanelBar_FelixxNavigation a.rpDisabled,
        .RadPanelBar_FelixxNavigation div.rpDisabled,
        .RadPanelBar_FelixxNavigation a.rpDisabled:hover,
        .RadPanelBar_FelixxNavigation a.rpDisabled:hover .rpOut {
            background-position: 0 0;
        }

    /* </root items (disabled)> */
    /*      <expand arrows> */
    .RadPanelBar_FelixxNavigation .rpExpandable span.rpExpandHandle,
    .RadPanelBar_FelixxNavigation .rpExpanded span.rpExpandHandle {
        background-color: transparent;
        background-image: url('Felixx/iconexpand.png');
        background-repeat: no-repeat;
        width: 20px !important;
        height: 20px !important;
        padding-right: 20px !important;
    }

.RadPanelBar_FelixxNavigation_rtl .rpGroup .rpText {
    padding: 0 10px;
}

.RadPanelBar_FelixxNavigation .rpExpandable span.rpExpandHandle,
.RadPanelBar_FelixxNavigation a.rpExpandable:hover .rpNavigation .rpExpandHandle {
    background-image: url('Felixx/iconexpand.png');
}

.RadPanelBar_FelixxNavigation a.rpExpandable:hover .rpExpandHandle,
.RadPanelBar_FelixxNavigation a.rpExpandable:hover .rpNavigation .rpExpandHandleHovered {
    background-image: url('Felixx/iconexpandhover.png');
}

.RadPanelBar_FelixxNavigation .rpExpanded span.rpExpandHandle,
.RadPanelBar_FelixxNavigation a.rpExpanded:hover .rpNavigation .rpExpandHandle {
    background-image: url('Felixx/iconcollapse.png');
}

.RadPanelBar_FelixxNavigation a.rpExpanded:hover .rpExpandHandle,
.RadPanelBar_FelixxNavigation a.rpExpanded:hover .rpNavigation .rpExpandHandleHovered {
    background-image: url('Felixx/iconcollapsehover.png');
}

.RadPanelBar_FelixxNavigation div.rpExpandable .rpExpandHandleHovered {
    background-image: url('Felixx/iconexpand.png');
}

.RadPanelBar_FelixxNavigation div.rpExpanded .rpExpandHandleHovered {
    background-image: url('Felixx/iconexpand.png');
}

/*      </expand arrows> */
.RadPanelBar_FelixxNavigation .rpGroup a.rpLink,
.RadPanelBar_FelixxNavigation .rpGroup div.rpHeaderTemplate,
.RadPanelBar_FelixxNavigation .rpGroup a.rpLink .rpOut {
    background-position: 0 200px;
}

    .RadPanelBar_FelixxNavigation .rpGroup a.rpLink:hover,
    .RadPanelBar_FelixxNavigation ul.rpGroup .rpFocused {
        background-position: 100% -22px;
    }

        .RadPanelBar_FelixxNavigation .rpGroup a.rpLink:hover .rpOut,
        .RadPanelBar_FelixxNavigation .rpGroup a.rpFocused .rpOut {
            background-position: 0 0;
        }

/*      <subitems (selected)> */
.RadPanelBar_FelixxNavigation ul.rpGroup .rpSelected .rpExpandHandle,
.RadPanelBar_FelixxNavigation .rpGroup a.rpSelected:hover {
    background-color: black !important;
    color: #ffe680 !important;
    border-bottom: none !important;
    border-bottom-width: 0px !important;
    margin: 0px !important;
}

    .RadPanelBar_FelixxNavigation .rpGroup a.rpSelected .rpOut,
    .RadPanelBar_FelixxNavigation .rpGroup a.rpSelected:hover .rpOut .rpExpandHandleHovered {
        background-color: black !important;
        color: #ffe680 !important;
        border-bottom: none !important;
        border-bottom-width: 0px !important;
        margin: 0px !important;
    }

/*      </subitems (selected)> */
/*      <subitems (expand arrows)> */

.RadPanelBar_FelixxNavigation ul.rpGroup .rpExpandable .rpExpandHandle,
.RadPanelBar_FelixxNavigation .rpGroup a.rpExpandable:hover .rpNavigation .rpExpandHandle {
}

.RadPanelBar_FelixxNavigation .rpGroup a.rpExpandable:hover .rpExpandHandle,
.RadPanelBar_FelixxNavigation .rpGroup a.rpExpandable:hover .rpNavigation .rpExpandHandleHovered {
}

.RadPanelBar_FelixxNavigation ul.rpGroup .rpExpanded .rpExpandHandle,
.RadPanelBar_FelixxNavigation .rpGroup a.rpExpanded:hover .rpNavigation .rpExpandHandle {
    background-image: url('Felixx/iconcollapse.png');
}

.RadPanelBar_FelixxNavigation .rpGroup a.rpExpanded:hover .rpExpandHandle,
.RadPanelBar_FelixxNavigation .rpGroup a.rpExpanded:hover .rpNavigation .rpExpandHandleHovered {
    background-image: url('Felixx/iconcollapsehover.png');
}

.RadPanelBar_FelixxNavigation .rpGroup div.rpExpandable .rpExpandHandleHovered {
    background-image: url('Felixx/iconexpand.png');
}

.RadPanelBar_FelixxNavigation .rpGroup div.rpExpanded .rpExpandHandleHovered {
    background-image: url('Felixx/iconexpand.png');
}

/* </background positioning> */
