/* CSS para a TreeView */

.TreeView {
	line-height: 16px;
	cursor: pointer;
	font-style: normal;
	overflow: scroll;
	border: 1px solid gray;
}

.TreeView li{
	font-size: 11px !important;
	background: url(node.gif) no-repeat left top;
	padding: 0 0 0 15px;
	margin: 0 0 0 2px;
	float: left;
	width: 100%;
	list-style: none;
	border: 1px solid transparent;
}

.TreeView li a {
	text-decoration: none;
	display:block;
	padding:0 2px;
}

.TreeView li a:focus {
	background-color: #004080;
	color: white;
}



.TreeView li:hover {
	background: #eeC url(node.gif) no-repeat left top;
	color: black;
	border: 1px dotted White;
}

.TreeView li.Expanded:hover {
	background: #eeC url(toggleclose.gif) no-repeat left top;
	color: black;
	border: 1px dotted White;
}
.TreeView li.Collapsed:hover {
	background: #eeC url(toggleopen.gif) no-repeat left top;
	color: black;
	border: 1px dotted White;
}


.TreeView, .TreeView ul{
	margin: 0;
	padding: 0;
}


li.Expanded {background: url(toggleclose.gif) no-repeat left top;}
li.Expanded ul{display: block;}
li.Collapsed {background: url(toggleopen.gif) no-repeat left top;}
li.Collapsed ul{display: none;}
.Highlighted{color: red;}
.AlternateHighlight{color: blue;}