body {
  margin : 10px auto;
  padding: 0px;
  background: #fff;
  font: 12px Arial;
}

div.oemlogo {
  float: right;
}

.mainFonts {
  font: 12px Arial;
}

.outer-center {
  float: right;
  right: 50%;
  position: relative;
}

.inner-center {
  float: right;
  right: -50%;
  position: relative;
}

.clear {
  clear: both;
}

div.versionInfo {
  margin-top: 10px;
  text-align: center;
}

div.has_ets, div.has_ats {
  display: none;
}

a {
  color:#0408A4;
  text-decoration: none;
}

a:visited {
  color:#0408A4;
  text-decoration: none;
}

a:hover {
  color:green;
  text-decoration: underline;
}

/* topmenu */
#menu {
  border-bottom : 1px solid #ccc;
  margin : 0;
  padding-bottom : 19px;
  padding-left : 10px;
  width: auto;
}

#menu ul, #menu li {
  display : inline;
  list-style-type : none;
  margin : 0;
  padding : 0;
}

#menu a:link, #menu a:visited {
  background : #E8EBF0;
  border : 1px solid #ccc;
  color : #666;
  float : left;
  font-weight : normal;
  line-height : 14px;
  margin-right : 8px;
  padding : 2px 10px 2px 10px;
  text-decoration : none;
}

#menu li#act a {
  background : #fff;
  border-bottom : 1px solid #fff;
  color : #000;
}

div.ms {
  width: 100%;
}
/* topmenu */

/* submenu */
a.na { text-decoration: underline; }
/* submenu */


div#cont {
  border-top : 0px solid #ccc;
  border-left : 1px solid #ccc;
  border-right : 1px solid #ccc;
  border-bottom : 1px solid #ccc;
  padding: 15px 15px 15px 15px;
  text-align: center;
  min-width: 200px;
}

.jsContent {
  display: none;
}

.nonJsContent {
}

form {
  margin: 0px;
  padding: 0px;
  display: inline;
}

input.btnBatch {
  width: 70px;
}

input.btnOn {
  width: 40px;
}

input.btnReset {
  width: 70px;
}

input[type=text], input[type=password] {
  margin-bottom: 2px;
  display: block;
  padding: 2px;
  border: solid 1px #575757;
  display: inline;
}

input[type="radio"] {
  margin: 5px 3px 5px 5px;
}

input[type="checkbox"] {
  margin: 5px 3px 3px 5px;
}

input.rj {
  text-align: right;
}

select {
  margin-bottom: 2px;
}

select#p {
  width: 200px;
}

select#tz {
  width: 350px;
}
   
span.wdog.error {
  color: red;
}

span.wdog.ok {
  color: green;
}

span.wdog.booting {
  color: orange;
}

span.batchmode {
  color: blue;
}

span.st0 { text-align: left; float: left; width: 110px; }
span.st1 { text-align: left; float: left; width: 85px; }
span.st2 { text-align: left; float: left; width: 40px; }
span.st3 { text-align: left; float: left; width: 90px; }
span.st4 { text-align: left; float: left; width: 90px; }

div.batchmode {
  display: inline-block;
  width: auto;
  clear: both;
  margin-bottom: 10px;
}

div.port {
  height : 34px;
}

div.portrow {
  display: inline-block;
  padding: 5px 0px 5px 5px;
  float: left;
  clear: left;
  width: 100%;
}

div.portrow.ov {
  min-width: 450px;
}

dic.ets.input {
  float: left;
}

div.etslabel {
  min-width: 100px;
}

div.etsstatus {
  min-width: 40px;
}

div.etsdefault {
  min-width: 100px;
}

div.etsoutput {
  min-width: 200px;
}

div.etsphaseshift_ab {
  margin-top: 10px;
  min-height: 20px;
  margin-bottom: 10px;
}

div.ets.input {
  display: inline-block;
}
div.ets.input.status {
}

div.atsrow > div {
    float: left;
    text-align: left;
    font-size: 16px;
}
div.atsname {
    width: 160px;
}
div.atsstate {
    width: 100px;
}
div.atsstate.on {
    color: green;
}
div.atsstate.off {
    color: red;
}
div.atsstate.primary, div.atsstate.secondary {
    color: orange;
}

div.portrow.even {
  background-color: #F0F0F0;
}

div.portrow.odd {
  background-color: #F9F9F9;
}

div.porticon {
  width: 31px;
  height: 31px;
  margin-top: 3px;
  margin-right: 10px;
  display: inline-block;
  float: left;
  background-image: url('bullets.png');
}

.porticon.on {
    background-position:-31px 0px;
}

.porticon.off {
    background-position: 0px 0px;
}

div.portlabel {
  width: 190px;
  height: 20px;
  font-size: 16px;
  text-align: left;
  display: inline-block;
  float: left;
  margin-top: 3px;
  padding-top: 8px;
}

div.portbuttons {
  display: inline-block;
  padding-top: 5px;
}

div.portextras {
  font-size: 16px;
  text-align: left;
  margin-left: 38px;
}

div.portrows {
  margin-bottom: 10px;
  float: left;
  margin-left: 5px;
}

div.miscgossip {
  font-size: 16px;
  color: blue;
  clear: both;
}

/* configuration */
fieldset {
  display: inline-block;
  border : 1px solid #ccc;
  margin : 10px;
  width: 650px;
  text-align: left;
}

fieldset legend {
  font: 14px Arial;
  font-weight: bold;
}

fieldset.dialog {
  display: none;
}

div.config {
  width: 640px;
}

div.label {
  margin-left: 10px;
  display: inline;
  float: left;
  width: 225px;
  margin-top : 5px;
}

div.inputWidget {
  display: inline;
  width: 250px;
  vertical-align: middle;
}

div.labelWidget {
  margin-left: 10px;
  width: 465px;
  display: inline;
}

div.indent {
  display: inline;
  float: left;
  min-width: 20px;
  width: 20px;
}

hr {
  border: 0;
  color: #9E9E9E;
  background-color: #9E9E9E;
  height: 1px;
  width: 100%;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 10px;
}

div.hrspacer {
  height: 10px;
  clear: both;
  margin: 0px;
  font: 2px Arial;
}

div.btnSubmit {
  text-align: center;
  margin-bottom: 10px;
  clear: both;
}

div.btnSubmit.twinInfo {
  display: none;
}

div.bankHeader {
  padding: 5px 0px 5px 5px;
  display: inline-block;
  width: 100%;
}

div.bank.fuse.blown {
  display: inline-block;
  padding: 5px 0px 5px 0px;
  float: left;
  clear: left;
  width: 100%;
  background-color: #C0C0C0;
  margin: 2px 2px 2px 2px;
}

.error {
  color: red;
}
/* configuration */


/* sensor tables */
div.sensortables {
  margin-bottom: 10px;
}

.sensoricon {
    height:15px;
    width:15px;
    background-image: url('bullets.png');
    float: left;
    margin-right: 3px;
}

.sensoricon.on {
    background-position: -79px -1px;
}

.sensoricon.off {
    background-position: -63px -1px;
}

table.sensorTbl {
  border: 2px solid black;
  border-collapse: collapse;
  font-family: Arial;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}

table#sensor2 thead tr {
  border-bottom: 1px solid black;
}

table#sensor3 td.stf-2, table#sensor4 td.stf-2 {
  width: 80px;
}
table#sensor3 td.stf-1, table#sensor4 td.stf-1 {
  width:120px;
}
table#sensor5 td.stf-1, table#sensor5 td.stf-1 {
  width:214px;
}

table#sensor3 td.stf0, table#sensor4 td.stf0, table#sensor5 td.stf0 {
  width: 100px;
}
table#sensor3 td.stf1, table#sensor4 td.stf1, table#sensor5 td.stf1 {
  width: 100px;
}
table#sensor3 td.stf2, table#sensor4 td.stf2, table#sensor5 td.stf2 {
  width: 100px;
}
table#sensor3 td.stf3, table#sensor4 td.stf3, table#sensor5 td.stf3 {
  width: 100px;
}
table#sensor7 td.stf0 {
    min-width: 120px;
    text-align: left;
}

table#sensor7 td.stf0 {
    min-width: 120px;
    text-align: left;
}

table.sensorTbl thead td {
  text-align: center;
  vertical-align: top;
}

table.sensorTbl td {
  padding-left: 6px;
  padding-right: 6px;
}

table.sensorTbl td.cv {
  text-align: center;
}

table#sensor1 tbody td {
  padding: 3px;
}

table#sensor1 tr.headerEnd {
  border-bottom: 1px solid black;
}

tbody tr.even {
  background-color: #F0F0F0;
}

tbody tr.odd {
  background-color: #F8F8F8;
}

tbody tr.sum {
  background-color: #C0C0C0;
}

table.sensorTbl tbody td {
  font-family: monospace;
  text-align: right;
}

td.newValueGroup {
  border-left: 1px solid black;
}

span.ok {
  color: green;
}

span.error {
  color: red;
}
/* end: sensor tables */


div.submenucont {
  display: none;
}

/* gsm start */
div.gsmlog {
  display: none;
}

#gsmlogentries {
  text-align: left;
}
fieldset.configbig {
  width: 730px;
}

input#btnPbOk, input.btnPbEdit {
  width: 60px;
}

input#btnPbCancel, input.btnPbDelete {
  width: 80px;
}

#gsm_log {
  font-size: 11px;
}

span.gsm.led_status1 {
  color: red;
}

span.gsm.led_status2 {
  color: red;
}

span.gsm.led_status3 {
  color: orange;
}

span.gsm.led_status4 {
  color: green;
}

/* GSM end */