html, body {
  font-family: 'MozTT', sans-serif;
  font-size: 10px;
}

#quick-settings {
  display: block;
  width: 100%;
  height: 60px;
  padding: 0;

  background-image: url(images/background.png);
  background-size: 100% 60px;

  border-top:1px black solid;
}

#quick-settings > a {
  display: block;
  float: left;
  width: -moz-calc(20% - 2px);
  height: 30px;
  margin: 15px 0;
  padding: 0;
  color: #fff;
  text-align: center;
  text-decoration: none;
  outline: none;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

#quick-settings > .separator {
  border-right: 1px black solid;
  border-left: 1px gray solid;
  margin: 15px 0;
  height: 30px;
  float: left;
}

#quick-settings > a:first-child {
  width: -moz-calc(20% - 1px);
  border-left: 0;
}

#quick-settings > a:last-child {
  width: -moz-calc(20% - 1px);
  border-right: 0;
}

#quick-settings > a {
  background-position: center;
  background-repeat: no-repeat;
}
#quick-settings > *[data-initializing] {
  opacity: 0.5;
}
#quick-settings-wifi {
  background-image: url(images/wifi-off.png);
}
#quick-settings-wifi[data-enabled] {
  background-image: url(images/wifi-on.png);
}
#quick-settings-data {
  background-image: url(images/data-off.png);
}
#quick-settings-data[data-network="2G"]  {
  background-image: url(images/data-2g-off.png);
}
#quick-settings-data[data-enabled][data-network="2G"] {
  background-image: url(images/data-2g-on.png);
}
#quick-settings-data[data-network="3G"] {
  background-image: url(images/data-3g-off.png);
}
#quick-settings-data[data-enabled][data-network="3G"] {
  background-image: url(images/data-3g-on.png);
}
#quick-settings-data[data-network="4G"] {
  background-image: url(images/data-4g-off.png);
}
#quick-settings-data[data-enabled][data-network="4G"] {
  background-image: url(images/data-4g-on.png);
}
#quick-settings-data[data-network="E"] {
  background-image: url(images/data-e-off.png);
}
#quick-settings-data[data-enabled][data-network="E"] {
  background-image: url(images/data-e-on.png);
}
#quick-settings-data[data-network="H"] {
  background-image: url(images/data-h-off.png);
}
#quick-settings-data[data-enabled][data-network="H"] {
  background-image: url(images/data-h-on.png);
}
#quick-settings-data[data-network="H+"] {
  background-image: url(images/data-h+-off.png);
}
#quick-settings-data[data-enabled][data-network="H+"] {
  background-image: url(images/data-h+-on.png);
}
#quick-settings-data[data-network="O"] {
  background-image: url(images/data-o-off.png);
}
#quick-settings-data[data-enabled][data-network="O"] {
  background-image: url(images/data-o-on.png);
}
#quick-settings-bluetooth {
  background-image: url(images/bluetooth-off.png);
}
#quick-settings-bluetooth[data-enabled] {
  background-image: url(images/bluetooth-on.png);
}
#quick-settings-airplane-mode {
  background-image: url(images/airplane-mode-off.png);
}
#quick-settings-airplane-mode[data-enabled] {
  background-image: url(images/airplane-mode-on.png);
}
#quick-settings-full-app {
  background-image: url(images/settings-off.png);
}
#quick-settings-full-app:active {
  background-image: url(images/settings-on.png);
}
.quick-settings-airplane-mode {
  opacity: 0.5;
}