/* This style sheet is intended to contain OFTEN CHANGED rules used when the TreeView control adapter is enabled. */
/* Empty rules are provided merely as a convenience for your future use or experimentation. */


.PrettyTree div.AspNet-TreeView ul li
{
    white-space: nowrap;
    padding: 3px 0 2px 0; 
    font-size: 10pt;
}

.PrettyTree div.AspNet-TreeView ul ul
{
    margin: 2px 0 2px 12px;
}

.PrettyTree div.AspNet-TreeView ul li img
{
    border: none;
    vertical-align: middle;
    margin: 0 4px 0 0;
}

.PrettyTree div.AspNet-TreeView li a
{
    text-decoration: none;
    padding-left:4px;
}

.PrettyTree div.AspNet-TreeView li.AspNet-TreeView-Root
{
    background:url(bg-fade-light.png) repeat-x bottom;
    border-top: solid 1px #E7E7E7;
    border-right: solid 1px #D2D2D2;
    border-bottom: solid 1px #D2D2D2;
    border-left: solid 1px #E7E7E7;
    margin:0 4px 6px 0;
}

.PrettyTree div.AspNet-TreeView li.AspNet-TreeView-Parent
{
    background:url(bg-fade-light.png) repeat-x bottom;
    border-top: solid 1px #E7E7E7;
    border-right: solid 1px #D2D2D2;
    border-bottom: solid 1px #D2D2D2;
    border-left: solid 1px #E7E7E7;
    margin:0 4px 6px 0;
}

.PrettyTree div.AspNet-TreeView li.AspNet-TreeView-Leaf
{
    
}

.PrettyTree div.AspNet-TreeView .AspNet-TreeView-Collapse
{
    background: url(collapse.gif) 0 -1px no-repeat;
    width: 15px;
    float:left;
    cursor: n-resize;
}

.PrettyTree div.AspNet-TreeView .AspNet-TreeView-Expand
{
    background: url(expand.gif) 0 -1px no-repeat;
    width: 15px;
    float:left;
    cursor: n-resize;
}

/* ------------------------------------------------------------------- */
/* Specific to this sample web site. */
/* These rules are probably not useful in your site. */

#SampleTreeView
{
    border:3px solid #959595;
    padding:16px;
}

#SampleTreeView #Sample-Control
{
    float:left;
    width: 170px;
    padding:2px;
}

#SampleTreeView #Sample-Content
{
    margin: 0 10px 30px 190px;
    font-family:Georgia, Serif;
    font-style:italic;
    color: Black;
    line-height:130%;
    font-size:1.1em;  
}

#SampleTreeView .getBelowFloats
{
    clear:both;
}

/* --------------------------------------------------------------------------------------------------- */
/* Used when the TreeView adapter is NOT used. */
/* These styles are used by the TreeView's skin, found in this theme's skin file. */

td.TreeView-Skin-Node a
{
    text-decoration: none;
    padding-left:4px;
}

td.TreeView-Skin-Node {
    background:url(bg-fade-light-short.png) repeat-x bottom;
    padding:1px 0 1px 2px;
    width:100%;
}

.TreeView-Skin-Root table 
{
    margin:4px 0;
}

.TreeView-Skin-Leaf {
    padding:0 0 0 2px;
}