.tree, .tree li {
        position:relative;
	border:1px dashed transparent;
        list-style:none;
 
        bottom:-20px;
        margin-bottom : 20px;
        margin-left:0;
        padding-left:0;
        padding-top:10px;
}

.tree li:before {
        position:relative;
	border:0;
        border-bottom: 2px solid black;
        content:"";
        padding-left:30px;
        margin-right:-10px;
}

.tree , .tree ul {
        display : block;
        position : relative;
        border:1px dashed transparent;
	border-left:2px solid black;  
        top:10px;
        width:200px;
        margin-left:40px;
        margin-bottom:10px;
        padding-left:0;
}

.tree li a {
        border:1px ridge black;
	border-bottom:2px ridge black;
	border-right:2px ridge black;
        background-color: #eee;
        padding:10px;
}
.tree li > a:hover {
        background-color: #faa;
        cursor: pointer;
}