.RadPanelBar_Frgm {
    color: black;
    background-color: white; /**/
    font: normal 12px "Segoe UI",Arial,Helvetica,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 "Segoe UI",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;
    
}