body {
  background-color: #3E3E3E; }

.info-text {
  background: #0bb427;
  /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #0bb427 39%, #00a31b 80%);
  /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-sfromp(39%, #00a31b), color-stop(80%, #00a31b));
  /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover, #0bb427 39%, #00a31b 80%);
  /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover, #0bb427 39%, #00a31b 80%);
  /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover, #0bb427 39%, #00a31b 80%);
  /* IE10+ */
  background: radial-gradient(center, ellipse cover, #0bb427 39%, #00a31b 80%);
  /* W3C */
  -webkit-box-shadow: 0px 1px 20px #000000;
  -moz-box-shadow: 0px 1px 20px #000000;
  box-shadow: 0px 1px 20px #000000;
  padding: 3%; }
  .info-text h2 {
    text-align: center;
    color: #e6e6e6; }
  .info-text p {
    color: #e6e6e6; }

.partners {
  width: 232px;
  height: 30px;
  margin: 16px auto 0 auto;
  background: url("../img/logos.png") no-repeat center top;
  background-size: 232px 24px; }

.to-meter {
  margin: 3%; }

.alcohol-meter-header {
  width: 100%;
  height: 80px;
  background: url("../img/header_bg.png") repeat-x center top;
  background-size: auto 80px; }

.alcohol-meter-picture {
  width: 100%;
  height: 80px;
  background: url("../img/header.png") no-repeat center top;
  background-size: 320px 80px; }

.gender-container {
  height: 44px; }

.gender {
  width: 57px;
  height: 42px; }

.gender-icon {
  height: 28px;
  position: relative;
  top: -3px; }

.ui-radio-on .man {
  background: url("../img/symbol_man_selected.png") no-repeat center top; }
.ui-radio-on .woman {
  background: url("../img/symbol_woman_selected.png") no-repeat center top; }

.man {
  background: url("../img/symbol_man.png") no-repeat center top;
  background-size: 17px 28px; }

.woman {
  background: url("../img/symbol_woman.png") no-repeat center top;
  background-size: 17px 28px; }

#start-time-hour {
  display: inline-block;
  width: 2em;
  margin-right: 0.2em; }

#start-time-minutes {
  display: inline-block;
  width: 2em; }

.gender-radiobuttons {
  width: 118px; }

#start-time-label {
  display: inline-block;
  margin-right: 0.5em;
  height: 45px;
  width: 23%; }

#gender-label {
  position: absolute;
  top: 40%; }

#weight-slider, #amount-slider, #start-time-hour, #start-time-minutes {
  font-size: 26px;
  font-weight: bold;
  width: 45px;
  padding: 5px;
  text-align: center; }

#start-time-hour, #start-time-minutes {
  width: 40px; }

#weight-slider.android, #amount-slider.android {
  width: 45px; }

.amount-label label {
  display: inline; }

.help-picture {
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url("../img/help.png") no-repeat center top;
  background-size: 20px 20px;
  position: relative;
  left: 5px;
  top: 3px; }

#start-time-hour.hint, #start-time-minutes.hint {
  color: #d2d9c7;
  width: 50px; }

.green-background {
  background: url("../img/result_bg_green.png") repeat-x center top;
  background-size: auto 136px; }

.red-background {
  background: url("../img/result_bg_red.png") repeat-x center top;
  background-size: auto 136px; }

.result-container {
  width: 100%;
  padding: 7px 0;
  text-align: center;
  text-shadow: 0px -1px 1px black; }
  .result-container p {
    color: #ffffff; }
  .result-container .header {
    font-size: 1.3em;
    font-weight: bold;
    margin: 0; }
  .result-container .result {
    font-weight: bold;
    font-size: 4em;
    margin: 0; }

.alcohol-info {
  background-color: #ffffff;
  padding: 16px;
  margin-top: -6px; }
  .alcohol-info p:first-child {
    margin-top: 0; }
  .alcohol-info p:last-child {
    margin-bottom: 0; }
  .alcohol-info p {
    text-shadow: 0 0 0;
    font-size: 0.9em;
    line-height: 1.5em; }

.no-slider .amount-label {
  position: absolute;
  top: 40%; }
.no-slider .weight-label {
  position: absolute;
  top: 40%; }

body.symbian .ui-btn-text {
  font-size: 1.7em; }
body.symbian .result-container .header {
  font-size: 2.2em; }
body.symbian .alcohol-info p {
  font-size: 1.5em; }
body.symbian a {
  border-radius: 0;
  -webkit-border-radius: 0; }

@media all and (-webkit-min-device-pixel-ratio: 2) {
  .gray-top {
    background: url("../img/gray_top@2x.png") repeat-x center top; }

  .partners {
    background: url("../img/logos@2x.png") no-repeat center top; background-size: 232px 24px; }

  .alcohol-meter-header {
    background: url("../img/header_bg@2x.png") repeat-x center top;}

  .alcohol-meter-picture {
    background: url("../img/header@2x.png") no-repeat center top; background-size: auto 80px;}
	
  .ui-radio-on .man {
    background: url("../img/symbol_man_selected@2x.png") no-repeat center top; background-size: 17px 28px; }
  .ui-radio-on .woman {
    background: url("../img/symbol_woman_selected@2x.png") no-repeat center top; background-size: 17px 28px; }

  .man {
    background: url("../img/symbol_man@2x.png") no-repeat center top; background-size: 17px 28px; }

  .woman {
    background: url("../img/symbol_woman@2x.png") no-repeat center top; background-size: 17px 28px; }

  .help-picture {
    background: url("../img/help@2x.png") no-repeat center top; background-size: 20px 20px;}

  .green-background {
    background: url("../img/result_bg_green@2x.png") repeat-x center top; background-size: auto 136px;}

  .red-background {
    background: url("../img/result_bg_red@2x.png") repeat-x center top; background-size: auto 136px;} }