﻿.RadPanelBar_FelixxContent {
    border: none !important;
    border-width: 0px !important;
    background-color: transparent !important;
}

    .RadPanelBar_FelixxContent .rpItem {
        font-family: Roboto-Regular, Arial, Helvetica, sans-serif !important;
        font-size: 18px;
        margin: 0px !important;
    }

    .RadPanelBar_FelixxContent .rpOut {
        margin: 0px !important;
        border: none !important;
        border-width: 0px !important;
        padding: 0px !important;
        background-color: transparent !important;
        color: #333333 !important;
    }

        .RadPanelBar_FelixxContent .rpOut:hover {
        }

    .RadPanelBar_FelixxContent .rpLevel1 .rpFirst {
        padding-top: 0px !important;
    }

    .RadPanelBar_FelixxContent .rpLevel1 .rpLast {
        padding-bottom: 0px !important;
    }

    .RadPanelBar_FelixxContent .rpText {
        padding: 0px;
}

    .RadPanelBar_FelixxContent .rpRootGroup {
        border: none !important;
    }

        .RadPanelBar_FelixxContent .rpRootGroup,
        .RadPanelBar_FelixxContent .rpRootGroup .rpLink .rpOut,
        .RadPanelBar_FelixxContent .rpRootGroup a.rpLink {
            border: none !important;
            border-width: 0px !important;
        }

    .RadPanelBar_FelixxContent a.rpLink,
    .RadPanelBar_FelixxContent div.rpHeaderTemplate,
    .RadPanelBar_FelixxContent .rpTemplate {
        font-family: Roboto-Regular, Arial, Helvetica, sans-serif !important;
    }

    .RadPanelBar_FelixxContent div.rpHeaderTemplate,
    .RadPanelBar_FelixxContent a.rpLink {
        background-image: url('PanelBar/RootItemBg.png');
        border-color: #ebebeb;
    }

    .RadPanelBar_FelixxContent .rpLink:hover {
        border-color: #c4c4c4;
    }

    .RadPanelBar_FelixxContent .rpLink.rpFocused,
    .RadPanelBar_FelixxContent .rpLink.rpSelected {
        border-color: #aaaaaa;
    }

    .RadPanelBar_FelixxContent .rpLink.rpExpanded,
    .RadPanelBar_FelixxContent div.rpFocused,
    .RadPanelBar_FelixxContent div.rpExpanded,
    .RadPanelBar_FelixxContent div.rpSelected {
        border-color: #6c6c6c;
    }

    /* <disabled items> */
    .RadPanelBar_FelixxContent a.rpDisabled,
    .RadPanelBar_FelixxContent div.rpDisabled,
    .RadPanelBar_FelixxContent a.rpDisabled:hover {
        color: #bbb;
    }

    /* </disabled items> */
    /* <subitems> */
    .RadPanelBar_FelixxContent .rpGroup {
        background-color: #fff;
    }

        .RadPanelBar_FelixxContent .rpGroup a.rpLink,
        .RadPanelBar_FelixxContent .rpGroup div.rpHeaderTemplate,
        .RadPanelBar_FelixxContent .rpGroup .rpTemplate {
            color: #000;
            background-image: none;
            background-color: transparent;
        }

            .RadPanelBar_FelixxContent .rpGroup a.rpLink:hover {
                color: #000;
            }

            .RadPanelBar_FelixxContent .rpGroup a.rpLink,
            .RadPanelBar_FelixxContent .rpGroup a.rpLink .rpOut {
                background-color: transparent;
                background-image: url('PanelBar/SubItemStates.png');
                background-repeat: no-repeat;
            }

        .RadPanelBar_FelixxContent .rpGroup a.rpSelected,
        .RadPanelBar_FelixxContent .rpGroup a.rpSelected:hover {
            color: #fff;
        }

        /* <subitems (disabled)> */
        .RadPanelBar_FelixxContent ul.rpGroup .rpDisabled,
        .RadPanelBar_FelixxContent .rpGroup a.rpDisabled:hover,
        .RadPanelBar_FelixxContent .rpGroup a.rpDisabled .rpOut {
            background-image: none;
        }

        .RadPanelBar_FelixxContent ul.rpGroup .rpDisabled,
        .RadPanelBar_FelixxContent .rpGroup a.rpDisabled:hover {
            color: #bbb;
            background-color: #fff;
        }

    /* <subitems (disabled)> */
    /* </subitems> */
    /* <background positioning> */
    .RadPanelBar_FelixxContent a.rpLink,
    .RadPanelBar_FelixxContent div.rpHeaderTemplate,
    .RadPanelBar_FelixxContent a.rpExpanded,
    .RadPanelBar_FelixxContent div.rpExpanded,
    .RadPanelBar_FelixxContent .rpItem a.rpLinkExpandHovered {
        background-position: 0 0;
    }

        .RadPanelBar_FelixxContent a.rpFocused,
        .RadPanelBar_FelixxContent div.rpFocused,
        .RadPanelBar_FelixxContent a.rpLink:hover,
        .RadPanelBar_FelixxContent a.rpExpanded:hover {
            background-position: 0 -200px;
        }

    .RadPanelBar_FelixxContent a.rpSelected,
    .RadPanelBar_FelixxContent div.rpSelected,
    .RadPanelBar_FelixxContent a.rpSelected:hover {
        background-position: 0 -400px;
    }

    .RadPanelBar_FelixxContent .rpFirst a.rpLink,
    .RadPanelBar_FelixxContent .rpFirst div.rpHeaderTemplate,
    .RadPanelBar_FelixxContent li.rpFirst .rpExpanded {
        background-position: 0 -1px;
    }

        .RadPanelBar_FelixxContent li.rpFirst .rpFocused,
        .RadPanelBar_FelixxContent .rpFirst a.rpLink:hover {
            background-position: 0 -201px;
        }

    .RadPanelBar_FelixxContent li.rpFirst .rpSelected,
    .RadPanelBar_FelixxContent .rpFirst a.rpSelected:hover {
        background-position: 0 -401px;
    }

    /* <root items (disabled)> */
    .RadPanelBar_FelixxContent a.rpDisabled:hover {
        cursor: default;
    }

        .RadPanelBar_FelixxContent a.rpDisabled,
        .RadPanelBar_FelixxContent div.rpDisabled,
        .RadPanelBar_FelixxContent a.rpDisabled:hover,
        .RadPanelBar_FelixxContent a.rpDisabled:hover .rpOut {
            background-position: 0 0;
        }

    /* </root items (disabled)> */
    /*      <expand arrows> */
    .RadPanelBar_FelixxContent .rpExpandable span.rpExpandHandle,
    .RadPanelBar_FelixxContent .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_FelixxContent_rtl .rpGroup .rpText {
    padding: 0px !important;
}

.RadPanelBar_FelixxContent .rpExpandable span.rpExpandHandle,
.RadPanelBar_FelixxContent a.rpExpandable:hover .rpNavigation .rpExpandHandle {
    background-image: url('Felixx/iconexpanddark.png');
}

.RadPanelBar_FelixxContent a.rpExpandable:hover .rpExpandHandle,
.RadPanelBar_FelixxContent a.rpExpandable:hover .rpNavigation .rpExpandHandleHovered {
    background-image: url('Felixx/iconexpandhoverdark.png');
}

.RadPanelBar_FelixxContent .rpExpanded span.rpExpandHandle,
.RadPanelBar_FelixxContent a.rpExpanded:hover .rpNavigation .rpExpandHandle {
    background-image: url('Felixx/iconcollapsedark.png');
}

.RadPanelBar_FelixxContent a.rpExpanded:hover .rpExpandHandle,
.RadPanelBar_FelixxContent a.rpExpanded:hover .rpNavigation .rpExpandHandleHovered {
    background-image: url('Felixx/iconcollapsehoverdark.png');
}

.RadPanelBar_FelixxContent div.rpExpandable .rpExpandHandleHovered {
    background-image: url('Felixx/iconexpanddark.png');
}

.RadPanelBar_FelixxContent div.rpExpanded .rpExpandHandleHovered {
    background-image: url('Felixx/iconexpanddark.png');
}

/*      </expand arrows> */
.RadPanelBar_FelixxContent .rpGroup a.rpLink,
.RadPanelBar_FelixxContent .rpGroup div.rpHeaderTemplate,
.RadPanelBar_FelixxContent .rpGroup a.rpLink .rpOut {
    background-position: 0 200px;
}

    .RadPanelBar_FelixxContent .rpGroup a.rpLink:hover,
    .RadPanelBar_FelixxContent ul.rpGroup .rpFocused {
        background-position: 100% -22px;
    }

        .RadPanelBar_FelixxContent .rpGroup a.rpLink:hover .rpOut,
        .RadPanelBar_FelixxContent .rpGroup a.rpFocused .rpOut {
            background-position: 0 0;
        }

/*      <subitems (selected)> */
.RadPanelBar_FelixxContent ul.rpGroup .rpSelected .rpExpandHandle,
.RadPanelBar_FelixxContent .rpGroup a.rpSelected:hover {
    background-image: url('Felixx/iconselected.png');
}

    .RadPanelBar_FelixxContent .rpGroup a.rpSelected .rpOut,
    .RadPanelBar_FelixxContent .rpGroup a.rpSelected:hover .rpOut .rpExpandHandleHovered {
        background-image: url('Felixx/iconselectedhover.png');
    }

/*      </subitems (selected)> */
/*      <subitems (expand arrows)> */

.RadPanelBar_FelixxContent ul.rpGroup .rpExpandable .rpExpandHandle,
.RadPanelBar_FelixxContent .rpGroup a.rpExpandable:hover .rpNavigation .rpExpandHandle {
}

.RadPanelBar_FelixxContent .rpGroup a.rpExpandable:hover .rpExpandHandle,
.RadPanelBar_FelixxContent .rpGroup a.rpExpandable:hover .rpNavigation .rpExpandHandleHovered {
}

.RadPanelBar_FelixxContent ul.rpGroup .rpExpanded .rpExpandHandle,
.RadPanelBar_FelixxContent .rpGroup a.rpExpanded:hover .rpNavigation .rpExpandHandle {
    background-image: url('Felixx/iconcollapse.png');
}

.RadPanelBar_FelixxContent .rpGroup a.rpExpanded:hover .rpExpandHandle,
.RadPanelBar_FelixxContent .rpGroup a.rpExpanded:hover .rpNavigation .rpExpandHandleHovered {
    background-image: url('Felixx/iconcollapsehover.png');
}

.RadPanelBar_FelixxContent .rpGroup div.rpExpandable .rpExpandHandleHovered {
    background-image: url('Felixx/iconexpand.png');
}

.RadPanelBar_FelixxContent .rpGroup div.rpExpanded .rpExpandHandleHovered {
    background-image: url('Felixx/iconexpand.png');
}

/* </background positioning> */
