.treeview
{
  background-color:White;
  font-size: 10pt;
}

#treecontrol { margin: 1em 0; display: none;}
.treeview .hover { cursor: pointer; }

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

.treeview .hitarea {  
  background-image: url("../img/icons/menu.png");
  background-repeat: no-repeat;	
  height: 12px;
  width: 12px;
  margin-top: 15px;
  margin-right: 10px;
  float: right;
  cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
    display: block;
    padding: 0;
    margin: 0;
    border: 0;      
    position: relative;    
}

.treeview li a {
    display: block;
    height: 38px;
    line-height: 36px;
    padding: 0 16px 0 7px;    
    color: #585858;
    text-shadow: none!important;
    font-size: 13px;
    text-decoration: none;
}

/*selected*/
.treeview li.selected  a{
	font-weight:bold;
  color: #FF9900;  
}

.treeview li.selected li a {
	font-weight:normal;
  color: #585858;
}

/*top level*/
.treeview li a{ font-weight: bold;}
.treeview li {border-bottom: solid 1px #d5d5d5;}
.treeview li.collapsable{ background-color: #e9e9e9;}
.treeview li.collapsable .hitarea{ background-position: 0 0;}
.treeview li.expandable .hitarea{ background-position: 0 -12px;}

/*next levels*/
.treeview ul li a{	margin-left: 20px;padding: 0;font-weight: normal;}
.treeview li li {border: none;}
.treeview li.collapsable li{ background-color: #ffffff;}

.treeview ul ul li a{	margin-left: 40px;padding: 0;}