#Page1 {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
#Page1 #Page1_form {
margin-bottom: 0px;
}
#Page1 #Page1_table {
border-width:0;
border-collapse:separate;
}
#Page1 #Page1_table > tbody > tr > td, #Page1 #Page1_table > tbody > th {
padding:0;
vertical-align:top;
}
#Page1 #Panel2_outer {
z-index: 0;
left: 26px;
width: 1154px;
height: 384px;
position: absolute;
top: 219px;

}
#Page1 #Panel2 {
width: 1154px;
height: 384px;
box-sizing: border-box;
margin: 0;
padding: 0;
background-color:#000033;
background: Navy; /* Old browsers */ 
background: -moz-linear-gradient(left,  Navy 0%, Black 100%); /* FF3.6+ */ 
background: -webkit-gradient(linear, left top, right top, color-stop(0%, Navy), color-stop(100%, Black)); /* Chrome,Safari4+ */ 
background: -webkit-linear-gradient(left,  Navy 0%,Black 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-linear-gradient(left,  Navy 0%,Black 100%); /* Opera 11.10+ */ 
background: -ms-linear-gradient(left,  Navy 0%,Black 100%); /* IE10+ */ 
 background: linear-gradient(to right,  Navy 0%,Black 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='Navy', endColorstr='Black',GradientType=1 ); /* IE6-9 */ 
}
#Page1 #Panel3_outer {
z-index: 0;
left: 23px;
width: 1108px;
height: 6px;
position: absolute;
top: 181px;

}
#Page1 #Panel3 {
width: 1108px;
height: 6px;
box-sizing: border-box;
margin: 0;
padding: 0;
background-color:#FFFFFF;
}
#Page1 #PanelHotWater_outer {
z-index: 1;
left: 397px;
width: 163px;
height: 107px;
position: absolute;
top: 54px;

}
#Page1 #PanelHotWater {
width: 163px;
height: 107px;
box-sizing: border-box;
margin: 0;
padding: 0;
border:solid 1px #000000;
-moz-border-radius-topleft: 1px;
-webkit-border-top-left-radius: 1px;
border-top-left-radius:1px;
-moz-border-radius-topright: 1px;
-webkit-border-top-right-radius: 1px;
border-top-right-radius:1px;
-moz-border-radius-bottomright: 1px;
-webkit-border-bottom-right-radius: 1px;
border-bottom-right-radius:1px;
-moz-border-radius-bottomleft: 1px;
-webkit-border-bottom-left-radius: 1px;
border-bottom-left-radius:1px;
background: Chocolate; /* Old browsers */ 
 background: -moz-radial-gradient(center, ellipse cover, Chocolate 0%, Red 100%); /* FF3.6+ */ 
background: -webkit-radial-gradient(center, ellipse cover, Chocolate 0%,Red 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-radial-gradient(center, ellipse cover, Chocolate 0%,Red 100%); /* Opera 12+ */ 
background: -ms-radial-gradient(center, ellipse cover, Chocolate 0%,Red 100%); /* IE10+ */ 
background: radial-gradient(ellipse at center, Chocolate 0%,Red 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='Chocolate', endColorstr='Red',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ 
}
#Page1 #lbHotWaterMonthly_outer {
z-index: 0;
left: 17px;
width: 127px;
height: 19px;
position: absolute;
top: 45px;

}
#Page1 #lbHotWaterMonthly {
 font-family: Tahoma;
 font-size: 16px;
 color: White;
font-weight: bold;
 width: 127px;
height: 19px;
}
#Page1 #lbHotWaterMonthlyCost_outer {
z-index: 1;
left: 17px;
width: 126px;
height: 19px;
position: absolute;
top: 75px;

}
#Page1 #lbHotWaterMonthlyCost {
 font-family: Tahoma;
 font-size: 16px;
 color: White;
font-weight: bold;
 width: 126px;
height: 19px;
}
#Page1 #Panel5_outer {
z-index: 2;
left: 0px;
width: 163px;
height: 30px;
position: absolute;
top: 0px;

}
#Page1 #Panel5 {
width: 163px;
height: 30px;
box-sizing: border-box;
margin: 0;
padding: 0;
background-color:#CC0000;
border:solid 1px #000000;
-moz-border-radius-topleft: 1px;
-webkit-border-top-left-radius: 1px;
border-top-left-radius:1px;
-moz-border-radius-topright: 1px;
-webkit-border-top-right-radius: 1px;
border-top-right-radius:1px;
-moz-border-radius-bottomright: 1px;
-webkit-border-bottom-right-radius: 1px;
border-bottom-right-radius:1px;
-moz-border-radius-bottomleft: 1px;
-webkit-border-bottom-left-radius: 1px;
border-bottom-left-radius:1px;
background: Red; /* Old browsers */ 
 background: -moz-radial-gradient(center, ellipse cover, Red 0%, DarkRed 100%); /* FF3.6+ */ 
background: -webkit-radial-gradient(center, ellipse cover, Red 0%,DarkRed 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-radial-gradient(center, ellipse cover, Red 0%,DarkRed 100%); /* Opera 12+ */ 
background: -ms-radial-gradient(center, ellipse cover, Red 0%,DarkRed 100%); /* IE10+ */ 
background: radial-gradient(ellipse at center, Red 0%,DarkRed 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='Red', endColorstr='DarkRed',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ 
}
#Page1 #Label4_outer {
z-index: 0;
left: 17px;
width: 99px;
height: 19px;
position: absolute;
top: 5px;

}
#Page1 #Label4 {
 font-family: Tahoma;
 font-size: 16px;
 color: White;
font-weight: bold;
font-style: normal;
 width: 99px;
height: 19px;
}
#Page1 #PanelColdWater_outer {
z-index: 2;
left: 581px;
width: 163px;
height: 106px;
position: absolute;
top: 55px;

}
#Page1 #PanelColdWater {
width: 163px;
height: 106px;
box-sizing: border-box;
margin: 0;
padding: 0;
background: RoyalBlue; /* Old browsers */ 
 background: -moz-radial-gradient(center, ellipse cover, RoyalBlue 0%, MediumBlue 100%); /* FF3.6+ */ 
background: -webkit-radial-gradient(center, ellipse cover, RoyalBlue 0%,MediumBlue 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-radial-gradient(center, ellipse cover, RoyalBlue 0%,MediumBlue 100%); /* Opera 12+ */ 
background: -ms-radial-gradient(center, ellipse cover, RoyalBlue 0%,MediumBlue 100%); /* IE10+ */ 
background: radial-gradient(ellipse at center, RoyalBlue 0%,MediumBlue 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='RoyalBlue', endColorstr='MediumBlue',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ 
}
#Page1 #lbColdWaterMonthly_outer {
z-index: 0;
left: 16px;
width: 132px;
height: 19px;
position: absolute;
top: 45px;

}
#Page1 #lbColdWaterMonthly {
 font-family: Tahoma;
 font-size: 16px;
 color: White;
font-weight: bold;
 width: 132px;
height: 19px;
}
#Page1 #lbColdWaterMonthlyCost_outer {
z-index: 1;
left: 16px;
width: 130px;
height: 19px;
position: absolute;
top: 75px;

}
#Page1 #lbColdWaterMonthlyCost {
 font-family: Tahoma;
 font-size: 16px;
 color: White;
font-weight: bold;
 width: 130px;
height: 19px;
}
#Page1 #Panel6_outer {
z-index: 2;
left: 0px;
width: 163px;
height: 30px;
position: absolute;
top: 0px;

}
#Page1 #Panel6 {
width: 163px;
height: 30px;
box-sizing: border-box;
margin: 0;
padding: 0;
border:solid 1px #000000;
-moz-border-radius-topleft: 1px;
-webkit-border-top-left-radius: 1px;
border-top-left-radius:1px;
-moz-border-radius-topright: 1px;
-webkit-border-top-right-radius: 1px;
border-top-right-radius:1px;
-moz-border-radius-bottomright: 1px;
-webkit-border-bottom-right-radius: 1px;
border-bottom-right-radius:1px;
-moz-border-radius-bottomleft: 1px;
-webkit-border-bottom-left-radius: 1px;
border-bottom-left-radius:1px;
background: RoyalBlue; /* Old browsers */ 
background: -moz-linear-gradient(left,  RoyalBlue 0%, Navy 100%); /* FF3.6+ */ 
background: -webkit-gradient(linear, left top, right top, color-stop(0%, RoyalBlue), color-stop(100%, Navy)); /* Chrome,Safari4+ */ 
background: -webkit-linear-gradient(left,  RoyalBlue 0%,Navy 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-linear-gradient(left,  RoyalBlue 0%,Navy 100%); /* Opera 11.10+ */ 
background: -ms-linear-gradient(left,  RoyalBlue 0%,Navy 100%); /* IE10+ */ 
 background: linear-gradient(to right,  RoyalBlue 0%,Navy 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='RoyalBlue', endColorstr='Navy',GradientType=1 ); /* IE6-9 */ 
}
#Page1 #Label5_outer {
z-index: 0;
left: 13px;
width: 105px;
height: 19px;
position: absolute;
top: 5px;

}
#Page1 #Label5 {
 font-family: Tahoma;
 font-size: 16px;
 color: White;
font-weight: bold;
 width: 105px;
height: 19px;
}
#Page1 #PanelElectricity_outer {
z-index: 3;
left: 766px;
width: 163px;
height: 106px;
position: absolute;
top: 55px;

}
#Page1 #PanelElectricity {
width: 163px;
height: 106px;
box-sizing: border-box;
margin: 0;
padding: 0;
border:solid 1px #000000;
-moz-border-radius-topleft: 1px;
-webkit-border-top-left-radius: 1px;
border-top-left-radius:1px;
-moz-border-radius-topright: 1px;
-webkit-border-top-right-radius: 1px;
border-top-right-radius:1px;
-moz-border-radius-bottomright: 1px;
-webkit-border-bottom-right-radius: 1px;
border-bottom-right-radius:1px;
-moz-border-radius-bottomleft: 1px;
-webkit-border-bottom-left-radius: 1px;
border-bottom-left-radius:1px;
background: GreenYellow; /* Old browsers */ 
 background: -moz-radial-gradient(center, ellipse cover, GreenYellow 0%, DarkGreen 100%); /* FF3.6+ */ 
background: -webkit-radial-gradient(center, ellipse cover, GreenYellow 0%,DarkGreen 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-radial-gradient(center, ellipse cover, GreenYellow 0%,DarkGreen 100%); /* Opera 12+ */ 
background: -ms-radial-gradient(center, ellipse cover, GreenYellow 0%,DarkGreen 100%); /* IE10+ */ 
background: radial-gradient(ellipse at center, GreenYellow 0%,DarkGreen 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='GreenYellow', endColorstr='DarkGreen',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ 
}
#Page1 #lbElectricityMonthly_outer {
z-index: 0;
left: 16px;
width: 131px;
height: 20px;
position: absolute;
top: 45px;

}
#Page1 #lbElectricityMonthly {
 font-family: Tahoma;
 font-size: 16px;
 color: White;
font-weight: bold;
 width: 131px;
height: 20px;
}
#Page1 #lbElectricityMonthlyCost_outer {
z-index: 1;
left: 16px;
width: 131px;
height: 19px;
position: absolute;
top: 75px;

}
#Page1 #lbElectricityMonthlyCost {
 font-family: Tahoma;
 font-size: 16px;
 color: White;
font-weight: bold;
 width: 131px;
height: 19px;
}
#Page1 #Panel8_outer {
z-index: 2;
left: 0px;
width: 163px;
height: 30px;
position: absolute;
top: 0px;

}
#Page1 #Panel8 {
width: 163px;
height: 30px;
box-sizing: border-box;
margin: 0;
padding: 0;
background-color:#FFFF00;
border:solid 1px #000000;
-moz-border-radius-topleft: 1px;
-webkit-border-top-left-radius: 1px;
border-top-left-radius:1px;
-moz-border-radius-topright: 1px;
-webkit-border-top-right-radius: 1px;
border-top-right-radius:1px;
-moz-border-radius-bottomright: 1px;
-webkit-border-bottom-right-radius: 1px;
border-bottom-right-radius:1px;
-moz-border-radius-bottomleft: 1px;
-webkit-border-bottom-left-radius: 1px;
border-bottom-left-radius:1px;
background: Lime; /* Old browsers */ 
background: -moz-linear-gradient(left,  Lime 0%, DarkGreen 100%); /* FF3.6+ */ 
background: -webkit-gradient(linear, left top, right top, color-stop(0%, Lime), color-stop(100%, DarkGreen)); /* Chrome,Safari4+ */ 
background: -webkit-linear-gradient(left,  Lime 0%,DarkGreen 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-linear-gradient(left,  Lime 0%,DarkGreen 100%); /* Opera 11.10+ */ 
background: -ms-linear-gradient(left,  Lime 0%,DarkGreen 100%); /* IE10+ */ 
 background: linear-gradient(to right,  Lime 0%,DarkGreen 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='Lime', endColorstr='DarkGreen',GradientType=1 ); /* IE6-9 */ 
}
#Page1 #Label6_outer {
z-index: 0;
left: 11px;
width: 123px;
height: 20px;
position: absolute;
top: 5px;

}
#Page1 #Label6 {
 font-family: Tahoma;
 font-size: 16px;
 color: White;
font-weight: bold;
 width: 123px;
height: 20px;
}
#Page1 #PanelEnergy_outer {
z-index: 4;
left: 951px;
width: 164px;
height: 106px;
position: absolute;
top: 55px;

}
#Page1 #PanelEnergy {
width: 164px;
height: 106px;
box-sizing: border-box;
margin: 0;
padding: 0;
border:solid 1px #000000;
-moz-border-radius-topleft: 1px;
-webkit-border-top-left-radius: 1px;
border-top-left-radius:1px;
-moz-border-radius-topright: 1px;
-webkit-border-top-right-radius: 1px;
border-top-right-radius:1px;
-moz-border-radius-bottomright: 1px;
-webkit-border-bottom-right-radius: 1px;
border-bottom-right-radius:1px;
-moz-border-radius-bottomleft: 1px;
-webkit-border-bottom-left-radius: 1px;
border-bottom-left-radius:1px;
background: #866400; /* Old browsers */ 
 background: -moz-radial-gradient(center, ellipse cover, #866400 0%, Gold 100%); /* FF3.6+ */ 
background: -webkit-radial-gradient(center, ellipse cover, #866400 0%,Gold 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-radial-gradient(center, ellipse cover, #866400 0%,Gold 100%); /* Opera 12+ */ 
background: -ms-radial-gradient(center, ellipse cover, #866400 0%,Gold 100%); /* IE10+ */ 
background: radial-gradient(ellipse at center, #866400 0%,Gold 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#866400', endColorstr='Gold',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ 
}
#Page1 #lbEnergyMonthly_outer {
z-index: 0;
left: 18px;
width: 127px;
height: 20px;
position: absolute;
top: 45px;

}
#Page1 #lbEnergyMonthly {
 font-family: Tahoma;
 font-size: 16px;
 color: White;
font-weight: bold;
 width: 127px;
height: 20px;
}
#Page1 #lbEnergyMonthlyCost_outer {
z-index: 1;
left: 18px;
width: 126px;
height: 19px;
position: absolute;
top: 75px;

}
#Page1 #lbEnergyMonthlyCost {
 font-family: Tahoma;
 font-size: 16px;
 color: White;
font-weight: bold;
 width: 126px;
height: 19px;
}
#Page1 #Panel13_outer {
z-index: 2;
left: 0px;
width: 164px;
height: 30px;
position: absolute;
top: 0px;

}
#Page1 #Panel13 {
width: 164px;
height: 30px;
box-sizing: border-box;
margin: 0;
padding: 0;
border:solid 1px #000000;
-moz-border-radius-topleft: 1px;
-webkit-border-top-left-radius: 1px;
border-top-left-radius:1px;
-moz-border-radius-topright: 1px;
-webkit-border-top-right-radius: 1px;
border-top-right-radius:1px;
-moz-border-radius-bottomright: 1px;
-webkit-border-bottom-right-radius: 1px;
border-bottom-right-radius:1px;
-moz-border-radius-bottomleft: 1px;
-webkit-border-bottom-left-radius: 1px;
border-bottom-left-radius:1px;
background: Gold; /* Old browsers */ 
background: -moz-linear-gradient(left,  Gold 0%, Orange 100%); /* FF3.6+ */ 
background: -webkit-gradient(linear, left top, right top, color-stop(0%, Gold), color-stop(100%, Orange)); /* Chrome,Safari4+ */ 
background: -webkit-linear-gradient(left,  Gold 0%,Orange 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-linear-gradient(left,  Gold 0%,Orange 100%); /* Opera 11.10+ */ 
background: -ms-linear-gradient(left,  Gold 0%,Orange 100%); /* IE10+ */ 
 background: linear-gradient(to right,  Gold 0%,Orange 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='Gold', endColorstr='Orange',GradientType=1 ); /* IE6-9 */ 
}
#Page1 #lbEnergi_outer {
z-index: 0;
left: 8px;
width: 149px;
height: 21px;
position: absolute;
top: 5px;

}
#Page1 #lbEnergi {
 font-family: Tahoma;
 font-size: 16px;
 color: White;
font-weight: bold;
 width: 149px;
height: 21px;
}
#Page1 #PanelEnergyLastMonth_outer {
z-index: 5;
left: 952px;
width: 163px;
height: 106px;
position: absolute;
top: 251px;

}
#Page1 #PanelEnergyLastMonth {
width: 163px;
height: 106px;
box-sizing: border-box;
margin: 0;
padding: 0;
border:solid 1px #000000;
-moz-border-radius-topleft: 1px;
-webkit-border-top-left-radius: 1px;
border-top-left-radius:1px;
-moz-border-radius-topright: 1px;
-webkit-border-top-right-radius: 1px;
border-top-right-radius:1px;
-moz-border-radius-bottomright: 1px;
-webkit-border-bottom-right-radius: 1px;
border-bottom-right-radius:1px;
-moz-border-radius-bottomleft: 1px;
-webkit-border-bottom-left-radius: 1px;
border-bottom-left-radius:1px;
background: #866400; /* Old browsers */ 
 background: -moz-radial-gradient(center, ellipse cover, #866400 0%, Gold 100%); /* FF3.6+ */ 
background: -webkit-radial-gradient(center, ellipse cover, #866400 0%,Gold 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-radial-gradient(center, ellipse cover, #866400 0%,Gold 100%); /* Opera 12+ */ 
background: -ms-radial-gradient(center, ellipse cover, #866400 0%,Gold 100%); /* IE10+ */ 
background: radial-gradient(ellipse at center, #866400 0%,Gold 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#866400', endColorstr='Gold',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ 
}
#Page1 #lbEnergyLastMonth_outer {
z-index: 0;
left: 18px;
width: 127px;
height: 16px;
position: absolute;
top: 45px;

}
#Page1 #lbEnergyLastMonth {
 font-family: Tahoma;
 font-size: 16px;
 color: White;
font-weight: bold;
 width: 127px;
height: 16px;
}
#Page1 #lbEnergyLastMonthCost_outer {
z-index: 1;
left: 17px;
width: 127px;
height: 17px;
position: absolute;
top: 75px;

}
#Page1 #lbEnergyLastMonthCost {
 font-family: Tahoma;
 font-size: 16px;
 color: White;
font-weight: bold;
 width: 127px;
height: 17px;
}
#Page1 #Panel11_outer {
z-index: 2;
left: 0px;
width: 163px;
height: 30px;
position: absolute;
top: 0px;

}
#Page1 #Panel11 {
width: 163px;
height: 30px;
box-sizing: border-box;
margin: 0;
padding: 0;
border:solid 1px #000000;
-moz-border-radius-topleft: 1px;
-webkit-border-top-left-radius: 1px;
border-top-left-radius:1px;
-moz-border-radius-topright: 1px;
-webkit-border-top-right-radius: 1px;
border-top-right-radius:1px;
-moz-border-radius-bottomright: 1px;
-webkit-border-bottom-right-radius: 1px;
border-bottom-right-radius:1px;
-moz-border-radius-bottomleft: 1px;
-webkit-border-bottom-left-radius: 1px;
border-bottom-left-radius:1px;
background: Gold; /* Old browsers */ 
background: -moz-linear-gradient(left,  Gold 0%, Orange 100%); /* FF3.6+ */ 
background: -webkit-gradient(linear, left top, right top, color-stop(0%, Gold), color-stop(100%, Orange)); /* Chrome,Safari4+ */ 
background: -webkit-linear-gradient(left,  Gold 0%,Orange 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-linear-gradient(left,  Gold 0%,Orange 100%); /* Opera 11.10+ */ 
background: -ms-linear-gradient(left,  Gold 0%,Orange 100%); /* IE10+ */ 
 background: linear-gradient(to right,  Gold 0%,Orange 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='Gold', endColorstr='Orange',GradientType=1 ); /* IE6-9 */ 
}
#Page1 #Label9_outer {
z-index: 0;
left: 8px;
width: 149px;
height: 21px;
position: absolute;
top: 4px;

}
#Page1 #Label9 {
 font-family: Tahoma;
 font-size: 16px;
 color: White;
font-weight: bold;
 width: 149px;
height: 21px;
}
#Page1 #PanelElectricityLastMonth_outer {
z-index: 6;
left: 766px;
width: 163px;
height: 106px;
position: absolute;
top: 251px;

}
#Page1 #PanelElectricityLastMonth {
width: 163px;
height: 106px;
box-sizing: border-box;
margin: 0;
padding: 0;
border:solid 1px #000000;
-moz-border-radius-topleft: 1px;
-webkit-border-top-left-radius: 1px;
border-top-left-radius:1px;
-moz-border-radius-topright: 1px;
-webkit-border-top-right-radius: 1px;
border-top-right-radius:1px;
-moz-border-radius-bottomright: 1px;
-webkit-border-bottom-right-radius: 1px;
border-bottom-right-radius:1px;
-moz-border-radius-bottomleft: 1px;
-webkit-border-bottom-left-radius: 1px;
border-bottom-left-radius:1px;
background: GreenYellow; /* Old browsers */ 
 background: -moz-radial-gradient(center, ellipse cover, GreenYellow 0%, DarkGreen 100%); /* FF3.6+ */ 
background: -webkit-radial-gradient(center, ellipse cover, GreenYellow 0%,DarkGreen 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-radial-gradient(center, ellipse cover, GreenYellow 0%,DarkGreen 100%); /* Opera 12+ */ 
background: -ms-radial-gradient(center, ellipse cover, GreenYellow 0%,DarkGreen 100%); /* IE10+ */ 
background: radial-gradient(ellipse at center, GreenYellow 0%,DarkGreen 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='GreenYellow', endColorstr='DarkGreen',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ 
}
#Page1 #lbElectricityLastMonth_outer {
z-index: 0;
left: 16px;
width: 131px;
height: 16px;
position: absolute;
top: 45px;

}
#Page1 #lbElectricityLastMonth {
 font-family: Tahoma;
 font-size: 16px;
 color: White;
font-weight: bold;
 width: 131px;
height: 16px;
}
#Page1 #lbElectricityLastMonthCost_outer {
z-index: 1;
left: 16px;
width: 131px;
height: 18px;
position: absolute;
top: 75px;

}
#Page1 #lbElectricityLastMonthCost {
 font-family: Tahoma;
 font-size: 16px;
 color: White;
font-weight: bold;
 width: 131px;
height: 18px;
}
#Page1 #Panel9_outer {
z-index: 2;
left: 0px;
width: 163px;
height: 30px;
position: absolute;
top: 0px;

}
#Page1 #Panel9 {
width: 163px;
height: 30px;
box-sizing: border-box;
margin: 0;
padding: 0;
background-color:#FFFF00;
border:solid 1px #000000;
-moz-border-radius-topleft: 1px;
-webkit-border-top-left-radius: 1px;
border-top-left-radius:1px;
-moz-border-radius-topright: 1px;
-webkit-border-top-right-radius: 1px;
border-top-right-radius:1px;
-moz-border-radius-bottomright: 1px;
-webkit-border-bottom-right-radius: 1px;
border-bottom-right-radius:1px;
-moz-border-radius-bottomleft: 1px;
-webkit-border-bottom-left-radius: 1px;
border-bottom-left-radius:1px;
background: Lime; /* Old browsers */ 
background: -moz-linear-gradient(left,  Lime 0%, DarkGreen 100%); /* FF3.6+ */ 
background: -webkit-gradient(linear, left top, right top, color-stop(0%, Lime), color-stop(100%, DarkGreen)); /* Chrome,Safari4+ */ 
background: -webkit-linear-gradient(left,  Lime 0%,DarkGreen 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-linear-gradient(left,  Lime 0%,DarkGreen 100%); /* Opera 11.10+ */ 
background: -ms-linear-gradient(left,  Lime 0%,DarkGreen 100%); /* IE10+ */ 
 background: linear-gradient(to right,  Lime 0%,DarkGreen 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='Lime', endColorstr='DarkGreen',GradientType=1 ); /* IE6-9 */ 
}
#Page1 #Label8_outer {
z-index: 0;
left: 11px;
width: 123px;
height: 20px;
position: absolute;
top: 4px;

}
#Page1 #Label8 {
 font-family: Tahoma;
 font-size: 16px;
 color: White;
font-weight: bold;
 width: 123px;
height: 20px;
}
#Page1 #PanelColdWaterLastMonth_outer {
z-index: 7;
left: 582px;
width: 163px;
height: 106px;
position: absolute;
top: 250px;

}
#Page1 #PanelColdWaterLastMonth {
width: 163px;
height: 106px;
box-sizing: border-box;
margin: 0;
padding: 0;
background: RoyalBlue; /* Old browsers */ 
 background: -moz-radial-gradient(center, ellipse cover, RoyalBlue 0%, MediumBlue 100%); /* FF3.6+ */ 
background: -webkit-radial-gradient(center, ellipse cover, RoyalBlue 0%,MediumBlue 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-radial-gradient(center, ellipse cover, RoyalBlue 0%,MediumBlue 100%); /* Opera 12+ */ 
background: -ms-radial-gradient(center, ellipse cover, RoyalBlue 0%,MediumBlue 100%); /* IE10+ */ 
background: radial-gradient(ellipse at center, RoyalBlue 0%,MediumBlue 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='RoyalBlue', endColorstr='MediumBlue',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ 
}
#Page1 #lbColdWaterLastMonth_outer {
z-index: 0;
left: 18px;
width: 127px;
height: 17px;
position: absolute;
top: 45px;

}
#Page1 #lbColdWaterLastMonth {
 font-family: Tahoma;
 font-size: 16px;
 color: White;
font-weight: bold;
 width: 127px;
height: 17px;
}
#Page1 #lbColdWaterLastMonthCost_outer {
z-index: 1;
left: 18px;
width: 127px;
height: 18px;
position: absolute;
top: 75px;

}
#Page1 #lbColdWaterLastMonthCost {
 font-family: Tahoma;
 font-size: 16px;
 color: White;
font-weight: bold;
 width: 127px;
height: 18px;
}
#Page1 #Panel7_outer {
z-index: 2;
left: 0px;
width: 163px;
height: 30px;
position: absolute;
top: 0px;

}
#Page1 #Panel7 {
width: 163px;
height: 30px;
box-sizing: border-box;
margin: 0;
padding: 0;
border:solid 1px #000000;
-moz-border-radius-topleft: 1px;
-webkit-border-top-left-radius: 1px;
border-top-left-radius:1px;
-moz-border-radius-topright: 1px;
-webkit-border-top-right-radius: 1px;
border-top-right-radius:1px;
-moz-border-radius-bottomright: 1px;
-webkit-border-bottom-right-radius: 1px;
border-bottom-right-radius:1px;
-moz-border-radius-bottomleft: 1px;
-webkit-border-bottom-left-radius: 1px;
border-bottom-left-radius:1px;
background: RoyalBlue; /* Old browsers */ 
background: -moz-linear-gradient(left,  RoyalBlue 0%, Navy 100%); /* FF3.6+ */ 
background: -webkit-gradient(linear, left top, right top, color-stop(0%, RoyalBlue), color-stop(100%, Navy)); /* Chrome,Safari4+ */ 
background: -webkit-linear-gradient(left,  RoyalBlue 0%,Navy 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-linear-gradient(left,  RoyalBlue 0%,Navy 100%); /* Opera 11.10+ */ 
background: -ms-linear-gradient(left,  RoyalBlue 0%,Navy 100%); /* IE10+ */ 
 background: linear-gradient(to right,  RoyalBlue 0%,Navy 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='RoyalBlue', endColorstr='Navy',GradientType=1 ); /* IE6-9 */ 
}
#Page1 #Label7_outer {
z-index: 0;
left: 12px;
width: 105px;
height: 19px;
position: absolute;
top: 5px;

}
#Page1 #Label7 {
 font-family: Tahoma;
 font-size: 16px;
 color: White;
font-weight: bold;
 width: 105px;
height: 19px;
}
#Page1 #PanelHotWaterLastMonth_outer {
z-index: 8;
left: 397px;
width: 163px;
height: 107px;
position: absolute;
top: 250px;

}
#Page1 #PanelHotWaterLastMonth {
width: 163px;
height: 107px;
box-sizing: border-box;
margin: 0;
padding: 0;
border:solid 1px #000000;
-moz-border-radius-topleft: 1px;
-webkit-border-top-left-radius: 1px;
border-top-left-radius:1px;
-moz-border-radius-topright: 1px;
-webkit-border-top-right-radius: 1px;
border-top-right-radius:1px;
-moz-border-radius-bottomright: 1px;
-webkit-border-bottom-right-radius: 1px;
border-bottom-right-radius:1px;
-moz-border-radius-bottomleft: 1px;
-webkit-border-bottom-left-radius: 1px;
border-bottom-left-radius:1px;
background: Chocolate; /* Old browsers */ 
 background: -moz-radial-gradient(center, ellipse cover, Chocolate 0%, Red 100%); /* FF3.6+ */ 
background: -webkit-radial-gradient(center, ellipse cover, Chocolate 0%,Red 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-radial-gradient(center, ellipse cover, Chocolate 0%,Red 100%); /* Opera 12+ */ 
background: -ms-radial-gradient(center, ellipse cover, Chocolate 0%,Red 100%); /* IE10+ */ 
background: radial-gradient(ellipse at center, Chocolate 0%,Red 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='Chocolate', endColorstr='Red',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ 
}
#Page1 #lbHotWaterLastMonth_outer {
z-index: 0;
left: 17px;
width: 127px;
height: 16px;
position: absolute;
top: 45px;

}
#Page1 #lbHotWaterLastMonth {
 font-family: Tahoma;
 font-size: 16px;
 color: White;
font-weight: bold;
 width: 127px;
height: 16px;
}
#Page1 #lbHotWaterLastMonthCost_outer {
z-index: 1;
left: 17px;
width: 127px;
height: 19px;
position: absolute;
top: 75px;

}
#Page1 #lbHotWaterLastMonthCost {
 font-family: Tahoma;
 font-size: 16px;
 color: White;
font-weight: bold;
 width: 127px;
height: 19px;
}
#Page1 #Panel14_outer {
z-index: 2;
left: 0px;
width: 163px;
height: 30px;
position: absolute;
top: 0px;

}
#Page1 #Panel14 {
width: 163px;
height: 30px;
box-sizing: border-box;
margin: 0;
padding: 0;
background-color:#CC0000;
border:solid 1px #000000;
-moz-border-radius-topleft: 1px;
-webkit-border-top-left-radius: 1px;
border-top-left-radius:1px;
-moz-border-radius-topright: 1px;
-webkit-border-top-right-radius: 1px;
border-top-right-radius:1px;
-moz-border-radius-bottomright: 1px;
-webkit-border-bottom-right-radius: 1px;
border-bottom-right-radius:1px;
-moz-border-radius-bottomleft: 1px;
-webkit-border-bottom-left-radius: 1px;
border-bottom-left-radius:1px;
background: Red; /* Old browsers */ 
 background: -moz-radial-gradient(center, ellipse cover, Red 0%, DarkRed 100%); /* FF3.6+ */ 
background: -webkit-radial-gradient(center, ellipse cover, Red 0%,DarkRed 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-radial-gradient(center, ellipse cover, Red 0%,DarkRed 100%); /* Opera 12+ */ 
background: -ms-radial-gradient(center, ellipse cover, Red 0%,DarkRed 100%); /* IE10+ */ 
background: radial-gradient(ellipse at center, Red 0%,DarkRed 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='Red', endColorstr='DarkRed',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ 
}
#Page1 #Label3_outer {
z-index: 0;
left: 17px;
width: 99px;
height: 19px;
position: absolute;
top: 5px;

}
#Page1 #Label3 {
 font-family: Tahoma;
 font-size: 16px;
 color: White;
font-weight: bold;
font-style: normal;
 width: 99px;
height: 19px;
}
#Page1 #lbLastMonth_outer {
z-index: 9;
left: 397px;
width: 347px;
height: 27px;
position: absolute;
top: 209px;

}
#Page1 #lbLastMonth {
 font-family: Tahoma;
 font-size: 24px;
 color: White;
 width: 347px;
height: 27px;
}
#Page1 #lbThisMonth_outer {
z-index: 10;
left: 397px;
width: 348px;
height: 27px;
position: absolute;
top: 13px;

}
#Page1 #lbThisMonth {
 font-family: Tahoma;
 font-size: 24px;
 color: White;
 width: 348px;
height: 27px;
}
#Page1 #PanelTemperature_outer {
z-index: 11;
left: 108px;
width: 163px;
height: 107px;
position: absolute;
top: 54px;

}
#Page1 #PanelTemperature {
width: 163px;
height: 107px;
box-sizing: border-box;
margin: 0;
padding: 0;
border:solid 1px #000000;
-moz-border-radius-topleft: 1px;
-webkit-border-top-left-radius: 1px;
border-top-left-radius:1px;
-moz-border-radius-topright: 1px;
-webkit-border-top-right-radius: 1px;
border-top-right-radius:1px;
-moz-border-radius-bottomright: 1px;
-webkit-border-bottom-right-radius: 1px;
border-bottom-right-radius:1px;
-moz-border-radius-bottomleft: 1px;
-webkit-border-bottom-left-radius: 1px;
border-bottom-left-radius:1px;
background: DarkOrange; /* Old browsers */ 
 background: -moz-radial-gradient(center, ellipse cover, DarkOrange 0%, OrangeRed 100%); /* FF3.6+ */ 
background: -webkit-radial-gradient(center, ellipse cover, DarkOrange 0%,OrangeRed 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-radial-gradient(center, ellipse cover, DarkOrange 0%,OrangeRed 100%); /* Opera 12+ */ 
background: -ms-radial-gradient(center, ellipse cover, DarkOrange 0%,OrangeRed 100%); /* IE10+ */ 
background: radial-gradient(ellipse at center, DarkOrange 0%,OrangeRed 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='DarkOrange', endColorstr='OrangeRed',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ 
}
#Page1 #lbTempIdag_outer {
z-index: 0;
left: 16px;
width: 98px;
height: 19px;
position: absolute;
top: 45px;

}
#Page1 #lbTempIdag {
 font-family: Tahoma;
 font-size: 16px;
 color: White;
font-weight: bold;
 width: 98px;
height: 19px;
}
#Page1 #Panel10_outer {
z-index: 1;
left: 0px;
width: 163px;
height: 30px;
position: absolute;
top: 0px;

}
#Page1 #Panel10 {
width: 163px;
height: 30px;
box-sizing: border-box;
margin: 0;
padding: 0;
background-color:#FF6699;
border:solid 1px #000000;
-moz-border-radius-topleft: 1px;
-webkit-border-top-left-radius: 1px;
border-top-left-radius:1px;
-moz-border-radius-topright: 1px;
-webkit-border-top-right-radius: 1px;
border-top-right-radius:1px;
-moz-border-radius-bottomright: 1px;
-webkit-border-bottom-right-radius: 1px;
border-bottom-right-radius:1px;
-moz-border-radius-bottomleft: 1px;
-webkit-border-bottom-left-radius: 1px;
border-bottom-left-radius:1px;
background: DarkOrange; /* Old browsers */ 
background: -moz-linear-gradient(left,  DarkOrange 0%, OrangeRed 100%); /* FF3.6+ */ 
background: -webkit-gradient(linear, left top, right top, color-stop(0%, DarkOrange), color-stop(100%, OrangeRed)); /* Chrome,Safari4+ */ 
background: -webkit-linear-gradient(left,  DarkOrange 0%,OrangeRed 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-linear-gradient(left,  DarkOrange 0%,OrangeRed 100%); /* Opera 11.10+ */ 
background: -ms-linear-gradient(left,  DarkOrange 0%,OrangeRed 100%); /* IE10+ */ 
 background: linear-gradient(to right,  DarkOrange 0%,OrangeRed 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='DarkOrange', endColorstr='OrangeRed',GradientType=1 ); /* IE6-9 */ 
}
#Page1 #lbTemperatur_outer {
z-index: 0;
left: 16px;
width: 139px;
height: 17px;
position: absolute;
top: 5px;

}
#Page1 #lbTemperatur {
 font-family: Tahoma;
 font-size: 16px;
 color: White;
font-weight: bold;
 width: 139px;
height: 17px;
}
#Page1 #Panel1_outer {
z-index: 1;
left: 315px;
width: 611px;
height: 187px;
position: absolute;
top: 10px;

}
#Page1 #Panel1 {
width: 611px;
height: 187px;
box-sizing: border-box;
margin: 0;
padding: 0;
background-color:#CCCCCC;
border:solid 1px #000000;
-moz-border-radius-topleft: 1px;
-webkit-border-top-left-radius: 1px;
border-top-left-radius:1px;
-moz-border-radius-topright: 1px;
-webkit-border-top-right-radius: 1px;
border-top-right-radius:1px;
-moz-border-radius-bottomright: 1px;
-webkit-border-bottom-right-radius: 1px;
border-bottom-right-radius:1px;
-moz-border-radius-bottomleft: 1px;
-webkit-border-bottom-left-radius: 1px;
border-bottom-left-radius:1px;
}
#Page1 #btLogin_outer {
z-index: 0;
left: 239px;
width: 123px;
height: 35px;
position: absolute;
top: 148px;

}
#Page1 #btLogin {
 font-family: Tahoma;
 font-size: 16px;
  background-color: #CCCCCC;
width: 123px;
height: 35px;
-webkit-appearance: button;
}
#Page1 #Label1_outer {
z-index: 1;
left: 31px;
width: 139px;
height: 19px;
position: absolute;
top: 31px;

}
#Page1 #Label1 {
 font-family: Tahoma;
 font-size: 16px;
  background-color: #CCCCCC;
width: 139px;
height: 19px;
}
#Page1 #Label2_outer {
z-index: 2;
left: 31px;
width: 131px;
height: 19px;
position: absolute;
top: 71px;

}
#Page1 #Label2 {
 font-family: Tahoma;
 font-size: 16px;
  background-color: #CCCCCC;
width: 131px;
height: 19px;
}
#Page1 #edLoginUser_outer {
z-index: 3;
left: 187px;
width: 213px;
height: 26px;
position: absolute;
top: 27px;

}
#Page1 #edLoginUser {
 font-family: Tahoma;
 font-size: 16px;
  background-color: #CCCCCC;
width:213px;
height:25px;
}
#Page1 #edLoginPassword_outer {
z-index: 4;
left: 187px;
width: 213px;
height: 27px;
position: absolute;
top: 67px;

}
#Page1 #edLoginPassword {
 font-family: Tahoma;
 font-size: 16px;
  background-color: #CCCCCC;
width:213px;
height:26px;
}
#Page1 #lbError_outer {
z-index: 5;
left: 36px;
width: 539px;
height: 19px;
position: absolute;
top: 114px;

}
#Page1 #lbError {
 font-family: Tahoma;
 font-size: 16px;
  background-color: #CCCCCC;
width: 539px;
height: 19px;
}
#Page1 #Panel4_outer {
z-index: 8;
left: 26px;
width: 250px;
height: 81px;
position: absolute;
top: 10px;

}
#Page1 #Panel4 {
width: 250px;
height: 81px;
box-sizing: border-box;
margin: 0;
padding: 0;
background-color:#7CFC00;
border:solid 1px #000000;
-moz-border-radius-topleft: 1px;
-webkit-border-top-left-radius: 1px;
border-top-left-radius:1px;
-moz-border-radius-topright: 1px;
-webkit-border-top-right-radius: 1px;
border-top-right-radius:1px;
-moz-border-radius-bottomright: 1px;
-webkit-border-bottom-right-radius: 1px;
border-bottom-right-radius:1px;
-moz-border-radius-bottomleft: 1px;
-webkit-border-bottom-left-radius: 1px;
border-bottom-left-radius:1px;
background: Black; /* Old browsers */ 
background: -moz-linear-gradient(left,  Black 0%, Blue 100%); /* FF3.6+ */ 
background: -webkit-gradient(linear, left top, right top, color-stop(0%, Black), color-stop(100%, Blue)); /* Chrome,Safari4+ */ 
background: -webkit-linear-gradient(left,  Black 0%,Blue 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-linear-gradient(left,  Black 0%,Blue 100%); /* Opera 11.10+ */ 
background: -ms-linear-gradient(left,  Black 0%,Blue 100%); /* IE10+ */ 
 background: linear-gradient(to right,  Black 0%,Blue 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='Black', endColorstr='Blue',GradientType=1 ); /* IE6-9 */ 
}
#Page1 #lbCustomer_outer {
z-index: 0;
left: 20px;
width: 210px;
height: 32px;
position: absolute;
top: 25px;

}
#Page1 #lbCustomer {
 font-family: Tahoma;
 font-size: 20px;
 color: White;
 width: 210px;
height: 32px;
}
#Page1 #Label10_outer {
z-index: 9;
left: 1003px;
width: 187px;
height: 19px;
position: absolute;
top: 610px;

}
#Page1 #Label10 {
 font-family: Tahoma;
 font-size: 12px;
  width: 187px;
height: 19px;
}
#Page1 #Label12_outer {
z-index: 10;
left: 936px;
width: 293px;
height: 19px;
position: absolute;
top: 121px;

}
#Page1 #Label12 {
 font-family: Tahoma;
 font-size: 14px;
  width: 293px;
height: 19px;
}
#Page1 #Label13_outer {
z-index: 11;
left: 936px;
width: 291px;
height: 19px;
position: absolute;
top: 61px;

}
#Page1 #Label13 {
 font-family: Tahoma;
 font-size: 14px;
  width: 291px;
height: 19px;
}
#Page1 #Label11_outer {
z-index: 12;
left: 936px;
width: 267px;
height: 19px;
position: absolute;
top: 81px;

}
#Page1 #Label11 {
 font-family: Tahoma;
 font-size: 14px;
  width: 267px;
height: 19px;
}
#Page1 #Label15_outer {
z-index: 13;
left: 936px;
width: 227px;
height: 19px;
position: absolute;
top: 101px;

}
#Page1 #Label15 {
 font-family: Tahoma;
 font-size: 14px;
  width: 227px;
height: 19px;
}
#Page1 #Label16_outer {
z-index: 14;
left: 936px;
width: 275px;
height: 19px;
position: absolute;
top: 142px;

}
#Page1 #Label16 {
 font-family: Tahoma;
 font-size: 14px;
  width: 275px;
height: 19px;
}
#Page1 #Label17_outer {
z-index: 15;
left: 26px;
width: 259px;
height: 19px;
position: absolute;
top: 118px;

}
#Page1 #Label17 {
 font-family: Tahoma;
 font-size: 14;
  width: 259px;
height: 19px;
}
#Page1 #lbLinkToWWW_outer {
z-index: 16;
left: 26px;
width: 227px;
height: 19px;
position: absolute;
top: 142px;

}
#Page1 #lbLinkToWWW {
 font-family: Tahoma;
 font-size: 14;
  width: 227px;
height: 19px;
}
#Page1 #Label18_outer {
z-index: 18;
left: 1048px;
width: 75px;
height: 13px;
position: absolute;
top: 640px;

}
#Page1 #Label18 {
 font-family: Tahoma;
 font-size: 11px;
  width: 75px;
height: 13px;
}