.tree {
	padding: 0 0 0 10px;
}
.tree h2 {
	display: block;
	color: #000088;
	font-size: 12px;
	padding: 2px 0 2px 25px;
	background: url('../media/images/dec/tree-root.gif') 3px 2px no-repeat;
}
.tree ul {
	padding: 0;
	margin: 0 0 0 5px;
	list-style-type: none;
}
.tree li {
	margin: 0;
	clear: left;
	display: block;
	line-height: 18px;
	padding: 0 0 0 15px;
}
.tree li ul {
	display: block;
}
.tree li a,
.tree li span {
	border: 0;
	margin: 0;
	height: 16px;
	color: #000088;
	line-height: 16px;
	white-space: nowrap;
	display: inline-block;
	padding: 0 0 0 20px;
	text-decoration: none;
}
.tree li a:hover, 
.tree li a.hover {
	color: #0055AA;
	text-decoration: underline;
}
.tree li a.clicked,
.tree li a.clicked:hover,
.tree li span.clicked {
	text-decoration: underline;
}
.tree li span.clicked {
	padding: 0px 3px 0px 20px !important;
}

.locked li a {
	color: #CCCCCC;
}
.tree li.open ul {
	display: block;
}
.tree li.closed ul {
	display: none;
}

.tree ul {
	background: url('../media/images/dec/tree-dots.gif') 6px 1px repeat-y;
}
.tree li {
	background: url('../media/images/dec/tree-li.gif') 7px center no-repeat;
}
.tree li.last {
	float: left;
	background: url('../media/images/dec/tree-li-last.gif') 5px top no-repeat;
}
.tree li.open {
	background: url('../media/images/dec/tree-minus.gif') left top no-repeat;
}
.tree li.closed {
	background: url('../media/images/dec/tree-plus.gif') left top no-repeat;
}
.tree li.open a {
	background: url('../media/images/dec/tree-open.gif') left 1px no-repeat;
}
.tree li.closed a {
	background: url('../media/images/dec/tree-closed.gif') left 1px no-repeat;
}
.tree li.leaf a {
	background: url('../media/images/dec/tree-leaf.gif') 3px top no-repeat;
}