﻿* {
    padding: 0px; margin: 0px; 
    font-family:"Microsoft Sans Serif", Arial, sans-serif;
    color: rgb(1, 74, 105);

}
body {
    background-color:#f0f8ff;
}
.divhead{
    text-align:center;   
    
    background-color:#4682B4;
    color:#ffffff;
}
.divfoot{
    text-align:right;   
       min-width:600px;
margin:auto;
width:600px; 
    color:black;
    font-weight:200;
        font-size:10px;

}
.divbody{
    
    min-width:600px;
margin:auto;
width:600px;
}
table {
    border-collapse:collapse;
}
table,th, td {
    border: none;
}
#camout {
    width:600px; height: 480px;
    margin:auto; margin-top:7%; margin-bottom:auto;
}

#camtop {
    width: 600px; height: 70px; 
}
.camtopdl {
    width: 160px; height: 100%; 
}
.zasl{
    width: 60px; height: 70px; 
}

#camin {
    width: 590px; height: 400px; 
    border: 5px solid #4682B4; /*A3B8CF B0C4DE*/
    background:#f0f8ff url('images/cambg.png') repeat-x right bottom;
}
.fan{
    width: 120px; height: 60px; 
}

#camintop {
    width: 590px; height: 80px; 
}
.camintopdl {
    width: 250px; height: 80px; 
}
#caminbottom {
    width: 590px; height: 100%; 
}
#caminbottom td {
    margin:10px;
}
#camscreen 
{
    width: 100%; height: 20px; 
}
.caminside {
    width: 150px; height: 100%;
    padding: 10px;
}
.caminmiddle {
    width: 100%; height: 100%; 
}
.caminmiddle hr {
    border-top: solid 3px #4682B4;
    margin: 3px;
}
.heat {
    display:block;
    vertical-align:top;
    
    margin-top:0px;
}
#camcontent
{
    width: 100%; height: 260px; 
}
#ucinp {
    width: 50px;
}

.box 
{
    font-weight:200;
    text-align:center;
    font-size:20px;
    margin:1px;
    margin-left:10px;
    
}
.box th 
{
    display:block;
    font-weight:normal;
    text-align:left;
    font-size:12px;
    border-bottom: solid 1px #4682B4;
    min-width:80px;
}

.camcontentside
{
    width: 150px; height: 100%;
    padding: 0px;
    vertical-align:top;
    
}
.camcontentsideright
{
    width: 150px; height: 100%;
    padding: 0px;
    margin-left: 20px;
    padding-left: 20px;
    vertical-align:top;
    
}
.camcontentmiddle
{
        width: 270px; height: 100%; 
        background-image: url('images/woodbg.png');
        background-repeat:repeat;
        margin:10px;
        vertical-align:top;
}
#ctt, #ctv, #ctw{
        vertical-align:top;
}

.tochka{
    margin:10px;
    font-weight:100;
    text-align:center;
    font-size:16px;
    vertical-align:bottom;
}
.tochka th{
    color:#ffffff;
}
.tit{
    font-size:12px;
}
.erhide{
    display: none;
    vertical-align: middle;
}
.tit2{
    font-size:14px;
}
.val{
    font-weight:200;
    font-size:20px;
    color:#ffffff;
}

.modetable td, th{
    padding: 5px 10px 5px 10px;

}

.modetable th{
    border-bottom: solid 1px #4682B4;    
}
.modetable tr.current{
    background-color:#4682B4;
}
.modetable tr.current td{
    color:#ffffff;
    
}

.button {

    border: none;
    /*background: url('/forms/down.png') no-repeat top left;*/
    background-color:#4682B4;
    color:#ffffff;
    padding: 2px 8px;
}
button {
    border: none;
    height:32px;

}
.button:hover {
    border: none;
    /*background: url('/forms/down.png') no-repeat top left;rgb(1, 74, 105)*/
    background-color:black;
    color:#ffffff;
    padding: 2px 8px;}
.button-selected {

    border: none;
    /*background: url('/forms/up.png') no-repeat top left;*/
    padding: 2px 8px;
    background-color:#f0f8ff;
    height:32px;
}




.button-rev {
    border: none;
    padding: 2px 8px;
    background-color:#f0f8ff;
    height:32px;

}

.button-rev:hover {
    border: none;
    background-color:black;
    color:#ffffff;
    padding: 2px 8px;}




.wch 
{
    font-weight:normal;
    text-align:center;
    font-size:12px;
    width:60px;
}.wch2 
{
    font-weight:normal;
    text-align:right;
    font-size:12px;
    width:40px;
}
.wch1 
{
    font-weight:normal;
    text-align:right;
    font-size:12px;
    width:20px;
}
.wch-por
{
    font-weight:normal;
    font-size:12px;
    text-align:center;
}
.wch-off
{
    font-weight:normal;
    text-align:center;
    font-size:12px;
    width:60px;
    color:gray;
}.wch-off2
{
    font-weight:normal;
    text-align:right;
    font-size:12px;
    width:40px;
    color:gray;
}
.wch-off1
{
    font-weight:normal;
    text-align:right;
    font-size:12px;
    width:20px;
    color:gray;
}

.auth {
    text-align:right;
    width:300px; height: 150px;
    margin:auto; margin-top:7%; margin-bottom:auto;
}

.box-middle{
    text-align:center;
    margin:auto; margin-top:2%; margin-bottom:auto;
}
.middle{
    text-align:center;
    margin:auto;
}
.errtext{
    color:black;
}