/*Tree: style 0*/
xdiv.tree {border:1px outset #CCC;background:white;margin:1px;padding:0}
div.tree {width:100%}

.tree  {font-family:Arial,Tahoma,Helvetica; font-size:9pt}

.tree ul, .tree li {margin:0;padding:0;text-decoration:none;list-style:none}
.tree ul ul {margin-left:18px;}
.tree li ul {position:relative;left:-18px;}


/* outline border */
.tree .section { background:url('branch.gif') repeat-y 0 0; }
.tree li {background:url('leaf.gif') repeat-y 0 0;white-space:nowrap}
.tree li.last {background:url('last.gif') no-repeat 0 1px; }
.tree ul ul li {margin-left:18px;}
.tree li.collapsed ul,.tree li.collapsedFirst ul,.tree li.collapsedLast ul {display:none}
.tree a  {font-family:Arial,Tahoma,Helvetica; font-size:9pt}
.tree a.open {background:url('nodes-open.gif') no-repeat 0 -1px;  }
.tree a.collapsed {background:url('nodes.gif') no-repeat 0 -1px;  }
.tree a {color:black;text-decoration:none;   }   
.tree a { margin-left:20px;padding-left:18px;}
.tree a {background:url('element.gif') no-repeat 0 0; }
.tree a:hover {text-decoration:underline;color:blue}
.tree a {display:block;height:1.5em;}  /*keep LI element from wrapping ; height1% very important*/

.tree li.collapsedFirst {background: url('collapsed-first.gif') no-repeat 0px 0px; }
.tree li.collapsed {background: url('collapsed.gif') no-repeat 0px 0px; }
.tree li.collapsedLast {background: url('collapsed-last.gif') no-repeat 0px 0px; }

.tree li.openFirst {background:url('open-first.gif') no-repeat 0 0; }
.tree li.open {background:url('open.gif') no-repeat 0 0; }
.tree li.openLast {background:url('open-last.gif') no-repeat 0 0; }


.tree .loadOnDemand li {padding:1px;border:1px solid blue;background:white;color:black}