.ui-tree {
    font-family: verdana, sans-serif;
    font-size: 12px;
    line-height: 18px;
    padding: 0px;
    margin: 0px;
    margin-left: -20px;
    width: 200px;
}

li.ui-tree-item {
    list-style: none;
    padding: 0px;
    padding-left: 20px;
    margin: 0px;
    white-space: nowrap;
}

.ui-tree ul {
    padding: 0px;
    margin-left: 0;
}

.ui-tree-item a {
    color: #333;
    text-decoration: none;
    padding: 2px 20px;
}

li.ui-tree-item.folder.expanded > a {
    background-image: url(/ui/admin/tree/folder_open.png);
    background-position: left;
    background-repeat: no-repeat;
}

li.ui-tree-item.folder > a {
    background-image: url(/ui/admin/tree/folder.png);
    background-position: left;
    background-repeat: no-repeat;
}

li.ui-tree-item.item > a {
    background-image: url(/ui/admin/tree/file.png);
    background-position: left;
    background-repeat: no-repeat;
}

li.ui-tree-item.item.more > a {
    background-image: url(/ui/admin/tree/more-files.png);
}

li.ui-tree-item.wait > a {
    background-image: url(/ui/admin/tree/spinner.gif) !important;
    background-position: left;
    background-repeat: no-repeat;
}

li.ui-tree-item.folder > span.handle {
    background-image: url(/ui/admin/tree/expand.gif);
    background-position: left;
    background-repeat: no-repeat;
    cursor: pointer;
}

li.ui-tree-item.folder.expanded > span.handle {
    background-image: url(/ui/admin/tree/collapse.gif);
    background-position: left;
    background-repeat: no-repeat;
}

li.ui-tree-item > a.drop-target {
    background-color: #ebc082;
}

.ui-tree li.selected > a, .ui-tree li.folder.expanded.selected > a {
    background-color: #ebc082;
}
.ui-tree.ui-tree-focused li.selected > a {
    border: thin dotted black;
}
.ui-tree span.handle {
    padding: 0px 3px 0px 15px;
}
li.ui-tree-item.blocked a {
    opacity: 0.25;
}