.treeview, .treeview ul { padding: 0; margin: 0; list-style: none;}
.treeview span { cursor: pointer; padding-left:20px;}
.treeview ul { background-color: white; margin-top: 4px;}
.treeview .hitarea { background: url(../images/jtree/treeview-default.gif) -64px -25px no-repeat; height: 16px; width: 16px; margin-left: -16px; float: left; }

/* fix for IE6 */
* html .hitarea { display: inline; float:none; }
.treeview li { margin: 0; padding: 3px 0pt 3px 16px; }
#treecontrol { margin: 1em 0; display: none; }
.treeview li { background: url(../images/jtree/treeview-gray-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 li.lastCollapsable, .treeview li.lastExpandable { background-image: url(../images/jtree/treeview-gray.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; }

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

.main-node,
.filetree span.TOPIC, 
.filetree span.JSPTOPIC,
.filetree span.HTML,
.filetree span.JSP { padding: 1px 0 1px 16px; display: block; }

.main-node,
.filetree span.TOPIC { background: url(../images/jtree/folder.gif) 0 0 no-repeat; }
.filetree span.JSPTOPIC { background: url(../images/jtree/folder.gif) 0 0 no-repeat; }

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

.filetree span.HTML { background: url(../images/jtree/file.gif) 0 0 no-repeat; }
.filetree span.PDF { background: url(../images/jtree/file-pdf.png) 0 0 no-repeat; }
.filetree span.DOC { background: url(../images/jtree/file-doc.png) 0 0 no-repeat; }
.filetree span.XLS { background: url(../images/jtree/file-xls.png) 0 0 no-repeat; }
.filetree span.JSP { background: url(../images/jtree/file.gif) 0 0 no-repeat; }


.main-node a, 
.filetree span a {padding-left: 3px; padding-right: 3px; margin-top:-3px; text-decoration:none; font:82.5% "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Helvetica,Arial,sans-serif; color:black;}

.main-node a:hover, 
.filetree span a:hover {background-color: #3B5998; color:white;}

.main-node a.selected, 
.filetree span a.selected {background-color: #3B5998; color:white; font-weight:bold;}