/*!
 * dtree.css v1.0.0 
 * mefe.net
 * 2014-08-21
 */

body
{
    font-family: "Verdana";
    font-size: 11px;
}

ul, li
{
    margin:0px;
    padding: 0px;
    list-style-type: none;

}

a
{
    height: 18px;
    display: inline-block;
    padding-top: 0px;
    color:#000;
    text-decoration: none;
}

.text
{
    height: 18px;
    display: inline-block;
    float: left;
    text-decoration: none;
}


li
{
    height: 18px;
    display: block;
    width: 160px;
    line-height: 20px;
}

li.folder-group
{
    height: auto;

}

.folder-group ul
{
    padding-left: 20px;
    display: none;
}

.folder
{
    background: url('../images/misc.png') 0px -39px no-repeat;
    padding-left: 20px;
    height: 18px;
    display: inline-block;
    float: left;
    transition: all 0.5s ease-in-out;
}

.folder-open
{
    background: url('../images/misc.png') -21px -39px no-repeat;
    padding-left: 20px;
    height: 18px;
    display: inline-block;
    float: left;
    transition: all 0.5s ease-in-out;
}

.main
{
    background: url('../images/misc.png') 2px 0 no-repeat;
    width: 18px;
    height: 18px;
    display: inline-block;
    float: left;
}

.folder-group
{
    background: url('../images/misc.png') -46px -2px repeat-y;
}

.folder-group.last
{
    background: none;
}

.plus
{
    background: url('../images/misc.png') 0px -59px no-repeat;
    padding-left: 20px;
    display: inline-block;
    height: 18px;
    float: left;
}

.last .plus
{
    background: url('../images/misc.png') 0px -82px no-repeat;
    padding-left: 20px;
    display: inline-block;
    height: 18px;
    float: left;
}

.folder-group.last .minus
{
    background: url('../images/misc.png') -18px -82px no-repeat;
    padding-left: 20px;
    display: inline-block;
    height: 18px;
    float: left;
}

.minus
{
    background: url('../images/misc.png') -18px -59px no-repeat #fff;
    padding-left: 20px;
    display: inline-block;
    height: 18px;
    float: left;
}

.page
{
    background: url('../images/misc.png') no-repeat;
    width: 18px;
    height: 18px;
    display: inline-block;
    float: left;
}

.join
{
    background: url('../images/misc.png') 0 -20px no-repeat;
    width: 18px;
    height: 18px;
    display: inline-block;
    float: left;
}

.join-last .join
{
    background: url('../images/misc.png') -18px -20px no-repeat;
    width: 18px;
    height: 18px;
    display: inline-block;
    float: left;
}