.RadPanelBar_Frgm_ {
    color: black;
    background-color: white; /**/
    font: normal 12px "proxima-nova-n4", "proxima-nova", helvetica, arial, sans-serif;
    line-height: 24px;
}

    .RadPanelBar_Frgm_ .rpRootGroup {
        border-color: #cdcdcd;
    }

    .RadPanelBar_Frgm_ .rpLink {
        border-color: #cdcdcd;
        color: black;
        background-color: #f9f9f9;
    }

.RadPanelBar_Frgm_ {
    background-color: #fff;
}

    .RadPanelBar_Frgm_ .rpRootGroup {
        border-color: #e5e5e5;
    }

    .RadPanelBar_Frgm_ div.rpHeaderTemplate, .RadPanelBar_Frgm_ .rpTemplate {
        color: black; /*767676*/
        font: normal 12px/24px "proxima-nova-n4", "proxima-nova", helvetica, arial, sans-serif;
    }

    .RadPanelBar_Frgm_ div.rpHeaderTemplate {
        background-color: #fff;
        border-color: #e5e5e5;
    }

    .RadPanelBar_Frgm_ .rpOut {
        border-color: #fff; /*fff*/
    }

    .RadPanelBar_Frgm_ a.rpExpanded, .RadPanelBar_Frgm_ div.rpExpanded {
        border-color: #36a6ce; /*the expanded dark blue color #5C7499 */
        color: #fff; /* active panel*/
        background-color: #36a6ce; /*the expanded dark blue color #5C7499 */
        font-weight: bold;
    }

    .RadPanelBar_Frgm_ a.rpFocused, .RadPanelBar_Frgm_ a.rpFocused:hover, .RadPanelBar_Frgm_ div.rpFocused, .RadPanelBar_Frgm_ a.rpSelected, .RadPanelBar_Frgm_ a.rpSelected:hover, .RadPanelBar_Frgm_ div.rpSelected {
    }

div.RadPanelBar_Frgm_ a.rpLink .rpOut, div.RadPanelBar_Frgm_ a.rpFocused .rpOut, div.RadPanelBar_Frgm_ a.rpLink:hover .rpOut, div.RadPanelBar_Frgm_ a.rpSelected .rpOut, div.RadPanelBar_Frgm_ a.rpSelected:hover .rpOut {
    padding-bottom: 1px;
    border: 0;
}

.RadPanelBar_Frgm_ a.rpDisabled:hover .rpOut {
    border-color: #fff;
}

.RadPanelBar_Frgm_ .rpGroup {
    background-color: #fff;
}

div.RadPanelBar_Frgm_ .rpGroup a.rpLink, div.RadPanelBar_Frgm_ .rpGroup div.rpHeaderTemplate, div.RadPanelBar_Frgm_ .rpGroup .rpTemplate {
    color: #767676;
    background-color: transparent;
    background-image: none;
    border: 0;
    margin: 0 2px;
    padding: 1px;
}

    div.RadPanelBar_Frgm_ .rpGroup a.rpLink:hover {
        color: #000;
        border: 1px solid #e5e5e5;
        background-color: #e5e5e5;
        padding: 0;
    }

div.RadPanelBar_Frgm_ ul.rpGroup .rpFocused, div.RadPanelBar_Frgm_ ul.rpGroup .rpSelected, div.RadPanelBar_Frgm_ ul.rpGroup .rpSelected, div.RadPanelBar_Frgm_ .rpGroup a.rpSelected:hover {
    border-color: #5C7499;
    color: #fff;
    background-color: #5C7499;
}

div.RadPanelBar_Frgm_ ul.rpGroup .rpDisabled, div.RadPanelBar_Frgm_ .rpGroup a.rpDisabled:hover {
    color: #e5e5e5;
    text-decoration: none;
    border: 0;
    padding: 1px;
}

.RadPanelBar_Frgm_ .rpExpandable span.rpExpandHandle, .RadPanelBar_Frgm_ .rpExpanded span.rpExpandHandle {
    background-color: transparent;
    background-image: url('PanelBar/Expandable.png');
    background-repeat: no-repeat;
    display: none;
}

.RadPanelBar_Frgm__rtl .rpGroup .rpText {
    padding: 3px 3px; /*0 10px*/
}

.RadPanelBar_Frgm_ .rpExpandable span.rpExpandHandle, .RadPanelBar_Frgm_ a.rpExpandable:hover .rpNavigation .rpExpandHandle {
    background-position: 0 -5px;
}

.RadPanelBar_Frgm_ a.rpExpandable:hover .rpExpandHandle, .RadPanelBar_Frgm_ a.rpExpandable:hover .rpNavigation .rpExpandHandleHovered {
    background-position: 100% -5px;
}

.RadPanelBar_Frgm_ .rpExpanded span.rpExpandHandle, .RadPanelBar_Frgm_ a.rpExpanded:hover .rpNavigation .rpExpandHandle {
    background-position: 0 -181px;
}

.RadPanelBar_Frgm_ a.rpExpanded:hover .rpExpandHandle, .RadPanelBar_Frgm_ a.rpExpanded:hover .rpNavigation .rpExpandHandleHovered {
    background-position: 100% -181px;
}

.RadPanelBar_Frgm_ ul.rpGroup .rpExpandable span.rpExpandHandle, .RadPanelBar_Frgm_ .rpGroup a.rpExpandable:hover .rpNavigation span.rpExpandHandle {
    background-position: 0 -343px;
    margin: 4px 0 0 0;
}

.RadPanelBar_Frgm_ .rpGroup a.rpExpandable:hover span.rpExpandHandle, .RadPanelBar_Frgm_ .rpGroup a.rpExpandable:hover .rpNavigation span.rpExpandHandleHovered {
    background-position: 100% -343px;
    margin: 4px 0 0 0;
}

.RadPanelBar_Frgm_ ul.rpGroup .rpExpanded span.rpExpandHandle, .RadPanelBar_Frgm_ .rpGroup a.rpExpanded:hover .rpNavigation span.rpExpandHandle {
    background-position: 0 -482px;
    margin: 4px 0 0 0;
}

.RadPanelBar_Frgm_ .rpGroup a.rpExpanded:hover span.rpExpandHandle, .RadPanelBar_Frgm_ .rpGroup a.rpExpanded:hover .rpNavigation span.rpExpandHandleHovered {
    background-position: 100% -482px;
    margin: 4px 0 0 0;
}

.RadPanelBar_Frgm_ div.rpExpandable .rpExpandHandleHovered {
    background-position: 0 -5px;
}

.RadPanelBar_Frgm_ div.rpExpanded .rpExpandHandleHovered {
    background-position: 0 -181px;
}

.RadPanelBar_Frgm_ .rpGroup div.rpExpandable span.rpExpandHandleHovered {
    background-position: 0 -343px;
    margin: 4px 0 0 0;
}

.RadPanelBar_Frgm_ .rpGroup div.rpExpanded span.rpExpandHandleHovered {
    background-position: 0 -482px;
    margin: 4px 0 0 0;
}