.tree {
	min-height:20px;
	padding:19px;
	margin-bottom:20px;
	background-color:#fbfbfb;
	border:1px solid #999;
	-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)
}
.tree li {
	list-style-type:none;
	margin:0;
	padding:10px 5px 0 5px;
	position:relative
}
.tree li::before, .tree li::after {
	content:'';
	right:-20px;
	position:absolute;
	left:auto
}
.tree li::before {
	border-right:1px solid #999;
	bottom:50px;
	height:100%;
	top:0;
	width:1px;
	background:rgb(195, 218, 245);

}
.tree li::after {
	border-top:1px solid #999;
	height:20px;
	top:25px;
	width:25px ;

}
.tree li span {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #999;
	border-radius:5px;
	background-color: rgb(181, 221, 218);
	display:inline-block;
	padding:3px 8px;
	text-decoration:none;

}
.tree li.parent_li>span {
	cursor:pointer ;
	background:rgb(94, 207, 255);
}
.tree>ul>li::before, .tree>ul>li::after {
	border:0
}
.tree li:last-child::before {
	height:30px;

}
.tree li.parent_li>span:hover, .tree li.parent_li>span:hover+ul li span {
	border:1px solid #94a0b4;
	color:#000
}