/*
  Copyright (c) 2009 Technetra Corp
  Released under The MIT License
*/
body {
  background: #cccccc scroll repeat 0 0;
  font-family:sans-serif;
  font-size:16px;
}
body[orient="portrait"] {
  height:460px;
}
body[orient="landscape"] {
  height:300px;
}

h1 {
  font-size:1.5em;
  font-weight:bold;
}
#main_subtitles > span > span:first-child {
  color:#356AA0;
}
body[orient="portrait"] #main_subtitles {
  font-size:0.56em;
}
body[orient="landscape"] #main_subtitles {
  font-size:0.60em;
}
body[orient="landscape"] #main_subtitles > span > br {
  display:none;
}
.divider {
  color:red;
}
body[orient="portrait"] #main_subtitles > span:first-child .divider {
  display:none;
}

#main_footer {
  position:absolute;
  margin-left:10px;
}
body[orient="portrait"] #main_footer {
  top:350px;
}
body[orient="landscape"] #main_footer {
  top:210px;
}

#update_interval_container {
  font-size:0.8em;
  float:left;
  margin-top:-4px;
  color:#356AA0;
}
table {
  border-spacing:0;
  width:100%;
}
body[orient="landscape"] table {
  width:50%;
  float:left;
  border:none solid gray;
}

body[orient="portrait"] .overlay { width: 136px; }
body[orient="landscape"] .overlay { width: 256px; }

#seconds_overlay {
  position:relative;
  left:0;
  background-color:#3F4C6B;
  -khtml-opacity:0.5; -moz-opacity:0.5;
}
#minutes_overlay {
  position:relative;
  left:0;
  background-color:#CDEB8B;
  -khtml-opacity:0.5; -moz-opacity:0.5;
}
#hours_overlay {
  position:relative;
  left:0;
  background-color:#FFFF88;
  -khtml-opacity:0.5; -moz-opacity:0.5;
}
#days_overlay {
  position:relative;
  left:0;
  background-color:#B02B2C;
  -khtml-opacity:0.5; -moz-opacity:0.5;
}
#counter_done {
  position:absolute;
  min-height:66px;
  width:50%;
  text-align:center;
  -khtml-opacity:0.8; -moz-opacity:0.8;
}
body[orient="portrait"] #counter_done {
  top:200px;
  left:80px;
  font-size:1.0em;
}
body[orient="landscape"] #counter_done {
  top:130px;
  left:115px;
  font-size:1.2em;
}
.ctr {text-align:center}

#countdown_box {
  width:100%;
  position:absolute;
}
body[orient="portrait"] #countdown_box {
  top:30px;
}
body[orient="landscape"] #countdown_box {
  top:40px;
}
.unit > div {
  position:absolute;
  text-align:right;
  font-weight:bold;
  padding-right:10px;
}
body[orient="portrait"] .unit > div {
  right:160px;
  height:58px;
}
body[orient="landscape"] .unit > div {
  right:204px;
  height:36px;
}
body[orient="portrait"] #days_box { top:60px; }
body[orient="portrait"] #hours_box { top:118px; }
body[orient="portrait"] #minutes_box { top:176px; }
body[orient="portrait"] #seconds_box { top:234px; }
body[orient="landscape"] #days_box { top:10px; }
body[orient="landscape"] #hours_box { top:46px; }
body[orient="landscape"] #minutes_box { top:82px; }
body[orient="landscape"] #seconds_box { top:118px; }

.unit_label {
  position:absolute;
  padding-left:10px;
  border-left:2px solid #ddd;
}
.unit span {
  padding-right:10px;
}
body[orient="portrait"] .unit span {
  font-size:2em;
  height:58px;
}
body[orient="landscape"] .unit span {
  font-size:1.5em;
  height:36px;
}

#days_box span[class="unit_label"] { color:#B02B2C; }
#seconds_box span[class="unit_label"] { color:#3F4C6B; }
#minutes_box span[class="unit_label"] { color:#73880A; }
#hours_box span[class="unit_label"] { color:#C79810; }

#sw-wrapper { display:block; }
body[orient="portrait"] #sw-frame { bottom:112px; }
body[orient="landscape"] #sw-frame { bottom:8px; }

/* alignment correction for Shiretoko */
.row > label {
  left:0;
}
div[class="row"] > input,select {
  margin-top:7px;
}
body[device="iphone"] #select_date_container { display:none; }
body[device="unknown"] #spinning_wheel_date_container { display:none; }