.treeview { padding: 0; clear: both; font-family: 11px Tahoma;  width: 200px; }
.treeview * { font-size: 11px; font-family:tachoma; }
.treeview ul
{
    overflow: hidden; width: 100%; margin: 0; padding: 0 0 1.5em 0;
    list-style-type: none;
}
.treeview ul ul { overflow: visible; width: auto; margin: 0 0 0 0; padding: 0 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; padding: 0; }
.treeview li li { margin: 0 0 0 0.5em; border-left: 1px dotted; padding: 0; }
.treeview li div { position: relative; height: 1.5em;  min-height: 26px; //height: 1.3em; }
.treeview li li div { border-bottom: 1px dotted; }
.treeview li p
{
    text-indent:0;
    position: absolute; top: 0.8em; //top: 0.65em; left: 1.55em;
    width: 100%; margin: 0;
    padding: 0;
/*    border-bottom: 1px dashed; */
}
.treeview a { padding: 0.1em 0.2em; white-space: normal; //height: 1px;}
.treeview a.sc
{
    position: absolute; top: 0.06em;
    margin-left: -1em; padding: 0; text-decoration: underline;

}

/* colors */
.treeview li p,
.treeview img.i,
.treeview .sc
{ text-indent:0; color:#ffffff; background: #ffffff; }
.treeview ul.l,
.treeview li p,
.treeview img.i
{ text-indent:0; border-color: #f5f5ea; }
.treeview ul li li,
.treeview ul li li div
{ border-color: #999999; }
.treeview a,
.treeview a.sc,
.treeview a.sc:hover
{ color: #000000; }
.treeview a:hover
{ color: #000000;
  text-decoration: underline;}