.tree ul, ul.tree {
    background: url('../images/tree-branch.gif') repeat-y;
    padding: 0;
    margin: 0;
}

.tree ul {
    margin-left: 0.5em;
    margin-top: 0.2em;
}

.tree li {
    position: relative;
    margin: 0;
    padding: 0;
    padding-left: 20px;
    line-height: 16px;
    list-style-type: none;
}

.tree li .node-clicker {
    position: absolute;
    left: 0;
    top: 1px;
    width: 13px;
    height: 13px;
    cursor: pointer;
}

.tree .hidden {
    display: none;
}

.tree li.node {
    background: url('../images/tree-node.gif') no-repeat;
}

.tree li.node-end {
    background: #fff url('../images/tree-node-end.gif') no-repeat;
}

.tree li.node-open {
    background: url('../images/tree-node-open.gif') no-repeat;
}

.tree li.node-end-open {
    background: #fff url('../images/tree-node-open-end.gif') no-repeat;
}

.tree li.leaf {
    background: url('../images/tree-leaf.gif') no-repeat;
}

.tree li.leaf-end {
    background: #fff url('../images/tree-leaf-end.gif') no-repeat;
}

span.link {
    color: #0B1791;
    text-decoration: underline;
    cursor: pointer;
}

.selected span.link {
    font-weight: bold;
}

.selected ul span.link {
    font-weight: lighter;
}