/**
  * The following CSS-style definitions are used
  * to lay out periscopes controls
  *
  *
  * (C) 2009, Перископ: Система управления информацией
  *
  */
  
body 
{
    top: 0px;
    left: 0px;
}

.zbr1 {
    width:100%;
    clear:both;
/*    background: #f2eeff;*/
    background: none;
}

/*
div.zbr1:hover, div.zbr2:hover
{
    background-color: #FFFF66;
}
*/

.zbr2 {
    width:100%;
    clear:both;
    background: #dbe5f1;
}

.zebra 
{
    width:100%;
    background: #708090;
    margin-top: 5px;
}

.zebra .inzebra
{
    text-decoration:none;
    color:white;
    font-family: Arial, sans-serif;
    font-size: 14pt;
}

.ctextarea 
{
    position: absolute; 
    left: 5px; 
    top: 0px; 
    width: 498px; 
    height: 287px; 
    border: 1px ridge #0c3676; 
    overflow: scroll;
}

.logo 
{
    position: absolute;
    top: 0px;
    left: 12px;
    width: 87px; 
    height: 87px;
    border: 1px;
}

.logotxt 
{
    position: absolute;
    top: 35px;
    left: 10px;
    width: 70px;
    height: 20px;
    background-color: white;
    text-align: center;
}

.welcometext_b 
{
    position: absolute;
    top: 0px;
    left: 105px;
    font-size: 30pt;
    width: 800px;
    height: 50px;
}

A.shadowed:hover {color: #606060;}

A.shadowed:visited{color: #606060;}

.shadowed {color:  #606060;}

.welcometext_s 
{
    position: absolute;
    top: 45px;
    left: 160px;
    font-size: 10pt;
    color: #787878;
    width: 300px;
    height: 20px;
}

.smalltext {
    position: absolute;
    font-size: 10pt;
    top: 70px;
    text-align: center;
}

.a_dis {
    text-decoration: none;
    color: #787878;
}

.tab_dis 
{
    position: absolute;
    top: 7px;
    left: 8px;
    text-align: center;
    width: 100px;
    height: 20px;
    border: none;
    color: #787878;
}

.a_act {
    text-decoration: none;
    color: #000000;
}

.tab_act 
{
    position: absolute;
    top: 5px;
    left: 8px;
    text-align: center;
    width: 100px;
    height: 20px;
    border-top: 2px solid #6e96dc;
    border-left: 2px solid #6e96dc;
    border-right: 2px solid #6e96dc;
    border-bottom: 2px solid white;
}

#widecontent
{
    position: absolute; 
    top: 117px; 
    border: 2px solid #6e96dc; 
    width: 1024px; 
    height: auto;  
}

.btn 
{
    position: absolute;
    top: 3px;
    left: 380px;
    text-align: center; 
    width: 120px; 
    height: 25px; 
    background: url('/images/btn.png');   
    cursor: pointer;
}

.shwbtn 
{
    text-align: center; 
    width: 120px; 
    height: 25px; 
    background: url("/images/btn.png");   
    cursor: pointer;
}

.btn_process
{
    position: absolute;
    top: 3px;
    left: 5px;
    text-align: center; 
    width: 498px; 
    height: 25px; 
    background: url('/images/btn_process.png');   
    cursor: pointer;
}

.btn2 
{
    position: absolute;
    top: 3px;
    left: 502px;
    text-align: center; 
    width: 120px; 
    height: 25px; 
    background: url('/images/btn.png');   
    cursor: pointer;
}

div.btn:hover, div.btn2:hover, div.btn_process:hover
{
    color: blue;
}

.txtstring 
{
    position: absolute;
    top: 5px;
    left: 5px;
    width: 369px; 
    border: 1px solid #0c3676; 
    color: black;
}

.editorbtn 
{
    position: absolute; 
    top: 3px; 
    height: 25px;
    background: #D6D6D6; 
    font-size: 10pt; 
    width: 77px; 
}

.nav_left 
{
    position: absolute; 
    top: 7px;
    width: 30px; 
    height: 30px; 
    background: url(/images/left.png);
}

.nav_left_h 
{
    position: absolute; 
    top: 7px;
    width: 30px; 
    height: 30px; 
    background: url(/images/left_h.png);
}

.nav_right
{
    position: absolute; 
    top: 7px;
    width: 30px; 
    height: 30px; 
    background: url(/images/right.png);
}

.nav_right_h 
{
    position: absolute; 
    top: 7px;
    width: 30px; 
    height: 30px; 
    background: url(/images/right_h.png);
}

.seldiv {
    width:100%;
    clear:both;
    background-color: #FFFF66;
}

.nonseldiv {
    background-color: white;
    border-bottom: 1px dashed black;
}

.seldiv2 {
    background-color: #e1edf8;
    border-bottom: 1px dashed black;
}

.dashedbt
{
    border-bottom: 1px dashed black;
}

.archcont
{
    min-width: 800px;
    width: 99%;
    margin-left: 5px;
    font-family: Arial, sana-serif;
    font-size: 12pt;
}

/*
  archive menu list  
*/
.selmi
{
    margin-top:5px;
    margin-bottom:5px;
    color: white;
    background-color: #6e96dc;
}

.unselmi
{
    margin-top:5px;
    margin-bottom:5px;
    color: black;
    background-color: none;
}

.mseldiv
{
    margin-top:5px;
    margin-bottom:5px;
    color: black;
    background-color: #FFFF66;
}

.archdiv
{
    min-width: 800px;
    width: 100%;
    margin-left: 5px;
    font-family: Arial, sana-serif;
    font-size: 12pt;
}

.cl2dig
{
    border:1px solid black; 
    width:32px;
    size:2;
}

.cl4dig
{
    border:1px solid; 
    width:62px;
    size:4;
}

/*
    left panel styles
 */
.unlcmncnt
{
    width:100%;
    height:auto;
    border:1px solid #6e96dc;
    margin-top:5px;
    margin-bottom:5px;
}

.unlinnercnt
{
    width:100%;
    background-color:white;
}

.unldatehdr
{
    width:100%;
    background-color:#3465A4;
    color:white;
    height:26px;
    font-weight:bolder;
    outline: 1px solid #204a87;
}

.unldatehdr div.spn
{
    margin: 3px 0 0 10px;
    font-family: Arial, sans-serif;
    font-size: 12pt;
    float:left;
}

.unldatehdr div.fls
{
    margin: 3px 10px 0px 0px;
    font-family: Arial, sans-serif;
    font-size: 10pt;
    float:right;
    cursor:pointer;
    border-bottom:1px dashed white;
}

.refclr
{
    color: black;
}

.refbarch
{
    font-size:12pt;
    font-family: Atial, sans-serif;
    text-decoration:none;
    color: black;
}