/*  
Владимир Токмаков  (vlalek@design.ru)
Дерево с ветками
http://www.artlebedev.ru/tools/technogrette/html/treeview/      
*/

    .treeview 
    { 
      cursor:default;
      padding: 0; 
      clear: both; 
      font-family: Arial, sans-serif; 
      width: 100%; 
      font-size:20px;
     }
    .treeview * { font-size: 100.1%; }
    .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: 16px; //height: 1.3em; }
    .treeview li li div { border-bottom: 1px dotted; }
    .treeview li p
    {
        position: absolute; z-index: 1; top: 0.8em; //top: 0.65em; left: 1.75em;
        width: 100%; margin: 0; border-bottom: 1px dashed; padding: 0;
    }
    .treeview a { cursor:default; padding: 0.1em 0.2em; white-space: nowrap; //height: 1px; }
    .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;
        border:1px solid #999999;
        background: #f5f5ea;
    }

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

/* --- Конец: 
Владимир Токмаков  (vlalek@design.ru)
Дерево с ветками
http://www.artlebedev.ru/tools/technogrette/html/treeview/      
*/


.treeview .titem { padding: 0.1em 0.2em; white-space: nowrap; //height: 1px; }

    .treeview li
    {
        list-style-type: none;   
        list-style-image: url(./pic/empty.gif);
    }

/* Загадки */

.puzzle
{
   text-align:left;
   border:1px solid black;
   width:370px;
   background:#cfc;
   font-family: serif;
   font-size:140%; 
   white-space:nowrap;
   padding:15px;
}

.puzzle DIV
{
  text-align:center;
  font-weight:bold;
  color: #990000;
  margin-bottom:5px;
}


/* Папки */

.dir
{
   width:390px;
   border:1px solid black;
   text-align:left;
   background:#cfc;
   font-family: serif;
   font-size:140%; 
   white-space:normal;
   padding:0px;
}

.dir .tit
{
   width:100%;
   height:60px;
   background:#fff6c1;
   border-bottom:1px solid black;
}

.dir .tit IMG
{
  margin-top:5px; 
  margin-left:10px; 
}

.dir .tx
{
   padding:10px;
}