#treeviewdoc {
 clear:both;
 float:left;
}

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

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

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

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


* html .treeview li {
 float:left;
}

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

.treeview a.selected {
 background-color:#eee;
}

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

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

.treeview li {
 white-space:nowrap;
 background:url('../images/treeview/treeview-famfamfam-line.gif') 0 0 no-repeat;
}

/* IE 6 ------------------------------------- */

* html .treeview li {
 background-image:url('../images/treeview/treeview-default.gif') 0 0 no-repeat;
}

* html .treeview li,
* html .treeview li.expandable {
 position:relative;
}

* html .treeview .hitarea.collapsable-hitarea,
* html .treeview .hitarea.expandable-hitarea {
 position:absolute;
}

/* IE 7 ------------------------------------- */

*+html .treeview li {
 background-image:url('../images/treeview/treeview-default-line.gif') 0 0 no-repeat;
}

*+html .treeview .hitarea.collapsable-hitarea,
*+html .treeview .hitarea.expandable-hitarea {
 position:absolute;
}

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

.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 li.lastCollapsable,
.treeview li.lastExpandable {
 background-image:url('../images/treeview/treeview-default.gif');
}
  
.treeview li.lastCollapsable {
 background-position:0 -111px;
}

.treeview li.lastExpandable {
 background-position:-32px -67px;
}

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

.treeview-red li {
 background-image:url('../images/treeview/treeview-red-line.gif');
}

.treeview-red .hitarea,
.treeview-red li.lastCollapsable,
.treeview-red li.lastExpandable {
 background-image:url('../images/treeview/treeview-red.gif');
}

.treeview-black li {
 background-image:url('../images/treeview/treeview-black-line.gif');
}

.treeview-black .hitarea,
.treeview-black li.lastCollapsable,
.treeview-black li.lastExpandable {
 background-image:url('../images/treeview/treeview-black.gif');
}  

.treeview-gray li {
 background-image:url('../images/treeview/treeview-gray-line.gif');
}

.treeview-gray .hitarea,
.treeview-gray li.lastCollapsable,
.treeview-gray li.lastExpandable {
 background-image:url('../images/treeview/treeview-gray.gif');
} 

/*
.treeview-famfamfam li {
 background-image:url('../images/treeview/treeview-default-line.gif');
}
*/

.treeview-famfamfam li {
 background-image:url('../images/treeview/treeview-default-line.gif');
}

.treeview-famfamfam .hitarea,
.treeview-famfamfam li.lastCollapsable,
.treeview-famfamfam li.lastExpandable {
 background-image:url('../images/treeview/treeview-famfamfam.gif');
} 

.filetree li {
 padding:3px 0 2px 16px;
}

.filetree span.folder,
.filetree span.file {
 padding:1px 0 1px 16px;
 display:block;
}

.filetree span.folder {
 background:url('../images/treeview/folder.gif') 0 0 no-repeat;
}

.filetree li.expandable span.folder {
 background:url('../images/treeview/folder-closed.gif') 0 0 no-repeat;
}

.filetree span.file {
 background:url('../images/treeview/file.gif') 0 0 no-repeat;
}