﻿ul.TreeView {
    display: block;
    margin:0;
    padding:0;
}
    ul.TreeView li {
        position:relative;
    }
    ul.TreeView a {
        display: block;
        height: 45px;
        line-height: 45px;
        text-align: left;
        text-indent: 30px;
        border-bottom: 1px solid #EEE;
        border-left: 5px solid #FEFEFE;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow:hidden;
    }
        ul.TreeView a:hover {
            border-left: 5px solid #FF6600;
        }

    ul.TreeView li.node.root > a {
        border-left: 5px solid #0075bf;
    }

    ul.TreeView li.node.selected > a {
        border-left: 5px solid #0075bf;
        background-color: #eeefeb;
        border-bottom: 1px solid #EEE;
        background-position:95% -25px;
    }
    ul.TreeView li.leaf.selected > a {
        border-left: 5px solid #FEFEFE;
        border-bottom: 2px solid #0075bf;
    }

    ul.TreeView li.selected ul a {
        border-left: 5px solid #FEFEFE;
        border-bottom: 1px solid #EEE;
    }
        ul.TreeView li.node a {
            background-image: url("icons-arrow.png");
            background-repeat: no-repeat;
            background-position: 95% 10px;
        }
        ul.TreeView li.node a:hover {
            background-position: 95% -65px;
        }

    ul.TreeView li.leaf a {
        background-image: url("icons-arrow.png");
        background-repeat: no-repeat;
        background-position: left -65px;
    }

        ul.TreeView li.leaf a:hover {
            background-position: left -65px;
        }
    ul.TreeView ul{
        display:none;
    }
    ul.TreeView li.selected > ul, ul.TreeView li.root > ul{
        display:block;
    }

    ul.TreeView li.level2 a {
        text-indent: 50px;
    }
    ul.TreeView li.level2.leaf a{
        background-position:30px -65px;
    }

    ul.TreeView li.level3 a {
        text-indent: 70px;
    }

    ul.TreeView li.level3.leaf a {
        background-position: 50px -65px;
    }

    ul.TreeView li.level4 a {
        text-indent: 90px;
    }

    ul.TreeView li.level4.leaf a {
        background-position: 70px -65px;
    }

    ul.TreeView li.level5 a {
        text-indent: 110px;
    }

    ul.TreeView li.level5.leaf a {
        background-position: 90px -65px;
    }

    ul.TreeView li.level6 a {
        text-indent: 130px;
    }

    ul.TreeView li.level6.leaf a {
        background-position: 110px -65px;
    }