*
{
  margin:0;
  padding:0;
  font-family: Segoe UI, san serif;
}

body
{
  width: 130px;
  height: 184px;
  font-size: 12px;
  line-height: 14px;
  color: #000000;
}

.errormessage
{
  display: none;
  padding: 75px 7px 0 7px;
}

.serviceerrormessage
{
  display: none;
  border: 0px;
  margin-top: 97px;
  padding: 0px 7px 0px 7px;
}

.errortext
{
  padding: 0px 0px 5px 0px;
}

.serviceerrormessage >table
{
  border: 0px;
  padding: 0px 0px 0px 0px;
  height: 78px;
}


.turbomessage
{
  display: none;
  padding: 143px 7px 0 7px;
}

.statuspanel
{
  display: none;
  position: absolute;
  margin: 3px 0 0 3px;
}

.statuspanel > div
{
  float: left;
}

.statuspanel div.normal, .statuspanel div.hover
{
  width: 123px;
  height: 93px;
  cursor: pointer;
}

.statuspanel div.hover
{
  display: none;
  position: absolute;
}

.statuspanel img.status
{
  position: absolute;
  width: 123px;
  height: 93px;
}

.statuspanel #status.good div.normal img.status
{
  background-image: url(../images/status_good.png);
}

.statuspanel #status.warning div.normal img.status
{
  background-image: url(../images/status_warning.png);
}

.statuspanel #status.critical div.normal img.status
{
  background-image: url(../images/status_critical.png);
}

.statuspanel #status.good div.hover img.status
{
  background-image: url(../images/status_good_hover.png);
}

.statuspanel #status.warning div.hover img.status
{
  background-image: url(../images/status_warning_hover.png);
}

.statuspanel #status.critical div.hover img.status
{
  background-image: url(../images/status_critical_hover.png);
}

.tuningbuttons
{
  display: none;
  position: absolute;
  margin: 110px 0 0 11px;
}

.tuningbuttons > div
{
  float: left;
}

.tuningbuttons div.normal, .tuningbuttons div.hover, .tuningbuttons div.clicked
{
  width: 35px;
  height: 27px;
}

.tuningbuttons #tuning_standard div.normal, .tuningbuttons div.hover, .tuningbuttons div.clicked
{
  width: 37px;
  height: 27px;
}

.tuningbuttons div.hover, .tuningbuttons div.clicked
{
  display: none;
  position: absolute;
}

.tuningbuttons img.status
{
  position: absolute;
  width: 35px;
  height: 27px;
}

.tuningbuttons img.status_m
{
  position: absolute;
  width: 37px;
  height: 27px;
}

.tuningbuttons_backgnd
{
  display: none;
  position: absolute;
  float: left;
  margin: 105px 0 0 6px;
}

.tuningbuttons_backgnd img.backgnd
{
  position: absolute;
  width: 117px;
  height: 37px;
  background-image: url(../images/bg_button.png);
}

.tuningbuttons #tuning_economy.inactive div.normal img.status
{
  background-image: url(../images/button_economy_default.png);
}

.tuningbuttons #tuning_economy.active div.normal img.status
{
  background-image: url(../images/button_economy_active.png);
}

.tuningbuttons #tuning_economy.inactive div.hover img.status
{
  background-image: url(../images/button_economy_hover.png);
}

.tuningbuttons #tuning_economy.inactive div.clicked img.status
{
  background-image: url(../images/button_economy_pressed.png);
}

.tuningbuttons #tuning_standard.inactive div.normal img.status_m
{
  background-image: url(../images/button_standard_default.png);
}

.tuningbuttons #tuning_standard.active div.normal img.status_m
{
  background-image: url(../images/button_standard_active.png);
}

.tuningbuttons #tuning_standard.inactive div.hover img.status_m
{
  background-image: url(../images/button_standard_hover.png);
}

.tuningbuttons #tuning_standard.inactive div.clicked img.status_m
{
  background-image: url(../images/button_standard_pressed.png);
}

.tuningbuttons #tuning_turbo.inactive div.normal img.status
{
  background-image: url(../images/button_turbo_default.png);
}

.tuningbuttons #tuning_turbo.active div.normal img.status
{
  background-image: url(../images/button_turbo_active.png);
}

.tuningbuttons #tuning_turbo.inactive div.hover img.status
{
  background-image: url(../images/button_turbo_hover.png);
}

.tuningbuttons #tuning_turbo.inactive div.clicked img.status
{
  background-image: url(../images/button_turbo_pressed.png);
}

.ecoballoon
{
  display: none;
  position: absolute;
  padding: 64px 7px 0 8px;
}

.ecoballoon img.status
{
  position: absolute;
  width: 113px;
  height: 48px;
  background-image: url(../images/progress_balloon_economy.png);
}

.ecoballoon > div
{
  float: left;
  position: absolute;
  padding: 18px 0 0 12px;
}

.ecoballoon #statusbar img.bar
{
  position: absolute;
  width: 89px;
  height: 8px;
  background-repeat: no-repeat;
  background-image: url(../images/progress_bar_economy.png);
}

.defaultballoon
{
  display: none;
  position: absolute;
  padding: 64px 7px 0 8px;
}

.defaultballoon img.status
{
  position: absolute;
  width: 113px;
  height: 48px;
  background-image: url(../images/progress_balloon_standard.png);
}

.defaultballoon > div
{
  float: left;
  position: absolute;
  padding: 18px 0 0 12px;
}

.defaultballoon #statusbar img.bar
{
  position: absolute;
  width: 89px;
  height: 8px;
  background-repeat: no-repeat;
  background-image: url(../images/progress_bar_standard.png);
}

.turboballoon
{
  display: none;
  position: absolute;
  padding: 64px 7px 0 8px;
}

.turboballoon img.status
{
  position: absolute;
  width: 113px;
  height: 48px;
  background-image: url(../images/progress_balloon_turbo.png);
}

.turboballoon > div
{
  float: left;
  position: absolute;
  padding: 18px 0 0 12px;
}

.turboballoon #statusbar img.bar
{
  position: absolute;
  width: 89px;
  height: 8px;
  background-repeat: no-repeat;
  background-image: url(../images/progress_bar_turbo.png);
}


