@charset "UTF-8";
@import url("browser_default.css");

.wui_overlay0{
	background-color: black;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
} /*ok*/
.wui_overlay1{
	background-color: black;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
} /*error*/
.wui_overlay2{
	background-color: black;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
} /*info*/

a.responseMsg:link, a.responseMsg:visited {
color: white;
text-align:center;
font-weight: bold;
font-size: 18px;
position: absolute;
left: 0px;
width: 100%;
height: 478px;
padding-top: 220px;
}

a:link, a:visited{
font: 100%  DejaVu Sans, Arial, Helvetica, Verdana, sans-serif;
color: midnightblue;
padding: 0px;
text-decoration: none;
}

input{
font: 100%  DejaVu Sans, Arial, Helvetica, Verdana, sans-serif;
font-size: 18px;
float: left;
margin: 0px;
height:34px;
text-align:left;
padding: 12px 0px 0px 0px;
border: 1px solid #a7a7a7;
}
input.disabled{
  color: #cccccc;
}
.disabled{
  color: #aaaaaa;
}

/*button wrepper for buttons 96x96*/
.button96x96{
text-align: center;
width:140px;
height:140px;
margin: 0 auto;
}
.button96x96 p {
font-size: 18px;
margin: 0;
color: black;
margin: 0 auto;
}
.button96x96.disabled p {
color: #aaaaaa;
}
.button96x96 a {
width:96px;
height:96px;
margin-left: 20px;
margin-bottom: 5px;
float: left;
}
.gak_line{
text-align:center;
font-size:65%; 
}

.button96x96 a:link, .button96x96 a:visited, .button96x96 a:hover{border: solid 3px transparent;}
.button96x96 a:active{border: solid 3px darkblue;}

a.nextpage:link, a.nextpage:visited, a.nextpage:hover{background: url(/images/nextpage0.gif);}
a.overview:link, a.overview:visited, a.overview:hover{background: url(/images/overview0.gif);}
a.status:link, a.status:visited, a.status:hover{background: url(/images/status0.gif);}
a.logbook:link, a.logbook:visited, a.logbook:hover{background: url(/images/plantlogbook0.gif);}
a.diagram:link, a.diagram:visited, a.diagram:hover{background: url(/images/diagram0.gif);}
a.systeminfo:link, a.systeminfo:visited, a.systeminfo:hover{background: url(/images/systeminfo0.gif);}
a.extras:link, a.extras:visited, a.extras:hover{background: url(/images/extras0.gif);}
a.settings:link, a.settings:visited, a.settings:hover{background: url(/images/settings0.gif);}
a.language:link, a.language:visited, a.language:hover{background: url(/images/language0.gif);}

a.show_inv:link, a.show_inv:visited, a.show_inv:hover{background: url(/images/inverter.gif); }
a.show_sc:link, a.show_sc:visited, a.show_sc:hover{background: url(/images/gak.gif); }
a.show_parrot:link, a.show_parrot:visited, a.show_parrot:hover{background: url(/images/statusgridcontrol.gif); }

a.show_inv.selected:link, a.show_inv.selected:visited, a.show_inv.selected:hover{border: solid 3px darkblue;}
a.show_sc.selected:link, a.show_sc.selected:visited, a.show_sc.selected:hover{border: solid 3px darkblue;}
a.show_parrot.selected:link, a.show_parrot.selected:visited, a.show_parrot.selected:hover{border: solid 3px darkblue;}

a.flagDE:link, a.flagDE:visited, a.flagDE:hover{background: url(/images/flag-de0.gif);}
a.flagUK:link, a.flagUK:visited, a.flagUK:hover{background: url(/images/flag-uk0.gif);}
a.flagES:link, a.flagES:visited, a.flagES:hover{background: url(/images/flag-es0.gif);}
a.flagFR:link, a.flagFR:visited, a.flagFR:hover{background: url(/images/flag-fr0.gif);}
a.flagIT:link, a.flagIT:visited, a.flagIT:hover{background: url(/images/flag-it0.gif);}
a.flagEL:link, a.flagEL:visited, a.flagEL:hover{background: url(/images/flag-el0.gif);}
a.time-date:link, a.time-date:visited, a.time-date:hover{background: url(/images/time-date0.gif);}
a.parameter:link, a.parameter:visited, a.parameter:hover{background: url(/images/parameter0.gif);}
a.yieldgraph:link, a.yieldgraph:visited, a.yieldgraph:hover{background: url(/images/yieldgraph0.gif);}
a.powergraph:link, a.powergraph:visited, a.powergraph:hover{background: url(/images/powergraph0.gif);}
a.ownconsumption:link, a.ownconsumption:visited, a.ownconsumption:hover{background: url(/images/ownconsumption0.gif);}
a.comparegraph:link, a.comparegraph:visited, a.comparegraph:hover{background: url(/images/comparegraph0.gif);}
a.update-dsp:link, a.update-dsp:visited, a.update-dsp:hover{background: url(/images/update-dsp0.gif);}
a.update-inv:link, a.update-inv:visited, a.update-inv:hover{background: url(/images/update-inv0.gif);}
a.update-zwr:link, a.update-zwr:visited, a.update-zwr:hover{background: url(/images/update-zwr0.gif);}
a.dataexport:link, a.dataexport:visited, a.dataexport:hover{background: url(/images/data-export0.gif);}
a.country:link, a.country:visited, a.country:hover{background: url(/images/country0.gif);}
a.energycounter:link, a.energycounter:visited, a.energycounter:hover{background: url(/images/kwh-configuration0.gif);}
a.display:link, a.display:visited, a.display:hover{background: url(/images/display0.gif);}
a.remotecontrol:link, a.remotecontrol:visited, a.remotecontrol:hover{background: url(/images/evu_fernsteuerung0.gif);}
a.grounding:link, a.grounding:visited, a.grounding:hover{background: url(/images/grounding0.gif);}
a.gridcfg:link, a.gridcfg:visited, a.gridcfg:hover{background: url(/images/settings0.gif);}
a.devices:link, a.devices:visited, a.devices:hover{background: url(/images/devices0.gif);}
a.alarmcfg:link, a.alarmcfg:visited, a.alarmcfg:hover{background: url(/images/alarmcfg0.gif);}
a.invstatmon:link, a.invstatmon:visited, a.invstatmon:hover{background: url(/images/invstatmon0.gif);}
a.invstatmon.disabled:link, a.invstatmon.disabled:visited, a.invstatmon.disabled:hover{background: url(/images/invstatmond0.gif);}
a.scstatmon:link, a.scstatmon:visited, a.scstatmon:hover{background: url(/images/alarmgak.gif);}
a.scstatmon.disabled:link, a.scstatmon.disabled:visited, a.scstatmon.disabled:hover{background: url(/images/alarmgakd.gif);}
a.invconnmon:link, a.invconnmon:visited, a.invconnmon:hover{background: url(/images/invconnmon0.gif);}
a.invconnmon.disabled:link, a.invconnmon.disabled:visited, a.invconnmon.disabled:hover{background: url(/images/invconnmond0.gif);}
a.invcompmon:link, a.invcompmon:visited, a.invcompmon:hover{background: url(/images/invcompmon0.gif);}
a.invcompmon.disabled:link, a.invcompmon.disabled:visited, a.invcompmon.disabled:hover{background: url(/images/invcompmond0.gif);}
a.network:link, a.network:visited, a.network:hover{background: url(/images/network0.gif);}
a.inverter:link, a.inverter:visited, a.inverter:hover{background: url(/images/inverter0.gif);}
a.sc:link, a.sc:visited, a.sc:hover{background: url(/images/gak0.gif);}
a.parrot:link, a.parrot:visited, a.parrot:hover{background: url(/images/gridcontrol0.gif);}
a.portal:link, a.portal:visited, a.portal:hover{background: url(/images/portal0.gif);}
a.eagle:link, a.eagle:visited, a.eagle:hover{background: url(/images/eagle0.gif);}

.header{
background-color: #acbbc1;
height: 67px;
padding-top: 0px;
padding-left: 0px;
}
.header p{
font-size: 19px;
font-weight: bold;
color: #355;
margin: 0;
padding-top: 35px;
padding-left: 20px;
float: left;
}
.header a{line-height: 0px;width:61px;height:61px;float:right;}
.header a:link, .header a:visited , .header a:hover{border: solid 3px transparent;}
.header a:active{border: solid 3px darkblue;}
a.homeButton:link, a.homeButton:visited, a.homeButton:hover{background: url(/images/home0.gif) no-repeat bottom right;}
a.backButton:link, a.backButton:visited, a.backButton:hover{background: url(/images/back0.gif) no-repeat bottom right;}
a.helpButton:link, a.helpButton:visited, a.helpButton:hover{background: url(/images/help0.gif) no-repeat bottom right;}
a.nohelpButton:link, a.nohelpButton:visited, a.nohelpButton:hover{background: url(/images/nohelp0.gif) no-repeat bottom right;}
a.debugButton:link, a.debugButton:visited, a.debugButton:hover{background: url(/images/debug0.gif) no-repeat bottom right;}

#mainContent .tableMenu{
height: 100%;
text-align: center;
margin: 0 auto;
}
#mainContent .fieldLock{
background-color: #dcdcda;
}
#mainContent .fieldSpace{
line-height: 0px;
height:10px;
}

.tableParam input{
width: 100px;
text-align:right;
}
.tableParam td{
background-color: #f0f0ef;
padding: 6px;
}

.tableParam td p{
float: left;
margin: 0px;
padding: 0px;
}

.tableParam td.selected {
border-color:darkgreen;
}

.tableVisual td{
background-color: #f0f0ef;
padding: 6px;
}

.tableVisual  td p{
float: left;
margin: 0px;
padding: 0px;
}

.tableVisual td img{   
float: right;
margin: 2px;
padding: 2px;
}

.tableLayout td{
padding: 0px;
margin: 0px;
}

.tableLayoutHeader tr td a{
border: 2px #800;
}

.tableLayoutHeader td{
padding: 0px;
margin: 0px;
background-color: #dcdcda;
}

.keyboard #input{
padding:10px 4px 4px 4px;
float:left;
width:612px;
height:30px;
font-size: 22px;
font-weight: bold;
margin: 10px 15px 0px 0px;
background-color: #EFEFEF;
border: 0px #c2c2c2 solid;
}
.keyboard  #password{
padding:6px 0px 4px 0px;
color: green;
width:192px;
height:32px;
font-size: 24px;
font-weight: bold;
text-align: center;
float: none;
}

body.keyboard {
background-color: transparent;
margin: 0 auto;
}
.keyboard #container {
width: 640px;  
height: 478px;
margin: 0 auto; 
text-align: center; 
border: 1px solid #000000;
}
.keyboard #mainContent {
padding: 10px 10px 10px 10px;
margin: 0 auto;
height:392px;
min-width: 616px;
min-height: 390px;
}

.footer {
position:absolute;
top:0px;
margin: 420px 0px 0px 10px;
width:620px;
height:48px;
}

.button48x48 a {width:42px;height:42px;float: left;}
.button48x48 a:link, .button48x48 a:visited, .button48x48 a:hover{border: solid 3px #BCCBE2;}
.button48x48 a:active{border: solid 3px darkblue;}
.space10x48{width:10px;height:48px;float: left;}

/*wrepper2 for buttons 48x48*/
.wrepper2 a {width:42px;height:42px;float: left;}
.wrepper2 a:link, .wrepper2 a:visited, .wrepper2 a:hover{border: solid 3px #BCCBE2;}
.wrepper2 a:active{border: solid 3px darkblue;}
a.buttonEdit:link, a.buttonEdit:visited, a.buttonEdit:hover{background: url(/images/edit0.gif);}
a.buttonEdit.disabled:link, a.buttonEdit.disabled:visited, a.buttonEdit.disabled:hover{background: url(/images/editdis0.gif);}
a.buttonEditSelected:link, a.buttonEditSelected:visited, a.buttonEditSelected:hover{background: url(/images/edit_selected0.gif); margin-left:2px;}
a.buttonEditSelected.disabled:link, a.buttonEditSelected.disabled:visited, a.buttonEditSelected.disabled:hover{background: url(/images/edit_selecteddis0.gif); margin-left:2px;}
a.buttonInvertSelected:link, a.buttonInvertSelected:visited, a.buttonInvertSelected:hover{background: url(/images/invert_selected0.gif);}
a.buttonSearch:link, a.buttonSearch:visited, a.buttonSearch:hover{background: url(/images/search0.gif);}
a.buttonDelete:link, a.buttonDelete:visited, a.buttonDelete:hover{background: url(/images/delete0.gif);}
a.buttonClear:link, a.buttonClear:visited, a.buttonClear:hover{background: url(/images/clear0.gif);}
a.buttonArrow_l:link, a.buttonArrow_l:visited , a.buttonArrow_l:hover{background: url(/images/arrow-l0.gif);}
a.buttonArrow_r:link, a.buttonArrow_r:visited , a.buttonArrow_r:hover{background: url(/images/arrow-r0.gif);}
a.buttonArrow_l.disabled:link, a.buttonArrow_l.disabled:visited , a.buttonArrow_l.disabled:hover{background: url(/images/arrow-ldis0.gif);}
a.buttonArrow_r.disabled:link, a.buttonArrow_r.disabled:visited , a.buttonArrow_r.disabled:hover{background: url(/images/arrow-rdis0.gif);}
a.buttonCheckbox0:link, a.buttonCheckbox0:visited , a.buttonCheckbox0:hover{background: url(/images/check0.gif);}
a.buttonCheckbox1:link, a.buttonCheckbox1:visited , a.buttonCheckbox1:hover{background: url(/images/check1.gif);}

a.buttonKbd_on:link, a.buttonKbd_on:visited, a.buttonKbd_on:hover{
background-color: #BCCBE2;
color: #355;
width:42px;
height:42px;
float:left;
margin: 15px 15px 0px 0px;
border: solid 3px #BCCBE2;
}
a.buttonKbd_on:active {
border: solid 3px darkblue;
}
a.buttonKbd_on p{
margin: 0px;
padding: 9px;
font-size: 22px;
font-weight: bold;
text-align:center;
}
a.buttonKbd_off:link, a.buttonKbd_off:visited{
background-color: gray;
width:42px;
height:42px;
float:left;
margin: 15px 15px 0px 0px;
border: solid 3px gray;
}

a.buttonKbd_off p{
margin: 0px;
padding: 9px;
font-size: 22px;
color: darkgray;
font-weight: bold;
text-align:center;
}



a.button:link, a.button:visited, a.button:hover {
background-color: #BCCBE2;
color: #355;
width: 300px;
height: 42px;
float: left;
border: solid 3px #BCCBE2;
}
a.button:active{
border: solid 3px darkblue;
}
a.button p {
margin: 0px;
padding: 11px 0px 0px 0px;
font-weight: bold;
float: none;
text-align: center;
}
a.button img {
width: 26px;
height: 26px;
border: 0px;
padding: 9px 9px 0px 0px;
float: right;
}

a.buttonsmall:link, a.buttonsmall:visited, a.buttonsmall:hover {
background-color: #BCCBE2;
color: #355;
width: 150px;
height: 42px;
float: left;
border: solid 3px #BCCBE2;
}
a.buttonsmall:active{
border: solid 3px darkblue;
}
a.buttonsmall p {
margin: 0px;
padding: 11px 0px 0px 0px;
font-weight: bold;
float: none;
text-align: center;
}
a.buttonsmall img {
width: 26px;
height: 26px;
border: 0px;
padding: 9px 9px 0px 0px;
float: right;
}

a.buttondeb:link, a.buttondeb:visited, a.buttondeb:hover {
background-color: #BCCBE2;
color: #355;
width: auto;
padding: 0px 5px 0px 5px;
height: 42px;
float: left;
border: solid 3px #BCCBE2;
}
a.buttondeb:active{
border: solid 3px darkblue;
}
a.buttondeb p {
margin: 0px;
padding: 11px 0px 0px 0px;
font-weight: bold;
float: none;
text-align: center;
}
a.buttondeb img {
width: 26px;
height: 26px;
border: 0px;
padding: 9px 9px 0px 0px;
float: right;
}

pre.logfile {
font-size:10px;
text-align:left;
}

.komp_slot {
width:560px;
height: 48px;
float: left;
margin: 0px 0px 0px 0px;
}
.komp_slot a:link, .komp_slot a:visited, .komp_slot a:hover{
background-color: #BCCBE2;
color: #355;
width:496px;
height: 32px;
padding-top: 10px;
font-weight: bold;
float: left;
margin: 0px 0px 10px 0px;
border: solid 3px #BCCBE2;
}
.komp_slot a:active{
border: solid 3px darkblue;
}
.komp_slot p{
color: #355;
background-color: #dcdcda;
width: 48px;
height: 35px;
float: left;
margin: 0px 10px 0px 0px;
font-weight: bold;
text-align: center;
padding-top: 13px;
}
.komp_slot img{
width: 26px;
height: 26px;
float: right;
border: 0px;
margin: -2px 10px 0px 0px;
}

#kwp_button {
background-color:#BCCBE2;
color:#355;
width:350px;
height:32px;
padding:8px 4px 0px 4px;
font-weight:bold;
margin:0px 0px 0px 0px;
border:solid 3px #BCCBE2;
}

#kwp_button.selected {
border:solid 3px darkgreen;
}
	
#kwp_value {
background-color: #f0f0ef;
color: #000000;
height: 32px;
padding:8px 4px 0px 4px;
margin: 0px 6px 0px 0px;
border: solid 3px #f0f0ef;
text-align:right;
}
 
.remote_slot a{
height: 48px;
padding-top: 26px;
}
.remote_slot img{
width: 42px;
height: 42px;
float: right;
border: 0px;
margin: -10px 2px 0px 0px;
}

.alert_box{
height:478px;
width:100%;
color:white
}

.log_warning_text{
color: black;
}
.log_error_text{
color: black;
}
.log_ok_text{
color: black;
}
.tableLog td{
background-color: #f0f0ef;
padding: 6px;
text-align:left;
/*white-space: nowrap;*/
}
.tableLog td p{
float: left;
margin: 0px;
padding: 0px;
}
.tableLog td img{
padding-left: 10px;
}
.tableUpdate td{
background-color: #f0f0ef;
padding: 6px;
height:48px;
text-align:left;
}
.tableUpdate td img{
float: right;
margin: 0px;
padding: 0px;
}
.tableUpdate td p{
margin: 0px;
padding: 0px;
}
.tableDebug tr.even{
background:#f0f0ff;
}
.tableDebug tr.odd{
background:#f0f0ef;
}
.tableDebug th{
margin:0px;
padding:0px;
text-align:center;
font-size:8px;
background:#dcdcda;
}
.tableDebug td{
margin:0px;
padding:0px;
text-align:center;
font-size:8px;
}