DIV.t-tree-container {
    padding: 0;
    margin: 0;
}

DIV.t-tree-container UL {
    list-style-type: none;
    background-image: url(tree-vpipe.png);
    background-repeat: repeat-y;
    margin: 0 0 0 12px;
    padding: 0;
}

DIV.t-tree-container UL UL {
    /* Line up the nested list's vertical bar under the element's folder icon. */
    margin: 0 0 0 24px;
}

DIV.t-tree-container LI {
    margin: 0;
    padding: 0 0 0 16px;
    background-image: url(tree-branch.png);
    background-repeat: no-repeat;
    line-height: 1.5;
}

DIV.t-tree-container LI.t-last {
    background-color: white;
    background-image: url(tree-branchend.png);
}

/* Assume its a collapsed, but expandable, tree node. Later CSS rules overwrite this. */

SPAN.t-tree-icon {
    display: inline-block;
    width: 32px;
    height: 16px;
    cursor: pointer;
    background-image: url(tree-sprites.png);
    background-position: 0px 0px;
}

SPAN.t-tree-icon.t-leaf-node {
    cursor: default;
    background-position: -32px -16px;
}

SPAN.t-tree-label.t-selectable {
    cursor: pointer;
}

SPAN.t-tree-label.t-selected-leaf-node-label {
    font-weight: bold;
}

SPAN.t-tree-icon.t-empty-node {
    cursor: default;
    background-position: -32px 0px !important;
}

SPAN.t-tree-expanded {
    background-position: 0px -16px;
}

SPAN.t-ajax-wait {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url(ajax-loader.gif);
}

SPAN.t-tree-icon.t-expand {
    width: 16px;
    height: 16px;
    background-image: url(expand.png);
    display: inline-block;
    cursor: pointer;
}

SPAN.t-tree-icon.t-collapse {
    width: 16px;
    height: 16px;
    background-image: url(collapse.png);
    display: inline-block;
    cursor: pointer;
}