body { background-repeat: no-repeat;background-position:center top; margin:0px; }
body.jake-bg-night { background-image:url("/content/images/jake-bg-night.png"); }
body.jake-bg-morning { background-image:url("/content/images/jake-bg-morning.png"); }
body.jake-bg-evening { background-image:url("/content/images/jake-bg-evening.png"); }
body.jake-bg-windy { background-image:url("/content/images/jake-bg-windy.png"); }
body.jake-bg-rainy { background-image:url("/content/images/jake-bg-rainy.png"); }
body.jake-bg-sunny { background-image:url("/content/images/jake-bg-sunny.png"); }
body.jake-bg-default { background-image:url("/content/images/jake-bg-night.png"); }

#container { margin-top:10px; }
.page-content-container p { font-size:130%; }
header { margin-bottom:10px}
header #tram-tracker-logo { display:block; }
header img.logo { display:block; }

.reg { font-size:75%; vertical-align:super; text-decoration:none }

footer a { font-size:100%; color:#000; }
footer a:link, footer a:visited { color:#000; }
div.social-icons { margin: 20px 0px 10px 5px;}
div.social-icons a { margin:0 15px 0 0; display:block; float:left; }
div.tram-tracker-container { position:relative; top:-50px;}

header div.font-size-selector { margin-left: 5px; float:none; }
header div.font-size-selector span { font-weight:bold; font-size:120%; color:#787878;}

ul.menu { padding:0px;}
ul.menu li { float:left; padding:10px; margin:0px; list-style: none; color:#787878; }
ul.menu li a { color:#787878; text-decoration:none; font-weight:bold; font-size:130%; }
ul.menu li.link-divider { border-left:solid 1px #787878; }

ul.side-menu, ul.side-menu ul { margin: 20px 0 0 2px; padding:0px; list-style-type: none; list-style-image: none; }
ul.side-menu li { height:16px; }
ul.side-menu li.primary { background-color:#77af0e; padding:4px;border-top:1px solid #a0c757; margin-bottom:2px;margin-top:2px;padding-left:10px; }
ul.side-menu li.primary a { color:#000; font-weight:bold; text-shadow:0px 1px 0px #c9df9f; font-size:130%; }
ul.side-menu li.secondary { background-color:#777777; padding:4px;padding-left:10px; }
ul.side-menu li.secondary a { color:#fff; font-weight:bold; font-size:130%; }
ul.side-menu a { color:#88c21c; text-decoration:none; }

div.home-content-container { margin-top:25px; }
div.home-content { height:270px; }
div.home-content .content { background-color:#000;color:#fff; margin:0px; display:inline-block; padding:10px; }
div.home-content .content a { color:#88c21c; text-decoration:none; font-weight:bold; font-size:130%; }
div.home-content-container h1, div.home-content-container p { margin:0px; font-size:130%; }
div.home-content-container h1 { font-size:250%; }

div.page-content-container { margin-top:25px; height:280px;}
div.page-content { background:#fff; background:rgba(255, 255, 255, 0.8); color:#000; margin:0px; padding:10px; width:630px; border: solid 1px #94a5aa;  }
div.page-content a { color:#1cadd3; text-decoration:underline; font-weight:bold; }
div.page-content-container h1 { margin:0px; background-color:#1cadd3; background-image:url("/content/images/tt-content-header-bg.png"); color:#fff; padding:8px; font-size:180%;}
div.page-content li { list-style-image: url("/content/images/bullet.png"); padding:10px; font-size:130%;}

div.home-links {padding:0px;  }
div.home-links img { margin-right:6px; vertical-align:middle; }
div.home-links a { color:#fff; text-decoration:none; font-weight:bold; display:block; font-size:150%; }

/* tram tracker */
.tram-tracker * {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
div.tram-tracker h3 { color:#000; text-shadow:0px 1px 0px #fff; font-size:200%; text-align:center; margin:10px 30px;}
div.tram-tracker input.find-stop-id { margin-bottom: 10px;}
div.tram-tracker input[type=text], div.tram-tracker input[type=checkbox], div.tram-tracker select  { margin: 10px 0px;}
div.tram-tracker { background-image:url("/content/images/tram-tracker-tall-bg.png"); height:314px; width:204px; padding:6px 12px; margin-bottom:5px; }
div.tram-tracker-pid { margin:1px;}

.tram-tracker-panel-form {position:static;padding:0 10px;}
.tt-stop-id-label {padding:0 0 0 5px;line-height:22px;}
.tt-low-floor-checkbox {padding:10px 0 0 0;}
.tt-low-floor-label {display:inline-block;}
.tt-tracker-form-submit {width:100%;text-align:center;padding:15px 0 0 0;}
div.tram-tracker input[type="submit"] {position:static;margin:0;}
.tt-btn-back {width:100%;text-align:center;margin-top:0;display:none;}
div.tram-tracker .tt-btn-back input.action-button[type="button"] {position:static;margin:0;}
div.tram-tracker .or {color:#000000;font-size:130%;font-weight:bold;text-align:center;text-shadow:0 1px 0 #ffffff;padding:10px 0;}
.tram-tracker .stop-id div {float:left;}
div.tram-tracker input[type="text"], div.tram-tracker input[type="checkbox"], div.tram-tracker select {margin:2px 0;}

.tram-tracker-panel #tram-tracker-result {position:relative;left:170px;top:0;width:200px;height:290px;display:none;}

#tram-tracker-message {color:#dd0000;}
.tram-tracker #tram-tracker-message {width:100%;text-align:center;line-height:18px;}

div.map-mate {padding:0px; margin-top:30px;}
div.map-mate h1 {margin:2px; }
div.map-mate h2 {margin:2px; margin-top:5px; font-size:140%; text-transform:uppercase; }
div.map-mate input[type=text] { width:100px;  }
div.map-mate input[type=submit] { background:none;border:none; padding:0px; color:#77af0e; font-size:220%; font-weight:bold;text-shadow:0px 1px 0px #c4c7bd;}
div.map-mate p {margin:3px; }
div.map-mate label {margin-left:5px; font-size:120%; font-weight:bold; }
div.map-mate img {margin-top:10px; }
#map_canvas { height: 335px; width:530px; border:solid 2px #6e6e6e; }