.RadPanelBar_CustomPanelBar {
    background: #fff;
}

    .RadPanelBar_CustomPanelBar .rpRootGroup {
        border: none;
        background-color: #191919;
    }

    .RadPanelBar_CustomPanelBar a.rpLink,
    .RadPanelBar_CustomPanelBar div.rpHeaderTemplate,
    .RadPanelBar_CustomPanelBar .rpTemplate {
        color: #000;
        font: bold 12px/22px "Segoe UI", Arial, sans-serif;
        text-align: center;
        margin-top: 5px;
        margin-bottom: 6px;
    }

    .RadPanelBar_CustomPanelBar div.rpHeaderTemplate,
    .RadPanelBar_CustomPanelBar a.rpLink {
        background-color: #fdfdfd;
        background-image: url('PanelBar/MenuBG.jpg');
        background-repeat: no-repeat;
        border: none;
    }

    .RadPanelBar_CustomPanelBar .rpOut {
        border: none;
    }

    .RadPanelBar_CustomPanelBar .rpLink:hover {
        color: lightgray;
        border: none;
    }

    .RadPanelBar_CustomPanelBar .rpLink.rpFocused,
    .RadPanelBar_CustomPanelBar .rpLink.rpSelected {
        color: lightgray;
        border: none;
    }

    .RadPanelBar_CustomPanelBar .rpLink.rpExpanded,
    .RadPanelBar_CustomPanelBar div.rpFocused,
    .RadPanelBar_CustomPanelBar div.rpExpanded,
    .RadPanelBar_CustomPanelBar div.rpSelected {
        background-color: #fdfdfd;
        border: none;
    }

    /* <disabled items> */
    .RadPanelBar_CustomPanelBar a.rpDisabled,
    .RadPanelBar_CustomPanelBar div.rpDisabled,
    .RadPanelBar_CustomPanelBar a.rpDisabled:hover {
        color: #bbb;
    }

    /* </disabled items> */
    /* <subitems> */
    .RadPanelBar_CustomPanelBar .rpGroup {
        border: none;
        background-color: #000;
    }

        .RadPanelBar_CustomPanelBar .rpGroup a.rpLink,
        .RadPanelBar_CustomPanelBar .rpGroup div.rpHeaderTemplate,
        .RadPanelBar_CustomPanelBar .rpGroup .rpTemplate {
            text-align: left;
            color: #CEBB83;
            background-image: none;
            border: none;
        }

            .RadPanelBar_CustomPanelBar .rpGroup a.rpLink:hover {
                color: red;
            }

            .RadPanelBar_CustomPanelBar .rpGroup a.rpLink,
            .RadPanelBar_CustomPanelBar .rpGroup a.rpLink .rpOut {
                background-color: black;
                /*background-image: url('PanelBar/SubItemStates.png');
                background-repeat: no-repeat;*/

                background-image: none;
            }

        .RadPanelBar_CustomPanelBar .rpGroup a.rpSelected,
        .RadPanelBar_CustomPanelBar .rpGroup a.rpSelected:hover {
            color: #fff;
        }

        /* <subitems (disabled)> */
        .RadPanelBar_CustomPanelBar ul.rpGroup .rpDisabled,
        .RadPanelBar_CustomPanelBar .rpGroup a.rpDisabled:hover,
        .RadPanelBar_CustomPanelBar .rpGroup a.rpDisabled .rpOut {
            background-image: none;
        }

        .RadPanelBar_CustomPanelBar ul.rpGroup .rpDisabled,
        .RadPanelBar_CustomPanelBar .rpGroup a.rpDisabled:hover {
            color: #bbb;
            background-color: #fff;
        }

    /* <subitems (disabled)> */
    /* </subitems> */
    /* <background positioning> */
    .RadPanelBar_CustomPanelBar a.rpLink,
    .RadPanelBar_CustomPanelBar div.rpHeaderTemplate,
    .RadPanelBar_CustomPanelBar a.rpExpanded,
    .RadPanelBar_CustomPanelBar div.rpExpanded,
    .RadPanelBar_CustomPanelBar .rpItem a.rpLinkExpandHovered {
        background-position: 0 0;
    }

        .RadPanelBar_CustomPanelBar a.rpFocused,
        .RadPanelBar_CustomPanelBar div.rpFocused,
        .RadPanelBar_CustomPanelBar a.rpLink:hover,
        .RadPanelBar_CustomPanelBar a.rpExpanded:hover {
            background-position: 0 -200px;
            background-position: 0 0;
        }

    .RadPanelBar_CustomPanelBar a.rpSelected,
    .RadPanelBar_CustomPanelBar div.rpSelected,
    .RadPanelBar_CustomPanelBar a.rpSelected:hover {
        background-position: 0 -400px;
        background-position: 0 0;
    }

    .RadPanelBar_CustomPanelBar .rpFirst a.rpLink,
    .RadPanelBar_CustomPanelBar .rpFirst div.rpHeaderTemplate,
    .RadPanelBar_CustomPanelBar li.rpFirst .rpExpanded {
        background-position: 0 -1px;
        background-position: 0 0;
    }

        .RadPanelBar_CustomPanelBar li.rpFirst .rpFocused,
        .RadPanelBar_CustomPanelBar .rpFirst a.rpLink:hover {
            background-position: 0 -201px;
            background-position: 0 0;
        }

    .RadPanelBar_CustomPanelBar li.rpFirst .rpSelected,
    .RadPanelBar_CustomPanelBar .rpFirst a.rpSelected:hover {
        background-position: 0 -401px;
        background-position: 0 0;
    }

    /* <root items (disabled)> */
    .RadPanelBar_CustomPanelBar a.rpDisabled:hover {
        cursor: default;
    }

        .RadPanelBar_CustomPanelBar a.rpDisabled,
        .RadPanelBar_CustomPanelBar div.rpDisabled,
        .RadPanelBar_CustomPanelBar a.rpDisabled:hover,
        .RadPanelBar_CustomPanelBar a.rpDisabled:hover .rpOut {
            background-position: 0 0;
        }

    /* </root items (disabled)> */
    /*      <expand arrows> */
    .RadPanelBar_CustomPanelBar .rpExpandable span.rpExpandHandle,
    .RadPanelBar_CustomPanelBar .rpExpanded span.rpExpandHandle {
        background-color: transparent;
        background-image: url('PanelBar/Expandable.png');
        background-repeat: no-repeat;
    }

.RadPanelBar_CustomPanelBar_rtl .rpGroup .rpText {
    padding: 0 10px;
}

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

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

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

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

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

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

/*      </expand arrows> */
.RadPanelBar_CustomPanelBar .rpGroup a.rpLink,
.RadPanelBar_CustomPanelBar .rpGroup div.rpHeaderTemplate,
.RadPanelBar_CustomPanelBar .rpGroup a.rpLink .rpOut {
    background-position: 0 200px;
}

    .RadPanelBar_CustomPanelBar .rpGroup a.rpLink:hover,
    .RadPanelBar_CustomPanelBar ul.rpGroup .rpFocused {
        background-position: 100% -22px;
    }

        .RadPanelBar_CustomPanelBar .rpGroup a.rpLink:hover .rpOut,
        .RadPanelBar_CustomPanelBar .rpGroup a.rpFocused .rpOut {
            background-position: 0 0;
        }

/*      <subitems (selected)> */
.RadPanelBar_CustomPanelBar ul.rpGroup .rpSelected,
.RadPanelBar_CustomPanelBar .rpGroup a.rpSelected:hover {
    background-position: 100% -222px;
    background-color: transparent;
}

    .RadPanelBar_CustomPanelBar .rpGroup a.rpSelected .rpOut,
    .RadPanelBar_CustomPanelBar .rpGroup a.rpSelected:hover .rpOut {
        background-position: 0 -200px;
    }

/*      </subitems (selected)> */
/*      <subitems (expand arrows)> */
.RadPanelBar_CustomPanelBar ul.rpGroup .rpExpandable .rpExpandHandle,
.RadPanelBar_CustomPanelBar .rpGroup a.rpExpandable:hover .rpNavigation .rpExpandHandle {
    background-position: 0 -343px;
}

.RadPanelBar_CustomPanelBar .rpGroup a.rpExpandable:hover .rpExpandHandle,
.RadPanelBar_CustomPanelBar .rpGroup a.rpExpandable:hover .rpNavigation .rpExpandHandleHovered {
    background-position: 100% -343px;
}

.RadPanelBar_CustomPanelBar ul.rpGroup .rpExpanded .rpExpandHandle,
.RadPanelBar_CustomPanelBar .rpGroup a.rpExpanded:hover .rpNavigation .rpExpandHandle {
    background-position: 0 -482px;
}

.RadPanelBar_CustomPanelBar .rpGroup a.rpExpanded:hover .rpExpandHandle,
.RadPanelBar_CustomPanelBar .rpGroup a.rpExpanded:hover .rpNavigation .rpExpandHandleHovered {
    background-position: 100% -482px;
}

.RadPanelBar_CustomPanelBar .rpGroup div.rpExpandable .rpExpandHandleHovered {
    background-position: 0 -343px;
}

.RadPanelBar_CustomPanelBar .rpGroup div.rpExpanded .rpExpandHandleHovered {
    background-position: 0 -482px;
}

/* </background positioning> */