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

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

.treeview .hover { cursor: pointer; }

.treeview li { margin: 0; padding: 3px 0pt 3px 21px; /*background: url(../img/treeview/treeview-default-line.gif) 0 0 no-repeat;*/ }
.treeview li.odd { background:#fff; }
.treeview li a { margin: 0; padding: 0 0 0 2px;color:#000 }
.treeview a.selected { background-color:#008e60;}
.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/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 li.active a {color:#000;font-weight:normal}
.treeview li.active li a {color:#888;font-weight:normal}

.treeview li.active li.active a {color:#008e60;font-weight:normal}
.treeview li.active li.active li a {color:#888;font-weight:normal}

.treeview li.active li.active li.active a {color:#008e60; font-weight:normal;}
.treeview li.active li.active li.active li a {color:#888;font-weight:normal}