/* 
    Created on : 11.Kas.2013, 15:05:54
    Author     : m.akbas@makbash.com
*/

.tree{
    margin: 0 0 10px 0;
    display: none;
    /*    -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
        -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
        
        background-color:#fbfbfb;
        border:1px solid #999;
        margin-bottom:10px;
        max-height:300px;
        min-height:30px;
        overflow-y:auto;
        padding:19px;*/
}

.tree > ul {
    margin-left: 0px;
}

.tree ul[role=group] {
    /*padding-bottom: 10px;*/
}

.tree a{display:inline;overflow:hidden;text-overflow:ellipsis;width:90%}

.tree li{
    list-style-type:none;
    line-height: 20px;
    margin:0;
    padding: 5px 5px 0px 5px;
    position:relative
}
.tree li::before,.tree li::after{
    content:'';
    left:-20px;
    position:absolute;
    right:auto
}
.tree li::before{
    border-left:1px solid #999;
    bottom:50px;
    height:100%;
    top:0;
    width:1px;

    -webkit-transition:"border-color 0.1s ease 0.1s";
    -moz-transition:"border-color 0.1s ease 0.1s";
    -o-transition:"border-color 0.1s ease 0.1s";
    transition:"border-color 0.1s ease 0.1s"
}
.tree li::after{
    border-top:1px solid #999;
    height:20px;
    top:18px;
    width:23px;

    -webkit-transition:"border-color 0.1s ease 0.1s";
    -moz-transition:"border-color 0.1s ease 0.1s";
    -o-transition:"border-color 0.1s ease 0.1s";
    transition:"border-color 0.1s ease 0.1s"
}

.tree li span{
/*    border:1px solid #999;
    border-radius:5px;
    line-height:14px;
    display:inline-block;
    text-decoration:none;*/

    padding:2px 7px 2px 4px;
    background-image: none;

    -webkit-transition:color .2s ease .1s,background-color .2s ease .1s,border-color .3s ease .2s;
    -moz-transition:color .2s ease .1s,background-color .2s ease .1s,border-color .3s ease .2s;
    -o-transition:color .2s ease .1s,background-color .2s ease .1s,border-color .3s ease .2s;
    transition:color .2s ease .1s,background-color .2s ease .1s,border-color .3s ease .2s
}

.tree li.parent_li {}
.tree li.parent_li>span{cursor:pointer}
.tree li.parent_li>span:hover{background-color:#df8505;color:#fff}
.tree li.parent_li>span:hover+ul li::after{border-top-color:#f89406}
.tree li.parent_li>span:hover+ul li::before{border-left-color:#f89406}
.tree li.parent_li>span:hover+ul li span{background:#fddfb3;border:1px solid #faa937;color:#000}

.tree li:last-child::before{height: 18px;}
.tree>ul>li::before,.tree>ul>li::after{border:0}