/* RadPanelBar WebBlue skin */

.RadPanelBar_WebBlue
{
	background: #fff;
	white-space: nowrap;
	line-height: 21px;
	text-align: left;
	
}

.RadPanelBar_WebBlue .rpRootGroup
{
	border: solid 0px #69798c;
}

.RadPanelBar_WebBlue .rpText
{
	padding: 0 20px;
	font: menu;
	font-weight: normal;
    line-height: 21px;
}

.RadPanelBar_WebBlue .rpLink
{
	color: #fff;
}

.RadPanelBar_WebBlue .rpImage
{
	margin: 0px 0px;
}

.RadPanelBar_WebBlue .rpRootGroup .rpText
{
	background: url('../WebBlue/PanelBar/MainItemNormal.gif') repeat-x;
}

.RadPanelBar_WebBlue .rpRootGroup .rpText:hover 
{
	background: url('../WebBlue/PanelBar/MainItemOn.gif') repeat-x;
}

.RadPanelBar_WebBlue .rpRootGroup .rpSelected .rpText
{
    background: url('../WebBlue/PanelBar/MainItemOn.gif') repeat-x;
}

.RadPanelBar_WebBlue .rpRootGroup .rpItem
{
	border-top: solid 1px #a3b9d2;
}

.RadPanelBar_WebBlue .rpRootGroup .rpFirst
{
	border-top: 0;
}

.RadPanelBar_WebBlue .rpGroup .rpLink
{
	font-weight:normal;
    line-height: 21px;
}

.RadPanelBar_WebBlue .rpGroup .rpText
{
	border: 0;
	color: #fff;
	background: url('../WebBlue/PanelBar/SubItemNormal3.gif') repeat-x;
	padding: 0 20px;
}


.RadPanelBar_WebBlue .rpGroup .rpItem
{
	border-bottom: 0;
	border-top: solid 1px #d1dae7;
}

.RadPanelBar_WebBlue .rpGroup .rpLast
{
	border-bottom: 0;
}

.RadPanelBar_WebBlue .rpGroup .rpText:hover
{
	background: url('../WebBlue/PanelBar/SubItemOn3.gif') repeat-x;
}

.RadPanelBar_WebBlue .rpGroup .rpSelected .rpText
{
	background: url('../WebBlue/PanelBar/SubItemOn3.gif') repeat-x;
}

.RadPanelBar_WebBlue .rpGroup .rpLink
{
	color: #333;
}


.RadPanelBar_WebBlue .rpGroup .rpLink
{
	background: url('../WebBlue/PanelBar/SubItemNormal3.gif') repeat-x;
}

.RadPanelBar_WebBlue .rpGroup .rpLink:hover
{
	background: url('../WebBlue/PanelBar/SubItemOn3.gif') repeat-x;
}

.RadPanelBar_WebBlue .rpRootGroup .rpDisabled:hover,
.RadPanelBar_WebBlue .rpRootGroup .rpDisabled .rpText
{
	background: none;
	color: #ccc;
	cursor: default;
}

.RadPanelBar_WebBlue .rpRootGroup .rpGroup .rpDisabled:hover,
.RadPanelBar_WebBlue .rpRootGroup .rpGroup .rpDisabled .rpText
{
	text-decoration: none;
	background: none;
	color: #ccc;
	cursor: default;
}

.ClickedCssClass .rpText
    {
        color: green !important;
    }
    
    
    
/* Base CSS */
    .RadPanelBar
{
	width:250px;
}

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

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

.rtl 
{
	text-align:right;
}

    /*Base css*/