/**
 * IE6 and Mozilla compatible.  Javascript-friendly, just add or remove the "collapsed" class...
 */
body {
	background-color: White;  
}
.tree, .treeleaf { 
	clear: both;
	display: block;
}
.tree .tree, .tree .treeleaf {
	margin-left: 8mm;
}
.treehead {
	cursor: pointer;
	display: block;
	font-weight: bold;
	font-style: normal;
	border-bottom: dashed 1px #aaaaaa;
}
.failed {
	color: Red;
}
.collapsed .whencollapsed { display: inline; }
.collapsed .whenexpanded  { display: none;   }
.whenexpanded  { display: inline; }
.whencollapsed { display: none;   }

.treeicon {
	width: 11px;
	height: 11px;
}
.treehead:hover {/*Non-IE6*/
	background-color: #e0f0ff;
}
.treeleafhead {
	display: block;
	font-style: italic;
	border-bottom: dashed 1px #bbbbbb;
}
.treecol {
	text-align: right;
	display: block;
	float: right;
}

.treehead span {
	color: #422;
}
.treebody {
	display: block;
	margin-left: 9mm;
	padding-left: 3mm;
	border-right: dashed 1px #aaaaaa;
	font-weight:normal;
}
.collapsed .treehead span, .treeleafhead span {
/*	color: blue; */
}

.collapsed .tree, .collapsed .treebody, .collapsed .treeleaf {
	display: none;
}

/* doesn't belong here. */
.treecol2 {
	text-align: right;
	display: block;
	float: right;
	width: 8cm;
}