/* browser hacks */
@media screen, projection {
    * html ul.foldertree li {
        display: inline; 
        float: left; 
        background: #fff; 
    }
}

/* structural styles and offsets */
ul.foldertree, ul.foldertree li, ul.foldertree ul {
     margin: 3px;
     padding: 3px;
     list-style-type: none;
     font-size: 100%;
}

ul.foldertree {
    position: relative;
    cursor: default;
    width: 190px;
}

ul.foldertree li {
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 190px;
    margin: -1px 0 0 0;
}

ul.foldertree ul {
    cursor: default;
    width: 20em;
    padding: 2px 0;
    position: absolute;
    left: -100em;
    margin: 0 0 0 1em;
    display: none;    
}

ul.foldertree ul li {
    width: 190px;
}


/* design styles */
ul.foldertree a:link, ul.foldertree a:visited {
    display: block;
    cursor: pointer;
    padding: 1px 0 1px 15px;
    color: #000;
    text-decoration: none;
    letter-spacing: 1px;
}

ul.foldertree a:hover, ul.foldertree a:focus, ul.foldertree a:active {
    text-decoration: underline;
    color: #007;
}


/* plus/minus icons */
ul.foldertree li.hasmenu > a:link, ul.foldertree li.hasmenu > a:visited {
    background: url(plus.gif) no-repeat 1% 50%;
}

ul.foldertree li.hasmenu > a.rollover:link, 
ul.foldertree li.hasmenu > a.rollover:visited {
    background: url(minus.gif) no-repeat 1% 50%;
}

* html ul.foldertree li.hasmenu a:link, 
* html ul.foldertree li.hasmenu a:visited {
/*    background: expression(/hasmenu/.test(this.parentNode.className)
        ? "url(plus.gif) no-repeat 1% 50%" : "transparent");  */
}

* html ul.foldertree li.hasmenu a.rollover:link, 
* html ul.foldertree li.hasmenu a.rollover:visited {
/*    background: expression(/hasmenu/.test(this.parentNode.className)
        ? "url(minus.gif) no-repeat 1% 50%" : "transparent");  */
}



/* Header Options Tree Menu */
/* structural styles and offsets */
ul.optionfoldertree, ul.optionfoldertree li, ul.optionfoldertree ul {
     margin: 3px;
     padding: 3px;
     list-style-type: none;
     font-size: 100%;
}

ul.optionfoldertree {
    position: relative;
    cursor: default;
    width: 190px;
}

ul.optionfoldertree li {
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 190px;
    margin: -1px 0 0 0;
}

ul.optionfoldertree ul {
    cursor: default;
    width: 20em;
    padding: 2px 0;
    position: absolute;
    left: -100em;
    margin: 0 0 0 1em;
}

ul.optionfoldertree ul li {
    width: 190px;
}


/* design styles */
ul.optionfoldertree a:link, ul.optionfoldertree a:visited {
    display: block;
    cursor: pointer;
    padding: 1px 0 1px 15px;
    color: #000;
    text-decoration: none;
    letter-spacing: 1px;
}

ul.optionfoldertree a:hover, ul.optionfoldertree a:focus, ul.optionfoldertree a:active {
    text-decoration: underline;
    color: #007;
}


/* plus/minus icons */
ul.optionfoldertree li.hasmenuoption > a:link, ul.optionfoldertree li.hasmenuoption > a:visited {
    background: url(plus.gif) no-repeat 1% 50%;
}

ul.optionfoldertree li.hasmenuoption > a.rollover:link, 
ul.optionfoldertree li.hasmenuoption > a.rollover:visited {
    background: url(minus.gif) no-repeat 1% 50%;
}

* html ul.optionfoldertree li.hasmenuoption a:link, 
* html ul.optionfoldertree li.hasmenuoption a:visited {
/*    background: expression(/hasmenuoption/.test(this.parentNode.className) 
        ? "url(plus.gif) no-repeat 1% 50%" : "transparent"); */
     font-weight: bold;
}

* html ul.optionfoldertree li.hasmenuoption a.rollover:link, 
* html ul.optionfoldertree li.hasmenuoption a.rollover:visited {
/*    background: expression(/hasmenuoption/.test(this.parentNode.className) 
        ? "url(minus.gif) no-repeat 1% 50%" : "transparent"); */
}