.treeview
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none
}
.treeview UL
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none
}
.treeview UL
{
    MARGIN-TOP: 4px;
    BACKGROUND-COLOR: white
}
.treeview .hitarea
{
    BACKGROUND: url(images/treeview-default.gif) no-repeat -64px -25px;
    FLOAT: left;
    MARGIN-LEFT: -16px;
    WIDTH: 16px;
    CURSOR: pointer;
    HEIGHT: 16px
}
* HTML .hitarea
{
    DISPLAY: inline;
    FLOAT: none
}
.treeview LI
{
    PADDING-RIGHT: 0pt;
    PADDING-LEFT: 16px;
    PADDING-BOTTOM: 3px;
    MARGIN: 0px;
    PADDING-TOP: 3px
}
.treeview A.selected
{
    BACKGROUND-COLOR: #eee
}
#treecontrol
{
    DISPLAY: none;
    MARGIN: 1em 0px
}
.treeview .hover
{
    CURSOR: pointer;
    COLOR: red
}
.treeview LI
{
    BACKGROUND: url(images/treeview-default-line.gif) no-repeat 0px 0px
}
.treeview LI.collapsable
{
    BACKGROUND-POSITION: 0px -176px
}
.treeview LI.expandable
{
    BACKGROUND-POSITION: 0px -176px
}
.treeview .expandable-hitarea
{
    BACKGROUND-POSITION: -80px -3px
}
.treeview LI.last
{
    BACKGROUND-POSITION: 0px -1766px
}
.treeview LI.lastCollapsable
{
    BACKGROUND-IMAGE: url(images/treeview-default.gif)
}
.treeview LI.lastExpandable
{
    BACKGROUND-IMAGE: url(images/treeview-default.gif)
}
.treeview LI.lastCollapsable
{
    BACKGROUND-POSITION: 0px -111px
}
.treeview LI.lastExpandable
{
    BACKGROUND-POSITION: -32px -67px
}
.treeview DIV.lastCollapsable-hitarea
{
    BACKGROUND-POSITION: 0px 50%
}
.treeview DIV.lastExpandable-hitarea
{
    BACKGROUND-POSITION: 0px 50%
}
.treeview-red LI
{
    BACKGROUND-IMAGE: url(images/treeview-red-line.gif)
}
.treeview-red .hitarea
{
    BACKGROUND-IMAGE: url(images/treeview-red.gif)
}
.treeview-red LI.lastCollapsable
{
    BACKGROUND-IMAGE: url(images/treeview-red.gif)
}
.treeview-red LI.lastExpandable
{
    BACKGROUND-IMAGE: url(images/treeview-red.gif)
}
.treeview-black LI
{
    BACKGROUND-IMAGE: url(images/treeview-black-line.gif)
}
.treeview-black .hitarea
{
    BACKGROUND-IMAGE: url(images/treeview-black.gif)
}
.treeview-black LI.lastCollapsable
{
    BACKGROUND-IMAGE: url(images/treeview-black.gif)
}
.treeview-black LI.lastExpandable
{
    BACKGROUND-IMAGE: url(images/treeview-black.gif)
}
.treeview-gray LI
{
    BACKGROUND-IMAGE: url(images/treeview-gray-line.gif)
}
.treeview-gray .hitarea
{
    BACKGROUND-IMAGE: url(images/treeview-gray.gif)
}
.treeview-gray LI.lastCollapsable
{
    BACKGROUND-IMAGE: url(images/treeview-gray.gif)
}
.treeview-gray LI.lastExpandable
{
    BACKGROUND-IMAGE: url(images/treeview-gray.gif)
}
.treeview-famfamfam LI
{
    BACKGROUND-IMAGE: url(images/treeview-famfamfam-line.gif)
}
.treeview-famfamfam .hitarea
{
    BACKGROUND-IMAGE: url(images/treeview-famfamfam.gif)
}
.treeview-famfamfam LI.lastCollapsable
{
    BACKGROUND-IMAGE: url(images/treeview-famfamfam.gif)
}
.treeview-famfamfam LI.lastExpandable
{
    BACKGROUND-IMAGE: url(images/treeview-famfamfam.gif)
}
.treeview .placeholder
{
    DISPLAY: block;
    BACKGROUND: url(images/ajax-loader.gif) no-repeat 0px 0px;
    WIDTH: 16px;
    HEIGHT: 16px
}
.filetree LI
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 16px;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 3px
}
.filetree SPAN.folder
{
    PADDING-RIGHT: 0px;
    DISPLAY: block;
    PADDING-LEFT: 16px;
    PADDING-BOTTOM: 1px;
    PADDING-TOP: 1px
}
.filetree SPAN.file
{
    PADDING-RIGHT: 0px;
    DISPLAY: block;
    PADDING-LEFT: 16px;
    PADDING-BOTTOM: 1px;
    PADDING-TOP: 1px
}
.filetree SPAN.folder
{
    BACKGROUND: url(images/folder.gif) no-repeat 0px 0px
}
.filetree LI.expandable SPAN.folder
{
    BACKGROUND: url(images/folder-closed.gif) no-repeat 0px 0px
}
.filetree SPAN.file
{
    BACKGROUND: url(images/file.gif) no-repeat 0px 0px
}