.tree li .icon {
    background-image: url("images/note.gif");
    background-repeat: no-repeat;
}

.tree li .folopen {
    background-image: url("images/folopen.gif");
}

.tree li .folclose {
    background-image: url("images/folclose.gif");
}

.tree input {
    background-image: url("images/folclose.gif");
}

/***/

.tree2 li .icon {
    /*background-image:url("images/note.gif"); 
           background-repeat:no-repeat;*/
    position: relative;
    !important;
    background-image: url(../../page/img/icon_retina.png);
    background-size: 400px 400px;
    width: 25px;
    padding-top: 25px;
    background-position: -312px -50px;
    top: -1px;
    left: 0px;
    content: ".";
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    background-image: url(../../page/img/icon.png);
    background-repeat: no-repeat;
    overflow: hidden;
    /*position: absolute;*/
}

.tree2 li .folopen {
    /*background-image: url("images/folopen.gif");*/
    position: relative;
    content: ".";
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    background-image: url(../../page/img/icon.png);
    background-repeat: no-repeat;
    overflow: hidden;
    width: 25px;
    padding-top: 25px;
    background-position: -312px -50px;
    top: -2px;
    left: 0px;
}

.tree2 li .folclose {
    /*background-image: url("images/folclose.gif");*/
        position: relative;
    !important;
    background-image: url(../../page/img/icon_retina.png);
    background-size: 400px 400px;
    width: 25px;
    padding-top: 25px;
    background-position: -312px -50px;
    top: -1px;
    left: 0px;
    content: ".";
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    background-image: url(../../page/img/icon.png);
    background-repeat: no-repeat;
    overflow: hidden;

}

.tree2 input {
    background-image: url("images/folclose.gif");
        position: relative;
    !important;
    background-image: url(../../page/img/icon_retina.png);
    background-size: 400px 400px;
    width: 25px;
    padding-top: 25px;
    background-position: -312px -50px;
    top: -1px;
    left: 0px;
    content: ".";
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    background-image: url(../../page/img/icon.png);
    background-repeat: no-repeat;
    overflow: hidden;

}