ul.tree {
	/* This moves the whole tree away from the left edge of the page */
	margin-left: 22px;
	margin-right: 10px;
	padding: 0px;
	white-space: nowrap;
	/* This is to help the backup-restore directory browser stuff clear
	   the 'cancel' button on IE. */
	clear: both;
}

ul.tree a {
        color:#003366;
        left:-22px;
        padding-left:22px;
        position:relative;
}

ul.tree a:link {
	text-decoration: none;
}

ul.tree a:hover {
	color: #F57202;
	text-decoration: underline;
}

ul.tree ul.tree {
	/* This sets the amount of indent for all subsequent levels
	 * of nesting.
	 */
	margin-left: 15px;
	margin-right: 0px;
}

/* path leading to current item is highlighted */
ul.tree a.selected {
	color: #F57202;
}

ul.tree li.menu-closed ul {
	display: none;
}

/*
/sys/images/circle_blue_dot_blue.gif
/sys/images/circle_blue_dot_orange.gif
/sys/images/circle_orange_dot_blue.gif
/sys/images/circle_orange_dot_orange.gif
/sys/images/triangle_blue_dot_orange.gif
/sys/images/triangle_orange_dot_orange.gif
*/

ul.tree li.menu-closed {
	list-style-image: url(/sys/images/triangle_blue_dot_orange.gif);
}
ul.tree li.menu-open {
	list-style-image: url(/sys/images/triangle_orange_dot_orange.gif);
}
ul.tree li.menu-item {
	list-style-image: url(/sys/images/greyBullet.gif);
}

/* first level */
ul.tree li {
	border-top: 1px solid #B3B8CE;
}

ul.tree li:first-child {
	border-top: none;
}

ul.tree li ul.tree li:first-child {
	border-top: none;
}

/* second level */
ul.tree li ul.tree li {
	border-top: 1px dotted #cccccc;
}

/* third level */
ul.tree li ul.tree li ul.tree li {
	/* You cannot see this as it is so similar to the background */
	/* border-top: 1px solid #eeeeee; */
}

ul.restore {
	list-style: none;
}

ul.restore a:link {
	text-decoration: none;
}