body {
  font-family: helvetica,arial,sans-serif;
  margin:0px;
  background:#c5ccd4 url(../images/bg.gif);
  font-size:20px;
  height:400px;
}

.header{
  position:fixed;
  top:0px;
  text-align:center;
  height:40px;
  width:100%;
  color:white;
  background:#c5ccd4 url(../images/iPhoneToolbar.png);
  border-bottom:1px solid #2E3541;
}

.header_title{
  margin-top:10px;
}

.done, .save, .home, .back{
  position:absolute;
  top:7px;
  font-size:12px;
  padding:5px;
  border:1px solid #2A497D;
  background-color:#6077A2;
  -webkit-border-radius:5px;
}

.done, .save{
  right:5px;
}

.home, .back{
  left:5px;
}

.content{
  margin-top:50px;
  width:100%;
}

.content_title{
  color:#4D566A;
  font-weight:bold;
  margin-left: 20px;
  width:276px;
}

.content_title span{
  color:black;
  font-size:15px;
}

ul{
  background-color:white;
  border:1px solid #C2C2C2;
  margin:10px 10px 10px 10px;
  padding:0;
  width:296px;
  -webkit-border-radius:8px;
}

li{
  border-bottom:1px solid #D9D9D9;
  font-weight:bold;
  list-style-type:none;
  padding:10px;
  background-image:url(../images/iPhoneArrow.png);
  background-position:right center;
  background-repeat:no-repeat;
}

li.no_a{
  background-image:none;
}

.red{
  -webkit-border-radius:8px;
  background-color:#A61D11;
  border:1px solid #555;
  text-align:center;
  color:white;
}

ul#gap_list, #next_week_gaps{
  width:100%;
  margin:-10px 0px;
  -webkit-border-radius:0px;
}

ul#next_week_gaps{
  font-size:15px;
  text-align:center;
}

ul#gap_list .day{
  font-size:15px;
  padding:5px;
  background-color:#7A8AA4;
  color:white;
}

li input, li select{
  font-weight:bold;
  font-size:20px;
}

input{
  border:0px solid white;
}

select{
  --webkit-appearance:menulist-text;
}

li span.right {
  font-weight:normal;
  font-size:16px;
  float:right;
  margin-right:25px;
  margin-top:2px;
  color:#235CB2;
}

li span.left{
  color:black;
}

li span.bottom{
  display:block;
  color:grey;
  font-size:14px;
}

li span.box{
  color:white;
  padding:5px 15px;
  margin:-2px 0px;
}

li span#start_hour_plus, span#start_min_plus, span#end_hour_plus, span#end_min_plus{
  background-color:#1B2D20;
}
li span#start_hour_min, span#start_min_min, span#end_hour_min, span#end_min_min{
  background-color:#2D0E0F;
  margin-right:3px; 
}
li span.wh{
  background-color:white;
}