.treeview {padding: 5pt 0 0 1em; clear: both; font-family: Arial, sans-serif; width: 230px;}
.treeview * {font-size: 10pt; font-weight: normal;}
.treeview ul
{
	overflow: hidden; width: 100%; margin: 0; padding: 0 0 0 0;
	list-style-type: none;
}
.treeview ul ul { overflow: visible; width: auto; margin: 0 0 0 0; padding: 0.5em 0 0 0.75em; }

/* класс для ul после которых нет li в родительских ветках
.treeview ul.l { border-left: 1px solid; margin-left: -1px; }*/

.treeview li.cl ul { display: none; }
.treeview li { margin: 0 0 0.8em 0; }
.treeview li li { margin: 0 0 0.2em 0.5em; padding: 0; }
.treeview li div { position: relative; height: 1.5em; min-height: 16px; //height: 1.3em; }
.treeview li li div { }
.treeview li p {
	position: absolute; z-index: 1; top: 0.8em; //top: 0.65em; left: 1.75em;
	width: 100%; margin: 0; padding: 0;
}

.treeview .tree_selected {
	background-color: #ccc;
	padding: 2pt 5pt 2pt 7pt;
	margin: 2pt 2pt 2pt -5pt;
	
}
.treeview .tree_selected a:link,
.treeview .tree_selected a:visited,
.treeview .tree_selected a:hover {
	color: #333;
}

.treeview a {
	/*padding: 0; white-space: nowrap;*/
	text-transform: none;
	font-weight: normal;
}

.treeview img.i {
	border-right: 2px solid; border-bottom: 0.5em solid;
	margin-bottom: -0.5em; vertical-align: middle;
}

.treeview a.sc {
	position: absolute; top: 0.06em;
	margin-left: -1em; padding: 0; text-decoration: none;
}

/* colors */
.treeview li p,
.treeview img.i,
.treeview .sc
{
	background: inherit;
}

.treeview ul.l,
.treeview li p,
.treeview img.i {

}

.treeview ul li li,
.treeview ul li li div {
}

.treeview a,
.treeview a.sc,
.treeview a.sc:hover {
	color: #eee;
	font-size: 10pt;
	text-decoration: none;
	text-transform: none;
	font-weight: normal;
	//margin-left: 5px;
}

.treeview a:link, .treeview a:visited {
	color: #eee;
	font-size: 10pt;
	text-decoration: none;
	text-transform: none;
	font-weight: normal;
}
.treeview a:hover {
	color: #bbb;
	font-size: 10pt;
	text-decoration: none;
	text-transform: none;
	font-weight: normal;
}