.RadPanelBar
{
    margin:5px;
}

ul.rpRootGroup li.rpItem span.rpText
{
    font-size:13px;
    font-weight:lighter;
    display:block;
    background-color:#cc0099;
    color:#fff;
    margin:0 0 1px 0;
    padding:3px 10px 3px 3px;
}

ul.rpLevel1
{
}

ul.rpLevel1 li.rpItem span.rpText
{
    background-color:#fff;
    margin:0 0 1px 0;
    color:#cc0099;
    padding:3px 20px 3px 5px;
    font-size:12px;
    border-bottom:1px dashed #ebe8e2;
}

ul.rpLevel1 li.rpItem span.rpText:hover
{
    background-color:#ebe8e2;
    margin:0 0 1px 0;
    color:#cc0099;
    padding:3px 20px 3px 5px;
    font-size:12px;
}

ul.rpLevel2 li.rpItem span.rpText
{
    background-color:#fff;
    margin:0 0 0 5px;
    color:#000;
    padding:3px 20px 3px 7px;
    font-size:11px;
}

ul.rpLevel2 li.rpItem span.rpText:hover
{
    background-color:#ebe8e2;
    margin:0 0 0 5px;
    color:#000;
    padding:3px 20px 3px 7px;
    font-size:11px;
}

ul.rpRootGroup .rpExpandable .rpText
{
	background: transparent url('plus_White.gif') no-repeat 140px 7px;
}

ul.rpRootGroup .rpExpanded .rpText
{
	background: url('minus_White.gif') no-repeat 140px 7px;
	background-color:none !important;
}


ul.rpLevel1 .rpExpandable .rpText
{
	background: transparent url('plus_Pink.gif') no-repeat 140px 7px;
}

ul.rpLevel1 .rpExpanded .rpText
{
	background: transparent url('minus_Pink.gif') no-repeat 140px 7px;
}

.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
{
	text-decoration:none;
	display:block;
}

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

.RadPanelBar .rpLevel1
{
	overflow:auto;
	overflow-x:hidden;
    margin:0px !important;
}

.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
{
	overflow:hidden;
	display:none;
	zoom: 1;
}

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

.RadPanelBar_Default
{
	background-color:#FFFFFF;
}

.RadPanelBar_Default ul.rpRootGroup
{
	padding: 0px;
}

.RadPanelBar_Default .rpLink
{
	overflow-x: hidden;
}

.RadPanelBar_Default .rpText
{
	overflow-x: hidden;
}
/*
.RadPanelBar_Default .rpExpandable .rpText
{
	background: transparent url('plus_White.gif') no-repeat 140px 7px;
}

.RadPanelBar_Default .rpExpanded .rpText
{
	background: transparent url('minus.gif') no-repeat 140px 7px;
}
*/
.RadPanelBar_Default .rpGroup .rpExpanded .rpText,
.RadPanelBar_Default .rpGroup .rpExpandable .rpText
{
	background-position: 140px 5px;
}

.RadPanelBar_Default .rpGroup
{
	overflow-x: hidden;
	overflow-y: auto;
}

/* these should be checked */

.RadPanelBar_Default .rpSelected .rpText
{
	font-weight: bold;
}

.RadPanelBar_Default .rpDisabled .rpText
{
	cursor: default;
	color: #bbb;
}

.RadPanelBar_Default .rpRootGroup .rpDisabled:hover
{
	cursor: default;
	text-decoration: none;
}

.RadPanelBar_Default .rpGroup .rpDisabled:hover
{
	cursor: default;
	text-decoration: none;
}