/*Base css*/

.RadPanelBar
{
    width: 100%;
}

.RadPanelBar .rpRootGroup, .RadPanelBar .rpGroup, .RadPanelBar .rpItem
{
    margin: 0;
    padding: 0;
    list-style-image: none;
    list-style-position: outside;
    list-style: none;
}

.RadPanelBar .rpItem
{
    float: none;
    display: block;
    position: static;
}

.RadPanelBar .rpSlide
{
    position: static;
    float: none;
    height: auto;
}

.RadPanelBar .rpText:after, .RadPanelBar .rpTemplate:after, .RadPanelBar .rpItem:after
{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.RadPanelBar .rpLink, .RadPanelBar .rpText
{
    font-size:12px;
    text-decoration: none;
    display: block;
}

.RadPanelBar .rpImage
{
    float: left;
    border: 0;
    vertical-align: middle;
}

.RadPanelBar .rpLevel1
{
    overflow: auto;
    overflow-x: hidden;
}

.RadPanelBar .rpLink
{
    width: 100%;
    outline: none; /* Remove this for FF to put dotted border around the focused item */
}

.RadPanelBar .rpText
{
    cursor: pointer;
    _cursor: hand;
}

.RadPanelBar .rpSlide
{
    display: none;
    zoom: 1;
}

.rtl .rpImage
{
    border: 0;
    float: right;
}

.rtl
{
    text-align: right;
}