.cyan-tree {
    float: left;
    font-size: 14px;
    min-width: 100%;
    *width: 100%;
}

.cyan-tree * {
    white-space: nowrap;
    overflow: hidden;
}

.cyan-tree-node {
    height: 26px;
    cursor: pointer;
}

.cyan-tree-node:hover {
    background: #eeeeee;
}

.cyan-tree-node-selected {
    background: #e3e9f5;
}

.cyan-tree .cyan-tree-node-selected:hover {
    background: #e3e9f5;
}

.cyan-tree-node-indent {
    display: inline-block;
    *display: inline;
    width: 16px;
    height: 18px;
    margin-top: 3px;
    margin-right: 2px;
    padding-bottom: 2px;
}

.cyan-tree-elbow {
}

.cyan-tree-elbow-end {
}

.cyan-tree-elbow-minus {
    background: url("tree/elbow-minus.png") no-repeat 2px 2px;
}

.cyan-tree-elbow-end-minus {
    background: url("tree/elbow-minus.png") no-repeat 2px 2px;
}

.cyan-tree-elbow-plus {
    background: url("tree/elbow-plus.png") no-repeat 4px 2px;
}

.cyan-tree-elbow-end-plus {
    background: url("tree/elbow-plus.png") no-repeat 4px 2px;
}

.cyan-tree-elbow-line {
}

.cyan-tree-node-icon {
    display: inline-block;
    *display: inline;
    width: 16px;
    height: 24px;
    margin-right: 2px;
}

.cyan-tree-node-loading {
    display: inline-block;
    *display: inline;
    width: 16px;
    height: 16px;
    margin-right: 2px;
    margin-top: 4px;
}

.cyan-tree-node-icon span {
    display: inline-block;
    *display: inline;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

.cyan-tree-node-icon span.cyan-tree-leaf {
    background: url("tree/leaf.png") no-repeat center;
}

.cyan-tree-node-icon span.cyan-tree-folder {
    background: url("tree/folder.png") no-repeat center;
}

.cyan-tree-node-icon span.cyan-tree-folder-open {
    background: url("tree/folder-open.png") no-repeat center;
}

.cyan-tree-node-icon img {
    width: 16px;
    height: 16px;
}

.cyan-tree-node-loading {
    background: url("tree/loading.gif") no-repeat;
}

.cyan-tree-node-text {
    display: inline-block;
    *display: inline;
    line-height: 26px;
    margin-right: 4px;
}

.cyan-tree-node-checkbox {
    display: inline-block;
    *display: inline;
}

.cyan-tree-node-checkbox input {
    display: none;
}

.cyan-tree-node-checkbox span {
    margin-right: 2px;
    width: 14px;
    height: 14px;
    border: solid 1px #d9d9d9;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
}

.cyan-tree-node-checkbox input:disabled + span {
    background: #f0f0f0;
    border: 1px solid #d9d9d9;
}

.cyan-tree-node-checkbox input:checked + span {
    background: #2170d9 url(table/checked.png) no-repeat center;
}

.cyan-tree-node-checkbox input:checked:disabled + span {
    background: #f0f0f0 url(table/checked_disabled.png) no-repeat center;
    border: 1px solid #d9d9d9;
}