.treeview,.treeview ul{list-style:none;margin:0;padding:0;}
.treeview ul{}
.treeview li {list-style:none;border-bottom:1px solid #CCC; width:255px}
.treeview li.open {border:none}

.treeview li a{color:#38a8ea;display:block; text-decoration:none;font-weight:normal; padding:5px 0; }
.treeview li ul li a {padding:5px; }
.treeview li a.title {width:270px;}
.treeview .hitarea{background:url(../images/open.png) no-repeat;height:16px;width:16px;margin-left:-20px;float:left; margin-top:3px}
/* fix for IE6 */
* html .hitarea{display:inline;float:none}
.treeview li{margin:0;padding:3px 0 3px 16px;}
.treeview a.selected{color:#000; font-weight:bold}
#treecontrol{display:none;margin:1em 0}
.treeview .hover {cursor:pointer}
.treeview li.collapsable,.treeview li.expandable{background-position:0 -176px}
.treeview .expandable-hitarea{background:url(../images/open.png) no-repeat;height:16px;width:16px;}


#tree a, .open{font-size:11px; color:#3e3a2f}
#tree a.selected{font-size:11px; color:#3e3a2f}
#tree a:hover{}

table.listtable{margin:5px 0 0 30px; width:580px}

.open, .closed {font-size:11px; list-style-image:none;font-weight:bold; color:#2da4ea}
.closed{background:url(../images/close.png) no-repeat;}
.treeview .last{border-bottom:1px solid #666}
li.open span, li.closed span {display:block; border:none;}
.treeview .arrow {background:url(../images/close.png) no-repeat; margin-left:-20px; height:16px}
.treeview .arrow {padding-left:25px; font-weight:bold; color:#2da4ea;}
.treeview li.open a.selected .arrow{font-weight:bold; color:#000;}
.treeview .withline a{border-bottom:1px solid #666; width:270px}
.treeview .open .greyline{border-bottom:1px solid #CCC; padding: 5px; width:260px}

#tree2 .closed, #tree2 .open{border:none; padding: 0; width:610px;}

#tree2 {width:610px}
#tree2 ul li {font-size:11px; color:#000; width:580px; font-weight:normal; list-style-image:url(../images/arrow.jpg); border:none; }
.listtable li {list-style-image:none;}
#sidetree ul.listtable li {list-style-image:none;}