/* Дерево многоуровневое
   -------------------------------- */
   .multi-derevo {
      width: 224px; /* блок под дерево */
      border: solid; /* границы блока */
      border-color: silver gray gray silver;
      border-width: 2px;
      padding: 0 0 1em 0;  /* нижний отступ */
      font-size: 12px;
   }

   .multi-derevo h4 {
		margin:0px;
		padding:3px;
		border-bottom: 1px solid silver;
   }
   .multi-derevo span { /* обертка пункта */
         text-decoration: none;
         display: block; /* растянем до правого края блока */
         margin: 0 0 0 1.2em;   		
         background-color: transparent;
         border: solid silver; /* цвет линий */   
         border-width: 0 0 1px 1px; /* границы: низ и лево */
      }
	.multi-derevo span a  {/* тест элемента дерева */
            display: block; 
            position: relative;
            top: .95em; /* смещаем узел на середину линии */
            background-color: #fff; /* закраска в цвет фона обязательна иначе будет видно линию */
            margin: 0 0 .2em .7em; /* делаем промежуток между узлами, отодвигаем левее   */
            padding: 0 0.3em; /* небольшой отступ от линии */
         }
     .multi-derevo ul, .multi-derevo li {
         list-style-image:none;
         list-style-position:outside;
         list-style-type:none;
         margin:0;
         padding:0;
      }
        .multi-derevo ul li {
            line-height: 1.2em;
         }
           .multi-derevo ul li ul {
               display: none; /* узлы свернуты  */
            }
            .multi-derevo ul li ul li {
                  margin: 0 0 0 1.2em;
                  border-left: 1px solid silver; /* цвет вертикальной линии между узлами */
            	}
               .multi-derevo li.last {/* последний узел, соединительную линию к след. узлу убираем */
                  border: none;  
               }
     .marker { /* маркер раскрытия списка в закрытом состоянии */
         border-color:  transparent transparent  transparent gray;
         border-style: solid; 
         border-width: .25em 0 .25em .5em;   
         margin: .35em .25em 0 0; 
         float: left; 
         width: 0px; 
         height: 0px; 
         line-height: 0px;
      }
      .marker.open {/* маркер раскрытия списка в открытом состоянии */
         border-color: gray transparent transparent transparent;
         border-width: .5em .25em 0 .25em;   
      }
   /* IE 6 Fixup */
   * html .multi-derevo * { height: 1%;}
   * html .marker { border-style: dotted dotted dotted solid; }
   * html .marker.open { border-style: solid dotted dotted dotted; }