body
{
background: url(/img/background.png) repeat-y 0px 0px;
font: 11px Helvetica, Arial, Verdana, sans-serif;
margin: 0;
padding: 2px 0 0 2px;
}
img { border: 0; }
hr { border: 0; border-top: 1px solid #ebebeb; }
.c, .clear { clear: both; margin: 0; padding: 0; font-size: 0; }
#header
{
background: transparent url(/img/header.png) no-repeat 0 0;
position: relative;
width: 1000px;
height: 77px;
}
#title { font-size:24px;color:red;font-weight:normal;vertical-align:middle;line-height:75px;text-align:right;padding-right:15px; }
#logo { display: block; padding: 20px 0 0 27px; width: 145px; }
#lang { position: absolute; right: 85px; top: 30px; font-weight: bold; font-size: 1.2em; }
#lang-chooser { text-align:left;font-size:11px;display: block;position: absolute;  right: 12px; top: 5px; border: 1px solid #ccc; width: 50px; background: transparent url(/img/arrow.gif) no-repeat 40px 5px; line-height: 0; z-index: 20; margin: 0 0 -1px 0; line-height: 0;}
#chooser-container {text-align:left;position: absolute; right: 12px; top: 21px; display: none; z-index: 200; }
#chooser-container-underlay { position: absolute; right: 0; top: 0; display: none; z-index: 15; height: 200px; width: 300px; }
#chooser-container a {font-size:11px;display: block; background: #fff; border: 1px solid #ccc; margin: -1px 0 0 0; line-height: 0; width: 50px; padding: 0;}
#lang-chooser img, #chooser-container a img {width: 15px; height: 12px; padding: 1px 4px; vertical-align: middle;}
#chooser-container a:hover, #chooser-container a.lang-on { display: block; background: #eee; }
#main { background: transparent url(/img/main.png) repeat-y 0 0; width: 980px; padding: 0 14px 0 3px; z-index: 10; }
#subtitle { position:relative;text-align:center;font-size:18px;color: #4985C1;background: transparent url(/img/nav_bg.gif) repeat-x 0 0;margin: 0 -8px 0 0;height:26px;z-index:500; }
#subtitle a { text-decoration: none; color: #000; }
#headerLogo { float:left; text-align:left; vertical-align:middle; }
#subtitleText { font-weight:bold;line-height:26px; }
#leftnav { float:left;background: #fff; width: 190px;  font-size: 0; margin: -1px 0 0 0; padding: 10px 0 3px 7px; }
#leftnav a { font-size: 11px; }
.ln-1-off { text-decoration:none;display: block; background: #fff url(/img/ln_arrow_off.gif) no-repeat 5px 9px; color: #4985C1; border: 1px solid #d3dde9; padding: 5px 5px 5px 15px; margin: 0 0 1px 0; font-weight: bold;}
.ln-1-off.selected { text-decoration:underline; }
.ln-1-on { text-decoration:none;display: block; background: #fff url(/img/ln_arrow_d_on.gif) no-repeat 4px 10px; color: #4b5765; border: 1px solid #d3dde9; padding: 5px 5px 5px 15px; margin: 0 0 1px 0; font-weight: bold; }
.ln-2-off { text-decoration:none;font-weight:bold; display: none; background: #e4eaf1 url(../img/ln_arrow_d_off.gif) no-repeat 18px 8px; color: #4b5765; padding: 3px 5px 3px 33px; margin: 0 0 1px 0; }
.ln-2-off.selected { text-decoration:underline; }
.ln-2-on { text-decoration:none;display: block; background: #e4eaf1 url(/img/ln_arrow_d_on.gif) no-repeat 18px 8px; color: #4b5765; padding: 3px 5px 3px 33px; margin: 0 0 1px 0; }
.ln-3-off { text-decoration:none;font-weight:bold; display: none; background: #c3d2e4 url(/img/ln_arrow_d_off.gif) no-repeat 33px 8px; color: #4b5765; padding: 3px 5px 3px 45px; }
.ln-3-off.selected { text-decoration:underline; }
.ln-1-off:hover, .ln-1-on:hover, .ln-2-off:hover, .ln-2-on:hover, .ln-3-off:hover, .ln-3-on:hover { text-decoration: underline; }
#container {background: #fff url(/img/background_container_new.gif) repeat-y 0 0; padding: 1px 0 0 0; margin: 3px 0px 0 3px; }
#spacer { background: #fff; height: 7px;}
#footer { background: transparent url(/img/footer.png) no-repeat 0 0; width: 1000px; margin: 0 0 0 1px; height: 32px; color: #828f9f; }
#footer a { color: #b6c0c9;padding: 0 5px 0 5px; }
#footer a.noline { background: none; padding: 0 5px 0 10px; }
#footer a:hover { text-decoration: underline; color: #fff; }
#footer-l { width:150px;float: left; padding: 4px 0 0 10px; }
#footer-c { width:650px;color:white;text-align:center;float:left;padding: 3pt 0pt 0pt 0pt; }
#footer-r { width:150px;text-align:right;float: right; padding: 4px 20px 0 0; }
p { margin: 0 0 10px 0; padding: 0 0 0 1px; }
.values { font-family:Helvetica,Arial,Verdana,sans-serif;font-size:12px;font-weight:bold;text-align:left;}
.property { font: 11px Helvetica, Arial, Verdana, sans-serif; text-align:left;z-index:10;vertical-align:middle}
.property.fixed { text-align:center;width:35px;}
input.property { text-align:left }
input.property.text { text-align:left }
input.property.date { text-align:center; width:25px; }  
input.property.date.year { width:40px; }
input.property.button { text-align:center; }
button.property.button { text-align:center; }
.validate { font-weight:bold; color:red; display:none; }
.successMsg { font-weight:bold; color:green; display:none; }
.overlayMsg {font: 11px Helvetica, Arial, Verdana, sans-serif;display:none;font-size:16px;font-weight:bold;color:#4B5765;background-color:#C3D2E4;border:3px solid #D3DDE9;text-align:center;position:absolute;top:220px;left:187px;width:400px;height:20px;z-index:10000; }
.overlayMsg.error { color:red;height:auto; }
.overlayMsg.error.browser { display:block; }
.overlayMsg.warn { color:#EF8100;height:auto; }
.overlayMsg.notice { height:auto; }
.overlayMsg.update { font-size:14px;height:auto;left:87px;width:600px;}
.msgSubtext {font-size: 10px;}
.showByDefault { display:block; }
.hideByDefault { display:none; }
.neverShow { display:none; }
.internal { display:none; }
.remark { font-size:10px; }
div.area { padding-top:20px; }
div.area2 { padding-top:10px; }
div.area3 { padding-top:5px;padding-left:25px; }
input { font: 11px Helvetica, Arial, Verdana, sans-serif; text-align:left;z-index:10;vertical-align:middle}
label { vertical-align:middle;}
.messageBox {
font: 14px Helvetica, Arial, Verdana, sans-serif;
display:block;
font-weight:bold;
color:#4B5765;
background-color:#C3D2E4;
border:3px solid #D3DDE9;
text-align:center;
position:absolute;
top:220px;
left:187px;
z-index:10000;
}
.messageBoxText {
padding: 15px 15px 15px 15px;
}
.messageBoxCloser {
display:block;
position:absolute;
top:0px;
right:0px;
font-size:12px;
font-weight:bold;
text-decoration:none;
color:#4B5765;
padding-left:5px;
}
.debug { display:none;position:absolute; top:480px; left:450px; width:250px; height:100px; z-index:30; font-size:14px; font-weight:normal; text-align:right; }
#valueDivs2 tr {vertical-align:top;height:20px}
#valueDivs2 .vd2text { float:left; }
#valueDivs2 .vd2value { float:right;display:inline; }
.sensorData { display:none; }
#parent { width:750px; position:relative; top:0px; left:0px;height:360px; font-family:Verdana;}
#inverters { position:absolute; top:160px; left:355px;}
#numberInverters {display:block; position:absolute;  top:130px; left:305px;}
#PAC { position:absolute; top:170px; left:305px;}
#DAY_ENERGY { position:absolute; top:220px; left:295px;}
#TOTAL_ENERGY { position:absolute; top:240px; left:295px;}
#CH0 { position:absolute;top:35px;left:350px;}
#CH1 { position:absolute;top:155px;left:490px;}
#CH2 { position:absolute;top:10px;left:600px;}
#img_thermo_1 { display:none;position:absolute;top:140px;left:465px; }
.internal {display:none;}
.property.sendMode { width:105px; }
.property.sendTest { width:130px; }
.addRemoveButtons { width:40px;text-align:center;font-size:14px; }
input.tableInput { padding-left:0px; }
#targetHostText { width:300px; }
#pingButton { width:100px; }
#tracerouteButton { width:100px; }
#output { font-family:monospace;color:black; }
#instructionContainer { border: 1px solid red;float:right;width:300px;padding:5px;margin-top:20px; }
#lanInstructions {display:none;}
#webInstructions {display:none;}
#proxyURL { width:200px; }
#proxyPort { width:50px; }
#proxyUser { width:150px; }
#proxyPass { width:150px; }
#includedContent { position:relative;width:760px;min-height:440px;margin:9px 0px 5px 9px;float:left;z-index:10; }
#preloader {
width:100%; height:100%; margin:0; padding:0;
background:#fff url('/scripts/dojo/dojox/image/resources/images/loading.gif') no-repeat center center;
position:absolute;
top:0px;
left:0px;
z-index:999;
}
.settingLabel1 { font-size:1.1em;display:block;padding-bottom:0.3em;font-weight:bold; }
.settingLabel2 { font-size:1em;font-weight:bold; }
.ledImage { height:20px;padding-left:10px;padding-right:10px; }