BODY,TD {
    font-family: Arial;
    font-size: 15px;
    margin:0px;
}
body {
/*    background: #ffffca;*/
   background: #c7d38b;
   overflow-y:scroll;
}
textarea {
    width:250px;
    height:80px;
}

.content {
    background: #ffffca;
}
.tabloid{
    width:100%;
/*    table-layout:fixed;*/
    margin:0px;
    border-collapse: collapse;
}
.tabloid td {
    overflow: hidden;
/*    border:1px solid #d6d594;*/
    border:1px solid #fff;
    margin:0px;
    font-size: 15px;
    padding:0px;
/*    background: #ffffaf; */
    background-color: #c7d38b;
    
/*    white-space:nowrap;*/
}
.btn{
    color: black;
    font-size: 14px; 
    font-weight: 700;
    text-decoration:none;
    width:100%;
    display:block;
    background: url(/static/images/marker01.gif);
    background-repeat: no-repeat;
    background-position: right;
}

.tabloid1 {
    border-collapse: collapse;
}
.tabloid1 td {
    border-collapse: collapse;
    border:1px solid #d6d594;
}
.antitabloid td {
    border:none;
    background:none;
    padding:0px;
}

.cardTable td div.cardPoleDiv {
/*
    overflow: hidden;
    height:20px;
*/
}

.cardItemValueRu, .cardItemValueEn {
    display:none;
}
.cardItemDisplay {
    display:block;
}

.cardItemNameRu, .cardItemNameEn {
    font-weight:bold;
    font-size:14px;
}
.cardItemNameEn {
    display:none;
}
.cardClass {
    margin-left:20px;
    background:#F0F0F0;
    cursor:pointer;
    clear:both;
    position:relative;

}
.cardClassName {
    float:left;
    width:500px;
    height:25px;
    border-bottom:1px dashed gray;
}
.cardClassValue {
    display:inline;
}
.cardClassValue input[type="text"] {width:100px;}


.searchClass {
    margin-left:20px;
    background:#F0F0F0;
    cursor:pointer;
    clear:both;
}
.searchClassName {
    float:left;
    width:200px;
}
.searchClassValue {
    display:inline;
}
.main td {
    height: 25px;
    overflow: hidden;
    white-space:nowrap;
}
.langRu {

}
.langEn {
    display:none;
}

h1 {
    margin:0px;
    font-size:20px;
    /*text-align:center;*/
}


.footer {
    clear:both;
/*    background: #c7d38b;*/
    padding:5px 50px 0px 0px; 
    text-align:right;
}
.header {
/*    background:  #61b824; */
    background: #c7d38b;
    border-collapse:collapse;
    border-bottom: 1px solid #777;
/*    box-shadow: 1px 1px 7px 0px gray;
    -moz-box-shadow: 1px 1px 7px 0px gray;
    -webkit-box-shadow: 1px 1px 7px 0px gray;
*/
}
.header td {
    color:#000;
/*    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
*/
/*    -webkit-border-radius: 7px;
       -moz-border-radius: 7px;
            border-radius: 7px;
*/
    text-align:center;
    height:30px;
    width:15%;
    font-size: 15px;
    font-weight: bold;
}
.header a {
    color: #000;
    text-decoration:none;
}
.htd1 {
    border-left:1px solid black;
    border-bottom:1px solid black;
}
.htd2 {
    border-left:1px solid black;
}

.block-vid-item {
    float:left;
    display:block;
    width:300px;

}
.block-vid {
-moz-column-width:300px;
-moz-column-gap:10px; 
-webkit-column-width:300px;
-webkit-column-gap:10px;
    
}

.oplus {
    text-decoration:none;
    color:black;
    font-size:25px;
    line-height:15px;
    font-weight: bold;
    color: red;

}
.panmonitoring {
    font-size: 16px;
}

.treeHandler {
    cursor:move;
}

.popup{
    position:absolute;
    width:250px;
    background:white;
    border:1px solid gray;
}
.popup a{
    display:block;
    margin: 3px;
}
.lightbox{
        width: 200px;
        min-height: 100px;
        border: 1px solid #000;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        margin: 5px;
        zoom: 1;
        *display: inline;
}
.tree {
    padding:10px;
}
.chronology {
    border-collapse:collapse;
}
.chronology tr {
    border-bottom:1px dashed #ccc;
}
.chronoLine {
    border-bottom:1px dashed #ccc;
    
}
.chrono0 {
    width:30%;
    display:inline-block;
    font-size:80%;
    color:#ccc;
}
.chrono1 {
    width:70%;
    display:inline-block;
}
.chrono2 {
    width:30%;
    display:inline-block;
}
a.gallery { margin:5px;  text-decoration:none; background:white; text-align:center}
a.gallery p {margin:0 5px; color:black}
a.gallery p.date {font-weight:bold; font-size:0.8em; text-align:center}

.sorter>div{ margin:5px; cursor:pointer}
.sorter>div img{float:left;}
.sorter .hidden {display:none;float:left}


.gallery, .sorter>div{
    border: 1px solid #000;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin: 5px;
    zoom: 1;
    *display: inline;
}

.gallery {height:180px; width:130px; padding:5px 0 0 0; overflow:hidden; position:relative}
.gallery .description {margin:0px -1px; width:130px; position:absolute; z-index:4; background:white; border-left: 1px solid black;  border-right: 1px solid black}
.gallery:hover {overflow:visible}
.gallery:hover .description {position:auto;border-bottom:1px solid black;}