.ztree * {
    padding: 0;
    margin: 0;
    font-size: 14px;
}

.ztree {
    margin: 0;
    padding: 0;
    float: left;
}

    .ztree li {
        padding: 0;
        margin: 0;
        list-style: none;
        line-height: 0px;
        text-align: left;
        white-space: nowrap;
        outline: 0;
        float: left;
        min-width: 100%;
    }

        .ztree li ul {
            margin: 0;
            padding: 0 0 0 18px;
        }

            .ztree li ul.line {
                background: url(./img/line_conn.png) 0 0 repeat-y;
                float: left;
                width:100%;
            }

.dark .ztree li ul.line {
    background: url(./img/line_conn-dark.png) 0 0 repeat-y;
}

.ztree li a {
    padding: 0 4px 0 0;
    margin: 0;
    cursor: pointer;
    height: 24px;
    color: #333;
    background-color: transparent;
    text-decoration: none;
    vertical-align: top;
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.dark .ztree li a {
    color: rgba(255,255,255,0.75);
}

.ztree li a:hover {
    text-decoration: underline;
    background-color: rgba(0,0,0,0.05);
}

.dark .ztree li a:hover {
    background-color: rgba(255,255,255,0.1);
    color: rgba(255,255,255,0.9);
}

.ztree li a.curSelectedNode {
    padding-top: 0px;
    background-color: #b8e3fc;
    height: 24px;
    color: #222;
}

.dark .ztree li a.curSelectedNode {
    background-color: #32acf3;
    color: #fff;
}

.dark #treePoint li a.curSelectedNode {
    background-color: rgba(255,255,255,0.1);
    color: #fff;
}

.ztree li a.curSelectedNode_Edit {
    padding-top: 0px;
    background-color: #b8e3fc;
    color: #222;
    height: 24px;
    opacity: 0.8;
}

.ztree li a.tmpTargetNode_inner {
    padding-top: 0px;
    background-color: #97b4e1;
    color: #fff;
    height: 24px;
    opacity: 0.8;
}

.ztree li a.tmpTargetNode_prev {
}

.ztree li a.tmpTargetNode_next {
}

.ztree li a input.rename {
    height: 24px;
    padding: 0;
    border: 1px #7EC4CC solid;
    float: left;
    display: inline-block;
    padding: 0 4px;
}

.ztree li span {
    line-height: 24px;
    margin-right: 2px;
    height: 24px;
    display: inline-block;
}

    .ztree li span.button {
        line-height: 0;
        margin: 0;
        width: 20px;
        height: 24px;
        display: inline-block;
        vertical-align: middle;
        border: 0 none;
        cursor: pointer;
        outline: none;
        background-color: transparent;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-image: url("./img/zTreeStandard.png");
    }

.dark .ztree li span.button {
    background-image: url("./img/zTreeStandard-dark.png");
}

.ztree li span.button.chk {
    width: 20px;
    height: 24px;
    margin: 0 3px 0 0;
    cursor: auto;
}

    .ztree li span.button.chk.checkbox_false_full {
        background-position: 0 0;
    }

    .ztree li span.button.chk.checkbox_false_full_focus {
        background-position: 0 -30px;
    }

    .ztree li span.button.chk.checkbox_false_part {
        background-position: 0 -60px;
    }

    .ztree li span.button.chk.checkbox_false_part_focus {
        background-position: 0 -90px;
    }

    .ztree li span.button.chk.checkbox_false_disable {
        background-position: 0 -120px;
    }

    .ztree li span.button.chk.checkbox_true_full {
        background-position: -20px 0;
    }

    .ztree li span.button.chk.checkbox_true_full_focus {
        background-position: -20px -30px;
    }

    .ztree li span.button.chk.checkbox_true_part {
        background-position: -20px -60px;
    }

    .ztree li span.button.chk.checkbox_true_part_focus {
        background-position: -20px -90px;
    }

    .ztree li span.button.chk.checkbox_true_disable {
        background-position: -20px -120px;
    }

    .ztree li span.button.chk.radio_false_full {
        background-position: -40px 0;
    }

    .ztree li span.button.chk.radio_false_full_focus {
        background-position: -40px -30px;
    }

    .ztree li span.button.chk.radio_false_part {
        background-position: -40px -60px;
    }

    .ztree li span.button.chk.radio_false_part_focus {
        background-position: -40px -90px;
    }

    .ztree li span.button.chk.radio_false_disable {
        background-position: -40px -120px;
    }

    .ztree li span.button.chk.radio_true_full {
        background-position: -60px 0;
    }

    .ztree li span.button.chk.radio_true_full_focus {
        background-position: -60px -30px;
    }

    .ztree li span.button.chk.radio_true_part {
        background-position: -60px -60px;
    }

    .ztree li span.button.chk.radio_true_part_focus {
        background-position: -60px -90px;
    }

    .ztree li span.button.chk.radio_true_disable {
        background-position: -60px -120px;
    }

.ztree li span.button.switch {
    width: 20px;
    height: 24px;
}

.ztree li span.button.root_open {
    background-position: -120px -120px;
}

.ztree li span.button.root_close {
    background-position: -100px -120px;
}

.ztree li span.button.roots_open {
    background-position: -120px 0;
}

.ztree li span.button.roots_close {
    background-position: -100px 0;
}

.ztree li span.button.center_open {
    background-position: -120px -30px;
}

.ztree li span.button.center_close {
    background-position: -100px -30px;
}

.ztree li span.button.bottom_open {
    background-position: -120px -60px;
}

.ztree li span.button.bottom_close {
    background-position: -100px -60px;
}

.ztree li span.button.noline_open {
    background-position: -120px -150px;
}

.ztree li span.button.noline_close {
    background-position: -100px -150px;
}

.ztree li span.button.root_docu {
    background: none;
}

.ztree li span.button.roots_docu {
    background-position: -80px 0;
}

.ztree li span.button.center_docu {
    background-position: -80px -30px;
}

.ztree li span.button.bottom_docu {
    background-position: -80px -60px;
}

.ztree li span.button.noline_docu {
    background: none;
}

.ztree li span.button.ico_open {
    margin-right: 2px;
    background-position: -140px -30px;
    vertical-align: top;
    *vertical-align: middle;
}

.ztree li span.button.ico_close {
    margin-right: 2px;
    background-position: -140px 0;
    vertical-align: top;
    *vertical-align: middle;
}

.ztree li span.button.ico_docu {
    margin-right: 2px;
    background-position: -140px -60px;
    vertical-align: top;
    *vertical-align: middle;
}

.ztree li span.button.remove {
    margin-right: 2px;
    background-position: -140px -90px;
    vertical-align: top;
    *vertical-align: middle;
}

.ztree li span.button.edit {
    margin-right: 2px;
    background-position: -140px -150px;
    vertical-align: top;
    *vertical-align: middle;
}

.ztree li span.button.add {
    margin-right: 2px;
    background-position: -180px 0px;
    vertical-align: top;
    *vertical-align: middle;
}

.ztree li span.button.ico_loading {
    margin-right: 2px;
    background: url(./img/loading.gif) no-repeat scroll 0 0 transparent;
    vertical-align: top;
    *vertical-align: middle;
}

ul.tmpTargetzTree {
    background-color: #FFE6B0;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

span.tmpzTreeMove_arrow {
    width: 16px;
    height: 16px;
    display: inline-block;
    padding: 0;
    margin: 2px 0 0 1px;
    border: 0 none;
    position: absolute;
    background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: -143px -125px;
    background-image: url("./img/zTreeStandard.png");
    z-index: 10010;
}

.dark span.tmpzTreeMove_arrow {
    background-image: url("./img/zTreeStandard-dark.png");
}

ul.ztree.zTreeDragUL {
    margin: 0;
    padding: 0;
    position: absolute;
    width: auto;
    height: 0;
    overflow: hidden;
    background-color: #cfcfcf;
    border: 1px #00B83F dotted;
    opacity: 0.8;
    filter: alpha(opacity=80);
    z-index: 10005;
    display: none !important;
}

.zTreeMask {
    z-index: 10000;
    background-color: #cfcfcf;
    opacity: 0.0;
    filter: alpha(opacity=0);
    position: absolute;
    display: none !important;
}

.node_name {
    margin-right: 12px !important;
    color: inherit;
}

    .node_name:last-child {
        color: black;
        margin-right: 2px !important;
    }