body {
	background: #ffffff;
}

.treeHeader {
	background-color: #cccccc;
	color: #003399;
	width: 100%;
}

.treeHeader div {
	float: left;
	cursor: pointer;
	margin: 2px;
	padding: 2px 4px; /* top+bottom left+right */
}

.treeHeader IMG  {
	vertical-align: middle;
}

.treeHeader .hover {
	padding: 1px 3px;
	border: 1px solid #003399;
	background-color: #ccccff;
}

.treeHeader .updown {
}

.treeHeader .sync {
	font-size: 7pt;
	float: right;
}

.treeHeader .sync IMG {
	margin-left: 4pt;
}

.treeHeader .hide {
	float: right;
	margin-left: 10px;
	margin-right: 8px;
}

/* Actual tree */

.treeDiv {
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 0px 0px;
}

.treeNode {
	white-space: nowrap;

	/* Left margin/padding controls level indentation */
	padding: 3px 0px 3px 10px;
	
	/* Cancel out first level indentation */
	text-indent: -7px;
}

A.treeUnselected, A.treeSelected {
	color: Black;
	padding: 3px 3px 3px 3px;
	margin-left: -1px;
	text-decoration: none;
}

A.treeUnselected:hover, A.treeSelected:hover {
	padding: 2px 2px 2px 2px;
	border: 1px solid #999999;
	text-decoration: none;
	background-color: #cccccc;
}

A.treeSelected {
	padding: 2px 2px 2px 2px;
	border: 1px solid #999999;
}

A.treeUnselected {
}

.treeSubnodes {
	display: block;
	margin: 3px 0px -3px 0px;
}

.treeSubnodesHidden {
	display: none;
}

.treeNode IMG.treeNoLinkImage, .treeNode IMG.treeLinkImage {
	width: 11px;
	height: 11px;
	vertical-align: middle;
	margin: 0px 0px 0px 0px;
}

.treeNode IMG.treeLinkImage {
	cursor: pointer;
}