
/*layout styles*/
html, body {
/*    font-size: .85em;
    font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
*/
    color: #232323;
    background: #ddd;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: auto; /* when page gets too small */
}

#container {
    background-color: #f1f1f1;
    height: 99%;
    margin: 5px;
    width: 99%;
}

.pane {
    display: none; /* will appear when layout inits */
}
    header, footer, nav, section {
    display: block;
}

/*Menu styles*/
.publshowim {
    height: 25px;
    width: 27px;
    background-image: url("../images/publshowims.png");
    background-repeat: no-repeat;
    background-position-y: 0;
    margin: 0 0.4em;
    display: inline-block;
    cursor: pointer;
}

    .publshowim:hover {
        background-position-y: -25px;
    }

.publshowtc {
    background-position-x: 0;
}

.publshowzi {
    background-position-x: -27px;
}

.publshowzo {
    background-position-x: -54px;
}

.publshowtr {
    background-position-x: -81px;
}

.publshowtl {
    background-position-x: -108px;
}

.publshowft {
    background-position-x: -135px;
}

.publshowpr {
    background-position-x: -162px;
}

.publshownt {
    background-position-x: -189px;
}

.publshowlt {
    background-position-x: -216px;
}

.publshowrf {
    background-position-x: -243px;
}

.publshowprt {
    background-position-x: -270px;
}

.publshowex {
    background-position-x: -297px;
}

/*Tree styles*/
.Container {
    padding: 0;
    margin: 0;
}

    .Container li {
        list-style-type: none; /* убрать кружочки/точечки */
    }

.Node {
    margin-left: 18px;
    zoom: 1; /* спецсвойство против багов IE6,7. Ставит hasLayout */
}

.IsRoot {
    margin-left: 0;
}

.Expand {
    width: 18px;
    height: 18px;
    float: left;
}

.Content {
    margin-left: 18px;
    min-height: 18px;
}

* html .Content {
    height: 18px; /* аналог min-height для IE6 */
}
/* открытое поддерево */
.ExpandOpen .Expand {
    background-image: url(../images/expand_minus.gif);
}

/* закрытое поддерево */
.ExpandClosed .Expand {
    background-image: url(../images/expand_plus.gif);
}

/* лист */
.ExpandLeaf .Expand {
    background-image: url(../images/expand_leaf.gif);
}
/*   lines  */
.Node {
    margin-left: 18px;
    zoom: 1;
    background-image: url(/images/i.gif);
    background-position: top left;
    background-repeat: repeat-y;
}

/* это правило - ниже .Node, поэтому имеет больший приоритет */
.IsLast {
    /* добавить соединительную черточку наверх */
    background-image: url(/images/i_half.gif);
    background-repeat: no-repeat;
}

/* OPEN-CLOSE*/
.ExpandOpen .Container {
    display: block;
}

.ExpandClosed .Container {
    display: none;
}

.ExpandOpen .Expand, .ExpandClosed .Expand {
    cursor: pointer; /* иконки скрытия-раскрытия */
}

.ExpandLeaf .Expand {
    cursor: auto; /* листовой узел */
}
