@CHARSET "UTF-8";

img.info-icon {
	height: 16px;
	width: 16px;
	vertical-align: middle;
	margin-bottom: 5px;
	display: inline !important;
}

.tuningmode
{
  position: absolute;
  height: 131px;
  width: 198px ; /* 163px; reduced to 30px */
  top: 0px;
  text-align: center;
}

.tuningmode h2
{
  font-size: 12px;
  width: 180px;
  color: #202325;
  margin-top: 15px;
  margin-left: 10px;
  text-align: center;
}

.tuningmode .text
{
	margin-top: 5px;
  font-size: 11px;
  text-align: center;
}

.tuningbuttons .eco .text
{
  direction: rtl ;
}

.tuningmode > .settings > button.config-button-economy
{
  position: absolute;
  left: 35px;
  bottom: 9px;
  width: 35px;
  height: 16px;
  background: url('../images/tuningmode/mode_config_button.png') no-repeat 0 0;
}

.tuningmode > .settings > button.config-button-turbo
{
  position: absolute;
  right: 24px;
  bottom: 9px;
  width: 35px;
  height: 16px;
  background: url('../images/tuningmode/mode_config_button.png') no-repeat 0 0;
}

.tuningmode > .settings > button.config:hover {
  background: url('../images/tuningmode/mode_config_button.png') no-repeat 0 -16px;
}
.tuningmode > .settings > button.config:pressed {
  background: url('../images/tuningmode/mode_config_button.png') no-repeat 0 -16px;
}

.tuningbuttons {
  min-height: 50px;
}
.tuningbuttons, .tuning-led {
  margin-left: 19px;
  float: none;
  width: 160px;
}
.tuningbuttons {
  padding: 2px;
}

.tuning-led {
	height: 15px;
	margin-top: 5px;
  background: url('../images/tuningmode/mode_button_led_background.png') no-repeat 0 0;
}

.tuningbuttons { 
  background: url('../images/tuningmode/mode_button_background.png') no-repeat 0 0;
}

.tuningbuttons > div {
  float: left;
  width: 50px;
}

.tuningbuttons > div.button {
  height: 50px;
}

.tuningbuttons > div > button {
  height: 26px;
  width: 50px;
}

.tuningbuttons > div.standard {
  margin-left: 3px;
  margin-right: 3px;
}

.tuning-led .led {
	height: 15px;
  margin-top: 0.9px;
	margin-left: 17px;
}

.tuning-led > div {
	float:left;
  width: 50px;
  height: 15px;
}
.tuning-led > .standard {
  margin-left: 3px;
  margin-right: 3px;
}

.tuning-led > .eco > .led {
  background: url('../images/tuningmode/mode_button_led_eco.png') no-repeat 0 0;
}
.tuning-led > .standard > .led {
  background: url('../images/tuningmode/mode_button_led_standard.png') no-repeat 0 0;
}
.tuning-led > .turbo > .led {
  background: url('../images/tuningmode/mode_button_led_turbo.png') no-repeat 0 0;
}

/* eco */
.tuningbuttons > .eco > button {
  background: url('../images/tuningmode/mode_button_eco_default.png');
}
.tuningbuttons > .eco > button.active {
  background: url('../images/tuningmode/mode_button_eco_active.png');
}
.tuningbuttons > .eco > button.hovered {
  background: url('../images/tuningmode/mode_button_eco_hover.png');
}
.tuningbuttons > .eco > button.pressed {
  background: url('../images/tuningmode/mode_button_eco_pressed.png');
}
.tuningbuttons > .eco > button.progress {
  background: url('../images/tuningmode/mode_button_eco_progress.png');
}
.tuningbuttons > .eco > button.disabled {
	background: url('../images/tuningmode/mode_button_eco_default.png');
}

/* default */
.tuningbuttons > .standard > button {
  background: url('../images/tuningmode/mode_button_standard_default.png');
}
.tuningbuttons > .standard > button.active {
  background: url('../images/tuningmode/mode_button_standard_active.png');
}
.tuningbuttons > .standard > button.hovered {
  background: url('../images/tuningmode/mode_button_standard_hover.png');
}
.tuningbuttons > .standard > button.pressed {
  background: url('../images/tuningmode/mode_button_standard_pressed.png');
}
.tuningbuttons > .standard > button.progress {
  background: url('../images/tuningmode/mode_button_standard_progress.png');
}
.tuningbuttons > .standard > button.disabled {
	background: url('../images/tuningmode/mode_button_standard_default.png');
}

/* turbo */
.tuningbuttons > .turbo > button {
  background: url('../images/tuningmode/mode_button_turbo_default.png');
}
.tuningbuttons > .turbo > button.active {
  background: url('../images/tuningmode/mode_button_turbo_active.png');
}
.tuningbuttons > .turbo > button.hovered {
  background: url('../images/tuningmode/mode_button_turbo_hover.png');
}
.tuningbuttons > .turbo > button.pressed {
  background: url('../images/tuningmode/mode_button_turbo_pressed.png');
}
.tuningbuttons > .turbo > button.progress {
  background: url('../images/tuningmode/mode_button_turbo_progress.png');
}
.tuningbuttons > .turbo > button.disabled {
	background: url('../images/tuningmode/mode_button_turbo_default.png');
}

#allfunctions-tuningmode-eco .inactive, #allfunctions-tuningmode-standard .inactive, #allfunctions-tuningmode-turbo .inactive {
  color: #AAA;
}

#allfunctions-tuningmode-eco img.inactive, #allfunctions-tuningmode-standard img.inactive, #allfunctions-tuningmode-turbo img.inactive {
  opacity: 0.4;
}

/* eco */
.tuningbuttons > div > button > div.throbber {
	width: 16px;
	height: 16px;
	margin-left: 17px;
	margin-top: 5px;
  background: url('../images/throbber_ani_alpha_12.png') no-repeat 0 0;
}

