body    {font-family: Verdana, Arial, sans-serif;background: #5b5b5b;margin: 0px auto;padding: 0 0 20px 0;}
table   {border: 0; margin: auto;}
td      {font-size: 10pt; text-align: center;}
th      {font-size: 10pt; text-align: center;}
label   {font-weight:bold;font-size: 10pt;}
p       {text-align: center; font-size: 10pt; font-weight:bold;}
fieldset{border: 1px solid #ddd;background:#eee;border-radius: 10px 10px 10px 10px;}

#shadow-one {width: 760px;border: 1px solid #555;border-top: 0;margin: 0px auto;}
#page {border: 1px solid #333;background: #fff;border-top: 0;padding: 20px;font-size: 10pt;}

#title {background:  #0000ff;padding: 4px; font-weight: bold;color: #fff;margin-bottom: 15px;height: 16px;border-radius: 10px 10px 10px 10px;}
#title .right {float: right;width: 300px;text-align: right;}
//.tleft {float: left;width: 100px;text-align: left;}
#menu {float: left;width: 150px;padding-right: 10px; margin: 0px;}

a {font-size: 10pt;}
#menu a {
    width: 140px;
    display: block;
    background: #0000ff;
    color: white;
    padding: 8px;
    font-weight: bold;
    border-bottom: 1px solid #fff;
    text-decoration: none;
    border-radius: 10px 10px 10px 10px;}
#menu a:hover {background: #55aa55;}
.left {text-align: left;}
.center {text-align: center;}

#ContentDebug th {text-align: left;}
#ContentDebug td {text-align: left;}

#ShadowSensorConfig {width: 1210px;border: 1px solid #555;border-top: 0;margin: 0px auto;}
#ContentSensorConfig {width: 990px;float: right;text-align: center;}
#ContentSensorConfig h3 {margin-top: 0px;text-align: left;}
#ContentSensorConfig h4 {margin-top: 0px;text-align: left;}


#content {width: 540px;float: right;text-align: center;}
#content a {color: #800080;text-decoration: none;}
#content a:hover {color: #d33;text-decoration: underline;}
#content h0 {margin-top: 0px;}
#content h1 {margin-top: 0px;}
#content h2 {margin-top: 0px;}
#content h3 {margin-top: 0px;}
#content h4 {margin-top: 0px;}
#content h6 {border-top: 1px dashed #333;margin: 15px;padding: 0px;height: 1px;}


#PageAbout {border: 1px solid #333;background: #eeeeee;border-top: 0;padding: 20px;font-size: 10pt;}
#ShadowAbout      {width: 1270px;border: 1px solid #555;border-top: 0;margin: 0px auto;}
#ContentAbout     {width: 1150px;text-align: center;font-size: 14pt;}
#ContentAboutText {text-align: left;}

#ContCont {width: 300px;text-align: center; font-size: 14pt;}
#ContCont a {color: #800080;text-decoration: none;font-size: 14pt;}







#ContentNet {width: 540px;float: right;text-align: center;}
#ContentNet img {width: 15px; height:15px;}
#ContentNet th:nth-child(1) {text-align: right;}
#ContentNet th:nth-child(2) {text-align: left;}
#ContentNet td:nth-child(1) {text-align: right;}
#ContentNet td:nth-child(2) {text-align: left;}
#ContentNet caption {font-weight: bold;font-size: 10pt; text-align: center;text-decoration: underline;}
#ContentNet a {color: #800080;text-decoration: none;}
#ContentNet a:hover {color: #d33;text-decoration: underline;}
#ContentNet h3 {margin-top: 0px;text-align: left;}
#ContentNet h4 {margin-top: 0px;text-align: left;}

#ShadowArhive {width: 660px;border: 1px solid #555;border-top: 0;margin: 0px auto;}
#ContentArhive {width: 440px;float: right;text-align: center; margin: 0px; padding-right: 10px;}
#ContentArhive tr {display: none;}
#ContentArhive td {text-align: center;}

#ShadowIndex  {width: 870px;border: 1px solid #555;border-top: 0;margin: 0px auto;}

#ContentIndex {width: 650px;float: right;text-align: center;}
#ContentIndex caption {font-size: 13pt; text-align: center; color: blue;font-weight:bold;}
#ContentIndex th      {font-size: 12pt; text-align: center; font-weight:bold;}
#ContentIndex td      {font-size: 13pt; text-align: center; }
#ContentIndex th:nth-child(1) {width: 450px;}
#ContentIndex th:nth-child(2) {font-weight:bold;}
#ContentIndex th:nth-child(3) {width: 60px;}
#ContentIndex td:nth-child(1) {}
#ContentIndex td:nth-child(2) {font-weight:bold;}
#ContentIndex td:nth-child(3) {}

#IdRemServ textarea {width: 80%; height: 50px; resize: none; font-size: 12pt; background: #eee}
#IdRemServ table   {}
#IdRemServ caption {font-size: 11pt; text-align: center;font-weight:bold;}
/*
#IdRemServ th      {}
#IdRemServ td      {}
#IdRemServ th:nth-child(1) {width: 50px;}
#IdRemServ th:nth-child(2) {width: 30px;}
#IdRemServ th:nth-child(3) {}
*/
#IdRemServ th:nth-child(1) {width: 180px;text-align: center;}
#IdRemServ th:nth-child(2) {width: 70px;text-align: center;}
#IdRemServ th:nth-child(3) {width: 50px;text-align: center;}
#IdRemServ th:nth-child(4) {width: 50px;text-align: center;}
#IdRemServ td:nth-child(1) {width: 185px;text-align: center;}
#IdRemServ td:nth-child(2) {width: 70px;text-align: center;}
#IdRemServ td:nth-child(3) {width: 50px;text-align: center;}
#IdRemServ td:nth-child(4) {width: 50px;text-align: center;}


#ContentMail {width: 550px;float: right;text-align: left;}
#ContentMail th:nth-child(1) {text-align: right;}
#ContentMail td:nth-child(2) {text-align: left}

#FormatToken th:nth-child(1) {text-align: center;}
#FormatToken th:nth-child(2) {text-align: center;}
#FormatToken td:nth-child(1) {text-align: center;}
#FormatToken td:nth-child(2) {text-align: center;}

#stadiv {padding-left:10px; padding-right:10px;}
#divwifiscan td:nth-child(1) {text-align: right;}
#divwifiscan td:nth-child(2) {text-align: left;}
#divwifiscan td:nth-child(3) {text-align: center;}

#ContentDebug caption {font-weight:bold;}
#ContentDebug th {font-weight:bold;}

#IdDivSensors td:nth-child(2) {width: 270px;}

#footer {font-size: 0.9em;color: #666;text-align: center;margin: 10px 50px 0 50px;padding-top: 10px;border-top: 1px dotted #666;}
.examplebox {margin:10px 40px 10px 40px;padding: 8px;border: 1px dotted #333;text-align:center;background:#ddd;}
.code {font-family: Courier New, Courier, fixed-width, fixed;}
.exercise {background: #fe9;padding: 5px;margin-left: 10px;border-left: 2px solid #eb3;}
.error {margin-left: 10px;padding: 10px;background: #fdd;border-left: 2px solid #900;}
.examplebox td {text-align:left;padding-right: 15px;}
.capblue    {color: blue;}
.trmenu     {background: #0000ff; color: #ffffff;}
.thmenu     {height: 15px;}
.sensorconfigbuttonpadding {width:150px;}
.divinclude {background: #fff; border-radius: 10px 10px 10px 10px; padding-bottom: 15px;padding-top: 15px;display:none}
.spacer     {clear: both;}
.underline  {text-decoration: underline;}
.hidden     {display: none;}



.divhub {display: none;}
.result
    {
    margin: 2px 2px 15px 2px;
    padding: 8px;border: 1px solid #333;
    text-align: center;
    font-weight: bold;
    background: #eee;
    border-radius: 10px 10px 10px 10px;
    }
.ok {border-color: #6b6;    background: #efe; display:none;}
.fail {border-color: #b66;  background: #fee; display:none;}
.unk {border-color: #cc6;   background: #ffd;}
.normal {border-color: #fff;background: #fff; display:none;}
.scand {margin: 1px 1px 1px 1px;padding: 10px;border: 1px solid #333;text-align: center;font-weight: bold;background: #fff; border-radius: 10px 10px 10px 10px;}


.tabs {width:100%; padding: 0px; margin: 0 auto; text-align: center;}
.tabs>input {display: none;}
.tabs>div {display: none; padding: 12px; border: 1px solid #0000ff; background: #FFFFFF; border-radius: 10px 10px 10px 10px;}

.tabs>label {
    display: inline-block;
    padding: 7px;
    margin: 0 -5px -1px 1px;
    text-align: center;
    color: #000000;
    border: 1px solid #c0c0c0;
    background: #e0e0e0;
    cursor: pointer;
    border-radius: 10px 10px 10px 10px;
}
.tabs>input:checked + label {background:#47a4c6;color:white;border: 1px solid #C0C0C0;border-bottom:1px solid #FFFFFF; border-radius: 10px 10px 10px 10px;}
.tabs>input:hover +label{background: #00BFFF;}

#idInpTabRs1:checked ~ #idDivTabRs1,
#idInpTabRs2:checked ~ #idDivTabRs2,
#idInpTabRs3:checked ~ #idDivTabRs3,
#idInpTabRs4:checked ~ #idDivTabRs4,
#idInpTabRs5:checked ~ #idDivTabRs5 { display: block; }

::-webkit-progress-bar {background: white;}
::-webkit-progress-value {background: blue; }
::-moz-progress-bar {background: blue;}
progress
    {
    display: block;
    color: #00f;
    background: #fff;
    border: 4px solid blue;
    border-radius: 10px;
    width: 500px;
    height: 20px;
    text-align: left;
    }