.tram-tracker * {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.tram-tracker-panel-logo {width:100%;height:94px;text-align:center;padding:6px 0 6px 0;}
.tram-tracker-panel-btns {position:absolute;left:0;top:94px;width:180px;text-align:center;}
.tram-tracker-panel-btns div {padding:0 0 8px 0;}
.tram-tracker-panel-form {position:absolute;left:175px;top:90px;z-index:10;}
.tt-stop-id-label {padding:0 0 0 5px;line-height:22px;}
.tt-low-floor-checkbox {}
.tt-low-floor-label {display:inline-block;}
.tt-tracker-form-submit {width:100%;text-align:center;padding:10px 0 0 0;}
div.tram-tracker input[type="submit"] {position:static;margin:0;}
.tt-btn-back {margin-top:40px;display:none;}
div.tram-tracker .tt-btn-back input.action-button[type="button"] {position:static;margin: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-panel #tram-tracker-message {position:absolute;left:0;bottom:0;width:100%;text-align:center;line-height:18px;}

.tram-tracker.mrec .tram-tracker-panel-logo {width:100%;height:88px;text-align:center;padding:6px 0 6px 0;}
.tram-tracker.mrec .tram-tracker-panel-btns {position:absolute;left:0;top:88px;width:146px;text-align:center;}
.tram-tracker.mrec .tram-tracker-panel-form {position:absolute;left:146px;top:88px;z-index:10;}
.tram-tracker-panel.mrec #tram-tracker-result {position:relative;left:50px;top:0;width:200px;height:290px;display:none;}
.tram-tracker.mrec .tt-btn-back {display:none;}
.tt-btn-back-mrec {margin-top:0;width:100%;text-align:center;padding:0 0 15px 0;display:none;}
div.tram-tracker .tt-btn-back-mrec input.action-button[type="button"] {position:static;margin:0;}


div.tram-tracker-pid, div.tram-tracker-pid * {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
div.tram-tracker-pid *:focus, div.tram-tracker-pid *:active {outline:0 !important;outline-style:none;}

div.tram-tracker-pid {position:relative;left:0;top:0;width:200px;height:275px;background-image:url("/content/images/pid/pid-bg.png");background-repeat:no-repeat;text-align:left;}
div.tram-tracker-pid * {cursor:default;}
div.tram-tracker-pid div.stop-details {position:absolute;left:0px;top:39px;width:195px;padding-left:5px;overflow:hidden;}
div.tram-tracker-pid div.stop-details div.stop-name, div.tram-tracker-pid div.stop-details div.stop-location {color:#fff;font-size:160%;font-weight:bold;}
div.tram-tracker-pid div.stop-details div.stop-name {font-size:160%;white-space:nowrap;overflow:hidden;}
div.tram-tracker-pid div.stop-details div.stop-location {font-size:110%;white-space:nowrap;overflow:hidden;margin-left:1px;}
.ie8 div.tram-tracker-pid div.stop-details div.stop-location, .ie7 div.tram-tracker-pid div.stop-details div.stop-location {margin-left:1px;}
/*
div.tram-tracker-pid div.stop-details div.stop-ID, div.tram-tracker-pid div.stop-details div.stop-number {color:#000;font-size:90%;margin-top:7px;font-weight:bold;}
*/
div.tram-tracker-pid div.stop-details div.stop-ID {position:absolute;left:0px;top:38px;color:#000;font-size:90%;font-weight:bold;padding-left:5px;}
div.tram-tracker-pid div.stop-details div.stop-number {position:absolute;right:5px;top:38px;color:#000;font-size:90%;font-weight:bold;padding-right:5px;}
div.tram-tracker-pid div.arrival-labels {position:absolute;left:0px;top:93px;width:100%;padding-left:5px;padding-right:5px;font-size:110%;font-weight:bold;}
div.tram-tracker-pid div.arrival-labels div.route-to {float:left;}
div.tram-tracker-pid div.arrival-labels div.minutes {float:right;}
div.tram-tracker-pid div.arrival-info {position:absolute;left:6px;top:106px;width:188px;height:155px;border:1px solid #000;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px;}
div.tram-tracker-pid div.arrival-pages div.route-to {float:left;width:30px;height:43px;background-color:#009900;color:#fff;line-height:43px;text-align:center;font-weight:bold;/*border-top:1px solid rgba(0,0,0,0.08);*/}
div.tram-tracker-pid div.arrival-pages div.tram-details {float:left;width:113px;height:43px;/*background-color:#d5efb8;*/background-color:#ffffff;/*border-top:1px solid rgba(0,0,0,0.08);*/}
div.tram-tracker-pid div.arrival-pages div.tram-details img.icon {margin:2px;display:block;}
div.tram-tracker-pid div.arrival-pages div.tram-details div.destination-and-tram {float:left;font-size:110%;}
div.tram-tracker-pid div.arrival-pages div.tram-details div.destination-and-tram div.destination {float:left;width:100%;line-height:14px;padding:16px 0 0 2px;}
div.tram-tracker-pid div.arrival-pages div.tram-details div.destination-and-tram div.destination.multi {float:left;width:100%;line-height:11px;padding:7px 12px 2px 2px;}
div.tram-tracker-pid div.arrival-pages div.tram-details div.destination-and-tram img.tram {padding:0 0 0 2px;}
div.tram-tracker-pid div.arrival-pages div.tram-details div.icons {position:absolute;right:40px;top:0;}
div.tram-tracker-pid div.arrival-pages div.minutes {float:left;width:38px;height:43px;background-color:#333333;color:#fff;line-height:43px;text-align:center;font-weight:bold;/*border-top:1px solid rgba(0,0,0,0);*/}


div.tram-tracker-pid div.arrival-pages {position:absolute;left:7px;top:107px;width:191px;height:135px;}
div.tram-tracker-pid div.arrival-pages.special {-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;border-top-left-radius:4px;border-top-right-radius:4px;}

div.tram-tracker-pid div.tram-arrival {display:block;width:100%;border-bottom:1px solid rgba(0,0,0,0.15);margin-bottom:1px;}
div.tram-tracker-pid div.tram-arrival:after {display:table;content:" ";clear:both;}
div.tram-tracker-pid div.tram-arrival-inner {position:relative;height:43px;}
div.tram-tracker-pid div.tram-arrival-rows div.route-to {background:#009900 url("/content/images/pid/toggle-dn.png") no-repeat 10px 28px;}
div.tram-tracker-pid div.tram-arrival-rows.opened div.route-to {background:none;background-color:#009900;}
div.tram-tracker-pid div.tram-arrival-rows div.tram-arrival-multiple {display:none;width:100%;float:left;}
div.tram-tracker-pid div.tram-arrival-rows.opened div.tram-arrival-multiple {display:block;}
div.tram-tracker-pid div.tram-arrival-multiple:after {display:table;content:" ";clear:both;}
div.tram-tracker-pid div.tram-arrival-multiple div.tram-arrival {position:relative;margin:0;float:left;}
div.tram-tracker-pid div.tram-arrival-multiple div.tram-arrival {display:table;content:" ";clear:both;}
div.tram-tracker-pid div.tram-arrival-multiple div.tram-arrival.last-item div.route-to {background:#009900 url("/content/images/pid/toggle-up.png") no-repeat 10px 28px;}

div.tram-tracker-pid div.arrival-inner {display:block;width:100%;background-color:#ffffff;}

div.tram-tracker-pid div.special-message {display:block;width:100%;/*background-color:#ffffff;*/}
div.tram-tracker-pid div.special-message div.message-text {float:left;width:166px;height:43px;padding:2px 0 2px 5px}
div.tram-tracker-pid div.special-message div.special-icons {position:absolute;right:10px;top:10px;}
div.tram-tracker-pid div.special-message img.icon {margin:2px;display:block;}

div.tram-tracker-pid div.arrival-pages.special div.arrival-inner {background:none;}
div.tram-tracker-pid div.tram-arrival-special {border-bottom:none;}
div.tram-tracker-pid div.tram-arrival-special div.tram-arrival-inner {background:none;}

div.tram-tracker-pid div.tram-arrival div.tram-arrival {border-bottom:none;}
div.tram-tracker-pid div.tram-arrival div.tram-arrival div.route-to {border-top:1px solid rgba(0,0,0,0);}
div.tram-tracker-pid div.tram-arrival div.tram-arrival div.tram-details {border-top:1px solid rgba(0,0,0,0.08);}
div.tram-tracker-pid div.tram-arrival div.tram-arrival div.minutes {border-top:1px solid rgba(0,0,0,0);}


div.tram-tracker-pid div.arrival-info div.arrival-pages {width:100%;height:135px;background-color:#fff;}
div.tram-tracker-pid div.arrival-info div.arrival-page {width:100%;}
div.tram-tracker-pid div.arrival-info div.status-bar {position:absolute;left:0px;bottom:0px;width:100%;height:18px;font-size:120%;background-color:#333333;color:#fff;}
div.tram-tracker-pid div.arrival-info div.status-bar span {float:right;padding:2px;}
div.tram-tracker-pid div.arrival-info div.status-bar div.status {float:left;height:20px;width:20px;display:inline-block;}
div.tram-tracker-pid div.arrival-info div.status-bar div.on {background-image:url("/content/images/pid/on.png");}
div.tram-tracker-pid div.arrival-info div.status-bar div.off {background-image:url("/content/images/pid/off.png");}
div.tram-tracker-pid div.arrival-info div.status-bar div.err {background-image:url("/content/images/pid/err.png");}
div.tram-tracker-pid div.arrival-info-footer {position:absolute;left:0px;bottom:9px;margin-left:15px;background-image:url("/content/images/pid/pid-footer.png");width:172px;height:7px;background-repeat:no-repeat;}

div.find-stop-dialog {/*height:450px;*/}
div.find-stop-dialog h1 {color:#009933;font-size:360%;font-weight:bold;margin:15px 0 10px;}
div.find-stop-dialog h3 {color:#0099CC;font-size:150%;}
div.find-stop-dialog h3 a, div.find-stop-dialog h3 a:link {font-size:100%;color:#0099CC;text-decoration:none;}
div.find-stop-dialog a:link {color:#000000;font-size:130% ;}
div.find-stop-dialog a:hover {color:#71BF45;}
div.find-stop-dialog div.route div.title, div.find-stop-dialog div.suburb div.title{background-color:#C5D64C;padding:5px;margin:5px;text-transform:uppercase;font-effect:emboss;font-weight:bold;text-shadow:0px 1px 0px #CCDEAA;}
div.find-stop-dialog div.route div.destination, div.find-stop-dialog div.suburb div.stop {background-color:#EAF0BF;padding:5px;margin:5px;margin-left:10px;font-effect:emboss;font-weight:bold;text-shadow:0px 1px 0px #CCDEAA;}
div.find-stop-dialog div.suburb div.stop a {float:left;color:#000;}
div.find-stop-dialog div.suburb div.stop a.stop-name {width:65%;}
div.find-stop-dialog div.suburb div.stop a {width:35%;}

div.tramTimeTablePanel {}
div.tramTimeTablePanel h1 {color:#009933;font-size:360%;font-weight:bold;margin:15px 0 10px;}
div.tramTimeTablePanel h3 {color:#0099CC;font-size:150%;}
div.tramTimeTablePanel h3 a, div.find-stop-dialog h3 a:link {font-size:100%;color:#0099CC;text-decoration:none;}
div.tramTimeTablePanel a {color:#000000;font-size:130% ;}
div.tramTimeTablePanel a:hover {color:#71BF45;}
div.tramTimeTablePanel div.route div.title, div.tramTimeTablePanel div.suburb div.title{background-color:#C5D64C;padding:5px;margin:5px;text-transform:uppercase;font-effect:emboss;font-weight:bold;text-shadow:0px 1px 0px #CCDEAA;}
div.tramTimeTablePanel div.route div.destination, div.tramTimeTablePanel div.suburb div.stop {background-color:#EAF0BF;padding:5px;margin:5px;margin-left:10px;font-effect:emboss;font-weight:bold;text-shadow:0px 1px 0px #CCDEAA;}

div.tramTimeTablePanel div.stopName {float:left;color:#000000;font-family:Arial, sans-serif;font-weight:normal;font-size:11px;width:380px;height:20px;line-height:20px;}
div.tramTimeTablePanel div.stopID {float:left;color:#000000;font-family:Arial, sans-serif;font-weight:normal;font-size:11px;width:240px;height:20px;line-height:20px;}
div.tramTimeTablePanel div.stopPDF {float:left;color:#119ac7;font-family:Arial, sans-serif;font-weight:bold;font-size:11px;width:120px;height:20px;line-height:20px;}
div.tramTimeTablePanel div.stopPDF a {font-family:Arial, sans-serif;font-weight:bold;color:#119ac7;font-size:11px;text-decoration:none;background:url("/content/images/icon-pdf.gif") no-repeat left center;line-height:20px;padding-left:22px;display:block;}
div.tramTimeTablePanel div.stopPDF a:hover {color:#119ac7;text-decoration:underline;}

.routeDetails {padding:0;margin:0 0 0 5px;}
.routeDetails div.title{background-color:#C5D64C;padding:5px;margin:0px;text-transform:uppercase;font-effect:emboss;font-weight:bold;text-shadow:0px 1px 0px #CCDEAA;}
.routeDetails .content {padding:10px;margin:0;border:1px solid #C5D64C;float:left;margin-bottom:10px;}

.routeSearchRow {position:relative;width:800px;margin-bottom:20px;vertical-align:middle;line-height:25px;height:25px;}

.panelHeadingRow {width:770px;float:left;margin-bottom:10px;}
.panelButtonRow {width:770px;float:left;height:26px;line-height:26px;vertical-align:middle;}

input.routeText {font-family:Arial, sans-serif;font-weight:normal;color:#000000;border:1px solid #0098d1;font-size:11px;padding:4px;width:138px;height:12px;}
.blackHeading {font-family:Arial, sans-serif;font-weight:bold;color:#000000;font-size:13px;}

.noLink {font-family:Arial, sans-serif;font-weight:normal;color:#666666;font-size:12px;}
a.blueLink {font-family:Arial, sans-serif;font-weight:normal;color:#119ac7;font-size:12px;text-decoration:none;line-height:20px;}
a.blueLink:hover {font-family:Arial, sans-serif;font-weight:normal;color:#119ac7;font-size:12px;text-decoration:underline;line-height:20px;}
a.pdfLink {font-family:Arial, sans-serif;font-weight:normal;color:#119ac7;font-size:12px;text-decoration:none;background:url("/content/images/icon-pdf.gif") no-repeat left center;line-height:20px;padding-left:22px;display:block;}
a.pdfLink:hover {color:#119ac7;text-decoration:underline;}

.RouteSearchPanel td {background:none; padding:0;}
.RouteSearchPanel select {font-size:12px;margin:0 10px 0 0;border:1px solid #999999;padding:2px;}

.sideHeading {font-family:Arial, sans-serif;font-weight:bold;color:#73bd48;font-size:12px;}
.sideDivider {background-color:#73bd48;height:6px;width:270px;}
.sidePanelExternal td {padding:2px 0px;}
.sideHeadingBar {font-family:Arial, sans-serif;font-weight:normal;color:#ffffff;font-size:12px;background-color:#73bd48;border-bottom:2px solid #ffffff;}
.sideContentCell {font-family:Arial, sans-serif;font-weight:normal;color:#707070;font-size:12px;background-color:#e6e6e6;border-bottom:2px solid #ffffff;}
.sideContentCell a {font-family:Arial, sans-serif;font-weight:normal;color:#707070;font-size:12px;text-decoration:none;}
.sideContentCell a:hover {font-family:Arial, sans-serif;font-weight:normal;color:#707070;font-size:12px;text-decoration:underline;}



.jspContainer {overflow:hidden;position:relative;}
.jspPane {position:absolute;}
.jspVerticalBar {position:absolute;top:0;right:5px;width:5px;height:100%;background:#e8ebf1;}
.jspHorizontalBar {position:absolute;bottom:0;left:0;width:100%;height:5px;background:#e8ebf1;}
.jspVerticalBar *,
.jspHorizontalBar * {margin:0;padding:0;}
.jspCap {display:none;}
.jspHorizontalBar .jspCap {float:left;}
.jspTrack {background:#e8ebf1;position:relative;}
.jspDrag {background:#009900;position:relative;top:0;left:0;cursor:pointer;}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {float:left;height:100%;}
.jspArrow {background:#50506d;text-indent:-20000px;display:block;cursor:pointer;}
.jspArrow.jspDisabled {cursor:default;background:#80808d;}
.jspVerticalBar .jspArrow {height:16px;}
.jspHorizontalBar .jspArrow {width:16px;float:left;height:100%;}
.jspVerticalBar .jspArrow:focus {outline:none;}
.jspCorner {background:#eeeef4;float:left;height:100%;}
* html .jspCorner {margin:0 -3px 0 0;}


div.tram-tracker-pid .jspVerticalBar {z-index:10;}
div.tram-tracker-pid .jspVerticalBar {background:none;}
div.tram-tracker-pid .jspTrack {background:rgba(255, 255, 255, 0.15);}
div.tram-tracker-pid .jspDrag {background:#009900;}


div.tram-tracker-pid .jspDrag {cursor:pointer !important;}
div.tram-tracker-pid .tram-arrival-rows, div.tram-tracker-pid .tram-arrival-rows * {cursor:pointer !important;}
div.tram-tracker-pid .tram-arrival-multiple, div.tram-tracker-pid .tram-arrival-multiple * {cursor:pointer !important;}


#fancybox-content .jspVerticalBar {right:0;width:10px;}