.treeview, .treeview ul
{
    padding: 0;
    margin: 2px;
    list-style: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;

}

.treeview a:link, .treeview a:visited, .treeview a:active
{
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    padding: 3px 20px 3px 20px;
    text-transform: uppercase;

}
.treeview a:hover
{
    color: #000000;
   /* background-color:#FFFFFF; */
}

.treeview ul {
	margin-top: 2px;

    

}
/* background: url(treeview-default.gif) -64px -25px no-repeat; 

.treeview .hitarea {
	background: url(treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
	
} */


.treeview li.collapsable .hitarea {
	background: url(treeview-red2.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
	
}
.treeview li.expandable .hitarea {
	background: url(treeview-red1.gif) -80px -3px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
	
}
.treeview li.collapsable li.expandable  .hitarea {
	background: url(treeview-red2.gif) -80px -3px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
	
}
.treeview li.collapsable li.collapsable  .hitarea {
	background: url(treeview-red2.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
	
}

.treeview li.collapsable a:link, .treeview li.collapsable a:visited, .treeview li.collapsable a:active
{
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    padding: 3px 20px 3px 20px;

}



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

.treeview li { 
	margin: 0px;
	padding: 3px 0pt 3px 16px; /*3px 0pt 3px 16px; */
    width: 260px;
    color:Black;
}

.treeview a.selected
{
    color: #000000;
    background-image: none;
   /* background-color: #FFFFFF; */

}

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

.treeview .hover { cursor: pointer; }

.treeview li { background: url(treeview-famfamfam-line.gif) 0 0 no-repeat; }
.treeview li.collapsable { background-position: 0 -176px; background-color: #FFFFFF; color: #d72727; }
.treeview li.expandable { background-position: 0 -176px; color: #d72727;   }

.treeview li.collapsable a:hover
{
    color: #d72727;
   /* background-color: black */
    
}
.treeview li.expandable a:hover
{
    color: #000000;
  
}


.treeview .expandable-hitarea { background-position: -80px -3px; }


.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }


.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable { background-image: url(treeview-red1.gif); }  
.treeview li.lastExpandable { background-image: url(treeview-red1.gif); }  
.treeview li.lastCollapsable { background-position: 0 -109px }
.treeview li.lastExpandable { background-position: -32px -66px }

.treeview .placeholder {
	background: url(ajax-loader.gif) 0 0 no-repeat;
	height: 16px;
	width: 16px;
	display: block;
}