ul.root {
       /*margin: 0 px;*/
    }

    ul.tree {
        display: none;
        margin: 0px;
        padding: 4px;
    }

    ul.treeSel {
        display: block;
        margin: 0px;
        padding: 4px;
    }

    li.folder {
        list-style-image: url( images/plus.gif );
    }

    li.folderOpen {
        list-style-image: url( images/minus.gif );
    }

    li.file {
        list-style-image: url( images/dot.gif );
    }

    a.leaf {
        color: black;
        font-family: verdana;
        font-size: 8pt;
    }

    a.leafSel {
        color: white;
        font-weight: bolder;
        font-family: verdana;
        font-size: 8pt;
        display: block;
    }

    a.node {
        color: black;
        font-family: verdana;
        font-size: 8pt;
    }

    a.nodeSel {
        color: white;
        font-weight: bolder;
        font-family: verdana;
        font-size: 8pt;
        display: block;
    }

    a.treeview {
        color: black;
        font-family: verdana;
        font-size: 8pt;
    }

    a.treeview:link {
        text-decoration: none;
    }

    a.treeview:visited {
        text-decoration: none;
    }

    a.treeview:hover {
        text-decoration: underline;
    }



    /*
    TreeView
    */
    
    .treeNodeCss
    {
        font-size: xx-small;
        font-family: sans-serif;
    }

    .treeLinkCss:link {
        /*text-decoration: none;*/
        color: black;
    }

    .treeLinkCss:visited {
        /*text-decoration: none;*/
        color: black;
    }

    .treeLinkCss:hover {
        /*text-decoration: none;*/
        color: black;
    }