/* tree menu styles */

.glossymenu {
	margin: 5px 0;
	padding: 0;
	width: 176px; /*width of menu*/
	border-bottom-width: 0;
}

.glossymenu a.menuitem {
	background: #768dc3;
	font: bold 12px Verdana, Helvetica, sans-serif;
	color: #FFF;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 5px 10px 5px 5px;
	text-decoration: none;
	border-bottom: 1px solid #FFF;
}



.glossymenu a.menuitem:visited, .glossymenu .menuitem:active {
	color: #FFF;
}

.glossymenu a.menuitem .statusicon { /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	top: 5px;
	right: 5px;
	border: none;
}

.glossymenu a.menuitem:hover {
	background: #98aad2;
	border-bottom: 1px solid #FFF;
	color: #4b275c;
}

.glossymenu div.submenu { /*DIV that contains each sub menu*/
	background: #FFF;
}

.glossymenu div.submenu .subList { /*UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.glossymenu div.submenu .subList li { /*UL of each sub menu*/
	margin: 0;
	padding: 0 4px;
}

/* .glossymenu div.submenu .subList li {
	border-bottom: 1px solid #F6F6F6; 
} */

.glossymenu div.submenu .subList li a:link, .glossymenu div.submenu .subList li a:active, .glossymenu div.submenu .subList li a:visited {
	font: bold 11px Verdana, Helvetica, sans-serif;
	color: #5e75ac;
	text-decoration: none;
	padding: 4px 0;
}

.glossymenu div.submenu .subList li a:hover {
	color: #101943;
	text-decoration: underline;
}