.RadPanelbar_LeftMenu /* entire panelbar */
{
	background: transparent;
	white-space: nowrap;
	border-top: none;
	position:relative;
	margin-bottom: 10px;
	text-align: right;
	list-style-image: none;

}

.RadPanelbar_LeftMenu .rootGroup /* seems to control the same things as above */
{

	/*border: solid 1px red;*/
	background: transparent url('img/line1.gif') no-repeat 0px bottom ;
	
}



.RadPanelbar_LeftMenu .text /* upper level of text, unselected*/
{
	font-weight: bold;
	letter-spacing:0.05em;
	padding: 0.15em 11px 0.15em;
	font: normal 11px Arial, Verdana, Sans-serif;
	background-color: Transparent;
}


.RadPanelbar_LeftMenu .image /*  */
{
	margin: 2px 0px 2px 1px;
}


.RadPanelbar_LeftMenu .rootGroup .text /*main headings */
{
	line-height: 18px;
	border-top:  solid 0px blue;
	font-weight: bold;
	background: transparent url('img/line1.gif') no-repeat 0 top;
}

/*  */
.RadPanelbar_LeftMenu .rootGroup .link
{

}


.RadPanelbar_LeftMenu .group .text /* controls first level in*/
{
	background: none;
	padding: 3.5px 0px 3.5px 50px;
}

.RadPanelbar_LeftMenu .group .link
{
	background: none;
}

.RadPanelbar_LeftMenu .rootGroup .expanded /* can't find what this controls */
{
	
}

.RadPanelbar_LeftMenu .group .expanded
{
	background: none;
	border-bottom: 0px;
}

.RadPanelbar_LeftMenu .rootGroup .expanded .text /* controls the top level when selected */
{
	
	border-top: solid 0px green;
	

}

.RadPanelbar_LeftMenu .rootGroup .selected .text /* controls the top level when selected */
{
	font-weight: bold;
	color: #405791;
	
}

.RadPanelbar_LeftMenu .group .selected .text /* controls level 1 when selected*/
{
	text-decoration: none;
	font-weight: normal;
	border-top: 0;
	background: none;
	color: #F03F25;
	
	/*There was a faint border showing up 
	with color #f5f5f5 I took out */
	/*	border-bottom: solid 2px #f5f5f5;*/
}

/* doesn't seem to change anything 
.RadPanelbar_LeftMenu .group .expanded .text
{
	border-top: 0px;
	border-bottom: solid 1px #f5f5f5;
	background: none;
}
*/


.RadPanelbar_LeftMenu .level1 .text /*this controls the first level in,  */
{
	padding-left: 11px;
	line-height: 14px;
	text-decoration: none;
	font-weight: normal;
	
}

.RadPanelbar_LeftMenu .level2 .text
{
	padding-left: 5px;
	line-height: 14px;
}


a.link, a.link:visited
{
	text-decoration: none;
	color: #887869;
}


a.link:hover
{
	text-decoration: none;
	color: #ccbcad;
	/* I changed the color for the hover from #8878ff (bluish) to #ccbcad because this is 4
	shades lighter of the same hue. It looks pretty damn close to LeftMenuDE*/
}

	/*I think the bullet can be achieved by doing a ul and setting the list-style-type and 
	list-style-position. then when the color changes on The type, the bullet would too.*/

li.item
{
	 list-style-type: none;
}


/*
a.RadPanelbar_LeftMenu:hover a.level2:hover a.text:hover
{
	background-color: Maroon;
}

.RadPanelbar_LeftMenu .rootGroup .disabled:hover,
.RadPanelbar_LeftMenu .rootGroup .disabled .text
{
	color: #ccc;
	cursor: default;
	
}

.RadPanelbar_LeftMenu .rootGroup .group .disabled:hover,
.RadPanelbar_LeftMenu .rootGroup .group .disabled .text
{
	text-decoration: none;
	background: none;
	color: #ccc;
	cursor: default;
}
*/