﻿body{font:17px helvetica,sans-serif;background:#000;color:#fff;margin:0;padding:0;-webkit-text-size-adjust:none;}
#divNavigation {display:table;width:320px;margin:0;}
#divBody { margin:5px 0px 0px 5px; }
.cb{clear:both;}
#divTitle{ float:left; margin: 3px 0px 0px 5px;}
#divTitle{background: transparent url(/iphone/images/icons.png) no-repeat 0px -120px; width:140px; height:40px;display:block;}
#divCredits{background: transparent url(/iphone/images/icons.png) no-repeat 0px -80px; z-index:5; cursor:pointer; width:160px; height:40px;display:block;margin-left:10px;}

#divTravelTimes dl {display:table;margin:3px 0px; border:2px solid #009900;	width:300px; background:#FFF;color:#000;}
#divTravelTimes dl dt {min-height:33px; width:190px;float:right;padding: 7px 3px 7px 3px;margin:0;font-size: 18px;line-height: 90%;border-left: 2px solid #009900;background:#009900;color:#fff;}
#divTravelTimes dl dd.traveltime {clear:left;width:92px;float: left;margin: 0px; font-size: 24px;color:#000;padding: 2px 3px 2px 3px;text-align:center;color:#009900;}
#divTravelTimes dl dd.difference {width:92px;float: left;clear:none;margin:0;font-size:18px;padding: 10px 3px 2px 3px;text-align:center;color:#009900;}
#divTravelTimes dl dd.details{width:192px;clear:none;float: right;background-color: #009900;border-left: 2px solid #009900;margin: 0;padding: 5px 2px;text-align:center;color:#fff;font-size: 12px;}
#divTravelTimes dl.alert {border-color:#CC0000;}
#divTravelTimes dl.alert dt{background:#CC0000;border-color:#CC0000}
#divTravelTimes dl.alert dd.details{background:#c00;border-color:#c00}
#divTravelTimes dl.alert dd.difference,#divTravelTimes dl.alert dd.traveltime  {color:#c00;}
#divTravelTimes dl.delay {border-color:#FF9900;}
#divTravelTimes dl.delay dt{background:#FF9900;border-color:#FF9900;}
#divTravelTimes dl.delay dd.details{border-color:#FF9900;background-color: #FF9900;}
#divTravelTimes dl.delay dd.difference,#divTravelTimes dl.delay dd.traveltime  {color:#FF9900;}
div.divDetails { border:2px solid #000;-webkit-border-radius:5px;margin:0px;background-color:#000;} 
#divTravelTimes dl dd.details dl, #divTravelTimes dl.alert dd.details dl, #divTravelTimes dl.delay dd.details dl {display:table;margin:0 auto; margin-top:2px;margin-bottom:2px; width:184px; border:2px solid #FFF;-webkit-border-radius:4px;}
#divTravelTimes dl dd.details dl dt, #divTravelTimes dl.alert dd.details dl dt, #divTravelTimes dl.delay dd.details dl dt {min-height: 0; border:none; text-align:left; width:128px;float:right;padding: 3px 5px 1px 3px;margin:0;font-size: 13px;line-height: 90%; vertical-align:middle; background:#FFF; color:#000;}
#divTravelTimes dl dd.details dl dd.speed, #divTravelTimes dl.alert dd.details dl dd.speed, #divTravelTimes dl.delay dd.details dl dd.speed {clear:left;width:34px;float: left;margin: 0px 2px; font-size: 18px;padding: 1px 3px 0px 3px;text-align:center;}
#divTravelTimes #divTimestamp {font-size:10px;margin:5px 0px 0px 5px;}
#divTravelTimes .buttonConfiguration { background: transparent url(/iphone/images/icons.png) no-repeat 0px 0px; display:block;text-decoration:none; width:80px; height:40px;float:right;margin:3px auto;margin-right:5px;border-width:0 10px 0 10px;}
#divTravelTimes .buttonMap {background: transparent url(/iphone/images/icons.png) no-repeat -80px 0px; display:block;text-decoration:none; width:80px; height:40px;float:right;margin:3px auto;margin-right:5px;border-width:0 10px 0 10px;}
#divConfiguration .buttonDownArrow {background: transparent url(/iphone/images/icons.png) no-repeat -40px -40px; width:40px; height:40px;display:block;float:left;text-decoration:none;margin-left:8px}
#divConfiguration .buttonUpArrow {background: transparent url(/iphone/images/icons.png) no-repeat 0px -40px; width:40px; height:40px;display:block;float:left;text-decoration:none;}
#divConfiguration .buttonSpace {width:40px; height:40px;display:block;float:left;text-decoration:none;}
#divConfiguration .buttonDone {background: transparent url(/iphone/images/icons.png) no-repeat -80px -40px; width:80px; height:40px;display:block;float:left;text-decoration:none;float:right;margin:3px auto;margin-right:5px;border-width:0 10px 0 10px;}
#divConfiguration ul{margin-left:0;padding: 0;margin-top:0;margin-right:10px;margin-bottom:17px;font-size:17px;font-family: Helvetica;font-weight:bold;color:black;width: 300px;background-color: white;border-width: 1px;border-style:solid ;border-color:rgb(217,217,217);-webkit-border-radius: 8px;}
#divConfiguration li{clear:both;list-style-type: none;border-top-width:1px;	border-top-style:solid;	border-top-color:rgb(217,217,217);padding:10px;	padding-right:5px;padding-bottom:14px;padding-left:5px;	}
#divConfiguration li:first-child {border-top:0;}
#divConfiguration li span.displayActive {float:right; width: 188px;}
#divConfiguration li span.displayActive input, #divConfiguration li span.displayInactive input{float:left; margin:3px 5px;}
#divConfiguration li span.displayInactive {float:right;color:#666; width: 188px;display:block;}
#divConfiguration li span.displayInactive label, #divConfiguration li span.displayActive label {width:158px; float:right;}