div.episerver-pagetreeview ul
{
    list-style: none;
    margin: 0;
    padding: 0;

    /* 
        IE feature that turns hasLayout on which makes the element render itself. 
        Otherwise the rendering is handed over to any parent where hasLayout is set. 
        The problem is that the parent may fail to repaint which result in misplaced or not updated elements.
    */
    zoom: 1;
}

div.episerver-pagetreeview ul ul
{
    margin-left: 14px; 
}

div.episerver-pagetreeview ul li
{
    white-space: nowrap;
    padding: 0;
    list-style-type:none;
    position:relative;
    
    /* IE fix, see explanation above*/
    zoom:1;
}

div.episerver-pagetreeview .show
{
}

div.episerver-pagetreeview .hide
{
    display:none;
}

div.episerver-pagetreeview span.icon
{
    width: 15px;
    height: 18px;
    position:absolute;
    cursor:default;
    background-position: left center;
    background-repeat: no-repeat;
    background-color:#EEEEEE;
    -moz-user-select: none;
}

div.episerver-pagetreeview span.templatecontainer
{
    margin-left:15px;
}

li.parent
{
    background: url(../../Images/ExplorerTree/I.gif) repeat-y left top;
}

li.parentlast
{
    background: url(../../Images/ExplorerTree/I.gif) no-repeat left top;
}

li span.leafnode
{
    background-image: url(../../Images/ExplorerTree/T.gif);
}

li span.leafnodelast
{
    background-image: url(../../Images/ExplorerTree/L.gif);
}

li span.collapse
{
    background-image: url(../../Images/ExplorerTree/Tminus.gif);
}

li span.collapselast
{
    background-image: url(../../Images/ExplorerTree/Lminus.gif);
}

li span.expand
{
    background-image: url(../../Images/ExplorerTree/Tplus.gif);
}

li span.expandlast
{
    background-image: url(../../Images/ExplorerTree/Lplus.gif);
}

li span.load
{
    background-image: url(../../Images/ExplorerTree/loading.gif);
}

li span.loadlast
{
    background-image: url(../../Images/ExplorerTree/loading.gif);
}