/* Turn off list bullets */
ul.dynamictree li {
    list-style: none;
}

/* Control how "spaced out" the tree is */
ul.dynamictree,
ul.dynamictree ul,
ul.dynamictree li {
    margin-left: 10px;
    padding: 0px;
}

ul.dynamictree li {
    background: url('/img/tree_background_line.png') top left repeat-y;
    line-height: 20px;
    min-height: 20px;
    vertical-align: middle;
}

ul.dynamictree li:last-child {
    background: url('/img/tree_background_corner.png') top left no-repeat;
}

/* Provide space for our own "bullet" inside the LI */
ul.dynamictree li .bullet {
    display: block;
    float: left;
    height: 20px;
    margin: 0 5px 0 0;
    padding: 0;
    width: 20px;
}

/* Show "bullets" in the links, depending on the class of the LI that the link's in */
ul.dynamictree li.liOpen .bullet {
    background: url('/img/tree_foreground_minus.png') top left no-repeat;
    cursor: pointer;
}

ul.dynamictree li.liClosed .bullet {
    background: url('/img/tree_foreground_plus.png') top left no-repeat;
    cursor: pointer;
}

ul.dynamictree  li.liBullet .bullet {
    background: url('/img/tree_foreground_normal.png') top left no-repeat;
    cursor: default;
}

/* Sublists are visible or not based on class of parent LI */
ul.dynamictree  li.liOpen    ul {
    display: block;
}

ul.dynamictree  li.liClosed  ul {
    display: none;
}