.Container {
    padding: 0;
    margin: 0;
}
.Container li {
    list-style-type: none;
}
/* indent for all tree children excepts root */
.Node {
    background-image: url(image/i.gif);
    background-position: top left;
    background-repeat: repeat-y;
    margin-left: 18px;
}
.IsRoot {
    margin-left: 0;
}
/* left vertical line (grid) for all nodes */
.IsLast {
    background-image: url(image/i_half.gif);
    background-repeat: no-repeat;
}

.IsFirst {
    background-image: url(image/i.gif);
    background-repeat: repeat-y;
    /*margin-top: 15px;
    padding-bottom: 5px;
     background-repeat: no-repeat;*/
}
.IsSecond {
    background-image: url(image/ii.gif);
    /*background-position: left top;
    background-repeat: no-repeat;
    margin-top: 15px;
    padding-bottom: 5px;
     background-repeat: no-repeat;*/
}
.IsFirstLast {
    background-image: none;
    background-repeat: no-repeat;
}

.ExpandOpen .Expand {
    background-image: url(image/expand_minus.gif);
}
/* closed is higher priority than open */
.ExpandClosed .Expand {
    background-image: url(image/expand_plus.gif);
}
/* highest priority */
.ExpandLeaf .Expand {
    background-image: url(image/expand_leaf.gif);
}
.ExpandFirst .Expand {
    background-image: url(image/expand_leaf.gif);

}
.Content {
    min-height: 18px;
    margin-left: 18px;
}
* html  .Content {
    height: 18px;
}
.Expand {
    width: 18px;
    height: 18px;
    float: left;
}
.Expandd {
    background-image: url(image/ii.gif);
    width: 18px;
    height: 18px;
    float: left;
}
.ExpandLoading {
    width: 18px;
    height: 18px;
    float: left;
    background-image: url(image/expand_loading.gif);
}
.ExpandOpen .Container {
    display: block;
}
.ExpandClosed .Container {
    display: none;
}
.ExpandOpen .Expand, .ExpandClosed .Expand {
    cursor: pointer;
}
.ExpandLeaf .Expand {
    cursor: auto;
}