/* first item */
.treeview li{
    font-size: 1.2em;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
}
.treeview li a, .treeview li span {text-decoration: none; color:#bfad6e;}
.treeview li a:hover {color:#ffffff;}

/* all other sub item */
.treeview li ul li{
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
    text-transform: none;
}

.treeview li ul li a, .treeview li ul li span {text-decoration: none; color:#AFAFAF;}
.treeview li ul li a:hover {color:#ffffff;}


/*--------------------------------------*/


.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	

}

.treeview ul {
	/*background-color: white;*/
	margin-top: 4px;
}

.treeview .hitarea {
	background: url(imgtree/treeview-famfamfam.png) -64px -25px no-repeat;
	/*border: 1px solid white;*/
	height: 16px;
	width: 16px;
	margin-right: 5px;
	float: right;
	cursor: pointer;
	z-index: 60;
}

/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 3px 0pt 10px 16px;
}

.treeview li ul li{ 
	margin: 0;
	padding: 3px 0pt 5px 16px;
}

.treeview a.selected {
	/*background-color: #eee;*/
	color: #EFB756 !important;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: white; cursor: pointer; }

.treeview li { background: url(imgtree/treeview-famfamfam-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }
.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px;}

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background: url(imgtree/treeview-famfamfam.png)}
.treeview div.lastCollapsable-hitarea { background-position: -64px -25px  }
.treeview div.lastExpandable-hitarea { background-position: -80px -3px;  }