.treeview, .treeview ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.treeview ul {
  /*background-color: white;*/
  margin-top: 4px;
}
.treeview .hitarea {
  background: url(../img/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;
}
.treeview a.selected {
  background-color: #eee;
}
#treecontrol {
  margin: 1em 0;
  display: none;
}
.treeview .hover {
}
.treeview li {
  background: url(../img/treeview-default-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(../img/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(../img/treeview-red-line.gif);
}
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable {
  background-image: url(../img/treeview-red.gif);
}
.treeview-black li {
  background-image: url(../img/treeview-black-line.gif);
}
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable {
  background-image: url(../img/treeview-black.gif);
}
.treeview-gray li {
  background-image: url(../img/treeview-gray-line.gif);
}
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable {
  background-image: url(../img/treeview-gray.gif);
}
.treeview-famfamfam li {
  background-image: url(../img/treeview-famfamfam-line.gif);
}
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable {
  background-image: url(../img/treeview-famfamfam.gif);
}
.treeview .placeholder {
  background: url(../img/ajax-loader.gif) 0 0 no-repeat;
  height: 16px;
  width: 16px;
  display: block;
}
.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(../img/folder-closed.png) 0 0 no-repeat;
}
.filetree li.expandable span.folder {
  background: url(../img/folder-closed.png) 0 0 no-repeat;
}
.filetree span.file {
  background: url(../img/file.png) 0 0 no-repeat;
}

#f0 {
  background: url(../img/folder-closed-a.png) 0 0 no-repeat;
}
#f1 {
  background: url(../img/folder-closed-b.png) 0 0 no-repeat;
}
#f2 {
  background: url(../img/folder-closed-r.png) 0 0 no-repeat;
}
#f3 {
  background: url(../img/folder-closed-g.png) 0 0 no-repeat;
}
#f4 {
  background: url(../img/profile.png) 0 0 no-repeat;
}
#f5 {
  background: url(../img/form.png) 0 0 no-repeat;
}
#f6 {
  background: url(../img/blog.png) 0 0 no-repeat;
}
#f7,#f7-1,#f7-2,#f7-3 {
  background: url(../img/folder-closed-m.png) 0 0 no-repeat;
}
#f8 {
  background: url(../img/folder-closed-c.png) 0 0 no-repeat;
}


#f2-1-1, #f2-1-2, #f2-2, #f2-3 {
  background: url(../img/folder-closed-r2.png) 0 0 no-repeat;
}

#f1-1,#f1-2,#f1-3,#f1-4 {
  background: url(../img/folder-b.png) 0 0 no-repeat;
}
#f2-1-1-1,#f2-1-1-2,#f2-1-1-3,#f2-1-1-4,
#f2-2-1,#f2-2-2,#f2-2-3,#f2-2-4,#f2-2-5,#f2-2-6,#f2-2-7,#f2-2-8,#f2-2-9,#f2-2-10,#f2-2-11,#f2-2-12,#f2-2-13,
#f2-3-1,#f2-3-2 {
  background: url(../img/folder-r.png) 0 0 no-repeat;
}
#f3-1,#f3-2,#f3-3 {
  background: url(../img/folder-g.png) 0 0 no-repeat;
}
#f8-1,#f8-2,#f8-3,#f8-4,#f8-5,#f8-6,#f8-7,#f8-8 {
  background: url(../img/folder-c.png) 0 0 no-repeat;
}