div.treeview{
	margin: 10px 0px;
	padding: 0px 3px 0px 0px;
	background-color: #f2f2f8;
	font-size:16px;
}

.treeview ul{
	padding:0px;
	margin:0px;
}

.treeview li{
	padding-left:0px;
	list-style-type: none;
	background:url('/system/images/tlinev.png') repeat-y 24px 0px;
}

.treeview li:last-child{
	background:url('/system/images/tlinev.png') no-repeat 24px 0px, url('/system/images/tlinev.png') no-repeat 24px 3px;
}

.treeview li li{
	padding-left:20px;
}

.treeview div{
	cursor:pointer;
}

.treeview li > ul{
	display:none;
}
.treeview li.expanded > ul{
	display:block;
}

.treeview li > div{
	padding-left:20px;
	background:url('/system/images/plus_tree2.png') no-repeat 3px 3px;
}

.treeview li.expanded > div{
	background:url('/system/images/minus_tree2.png') no-repeat 3px 3px;
}

.treeview li.download > div{
	background:url('/system/images/download.gif') left top/13px 13px no-repeat;
}

.treeview li.finite > div{
	background-image:none;
}

.treeview li > div > div{
	padding-left:32px;
	margin-left:-12px;
	background:url('/system/images/lfoldcs.png') no-repeat 0px 0px;
}

.treeview li.expanded > div > div{
	background:url('/system/images/lfoldcs.png') no-repeat 0px 0px, url('/system/images/tlinev.png') repeat-y 16px 0px;
}

.treeview li.selected > div > div{
	background:url('/system/images/lfoldos.png') no-repeat 0px 0px;
}

.treeview li.expanded.selected > div > div{
	background:url('/system/images/lfoldos.png') no-repeat 0px 0px, url('/system/images/tlinev.png') repeat-y 16px 0px;
}

.treeview li.finite > div > div{
	background:url('/system/images/lfoldcz.png') no-repeat 0px 0px;
}

.treeview li.finite.selected > div > div{
	background:url('/system/images/lfoldoz.png') no-repeat 0px 0px;
}

.treeview li > div > div > div{
	padding:1px 2px 1px;
}

.treeview a{
	text-decoration:none;
	color:black;
	padding:0px 2px;
}

.treeview li.selected > div a{
	background-color:#6060f0;
	color:#fff;
}