/* utility */
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family: arial;
font-size: 15px;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
vertical-align: bottom;
font: inherit;
font-size: 100%;
line-height: 153.333%;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
padding: 0;
margin: 0;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
.clearfix:after {
display: block;
visibility: hidden;
clear: both;
height: 0;
content: " ";
font-size: 0;
}
* html .clearfix {
zoom: 1;
}
/* IE6 */
*:first-child + html .clearfix {
zoom: 1;
}
/* IE7 */
.hidden, .icon-replacement-text {
display: none;
}
.hide-text {
overflow: hidden;
text-indent: 200%;
white-space: nowrap;
*display: block;
}
.bold {
font-weight: bold;
}
@media (max-width: 400px) {
@-ms-viewport {
width: device-width;
}
}
@-o-viewport {
width: device-width;
}
@-moz-viewport {
width: device-width;
}
@-webkit-viewport {
width: device-width;
}
input[type=text]::-ms-clear {
display: none;
}
.vertical-centre:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.vertical-centre > .centre-child {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
}
.journey-planner-results .journey-results .expandable-box .controls {
background-color: #3f75a4;
background-image: -webkit-linear-gradient(top, #3f75a4 , #1a5a92);
background-image: -moz-linear-gradient(top, #3f75a4 , #1a5a92);
background-image: -ms-linear-gradient(top, #3f75a4 , #1a5a92);
background-image: -o-linear-gradient(top, #3f75a4 , #1a5a92);
background-image: linear-gradient(top, #3f75a4 , #1a5a92);
-webkit-transition: background-image 0.3s ease;
-moz-transition: background-image 0.3s ease;
-o-transition: background-image 0.3s ease;
-ms-transition: background-image 0.3s ease;
transition: background-image 0.3s ease;
}
.journey-planner-results .journey-results .expandable-box .controls:hover, .journey-planner-results .journey-results .expandable-box .controls:focus {
background-color: #315b7f;
background-image: -webkit-linear-gradient(top, #315b7f , #123f67);
background-image: -moz-linear-gradient(top, #315b7f , #123f67);
background-image: -ms-linear-gradient(top, #315b7f , #123f67);
background-image: -o-linear-gradient(top, #315b7f , #123f67);
background-image: linear-gradient(top, #315b7f , #123f67);
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next, .primary-button {
background-color: #164b79;
background-image: -webkit-linear-gradient(bottom, #164b79 0% , #164b79 2px , #1a5a92 2px , #3f75a4 100%);
background-image: -moz-linear-gradient(bottom, #164b79 0% , #164b79 2px , #1a5a92 2px , #3f75a4 100%);
background-image: -ms-linear-gradient(bottom, #164b79 0% , #164b79 2px , #1a5a92 2px , #3f75a4 100%);
background-image: -o-linear-gradient(bottom, #164b79 0% , #164b79 2px , #1a5a92 2px , #3f75a4 100%);
background-image: linear-gradient(bottom, #164b79 0% , #164b79 2px , #1a5a92 2px , #3f75a4 100%);
-webkit-transition: background-image 0.3s ease;
-moz-transition: background-image 0.3s ease;
-o-transition: background-image 0.3s ease;
-ms-transition: background-image 0.3s ease;
transition: background-image 0.3s ease;
}
.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover, .primary-button:hover, .ui-datepicker .ui-datepicker-prev:focus, .ui-datepicker .ui-datepicker-next:focus, .primary-button:focus {
background-color: #0e304e;
background-image: -webkit-linear-gradient(bottom, #0e304e 0% , #0e304e 2px , #123f67 2px , #315b7f 100%);
background-image: -moz-linear-gradient(bottom, #0e304e 0% , #0e304e 2px , #123f67 2px , #315b7f 100%);
background-image: -ms-linear-gradient(bottom, #0e304e 0% , #0e304e 2px , #123f67 2px , #315b7f 100%);
background-image: -o-linear-gradient(bottom, #0e304e 0% , #0e304e 2px , #123f67 2px , #315b7f 100%);
background-image: linear-gradient(bottom, #0e304e 0% , #0e304e 2px , #123f67 2px , #315b7f 100%);
}
.checkbox-list li, .radiobutton-list li {
background-color: #f3f3f3;
background-image: -webkit-linear-gradient(top, white , #f3f3f3);
background-image: -moz-linear-gradient(top, white , #f3f3f3);
background-image: -ms-linear-gradient(top, white , #f3f3f3);
background-image: -o-linear-gradient(top, white , #f3f3f3);
background-image: linear-gradient(top, white , #f3f3f3);
-webkit-transition: background-image 0.3s ease;
-moz-transition: background-image 0.3s ease;
-o-transition: background-image 0.3s ease;
-ms-transition: background-image 0.3s ease;
transition: background-image 0.3s ease;
}
.checkbox-list li:hover, .radiobutton-list li:hover, .checkbox-list li:focus, .radiobutton-list li:focus {
background-color: #e6e6e6;
background-image: -webkit-linear-gradient(top, #e6e6e6 , #d9d9d9 , #d9d9d9);
background-image: -moz-linear-gradient(top, #e6e6e6 , #d9d9d9 , #d9d9d9);
background-image: -ms-linear-gradient(top, #e6e6e6 , #d9d9d9 , #d9d9d9);
background-image: -o-linear-gradient(top, #e6e6e6 , #d9d9d9 , #d9d9d9);
background-image: linear-gradient(top, #e6e6e6 , #d9d9d9 , #d9d9d9);
}
.ui-datepicker .disabled.ui-datepicker-prev, .ui-datepicker .disabled.ui-datepicker-next, .secondary-button, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a {
background-color: #f3f3f3;
background-image: -webkit-linear-gradient(bottom, gainsboro 0% , gainsboro 2px , #f3f3f3 2px , white 100%);
background-image: -moz-linear-gradient(bottom, gainsboro 0% , gainsboro 2px , #f3f3f3 2px , white 100%);
background-image: -ms-linear-gradient(bottom, gainsboro 0% , gainsboro 2px , #f3f3f3 2px , white 100%);
background-image: -o-linear-gradient(bottom, gainsboro 0% , gainsboro 2px , #f3f3f3 2px , white 100%);
background-image: linear-gradient(bottom, gainsboro 0% , gainsboro 2px , #f3f3f3 2px , white 100%);
-webkit-transition: background-image 0.3s ease;
-moz-transition: background-image 0.3s ease;
-o-transition: background-image 0.3s ease;
-ms-transition: background-image 0.3s ease;
transition: background-image 0.3s ease;
}
.ui-datepicker .disabled.ui-datepicker-prev:hover, .ui-datepicker .disabled.ui-datepicker-next:hover, .secondary-button:hover, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a:hover, .ui-datepicker .disabled.ui-datepicker-prev:focus, .ui-datepicker .disabled.ui-datepicker-next:focus, .secondary-button:focus, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a:focus {
background-color: #d9d9d9;
background-image: -webkit-linear-gradient(bottom, #c3c3c3 0% , #c3c3c3 2px , #d9d9d9 2px , #e6e6e6 100%);
background-image: -moz-linear-gradient(bottom, #c3c3c3 0% , #c3c3c3 2px , #d9d9d9 2px , #e6e6e6 100%);
background-image: -ms-linear-gradient(bottom, #c3c3c3 0% , #c3c3c3 2px , #d9d9d9 2px , #e6e6e6 100%);
background-image: -o-linear-gradient(bottom, #c3c3c3 0% , #c3c3c3 2px , #d9d9d9 2px , #e6e6e6 100%);
background-image: linear-gradient(bottom, #c3c3c3 0% , #c3c3c3 2px , #d9d9d9 2px , #e6e6e6 100%);
}
input[type="text"], input[type='number'], input[type='date'], .checkbox-list label:after, .radiobutton-list label:after, .styled-checkbox label:before, .shaded-text-area, .journey-planner-results #From, .journey-planner-results #To, .journey-planner-results #Via {
-webkit-box-shadow: inset 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
box-shadow: inset 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
font-size: 16px;
height: 40px;
border: 1px solid #cccccc;
}
.flat-button, .back-to-link, .video-gallery-wrapper .video-thumbs .video-thumb .video-caption, .video-gallery-title, .bus-option, .map-options-panel .map-options-panel-heading, .rainbow-list .service-name, .journey-detail-step .start-location, .journey-detail-step .end-location, .no-disruptions-panel .no-disruptions-panel-message {
font-family: "New Johnson";
font-size: 16px;
}
h1, h2, h3, .header-two, .header-three, .live-board .live-board-subheading, .map-panel .nearby-list-heading, .map-panel .map-panel-heading, #recent-journeys h3, .route-name {
font-family: "New Johnson Bold";
font-size: 18px;
}
.section-style, h1.signing, .section-landing-container h1, .headline, .hero-headline, .headline-container.content-page h1 {
font-family: "NJ Signing";
text-transform: uppercase;
letter-spacing: -0.045em;
}
.module-grid > div .teaser, .grey-box, .flat-button, .basic-journey-options, #more-journey-options, #recent-journeys, .journey-detail-step .time-and-mode, .replan-from-current-location {
-webkit-background-clip: padding;
-moz-background-clip: padding;
background-clip: padding-box;
}
.module-grid > div .teaser, .grey-box, .flat-button, .basic-journey-options, #more-journey-options, #recent-journeys, .journey-detail-step .time-and-mode, .replan-from-current-location {
border-bottom: 3px solid #cccccc;
border-bottom: 3px solid rgba(0, 0, 0, 0.2);
}
.cookie-policy-button {
float: left;
margin: 0 0 0 2.54%;
width: 5.577%;
}
#cookie-policy-text {
float: left;
margin: 0 0 0 2.54%;
width: 86.747%;
}
.main, .aside, .equal-weight > div {
float: left;
margin: 0 0 0 2.54%;
width: 94.864%;
}
.visually-hidden, .cycling #more-journey-options .update-buttons, .walking #more-journey-options .update-buttons, ul.journey-steps li.footpath-icon, table.journey-steps thead {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.primary-button, .secondary-button, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a {
cursor: pointer;
display: block;
height: 40px;
color: #fff;
border-radius: 5px;
width: 100%;
font-size: 16px;
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.journey-planner-results .journey-results .expandable-box .controls:hover, .journey-planner-results .journey-results .expandable-box .controls:focus, .ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover, .primary-button:hover, .ui-datepicker .ui-datepicker-prev:focus, .ui-datepicker .ui-datepicker-next:focus, .primary-button:focus, .checkbox-list li:hover, .radiobutton-list li:hover, .checkbox-list li:focus, .radiobutton-list li:focus, .secondary-button:hover, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a:hover, .secondary-button:focus, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a:focus, .page_link:hover, .page_link:focus, .next_link:hover, .next_link:focus, .previous_link:hover, .previous_link:focus, .first_link:hover, .first_link:focus, .last_link:hover, .last_link:focus, .plain-button:hover, .plain-button:focus, .flat-button:hover, .flat-button:focus, a.link-button:hover, a.link-button:focus, a.link-button.disrupted:hover, a.link-button.disrupted:focus, .plain-link:hover, .plain-link:focus, .disruption-message .link-message:hover, .disruption-message .link-message:focus, .stop-list a.stop-link:focus:not(.no-arrow), .timetable-route a.stop-link:focus:not(.no-arrow), .stop-list a.stop-link:hover:not(.no-arrow), .timetable-route a.stop-link:hover:not(.no-arrow), .nearby-list a:hover, .nearby-list a:focus, .bus-option .bus-option-route-name:hover, .bus-option .bus-option-route-name:focus, .document-download-wrap:hover, .document-download-wrap:focus, .responsive-button-row.collapsed.opened .rbr-group-button > a, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .disruption-summary, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .disruption-summary, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .disruption-summary, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .disruption-summary, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .disruption-summary, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .disruption-summary, .rainbow-list-wrapper .good-service-link:hover, .rainbow-list-wrapper .good-service-link:focus, .station-details .lines-status .no-disruption:hover td.city-cruises, .station-details .lines-status .no-disruption:focus td.city-cruises, .station-details .lines-status .no-disruption:hover td.westminster-greenwich, .station-details .lines-status .no-disruption:focus td.westminster-greenwich, .station-details .lines-status .no-disruption:hover td.westminster-st-katherines-circular, .station-details .lines-status .no-disruption:focus td.westminster-st-katherines-circular, .station-details .lines-status .no-disruption:hover td.westminster-passenger-services-association, .station-details .lines-status .no-disruption:hover td.wetsminster-passenger-services-association, .station-details .lines-status .no-disruption:focus td.westminster-passenger-services-association, .station-details .lines-status .no-disruption:focus td.wetsminster-passenger-services-association, .station-details .lines-status .no-disruption:hover td.woolwich-free-ferry, .station-details .lines-status .no-disruption:focus td.woolwich-free-ferry {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
}
th, td {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
-o-box-sizing: content-box;
box-sizing: content-box;
}
.module-grid > div .teaser:after, p .ext-span, .remove-content-container .remove-content, .plain-button.external-link:after, .teaser-external-link a .text-link:after, .text-external-link:after, .info-message.with-link:after, .field-validation-error:before, .field-validation-information:before, .field-validation-suggestion:before, .horizontal-toggle-buttons .selected label:after, .pagination-controls .previous_link, .pagination-controls .next_link, .image-box.light-box .caption:after, .plain-button:after, .plain-button-external-link:after, .back-to-link:before, a.link-button:after, a.link-button.disrupted:before, a.large-link-button:after, a.large-link-button[class*="river-"] p:after, .icon.bicycle-icon, .icon.bicycle-easy-icon .icon.cycle-icon, .icon.cycle-easy-icon, .search-icon, .search-icon-black, .switch-directions-icon, .expand-map-icon, .facebook-icon, .twitter-icon, .bicycle-icon, .cycle-icon, .bicycle-easy-icon, .cycle-easy-icon, .bus-icon, .replacement-bus-icon, .train-icon, .national-rail-icon, .ferry-icon, .river-bus-icon, .river-icon, .river-tour-icon, .contactless-icon, .oyster-icon, .oyster-validation-icon, .oyster-ticket-stop-icon, .car-club-icon, .dlr-icon, .docklands-icon, .docklands-light-railway-icon, .tram-icon, .cablecar-icon, .cable-car-icon, .left-arrow, .white-up-arrow, .right-arrow, .rainbow-list .rainbow-list-item.link-only .controls, .rainbow-list-wrapper .good-service-link:after, .down-arrow, .white-down-arrow, .down-triangle, .plus-icon-blue, .rainbow-list .controls, .down-icon-blue, .minus-icon-blue, .rainbow-list .rainbow-list-item.expanded .controls, .plus-icon-greenblue, .disruption-icon, .up-stairs, .toilets-icon, .toilets-disabled-icon, .down-stairs, .pram-icon, .down-lift, .icon-list .lifts-icon, .up-escalator, .walking-access-icon, .wheelchair-icon, .down-escalator, .icon-list .escalators-icon, .luggage-icon, .headphones-icon, .avoid-zone-1-icon, .disrupted .mode-icon:before, .tube-icon, .overground-icon, .streets-icon, .coach-icon, .poi-icon, .pointofinterest-icon, .street-icon, .plane-icon, .mail-icon, .favourite-icon, .email-icon, .phone-icon, .icon-list .payphones-icon, .small-disrupted-icon, .twenty-four-hour-icon, .tube-station-icon, .national-rail-station-icon, .overground-station-icon, .dlr-station-icon, .docklands-station-icon, .docklands-light-railway-station-icon, .tram-station-icon, .coach-station-icon, .river-bus-station-icon, .bus-station-icon, .cable-car-station-icon, .taxi-rank-icon, .minicab-office-icon, .bus-stop-icon, .blank-bus-stop-icon, .bch-docking-station-icon, .nearby-icon, .ticket-halls-icon, .gates-icon, .photo-booths-icon, .cash-machines-icon, .car-park-icon, .help-points-icon, .bridge-icon, .waiting-room-icon, .wifi-icon, .icon-info-interchange, .icon-info-full, .icon-info-none, .icon-info-partial, .white-pram-icon, .white-wheelchair-icon, .info-icon, .secondary-plan-journey-icon, .secondary-journey-from-icon, .secondary-journey-to-icon, .select-icon, .nearby-icon-white, .menu-icon-alt, .menu-icon-blue, .menu-icon-white, .tick-icon-alt, .map-options-panel .map-panel-radio-with-image.ticked:before, .bicycle-moderate-icon, .cycle-moderate-icon, .bicycle-hard-icon, .cycle-hard-icon, .print-icon, .selected .icon.bicycle-icon, .selected .icon.bicycle-easy-icon, .selected .icon.cycle-icon, .selected .icon.cycle-easy-icon, .selected.icon.bicycle-icon, .selected.icon.bicycle-easy-icon, .selected.icon.cycle-icon, .selected.icon.cycle-easy-icon, .link-accordion-icon:after, .no-letter:after, .disrupted .circle-icon:before, .cookie-policy-notice .link2:after, .stop-list a.stop-link:after, .timetable-route a.stop-link:after, .live-board .live-board-link .down-icon-blue:after, .bus-option.warning .i, .bus-option.non-stop .i, .map-panel .map-panel-heading:after, .map-panel .map-panel-content .cost:before, .map-panel .contact:before, .toggle-jq-ui-calendar:after, .ui-datepicker-prev:after, .ui-datepicker-next:after, .journey-planner-results strong.disambiguating:after, .time-options .change-departure-time:after, .journey-detail-step .text-instructions-list .stop-link:after, .journey-detail-step .json-all-stops:after, .journey-detail-step .view-on-a-map:after, .journey-detail-step .text-instructions-link:after, .journey-detail-step .view-on-a-map.show-all:after, .lines .step-free-to-platform, .lines .step-free-to-train, .disruption-messages .line-status .message-toggle:before, .disruption-messages .line-disruption .message-toggle:before, .disruption-messages .message-toggle:after, .accessibility-details .show-hide-links .hide-link:after, .accessibility-details .show-hide-links .show-link:after, .journey-planner-results .journey-results .expandable-box .controls:before, .close-map-panel, .road-disruption .severity:after, .arrow-forward:after, .checkbox-list li.ticked label:after, .radiobutton-list li.ticked label:after, .styled-checkbox.ticked label:before, .print-button:before, .icon-left.cycle:before, .icon-left.walking:before, .icon.walking-icon, .footpaths-icon, .footpath-icon, .walking-icon, .level-walkway, .selected .icon.walking-icon, .selected.icon.walking-icon, .close-icon, .close-icon-white, .close3-icon, .share-icon, .primary-dropdown-ico:after, .document-download-wrap .download-doc, .document-download-wrap .download-image, .document-download-wrap .download-spread, .document-download-wrap .download-zip, .document-download-wrap .download-audio, .toggle-options:after, .switch-button, ul.journey-steps li span.disruption, .half-width-buttons .earlier:before, .half-width-buttons .later:after, .replan-from-current-location:before {
background-image: url("/static/1/images/vsprite_x2.png");
background-image: url("/static/1/images/vsprite.png") \9;
}
.body-cms-preview .module-grid > div .teaser:after, .module-grid > div .body-cms-preview .teaser:after, .body-cms-preview p .ext-span, p .body-cms-preview .ext-span, .body-cms-preview .remove-content-container .remove-content, .remove-content-container .body-cms-preview .remove-content, .body-cms-preview .plain-button.external-link:after, .body-cms-preview .teaser-external-link a .text-link:after, .teaser-external-link a .body-cms-preview .text-link:after, .body-cms-preview .text-external-link:after, .body-cms-preview .info-message.with-link:after, .body-cms-preview .field-validation-error:before, .body-cms-preview .field-validation-information:before, .body-cms-preview .field-validation-suggestion:before, .body-cms-preview .horizontal-toggle-buttons .selected label:after, .horizontal-toggle-buttons .selected .body-cms-preview label:after, .body-cms-preview .pagination-controls .previous_link, .pagination-controls .body-cms-preview .previous_link, .body-cms-preview .pagination-controls .next_link, .pagination-controls .body-cms-preview .next_link, .body-cms-preview .image-box.light-box .caption:after, .image-box.light-box .body-cms-preview .caption:after, .body-cms-preview .plain-button:after, .body-cms-preview .plain-button-external-link:after, .body-cms-preview .back-to-link:before, .body-cms-preview a.link-button:after, .body-cms-preview a.link-button.disrupted:before, .body-cms-preview a.large-link-button:after, .body-cms-preview a.large-link-button[class*="river-"] p:after, a.large-link-button[class*="river-"] .body-cms-preview p:after, .body-cms-preview .icon.bicycle-icon, .body-cms-preview .icon.bicycle-easy-icon .icon.cycle-icon, .icon.bicycle-easy-icon .body-cms-preview .icon.cycle-icon, .body-cms-preview .icon.cycle-easy-icon, .body-cms-preview .search-icon, .body-cms-preview .search-icon-black, .body-cms-preview .switch-directions-icon, .body-cms-preview .expand-map-icon, .body-cms-preview .facebook-icon, .body-cms-preview .twitter-icon, .body-cms-preview .bicycle-icon, .body-cms-preview .cycle-icon, .body-cms-preview .bicycle-easy-icon, .body-cms-preview .cycle-easy-icon, .body-cms-preview .bus-icon, .body-cms-preview .replacement-bus-icon, .body-cms-preview .train-icon, .body-cms-preview .national-rail-icon, .body-cms-preview .ferry-icon, .body-cms-preview .river-bus-icon, .body-cms-preview .river-icon, .body-cms-preview .river-tour-icon, .body-cms-preview .contactless-icon, .body-cms-preview .oyster-icon, .body-cms-preview .oyster-validation-icon, .body-cms-preview .oyster-ticket-stop-icon, .body-cms-preview .car-club-icon, .body-cms-preview .dlr-icon, .body-cms-preview .docklands-icon, .body-cms-preview .docklands-light-railway-icon, .body-cms-preview .tram-icon, .body-cms-preview .cablecar-icon, .body-cms-preview .cable-car-icon, .body-cms-preview .left-arrow, .body-cms-preview .white-up-arrow, .body-cms-preview .right-arrow, .body-cms-preview .rainbow-list .rainbow-list-item.link-only .controls, .rainbow-list .rainbow-list-item.link-only .body-cms-preview .controls, .body-cms-preview .rainbow-list-wrapper .good-service-link:after, .rainbow-list-wrapper .body-cms-preview .good-service-link:after, .body-cms-preview .down-arrow, .body-cms-preview .white-down-arrow, .body-cms-preview .down-triangle, .body-cms-preview .plus-icon-blue, .body-cms-preview .rainbow-list .controls, .rainbow-list .body-cms-preview .controls, .body-cms-preview .down-icon-blue, .body-cms-preview .minus-icon-blue, .body-cms-preview .rainbow-list .rainbow-list-item.expanded .controls, .rainbow-list .rainbow-list-item.expanded .body-cms-preview .controls, .body-cms-preview .plus-icon-greenblue, .body-cms-preview .disruption-icon, .body-cms-preview .up-stairs, .body-cms-preview .toilets-icon, .body-cms-preview .toilets-disabled-icon, .body-cms-preview .down-stairs, .body-cms-preview .pram-icon, .body-cms-preview .down-lift, .body-cms-preview .icon-list .lifts-icon, .icon-list .body-cms-preview .lifts-icon, .body-cms-preview .up-escalator, .body-cms-preview .walking-access-icon, .body-cms-preview .wheelchair-icon, .body-cms-preview .down-escalator, .body-cms-preview .icon-list .escalators-icon, .icon-list .body-cms-preview .escalators-icon, .body-cms-preview .luggage-icon, .body-cms-preview .headphones-icon, .body-cms-preview .avoid-zone-1-icon, .body-cms-preview .disrupted .mode-icon:before, .disrupted .body-cms-preview .mode-icon:before, .body-cms-preview .tube-icon, .body-cms-preview .overground-icon, .body-cms-preview .streets-icon, .body-cms-preview .coach-icon, .body-cms-preview .poi-icon, .body-cms-preview .pointofinterest-icon, .body-cms-preview .street-icon, .body-cms-preview .plane-icon, .body-cms-preview .mail-icon, .body-cms-preview .favourite-icon, .body-cms-preview .email-icon, .body-cms-preview .phone-icon, .body-cms-preview .icon-list .payphones-icon, .icon-list .body-cms-preview .payphones-icon, .body-cms-preview .small-disrupted-icon, .body-cms-preview .twenty-four-hour-icon, .body-cms-preview .tube-station-icon, .body-cms-preview .national-rail-station-icon, .body-cms-preview .overground-station-icon, .body-cms-preview .dlr-station-icon, .body-cms-preview .docklands-station-icon, .body-cms-preview .docklands-light-railway-station-icon, .body-cms-preview .tram-station-icon, .body-cms-preview .coach-station-icon, .body-cms-preview .river-bus-station-icon, .body-cms-preview .bus-station-icon, .body-cms-preview .cable-car-station-icon, .body-cms-preview .taxi-rank-icon, .body-cms-preview .minicab-office-icon, .body-cms-preview .bus-stop-icon, .body-cms-preview .blank-bus-stop-icon, .body-cms-preview .bch-docking-station-icon, .body-cms-preview .nearby-icon, .body-cms-preview .ticket-halls-icon, .body-cms-preview .gates-icon, .body-cms-preview .photo-booths-icon, .body-cms-preview .cash-machines-icon, .body-cms-preview .car-park-icon, .body-cms-preview .help-points-icon, .body-cms-preview .bridge-icon, .body-cms-preview .waiting-room-icon, .body-cms-preview .wifi-icon, .body-cms-preview .icon-info-interchange, .body-cms-preview .icon-info-full, .body-cms-preview .icon-info-none, .body-cms-preview .icon-info-partial, .body-cms-preview .white-pram-icon, .body-cms-preview .white-wheelchair-icon, .body-cms-preview .info-icon, .body-cms-preview .secondary-plan-journey-icon, .body-cms-preview .secondary-journey-from-icon, .body-cms-preview .secondary-journey-to-icon, .body-cms-preview .select-icon, .body-cms-preview .nearby-icon-white, .body-cms-preview .menu-icon-alt, .body-cms-preview .menu-icon-blue, .body-cms-preview .menu-icon-white, .body-cms-preview .tick-icon-alt, .body-cms-preview .map-options-panel .map-panel-radio-with-image.ticked:before, .map-options-panel .body-cms-preview .map-panel-radio-with-image.ticked:before, .body-cms-preview .bicycle-moderate-icon, .body-cms-preview .cycle-moderate-icon, .body-cms-preview .bicycle-hard-icon, .body-cms-preview .cycle-hard-icon, .body-cms-preview .print-icon, .body-cms-preview .selected .icon.bicycle-icon, .selected .body-cms-preview .icon.bicycle-icon, .body-cms-preview .selected .icon.bicycle-easy-icon, .selected .body-cms-preview .icon.bicycle-easy-icon, .body-cms-preview .selected .icon.cycle-icon, .selected .body-cms-preview .icon.cycle-icon, .body-cms-preview .selected .icon.cycle-easy-icon, .selected .body-cms-preview .icon.cycle-easy-icon, .body-cms-preview .selected.icon.bicycle-icon, .body-cms-preview .selected.icon.bicycle-easy-icon, .body-cms-preview .selected.icon.cycle-icon, .body-cms-preview .selected.icon.cycle-easy-icon, .body-cms-preview .link-accordion-icon:after, .body-cms-preview .no-letter:after, .body-cms-preview .disrupted .circle-icon:before, .disrupted .body-cms-preview .circle-icon:before, .body-cms-preview .cookie-policy-notice .link2:after, .cookie-policy-notice .body-cms-preview .link2:after, .body-cms-preview .stop-list a.stop-link:after, .stop-list .body-cms-preview a.stop-link:after, .body-cms-preview .timetable-route a.stop-link:after, .timetable-route .body-cms-preview a.stop-link:after, .body-cms-preview .live-board .live-board-link .down-icon-blue:after, .live-board .live-board-link .body-cms-preview .down-icon-blue:after, .body-cms-preview .bus-option.warning .i, .bus-option.warning .body-cms-preview .i, .body-cms-preview .bus-option.non-stop .i, .bus-option.non-stop .body-cms-preview .i, .body-cms-preview .map-panel .map-panel-heading:after, .map-panel .body-cms-preview .map-panel-heading:after, .body-cms-preview .map-panel .map-panel-content .cost:before, .map-panel .map-panel-content .body-cms-preview .cost:before, .body-cms-preview .map-panel .contact:before, .map-panel .body-cms-preview .contact:before, .body-cms-preview .toggle-jq-ui-calendar:after, .body-cms-preview .ui-datepicker-prev:after, .body-cms-preview .ui-datepicker-next:after, .body-cms-preview .journey-planner-results strong.disambiguating:after, .journey-planner-results .body-cms-preview strong.disambiguating:after, .body-cms-preview .time-options .change-departure-time:after, .time-options .body-cms-preview .change-departure-time:after, .body-cms-preview .journey-detail-step .text-instructions-list .stop-link:after, .journey-detail-step .text-instructions-list .body-cms-preview .stop-link:after, .body-cms-preview .journey-detail-step .json-all-stops:after, .journey-detail-step .body-cms-preview .json-all-stops:after, .body-cms-preview .journey-detail-step .view-on-a-map:after, .journey-detail-step .body-cms-preview .view-on-a-map:after, .body-cms-preview .journey-detail-step .text-instructions-link:after, .journey-detail-step .body-cms-preview .text-instructions-link:after, .body-cms-preview .journey-detail-step .view-on-a-map.show-all:after, .journey-detail-step .body-cms-preview .view-on-a-map.show-all:after, .body-cms-preview .lines .step-free-to-platform, .lines .body-cms-preview .step-free-to-platform, .body-cms-preview .lines .step-free-to-train, .lines .body-cms-preview .step-free-to-train, .body-cms-preview .disruption-messages .line-status .message-toggle:before, .disruption-messages .line-status .body-cms-preview .message-toggle:before, .body-cms-preview .disruption-messages .line-disruption .message-toggle:before, .disruption-messages .line-disruption .body-cms-preview .message-toggle:before, .body-cms-preview .disruption-messages .message-toggle:after, .disruption-messages .body-cms-preview .message-toggle:after, .body-cms-preview .accessibility-details .show-hide-links .hide-link:after, .accessibility-details .show-hide-links .body-cms-preview .hide-link:after, .body-cms-preview .accessibility-details .show-hide-links .show-link:after, .accessibility-details .show-hide-links .body-cms-preview .show-link:after, .body-cms-preview .journey-planner-results .journey-results .expandable-box .controls:before, .journey-planner-results .journey-results .expandable-box .body-cms-preview .controls:before, .body-cms-preview .close-map-panel, .body-cms-preview .road-disruption .severity:after, .road-disruption .body-cms-preview .severity:after, .body-cms-preview .arrow-forward:after, .body-cms-preview .checkbox-list li.ticked label:after, .checkbox-list li.ticked .body-cms-preview label:after, .body-cms-preview .radiobutton-list li.ticked label:after, .radiobutton-list li.ticked .body-cms-preview label:after, .body-cms-preview .styled-checkbox.ticked label:before, .styled-checkbox.ticked .body-cms-preview label:before, .body-cms-preview .print-button:before, .body-cms-preview .icon-left.cycle:before, .body-cms-preview .icon-left.walking:before, .body-cms-preview .icon.walking-icon, .body-cms-preview .footpaths-icon, .body-cms-preview .footpath-icon, .body-cms-preview .walking-icon, .body-cms-preview .level-walkway, .body-cms-preview .selected .icon.walking-icon, .selected .body-cms-preview .icon.walking-icon, .body-cms-preview .selected.icon.walking-icon, .body-cms-preview .close-icon, .body-cms-preview .close-icon-white, .body-cms-preview .close3-icon, .body-cms-preview .share-icon, .body-cms-preview .primary-dropdown-ico:after, .body-cms-preview .document-download-wrap .download-doc, .document-download-wrap .body-cms-preview .download-doc, .body-cms-preview .document-download-wrap .download-image, .document-download-wrap .body-cms-preview .download-image, .body-cms-preview .document-download-wrap .download-spread, .document-download-wrap .body-cms-preview .download-spread, .body-cms-preview .document-download-wrap .download-zip, .document-download-wrap .body-cms-preview .download-zip, .body-cms-preview .document-download-wrap .download-audio, .document-download-wrap .body-cms-preview .download-audio, .body-cms-preview .toggle-options:after, .body-cms-preview .switch-button, .body-cms-preview ul.journey-steps li span.disruption, ul.journey-steps li .body-cms-preview span.disruption, .body-cms-preview .half-width-buttons .earlier:before, .half-width-buttons .body-cms-preview .earlier:before, .body-cms-preview .half-width-buttons .later:after, .half-width-buttons .body-cms-preview .later:after, .body-cms-preview .replan-from-current-location:before {
background-image: url("/static/1/images/vsprite.png");
}
.module-grid > div .teaser:after, p .ext-span, .remove-content-container .remove-content, .plain-button.external-link:after, .teaser-external-link a .text-link:after, .text-external-link:after, .info-message.with-link:after, .field-validation-error:before, .field-validation-information:before, .field-validation-suggestion:before, .horizontal-toggle-buttons .selected label:after, .pagination-controls .previous_link, .pagination-controls .next_link, .image-box.light-box .caption:after, .plain-button:after, .plain-button-external-link:after, .back-to-link:before, a.link-button:after, a.link-button.disrupted:before, a.large-link-button:after, a.large-link-button[class*="river-"] p:after, .icon.bicycle-icon, .icon.bicycle-easy-icon .icon.cycle-icon, .icon.cycle-easy-icon, .search-icon, .search-icon-black, .switch-directions-icon, .expand-map-icon, .facebook-icon, .twitter-icon, .bicycle-icon, .cycle-icon, .bicycle-easy-icon, .cycle-easy-icon, .bus-icon, .replacement-bus-icon, .train-icon, .national-rail-icon, .ferry-icon, .river-bus-icon, .river-icon, .river-tour-icon, .contactless-icon, .oyster-icon, .oyster-validation-icon, .oyster-ticket-stop-icon, .car-club-icon, .dlr-icon, .docklands-icon, .docklands-light-railway-icon, .tram-icon, .cablecar-icon, .cable-car-icon, .left-arrow, .white-up-arrow, .right-arrow, .rainbow-list .rainbow-list-item.link-only .controls, .rainbow-list-wrapper .good-service-link:after, .down-arrow, .white-down-arrow, .down-triangle, .plus-icon-blue, .rainbow-list .controls, .down-icon-blue, .minus-icon-blue, .rainbow-list .rainbow-list-item.expanded .controls, .plus-icon-greenblue, .disruption-icon, .up-stairs, .toilets-icon, .toilets-disabled-icon, .down-stairs, .pram-icon, .down-lift, .icon-list .lifts-icon, .up-escalator, .walking-access-icon, .wheelchair-icon, .down-escalator, .icon-list .escalators-icon, .luggage-icon, .headphones-icon, .avoid-zone-1-icon, .disrupted .mode-icon:before, .tube-icon, .overground-icon, .streets-icon, .coach-icon, .poi-icon, .pointofinterest-icon, .street-icon, .plane-icon, .mail-icon, .favourite-icon, .email-icon, .phone-icon, .icon-list .payphones-icon, .small-disrupted-icon, .twenty-four-hour-icon, .tube-station-icon, .national-rail-station-icon, .overground-station-icon, .dlr-station-icon, .docklands-station-icon, .docklands-light-railway-station-icon, .tram-station-icon, .coach-station-icon, .river-bus-station-icon, .bus-station-icon, .cable-car-station-icon, .taxi-rank-icon, .minicab-office-icon, .bus-stop-icon, .blank-bus-stop-icon, .bch-docking-station-icon, .nearby-icon, .ticket-halls-icon, .gates-icon, .photo-booths-icon, .cash-machines-icon, .car-park-icon, .help-points-icon, .bridge-icon, .waiting-room-icon, .wifi-icon, .icon-info-interchange, .icon-info-full, .icon-info-none, .icon-info-partial, .white-pram-icon, .white-wheelchair-icon, .info-icon, .secondary-plan-journey-icon, .secondary-journey-from-icon, .secondary-journey-to-icon, .select-icon, .nearby-icon-white, .menu-icon-alt, .menu-icon-blue, .menu-icon-white, .tick-icon-alt, .map-options-panel .map-panel-radio-with-image.ticked:before, .bicycle-moderate-icon, .cycle-moderate-icon, .bicycle-hard-icon, .cycle-hard-icon, .print-icon, .selected .icon.bicycle-icon, .selected .icon.bicycle-easy-icon, .selected .icon.cycle-icon, .selected .icon.cycle-easy-icon, .selected.icon.bicycle-icon, .selected.icon.bicycle-easy-icon, .selected.icon.cycle-icon, .selected.icon.cycle-easy-icon, .link-accordion-icon:after, .no-letter:after, .disrupted .circle-icon:before, .cookie-policy-notice .link2:after, .stop-list a.stop-link:after, .timetable-route a.stop-link:after, .live-board .live-board-link .down-icon-blue:after, .bus-option.warning .i, .bus-option.non-stop .i, .map-panel .map-panel-heading:after, .map-panel .map-panel-content .cost:before, .map-panel .contact:before, .toggle-jq-ui-calendar:after, .ui-datepicker-prev:after, .ui-datepicker-next:after, .journey-planner-results strong.disambiguating:after, .time-options .change-departure-time:after, .journey-detail-step .text-instructions-list .stop-link:after, .journey-detail-step .json-all-stops:after, .journey-detail-step .view-on-a-map:after, .journey-detail-step .text-instructions-link:after, .journey-detail-step .view-on-a-map.show-all:after, .lines .step-free-to-platform, .lines .step-free-to-train, .disruption-messages .line-status .message-toggle:before, .disruption-messages .line-disruption .message-toggle:before, .disruption-messages .message-toggle:after, .accessibility-details .show-hide-links .hide-link:after, .accessibility-details .show-hide-links .show-link:after, .journey-planner-results .journey-results .expandable-box .controls:before, .close-map-panel, .road-disruption .severity:after {
background-size: 96px 2624px;
height: 32px;
width: 32px;
}
#search-filter input {
float: left;
}
.section-style {
text-transform: uppercase;
background: #2d3039;
color: #fff;
font-size: 24px;
padding: 6px 15px;
display: inline-block;
}
.live-board .live-board-feed {
background-image: url(data:image/gif;base64,R0lGODlhAwADAIAAAP////Dw8CH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjEgNjQuMTQwOTQ5LCAyMDEwLzEyLzA3LTEwOjU3OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgTWFjaW50b3NoIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU0MDczODZGMTkzNDExRTNCQzhBRjEwNjJGREIxMTQ1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU0MDczODcwMTkzNDExRTNCQzhBRjEwNjJGREIxMTQ1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTQwNzM4NkQxOTM0MTFFM0JDOEFGMTA2MkZEQjExNDUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTQwNzM4NkUxOTM0MTFFM0JDOEFGMTA2MkZEQjExNDUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQAAAAAACwAAAAAAwADAAACAwyOVwA7);
}
.image-box.street-view, .favourite.active {
position: relative;
}
.image-box.street-view::after, .favourite.active::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
opacity: 0.1;
background-color: #000;
z-index: 10;
}
.responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button {
position: relative;
}
.responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3px;
opacity: 0.1;
background-color: #000;
z-index: 10;
}
.loading-throbber:before, .throbber, .map-panel.loading:after, .loading-disruptions, .map-sliver.loading[data-map-purpose='nearby']:after {
height: 70px;
width: 70px;
background-image: url("/static/1/images/throbber.gif");
}
.loading-throbber {
overflow: hidden;
position: relative;
}
.loading-throbber:before {
content: "";
opacity: 0;
position: absolute;
background-color: #2d3039;
z-index: 10;
left: 0;
top: 0;
width: 100%;
height: 0;
margin: 0;
background-position: center center;
background-repeat: no-repeat;
-webkit-transition: opacity 0.3s ease-out height 0s linear 0.3s ease;
-moz-transition: opacity 0.3s ease-out height 0s linear 0.3s ease;
-o-transition: opacity 0.3s ease-out height 0s linear 0.3s ease;
-ms-transition: opacity 0.3s ease-out height 0s linear 0.3s ease;
transition: opacity 0.3s ease-out height 0s linear 0.3s ease;
}
.loading.loading-throbber {
height: 200px;
}
.loading.loading-throbber:before {
height: 100%;
opacity: 1;
-webkit-transition: opacity 0.3s ease-in 1s ease;
-moz-transition: opacity 0.3s ease-in 1s ease;
-o-transition: opacity 0.3s ease-in 1s ease;
-ms-transition: opacity 0.3s ease-in 1s ease;
transition: opacity 0.3s ease-in 1s ease;
}
.map-button, .fullscreen-stage-button {
position: absolute;
width: 40px;
height: 43px;
border: 1px solid #cccccc;
border-bottom-width: 3px;
border-bottom-color: rgba(0, 0, 0, 0.2);
background-clip: padding-box;
background-color: #fff;
}
.map-button .icon, .fullscreen-stage-button .icon {
display: block;
position: absolute;
top: 4px;
left: 4px;
}
.form-control-wrapper.with-calendar {
padding-right: 35px;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
position: absolute;
width: 34px;
height: 34px;
top: 0;
display: block;
padding: 0;
}
.ui-datepicker .disabled.ui-datepicker-prev, .ui-datepicker .disabled.ui-datepicker-next {
background-color: #d9d9d9;
background-image: -webkit-linear-gradient(bottom, #c3c3c3 0% , #c3c3c3 2px , #d9d9d9 2px , #e6e6e6 100%);
background-image: -moz-linear-gradient(bottom, #c3c3c3 0% , #c3c3c3 2px , #d9d9d9 2px , #e6e6e6 100%);
background-image: -ms-linear-gradient(bottom, #c3c3c3 0% , #c3c3c3 2px , #d9d9d9 2px , #e6e6e6 100%);
background-image: -o-linear-gradient(bottom, #c3c3c3 0% , #c3c3c3 2px , #d9d9d9 2px , #e6e6e6 100%);
background-image: linear-gradient(bottom, #c3c3c3 0% , #c3c3c3 2px , #d9d9d9 2px , #e6e6e6 100%);
cursor: default;
}
/* global - small */
.r {
max-width: 1140px;
min-width: 300px;
position: relative;
display: block;
margin: 0 auto;
*zoom: 1;
}
.r:before, .r:after {
content: " ";
display: table;
}
.r:after {
clear: both;
}
#full-width-content .r {
margin-bottom: 10px;
}
#full-width-content .r.no-overflow {
overflow-y: hidden;
}
#full-width-content .r.no-bottom-margin {
margin-bottom: 0;
}
#full-width-content .r.no-margin > :first-child {
margin-left: 0;
}
#full-width-content .r.no-margin > :last-child {
margin-right: 0;
}
.r > :first-child {
margin-left: 2.54%;
}
.r > :last-child {
margin-right: 2.54%;
}
.module-grid > div {
margin: 0 0 20px;
}
.module-grid > div .teaser {
padding: 10px 40px 10px 10px;
background: #eeeeee;
position: relative;
}
.module-grid > div .teaser p {
margin-bottom: 0;
}
.module-grid > div .teaser h3 {
margin-bottom: 5px;
}
.module-grid > div .teaser:after {
background-position: 0px -640px;
content: "";
position: absolute;
top: 50%;
margin-top: -16px;
right: 5px;
}
#main-hero {
padding-top: 10px;
margin-bottom: 10px;
}
.hero-container {
background: #eeeeee;
padding-top: 33px;
background-size: cover;
background-position: 50% 50%;
margin-bottom: 27px;
background-repeat: no-repeat;
}
.section-overview {
background: #eeeeee;
padding: 20px;
margin-bottom: 10px;
}
.section-overview h2 {
margin-bottom: 10px;
}
.section-overview .main, .section-overview .aside {
margin-left: 0;
width: 100%;
}
.two-column-divided {
*zoom: 1;
margin-bottom: 20px;
}
.two-column-divided:before, .two-column-divided:after {
content: " ";
display: table;
}
.two-column-divided:after {
clear: both;
}
#fullscreen-stage {
background-color: #fff;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: none;
min-width: 300px;
}
.stage-active #fullscreen-stage {
display: block;
z-index: 1000;
}
#fullscreen-stage .panzoom-element {
min-width: 100%;
min-height: 100%;
}
.panzoom-element.width {
min-width: 100%;
}
.panzoom-element.height {
min-height: 100%;
}
.panzoom-wrapper {
height: 100%;
}
body.stage-active.panzoom {
overflow: hidden;
}
body.stage-active #container {
display: none;
}
body.stage-active .map-sliver {
height: 100%;
border-bottom: 0;
}
.map-button {
display: none;
}
.stage-active .map-button, .breakpoint-Large .map-button {
display: block;
}
#open-fullscreen-stage {
top: 50%;
margin-top: -20px;
right: 10px;
border-bottom-width: 1px;
height: 40px;
}
.stage-active #open-fullscreen-stage, .loading + .sliver-overlay #open-fullscreen-stage {
display: none;
}
#close-fullscreen-stage {
top: 10px;
right: 10px;
display: block;
z-index: 1001;
display: none;
}
.stage-active #close-fullscreen-stage {
display: block;
}
.showing-map-panel #close-fullscreen-stage {
display: none;
}
#zoom-in-fullscreen-stage {
top: 10px;
left: 10px;
display: block;
display: none;
}
.stage-active #zoom-in-fullscreen-stage {
display: block;
}
.active-map .no-disruptions-on-map #zoom-in-fullscreen-stage {
display: none;
}
#zoom-out-fullscreen-stage {
top: 50px;
left: 10px;
display: block;
display: none;
}
.stage-active #zoom-out-fullscreen-stage {
display: block;
}
.active-map .no-disruptions-on-map #zoom-out-fullscreen-stage {
display: none;
}
@font-face {
font-family: "New Johnson Bold";
src: url("/static/1/assets/fonts/NJFont-BookBold.eot");
src: url("/static/1/assets/fonts/NJFont-BookBold.eot?#iefix") format("embedded-opentype"), url("/static/1/assets/fonts/NJFont-BookBold.woff") format("woff"), url("/static/1/assets/fonts/NJFont-BookBold.otf") format("opentype"), url("/static/1/assets/fonts/NJFont-BookBold.svg") format("svg");
}
@font-face {
font-family: "New Johnson";
src: url("/static/1/assets/fonts/NJFont-Book.eot");
src: url("/static/1/assets/fonts/NJFont-Book.eot?#iefix") format("embedded-opentype"), url("/static/1/assets/fonts/NJFont-Book.woff") format("woff"), url("/static/1/assets/fonts/NJFont-Book.otf") format("opentype"), url("/static/1/assets/fonts/NJFont-Book.svg") format("svg");
}
@font-face {
font-family: "NJ Signing";
src: url("/static/1/assets/fonts/njfontsigning-medium.eot");
src: url("/static/1/assets/fonts/njfontsigning-medium.eot?#iefix") format("embedded-opentype"), url("/static/1/assets/fonts/njfontsigning-medium.woff") format("woff"), url("/static/1/assets/fonts/njfontsigning-medium.ttf") format("truetype"), url("/static/1/assets/fonts/njfontsigning-medium.svg#njfontsigning-medium") format("svg");
}
html {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
background-color: #FFF;
color: #2d3039;
}
h1 {
font-size: 28px;
line-height: 100%;
}
h1.signing {
padding-bottom: 5px;
border-bottom: 1px solid #cccccc;
}
h2 {
font-size: 24px;
line-height: 120%;
margin-bottom: 10px;
}
h3 {
font-size: 20px;
line-height: 100%;
margin-bottom: 10px;
}
h4, h5, h6 {
font-weight: bold;
margin: 0 0 10px;
}
.section-landing-container {
position: relative;
padding: 0;
border-bottom: 1px solid #cccccc;
padding-bottom: 15px;
}
.section-landing-container .landing-page {
border-bottom: 1px solid #cacaca;
}
.section-landing-container.with-logo {
padding-right: 135px;
}
.section-landing-container .heading-logo {
height: 40px;
position: absolute;
right: 0;
bottom: 10px;
}
.section-landing-container .heading-logo > img {
height: 39px;
width: auto;
}
.section-landing-container .hero-headline {
padding: 0;
margin: 0;
background-color: transparent;
box-shadow: none;
color: #2d3039;
}
.skip-link:focus, .skip-link:active {
background: white;
z-index: 5;
padding: 5px 10px;
width: auto;
height: auto;
clip: auto;
}
.headline, .hero-headline {
font-weight: normal;
margin-bottom: 20px;
font-size: 36px;
line-height: 120%;
}
.hero-headline {
background: #2d3039;
color: #fff;
box-shadow: 10px 0 0 #2d3039, -10px 0 0 #2d3039;
display: inline;
padding: 5px 0;
line-height: 120%;
}
.no-background-image {
background-image: none !important;
}
p {
margin-bottom: 20px;
}
p .ext-span {
height: 25px;
display: inline-block;
background-position: -32px -1152px;
}
p.title {
font-size: 110%;
line-height: 100%;
}
p.italic-block, span.italic-block {
font-style: italic;
color: #676767;
}
ul, ol {
list-style-position: outside;
margin-left: 25px;
margin-bottom: 25px;
}
ul {
list-style-type: disc;
}
ol {
list-style-type: decimal;
}
a {
text-decoration: none;
color: #2070b0;
cursor: pointer;
}
a:focus, a:hover {
text-decoration: underline;
}
.link2 {
color: #66cccc;
}
.arrow-forward {
display: block;
}
.arrow-forward:after {
background-image: url("/static/1/images/vsprite_x2.png");
background-image: url("/static/1/images/vsprite.png") \9;
background-size: 96px 2624px;
background-position: 0px -640px;
height: 23px;
width: 28px;
display: inline-block;
content: "";
}
.body-cms-preview .arrow-forward:after {
background-image: url("/static/1/images/vsprite.png");
}
table {
width: 100%;
}
table tr:nth-child(odd) {
background-color: #f7f7f7;
}
table.first-row {
background-color: #f7f7f7;
z-index: 1;
}
table.first-row td:first-child, table.first-row th:first-child {
position: absolute;
left: 0;
background-color: #f7f7f7;
height: 100%;
vertical-align: bottom;
}
table.first-row td:first-child > span, table.first-row th:first-child > span {
display: block;
position: absolute;
top: 5px;
}
table .right-align {
text-align: right;
}
th {
text-align: left;
}
th, td {
padding: 5px;
vertical-align: top;
}
button {
cursor: pointer;
}
strong {
font-weight: bold;
line-height: 22px;
vertical-align: top;
}
em {
font-style: italic;
}
hr {
height: 1px;
border: 0;
color: #cccccc;
background-color: #cccccc;
margin-bottom: 15px;
}
label.heading {
font-weight: bold;
display: block;
margin-bottom: 5px;
}
input[type="text"], input[type='number'], input[type='date'] {
border-radius: 0;
padding: 5px;
width: 100%;
}
input[type="text"].error, input[type='number'].error, input[type='date'].error {
border: 1px solid #a92727;
}
input[type="text"]:not(.disable-removable-content) {
padding-right: 32px;
}
.remove-content-container {
float: left;
width: 100%;
}
.remove-content-container.empty input[type="text"] {
padding-right: 5px;
}
.remove-content-container .remove-content {
position: relative;
display: block;
background-position: -64px -800px;
}
.modal.loading {
min-height: 100%;
}
#content {
margin-top: 10px;
}
.icon {
background-image: url("/static/1/images/vsprite.png");
background-image: url("/static/1/images/vsprite.png") \9;
}
span.emirates, td.emirates {
background: #e51937;
}
span.bakerloo, td.bakerloo {
background: #894e24;
}
span.central, td.central {
background: #dc241f;
}
span.circle, td.circle {
background: #ffce00;
}
span.district, td.district {
background: #007229;
}
span.hammersmith, span.hammersmith-city, td.hammersmith, td.hammersmith-city {
background: #d799af;
}
span.jubilee, td.jubilee {
background: #6a7278;
}
span.metropolitan, td.metropolitan {
background: #751056;
}
span.northern, td.northern {
background: black;
}
span.piccadilly, td.piccadilly {
background: #0019a8;
}
span.victoria, td.victoria {
background: #00a0e2;
}
span.waterloo, td.waterloo {
background: #76d0bd;
}
span.overground, td.overground {
background: #e86a10;
}
span.dlr, span.docklands, span.docklands-light-railway, td.dlr, td.docklands, td.docklands-light-railway {
background: #00afad;
}
span.tram, td.tram {
background: #7cc144;
}
span.tramlink1, td.tramlink1 {
background: #c6d834;
}
span.tramlink2, td.tramlink2 {
background: #c6d834;
}
span.tramlink3, td.tramlink3 {
background: #79c23f;
}
span.tramlink4, td.tramlink4 {
background: #336b14;
}
span.roads-a316, td.roads-a316 {
background: #ec83bb;
}
span.roads-a41, td.roads-a41 {
background: #8a4088;
}
span.roads-a40, td.roads-a40 {
background: #ceff00;
}
span.roads-a23, td.roads-a23 {
background: #59ffa3;
}
span.roads-a21, td.roads-a21 {
background: #446081;
}
span.roads-a3, td.roads-a3 {
background: #5a9262;
}
span.roads-a2, td.roads-a2 {
background: #ee3cc2;
}
span.roads-a1, td.roads-a1 {
background: #3d8c0f;
}
span.roads-a205, span.roads-south-circular-a205, td.roads-a205, td.roads-south-circular-a205 {
background: #6d2039;
}
span.roads-a406, span.roads-north-circular-a406, td.roads-a406, td.roads-north-circular-a406 {
background: #a22cd9;
}
span.roads-a24, td.roads-a24 {
background: #6e573e;
}
span.roads-a13, td.roads-a13 {
background: #56dcfa;
}
span.roads-a12, td.roads-a12 {
background: #e86445;
}
span.roads-a10, td.roads-a10 {
background: #5b4bcc;
}
span.roads-a4, td.roads-a4 {
background: #5bf105;
}
span.roads-a20, td.roads-a20 {
background: #f1e77d;
}
span.roads-central-london, span.roads-central-london-red-routes, span.roads-inner-ring, span.roads-southern-river-route, span.roads-bishopsgate-cross-route, span.roads-city-route, span.roads-farringdon-cross-route, span.roads-western-cross-route, td.roads-central-london, td.roads-central-london-red-routes, td.roads-inner-ring, td.roads-southern-river-route, td.roads-bishopsgate-cross-route, td.roads-city-route, td.roads-farringdon-cross-route, td.roads-western-cross-route {
background: #9bf46a;
}
span.roads-blackwall-tunnel, td.roads-blackwall-tunnel {
background: #ec9c59;
}
span.rb1, td.rb1 {
background: #040045;
}
span.rb2, td.rb2 {
background: #0072bc;
}
span.rb3, td.rb3 {
background: #f172ac;
}
span.rb4, td.rb4 {
background: #61c29d;
}
span.rb5, td.rb5 {
background: #ba6830;
}
span.rb6, td.rb6 {
background: #7164ac;
}
span.city-cruises, td.city-cruises {
background: #ec3717;
}
span.westminster-greenwich, td.westminster-greenwich {
background: #2a2e98;
}
span.westminster-st-katherines-circular, td.westminster-st-katherines-circular {
background: #45b535;
}
span.westminster-passenger-services-association, span.wetsminster-passenger-services-association, td.westminster-passenger-services-association, td.wetsminster-passenger-services-association {
background: #fcba00;
}
span.woolwich-free-ferry, td.woolwich-free-ferry {
background: #f7931d;
}
span.arriva-trains-wales, td.arriva-trains-wales {
background: #00b9b4;
}
span.c2c, td.c2c {
background: #f0188c;
}
span.chiltern-railways, td.chiltern-railways {
background: #b389c1;
}
span.east-coast, td.east-coast {
background: #00b9f3;
}
span.east-midlands-trains, td.east-midlands-trains {
background: #e16c16;
}
span.first-capital-connect, td.first-capital-connect {
background: #a0005e;
}
span.first-great-western, td.first-great-western {
background: #2d2b94;
}
span.first-hull-trains, td.first-hull-trains {
background: #1b903f;
}
span.first-transpennine-express, td.first-transpennine-express {
background: #f265a0;
}
span.gatwick-express, td.gatwick-express {
background: #231f20;
}
span.grand-central, td.grand-central {
background: #3f3f40;
}
span.greater-anglia, td.greater-anglia {
background: #8b8fa5;
}
span.heathrow-connect, td.heathrow-connect {
background: #f6858d;
}
span.heathrow-express, td.heathrow-express {
background: #55c4bf;
}
span.island-line, td.island-line {
background: #f8b174;
}
span.merseyrail, td.merseyrail {
background: #fec95f;
}
span.northern-rail, td.northern-rail {
background: #0569a8;
}
span.scotrail, td.scotrail {
background: #96a3a9;
}
span.southeastern, td.southeastern {
background: #0071bf;
}
span.southern, td.southern {
background: #00a74b;
}
span.south-west-trains, td.south-west-trains {
background: #f11815;
}
span.cross-country, td.cross-country {
background: #a03467;
}
span.eurostar, td.eurostar {
background: #b9a977;
}
span.london-midland, td.london-midland {
background: #8bc831;
}
span.stanstead-express, td.stanstead-express {
background: #636366;
}
span.virgin-trains, td.virgin-trains {
background: #a8652c;
}
.line-text, .rainbow-list .service-name {
color: #fff;
font-weight: bold;
padding: 0 3px;
text-shadow: 0 1px 0px rgba(0, 0, 0, 0.6);
}
.line-text.circle, .rainbow-list .circle.service-name, .line-text.hammersmith, .rainbow-list .hammersmith.service-name, .line-text.overground, .rainbow-list .overground.service-name, .line-text.dlr, .rainbow-list .dlr.service-name, .line-text.victoria, .rainbow-list .victoria.service-name, .line-text.waterloo, .rainbow-list .waterloo.service-name, .line-text.rb3, .rainbow-list .rb3.service-name, .line-text.rb4, .rainbow-list .rb4.service-name, .line-text.rb5, .rainbow-list .rb5.service-name, .line-text.city-cruises, .rainbow-list .city-cruises.service-name, .line-text.westminster-st-katherines-circular, .rainbow-list .westminster-st-katherines-circular.service-name, .line-text.westminster-passenger-services-association, .rainbow-list .westminster-passenger-services-association.service-name, .line-text.wetsminster-passenger-services-association, .rainbow-list .wetsminster-passenger-services-association.service-name, .line-text.woolwich-free-ferry, .rainbow-list .woolwich-free-ferry.service-name {
text-shadow: 0 1px 0px rgba(255, 255, 255, 0.6);
color: #000;
}
.plain-button.external-link {
color: #2070b0;
}
.plain-button.external-link:visited, .plain-button.external-link:active {
color: #2070b0;
}
.plain-button.external-link:after {
margin-right: 2px;
background-position: -32px -1152px;
}
.teaser-external-link {
margin-right: 0px;
color: blue;
}
.teaser-external-link a .text-link:after {
margin-right: 2px;
background-position: -32px -1152px;
}
.text-external-link {
margin-right: 25px;
position: relative;
}
.text-external-link:after {
margin-top: -5px;
margin-left: -2px;
content: "";
position: absolute;
background-position: -32px -1152px;
}
.info-message {
display: block;
border: 1px solid #cccccc;
background: #faf5e1;
padding: 5px;
}
.info-message p {
margin-bottom: 5px;
}
.info-message.with-link {
padding-right: 30px;
position: relative;
}
.info-message.with-link:after {
content: "";
background-position: 0px -640px;
position: absolute;
right: 0;
top: 50%;
margin-top: -16px;
}
.small {
display: block;
}
.small-medium {
display: block;
}
.medium {
display: none;
}
.medium-large {
display: none;
}
.large {
display: none;
}
#container {
min-width: 300px;
overflow: hidden;
}
.accordion-title {
border: 1px solid #CACACA;
border-bottom: none;
display: block;
padding: 5px;
}
.broadcast-comms {
width: 100%;
background: #faf5e1;
border-bottom: 3px solid #cccccc;
padding: 10px 0 0 0;
}
.broadcast-comms .broadcast-icon {
height: 0px;
margin-right: -90px;
width: 0px;
float: left;
background-image: none;
}
.broadcast-comms .broadcast-text {
float: left;
margin-right: 2.54%;
padding-left: 2.54%;
width: 90%;
}
.broadcast-comms .broadcast-text p:last-child {
margin-bottom: 0;
}
.beta-banner {
width: 100%;
font-family: "New Johnson";
font-size: 1.2em;
background: #1a5a92;
border-bottom: 3px solid #103e66;
padding: 5px 0 0;
color: #FFF;
}
.beta-banner .beta-banner-text {
float: left;
margin-left: 2.54%;
width: 60%;
padding-bottom: 5px;
}
.beta-banner .beta-banner-button {
float: left;
margin-left: 2.54%;
width: 32%;
text-align: right;
display: block;
padding-right: 20px;
}
.beta-banner .beta-banner-link {
color: #FFF;
}
.image-container > img {
width: 100%;
height: auto;
}
.image-container {
margin-bottom: 10px;
}
.right-to-left {
direction: rtl;
}
.header-two {
font-size: 24px;
line-height: 120%;
margin-bottom: 0;
}
.header-two h2 {
margin-bottom: 0;
}
.header-three {
font-size: 20px;
line-height: 100%;
margin-bottom: 0;
}
.header-three h3 {
margin-bottom: 0;
}
.list-standard {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
}
ol.formatted-list {
counter-reset: item;
list-style-type: none;
margin-left: 17px;
}
ol.formatted-list ol {
counter-reset: item;
list-style-type: none;
margin-left: 28px;
}
ol.formatted-list ol > li, ol.formatted-list > li {
position: relative;
padding-left: 8px;
}
ol.formatted-list ol > li:before, ol.formatted-list > li:before {
content: counters(item,".") " ";
counter-increment: item;
position: absolute;
right: 100%;
}
ol ol, ul ul, ol ul, ul ol {
margin-bottom: 0;
}
ul.formatted-list ul {
list-style-type: circle;
}
ul.formatted-list ul ul {
list-style-type: square;
}
.bus-stop-search {
background: #f7f7f7;
padding: 10px 70px 10px 10px;
position: relative;
min-height: 58px;
}
.bus-stop-search input[type=submit] {
position: absolute;
right: 10px;
top: 10px;
width: 50px;
}
.spot-grid-background {
position: relative;
background-color: #ccdde8;
padding-bottom: 10px;
}
.spot-grid-background.full-page {
margin-bottom: -50px;
}
.multi-document-download-container {
margin: 20px 0;
border: 0px;
border-bottom: 1px;
}
.multi-document-download-container .document-download-wrap {
margin-top: 0px;
margin-bottom: 0px;
border-bottom: 1px;
}
.multi-document-download-container .document-download-wrap:last-child {
border-bottom: solid 4px #cccccc;
}
.grey-box {
background: #eeeeee;
padding: 20px 10px;
position: relative;
display: block;
margin-bottom: 20px;
}
.grey-box > :last-child {
margin-bottom: 0;
}
.grey-box .remove-content-container {
margin-bottom: 10px;
float: none;
}
.grey-box .mode-title {
line-height: 40px;
}
.block {
display: block;
}
.margin-bottom {
margin-bottom: 20px;
}
/**************************************************
B2 Form
* Author:
* Created:
* Pattern library URL: https://tflonline.atlassian.net/wiki/display/NWP/B2+-+Form
**************************************************/
.selector {
padding: 0;
margin-bottom: 10px;
height: 40px;
background-color: #fff;
border: 1px solid #cccccc;
}
.selector select, .selector span {
display: block;
position: relative;
z-index: 52;
appearance: normal;
-moz-appearance: normal;
-webkit-appearance: normal;
}
.selector select {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
border: 0;
padding: 0;
width: 100%;
height: 37px;
line-height: 40px;
cursor: pointer;
top: -40px;
}
.selector span {
height: 40px;
line-height: 30px;
padding: 4px 7px;
white-space: nowrap;
overflow: hidden;
}
.selector span:after {
content: "";
position: absolute;
background-image: url("/static/1/images/vsprite_x2.png");
background-image: url("/static/1/images/vsprite.png") \9;
background-size: 96px 2624px;
background-position: 0px -672px;
height: 32px;
width: 32px;
display: block;
top: 2px;
right: 0;
background-color: #fff;
}
.body-cms-preview .selector span:after {
background-image: url("/static/1/images/vsprite.png");
}
.selector span:before {
content: "";
background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
position: absolute;
right: 32px;
top: 0;
bottom: 2px;
height: auto;
width: 15px;
}
.selector.focus {
border: 1px dashed #2070b0;
}
.selector.disabled {
filter: Alpha(opacity=30);
opacity: 0.3;
}
.selector.disabled select {
cursor: default;
}
.checkbox-list, .radiobutton-list {
margin-bottom: 10px;
}
.checkbox-list input[type="checkbox"], .radiobutton-list input[type="checkbox"] {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.checkbox-list ul, .radiobutton-list ul {
margin-left: 0;
list-style-type: none;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
.checkbox-list li, .radiobutton-list li {
position: relative;
border-bottom: 1px solid #cccccc;
}
.checkbox-list li.ticked, .radiobutton-list li.ticked {
background: #fff;
}
.checkbox-list li.ticked label:after, .radiobutton-list li.ticked label:after {
background-image: url("/static/1/images/vsprite_x2.png");
background-image: url("/static/1/images/vsprite.png") \9;
background-size: 96px 2624px;
background-position: -4px -772px;
height: 24px;
width: 25px;
display: block;
}
.body-cms-preview .checkbox-list li.ticked label:after, .body-cms-preview .radiobutton-list li.ticked label:after {
background-image: url("/static/1/images/vsprite.png");
}
.checkbox-list li.focus, .radiobutton-list li.focus {
border: 1px dashed #2070b0;
margin: -1px -1px 0px -1px;
}
.checkbox-list input, .radiobutton-list input {
cursor: pointer;
position: absolute;
right: 8px;
top: 9px;
}
.checkbox-list label, .radiobutton-list label {
cursor: pointer;
display: block;
color: #000;
padding: 7px 37px 7px 5px;
}
.checkbox-list label:after, .radiobutton-list label:after {
position: absolute;
right: 5px;
top: 50%;
content: "";
margin-top: -13px;
line-height: 14px;
height: 24px;
width: 25px;
border: 1px solid #cccccc;
background-color: #fff;
text-indent: 0;
}
.radiobutton-list input[type="radio"] {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.radiobutton-list label:after {
border-radius: 12px;
}
.radiobutton-list li.ticked label:after {
background-image: url("/static/1/images/vsprite_x2.png");
background-image: url("/static/1/images/vsprite.png") \9;
background-size: 96px 2624px;
background-position: -4px -1156px;
height: 24px;
width: 24px;
display: block;
height: 24px;
width: 25px;
}
.body-cms-preview .radiobutton-list li.ticked label:after {
background-image: url("/static/1/images/vsprite.png");
}
.styled-checkbox {
position: relative;
}
.styled-checkbox input[type="checkbox"] {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.styled-checkbox label {
position: relative;
padding-left: 15px;
}
.styled-checkbox label:before {
position: absolute;
left: -20px;
top: 10px;
content: "";
margin-top: -13px;
line-height: 14px;
height: 24px;
width: 25px;
border: 1px solid #cccccc;
background-color: #fff;
}
.styled-checkbox label.heading {
display: inline;
}
.styled-checkbox.ticked label:before {
background-image: url("/static/1/images/vsprite_x2.png");
background-image: url("/static/1/images/vsprite.png") \9;
background-size: 96px 2624px;
background-position: -4px -772px;
height: 24px;
width: 25px;
display: block;
}
.body-cms-preview .styled-checkbox.ticked label:before {
background-image: url("/static/1/images/vsprite.png");
}
.styled-checkbox.focus label:before {
border: 1px dashed #2070b0;
}
.field-validation-error, .field-validation-information, .field-validation-suggestion {
clear: both;
display: block;
padding: 10px 10px 10px 50px;
position: relative;
}
.field-validation-error:before, .field-validation-information:before, .field-validation-suggestion:before {
content: "";
position: absolute;
top: 50%;
left: 10px;
margin-top: -16px;
}
.field-validation-error.hidden, .field-validation-information.hidden, .field-validation-suggestion.hidden {
display: none;
}
.field-validation-error {
color: #a92727;
background-color: #ffefef;
}
.field-validation-error:before {
background-position: -32px -832px;
}
.field-validation-information {
background-color: #faf5e1;
}
.field-validation-information:before {
background-position: 0px -832px;
}
.field-validation-suggestion {
background-color: #eff6fd;
}
.field-validation-suggestion:before {
background-position: -64px -1920px;
}
#search-filter {
margin-bottom: 65px;
}
#search-filter input[type="text"] {
margin: 5px 25px 0 0;
width: 75%;
}
#search-filter input[type="submit"] {
width: 20%;
}
.twitter-typeahead.downloading:not(.geocoded):after {
content: "";
position: absolute;
top: 4px;
right: 34px;
background-color: #fff;
}
.twitter-typeahead.downloading:not(.geocoded):after input[type="text"] {
margin-right: 64px;
}
.horizontal-toggle-buttons {
margin: 0 0 10px;
list-style: none outside none;
}
.horizontal-toggle-buttons li {
float: left;
border: 1px solid #cccccc;
border-bottom: 3px solid #cccccc;
background-color: #fafafa;
position: relative;
color: #2070b0;
}
.horizontal-toggle-buttons label {
display: block;
padding: 6px 5px 6px 5px;
cursor: pointer;
text-align: center;
}
.horizontal-toggle-buttons .selected {
background-color: #fff;
color: #2d3039;
font-weight: bold;
border-bottom-width: 1px;
margin-top: 2px;
}
.horizontal-toggle-buttons .selected label:after {
content: "";
position: absolute;
top: 0;
left: 5px;
background-position: 0px -768px;
}
.horizontal-toggle-buttons .focus {
border-color: #2070b0;
border-style: dashed;
}
.horizontal-toggle-buttons input {
opacity: 0;
position: absolute;
top: 5px;
left: 5px;
cursor: pointer;
}
.form-control {
position: relative;
}
.form-progress {
margin-left: 0;
margin-right: 20px;
list-style-position: inside;
}
.form-progress.two-step .form-step {
width: 50%;
}
.form-progress.three-step .form-step {
width: 33.3%;
}
.form-progress.four-step .form-step {
width: 25%;
}
.form-progress.five-step .form-step {
width: 20%;
}
.form-step {
text-align: center;
height: 44px;
white-space: nowrap;
float: left;
padding: 10px 10px 10px 40px;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
position: relative;
}
.form-step:first-child {
padding-left: 1em;
border-left: 1px solid #cccccc;
}
.form-step:last-child {
border-right: 1px solid #cccccc;
}
.form-step:last-child .progress-triangle {
display: none;
}
.form-step .step-text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.form-step:after {
left: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: transparent;
border-left-color: white;
border-width: 21px 23px 21px;
z-index: 1;
top: 0px;
}
.form-step:before {
left: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: transparent;
border-left-color: #cccccc;
border-width: 22px 24px 22px;
z-index: 1;
top: -1px;
}
.form-step.current {
background-color: #2d3039;
color: white;
font-weight: bold;
}
.form-step.current:after {
border-left-color: #2d3039;
}
.form-step.completed {
background-color: #eeeeee;
color: #a8a8a8;
}
.form-step.completed:after {
border-left-color: #eeeeee;
}
.form-step.completed:before {
border-left-color: #a8a8a8;
}
.form-control-wrapper {
margin-bottom: 1em;
}
.form-control-wrapper .remove-content-container {
float: none;
}
.form-control-wrapper ul {
margin-bottom: 0;
}
.shaded-text-area {
width: 100%;
height: auto;
padding: 10px 5px 5px 5px;
resize: vertical;
}
input::-webkit-calendar-picker-indicator {
display: none;
}
input[type="date"]::-webkit-input-placeholder {
visibility: hidden !important;
}
.not-for-beta {
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.not-for-beta:hover, .not-for-beta:focus {
cursor: default;
}
.not-for-beta:before, .not-for-beta:after {
opacity: 0.4;
filter: url("data:image/svg+xml;utf8,#grayscale");
/* Firefox 10+, Firefox on Android */
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(1);
}
.not-for-beta.placeholder-image:after {
opacity: 1;
}
.not-for-beta > * {
opacity: 0.4;
filter: url("data:image/svg+xml;utf8,#grayscale");
/* Firefox 10+, Firefox on Android */
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(1);
}
.not-for-beta > *:hover, .not-for-beta > *:focus {
cursor: default;
}
.not-for-beta > *:before, .not-for-beta > *:after {
opacity: 0.4;
filter: url("data:image/svg+xml;utf8,#grayscale");
/* Firefox 10+, Firefox on Android */
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(1);
}
.not-for-beta .plain-button:before, .not-for-beta.plain-button:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 1;
}
.not-for-beta .plain-button:hover, .not-for-beta .plain-button:focus, .not-for-beta.plain-button:hover, .not-for-beta.plain-button:focus {
background-color: #fff;
}
.not-for-beta.flat-button.placeholder-image {
margin-bottom: 10px;
}
.not-for-beta.search-tools:hover, .not-for-beta.search-tools:focus {
border-color: none;
background-color: inherit;
}
.not-for-beta.flat-button:hover, .not-for-beta.flat-button:focus {
border-color: #ccc;
background-color: #fff;
}
.not-for-beta.flat-button:nth-child(2) {
border-left-color: #ccc;
border-right-color: #ccc;
}
.not-for-beta .item-title:hover, .not-for-beta .item-title:focus {
background-color: transparent;
}
.not-for-beta.primary-dropdown-ico {
background-color: #888;
}
.not-for-beta.primary-dropdown-ico:hover, .not-for-beta.primary-dropdown-ico:focus {
background-color: #888;
}
.not-for-beta .plain-button:before, .not-for-beta.plain-button:before, .placeholder-image:after {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozMTVCRTYxMENDRkMxMUUyQUM4MUI5RTJEODJDODcxMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozMTVCRTYxMUNDRkMxMUUyQUM4MUI5RTJEODJDODcxMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjMxNUJFNjBFQ0NGQzExRTJBQzgxQjlFMkQ4MkM4NzEzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjMxNUJFNjBGQ0NGQzExRTJBQzgxQjlFMkQ4MkM4NzEzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+iPa/TAAAADVJREFUeNpivH79epu4uPgvBjTw8uVLNiZcEiCaCZcESBMTLgkUnegScElsEmBJXBIgABBgAIOyHxmzOX5nAAAAAElFTkSuQmCC);
}
/*a.not-for-beta {
color: $dark-grey;
&:visited {
color: $dark-grey;
}
}*/
div.top-row-extras .texts {
width: 57px;
}
div.top-row-extras .texts .search {
height: 58px;
}
@media screen and (min-width: 900px) {
div.top-row-extras .texts {
width: auto;
}
}
.top-row-extras .more {
right: 55px !important;
}
.navigation-style-1 .selected .item-title {
cursor: default;
}
.navigation-style-1 .selected .item-title:hover, .navigation-style-1 .selected .item-title:focus {
background-color: #fff;
}
.pagination-controls {
border-bottom: 1px solid #cacaca;
border-top: 1px solid #cacaca;
margin: 20px 0;
padding: 10px 0;
}
.pagination-controls:last-child {
margin-bottom: 0;
}
.pagination-controls .pagination {
position: relative;
margin: 0;
text-align: center;
}
.pagination-controls .pagination a {
border: none;
color: #1a5a92;
}
.pagination-controls .pagination a.active_page {
background-color: #fff;
color: #000;
font-weight: bold;
cursor: default;
}
.pagination-controls .pagination a.active_page:hover, .pagination-controls .pagination a.active_page:focus {
text-decoration: none;
background-color: #fff;
}
.pagination-controls .pagination a.selected {
font-weight: bold;
}
.pagination-controls .pagination .ellipse {
display: none !important;
}
.pagination-controls .first_link, .pagination-controls .last_link {
padding: 3px 8px;
margin: 3px;
}
.pagination-controls .first_link {
position: relative;
}
.pagination-controls .first_link:after {
content: '';
position: absolute;
background: grey;
right: -2px;
height: 100%;
width: 1px;
top: 0;
}
.pagination-controls .last_link {
position: relative;
}
.pagination-controls .last_link:after {
content: '';
position: absolute;
background: grey;
left: -2px;
height: 100%;
width: 1px;
top: 0;
}
.pagination-controls .previous_link, .pagination-controls .next_link {
padding: 8px 14px;
background-position: 0px -576px;
}
.pagination-controls .previous_link span, .pagination-controls .next_link span {
display: none;
}
.pagination-controls .previous_link.no_more, .pagination-controls .next_link.no_more {
display: none;
}
.pagination-controls .next_link {
background-position: 0px -640px;
background-position-x: -6px;
}
.pagination-controls .separator {
border-left: solid 1px grey;
padding: 3px;
margin: 4px;
margin-right: -2px;
}
.page_link, .next_link, .previous_link, .first_link, .last_link {
padding: 3px 8px;
}
.page_link:hover, .page_link:focus, .next_link:hover, .next_link:focus, .previous_link:hover, .previous_link:focus, .first_link:hover, .first_link:focus, .last_link:hover, .last_link:focus {
text-decoration: none;
background-color: #f2f2f2;
}
/* elements - small */
.image-box {
position: relative;
width: 100%;
margin-bottom: 20px;
}
.image-box img {
width: 100%;
height: auto;
}
.image-box .caption {
background-color: #eeeeee;
padding: 10px;
font-size: 13px;
width: 100%;
display: block;
}
.image-box.profile-pic {
text-align: left;
border: 1px solid #cacaca;
padding: 2px;
}
.image-box.profile-pic img {
height: auto;
}
.image-box.light-box > a {
display: block;
}
.image-box.light-box .caption {
position: relative;
padding-right: 32px;
}
.image-box.light-box .caption:after {
display: block;
content: "";
position: absolute;
right: 0px;
top: 50%;
margin-top: -16px;
background-position: -32px -64px;
}
.image-box.campaign-graphic {
padding: 10px 20px;
width: 280px;
border-style: solid;
border-color: #cacaca;
border-width: 1px 0;
text-align: center;
}
.image-box.campaign-graphic img {
width: auto;
}
.image-box.street-view {
margin-bottom: 20px;
}
.primary-button {
text-shadow: 0 1px rgba(0, 0, 0, 0.4);
border: 1px solid #164B79;
position: relative;
}
.primary-button:visited {
color: #FFF;
}
.primary-button:active {
background-image: none;
background-color: #113B92;
-webkit-appearance: none;
}
.primary-button:hover, .primary-button:focus {
text-decoration: none;
}
.secondary-button, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a {
color: #2070b0;
border: 1px solid #a8a8a8;
}
.secondary-button:visited, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a:visited {
color: #2070b0;
}
.secondary-button:active, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a:active {
color: #113B92;
background-image: none;
background-color: #eee;
-webkit-appearance: none;
}
.secondary-button:hover, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a:hover, .secondary-button:focus, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a:focus {
text-decoration: none;
}
.secondary-button[disabled='disabled'], .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a[disabled='disabled'] {
color: #a8a8a8;
}
input.primary-button, input.secondary-button {
padding: 9px;
}
a.primary-button, a.secondary-button, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a {
padding: 6px;
}
.primary-button.with-icon, .secondary-button.with-icon, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.with-icon {
position: relative;
padding-left: 32px;
padding-right: 10px;
display: inline-block;
width: auto;
}
.primary-button.with-icon .i, .secondary-button.with-icon .i, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.with-icon .i {
position: absolute;
left: 0px;
top: 50%;
margin-top: -16px;
}
.vertical-button-container {
margin: 20px 0;
border-top: 1px solid #a8a8a8;
border-right: 1px solid #a8a8a8;
border-left: 1px solid #a8a8a8;
border-bottom: 3px solid #cccccc;
border-bottom: 3px solid rgba(0, 0, 0, 0.2);
}
.vertical-button-container.social .plain-button {
position: relative;
padding-left: 20px;
padding-right: 100px;
}
.vertical-button-container.social .plain-button:after {
background-position: -64px -288px;
right: 75px;
}
.vertical-button-container.social span {
position: absolute;
top: 0;
left: 0;
width: 10px;
height: 100%;
}
.vertical-button-container.social .follow-text {
position: absolute;
right: 55px;
left: auto;
top: 50%;
margin-top: -13px;
color: #2070b0;
}
.plain-button {
display: block;
position: relative;
border: none;
border-bottom: 1px solid #a8a8a8;
width: 100%;
background: #fff;
padding: 9px 20px 8px 10px;
color: #2d3039;
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.plain-button:hover, .plain-button:focus {
text-decoration: none;
background-color: #eff6fd;
}
.plain-button:visited, .plain-button:active {
color: #2d3039;
}
.plain-button.single {
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
.plain-button.with-icon > div {
text-align: left;
position: relative;
}
.plain-button.with-icon > div span.icon {
position: absolute;
top: -5px;
left: -5px;
}
.plain-button h4 {
padding-left: 32px;
margin: 0;
}
.plain-button .logo {
display: block;
position: absolute;
left: 8%;
top: 50%;
}
.plain-button:after {
background-position: 0px -640px;
content: "";
position: absolute;
top: 50%;
right: 0;
margin-top: -16px;
margin-right: -6px;
}
.plain-button-external-link {
color: #2070b0;
}
.plain-button-external-link:visited, .plain-button-external-link:active {
color: #2070b0;
}
.plain-button-external-link:after {
margin-right: 2px;
background-position: -32px -1152px;
}
.teaser-external-link {
margin-right: 0px;
color: blue;
}
.teaser-external-link a .text-link:after {
margin-right: 2px;
background-position: -32px -1152px;
}
.text-external-link {
margin-right: 25px;
position: relative;
}
.text-external-link:after {
margin-top: -5px;
margin-left: -2px;
content: "";
position: absolute;
background-position: -32px -1152px;
}
.flat-button {
color: #1a5a92;
height: 60px;
width: 47.5%;
max-width: 47.5%;
float: left;
margin-left: 5%;
margin-bottom: 10px;
background: #fff;
border: 1px solid #cacaca;
border-bottom: 3px solid #cacaca;
-webkit-transition: background-color 0.3s, border-color, 0.3s;
-moz-transition: background-color 0.3s, border-color, 0.3s;
transition: background-color 0.3s, border-color, 0.3s;
text-align: center;
position: relative;
}
.flat-button:hover, .flat-button:focus {
text-decoration: none;
background-color: #eff6fd;
color: #185585;
border-color: #2070b0;
}
.flat-button .icon {
display: block;
width: 48px;
height: 48px;
}
.flat-button.side-icon {
padding: 10px 10px 0 50px;
display: table;
}
.flat-button.side-icon .icon {
position: absolute;
top: 50%;
left: 0;
margin-top: -24px;
}
.flat-button.side-icon .text {
display: table-cell;
vertical-align: middle;
line-height: 100%;
}
.flat-button.top-icon {
padding-top: 60px;
height: 90px;
}
.flat-button.top-icon img {
position: absolute;
top: 0;
left: 50%;
margin-left: -28px;
}
.flat-button:first-child {
margin-left: 0;
}
.back-to-link {
line-height: 40px;
position: relative;
padding-left: 23px;
}
.back-to-link:not(.plain) {
box-shadow: 10px 0 0 #2d3039, -10px 0 0 #2d3039;
background: #2d3039;
color: #fff;
padding: 10px 0 10px 18px;
}
.back-to-link:not(.plain):visited {
color: #fff;
}
.back-to-link:not(.plain):before {
background-position: -32px -576px;
left: -7px;
}
.back-to-link:before {
content: "";
position: absolute;
background-position: 0px -576px;
left: -1px;
top: 50%;
margin-top: -17px;
}
a.link-button {
border: 1px solid #cccccc;
padding: 7px 32px 7px 10px;
display: block;
position: relative;
color: #2d3039;
font-size: 16px;
text-decoration: none;
background-color: #fff;
margin-bottom: 20px;
}
a.link-button:after {
position: absolute;
content: "";
display: block;
right: 0;
top: 50%;
margin-top: -16px;
background-position: 0px -640px;
}
a.link-button:hover, a.link-button:focus {
background-color: #eff6fd;
}
a.link-button.primary {
padding-top: 12px;
padding-bottom: 12px;
}
a.link-button.disrupted {
background-color: #faf5e1;
position: relative;
}
a.link-button.disrupted:before {
content: "";
position: absolute;
left: 10px;
top: 50%;
margin-top: -16px;
background-position: 0px -832px;
}
a.link-button.disrupted:hover, a.link-button.disrupted:focus {
background-color: #f6eecb;
}
.aside a.link-button.primary {
padding-top: 7px;
padding-bottom: 7px;
}
.plain-link {
border: 1px solid #cccccc;
padding: 8px 10px;
display: block;
position: relative;
color: #2d3039;
text-decoration: none;
margin-bottom: 20px;
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.plain-link:hover, .plain-link:focus {
text-decoration: none;
background-color: #eff6fd;
}
.plain-link.dark {
border: 1px solid #484b52;
color: #fff;
}
.plain-link.dark:hover {
background: rgba(0, 0, 0, 0.1);
}
a.link-button.with-icon, .plain-link.with-icon {
padding-left: 52px;
}
a.link-button.with-icon .i, .plain-link.with-icon .i {
position: absolute;
left: 10px;
top: 50%;
margin-top: -16px;
}
a.favourite {
display: block;
}
.favourite.with-icon {
padding-left: 32px;
}
.favourite.with-icon .i.favourite-icon {
left: 0px;
}
a.large-link-button {
text-decoration: none;
background-color: #eeeeee;
border-bottom: 3px solid #cccccc;
position: relative;
padding: 10px 30px 10px 10px;
display: block;
color: inherit;
}
a.large-link-button:after {
content: "";
position: absolute;
top: 50%;
right: 0;
margin-top: -16px;
background-position: 0px -640px;
}
a.large-link-button > h3 {
line-height: 150%;
margin-bottom: 0;
}
a.large-link-button > p {
margin-bottom: 0;
line-height: 120%;
}
a.large-link-button[class*="river-"] p {
padding-left: 52px;
position: relative;
min-height: 42px;
}
a.large-link-button[class*="river-"] p:before, a.large-link-button[class*="river-"] p:after {
content: "";
position: absolute;
}
a.large-link-button[class*="river-"] p:before {
left: 0;
top: 0;
width: 42px;
height: 42px;
}
a.large-link-button[class*="river-"] p:after {
left: 10px;
top: 10px;
background-position: -32px -384px;
}
a.large-link-button.river-bus p:before {
background-color: #184593;
}
a.large-link-button.river-tour p:before {
background-color: #0098d4;
}
.favourite {
min-width: 132px;
}
.favourite > .active {
display: none;
}
.favourite.dark:hover, .favourite.dark:focus {
background-color: rgba(0, 0, 0, 0.1);
}
.favourite.active {
background-color: #f7f7f7;
}
.favourite.active:hover, .favourite.active:focus {
background-color: #eff6fd;
}
.favourite.active > .active {
display: inline;
}
.favourite.active > .inactive {
display: none;
}
.favourite.active.dark {
background-color: rgba(0, 0, 0, 0.1);
}
.favourite.active.dark:hover, .favourite.active.dark:focus {
background-color: rgba(0, 0, 0, 0.2);
}
.print-button:before {
content: "";
background-image: url("/static/1/images/vsprite_x2.png");
background-image: url("/static/1/images/vsprite.png") \9;
background-size: 96px 2624px;
background-position: 0px -2304px;
height: 22px;
width: 32px;
display: inline-block;
margin-top: -8px;
margin-left: -16px;
vertical-align: middle;
}
.body-cms-preview .print-button:before {
background-image: url("/static/1/images/vsprite.png");
}
.disruption-message {
display: block;
position: relative;
background-color: #faf5e1;
padding: 10px 10px 10px 40px;
margin-bottom: 10px;
}
.disruption-message.with-link {
padding: 0;
}
.disruption-message .link-message {
display: block;
padding: 10px 40px;
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.disruption-message .link-message:hover, .disruption-message .link-message:focus {
text-decoration: none;
background-color: #f6eecb;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.disruption-message .disruption-icon, .disruption-message .right-arrow, .disruption-message .rainbow-list .rainbow-list-item.link-only .controls, .rainbow-list .rainbow-list-item.link-only .disruption-message .controls, .disruption-message .rainbow-list-wrapper .good-service-link:after, .rainbow-list-wrapper .disruption-message .good-service-link:after {
position: absolute;
display: block;
top: 50%;
margin-top: -16px;
}
.disruption-message .disruption-icon {
left: 4px;
}
.disruption-message .right-arrow, .disruption-message .rainbow-list .rainbow-list-item.link-only .controls, .rainbow-list .rainbow-list-item.link-only .disruption-message .controls, .disruption-message .rainbow-list-wrapper .good-service-link:after, .rainbow-list-wrapper .disruption-message .good-service-link:after {
right: 0;
}
/**************************************************
ICONS
* Author: Rodrigo Lopes
* Created: 21/02/2013
* Pattern library URL: http://
**************************************************/
.icon-left {
position: relative;
padding-left: 35px !important;
}
.icon-left span {
padding-left: 8px;
}
.icon-left:before {
content: '';
left: 8px;
top: 0;
position: absolute !important;
}
.icon-left.cycle:before {
background-image: url("/static/1/images/vsprite_x2.png");
background-image: url("/static/1/images/vsprite.png") \9;
background-size: 96px 2624px;
background-position: -32px -284px;
height: 32px;
width: 32px;
display: block;
}
.body-cms-preview .icon-left.cycle:before {
background-image: url("/static/1/images/vsprite.png");
}
.icon-left.walking:before {
background-image: url("/static/1/images/vsprite_x2.png");
background-image: url("/static/1/images/vsprite.png") \9;
background-size: 96px 2624px;
background-position: -32px -253px;
height: 32px;
width: 32px;
display: block;
}
.body-cms-preview .icon-left.walking:before {
background-image: url("/static/1/images/vsprite.png");
}
.icon.bicycle-icon, .icon.bicycle-easy-icon .icon.cycle-icon, .icon.cycle-easy-icon {
background-position: -32px -288px;
}
.icon.walking-icon {
background-image: url("/static/1/images/vsprite_x2.png");
background-image: url("/static/1/images/vsprite.png") \9;
background-size: 96px 2624px;
background-position: -36px -256px;
height: 32px;
width: 24px;
display: block;
}
.body-cms-preview .icon.walking-icon {
background-image: url("/static/1/images/vsprite.png");
}
.footpaths-icon, .footpath-icon, .walking-icon {
background-image: url("/static/1/images/vsprite_x2.png");
background-image: url("/static/1/images/vsprite.png") \9;
background-size: 96px 2624px;
background-position: -4px -256px;
height: 32px;
width: 24px;
display: block;
}
.body-cms-preview .footpaths-icon, .body-cms-preview .footpath-icon, .body-cms-preview .walking-icon {
background-image: url("/static/1/images/vsprite.png");
}
.search-icon {
background-position: 0px -32px;
}
.search-icon-black {
background-position: -32px -32px;
}
.switch-directions-icon {
background-position: 0px -64px;
}
.expand-map-icon {
background-position: -32px -64px;
}
.facebook-icon {
background-position: 0px -224px;
}
.twitter-icon {
background-position: -32px -224px;
}
.bicycle-icon, .cycle-icon, .bicycle-easy-icon, .cycle-easy-icon {
background-position: 0px -288px;
}
.bus-icon, .bus-icon, .replacement-bus-icon {
background-position: 0px -320px;
}
.bus-icon.small-icon, .bus-icon.small-icon, .replacement-bus-icon.small-icon {
background-size: 60px 1640px;
background-position: 0px -200px;
height: 20px;
width: 20px;
display: block;
}
.train-icon, .national-rail-icon {
background-position: 0px -352px;
}
.train-icon.small-icon, .national-rail-icon.small-icon {
background-size: 60px 1640px;
background-position: 0px -220px;
height: 20px;
width: 20px;
display: block;
}
.international-rail-icon {
display: none !important;
}
.ferry-icon, .river-bus-icon, .river-icon, .river-bus-icon {
background-position: 0px -384px;
}
.ferry-icon.small-icon, .river-bus-icon.small-icon, .river-icon.small-icon, .river-bus-icon.small-icon {
background-size: 60px 1640px;
background-position: 0px -240px;
height: 20px;
width: 20px;
display: block;
}
.river-tour-icon {
background-position: -64px -2208px;
}
.river-tour-icon.small-icon {
background-size: 60px 1640px;
background-position: -40px -1380px;
height: 20px;
width: 20px;
display: block;
}
.contactless-icon {
background-position: -64px -384px;
}
.oyster-icon {
background-position: -64px -448px;
}
.oyster-validation-icon {
background-position: -32px -448px;
}
.oyster-ticket-stop-icon {
background-position: -64px -2272px;
}
.car-club-icon {
background-position: -32px -2592px;
}
.dlr-icon, .docklands-icon, .docklands-light-railway-icon {
background-position: 0px -1088px;
}
.dlr-icon.small-icon, .docklands-icon.small-icon, .docklands-light-railway-icon.small-icon {
background-size: 60px 1640px;
background-position: 0px -680px;
height: 20px;
width: 20px;
display: block;
}
.tram-icon {
background-position: -32px -1120px;
}
.tram-icon.small-icon {
background-size: 60px 1640px;
background-position: 0px -700px;
height: 20px;
width: 20px;
display: block;
}
.cablecar-icon, .cable-car-icon {
background-position: 0px -480px;
}
.cablecar-icon.small-icon, .cable-car-icon.small-icon {
background-size: 60px 1640px;
background-position: 0px -300px;
height: 20px;
width: 20px;
display: block;
}
.left-arrow {
background-position: 0px -576px;
}
.white-up-arrow {
background-position: -32px -608px;
}
.right-arrow, .rainbow-list .rainbow-list-item.link-only .controls, .rainbow-list-wrapper .good-service-link:after {
background-position: 0px -640px;
}
.down-arrow {
background-position: 0px -672px;
}
.white-down-arrow {
background-position: -32px -672px;
}
.down-triangle {
background-position: -64px -704px;
}
.plus-icon-blue, .rainbow-list .controls {
background-position: 0px -704px;
}
.down-icon-blue {
background-position: -64px -704px;
}
.minus-icon-blue, .rainbow-list .rainbow-list-item.expanded .controls {
background-position: 0px -736px;
}
.plus-icon-greenblue {
background-position: -64px -736px;
}
.disruption-icon {
background-position: 0px -832px;
}
.up-stairs {
background-position: 0px -864px;
}
.toilets-icon {
background-position: -32px -864px;
}
.toilets-disabled-icon {
background-position: -64px -864px;
}
.down-stairs {
background-position: 0px -896px;
}
.pram-icon {
background-position: -32px -896px;
}
.down-lift, .icon-list .lifts-icon {
background-position: -64px -896px;
}
.up-escalator {
background-position: 0px -928px;
}
.walking-access-icon {
background-position: -32px -928px;
}
.wheelchair-icon {
background-position: -64px -928px;
}
.down-escalator, .icon-list .escalators-icon {
background-position: 0px -960px;
}
.luggage-icon {
background-position: -32px -960px;
}
.headphones-icon {
background-position: -64px -960px;
}
.avoid-zone-1-icon {
background-position: 0px -992px;
}
.mode-icon {
display: block;
color: #fff;
font-size: 12px;
padding-top: 7px;
text-align: center;
}
.disrupted .mode-icon:before {
content: "";
position: absolute;
background-position: -32px -1344px;
bottom: -10px;
right: -8px;
}
.tube-icon {
background-position: 0px -1056px;
}
.overground-icon {
background-position: -64px -1056px;
}
.overground-icon.small-icon {
background-size: 60px 1640px;
background-position: -40px -700px;
height: 20px;
width: 20px;
display: block;
}
.streets-icon {
background-position: 0px -128px;
}
.coach-icon {
background-position: 0px -1120px;
}
.coach-icon.small-icon {
background-size: 60px 1640px;
background-position: 0px -700px;
height: 20px;
width: 20px;
display: block;
}
.poi-icon, .pointofinterest-icon {
background-position: -64px -1120px;
}
.poi-icon.small-icon, .pointofinterest-icon.small-icon {
background-size: 60px 1640px;
background-position: -40px -700px;
height: 20px;
width: 20px;
display: block;
}
.street-icon {
background-position: 0px -2144px;
}
.plane-icon {
background-position: -32px -2048px;
}
.mail-icon {
background-position: -64px -1152px;
}
.dark .favourite-icon {
background-position: 0px -2048px;
}
.favourite-icon {
background-position: -32px -1184px;
}
.favourite-icon.active {
background-position: 0px -1184px;
}
.active .favourite-icon {
background-position: 0px -1184px;
}
.email-icon {
background-position: -64px -1184px;
}
.phone-icon, .icon-list .payphones-icon {
background-position: -64px -1216px;
}
.small-disrupted-icon {
background-position: -32px -1344px;
}
.twenty-four-hour-icon {
background-position: 0px -1344px;
}
.tube-station-icon {
background-position: -32px -1408px;
}
.national-rail-station-icon {
background-position: -64px -1408px;
}
.overground-station-icon {
background-position: 0px -1440px;
}
.dlr-station-icon, .docklands-station-icon, .docklands-light-railway-station-icon {
background-position: -32px -1440px;
}
.tram-station-icon {
background-position: -64px -1440px;
}
.coach-station-icon {
background-position: 0px -1472px;
}
.river-bus-station-icon {
background-position: -32px -1472px;
}
.bus-station-icon {
background-position: -64px -1472px;
}
.cable-car-station-icon {
background-position: 0px -1504px;
}
.taxi-rank-icon {
background-position: -32px -1504px;
}
.minicab-office-icon {
background-position: -64px -1504px;
}
.bus-stop-icon {
background-position: 0px -1536px;
}
.blank-bus-stop-icon {
background-position: -32px -1536px;
}
.bch-docking-station-icon {
background-position: -64px -1536px;
}
.bch-docking-station-icon.full-000 {
background-position: -32px -1632px;
}
.bch-docking-station-icon.full-125 {
background-position: 0px -1632px;
}
.bch-docking-station-icon.full-250 {
background-position: -64px -1600px;
}
.bch-docking-station-icon.full-375 {
background-position: -32px -1600px;
}
.bch-docking-station-icon.full-500 {
background-position: 0px -1600px;
}
.bch-docking-station-icon.full-625 {
background-position: -64px -1568px;
}
.bch-docking-station-icon.full-750 {
background-position: -32px -1568px;
}
.bch-docking-station-icon.full-875 {
background-position: 0px -1568px;
}
.nearby-icon {
background-position: -32px -1312px;
}
.ticket-halls-icon {
background-position: -64px -1696px;
}
.gates-icon {
background-position: 0px -1728px;
}
.photo-booths-icon {
background-position: -64px -1664px;
}
.cash-machines-icon {
background-position: -32px -1728px;
}
.car-park-icon {
background-position: -32px -1664px;
}
.help-points-icon {
background-position: 0px -1664px;
}
.bridge-icon {
background-position: 0px -1696px;
}
.waiting-room-icon {
background-position: -32px -1696px;
}
.wifi-icon {
background-position: -64px -1728px;
}
.icon-info-interchange {
background-position: 0px -1760px;
}
.icon-info-full {
background-position: -64px -1760px;
}
.icon-info-none {
background-position: -32px -1760px;
}
.icon-info-partial {
background-position: 0px -1792px;
}
.white-pram-icon {
background-position: -32px -1792px;
}
.white-wheelchair-icon {
background-position: -64px -1792px;
}
.info-icon {
background-position: -64px -1920px;
}
.secondary-plan-journey-icon, .secondary-journey-from-icon {
background-position: 0px -1984px;
}
.secondary-journey-to-icon {
background-position: -64px -1952px;
}
.select-icon {
background-position: -64px -2016px;
}
.nearby-icon-white {
background-position: -64px -2048px;
}
.menu-icon-alt {
background-position: 0px -2080px;
}
.menu-icon-blue {
background-position: -32px -2080px;
}
.menu-icon-white {
background-position: -64px -2080px;
}
.tick-icon-alt, .map-options-panel .map-panel-radio-with-image.ticked:before {
background-position: 0px -2112px;
}
.bicycle-moderate-icon, .cycle-moderate-icon {
background-position: 0px -2176px;
}
.bicycle-hard-icon, .cycle-hard-icon {
background-position: -32px -2176px;
}
.print-icon {
background-position: 0px -2304px;
}
.level-walkway {
background-image: url("/static/1/images/vsprite_x2.png");
background-image: url("/static/1/images/vsprite.png") \9;
background-size: 96px 2624px;
background-position: -4px -256px;
height: 32px;
width: 24px;
display: block;
}
.body-cms-preview .level-walkway {
background-image: url("/static/1/images/vsprite.png");
}
.selected .icon.bicycle-icon, .selected .icon.bicycle-easy-icon, .selected .icon.cycle-icon, .selected .icon.cycle-easy-icon, .selected.icon.bicycle-icon, .selected.icon.bicycle-easy-icon, .selected.icon.cycle-icon, .selected.icon.cycle-easy-icon {
background-position: 0px -288px;
}
.selected .icon.walking-icon, .selected.icon.walking-icon {
background-image: url("/static/1/images/vsprite_x2.png");
background-image: url("/static/1/images/vsprite.png") \9;
background-size: 96px 2624px;
background-position: -4px -256px;
height: 32px;
width: 24px;
display: block;
}
.body-cms-preview .selected .icon.walking-icon, .body-cms-preview .selected.icon.walking-icon {
background-image: url("/static/1/images/vsprite.png");
}
.close-icon {
background-image: url("/static/1/images/vsprite_x2.png");
background-image: url("/static/1/images/vsprite.png") \9;
background-size: 96px 2624px;
background-position: 0px -800px;
height: 32px;
width: 24px;
display: block;
}
.body-cms-preview .close-icon {
background-image: url("/static/1/images/vsprite.png");
}
.close-icon-white {
background-image: url("/static/1/images/vsprite_x2.png");
background-image: url("/static/1/images/vsprite.png") \9;
background-size: 96px 2624px;
background-position: -32px -800px;
height: 32px;
width: 24px;
display: block;
}
.body-cms-preview .close-icon-white {
background-image: url("/static/1/images/vsprite.png");
}
.close3-icon {
background-image: url("/static/1/images/vsprite_x2.png");
background-image: url("/static/1/images/vsprite.png") \9;
background-size: 96px 2624px;
background-position: -64px -832px;
height: 32px;
width: 24px;
display: block;
}
.body-cms-preview .close3-icon {
background-image: url("/static/1/images/vsprite.png");
}
.share-icon {
background-image: url("/static/1/images/vsprite_x2.png");
background-image: url("/static/1/images/vsprite.png") \9;
background-size: 96px 2624px;
background-position: -68px -224px;
height: 32px;
width: 24px;
display: block;
}
.body-cms-preview .share-icon {
background-image: url("/static/1/images/vsprite.png");
}
.link-accordion-icon {
padding-left: 34px;
position: relative;
}
.link-accordion-icon:after {
background-position: -32px -672px;
content: "";
position: absolute;
top: 50%;
left: 4px;
margin-top: -16px;
}
.link-accordion-icon.link-accordion-expanded:after {
background-position: -32px -608px;
}
.link-accordion-icon.link-accordion-icon-right {
padding-left: 0;
}
.link-accordion-icon.link-accordion-icon-right:after {
right: -30px;
left: auto;
}
.throbber-blue {
width: 64px;
height: 64px;
background-image: url("/static/1/images/throbber-blue-large.gif");
background-size: 64px 64px;
background-position: 0 0;
}
.throbber-blue-small, .selector span.downloading:after, .twitter-typeahead.downloading:not(.geocoded):after, .document-download-wrap.downloading .document-download-icon {
width: 32px;
height: 32px;
background-image: url("/static/1/images/throbber-blue-small.gif");
background-size: 32px 32px;
background-position: 0px 0px;
}
[class*=roundel-icon] {
width: 60px;
height: 50px;
display: block;
background-size: 100% 100%;
background-repeat: no-repeat;
}
.roundel-icon-bch {
width: 164px;
background-image: url("/static/1/images/roundels/BCH.png");
}
.roundel-icon-bus, .headline-container.mode-bus:after {
background-image: url("/static/1/images/roundels/Buses.png");
}
.roundel-icon-congestion {
width: 50px;
background-image: url("/static/1/images/roundels/CC.png");
}
.roundel-icon-coach, .headline-container.mode-coach:after {
background-image: url("/static/1/images/roundels/Coaches.png");
}
.roundel-icon-cycle, .headline-container.mode-cycle:after {
background-image: url("/static/1/images/roundels/BCH_8.png");
}
.roundel-icon-cycle.full-000, .full-000.headline-container.mode-cycle:after {
background-image: url("/static/1/images/roundels/BCH_0.png");
}
.roundel-icon-cycle.full-125, .full-125.headline-container.mode-cycle:after {
background-image: url("/static/1/images/roundels/BCH_1.png");
}
.roundel-icon-cycle.full-250, .full-250.headline-container.mode-cycle:after {
background-image: url("/static/1/images/roundels/BCH_2.png");
}
.roundel-icon-cycle.full-375, .full-375.headline-container.mode-cycle:after {
background-image: url("/static/1/images/roundels/BCH_3.png");
}
.roundel-icon-cycle.full-500, .full-500.headline-container.mode-cycle:after {
background-image: url("/static/1/images/roundels/BCH_4.png");
}
.roundel-icon-cycle.full-625, .full-625.headline-container.mode-cycle:after {
background-image: url("/static/1/images/roundels/BCH_5.png");
}
.roundel-icon-cycle.full-750, .full-750.headline-container.mode-cycle:after {
background-image: url("/static/1/images/roundels/BCH_6.png");
}
.roundel-icon-cycle.full-875, .full-875.headline-container.mode-cycle:after {
background-image: url("/static/1/images/roundels/BCH_7.png");
}
.roundel-icon-dial-a-ride {
background-image: url("/static/1/images/roundels/DialARide.png");
}
.roundel-icon-dlr, .headline-container.mode-dlr:after {
background-image: url("/static/1/images/roundels/DLR.png");
}
.roundel-icon-cable-car, .headline-container.mode-cable-car:after {
width: 161px;
height: 68px;
background-image: url("/static/1/images/roundels/EAL.png");
}
.roundel-icon-lez {
height: 48px;
width: 48px;
background-image: url("/static/1/images/roundels/LEZ.png");
}
.roundel-icon-overground, .headline-container.mode-overground:after {
background-image: url("/static/1/images/roundels/Overground.png");
}
.roundel-icon-river-bus, .headline-container.mode-river-bus:after {
background-image: url("/static/1/images/roundels/River.png");
}
.roundel-icon-roads {
background-image: url("/static/1/images/roundels/Roads.png");
}
.roundel-icon-taxi {
background-image: url("/static/1/images/roundels/Taxi.png");
}
.roundel-icon-tfl {
background-image: url("/static/1/images/roundels/TfL.png");
}
.roundel-icon-tram, .headline-container.mode-tram:after {
background-image: url("/static/1/images/roundels/Tram.png");
}
.roundel-icon-tube, .headline-container.mode-tube:after {
background-image: url("/static/1/images/roundels/Tube.png");
}
.no-letter:after {
content: "";
position: absolute;
display: block;
top: 1px;
background-position: -1px -418px;
height: 27px;
width: 29px;
}
.circle-icon {
display: inline-block;
*display: inline;
*zoom: 1;
border-radius: 50%;
text-transform: uppercase;
position: relative;
z-index: 3;
color: #fff;
height: 32px;
min-width: 30px;
line-height: 32px;
text-align: center;
padding-top: 2px;
font-size: 12px;
font-weight: bold;
padding: 0px 4px;
overflow: hidden;
border-radius: 0;
margin-left: -1px;
}
.circle-icon:after {
content: "";
position: absolute;
display: block;
border-radius: 24px;
height: 24px;
left: 2px;
right: 2px;
z-index: -1;
top: 3px;
border-bottom: 2px solid #ccc;
}
.circle-icon.red:after {
background-color: #cc3333;
}
.circle-icon.no-letter {
width: 31px;
}
.circle-icon.no-letter:after {
height: 27px;
}
.disrupted .circle-icon:before {
content: "";
position: absolute;
background-position: -32px -1344px;
top: 9px;
right: -10px;
}
.placeholder-image {
color: #2d3039;
display: block;
position: relative;
margin-bottom: 20px;
}
.placeholder-image:hover, .placeholder-image:focus {
text-underline: none;
}
.placeholder-image:visited {
color: #2d3039;
}
.placeholder-image:after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.placeholder-image .placeholder-text {
top: 50%;
left: 50%;
margin: auto;
min-width: 120px;
min-height: 50px;
display: table;
text-align: center;
margin-left: -60px;
margin-top: -25px;
}
.placeholder-text {
background: #fff;
padding: 3px;
color: #2070b0;
font-family: "New Johnson";
position: absolute;
top: 50%;
margin-top: -20px;
z-index: 1;
}
.placeholder-text strong {
display: block;
font-size: 16px;
}
.status-map-placeholder {
background-image: url("/static/1/images/placeholder/tube_tab.jpg");
height: 60px;
width: 100%;
}
.status-map-placeholder.bus {
background-image: url("/static/1/images/placeholder/bus-tab.jpg");
}
.status-map-placeholder.cable-car {
background-image: url("/static/1/images/placeholder/emirates_tab.jpg");
}
.status-map-placeholder.tram {
background-image: url("/static/1/images/placeholder/tram_tab.jpg");
}
.status-map-placeholder.river-bus {
background-image: url("/static/1/images/placeholder/river_tab.jpg");
}
.status-map-placeholder.national-rail {
background-image: url("/static/1/images/placeholder/rail_dt.jpg");
}
.map-switcher .placeholder-image, .map-switcher .status-map-placeholder {
height: 100%;
}
/**************************************************
DROPDOWN
* Author: Rodrigo Lopes
* Created: 19/02/2013
* Modified by:
* Modified date:
* Pattern library URL: http://
**************************************************/
.primary-dropdown-ico {
position: relative;
padding-right: 28px !important;
}
.primary-dropdown-ico:after {
background-image: url("/static/1/images/vsprite_x2.png");
background-image: url("/static/1/images/vsprite.png") \9;
background-size: 96px 2624px;
background-position: -32px -672px;
height: 22px;
width: 28px;
display: block;
content: "";
position: absolute;
right: 3px;
top: 3px;
}
.body-cms-preview .primary-dropdown-ico:after {
background-image: url("/static/1/images/vsprite.png");
}
.cookie-policy-button a {
float: right;
}
.cookie-policy-notice {
display: none;
background-color: #1F2025;
color: #ffffff;
padding: 4px 0;
border-bottom: 1px solid #A1A1A2;
font-size: 80%;
*zoom: 1;
}
.cookie-policy-notice:before, .cookie-policy-notice:after {
content: " ";
display: table;
}
.cookie-policy-notice:after {
clear: both;
}
.cookie-policy-notice p {
padding: 5px 0;
margin-bottom: 0;
}
.cookie-policy-notice .link2:after {
content: "";
background-image: url("/static/1/images/vsprite_x2.png");
background-image: url("/static/1/images/vsprite.png") \9;
background-size: 96px 2624px;
background-position: -38px -2346px;
height: 12px;
width: 15px;
display: inline-block;
margin-bottom: -2px;
}
.body-cms-preview .cookie-policy-notice .link2:after {
background-image: url("/static/1/images/vsprite.png");
}
.message-bar-style-1 {
background-color: #1F2025;
color: #fff;
padding: 6px 0;
font-size: 80%;
padding-right: 9px;
*zoom: 1;
}
.message-bar-style-1:before, .message-bar-style-1:after {
content: " ";
display: table;
}
.message-bar-style-1:after {
clear: both;
}
.message-bar-style-1 img {
float: right;
}
/* modules - small - These modules depend upon sheets above */
/**************************************************
STOP LIST
* Author: Adrian Osmond
* Created: 21/08/2013
* Pattern library URL: //Google Drive\NWP\Front-end\Pattern library\Modules\M017-stop-list
**************************************************/
.stop-list, .timetable-route {
margin-left: 0;
list-style: none outside none;
}
.stop-list li, .timetable-route li {
position: relative;
}
.stop-list li:not(.route-branch-heading):not(.route-branch-information):nth-child(odd), .timetable-route li:not(.route-branch-heading):not(.route-branch-information):nth-child(odd) {
background-color: #f7f7f7;
}
.stop-list li:hover, .timetable-route li:hover {
z-index: 2;
}
.stop-list .stop-link, .timetable-route .stop-link {
display: block;
padding: 10px 30px 10px 60px;
color: #2d3039;
}
.stop-list a.stop-link, .timetable-route a.stop-link {
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.stop-list a.stop-link:after, .timetable-route a.stop-link:after {
content: "";
background-position: 0px -640px;
position: absolute;
right: 0;
top: 50%;
margin-top: -16px;
}
.stop-list a.stop-link.no-arrow:after, .timetable-route a.stop-link.no-arrow:after {
display: none;
}
.stop-list a.stop-link:focus, .timetable-route a.stop-link:focus, .stop-list a.stop-link:hover, .timetable-route a.stop-link:hover {
text-decoration: none;
}
.stop-list a.stop-link:focus:not(.no-arrow), .timetable-route a.stop-link:focus:not(.no-arrow), .stop-list a.stop-link:hover:not(.no-arrow), .timetable-route a.stop-link:hover:not(.no-arrow) {
background-color: #eff6fd;
}
.stop-list a.stop-link:focus.no-arrow, .timetable-route a.stop-link:focus.no-arrow, .stop-list a.stop-link:hover.no-arrow, .timetable-route a.stop-link:hover.no-arrow {
cursor: default;
}
.stop-list .lines, .timetable-route .lines {
width: 44px;
}
.stop-list .stop-name, .timetable-route .stop-name {
left: 28px;
top: 50%;
margin-top: -16px;
width: 32px;
position: absolute;
height: 30px;
}
.stop-list .stop-name.mode-icon, .timetable-route .stop-name.mode-icon {
float: none;
margin-top: -16px;
position: absolute;
}
.stop-list .stop-name.hail-and-ride, .timetable-route .stop-name.hail-and-ride {
border: 4px solid #cc3333;
background-color: transparent;
width: 25px;
height: 25px;
margin-top: -12px;
}
.stop-list .time-and-mode, .timetable-route .time-and-mode {
z-index: 2;
}
.stop-list .time-and-mode .stop-name, .timetable-route .time-and-mode .stop-name {
top: auto;
margin-top: 0;
}
.stop-list .with-continuation, .timetable-route .with-continuation {
margin-bottom: 35px;
background-color: #fff;
}
.stop-list .with-continuation:before, .timetable-route .with-continuation:before {
content: "";
position: absolute;
margin-top: -2px;
left: -18px;
width: 40px;
height: 40px;
background-image: url("/static/1/images/bus-route_sprite_x2.png");
background-image: url("/static/1/images/bus-route_sprite.png") \9;
background-size: 80px 120px;
background-position: 0 -80px;
top: -8px;
left: 10px;
}
.stop-list .route-branch-information.bus-split, .timetable-route .route-branch-information.bus-split {
min-height: 60px;
}
/**************************************************
M021 - icon-list
* Author: Alex Faunt
* Created: 09/09/2013
* Pattern library URL: \Google Drive\NWP\Front-end\Pattern library\Modules\M021-icon-list
**************************************************/
.icon-list {
list-style-type: none;
margin: 0;
padding: 0;
position: relative;
}
.icon-list > li {
width: 100%;
padding: 0px 10px 0px 60px;
line-height: 50px;
height: 50px;
position: relative;
font-size: 14px;
display: block;
margin-bottom: 14px;
}
.icon-list > li:before, .icon-list > li:after {
content: "";
position: absolute;
display: block;
}
.icon-list > li:before {
width: 50px;
height: 50px;
left: 0;
top: 0;
background-color: #eeeeee;
}
.icon-list > li > .i {
top: 9px;
left: 9px;
position: absolute;
}
/**************************************************
M028 - live boards
* Author: Adrian Osmond
* Created: 05/09/2013
* Pattern library URL: \Google Drive\NWP\Front-end\Pattern library\Modules\M028-live-boards
**************************************************/
.live-board {
margin: 0;
color: #2d3039;
/*
.live-board-platform {
position: absolute;
top: 6px;
right: 10px;
}
*/
}
.live-board li {
list-style: none outside none;
}
.live-board .live-board-subheading {
position: relative;
padding: 8px 12px 4px 14px;
margin-bottom: 0;
background: #eeeeee;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
.live-board .live-board-subheading:first-child {
border-top: 0;
}
.live-board.updating .live-board-update {
-webkit-animation: rotate 1.2s infinite reverse linear;
-moz-animation: rotate 1.2s infinite reverse linear;
animation: rotate 1.2s infinite reverse linear;
}
.live-board .live-board-feed {
margin: 0;
counter-reset: item;
}
.live-board .live-board-feed-item {
position: relative;
padding: 8px 70px 8px 48px;
border-top: 1px solid #cccccc;
min-height: 39px;
}
.live-board .live-board-feed-item:first-child {
border-top: 0;
}
.live-board .live-board-route {
display: block;
position: absolute;
top: 0;
left: 0;
min-width: 38px;
height: 100%;
font-weight: bold;
}
.live-board .live-board-route:before {
counter-increment: item;
content: counters(item,".") " ";
z-index: 5;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
text-align: center;
padding: 8px 0;
color: inherit;
font-weight: inherit;
}
.live-board.bus .live-board-feed-item {
padding-left: 60px;
}
.live-board.bus .live-board-route {
text-align: center;
padding: 8px 0;
background-color: #cc3333;
color: #fff;
}
.live-board.bus .live-board-route:before {
display: none;
}
.live-board .live-board-stops-en-route {
display: block;
color: #767676;
}
.live-board .live-board-eta {
position: absolute;
top: 10px;
right: 10px;
font-weight: bold;
}
.live-board .live-board-link {
position: relative;
display: block;
padding: 7px 10px 10px 48px;
color: #2070b0;
background: #fff;
border-top: 1px solid #cccccc;
}
.live-board .live-board-link .down-icon-blue {
background-image: none;
width: 38px;
height: 100%;
background-color: #eeeeee;
position: absolute;
top: 0;
left: 0;
}
.live-board .live-board-link .down-icon-blue:after {
content: "";
position: absolute;
left: 3px;
top: 4px;
background-position: -64px -704px;
}
.live-board .live-board-link.hidden {
display: none;
}
.live-board .live-board-subboard {
border-top: 1px solid #cccccc;
}
.live-board .live-board-subboard:first-child {
border-top: 0px none;
}
.live-board .live-board-subboard .paginate-hidden {
display: none;
}
.live-board .live-board-subboard.expanded .paginate-hidden {
display: block;
}
.live-board .live-board-subboard.expanded .live-board-feed-item.hidden {
display: none;
}
.live-board .live-board-subboard.expanded .live-board-link {
display: none;
}
/**************************************************
M029 - nearby-list
* Author: Adrian Osmond
* Created: 09/09/2013
* Pattern library URL: \Google Drive\NWP\Front-end\Pattern library\Modules\M029-nearby-list
**************************************************/
.nearby-list {
list-style: none outside none;
margin: 0 0 20px;
overflow: hidden;
border-bottom: 1px solid #cccccc;
}
.nearby-list .nearby-list-result {
position: relative;
border-top: 1px solid #cccccc;
background-color: #fff;
}
.nearby-list .nearby-list-result:last-child .expandable-information .nearby-list-result:last-child {
border-bottom: 0;
}
.nearby-list .nearby-list-result:nth-child(even) > .expanded-result-details > a > .nearby-mode-information {
background-color: #f7f7f7;
}
.nearby-list .nearby-list-result.bch {
min-height: 90px;
}
.breakpoint-Small:not(.breakpoint-Large) .nearby-list .nearby-list-result.bch > .expanded-result-details > a {
cursor: default;
}
.breakpoint-Small:not(.breakpoint-Large) .nearby-list .nearby-list-result.bch > .expanded-result-details > a:after {
content: none;
}
.breakpoint-Small:not(.breakpoint-Large) .nearby-list .nearby-list-result.bch > .expanded-result-details > a:hover, .breakpoint-Small:not(.breakpoint-Large) .nearby-list .nearby-list-result.bch > .expanded-result-details > a:focus {
background-color: transparent;
}
.nearby-list .expandable-information:nth-child(even) .show-more .nearby-mode-information {
background-color: #f7f7f7;
}
.nearby-list .expanded-result-details > a {
padding: 10px 0;
color: #2d3039;
}
.nearby-list .expanded-result-details > a:hover, .nearby-list .expanded-result-details > a:focus {
text-decoration: none;
}
.nearby-list .expanded-result-details > a:after {
content: "";
position: absolute;
right: 0;
top: 50%;
margin-top: -16px;
background-image: url("/static/1/images/vsprite_x2.png");
background-image: url("/static/1/images/vsprite.png") \9;
background-size: 96px 2624px;
background-position: 0px -640px;
height: 32px;
width: 32px;
display: block;
}
.body-cms-preview .nearby-list .expanded-result-details > a:after {
background-image: url("/static/1/images/vsprite.png");
}
.nearby-list [data-mode-count='2'] > .expanded-result-details > a {
min-height: 80px;
}
.nearby-list [data-mode-count='3'] > .expanded-result-details > a {
min-height: 105px;
}
.nearby-list [data-mode-count='4'] > .expanded-result-details > a {
min-height: 130px;
}
.nearby-list [data-mode-count='5'] > .expanded-result-details > a {
min-height: 155px;
}
.nearby-list .nearby-mode-information {
width: 35px;
position: absolute;
top: 0;
left: 0;
height: 100%;
background-color: #eeeeee;
}
.nearby-list .bus-route {
display: inline-block;
margin-right: 10px;
line-height: 100%;
}
.nearby-list a {
display: block;
position: relative;
min-height: 40px;
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.nearby-list a:hover, .nearby-list a:focus {
background-color: #eff6fd;
}
.nearby-list .nearby-mode-details {
padding: 0 35px 0 45px;
}
.nearby-list .nearby-mode-details > span:last-child, .nearby-list .nearby-mode-details > div:last-child {
padding-bottom: 0;
margin-bottom: 5px;
}
.nearby-list .nearby-mode-details .towards-text {
color: #666666;
}
.nearby-list .show-more {
display: block;
background-color: #fff;
padding: 10px 35px 10px 45px;
}
.nearby-list .show-more:hover, .nearby-list .show-more:focus {
-webkit-transition: margin-top 0.3s, background-color 0s;
-moz-transition: margin-top 0.3s, background-color 0s;
transition: margin-top 0.3s, background-color 0s;
}
.nearby-list .show-more.expanded {
margin-top: 0 !important;
}
.nearby-list .show-more.expanded .nearby-mode-information:after {
border-width: 0 5px 5px 5px;
border-color: transparent transparent #113b92 transparent;
}
.nearby-list .show-more .nearby-mode-information:after {
content: "";
display: block;
position: absolute;
top: 17px;
left: 12px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 5px 5px 0 5px;
border-color: #113b92 transparent transparent transparent;
}
.nearby-list .show-more .nearby-mode-details {
padding: 0;
line-height: 20px;
}
.nearby-list .show-more.hidden {
display: none;
}
.nearby-list .nearby-list-heading {
display: block;
padding-bottom: 5px;
font-weight: bold;
}
.nearby-list .nearby-list-information {
display: block;
position: relative;
line-height: 100%;
padding-bottom: 10px;
}
.nearby-list ul.nearby-list-information {
margin-left: 0;
}
.nearby-list .hidden-information > .expanded-result-details > a {
min-height: 65px;
}
.nearby-list .hidden-information > .expanded-result-details > a .nearby-mode-information:after {
content: "";
display: block;
position: absolute;
bottom: 0;
width: 35px;
height: 24px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAGCAYAAABJuCfcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDNTE5NjI2NTEyNDcxMUUzQkEwOEE4M0NCOUJCNTM1RiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNTE5NjI2NjEyNDcxMUUzQkEwOEE4M0NCOUJCNTM1RiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM1MTk2MjYzMTI0NzExRTNCQTA4QTgzQ0I5QkI1MzVGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkM1MTk2MjY0MTI0NzExRTNCQTA4QTgzQ0I5QkI1MzVGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+o0RQtgAAAFVJREFUeNpi/Pr1azM3N3c7wwADoDsqmbi4uGpAjIF2CMgdTCDOQDoI5hAQmwUmCBT49////2+MjIx0cwjQPhD1D1kABBpBEgOIQfbDGQyDADcCBBgAfqj1cdeFneQAAAAASUVORK5CYII=);
}
.nearby-list .expandable-information > a {
border-top: 1px dotted #cccccc;
}
.nearby-list .hidden-results {
list-style: none outside none;
margin: 0;
}
.nearby-list .hidden-results .nearby-list-result {
border-bottom: 0;
border-top: 1px dotted #cccccc;
}
.nearby-list .bch-dock-bar {
display: block;
position: relative;
height: 10px;
margin-bottom: 5px;
border: 1px solid #0099cc;
background-color: #eeeeee;
}
.nearby-list .bch-dock-bar:after {
content: "";
position: absolute;
display: block;
top: 0;
left: 0;
width: 0;
height: 100%;
background-color: #0099cc;
}
.nearby-list .bch-dock-bar.full-125:after {
width: 12.5%;
}
.nearby-list .bch-dock-bar.full-250:after {
width: 25%;
}
.nearby-list .bch-dock-bar.full-375:after {
width: 37.5%;
}
.nearby-list .bch-dock-bar.full-500:after {
width: 50%;
}
.nearby-list .bch-dock-bar.full-625:after {
width: 62.5%;
}
.nearby-list .bch-dock-bar.full-750:after {
width: 75%;
}
.nearby-list .bch-dock-bar.full-875:after {
width: 87.5%;
}
.nearby-list .bch-dock-bar.full-1000:after {
width: 100%;
}
.nearby-list .bch-bike-spaces {
position: absolute;
right: 0;
top: 0;
}
.nearby-list .line-container {
display: block;
position: relative;
padding-left: 20px;
margin-bottom: 1px;
}
.nearby-list .line {
display: block;
position: absolute;
width: 10px;
height: 100%;
top: 0;
left: 0;
}
.nearby-list .mode-icon {
position: absolute;
top: 5px;
left: 2px;
}
.nearby-list .multi-modal-station {
display: block;
position: relative;
width: 32px;
margin: 2px 0 0 2px;
background-color: #fff;
border-radius: 15px;
padding: 5px 0;
box-shadow: 0 3px 0 0 #cccccc;
-webkit-transform: scale(0.85);
-moz-transform: scale(0.85);
-ms-transform: scale(0.85);
-o-transform: scale(0.85);
transform: scale(0.85);
}
.nearby-list .multi-modal-station .mode-icon {
float: left;
position: static;
padding-top: 0;
margin-top: -2px;
margin-bottom: -2px;
}
.nearby-list .multi-modal-station .mode-icon.tube-station-icon {
background-position: 0px -1056px;
}
.nearby-list .multi-modal-station .mode-icon.national-rail-station-icon {
background-position: 0px -352px;
}
.nearby-list .multi-modal-station .mode-icon.dlr-station-icon, .nearby-list .multi-modal-station .mode-icon.docklands-station-icon, .nearby-list .multi-modal-station .mode-icon.docklands-light-railway-station-icon {
background-position: 0px -1088px;
}
.nearby-list .multi-modal-station .mode-icon.tram-station-icon {
background-position: -32px -1120px;
}
.nearby-list .multi-modal-station .mode-icon.overground-station-icon {
background-position: -64px -1056px;
}
.nearby-list .multi-modal-station .mode-icon.river-bus-station-icon {
background-position: 0px -384px;
}
.nearby-list .multi-modal-station .mode-icon.coach-station-icon {
background-position: 0px -1120px;
}
.nearby-list .multi-modal-station .mode-icon.disrupted:before {
content: "";
display: block;
position: relative;
top: 6px;
left: 7px;
-webkit-transform: scale(1.17647);
-moz-transform: scale(1.17647);
-ms-transform: scale(1.17647);
-o-transform: scale(1.17647);
transform: scale(1.17647);
background-image: url("/static/1/images/vsprite_x2.png");
background-image: url("/static/1/images/vsprite.png") \9;
background-size: 96px 2624px;
background-position: -32px -1344px;
height: 32px;
width: 32px;
display: block;
}
.body-cms-preview .nearby-list .multi-modal-station .mode-icon.disrupted:before {
background-image: url("/static/1/images/vsprite.png");
}
.nearby-list .multi-modal-station .mode-icon:last-child:after {
content: "";
display: block;
position: absolute;
bottom: -7px;
left: 50%;
width: 0px;
height: 0px;
border-style: solid;
border-width: 7px 7px 0 7px;
border-color: #cccccc transparent transparent transparent;
margin-left: -7px;
}
.nearby-list .multi-modal-station:before {
content: "";
display: block;
position: absolute;
bottom: -4px;
left: 50%;
width: 0px;
height: 0px;
border-style: solid;
border-width: 5px 5px 0 5px;
border-color: #fff transparent transparent transparent;
margin-left: -5px;
z-index: 1;
}
.nearby-list .small-disrupted-icon {
display: inline-block;
width: 10px;
height: 20px;
background-position: -43px -1350px;
}
/**************************************************
C1 Accordion
* Author: Steven Swinbank
* Created: 23/04/2013
* Pattern library URL: https://tflonline.atlassian.net/wiki/display/NWP/C22+-+Video+gallery
**************************************************/
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-bottom: 20px;
}
.video-container iframe,
.video-container object,
.video-container embed {
padding: 5px;
background: #fff;
border: 1px solid #cccccc;
border-radius: 5px;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-gallery-wrapper .video-gallery {
padding-bottom: 15px;
background: #eeeeee;
}
.video-gallery-wrapper .video-gallery .galleria-image-nav {
display: none;
}
.video-gallery-wrapper .video-thumbs .video-thumb img {
max-width: 100%;
height: auto;
}
.video-gallery-wrapper .video-thumbs .video-thumb.selected .video-caption {
color: #000;
width: 100%;
}
.video-gallery-wrapper .video-thumbs .video-thumb.selected span {
background: #ccc;
color: #000;
}
.video-gallery-wrapper .video-thumbs .video-thumb:nth-child(3n+3) {
margin-right: 0;
}
.video-gallery-wrapper .video-thumbs .video-thumb:first-child {
padding-left: 0;
}
.video-gallery-wrapper .video-thumbs .video-thumb .video-caption {
display: block;
padding: 10px 10px 10px 10px;
font-size: 10pt;
float: left;
color: #2070b0;
}
.video-gallery-wrapper .video-thumbs .video-thumb > a:after {
clear: both;
display: block;
content: "";
}
.video-gallery-wrapper .nbs-flexisel-inner {
margin-bottom: 15px;
}
@media only screen and (min-width: 580px) {
.video-thumbs .video-thumb {
max-width: 23.5%;
}
.video-thumbs .video-thumb:nth-child(4n+4) {
margin-right: 0;
}
}
.video-gallery-title {
padding: 5px 5px 5px 8px;
font-size: 14pt;
}
#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
display: none;
}
.nbs-flexisel-container {
position: relative;
max-width: 100%;
*overflow: hidden;
}
.nbs-flexisel-ul {
position: relative;
width: 9999px;
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left;
}
.nbs-flexisel-inner {
overflow: hidden;
float: left;
width: 100%;
background: #eeeeee;
border-top: none;
}
.nbs-flexisel-item {
float: left;
margin: 0px;
padding: 0px;
cursor: pointer;
position: relative;
line-height: 0px;
}
.nbs-flexisel-item img {
max-width: 32%;
padding: 1px;
float: left;
}
/*** Navigation ***/
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
height: 40px;
width: 40px;
background: #fff;
position: absolute;
cursor: pointer;
z-index: 1000;
}
.nbs-flexisel-nav-left {
left: 0;
}
.nbs-flexisel-nav-left:after {
background-image: url("/static/1/images/vsprite_x2.png");
background-image: url("/static/1/images/vsprite.png") \9;
background-size: 96px 2624px;
background-position: 0px -576px;
height: 32px;
width: 32px;
display: block;
position: absolute;
top: 3px;
left: 3px;
content: "";
}
.body-cms-preview .nbs-flexisel-nav-left:after {
background-image: url("/static/1/images/vsprite.png");
}
.nbs-flexisel-nav-right {
right: 0;
}
.nbs-flexisel-nav-right:after {
background-image: url("/static/1/images/vsprite_x2.png");
background-image: url("/static/1/images/vsprite.png") \9;
background-size: 96px 2624px;
background-position: 0px -640px;
height: 32px;
width: 32px;
display: block;
position: absolute;
top: 3px;
right: 3px;
content: "";
}
.body-cms-preview .nbs-flexisel-nav-right:after {
background-image: url("/static/1/images/vsprite.png");
}
/**************************************************
M033-headline
* Author: Alex Faunt
* Created: 12/09/2013
* Pattern library URL: \Google Drive\NWP\Front-end\Pattern library\Modules\M033-headline
**************************************************/
.headline-container {
margin: 15px 0 10px;
padding: 5px 0;
position: relative;
}
.headline-container h1 {
padding-bottom: 8px;
}
.headline-container.plain {
padding: 0;
font-family: "NJ Signing";
}
.headline-container.plain h1 {
font-family: "NJ Signing";
}
.headline-container.section-title {
padding: 5px 0;
}
.headline-container.with-tag {
padding-left: 20px;
}
.headline-container.with-tag.bus {
padding-left: 0;
*zoom: 1;
}
.headline-container.with-tag.bus:before, .headline-container.with-tag.bus:after {
content: " ";
display: table;
}
.headline-container.with-tag.bus:after {
clear: both;
}
.headline-container.with-tag.bus h1 {
float: left;
color: #fff;
background-color: #cc3333;
padding: 12px 10px 4px;
}
.headline-container.with-tag .tag {
position: absolute;
display: block;
left: 0;
bottom: 0;
top: 0;
width: 10px;
}
.headline-container.with-tag h1 {
padding-top: 13px;
padding-bottom: 8px;
}
.headline-container.content-page {
border-bottom: 1px solid #cacaca;
padding: 0;
}
.headline-container.content-page h1 {
line-height: 100%;
word-wrap: break-word;
text-decoration: none;
}
.headline-container.content-page h1 a {
color: inherit;
text-decoration: none;
font-size: inherit;
line-height: inherit;
}
.headline-container[class*="mode-"] {
padding-right: 46px;
}
.headline-container[class*="mode-"]:after {
content: "";
display: block;
position: absolute;
right: 0;
width: 36px;
height: 30px;
bottom: 10px;
background-size: 100%;
background-repeat: no-repeat;
}
.headline-container.mode-cable-car {
padding-right: 128px;
padding-top: 25px;
}
.headline-container.mode-cable-car:after {
height: 50px;
width: 118px;
}
.headline-container.mode-cable-car .headline-info {
padding-right: 128px;
}
.headline-container.mode-cycle:after {
height: 36px;
}
.headline-container .headline-info {
padding: 5px 0 10px 10px;
position: relative;
min-height: 40px;
font-size: 16px;
}
.headline-container .headline-info.with-icon {
padding-left: 35px;
}
.headline-container .headline-info.with-icon > span {
position: absolute;
display: block;
left: 0;
top: 0;
}
.headline-container .headline-info.with-icon > p {
margin: 0;
line-height: 16px;
padding-top: 4px;
}
.with-favourite .headline-container {
padding-bottom: 50px;
}
.with-favourite .headline-container:after {
bottom: 60px;
}
.with-favourite .headline-container .favourite {
position: absolute;
left: 0;
right: 0;
bottom: 10px;
margin: 0;
}
.headline-container.nearby-page:after, .headline-container.maps-page:after {
content: "";
position: absolute;
right: 0;
bottom: 0;
background-image: url("/static/1/images/homepage_sprite_x2.png");
background-image: url("/static/1/images/homepage_sprite.png") \9;
background-size: 96px 144px;
background-position: 48px 48px;
height: 48px;
width: 48px;
display: block;
}
.body-cms-preview .headline-container.nearby-page:after, .body-cms-preview .headline-container.maps-page:after {
background-image: url("/static/1/images/homepage_sprite.png");
}
.headline-container.maps-page:after {
background-position: -48px -48px;
}
.headline-container.nearby-page:after {
background-position: 0px -96px;
}
/**************************************************
M035-bus-options
* Author: Alex Faunt
* Created: 12/09/2013
* Pattern library URL: Google Drive\NWP\Front-end\Pattern library\Modules\M035-bus-options
**************************************************/
.bus-options {
list-style-type: none;
margin-left: 1px;
}
.bus-options:after {
content: "";
display: block;
clear: both;
}
.bus-options .bus-option {
display: block;
float: left;
margin-left: -1px;
margin-top: -1px;
}
.bus-options .i {
font-size: 0;
line-height: 0;
}
.bus-options.filter .bus-option {
min-width: 50px;
height: 50px;
line-height: 48px;
font-size: 20px;
border-bottom: 3px solid #cccccc;
margin-bottom: 7px;
}
.bus-options.filter .bus-option .i {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.bus-options.filter .bus-option.active {
border-color: #cc3333;
}
.bus-option {
display: inline-block;
*display: inline;
*zoom: 1;
min-width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
border: 1px solid #cccccc;
color: #1a5a92;
font-size: 18px;
position: relative;
background: #fff;
}
.bus-option .bus-option-route-name {
height: 100%;
width: 100%;
display: block;
text-decoration: none;
font-size: inherit;
color: inherit;
line-height: inherit;
padding: 0 5px;
cursor: pointer;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.bus-option .bus-option-route-name:hover, .bus-option .bus-option-route-name:focus {
background-color: #f2f2f2;
}
.bus-option .i {
display: block;
margin: 0;
padding: 0;
position: absolute;
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
}
.bus-option.night-bus {
background-color: #eff6fd;
}
.bus-option.warning {
background-color: #faf5e1;
}
.bus-option.warning:hover .bus-option-route-name, .bus-option.warning:focus .bus-option-route-name {
background-color: #f6eecb;
}
.bus-option.warning .i {
background-position: -32px -1344px;
bottom: -8px;
right: -7px;
}
.bus-option.non-stop .i {
background-position: 0px -1344px;
top: -9px;
left: 50%;
margin-left: -17px;
}
.bus-option.active {
background-color: #cc3333;
color: #fff;
position: relative;
overflow: visible;
}
.bus-option.active:hover .bus-option-route-name, .bus-option.active:focus .bus-option-route-name {
background-color: #b82e2e;
}
.bus-option.active:after {
content: "";
display: block;
position: absolute;
border-color: #cc3333 transparent transparent;
border-width: 8px;
border-style: solid;
top: 100%;
left: 50%;
margin-left: -8px;
}
/**************************************************
C10 Document download
* Author:
* Created:
* Pattern library URL: https://tflonline.atlassian.net/wiki/display/NWP/C10+-+Document+download
**************************************************/
.document-download-wrap {
position: relative;
padding: 10px 40px 10px 10px;
display: block;
margin-top: 20px;
margin-bottom: 20px;
border: solid 1px #a8a8a8;
border-bottom: solid 4px #cccccc;
background-color: #fff;
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.document-download-wrap:hover, .document-download-wrap:focus {
text-decoration: none;
background-color: #eff6fd;
}
.document-download-wrap .document-download-text {
width: 100%;
}
.document-download-wrap .document-download-text p {
margin-bottom: 0;
color: #2070b6;
}
.document-download-wrap .document-download-attachment {
width: 100%;
}
.document-download-wrap .document-download-attachment p {
margin-bottom: 0;
color: #676767;
}
.document-download-wrap .document-download-icon {
width: 32px;
height: 32px;
position: absolute;
right: 5px;
top: 50%;
margin-top: -16px;
}
.document-download-wrap .download-doc {
background-image: url("/static/1/images/vsprite_x2.png");
background-image: url("/static/1/images/vsprite.png") \9;
background-size: 96px 2624px;
background-position: -64px -192px;
height: 32px;
width: 32px;
display: block;
}
.body-cms-preview .document-download-wrap .download-doc {
background-image: url("/static/1/images/vsprite.png");
}
.document-download-wrap .download-image {
background-image: url("/static/1/images/vsprite_x2.png");
background-image: url("/static/1/images/vsprite.png") \9;
background-size: 96px 2624px;
background-position: -64px -96px;
height: 32px;
width: 32px;
display: block;
}
.body-cms-preview .document-download-wrap .download-image {
background-image: url("/static/1/images/vsprite.png");
}
.document-download-wrap .download-spread {
background-image: url("/static/1/images/vsprite_x2.png");
background-image: url("/static/1/images/vsprite.png") \9;
background-size: 96px 2624px;
background-position: -64px -160px;
height: 32px;
width: 32px;
display: block;
}
.body-cms-preview .document-download-wrap .download-spread {
background-image: url("/static/1/images/vsprite.png");
}
.document-download-wrap .download-zip {
background-image: url("/static/1/images/vsprite_x2.png");
background-image: url("/static/1/images/vsprite.png") \9;
background-size: 96px 2624px;
background-position: -64px -128px;
height: 32px;
width: 32px;
display: block;
}
.body-cms-preview .document-download-wrap .download-zip {
background-image: url("/static/1/images/vsprite.png");
}
.document-download-wrap .download-audio {
background-image: url("/static/1/images/vsprite_x2.png");
background-image: url("/static/1/images/vsprite.png") \9;
background-size: 96px 2624px;
background-position: -64px -128px;
height: 32px;
width: 32px;
display: block;
}
.body-cms-preview .document-download-wrap .download-audio {
background-image: url("/static/1/images/vsprite.png");
}
.document-download-wrap.with-image .document-download-text {
padding-left: 100px;
}
.document-download-wrap.with-image .document-download-attachment {
padding-left: 100px;
}
.document-download-wrap.with-image .document-download-image {
position: absolute;
left: 10px;
top: 10px;
overflow: hidden;
}
.document-download-wrap.with-image .document-download-image.portrait {
height: 124px;
width: 88px;
}
.document-download-wrap.with-image .document-download-image.landscape {
width: 88px;
height: 62px;
}
.document-download-wrap.portrait-download-image {
min-height: 150px;
}
.document-download-wrap.landscape-download-image {
min-height: 85px;
}
.document-download-wrap.landscape-download-image .document-download-text {
padding-left: 105px;
}
.document-download-wrap.landscape-download-image .document-download-attachment {
padding-left: 105px;
}
/**************************************************
M046-map-panel
* Author: Adrian Osmond
* Created: 07/10/2013
* Pattern library URL: Google Drive\NWP\Front-end\Pattern library\Modules\M046-map-panel
**************************************************/
.map-panel {
background-color: #2d3039;
color: #fff;
position: relative;
padding: 15px;
}
.showing-map-panel .map-panel {
display: block;
}
.map-panel .close3-icon {
position: absolute;
top: 0;
right: 10px;
z-index: 10;
}
.map-panel .nearby-list-heading {
display: block;
font-size: 20px;
padding-top: 3px;
line-height: 26px;
}
.map-panel .nearby-mode-information {
position: static;
float: left;
height: 35px;
margin: -2px 5px 0 -2px;
}
.map-panel .nearby-mode-information .mode-icon {
width: 31px;
position: static;
float: left;
}
.map-panel .nearby-mode-details {
padding: 0 20px 3px 0px;
margin-bottom: 15px;
}
.map-panel .mode-icon {
display: block;
position: absolute;
top: 10px;
left: 10px;
color: #fff;
font-size: 12px;
font-weight: bold;
padding-top: 7px;
text-align: center;
}
.map-panel .multi-modal-station .mode-icon {
display: none;
}
.map-panel.loading {
min-height: 80px;
}
.map-panel.loading:after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-top: -35px;
margin-left: -35px;
}
.map-panel.loading > .map-panel-info {
display: none;
}
.map-panel .map-panel-info > .link-button + .link-button {
margin-top: -21px;
}
.map-panel .map-panel-info > .link-button:last-child {
margin-bottom: 10px;
}
.map-panel .widget-wrapper {
color: #333;
}
.map-panel .map-panel-heading {
display: block;
font-size: 20px;
padding-top: 3px;
line-height: 26px;
position: relative;
padding-left: 33px;
padding-right: 20px;
}
.map-panel .map-panel-heading:after {
content: "";
display: block;
position: absolute;
left: -4px;
top: 50%;
margin-top: -16px;
}
.map-panel .map-panel-heading.Minimal:after {
background-position: 0px -1376px;
}
.map-panel .map-panel-heading.Moderate:after {
background-position: -32px -1376px;
}
.map-panel .map-panel-heading.Serious:after {
background-position: -64px -1376px;
}
.map-panel .map-panel-heading.Severe:after {
background-position: 0px -1408px;
}
.map-panel .map-panel-heading.jam-cam:after {
background-position: -64px -2144px;
}
.map-panel .map-panel-heading.variable-message:after {
background-position: -64px -2176px;
}
.map-panel .map-panel-heading.coach:after {
background-position: 0px -1472px;
}
.map-panel .map-panel-heading.car-clubs:after {
background-position: -32px -2592px;
}
.map-panel .map-panel-heading.oyster-ticket-stop:after {
background-position: -64px -2272px;
}
.map-panel .map-panel-subheading {
font-weight: normal;
padding-left: 33px;
text-transform: capitalize;
}
.map-panel .map-panel-content {
background-color: #fff;
color: #2d3039;
padding: 15px;
}
.map-panel .map-panel-content .description {
margin-bottom: 15px;
}
.map-panel .map-panel-content .cost {
padding-left: 32px;
position: relative;
min-height: 28px;
vertical-align: middle;
}
.map-panel .map-panel-content .cost:before {
content: "";
background-position: -32px -1728px;
position: absolute;
left: -5px;
top: 50%;
margin-top: -16px;
}
.map-panel .map-panel-content > :last-child {
margin-bottom: 0;
}
.map-panel .contact {
background: #fff;
padding: 10px 15px 10px 42px;
color: #2d3039;
position: relative;
margin-top: 15px;
}
.map-panel .contact:before {
content: "";
background-position: -64px -1216px;
position: absolute;
left: 7px;
top: 50%;
margin-top: -16px;
}
#loader-window {
margin: 0 auto;
position: relative;
width: 300px;
height: 230px;
overflow: hidden;
}
#loader-window:before {
content: "";
position: absolute;
bottom: 70px;
right: 0;
width: 8px;
height: 123px;
background-position: -279px -66px;
background-repeat: no-repeat;
background-image: url("/static/1/images/loader_sprite.png");
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
z-index: 1;
}
#loader-window:after {
content: "";
position: absolute;
left: 0;
bottom: 70px;
width: 8px;
height: 123px;
background-position: -279px -66px;
background-repeat: no-repeat;
background-image: url("/static/1/images/loader_sprite.png");
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
z-index: 1;
}
#loader-window.error {
width: 440px;
height: 180px;
background: url("/static/1/images/error_main-01.png");
}
#loader-background {
position: absolute;
top: 6px;
left: 21px;
width: 267px;
height: 94px;
background-position: 0 -66px;
background-repeat: no-repeat;
background-image: url("/static/1/images/loader_sprite.png");
}
#loader-background.error {
display: none;
}
#loader-trees {
position: absolute;
top: 42px;
left: -338px;
width: 992px;
height: 992px;
}
.walking #loader-trees {
-webkit-animation: rotate 120s infinite linear;
-moz-animation: rotate 120s infinite linear;
animation: rotate 120s infinite linear;
}
.cycling #loader-trees {
-webkit-animation: rotate 90s infinite linear;
-moz-animation: rotate 90s infinite linear;
animation: rotate 90s infinite linear;
}
.publictransport #loader-trees {
-webkit-animation: rotate 60s infinite linear;
-moz-animation: rotate 60s infinite linear;
animation: rotate 60s infinite linear;
}
.tree-segment, .grass-segment {
position: absolute;
left: 50%;
background: url("/static/1/images/loader_sprite.png");
background-repeat: no-repeat;
}
.tree-segment {
width: 290px;
height: 66px;
margin-left: -145px;
-webkit-transform-origin: 50% 496px;
-moz-transform-origin: 50% 496px;
-ms-transform-origin: 50% 496px;
-o-transform-origin: 50% 496px;
transform-origin: 50% 496px;
}
.tree-segment:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.tree-segment:nth-child(3) {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.tree-segment:nth-child(4) {
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
.tree-segment:nth-child(5) {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.tree-segment:nth-child(6) {
-webkit-transform: rotate(225deg);
-moz-transform: rotate(225deg);
-ms-transform: rotate(225deg);
-o-transform: rotate(225deg);
transform: rotate(225deg);
}
.tree-segment:nth-child(7) {
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
}
.tree-segment:nth-child(8) {
-webkit-transform: rotate(315deg);
-moz-transform: rotate(315deg);
-ms-transform: rotate(315deg);
-o-transform: rotate(315deg);
transform: rotate(315deg);
}
#loader-birds {
position: absolute;
width: 16px;
height: 16px;
top: 10px;
left: 110px;
background: url("/static/1/images/bird.gif");
}
.walking #loader-birds {
-webkit-animation: flybyreverse 20s infinite linear;
-moz-animation: flybyreverse 20s infinite linear;
animation: flybyreverse 20s infinite linear;
}
.cycling #loader-birds {
-webkit-animation: flyby 30s infinite linear;
-moz-animation: flyby 30s infinite linear;
animation: flyby 30s infinite linear;
}
.publictransport #loader-birds {
-webkit-animation: flyby 20s infinite linear;
-moz-animation: flyby 20s infinite linear;
animation: flyby 20s infinite linear;
}
#loader-transport-method {
position: absolute;
}
.publictransport #loader-transport-method {
background-image: url("/static/1/images/bus.png");
width: 84px;
height: 40px;
top: 41px;
left: 110px;
-webkit-animation: bounce 0.3s infinite linear;
-moz-animation: bounce 0.3s infinite linear;
animation: bounce 0.3s infinite linear;
}
.cycling #loader-transport-method {
background-image: url("/static/1/images/cyclist.gif");
width: 46px;
height: 41px;
top: 43px;
left: 130px;
}
.walking #loader-transport-method {
background-image: url("/static/1/images/walker.gif");
width: 25px;
height: 35px;
top: 49px;
left: 140px;
}
#loader-grass {
position: absolute;
top: 72px;
left: -310px;
width: 936px;
height: 934px;
}
.walking #loader-grass {
-webkit-animation: rotate 60s infinite linear;
-moz-animation: rotate 60s infinite linear;
animation: rotate 60s infinite linear;
}
.cycling #loader-grass {
-webkit-animation: rotate 45s infinite linear;
-moz-animation: rotate 45s infinite linear;
animation: rotate 45s infinite linear;
}
.publictransport #loader-grass {
-webkit-animation: rotate 30s infinite linear;
-moz-animation: rotate 30s infinite linear;
animation: rotate 30s infinite linear;
}
.grass-segment {
width: 160px;
height: 59px;
margin-left: -80px;
background-position: 0 -160px;
-webkit-transform-origin: 50% 466px;
-moz-transform-origin: 50% 466px;
-ms-transform-origin: 50% 466px;
-o-transform-origin: 50% 466px;
transform-origin: 50% 466px;
}
.grass-segment:nth-child(2) {
-webkit-transform: rotate(20deg);
-moz-transform: rotate(20deg);
-ms-transform: rotate(20deg);
-o-transform: rotate(20deg);
transform: rotate(20deg);
}
.grass-segment:nth-child(3) {
-webkit-transform: rotate(40deg);
-moz-transform: rotate(40deg);
-ms-transform: rotate(40deg);
-o-transform: rotate(40deg);
transform: rotate(40deg);
}
.grass-segment:nth-child(4) {
-webkit-transform: rotate(60deg);
-moz-transform: rotate(60deg);
-ms-transform: rotate(60deg);
-o-transform: rotate(60deg);
transform: rotate(60deg);
}
.grass-segment:nth-child(5) {
-webkit-transform: rotate(80deg);
-moz-transform: rotate(80deg);
-ms-transform: rotate(80deg);
-o-transform: rotate(80deg);
transform: rotate(80deg);
}
.grass-segment:nth-child(6) {
-webkit-transform: rotate(100deg);
-moz-transform: rotate(100deg);
-ms-transform: rotate(100deg);
-o-transform: rotate(100deg);
transform: rotate(100deg);
}
.grass-segment:nth-child(7) {
-webkit-transform: rotate(120deg);
-moz-transform: rotate(120deg);
-ms-transform: rotate(120deg);
-o-transform: rotate(120deg);
transform: rotate(120deg);
}
.grass-segment:nth-child(8) {
-webkit-transform: rotate(140deg);
-moz-transform: rotate(140deg);
-ms-transform: rotate(140deg);
-o-transform: rotate(140deg);
transform: rotate(140deg);
}
.grass-segment:nth-child(9) {
-webkit-transform: rotate(160deg);
-moz-transform: rotate(160deg);
-ms-transform: rotate(160deg);
-o-transform: rotate(160deg);
transform: rotate(160deg);
}
.grass-segment:nth-child(10) {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.grass-segment:nth-child(11) {
-webkit-transform: rotate(200deg);
-moz-transform: rotate(200deg);
-ms-transform: rotate(200deg);
-o-transform: rotate(200deg);
transform: rotate(200deg);
}
.grass-segment:nth-child(12) {
-webkit-transform: rotate(220deg);
-moz-transform: rotate(220deg);
-ms-transform: rotate(220deg);
-o-transform: rotate(220deg);
transform: rotate(220deg);
}
.grass-segment:nth-child(13) {
-webkit-transform: rotate(240deg);
-moz-transform: rotate(240deg);
-ms-transform: rotate(240deg);
-o-transform: rotate(240deg);
transform: rotate(240deg);
}
.grass-segment:nth-child(14) {
-webkit-transform: rotate(260deg);
-moz-transform: rotate(260deg);
-ms-transform: rotate(260deg);
-o-transform: rotate(260deg);
transform: rotate(260deg);
}
.grass-segment:nth-child(15) {
-webkit-transform: rotate(280deg);
-moz-transform: rotate(280deg);
-ms-transform: rotate(280deg);
-o-transform: rotate(280deg);
transform: rotate(280deg);
}
.grass-segment:nth-child(16) {
-webkit-transform: rotate(300deg);
-moz-transform: rotate(300deg);
-ms-transform: rotate(300deg);
-o-transform: rotate(300deg);
transform: rotate(300deg);
}
.grass-segment:nth-child(17) {
-webkit-transform: rotate(320deg);
-moz-transform: rotate(320deg);
-ms-transform: rotate(320deg);
-o-transform: rotate(320deg);
transform: rotate(320deg);
}
.grass-segment:nth-child(18) {
-webkit-transform: rotate(340deg);
-moz-transform: rotate(340deg);
-ms-transform: rotate(340deg);
-o-transform: rotate(340deg);
transform: rotate(340deg);
}
#loader-message {
position: absolute;
font-family: Arial, serif;
top: 140px;
left: 100px;
}
#error-window {
position: relative;
margin-bottom: 10px;
overflow: hidden;
width: 100%;
height: 180px;
background-color: #cfdee8;
}
#error-container {
width: 440px;
height: 100%;
background-image: url("/static/1/images/error_main-01.png");
position: relative;
left: 50%;
margin-left: -220px;
}
#digger-arm-2 {
position: absolute;
width: 13px;
height: 51px;
top: 0;
left: -10px;
-webkit-transform-origin: 10px 5px;
-moz-transform-origin: 10px 5px;
-ms-transform-origin: 10px 5px;
-o-transform-origin: 10px 5px;
transform-origin: 10px 5px;
-webkit-animation: extend-arm 8s infinite ease-in-out;
-moz-animation: extend-arm 8s infinite ease-in-out;
animation: extend-arm 8s infinite ease-in-out;
background: url("/static/1/images/arm1.png");
}
#digger-arm-1 {
position: relative;
width: 39px;
height: 46px;
top: 110px;
left: 317px;
-webkit-transform-origin: 36px 39px;
-moz-transform-origin: 36px 39px;
-ms-transform-origin: 36px 39px;
-o-transform-origin: 36px 39px;
transform-origin: 36px 39px;
-webkit-animation: dig-up 8s infinite ease-in-out;
-moz-animation: dig-up 8s infinite ease-in-out;
animation: dig-up 8s infinite ease-in-out;
background: url("/static/1/images/arm2.png");
}
#error-bus {
position: absolute;
width: 123px;
height: 61px;
top: 95px;
left: 105px;
-webkit-animation: small-bounce 0.2s infinite linear;
-moz-animation: small-bounce 0.2s infinite linear;
animation: small-bounce 0.2s infinite linear;
background: url("/static/1/images/error_bus.png");
}
#error-clouds {
width: 1600px;
height: 1600px;
left: -593px;
top: 10px;
position: absolute;
-webkit-animation: rotate 600s infinite linear;
-moz-animation: rotate 600s infinite linear;
animation: rotate 600s infinite linear;
}
.cloud-segment {
background-image: url("/static/1/images/cloud.png");
width: 635px;
height: 86px;
position: absolute;
left: 50%;
margin-left: -317px;
-webkit-transform-origin: 50% 800px;
-moz-transform-origin: 50% 800px;
-ms-transform-origin: 50% 800px;
-o-transform-origin: 50% 800px;
transform-origin: 50% 800px;
}
.cloud-segment:nth-child(2) {
-webkit-transform: rotate(60deg);
-moz-transform: rotate(60deg);
-ms-transform: rotate(60deg);
-o-transform: rotate(60deg);
transform: rotate(60deg);
}
.cloud-segment:nth-child(3) {
-webkit-transform: rotate(120deg);
-moz-transform: rotate(120deg);
-ms-transform: rotate(120deg);
-o-transform: rotate(120deg);
transform: rotate(120deg);
}
.cloud-segment:nth-child(4) {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.cloud-segment:nth-child(5) {
-webkit-transform: rotate(240deg);
-moz-transform: rotate(240deg);
-ms-transform: rotate(240deg);
-o-transform: rotate(240deg);
transform: rotate(240deg);
}
.cloud-segment:nth-child(6) {
-webkit-transform: rotate(300deg);
-moz-transform: rotate(300deg);
-ms-transform: rotate(300deg);
-o-transform: rotate(300deg);
transform: rotate(300deg);
}
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(-360deg);
}
}
@-moz-keyframes rotate {
from {
-moz-transform: rotate(0deg);
}
to {
-moz-transform: rotate(-360deg);
}
}
@-o-keyframes rotate {
from {
-o-transform: rotate(0deg);
}
to {
-o-transform: rotate(-360deg);
}
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(-360deg);
}
}
@-webkit-keyframes dig-up {
0%, 70% {
-webkit-transform: rotate(0deg);
}
30%, 50% {
-webkit-transform: rotate(30deg);
}
85% {
-webkit-transform: rotate(3deg);
}
}
@-moz-keyframes dig-up {
0%, 70% {
-moz-transform: rotate(0deg);
}
30%, 50% {
-moz-transform: rotate(30deg);
}
85% {
-moz-transform: rotate(3deg);
}
}
@-o-keyframes dig-up {
0%, 70% {
-o-transform: rotate(0deg);
}
30%, 50% {
-o-transform: rotate(30deg);
}
85% {
-o-transform: rotate(3deg);
}
}
@keyframes dig-up {
0%, 70% {
transform: rotate(0deg);
}
30%, 50% {
transform: rotate(30deg);
}
85% {
transform: rotate(3deg);
}
}
@-webkit-keyframes extend-arm {
0%, 100% {
-webkit-transform: rotate(-10deg);
}
50%, 60% {
-webkit-transform: rotate(30deg);
}
}
@-moz-keyframes extend-arm {
0%, 100% {
-moz-transform: rotate(-10deg);
}
50%, 60% {
-moz-transform: rotate(30deg);
}
}
@-o-keyframes extend-arm {
0%, 100% {
-o-transform: rotate(-10deg);
}
50%, 60% {
-o-transform: rotate(30deg);
}
}
@keyframes extend-arm {
0%, 100% {
transform: rotate(-10deg);
}
50%, 60% {
transform: rotate(30deg);
}
}
@-webkit-keyframes flyby {
0% {
-webkit-transform: translate(200px, 0px);
}
100% {
-webkit-transform: translate(-300px, 0px);
}
}
@-moz-keyframes flyby {
0% {
-moz-transform: translate(200px, 0px);
}
100% {
-moz-transform: translate(-300px, 0px);
}
}
@-o-keyframes flyby {
0% {
-o-transform: translate(200px, 0px);
}
100% {
-o-transform: translate(-300px, 0px);
}
}
@keyframes flyby {
0% {
transform: translate(200px, 0px);
}
100% {
transform: translate(-300px, 0px);
}
}
@-webkit-keyframes flybyreverse {
0% {
-webkit-transform: translate(-150px, 0px);
}
100% {
-webkit-transform: translate(300px, 0px);
}
}
@-moz-keyframes flybyreverse {
0% {
-moz-transform: translate(-150px, 0px);
}
100% {
-moz-transform: translate(300px, 0px);
}
}
@-o-keyframes flybyreverse {
0% {
-o-transform: translate(-150px, 0px);
}
100% {
-o-transform: translate(300px, 0px);
}
}
@keyframes flybyreverse {
0% {
transform: translate(-150px, 0px);
}
100% {
transform: translate(300px, 0px);
}
}
@-webkit-keyframes bounce {
0% {
-webkit-transform: translate(0px, 1px);
}
50% {
-webkit-transform: translate(0px, -1px);
}
100% {
-webkit-transform: translate(0px, 1px);
}
}
@-moz-keyframes bounce {
0% {
-moz-transform: translate(0px, 1px);
}
50% {
-moz-transform: translate(0px, -1px);
}
100% {
-moz-transform: translate(0px, 1px);
}
}
@-o-keyframes bounce {
0% {
-o-transform: translate(0px, 1px);
}
50% {
-o-transform: translate(0px, -1px);
}
100% {
-o-transform: translate(0px, 1px);
}
}
@keyframes bounce {
0% {
transform: translate(0px, 1px);
}
50% {
transform: translate(0px, -1px);
}
100% {
transform: translate(0px, 1px);
}
}
@-webkit-keyframes small-bounce {
0% {
-webkit-transform: translate(0px, 1px);
}
50% {
-webkit-transform: translate(0px, 0px);
}
100% {
-webkit-transform: translate(0px, 1px);
}
}
@-moz-keyframes small-bounce {
0% {
-moz-transform: translate(0px, 1px);
}
50% {
-moz-transform: translate(0px, 0px);
}
100% {
-moz-transform: translate(0px, 1px);
}
}
@-o-keyframes small-bounce {
0% {
-o-transform: translate(0px, 1px);
}
50% {
-o-transform: translate(0px, 0px);
}
100% {
-o-transform: translate(0px, 1px);
}
}
@keyframes small-bounce {
0% {
transform: translate(0px, 1px);
}
50% {
transform: translate(0px, 0px);
}
100% {
transform: translate(0px, 1px);
}
}
/**************************************************
M064 responsive button row
* Author: Alex Faunt
* Created: 25/09/2013
* Pattern library URL: Google Drive\NWP\Front-end\Pattern library\Modules\M064-responsive-button-row
**************************************************/
.responsive-button-row {
margin: 0 0 20px -10px;
position: relative;
overflow: visible;
}
.responsive-button-row:after {
display: block;
visibility: hidden;
clear: both;
height: 0;
content: " ";
font-size: 0;
float: none;
}
.responsive-button-row .rbr-button {
padding-left: 10px;
float: left;
white-space: nowrap;
}
.responsive-button-row .rbr-button a {
margin: 0;
}
.responsive-button-row .rbr-button, .responsive-button-row .rbr-group {
top: 0;
}
.responsive-button-row .rbr-group {
display: block;
float: left;
}
.responsive-button-row .rbr-group:after {
display: block;
visibility: hidden;
clear: both;
height: 0;
content: " ";
font-size: 0;
float: none;
}
.responsive-button-row .rbr-group .rbr-button {
display: none;
}
.responsive-button-row .rbr-group .rbr-group-button {
display: block;
}
.responsive-button-row.collapsed.opened {
min-height: 121px;
}
.responsive-button-row.collapsed.opened .rbr-group-button > a {
background-color: #464951;
border-color: #464951;
color: #fff;
}
.responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button {
display: block;
padding: 20px 5px 23px;
background-color: #464951;
position: absolute;
bottom: 0;
width: auto;
top: auto;
text-transform: capitalize;
}
.responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a {
margin: 0;
}
.responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.with-icon {
display: block;
padding-right: 32px;
}
.responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a .secondary-journey-from-icon {
background-position: -32px -1952px;
}
.responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a .secondary-journey-to-icon {
background-position: 0px -1952px;
}
.responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button:last-child {
padding-right: 10px;
right: 0;
left: 50%;
}
.responsive-button-row.collapsed.opened .rbr-group-button + div.rbr-button {
padding-left: 10px;
left: 10px;
right: 50%;
}
.responsive-button-row.collapsed.opened .not-opened {
display: none;
}
.responsive-button-row .plain-link.with-icon {
padding-left: 32px;
}
.responsive-button-row .plain-link.with-icon .i {
left: 0px;
}
.inline-button-container {
min-height: 3em;
padding-bottom: 10px;
}
.inline-button-container .rbr-group-button .rbr-button:first-child {
float: none;
}
.inline-button-container .rbr-group-button .rbr-button:last-child {
float: none;
}
@media screen and (min-width: 600px) {
.inline-button-container .rbr-group-button .rbr-button {
width: 48%;
}
.inline-button-container .rbr-group-button .rbr-button:first-child {
float: left;
}
.inline-button-container .rbr-group-button .rbr-button:last-child {
float: right;
}
}
/**************************************************
M065-section-of-line
* Author: Andrew Spencer
* Created: 21/10/2013
* Pattern library URL:
**************************************************/
.line-info-box {
margin-bottom: 20px;
}
.line-info-box .content {
border-bottom: 0px;
}
.line-info-box .content .always-visible .controls {
display: block;
right: 5px;
}
.line-info-box .content.expanded {
border-bottom: 1px solid #cccccc;
}
.line-info-box .accordion-heading {
background-color: #eeeeee;
border: 0px;
padding-right: 40px;
}
.line-info-box .accordion-heading .line-name {
margin-left: 20px;
font-size: 20px;
margin-bottom: 0px;
}
.line-info-box .accordion-heading .line-section {
margin-left: 20px;
font-size: 15px;
margin-bottom: 0px;
}
.line-info-box .accordion-heading.route .tag {
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0px;
width: 10px;
z-index: 1;
text-indent: -10000px;
}
.line-info-box .start-hidden {
padding: 0px;
}
.line-info-box .start-hidden .stop-list, .line-info-box .start-hidden .timetable-route {
margin-bottom: 0px;
}
.line-info-box .start-hidden .stop-list li .lines, .line-info-box .start-hidden .timetable-route li .lines {
overflow: visible;
left: -5px;
}
.line-info-box .start-hidden .stop-list li .lines span, .line-info-box .start-hidden .timetable-route li .lines span {
width: 6px;
}
.line-info-box .start-hidden .stop-list li .lines span .interchange, .line-info-box .start-hidden .timetable-route li .lines span .interchange {
height: 0px;
}
.line-info-box .start-hidden .stop-list li .lines span .interchange:before, .line-info-box .start-hidden .timetable-route li .lines span .interchange:before {
width: 13px;
height: 13px;
background: white;
right: -16px;
bottom: -10px;
position: absolute;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 10px;
border-color: black;
border-style: solid;
z-index: 2;
content: "";
}
.line-info-box .start-hidden .stop-list li .interchange-list, .line-info-box .start-hidden .timetable-route li .interchange-list {
position: absolute;
right: 35px;
top: 5px;
}
.line-info-box .start-hidden .stop-list li .interchange-list div, .line-info-box .start-hidden .timetable-route li .interchange-list div {
position: relative;
float: left;
}
.line-info-box .start-hidden .stop-list li .stop-link, .line-info-box .start-hidden .timetable-route li .stop-link {
padding-left: 40px;
padding-right: 100px;
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.line-info-box .start-hidden .stop-list li .stop-link:hover, .line-info-box .start-hidden .timetable-route li .stop-link:hover, .line-info-box .start-hidden .stop-list li .stop-link:focus, .line-info-box .start-hidden .timetable-route li .stop-link:focus {
text-decoration: none;
background-color: #eff6fd;
}
.line-info-box .start-hidden .stop-list li .stop-link:after, .line-info-box .start-hidden .timetable-route li .stop-link:after {
background-image: url("/static/1/images/vsprite_x2.png");
background-image: url("/static/1/images/vsprite.png") \9;
background-size: 96px 2624px;
background-position: 0px -640px;
height: 32px;
width: 32px;
display: block;
content: "";
position: absolute;
top: 50%;
right: 10px;
margin-top: -16px;
margin-right: -10px;
}
.body-cms-preview .line-info-box .start-hidden .stop-list li .stop-link:after, .body-cms-preview .line-info-box .start-hidden .timetable-route li .stop-link:after {
background-image: url("/static/1/images/vsprite.png");
}
.line-info-box .start-hidden .stop-list li:nth-child(even), .line-info-box .start-hidden .timetable-route li:nth-child(even) {
background-color: #f7f7f7;
}
.line-info-box .start-hidden .stop-list li:nth-child(odd), .line-info-box .start-hidden .timetable-route li:nth-child(odd) {
background-color: white;
}
.line-info-box .start-hidden .stop-list li:first-child .lines, .line-info-box .start-hidden .timetable-route li:first-child .lines {
top: 0px;
}
.line-info-box .start-hidden .stop-list li:first-child .start-of-line, .line-info-box .start-hidden .timetable-route li:first-child .start-of-line {
top: 18px;
}
.line-info-box .start-hidden .stop-list li:first-child .start-of-line .stop, .line-info-box .start-hidden .timetable-route li:first-child .start-of-line .stop {
height: 6px;
top: 3px;
}
.line-info-box .start-hidden .stop-list li:last-child .end-of-line, .line-info-box .start-hidden .timetable-route li:last-child .end-of-line {
height: 25px;
}
.line-info-box .start-hidden .stop-list li:last-child .end-of-line .stop, .line-info-box .start-hidden .timetable-route li:last-child .end-of-line .stop {
height: 6px;
top: 22px;
}
.line-info-box .start-hidden .stop {
margin-top: -3px;
height: 6px;
width: 8px;
}
/**************************************************
M070 timetable route
* Author: Alex Faunt
* Created: 19/11/2013
* Pattern library URL: Google Drive\NWP\Front-end\Pattern library\Modules\M070-timetable-route
**************************************************/
.timetable-route .lines {
width: 24px;
z-index: 2;
}
.timetable-route .lines .stop {
left: auto;
}
.timetable-route a.stop-link {
padding-left: 90px;
padding-right: 30px;
}
.timetable-route a.stop-link .time {
position: absolute;
left: 30px;
top: 50%;
height: 20px;
margin-top: -10px;
}
.timetable-route > *:first-child .lines > span {
position: absolute;
bottom: 0;
left: 10px;
height: 50%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
padding-top: 2px;
}
.timetable-route > *:first-child .lines > span > .stop {
margin-top: 0;
top: 0;
}
.timetable-route > *:last-child .lines > span, .timetable-route > *.last-child .lines > span {
position: absolute;
top: 0;
left: 10px;
height: 50%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
padding-bottom: 2px;
}
.timetable-route > *:last-child .lines > span > .stop, .timetable-route > *.last-child .lines > span > .stop {
margin-top: 0;
top: 100%;
margin-top: -4px;
}
.timetable-route .selected * {
font-weight: bold;
}
.timetable-route .selected *.mode-icon {
font-weight: normal;
}
.timetable-route .interchanges {
position: absolute;
top: 50%;
margin-top: -16px;
right: 10px;
*zoom: 1;
}
.timetable-route .interchanges:before, .timetable-route .interchanges:after {
content: " ";
display: table;
}
.timetable-route .interchanges:after {
clear: both;
}
.timetable-route .interchanges > span {
float: left;
}
.timetable-route .interchange-1 .stop-link {
padding-right: 52px;
}
.timetable-route .interchange-2 .stop-link {
padding-right: 84px;
}
.timetable-route .interchange-3 .stop-link {
padding-right: 116px;
}
.timetable-route .interchange-4 .stop-link {
padding-right: 148px;
}
.timetable-route .interchange-5 .stop-link {
padding-right: 180px;
}
.timetable-route.stop-selector .stop-link {
padding-left: 65px;
padding-right: 32px;
}
.timetable-route.stop-selector .stop-link:after {
display: block;
}
.timetable-route.stop-selector .stop-name {
left: 14px;
}
.timetable-route.stop-selector .interchanges {
right: 32px;
}
.timetable-route.stop-selector .interchange-1 .stop-link {
padding-right: 74px;
}
.timetable-route.stop-selector .interchange-2 .stop-link {
padding-right: 106px;
}
.timetable-route.stop-selector .interchange-3 .stop-link {
padding-right: 138px;
}
.timetable-route.stop-selector .interchange-4 .stop-link {
padding-right: 170px;
}
.timetable-route.stop-selector .interchange-5 .stop-link {
padding-right: 202px;
}
.timetable-route-title {
padding: 10px;
display: block;
}
/**************************************************
M040-select-bus
* Author: Alex Faunt
* Created: 12/09/2013
* Pattern library URL: \Google Drive\NWP\Front-end\Pattern library\Modules\M040-select-bus
**************************************************/
.map-options-panel {
background-color: rgba(31, 32, 37, 0.9);
color: #fff;
padding: 15px;
}
.map-options-panel .map-options-panel-heading {
position: relative;
padding-bottom: 10px;
margin-bottom: 20px;
font-size: 20px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.map-options-panel .map-options-panel-heading .menu-icon-alt {
display: inline-block;
margin-left: -5px;
}
.map-options-panel .map-options-panel-heading .close3-icon {
position: absolute;
top: -5px;
right: -10px;
width: 32px;
cursor: pointer;
}
.map-options-panel .map-panel-radio-with-image {
color: #fff;
position: relative;
float: left;
margin-right: 2px;
padding: 66px 35px 10px 6px;
width: 126px;
}
.map-options-panel .map-panel-radio-with-image input {
opacity: 0;
position: absolute;
bottom: 3px;
right: 3px;
}
.map-options-panel .map-panel-radio-with-image:after {
content: none;
}
.map-options-panel .map-panel-radio-with-image.ticked {
background-color: rgba(31, 32, 37, 0.9);
}
.map-options-panel .map-panel-radio-with-image.ticked:before {
content: "";
position: absolute;
bottom: 3px;
right: 3px;
}
.map-options-panel .map-panel-radio-with-image:last-child {
margin-right: 0;
}
.map-options-panel .map-panel-radio-image {
display: block;
position: absolute;
top: 3px;
left: 3px;
width: 120px;
height: 50px;
}
.map-options-panel [for='coloured-disruptions'] .map-panel-radio-image {
background-image: url("/static/1/images/coloured-disruptions.jpg");
}
.map-options-panel [for='grey-disruptions'] .map-panel-radio-image {
background-image: url("/static/1/images/grey-disruptions.jpg");
}
/**************************************************
M040-select-bus
* Author: Alex Faunt
* Created: 08/01/2014
* Pattern library URL: \Google Drive\NWP\Front-end\Pattern library\Modules\M080-rainbow-list
**************************************************/
.rainbow-list {
list-style-type: none;
padding: 0;
margin: 0;
*zoom: 1;
border-bottom: 1px solid #cccccc;
}
.rainbow-list:before, .rainbow-list:after {
content: " ";
display: table;
}
.rainbow-list:after {
clear: both;
}
.rainbow-list .rainbow-list-item {
border-top: 1px solid #cccccc;
position: relative;
}
.rainbow-list .rainbow-list-item.expanded {
position: relative;
z-index: 3;
border-top: 1px solid #a8a8a8;
border-bottom: 1px solid #a8a8a8;
}
.rainbow-list .rainbow-list-item.expanded:last-child {
margin-bottom: -1px;
}
.rainbow-list .rainbow-list-item.expanded + .rainbow-list-item {
border-top: 0px none;
}
.rainbow-list .rainbow-list-item.expanded .rainbow-list-content {
display: block;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name {
background-color: #e1e1e1;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.emirates, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.emirates {
background: #ce1631;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.bakerloo, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.bakerloo {
background: #75431f;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.central, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.central {
background: #c6201c;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.circle, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.circle {
background: #e6b900;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.district, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.district {
background: #005920;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.hammersmith, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.hammersmith-city, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.hammersmith, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.hammersmith-city {
background: #d087a1;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.jubilee, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.jubilee {
background: #5e656a;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.metropolitan, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.metropolitan {
background: #5f0d46;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.northern, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.northern {
background: black;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.piccadilly, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.piccadilly {
background: #00158e;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.victoria, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.victoria {
background: #008ec9;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.waterloo, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.waterloo {
background: #63c9b4;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.overground, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.overground {
background: #d05f0e;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.dlr, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.docklands, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.docklands-light-railway, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.dlr, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.docklands, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.docklands-light-railway {
background: #009694;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.tram, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.tram {
background: #70b13b;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.tramlink1, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.tramlink1 {
background: #b9cb27;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.tramlink2, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.tramlink2 {
background: #b9cb27;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.tramlink3, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.tramlink3 {
background: #6db038;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.tramlink4, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.tramlink4 {
background: #295610;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-a316, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-a316 {
background: #e96daf;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-a41, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-a41 {
background: #793877;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-a40, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-a40 {
background: #b9e600;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-a23, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-a23 {
background: #40ff95;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-a21, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-a21 {
background: #3b5470;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-a3, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-a3 {
background: #508257;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-a2, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-a2 {
background: #ec25bb;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-a1, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-a1 {
background: #33750d;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-a205, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-south-circular-a205, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-a205, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-south-circular-a205 {
background: #591a2f;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-a406, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-north-circular-a406, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-a406, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-north-circular-a406 {
background: #9424c8;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-a24, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-a24 {
background: #5e4a35;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-a13, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-a13 {
background: #3dd7f9;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-a12, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-a12 {
background: #e5512e;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-a10, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-a10 {
background: #4a38c6;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-a4, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-a4 {
background: #52d804;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-a20, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-a20 {
background: #efe366;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-central-london, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-central-london-red-routes, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-inner-ring, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-southern-river-route, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-bishopsgate-cross-route, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-city-route, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-farringdon-cross-route, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-western-cross-route, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-central-london, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-central-london-red-routes, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-inner-ring, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-southern-river-route, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-bishopsgate-cross-route, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-city-route, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-farringdon-cross-route, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-western-cross-route {
background: #8bf252;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-blackwall-tunnel, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-blackwall-tunnel {
background: #e98e42;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.rb1, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.rb1 {
background: #03002c;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.rb2, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.rb2 {
background: #0063a3;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.rb3, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.rb3 {
background: #ef5b9e;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.rb4, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.rb4 {
background: #4fbb92;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.rb5, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.rb5 {
background: #a65d2b;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.rb6, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.rb6 {
background: #6356a1;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.city-cruises, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.city-cruises {
background: #d82f12;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.westminster-greenwich, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.westminster-greenwich {
background: #242884;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.westminster-st-katherines-circular, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.westminster-st-katherines-circular {
background: #3da12f;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.westminster-passenger-services-association, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.wetsminster-passenger-services-association, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.westminster-passenger-services-association, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.wetsminster-passenger-services-association {
background: #e3a700;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.woolwich-free-ferry, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.woolwich-free-ferry {
background: #f28709;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.arriva-trains-wales, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.arriva-trains-wales {
background: #00a09b;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.c2c, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.c2c {
background: #e00f7f;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.chiltern-railways, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.chiltern-railways {
background: #a878b8;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.east-coast, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.east-coast {
background: #00a6d9;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.east-midlands-trains, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.east-midlands-trains {
background: #ca6114;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.first-capital-connect, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.first-capital-connect {
background: #87004f;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.first-great-western, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.first-great-western {
background: #272580;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.first-hull-trains, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.first-hull-trains {
background: #177b36;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.first-transpennine-express, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.first-transpennine-express {
background: #f04d91;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.gatwick-express, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.gatwick-express {
background: #151314;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.grand-central, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.grand-central {
background: #323233;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.greater-anglia, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.greater-anglia {
background: #7d819a;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.heathrow-connect, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.heathrow-connect {
background: #f46d77;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.heathrow-express, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.heathrow-express {
background: #42bdb8;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.island-line, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.island-line {
background: #f7a35c;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.merseyrail, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.merseyrail {
background: #fec046;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.northern-rail, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.northern-rail {
background: #045a8f;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.scotrail, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.scotrail {
background: #88979e;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.southeastern, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.southeastern {
background: #0062a6;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.southern, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.southern {
background: #008d40;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.south-west-trains, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.south-west-trains {
background: #df100d;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.cross-country, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.cross-country {
background: #8d2e5b;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.eurostar, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.eurostar {
background: #b09e66;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.london-midland, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.london-midland {
background: #7db42c;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.stanstead-express, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.stanstead-express {
background: #565659;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.virgin-trains, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.virgin-trains {
background: #945927;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .disruption-summary, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .disruption-summary {
background-color: #eff6fd;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name {
background-color: #e1e1e1;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.emirates, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.emirates {
background: #ce1631;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.bakerloo, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.bakerloo {
background: #75431f;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.central, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.central {
background: #c6201c;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.circle, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.circle {
background: #e6b900;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.district, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.district {
background: #005920;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.hammersmith, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.hammersmith-city, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.hammersmith, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.hammersmith-city {
background: #d087a1;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.jubilee, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.jubilee {
background: #5e656a;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.metropolitan, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.metropolitan {
background: #5f0d46;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.northern, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.northern {
background: black;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.piccadilly, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.piccadilly {
background: #00158e;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.victoria, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.victoria {
background: #008ec9;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.waterloo, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.waterloo {
background: #63c9b4;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.overground, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.overground {
background: #d05f0e;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.dlr, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.docklands, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.docklands-light-railway, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.dlr, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.docklands, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.docklands-light-railway {
background: #009694;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.tram, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.tram {
background: #70b13b;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.tramlink1, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.tramlink1 {
background: #b9cb27;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.tramlink2, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.tramlink2 {
background: #b9cb27;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.tramlink3, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.tramlink3 {
background: #6db038;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.tramlink4, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.tramlink4 {
background: #295610;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-a316, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-a316 {
background: #e96daf;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-a41, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-a41 {
background: #793877;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-a40, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-a40 {
background: #b9e600;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-a23, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-a23 {
background: #40ff95;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-a21, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-a21 {
background: #3b5470;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-a3, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-a3 {
background: #508257;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-a2, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-a2 {
background: #ec25bb;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-a1, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-a1 {
background: #33750d;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-a205, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-south-circular-a205, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-a205, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-south-circular-a205 {
background: #591a2f;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-a406, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-north-circular-a406, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-a406, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-north-circular-a406 {
background: #9424c8;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-a24, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-a24 {
background: #5e4a35;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-a13, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-a13 {
background: #3dd7f9;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-a12, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-a12 {
background: #e5512e;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-a10, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-a10 {
background: #4a38c6;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-a4, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-a4 {
background: #52d804;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-a20, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-a20 {
background: #efe366;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-central-london, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-central-london-red-routes, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-inner-ring, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-southern-river-route, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-bishopsgate-cross-route, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-city-route, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-farringdon-cross-route, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-western-cross-route, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-central-london, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-central-london-red-routes, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-inner-ring, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-southern-river-route, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-bishopsgate-cross-route, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-city-route, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-farringdon-cross-route, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-western-cross-route {
background: #8bf252;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-blackwall-tunnel, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-blackwall-tunnel {
background: #e98e42;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.rb1, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.rb1 {
background: #03002c;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.rb2, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.rb2 {
background: #0063a3;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.rb3, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.rb3 {
background: #ef5b9e;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.rb4, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.rb4 {
background: #4fbb92;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.rb5, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.rb5 {
background: #a65d2b;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.rb6, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.rb6 {
background: #6356a1;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.city-cruises, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.city-cruises {
background: #d82f12;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.westminster-greenwich, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.westminster-greenwich {
background: #242884;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.westminster-st-katherines-circular, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.westminster-st-katherines-circular {
background: #3da12f;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.westminster-passenger-services-association, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.wetsminster-passenger-services-association, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.westminster-passenger-services-association, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.wetsminster-passenger-services-association {
background: #e3a700;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.woolwich-free-ferry, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.woolwich-free-ferry {
background: #f28709;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.arriva-trains-wales, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.arriva-trains-wales {
background: #00a09b;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.c2c, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.c2c {
background: #e00f7f;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.chiltern-railways, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.chiltern-railways {
background: #a878b8;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.east-coast, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.east-coast {
background: #00a6d9;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.east-midlands-trains, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.east-midlands-trains {
background: #ca6114;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.first-capital-connect, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.first-capital-connect {
background: #87004f;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.first-great-western, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.first-great-western {
background: #272580;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.first-hull-trains, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.first-hull-trains {
background: #177b36;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.first-transpennine-express, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.first-transpennine-express {
background: #f04d91;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.gatwick-express, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.gatwick-express {
background: #151314;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.grand-central, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.grand-central {
background: #323233;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.greater-anglia, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.greater-anglia {
background: #7d819a;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.heathrow-connect, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.heathrow-connect {
background: #f46d77;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.heathrow-express, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.heathrow-express {
background: #42bdb8;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.island-line, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.island-line {
background: #f7a35c;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.merseyrail, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.merseyrail {
background: #fec046;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.northern-rail, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.northern-rail {
background: #045a8f;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.scotrail, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.scotrail {
background: #88979e;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.southeastern, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.southeastern {
background: #0062a6;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.southern, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.southern {
background: #008d40;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.south-west-trains, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.south-west-trains {
background: #df100d;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.cross-country, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.cross-country {
background: #8d2e5b;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.eurostar, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.eurostar {
background: #b09e66;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.london-midland, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.london-midland {
background: #7db42c;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.stanstead-express, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.stanstead-express {
background: #565659;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.virgin-trains, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.virgin-trains {
background: #945927;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .disruption-summary, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .disruption-summary {
background-color: #f6eecb;
}
.rainbow-list .rainbow-list-item.disrupted .disruption-summary {
background: #faf5e1;
}
.rainbow-list .rainbow-list-link {
position: relative;
display: block;
text-decoration: none;
*zoom: 1;
}
.rainbow-list .rainbow-list-link:before, .rainbow-list .rainbow-list-link:after {
content: " ";
display: table;
}
.rainbow-list .rainbow-list-link:after {
clear: both;
}
.rainbow-list .tag {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 10px;
z-index: 10;
display: block;
}
.rainbow-list .tag + .service-name {
padding-left: 20px;
background: #eeeeee;
color: #2d3039;
}
.rainbow-list .tag.default {
background: #a8a8a8;
}
.rainbow-list .service-name {
padding: 10px;
display: block;
float: left;
width: 50%;
vertical-align: middle;
-webkit-transition: background 0.3s;
-moz-transition: background 0.3s;
transition: background 0.3s;
font-weight: normal;
text-shadow: none;
}
.rainbow-list .service-name:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: inherit;
background: inherit;
z-index: 0;
}
.rainbow-list .service-name span {
position: relative;
z-index: 1;
}
.rainbow-list .service-name.default {
background: #eeeeee;
color: #2d3039;
}
.rainbow-list .disruption-summary {
padding: 10px 38px 10px 10px;
display: block;
float: left;
vertical-align: middle;
width: 50%;
-webkit-transition: background 0.3s;
-moz-transition: background 0.3s;
transition: background 0.3s;
background: #fff;
}
.rainbow-list .disruption-summary:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: inherit;
background: inherit;
z-index: 0;
}
.rainbow-list .disruption-summary span {
position: relative;
z-index: 1;
}
.rainbow-list .controls {
position: absolute;
right: 0;
top: 50%;
margin-top: -16px;
display: block;
}
.rainbow-list .rainbow-list-content {
color: #2d3039;
display: none;
background-color: #faf5e1;
padding-bottom: 30px;
position: relative;
}
.rainbow-list .rainbow-list-content .close-message {
position: absolute;
right: 10px;
bottom: 9px;
}
.rainbow-list .rainbow-list-content .section {
padding: 12px 10px;
margin: 0;
border-top: 1px dotted #cccccc;
position: relative;
}
.rainbow-list .rainbow-list-content .section > :first-child {
margin-top: 0;
}
.rainbow-list .rainbow-list-content .section > :last-child {
margin-bottom: 0;
}
.rainbow-list.interactive .disrupted .rainbow-list-link {
cursor: pointer;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name {
background-color: #e1e1e1;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.emirates, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.emirates {
background: #ce1631;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.bakerloo, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.bakerloo {
background: #75431f;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.central, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.central {
background: #c6201c;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.circle, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.circle {
background: #e6b900;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.district, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.district {
background: #005920;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.hammersmith, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.hammersmith-city, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.hammersmith, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.hammersmith-city {
background: #d087a1;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.jubilee, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.jubilee {
background: #5e656a;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.metropolitan, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.metropolitan {
background: #5f0d46;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.northern, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.northern {
background: black;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.piccadilly, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.piccadilly {
background: #00158e;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.victoria, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.victoria {
background: #008ec9;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.waterloo, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.waterloo {
background: #63c9b4;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.overground, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.overground {
background: #d05f0e;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.dlr, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.docklands, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.docklands-light-railway, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.dlr, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.docklands, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.docklands-light-railway {
background: #009694;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.tram, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.tram {
background: #70b13b;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.tramlink1, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.tramlink1 {
background: #b9cb27;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.tramlink2, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.tramlink2 {
background: #b9cb27;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.tramlink3, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.tramlink3 {
background: #6db038;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.tramlink4, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.tramlink4 {
background: #295610;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-a316, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-a316 {
background: #e96daf;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-a41, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-a41 {
background: #793877;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-a40, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-a40 {
background: #b9e600;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-a23, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-a23 {
background: #40ff95;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-a21, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-a21 {
background: #3b5470;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-a3, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-a3 {
background: #508257;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-a2, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-a2 {
background: #ec25bb;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-a1, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-a1 {
background: #33750d;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-a205, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-south-circular-a205, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-a205, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-south-circular-a205 {
background: #591a2f;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-a406, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-north-circular-a406, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-a406, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-north-circular-a406 {
background: #9424c8;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-a24, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-a24 {
background: #5e4a35;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-a13, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-a13 {
background: #3dd7f9;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-a12, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-a12 {
background: #e5512e;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-a10, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-a10 {
background: #4a38c6;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-a4, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-a4 {
background: #52d804;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-a20, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-a20 {
background: #efe366;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-central-london, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-central-london-red-routes, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-inner-ring, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-southern-river-route, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-bishopsgate-cross-route, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-city-route, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-farringdon-cross-route, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-western-cross-route, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-central-london, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-central-london-red-routes, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-inner-ring, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-southern-river-route, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-bishopsgate-cross-route, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-city-route, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-farringdon-cross-route, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-western-cross-route {
background: #8bf252;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-blackwall-tunnel, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-blackwall-tunnel {
background: #e98e42;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.rb1, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.rb1 {
background: #03002c;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.rb2, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.rb2 {
background: #0063a3;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.rb3, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.rb3 {
background: #ef5b9e;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.rb4, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.rb4 {
background: #4fbb92;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.rb5, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.rb5 {
background: #a65d2b;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.rb6, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.rb6 {
background: #6356a1;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.city-cruises, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.city-cruises {
background: #d82f12;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.westminster-greenwich, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.westminster-greenwich {
background: #242884;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.westminster-st-katherines-circular, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.westminster-st-katherines-circular {
background: #3da12f;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.westminster-passenger-services-association, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.wetsminster-passenger-services-association, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.westminster-passenger-services-association, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.wetsminster-passenger-services-association {
background: #e3a700;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.woolwich-free-ferry, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.woolwich-free-ferry {
background: #f28709;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.arriva-trains-wales, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.arriva-trains-wales {
background: #00a09b;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.c2c, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.c2c {
background: #e00f7f;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.chiltern-railways, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.chiltern-railways {
background: #a878b8;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.east-coast, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.east-coast {
background: #00a6d9;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.east-midlands-trains, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.east-midlands-trains {
background: #ca6114;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.first-capital-connect, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.first-capital-connect {
background: #87004f;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.first-great-western, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.first-great-western {
background: #272580;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.first-hull-trains, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.first-hull-trains {
background: #177b36;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.first-transpennine-express, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.first-transpennine-express {
background: #f04d91;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.gatwick-express, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.gatwick-express {
background: #151314;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.grand-central, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.grand-central {
background: #323233;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.greater-anglia, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.greater-anglia {
background: #7d819a;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.heathrow-connect, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.heathrow-connect {
background: #f46d77;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.heathrow-express, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.heathrow-express {
background: #42bdb8;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.island-line, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.island-line {
background: #f7a35c;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.merseyrail, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.merseyrail {
background: #fec046;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.northern-rail, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.northern-rail {
background: #045a8f;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.scotrail, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.scotrail {
background: #88979e;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.southeastern, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.southeastern {
background: #0062a6;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.southern, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.southern {
background: #008d40;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.south-west-trains, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.south-west-trains {
background: #df100d;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.cross-country, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.cross-country {
background: #8d2e5b;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.eurostar, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.eurostar {
background: #b09e66;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.london-midland, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.london-midland {
background: #7db42c;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.stanstead-express, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.stanstead-express {
background: #565659;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.virgin-trains, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.virgin-trains {
background: #945927;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .disruption-summary, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .disruption-summary {
background-color: #f6eecb;
}
.rainbow-list.monochrome .service-name {
background: #eeeeee;
color: #2d3039;
}
.rainbow-list.monochrome .rainbow-list-item:nth-child(even) .service-name {
background: #f7f7f7;
}
.rainbow-list-wrapper {
margin-bottom: 20px;
display: none;
}
.rainbow-list-wrapper .good-service-link {
border-bottom: 1px solid #cccccc;
position: relative;
display: block;
min-height: 40px;
overflow: hidden;
-webkit-transition: background 0.3s;
-moz-transition: background 0.3s;
transition: background 0.3s;
}
.rainbow-list-wrapper .good-service-link:after {
content: "";
position: absolute;
top: 50%;
margin-top: -16px;
right: 0;
}
.rainbow-list-wrapper .good-service-link .rainbow {
width: 50%;
display: block;
float: left;
vertical-align: middle;
}
.rainbow-list-wrapper .good-service-link .rainbow > span {
display: block;
height: 10px;
border-top: 1px solid #cccccc;
}
.rainbow-list-wrapper .good-service-link .rainbow > span:first-child {
border-top: 0px none;
}
.rainbow-list-wrapper .good-service-link .rainbow > span.default {
background: #eeeeee;
}
.rainbow-list-wrapper .good-service-link .good-service-message {
display: inline-block;
width: 50%;
vertical-align: middle;
padding: 40px 32px 10px 10px;
color: #2d3039;
}
.rainbow-list-wrapper .good-service-link:hover, .rainbow-list-wrapper .good-service-link:focus {
background-color: #eff6fd;
}
.rainbow-list-wrapper.width-30 .service-name {
width: 30%;
}
.rainbow-list-wrapper.width-30 .disruption-summary {
width: 70%;
}
.rainbow-list-wrapper.width-40 .service-name {
width: 40%;
}
.rainbow-list-wrapper.width-40 .disruption-summary {
width: 60%;
}
.rainbow-list-wrapper .rainbow-list-item {
opacity: 1;
}
.rainbow-list-wrapper.fade-to-black .rainbow-list {
background-color: #000;
}
.rainbow-list-wrapper.fade-to-black .rainbow-list-item {
opacity: 0.9;
}
.rainbow-list-wrapper.fade-to-black .rainbow-list-item.expanded {
opacity: 1;
}
.widget-content .rainbow-list {
border-bottom: 0px none;
}
.widget-content .rainbow-list .rainbow-list-item:first-child {
border-top: 0px none;
}
.no-js .rainbow-list .expandable .rainbow-list-content {
display: block;
}
.board-wrapper .rainbow-list-wrapper {
border-top: 1px solid #cccccc;
}
.board-wrapper .rainbow-list-wrapper .rainbow-list-item:first-child {
border-top: 0px none;
}
.expandable-box > .ia-toggle-content .start-hidden {
padding: 0;
border-left: 0;
border-right: 0;
}
.start-hidden.with-indicator {
position: relative;
margin-top: 3px;
}
.start-hidden.with-indicator:before {
content: "";
position: absolute;
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 5px 5.5px 5px;
top: -6px;
right: 12px;
border-color: transparent transparent #cccccc transparent;
}
.start-hidden.with-indicator:after {
content: "";
position: absolute;
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 5px 5.5px 5px;
top: -4px;
right: 12px;
border-color: transparent transparent white transparent;
}
.start-hidden.with-indicator.blue:after {
content: "";
position: absolute;
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 5px 5.5px 5px;
top: -4px;
right: 12px;
border-color: transparent transparent #eff6fe transparent;
}
.message-container, .instructional-container, .confirmation-container, .confirmation-with-edit, .reminder-container {
padding: 1em;
font-size: 16px;
}
.message-container .message-title, .instructional-container .message-title, .confirmation-container .message-title, .confirmation-with-edit .message-title, .reminder-container .message-title {
margin-bottom: 15px;
font-weight: bold;
line-height: 26px;
}
.message-container p:last-child, .instructional-container p:last-child, .confirmation-container p:last-child, .confirmation-with-edit p:last-child, .reminder-container p:last-child {
margin-bottom: 0;
}
.instructional-container {
background-color: #2d3039;
color: white;
}
.instructional-container p:last-child {
margin-bottom: 15px;
}
.confirmation-container {
background-color: #eff6fe;
}
.confirmation-with-edit {
background-color: #eeeeee;
}
.confirmation-with-edit .edit-link {
text-align: right;
display: block;
}
.reminder-container {
font-style: italic;
color: #a8a8a8;
padding-top: 0;
}
.reminder-container .message-title {
margin-bottom: 5px;
}
.vertical-link-container {
border: solid #a8a8a8 1px;
}
.vertical-link-container .plain-button:last-child {
border-bottom-width: 0;
}
/*! jQuery UI - v1.10.4 - 2014-06-17
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.datepicker.css
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-clearfix {
min-height: 0;
/* support: IE7 */
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0);
}
.ui-front {
z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-datepicker {
width: 100%;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
width: 32px;
height: 32px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
text-align: center;
}
.ui-datepicker .ui-datepicker-title {
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker table {
width: 100%;
font-size: 15px;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: 15px 10px 13px 10px;
text-align: center;
text-decoration: none;
color: black;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
.toggle-jq-ui-calendar {
width: 40px;
height: 40px;
z-index: 100;
position: absolute;
}
.toggle-jq-ui-calendar:after {
content: "";
position: absolute;
top: 5px;
right: 5px;
background-position: -64px -1280px;
}
.ui-datepicker-title .ui-datepicker-year, .ui-datepicker-title .ui-datepicker-month {
width: 49%;
line-height: 32px;
}
.ui-datepicker-title .ui-datepicker-year:select, .ui-datepicker-title .ui-datepicker-month:select {
border: 1px solid #cccccc;
}
.ui-datepicker-title .ui-datepicker-year {
border-left: 0px;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
top: 0;
}
.ui-datepicker thead {
border: solid #cccccc;
border-width: 0 0 1px 0;
}
.ui-datepicker thead > tr {
background-color: white;
}
.ui-datepicker td {
background-color: #faf5e1;
width: auto;
border: solid #cccccc;
border-width: 0 1px 0 0;
padding: 0;
}
.ui-datepicker td:last-child {
border-width: 0;
}
.ui-datepicker tbody tr {
border-bottom: solid #cccccc 1px;
}
.ui-datepicker .ui-datepicker-calendar {
margin: 0;
border-top: solid 1px #cccccc;
}
.ui-datepicker .ui-datepicker-other-month, .ui-datepicker .ui-datepicker-unselectable {
background-color: #eeeeee;
}
.ui-datepicker .ui-state-active {
background-color: white;
border: 1px black solid;
box-shadow: 0px 3px 0px 0px #a8a8a8;
padding: 15px 10px 14px 10px;
position: relative;
}
.ui-datepicker .ui-datepicker-unselectable a, .ui-datepicker .ui-datepicker-unselectable span {
color: #cccccc;
}
a.ui-state-default {
border-bottom: 3px solid #faf5e1;
}
a.ui-state-default:hover, a.ui-state-default:focus {
border-bottom: 3px solid #feb914;
background-color: #f6eecb;
color: #2070b0;
}
a.ui-state-default.ui-state-active {
border-bottom: 1px solid black;
}
.with-selects .ui-datepicker-header {
bottom: 72px;
position: relative;
}
.with-selects .ui-datepicker-title {
display: none;
}
.with-selects .hasDatepicker {
position: relative;
}
.ui-datepicker-prev {
left: -1px;
}
.ui-datepicker-prev:after {
content: "";
background-position: -32px -576px;
position: absolute;
left: 0;
top: 0;
}
.ui-datepicker-next {
right: -1px;
}
.ui-datepicker-next:after {
content: "";
background-position: -32px -640px;
position: absolute;
left: 0;
top: 0;
}
.jquery-ui-calendar-wrapper {
border: solid #cccccc;
border-width: 0 1px 2px 1px;
}
.jquery-ui-calendar-wrapper .ui-datepicker-title, .jquery-ui-calendar-wrapper .current-month-and-year {
text-align: center;
height: 32px;
line-height: 32px;
background-color: #eeeeee;
font-weight: bold;
}
.ui-datepicker-today {
font-weight: bold;
}
.calendar-additions {
position: relative;
}
.calendar-additions .current-month-and-year {
display: block;
height: 72px;
}
.calendar-selectors {
position: absolute;
top: 32px;
width: 100%;
}
.calendar-selectors .selector {
width: 50%;
float: left;
border-left-width: 0;
border-right-width: 0;
border-bottom-width: 0;
margin-bottom: 0;
}
.calendar-selectors .selector:first-child {
border-right: 1px solid #cccccc;
}
.calendar-selectors .selector.focus {
border: 1px dashed #2070b0;
}
.calendar-selectors .selector span {
color: #676767;
}
.calender-selectors {
padding: 0 1px;
}
/* Specific - small */
.homepage-image-container {
background: #eeeeee;
height: 160px;
margin-bottom: -140px;
}
.homepage-image-container.expanded {
height: 430px;
margin-bottom: -410px;
}
.homepage-top-links .flat-button {
width: 33.333%;
margin-left: 0;
padding-top: 0;
}
.homepage-top-links .flat-button:nth-child(1) {
border-right: 0;
}
.homepage-top-links .flat-button:nth-child(1) .text {
margin-top: 45px;
}
.homepage-top-links .flat-button:nth-child(2) {
border-left: 1px dotted #cccccc;
border-right: 1px dotted #cccccc;
}
.homepage-top-links .flat-button:nth-child(3) {
border-left: 0;
}
.homepage-top-links .icon {
background-image: url("/static/1/images/homepage_sprite_x2.png");
background-image: url("/static/1/images/homepage_sprite.png") \9;
background-size: 96px 144px;
background-position: 48px 48px;
height: 48px;
width: 48px;
display: block;
position: absolute;
margin-left: -24px;
left: 50%;
}
.body-cms-preview .homepage-top-links .icon {
background-image: url("/static/1/images/homepage_sprite.png");
}
.homepage-top-links .icon.live {
background-position: 0px -48px;
}
.homepage-top-links .icon.map {
background-position: -48px -48px;
}
.homepage-top-links .icon.nearby {
background-position: 0px -96px;
}
.homepage-top-links .text {
margin-top: 55px;
display: block;
line-height: 100%;
}
.service-board-collapsed h2 {
display: none;
}
.service-board-collapsed .rainbow-board {
margin-top: 10px;
display: block;
border-bottom: 0;
}
.service-board-collapsed .rainbow-list-wrapper {
margin: 0;
display: block;
}
.main-services {
margin-bottom: 20px;
}
.main-services > div:last-child .flat-button {
margin-bottom: 0;
}
.spot-grid-background {
background-color: #ccdde8;
}
.basic-journey-options {
background-color: #eeeeee;
margin-bottom: 20px;
position: relative;
margin-left: 0;
padding: 0 10px 10px;
}
.expanded .basic-journey-options {
margin-bottom: 0;
}
#plan-a-journey {
padding-top: 10px;
margin-top: 42px;
}
#jp-search-form.walking .time-options {
display: none;
}
#jp-search-form.walking .from-and-to.clearfix {
margin-bottom: 10px;
}
#jp-search-form.walking .time-options.clearfix {
display: none !important;
}
.journey-planner-results {
background-color: #ccdde8;
padding-bottom: 10px;
margin-bottom: -50px;
}
.journey-planner-results .basic-journey-options {
margin-bottom: 0;
}
.journey-planner-results .from-and-to, .journey-planner-results .time-options, .journey-planner-results .update-buttons, .journey-planner-results .toggle-options, .journey-planner-results .extra-options {
display: none;
}
.journey-planner-results .editing .from-and-to, .journey-planner-results .editing .time-options, .journey-planner-results .editing .update-buttons, .journey-planner-results .editing .toggle-options, .journey-planner-results .editing .extra-options {
display: block;
}
.journey-planner-results .editing input.primary-button {
display: block;
}
.journey-planner-results .editing .journey-result-summary {
display: none;
}
.journey-planner-results .travelpreferences-cycling, .journey-planner-results .travelpreferences-walking, .journey-planner-results .travelpreferences-publictransport {
display: none;
}
.journey-planner-results .publictransport .travelpreferences-publictransport, .journey-planner-results .cycling .travelpreferences-cycling, .journey-planner-results .walking .travelpreferences-walking {
display: inline;
}
.journey-planner-results .journey-result-summary .travel-preferences {
padding: 5px 0;
border-top: 1px dotted #cccccc;
}
.journey-planner-results .journey-result-summary .travel-preferences strong {
margin-left: 10px;
}
.journey-planner-results .journey-result-summary .travel-preferences span {
margin-right: -10px;
}
.journey-planner-results .journey-result-summary .travel-preferences .right-shadow {
display: none;
}
.journey-planner-results .journey-result-summary.touch .travel-preferences {
overflow: hidden;
position: relative;
margin-bottom: -10px;
}
.journey-planner-results .journey-result-summary.touch .travel-preferences .scroller {
overflow-x: scroll;
}
.journey-planner-results .journey-result-summary.touch .travel-preferences .scroller > div {
white-space: nowrap;
}
.journey-planner-results .journey-result-summary.touch .travel-preferences .right-shadow, .journey-planner-results .journey-result-summary.touch .travel-preferences .left-shadow {
display: block;
position: absolute;
top: 0;
height: 28px;
width: 40px;
}
.journey-planner-results .journey-result-summary.touch .travel-preferences .left-shadow {
left: -40px;
background-color: transparent;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, rgba(246, 246, 246, 0)));
background-image: -webkit-linear-gradient(left, #f6f6f6 0%, rgba(246, 246, 246, 0) 100%);
background-image: linear-gradient(to right,#f6f6f6 0%, rgba(246, 246, 246, 0) 100%);
}
.journey-planner-results .journey-result-summary.touch .travel-preferences .right-shadow {
right: -40px;
background-color: transparent;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, rgba(246, 246, 246, 0)));
background-image: -webkit-linear-gradient(right, #f6f6f6 0%, rgba(246, 246, 246, 0) 100%);
background-image: linear-gradient(to left,#f6f6f6 0%, rgba(246, 246, 246, 0) 100%);
}
.journey-planner-results strong.disambiguating {
background-color: #faf5e1;
display: inline-block;
padding: 5px 5px 5px 30px;
border: 1px solid #cccccc;
position: relative;
}
.journey-planner-results strong.disambiguating:after {
content: "";
position: absolute;
top: 50%;
margin-top: -16px;
left: 0;
background-position: 0px -832px;
}
.journey-planner-results .summary-row {
margin: 5px 0;
}
.journey-planner-results .summary-row:first-child {
margin: 0;
}
.journey-planner-results .summary-row span.label {
float: left;
margin-right: -60px;
}
.journey-planner-results .summary-row strong {
margin-left: 60px;
display: block;
}
.journey-planner-results .summary-row .secondary-button, .journey-planner-results .summary-row .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a, .responsive-button-row.collapsed.opened .journey-planner-results .summary-row .rbr-group-button ~ div.rbr-button > a {
width: 120px;
margin: 0 0 10px 60px;
}
.journey-planner-results .geolocation-box {
margin-bottom: 0;
}
.journey-planner-results input.primary-button {
display: none;
}
.journey-planner-results #From, .journey-planner-results #To, .journey-planner-results #Via {
float: left;
margin-left: 0;
cursor: pointer;
color: #2d3039;
height: 40px;
border: 1px solid #cccccc;
cursor: auto;
padding: 5px;
padding-right: 32px;
}
.journey-planner-results .from-and-to {
margin-bottom: 10px;
}
.journey-planner-results .geolocation-box {
margin-bottom: 10px;
}
.journey-planner-results .time-options .time-defaults {
display: none;
}
.journey-planner-results .time-options .change-time-options {
display: block;
}
.journey-planner-results .cancel-button, .journey-planner-results input[type='submit'] {
width: 47.5%;
float: left;
}
.journey-planner-results .cancel-button {
margin-right: 5%;
}
#more-journey-options {
display: none;
padding-top: 20px;
padding-left: 2.54%;
padding-right: 2.54%;
background-color: #eff6fd;
margin-bottom: 20px;
}
#more-journey-options .update-buttons {
margin-top: 20px;
}
#more-journey-options .walking-options {
float: left;
}
.modes-of-transport {
position: relative;
}
.modes-of-transport .select-deselect-option {
position: absolute;
top: 0;
right: 0;
}
.modes-of-transport li label {
text-indent: 50px;
position: relative;
}
.modes-of-transport li label:before {
content: "";
position: absolute;
top: 2px;
left: 10px;
background-image: url("/static/1/images/vsprite_x2.png");
background-image: url("/static/1/images/vsprite.png") \9;
background-size: 96px 2624px;
background-position: 0px -1056px;
height: 32px;
width: 32px;
display: block;
}
.body-cms-preview .modes-of-transport li label:before {
background-image: url("/static/1/images/vsprite.png");
}
.modes-of-transport .national-rail:before {
background-position: 0px -352px;
}
.modes-of-transport .bus:before {
background-position: 0px -320px;
}
.modes-of-transport .dlr:before, .modes-of-transport .docklands:before, .modes-of-transport .docklands-light-railway:before {
background-position: 0px -1088px;
}
.modes-of-transport .river-bus:before {
background-position: 0px -384px;
}
.modes-of-transport .tram:before {
background-position: -32px -1120px;
}
.modes-of-transport .coach:before {
background-position: 0px -1120px;
}
.modes-of-transport .cable-car:before {
background-position: 0px -480px;
}
.modes-of-transport .overground:before {
background-position: -64px -1056px;
}
.jp-mode-publictransport, .jp-mode-cycling, .jp-mode-walking {
display: none;
}
.publictransport .jp-mode-publictransport, .cycling .jp-mode-cycling, .walking .jp-mode-walking {
display: block;
}
.extra-options {
margin: 10px -10px;
background-color: #fff;
padding: 5px 2.54% 10px;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
clear: both;
}
.toggle-options {
display: block;
}
.toggle-options:after {
background-image: url("/static/1/images/vsprite_x2.png");
background-image: url("/static/1/images/vsprite.png") \9;
background-size: 96px 2624px;
background-position: 0px -672px;
height: 20px;
width: 28px;
display: inline-block;
content: "";
}
.body-cms-preview .toggle-options:after {
background-image: url("/static/1/images/vsprite.png");
}
.toggle-options.less-options:after {
background-position: 0px -608px;
}
.expanded .go-via, .expanded .national-search, .expanded #more-journey-options {
display: block;
}
.geolocation-box {
margin-bottom: 10px;
margin-top: 3px;
}
.geolocation-map {
clear: left;
}
.image-container {
border: 1px solid #cccccc;
padding: 5px;
background-color: #fff;
}
.showing-map .image-container {
display: block;
height: 200px;
}
.showing-map .geolocation-box .remove-content-container {
margin-bottom: 10px;
}
.switch-button {
background-size: 84px 2296px;
background-position: 0px -56px;
height: 28px;
width: 28px;
display: block;
position: relative;
top: -20px;
left: 50%;
margin: 15px 0 -24px -16px;
}
.walking-speed {
float: left;
margin-right: 20px;
}
.walking-speed .selector {
width: 120px;
}
.max-walking-time {
margin-bottom: 10px;
margin-right: 20px;
float: left;
min-width: 105px;
}
.max-walking-time input {
margin-right: 3%;
width: 65px;
}
.max-walking-time span {
vertical-align: middle;
width: 48.5%;
}
.hours-mins {
margin-bottom: -10px;
}
.time-options {
position: relative;
margin: 15px 0 0;
}
.time-options p {
float: left;
width: 105px;
margin-bottom: 0;
}
.time-options .selector {
float: left;
margin-right: 3%;
}
.time-options .date-of-departure {
width: 58.5%;
}
.time-options .hours {
width: 38.5%;
margin-right: 0;
}
.time-options .change-time-options {
display: none;
}
.time-options .time-defaults {
margin-right: 4px;
}
.time-options.change-time .change-time-options {
display: block;
}
.time-options.change-time .time-defaults {
display: none;
}
.time-options .horizontal-toggle-buttons li {
width: 50%;
}
.time-options .change-departure-time:after {
content: "";
position: absolute;
top: 50%;
margin-top: -16px;
background-position: 0px -640px;
}
.go-via {
display: none;
margin-top: 10px;
}
.national-search {
float: left;
display: none;
margin: 15px 2.54% 0 0;
}
#save-journey-planner-preferences {
padding: 15px 2.54% 15px 2.54%;
width: 105.08%;
position: relative;
left: -2.54%;
background: #fff;
border-top: 1px dotted #cccccc;
margin-top: 10px;
}
.breakpoint-Small .journey-form .r > :last-child {
margin-right: 0;
}
#recent-journeys {
background-color: #fff;
padding: 10px 2.54%;
clear: both;
margin-bottom: 20px;
}
#recent-journeys h3 {
font-size: 20px;
}
#recent-journeys p {
margin-bottom: 0;
}
.journey-planner-promo {
display: none;
}
.journey-types {
margin-top: -52px;
position: absolute;
left: 0;
}
.journey-types a .tabs-time {
display: none;
}
@media only screen and (min-width: 580px) {
.journey-types a .tabs-time {
display: inline;
}
}
.field-validation-errors {
margin-bottom: 0;
margin-left: 0;
}
.summary-results.publictransport .walking-box, .summary-results.publictransport .cycling-box {
display: none;
}
.summary-results.cycling .publictransport-box, .summary-results.cycling .walking-box {
display: none;
}
.summary-results.walking .publictransport-box, .summary-results.walking .cycling-box {
display: none;
}
.summary-results .always-visible .price-and-details {
display: none;
}
.summary-results .start-hidden {
background-color: white;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0px, #e5e6e7), color-stop(25px, white));
background-image: -webkit-linear-gradient(#e5e6e7 0px, white 25px);
background-image: linear-gradient(#e5e6e7 0px, white 25px);
padding-top: 20px;
border-left: none;
border-right: none;
border-bottom: none;
}
.summary-results .text-only {
padding: 13px 15px;
}
.summary-results .journey-summary {
border-bottom: 1px dotted #cccccc;
}
.summary-results .journey-summary h4 {
padding-left: 10px;
}
.summary-results .time-box {
float: left;
padding: 10px 0;
width: 46px;
height: 40px;
text-align: center;
margin-left: 10px;
}
.summary-results .time-box:first-child {
margin-right: 7%;
}
.summary-results .time-box .title {
display: block;
margin-bottom: 5px;
color: #53595F;
font-style: italic;
font-size: 14px;
line-height: 100%;
}
.summary-results .time-box .time {
font-size: 24px;
line-height: 100%;
}
.summary-results .journey-time {
float: right;
padding: 15px 10px;
line-height: 100%;
}
.summary-results .extra-info-box {
padding: 10px;
}
.summary-results .extra-info-box .frequency, .summary-results .extra-info-box .price {
float: right;
}
.summary-results .extra-info-box .frequency {
margin-bottom: 5px;
}
.summary-results .price-and-details .show-detailed-results {
margin: 10px 10px 0 0;
}
.summary-results .journey-price {
float: left;
clear: both;
padding: 10px;
}
.summary-results .primary-button {
float: right;
margin: 10px 10px 0 0;
width: 130px;
}
.summary-results .disrupted p {
padding: 5px 0px;
}
.journey-details-ajax p {
position: relative;
text-align: center;
margin-top: 10px;
}
.search-options {
padding: 15px 5px 5px;
}
.search-options .change-journey-options {
float: right;
margin-top: -10px;
}
.search-options table {
width: 100%;
}
.search-options th {
padding: 3px 10px 3px 0;
text-align: left;
}
.search-options td {
padding: 3px 0;
font-weight: bold;
}
.static-map img {
width: 100%;
height: auto;
}
#full-width-content .journey-results {
margin-bottom: 0;
}
.journey-results .auto-expand {
margin-bottom: 10px;
}
.journey-results .summary-results {
margin: 0 2.54%;
}
ul.journey-steps {
margin-left: 0;
margin-bottom: 0;
padding-left: 0;
height: 100%;
padding-left: 5px;
}
ul.journey-steps li {
float: left;
margin: 10px 2px;
position: relative;
list-style-type: none;
}
ul.journey-steps li span {
position: absolute;
top: 5px;
left: 40px;
font-weight: bold;
font-size: 15px;
}
ul.journey-steps li span.disruption {
background-size: 66px 1804px;
background-position: 0px -572px;
height: 22px;
width: 22px;
display: block;
height: 22px;
width: 24px;
z-index: 2;
top: 9px;
left: 12px;
position: absolute;
}
ul.journey-steps li.disruption {
background-color: #faf5e1;
}
ul.journey-steps .tube-icon {
position: relative;
}
ul.journey-steps .tube-icon span {
display: block;
height: 3px;
width: 24px;
left: 4px;
position: absolute;
top: auto;
}
ul.journey-steps .tube-icon span:first-child {
bottom: 0;
}
ul.journey-steps .tube-icon span:nth-child(2) {
bottom: 3px;
}
ul.journey-steps .tube-icon span:nth-child(3) {
bottom: 6px;
}
ul.journey-steps .tube-icon span:nth-child(4) {
bottom: 9px;
}
table.journey-steps tr:nth-child(odd) {
background: transparent;
}
table.journey-steps td {
vertical-align: top;
}
table.journey-steps td.disrupted {
padding: 0 5px;
background-color: #faf5e1;
}
table.journey-steps .time {
display: none;
padding-bottom: 4px;
width: 54px;
}
table.journey-steps .time.wide {
width: 96px;
}
table.journey-steps .logo {
padding: 2px 5px;
text-align: center;
width: 35px;
}
table.journey-steps .logo div {
margin: -3px auto;
padding-bottom: 4px;
}
table.journey-steps .description {
padding-bottom: 4px;
}
.logo.centred {
margin-top: -16px;
margin-left: -16px;
}
.half-width-buttons {
margin-bottom: 10px;
}
.half-width-buttons .earlier {
margin-right: 3%;
padding-left: 16px;
}
.half-width-buttons .earlier:before {
content: "";
background-image: url("/static/1/images/vsprite_x2.png");
background-image: url("/static/1/images/vsprite.png") \9;
background-size: 96px 2624px;
background-position: 0px -576px;
height: 22px;
width: 28px;
display: inline-block;
margin-top: -5px;
margin-left: -28px;
}
.body-cms-preview .half-width-buttons .earlier:before {
background-image: url("/static/1/images/vsprite.png");
}
.half-width-buttons .later {
margin-left: 3%;
padding-right: 16px;
}
.half-width-buttons .later:after {
content: "";
background-image: url("/static/1/images/vsprite_x2.png");
background-image: url("/static/1/images/vsprite.png") \9;
background-size: 96px 2624px;
background-position: 0px -640px;
height: 22px;
width: 28px;
display: inline-block;
margin-top: -5px;
margin-right: -28px;
}
.body-cms-preview .half-width-buttons .later:after {
background-image: url("/static/1/images/vsprite.png");
}
.half-width-buttons a {
float: left;
width: 47%;
}
.half-width-buttons a span {
margin: -5px 0 0 0;
}
#alternatives {
margin-left: 0;
padding: 20px 2.54%;
background: #FFF;
}
.journey-details {
display: none;
}
.selected .journey-details {
display: block;
}
.selected table.journey-steps {
display: none;
}
.access-information {
margin-left: 70px;
padding-bottom: 10px;
*zoom: 1;
}
.access-information > a {
float: left;
position: relative;
}
.access-information:before, .access-information:after {
content: " ";
display: table;
}
.access-information:after {
clear: both;
}
.tooltip-container {
overflow: hidden;
}
.tooltip-container:hover, .tooltip-container:focus {
overflow: visible;
}
.tooltip-container:hover .tooltip, .tooltip-container:focus .tooltip {
visibility: visible;
}
.tooltip {
display: block;
position: absolute;
background-color: #2d3039;
color: #fff;
visibility: hidden;
padding: 2px 5px;
top: 40px;
z-index: 1;
font-size: 15px;
font-family: Arial,Helvetica,sans-serif;
}
.tooltip:before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #2d3039 transparent;
}
.tooltip.right {
right: 0;
}
.tooltip.right:before {
left: auto;
right: 0;
}
.journey-detail-step .start-location, .journey-detail-step .end-location {
font-size: 20px;
margin-left: 60px;
}
.journey-planner-results .journey-detail-step .start-location, .journey-planner-results .journey-detail-step .end-location {
padding: 10px 0 0 10px;
}
.journey-detail-step .start-location .stop-link, .journey-detail-step .end-location .stop-link {
padding: 20px 30px 20px 10px;
}
.journey-detail-step.terminus .time-and-mode > div {
height: 22px;
margin-top: -11px;
}
.journey-detail-step .step-heading {
position: relative;
background: #eeeeee;
min-height: 65px;
margin: 0 -10px;
padding: 0 10px;
}
.journey-detail-step .step-summary {
display: none;
}
.journey-detail-step .time-and-mode {
position: absolute;
height: 100%;
background: #fff;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
float: left;
width: 60px;
text-align: center;
}
.journey-detail-step .time-and-mode > div {
height: 52px;
width: 60px;
top: 50%;
margin-top: -26px;
position: absolute;
}
.journey-detail-step .centred {
margin-left: 12px;
}
.journey-detail-step .centred.footpaths-icon, .journey-detail-step .centred.walking-icon {
margin-left: 16px;
}
.journey-detail-step h2 {
padding: 5px 0 0;
margin-left: 70px;
line-height: 120%;
}
.journey-detail-step .details {
position: relative;
}
.journey-detail-step .details p, .journey-detail-step .details .view-on-a-map-parent {
margin-bottom: 0px;
padding-bottom: 10px;
}
.journey-detail-step .details p.description, .journey-detail-step .details .view-on-a-map-parent.description {
padding-top: 10px;
}
.journey-detail-step .details p.description.disrupted, .journey-detail-step .details .view-on-a-map-parent.description.disrupted {
background-color: #faf5e1;
}
.journey-detail-step .details p.duration, .journey-detail-step .details .view-on-a-map-parent.duration {
padding-top: 10px;
padding-bottom: 0px;
}
.journey-detail-step .instructions {
padding-left: 70px;
}
.journey-detail-step .text-instructions-list .stop-link {
padding-left: 85px;
}
.journey-detail-step .text-instructions-list .stop-link:after {
content: "";
position: absolute;
top: 50%;
left: 53px;
margin-top: -16px;
margin-right: -6px;
}
.journey-detail-step .text-instructions-list .stop-link.sign-right:after {
background-position: 0px -2336px;
}
.journey-detail-step .text-instructions-list .stop-link.sign-left:after {
background-position: -64px -2304px;
}
.journey-detail-step .text-instructions-list .stop-link.sign-straight:after {
background-position: -32px -2304px;
}
.journey-detail-step .json-all-stops, .journey-detail-step .view-on-a-map, .journey-detail-step .text-instructions-link {
padding-left: 34px;
position: relative;
left: -11px;
}
.journey-detail-step .json-all-stops:after, .journey-detail-step .view-on-a-map:after, .journey-detail-step .text-instructions-link:after {
background-position: 0px -672px;
content: "";
position: absolute;
top: 50%;
left: 4px;
margin-top: -16px;
margin-right: -6px;
}
.journey-detail-step .json-all-stops.hide:after, .journey-detail-step .view-on-a-map.hide:after, .journey-detail-step .text-instructions-link.hide:after {
background-position: 0px -608px;
}
.journey-detail-step .view-on-a-map.show-all:after {
background-position: 0px -608px;
content: "";
position: absolute;
top: 50%;
left: 0;
margin-top: -16px;
margin-right: -6px;
}
.all-stops {
margin-left: -62px;
}
.all-stops li:first-child:before {
top: 0%;
}
.all-stops li:last-child::before {
bottom: 0%;
}
.route-name {
font-size: 24px;
}
.route-heading .step-heading {
margin: 0;
padding: 0;
background-color: transparent;
}
.route-heading .stop-name {
left: 32px;
}
.route-heading .stop-name.hail-and-ride {
left: 40px;
}
.route-heading .stop {
left: 32px;
}
.route-heading .all-stops {
margin-left: -70px;
}
.route-heading .stop-link {
padding-left: 72px;
}
.route-heading .mode-icon {
float: right;
margin-top: -5px;
position: relative;
}
.route-heading .stop-list .lines, .route-heading .timetable-route .lines {
width: 60px;
}
.route-heading .stop-list .lines .stop, .route-heading .timetable-route .lines .stop {
z-index: 2;
}
.route-heading .stops-wrapper .mode-icon, .route-heading .stops-wrapper .tube-lines {
float: left;
}
.bus-branch {
position: relative;
background-color: #cc3333;
}
.bus-branch:before {
content: "";
position: absolute;
margin-top: -2px;
left: -18px;
width: 40px;
height: 40px;
background-image: url("/static/1/images/bus-route_sprite_x2.png");
background-image: url("/static/1/images/bus-route_sprite.png") \9;
background-size: 80px 120px;
}
.lines .bus-split {
height: 30%;
background-color: #cc3333;
top: -9px;
}
.lines .bus-split:before {
background-position: 0 -40px;
top: 100%;
}
.lines .bus-merge-start {
top: 50%;
height: 50%;
}
.lines .bus-merge-start:before {
background-position: -40px 0;
top: 0;
margin-top: -28px;
}
.lines .bus-merge {
top: 50%;
height: 50%;
}
.lines .bus-merge:before {
background-position: 0 0;
top: 0;
margin-top: -20px;
}
.lines .bus-loop-start:before {
background-position: -40px -40px;
top: 50%;
margin-top: -20px;
left: 50%;
margin-left: -10px;
}
.lines .bus-loop-end {
top: 50%;
height: 50%;
}
.lines .bus-loop-end:before {
background-position: -40px -80px;
top: 0;
margin-top: -20px;
left: 50%;
margin-left: -10px;
}
.lines .stop.interchange {
height: 20px;
border: 3px solid #000;
background-color: #fff;
}
.lines .stop.step-free-to-platform, .lines .stop.step-free-to-train {
height: 32px;
background-color: transparent;
}
.lines .dlr .stop.interchange, .lines .docklands .stop.interchange, .lines .docklands-light-railway .stop.interchange {
border: 3px solid #000;
}
.lines .overground .stop.interchange {
border: 3px solid #000;
}
.lines .interchange {
display: block;
width: 20px;
border-radius: 20px;
margin-left: -10px;
margin-top: -10px;
}
.lines .interchange, .lines .step-free-to-platform, .lines .step-free-to-train {
display: block;
left: 50%;
top: 50%;
}
.lines .step-free-to-platform, .lines .step-free-to-train {
display: block;
margin-left: -16px;
margin-top: -16px;
}
.lines .step-free-to-platform {
background-position: -64px -992px;
}
.lines .step-free-to-train {
background-position: -32px -992px;
}
.tube-lines {
float: right;
width: 26px;
height: 30px;
position: relative;
margin-top: -3px;
}
.tube-lines :not(.fake-selector).tube-line-wrapper {
position: absolute;
top: 50%;
left: 0;
width: 26px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.tube-lines .tube-line {
margin-bottom: 1px;
height: 5px;
display: block;
}
.route-branch-information,
.route-branch-heading {
background-color: #f7f7f7;
}
.route-branch-heading {
margin-top: 20px;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
padding: 15px;
}
.route-branch-heading + li .step-heading {
margin-top: 10px;
}
.pattern-2 .lines {
height: 90%;
top: 5%;
}
.start-location .stop-link {
padding-left: 0;
}
.time-and-mode .stop-name {
left: 50%;
margin-left: -15px;
}
.time-and-mode .route-name {
position: absolute;
width: 100%;
top: 50%;
margin-top: -16px;
text-align: center;
}
.time-and-mode.with-stop .route-name {
top: auto;
margin-top: 0;
bottom: -10px;
}
.stop {
position: absolute;
left: 24px;
top: 50%;
margin-top: -2px;
width: 5px;
height: 4px;
}
.lines {
position: absolute;
width: 60px;
height: 100%;
top: 0;
left: 0;
text-align: center;
overflow: hidden;
z-index: 3;
}
.lines span {
display: inline-block;
height: 100%;
}
.lines .stop {
height: 4px;
background-color: inherit;
border-right: inherit;
}
.lines .footpaths, .lines .footpath, .lines .walking {
margin-left: 3px;
border-left: 3px dashed #2d3039;
}
.lines .cycle, .lines .cycle-easy, .lines .cycle-moderate, .lines .cycle-hard {
margin-left: 3px;
border-left: 3px dashed #259bd2;
}
.lines .train, .lines .national-rail {
border-right: 1px solid #ef2721;
border-left: 1px solid #ef2721;
background: #fff;
}
.lines .train .stop, .lines .national-rail .stop {
border-top: 1px solid #ef2721;
border-bottom: 1px solid #ef2721;
}
.lines .bus, .lines .bus, .lines .replacement-bus {
background: #cc3333;
}
.lines .hail-and-ride {
margin-left: 4px;
border-left: 4px dashed #cc3333;
}
.lines .overground {
border-right: 1px solid #e86a10;
border-left: 1px solid #e86a10;
background: #fff;
}
.lines .overground .stop {
border-top: 1px solid #e86a10;
border-bottom: 1px solid #e86a10;
}
.lines .coach {
border-right: 1px solid #fdb813;
border-left: 1px solid #fdb813;
background: #fff;
}
.lines .coach .stop {
border-top: 1px solid #fdb813;
border-bottom: 1px solid #fdb813;
}
.lines .river, .lines .river-bus {
border-right: 1px solid #0098d4;
border-left: 1px solid #0098d4;
background: #fff;
}
.lines .river .stop, .lines .river-bus .stop {
border-top: 1px solid #0098d4;
border-bottom: 1px solid #0098d4;
}
.lines .dlr, .lines .docklands, .lines .docklands-light-railway {
border-right: 1px solid #00afad;
border-left: 1px solid #00afad;
background: #fff;
}
.lines .dlr .stop, .lines .docklands .stop, .lines .docklands-light-railway .stop {
border-top: 1px solid #00afad;
border-bottom: 1px solid #00afad;
}
.lines .tram {
border-right: 1px solid #7cc144;
border-left: 1px solid #7cc144;
background: #fff;
}
.lines .tram .stop {
border-top: 1px solid #7cc144;
border-bottom: 1px solid #7cc144;
}
.lines .cablecar, .lines .cable-car {
position: relative;
width: 2px;
background: #e21836;
}
.lines .cablecar:before, .lines .cablecar:after, .lines .cable-car:before, .lines .cable-car:after {
content: "";
position: absolute;
background: #e21836;
width: 2px;
height: 100%;
top: 0;
}
.lines .cablecar:before, .lines .cable-car:before {
left: -4px;
}
.lines .cablecar:after, .lines .cable-car:after {
right: -4px;
}
.lines.lines2 span:first-child .stop {
width: 7px;
left: 18px;
z-index: 2;
}
.lines.lines2 span:last-child .stop {
width: 6px;
z-index: 0;
}
.lines.lines3 span:first-child .stop {
width: 7px;
left: 16px;
z-index: 2;
}
.lines.lines3 span:nth-child(2) .stop {
left: 20px;
width: 7px;
z-index: 1;
}
.lines.lines3 span:last-child .stop {
width: 8px;
z-index: 0;
}
.journey-time {
font-weight: bold;
font-size: 30px;
}
.journey-time .time-units {
font-size: 15px;
font-weight: normal;
margin-left: 2px;
}
.full-results-container {
margin: 0 0 10px 2.54%;
background: #fff;
}
.full-results-container .start-hidden {
padding: 10px;
}
.full-results-container table.journey-steps {
display: none;
}
.full-results-container .journey-details {
display: block;
}
.disruption-messages .line-status, .disruption-messages .line-disruption {
background-color: #faf5e1;
}
.disruption-messages .line-status .message-toggle, .disruption-messages .line-disruption .message-toggle {
display: block;
padding: 10px 10px 10px 45px;
position: relative;
}
.disruption-messages .line-status .message-toggle:before, .disruption-messages .line-disruption .message-toggle:before {
content: "";
position: absolute;
top: 50%;
margin-top: -16px;
left: 5px;
background-position: 0px -832px;
}
.disruption-messages .line-information .message-toggle {
padding-left: 34px;
left: -11px;
position: relative;
}
.disruption-messages .line-information .message-toggle:after {
left: 4px;
margin-top: -16px;
margin-right: -6px;
}
.disruption-messages .message-toggle:after {
content: "";
position: absolute;
top: 50%;
margin-top: -16px;
right: 5px;
background-position: 0px -672px;
}
.disruption-messages .expanded .message-toggle:after {
background-position: 0px -608px;
}
.disruption-messages .content {
margin-left: 0;
background-color: transparent;
}
.disruption-messages .start-hidden {
background-image: none;
border: 0;
background-color: transparent;
}
.journey-detail-step .content .line-status-heading {
padding: 5px 10px 6px 50px;
}
.replan-route {
text-align: center;
padding-top: 10px;
background-color: #ccdde8;
}
.replan-from-current-location {
background-color: #fff;
display: block;
padding: 16px 0 20px;
}
.replan-from-current-location:before {
background-image: url("/static/1/images/vsprite_x2.png");
background-image: url("/static/1/images/vsprite.png") \9;
background-size: 96px 2624px;
background-position: 0px -92px;
height: 32px;
width: 32px;
display: inline-block;
content: "";
vertical-align: middle;
}
.body-cms-preview .replan-from-current-location:before {
background-image: url("/static/1/images/vsprite.png");
}
.showing-full-details .summary-results .auto-expand {
display: none;
}
.showing-full-details .show-detailed-results {
display: none;
}
.leg-map {
height: 100%;
}
.accessibility-details {
background: #eeeeee;
padding: 10px;
}
.accessibility-details .heading {
margin-bottom: 10px;
}
.accessibility-details .details-pane {
display: none;
}
.accessibility-details .icon {
float: left;
min-width: 32px;
margin-right: 10px;
}
.accessibility-details p {
clear: both;
margin: 5px 0;
}
.accessibility-details .sub-heading {
clear: both;
font-weight: bold;
}
.accessibility-details.expanded .details-pane {
display: block;
}
.accessibility-details.expanded .heading {
padding-bottom: 10px;
border-bottom: 1px dotted #cccccc;
}
.accessibility-details.expanded .show-hide-links .hide-link {
display: inline;
}
.accessibility-details.expanded .show-hide-links .show-link {
display: none;
}
.accessibility-details .show-hide-links {
text-align: center;
border-top: 1px dotted #cccccc;
margin-top: 5px;
padding-top: 5px;
}
.accessibility-details .show-hide-links .hide-link {
display: none;
position: relative;
margin-left: -32px;
}
.accessibility-details .show-hide-links .hide-link:after {
content: "";
position: absolute;
background-position: 0px -608px;
top: -6px;
right: -32px;
}
.accessibility-details .show-hide-links .show-link {
position: relative;
margin-left: -32px;
}
.accessibility-details .show-hide-links .show-link:after {
content: "";
position: absolute;
background-position: 0px -672px;
top: -6px;
right: -32px;
}
.walking .accessibility-details {
display: none;
}
.cycling .accessibility-details {
display: none;
}
[data-current-location='true']:after {
content: "Current location";
position: absolute;
top: 4px;
left: 5px;
width: 120px;
height: 19px;
padding: 5px 5px 5px 30px;
border: 1px solid #c2dcf7;
background-color: #eff6fd;
z-index: 98;
}
[data-current-location='true']:before {
content: "";
position: absolute;
top: 4px;
left: 4px;
z-index: 99;
background-image: url("/static/1/images/vsprite_x2.png");
background-image: url("/static/1/images/vsprite.png") \9;
background-size: 96px 2624px;
background-position: -32px 0px;
height: 32px;
width: 32px;
display: block;
}
.body-cms-preview [data-current-location='true']:before {
background-image: url("/static/1/images/vsprite.png");
}
[data-current-location='true'] .tt-input {
word-spacing: 25px;
}
.journey-planner-widget .journey-types {
display: none;
}
.journey-planner-widget.start-hidden.widget-content {
padding: 0;
}
.journey-planner-widget #plan-a-journey {
margin-top: 0;
}
.expanded .journey-planner-widget #more-journey-options, .expanded .journey-planner-widget .go-via, .expanded .journey-planner-widget .national-search {
display: none;
}
.expanded .journey-planner-widget .toggle-options.more-options {
display: block;
}
.expanded .journey-planner-widget .basic-journey-options {
border-bottom: none;
background-color: transparent;
}
.journey-planner-results .journey-results .expandable-box {
border-bottom: 0px none;
}
.journey-planner-results .journey-results .expandable-box .expanded > .start-hidden {
border-top: 0;
}
.journey-planner-results .journey-results .expandable-box .content {
border-bottom: 0px;
margin-left: 20px;
}
.journey-planner-results .journey-results .expandable-box.line-information .content, .journey-planner-results .journey-results .expandable-box.line-disruption .content, .journey-planner-results .journey-results .expandable-box.line-status .content {
background-color: transparent;
margin-left: 0;
margin-bottom: 10px;
}
.journey-planner-results .journey-results .expandable-box .controls {
position: absolute;
top: 16px;
left: -20px;
width: 20px;
height: 100%;
border: 1px solid #053983;
text-decoration: none;
}
.journey-planner-results .journey-results .expandable-box .controls:before {
background-position: -32px -704px;
content: "";
top: 50%;
position: absolute;
margin-top: -16px;
left: -7px;
}
.journey-planner-results .journey-results .expandable-box .expanded .controls:before {
background-position: -32px -736px;
}
.jp-print-button {
margin-top: 10px;
}
.jp-print-button .print-button {
max-width: 200px;
float: right;
}
.service-status-rainbow-board {
margin-top: 10px;
}
.service-status-rainbow-board .field-validation-error {
margin-bottom: 10px;
}
.close-map-panel {
background-position: 0px -800px;
float: right;
margin-top: -10px;
}
.status-map-wrapper {
overflow: hidden;
position: relative;
}
.lines-stations-tab {
margin-bottom: 10px;
}
#status-map {
opacity: 0.8;
}
.active-map #status-map {
opacity: 1;
}
.active-map [data-map-type="interactive-schematic"]:not(.no-disruptions-on-map) .panzoom-wrapper {
position: relative;
}
.active-map [data-map-type="interactive-schematic"]:not(.no-disruptions-on-map) .panzoom-wrapper:after {
position: absolute;
bottom: 5px;
left: 5px;
padding: 5px;
background-color: rgba(0, 0, 0, 0.8);
color: #fff;
}
.active-map [data-map-type="interactive-schematic"]:not(.no-disruptions-on-map) .panzoom-wrapper.coloured-disruptions:after {
content: "Disruptions highlighted";
}
.active-map [data-map-type="interactive-schematic"]:not(.no-disruptions-on-map) .panzoom-wrapper.grey-disruptions:after {
content: "Good service highlighted";
}
#tubemap {
background-color: #f7f7f7;
position: relative;
}
#tubemap.loading:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
background-color: #2d3039;
}
#tubemap.loading .throbber, #tubemap.loading .map-panel.loading:after, #tubemap.loading .loading-disruptions, #tubemap.loading .map-sliver.loading[data-map-purpose='nearby']:after {
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-top: -35px;
margin-left: -35px;
z-index: 11;
}
#tubemap .throbber, #tubemap .map-panel.loading:after, #tubemap .loading-disruptions, #tubemap .map-sliver.loading[data-map-purpose='nearby']:after {
display: none;
}
#tubemap .map-options-panel {
position: absolute;
top: 0;
right: 0;
z-index: 1001;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
-ms-transition: -ms-transform 0.3s;
transition: transform 0.3s;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.showing-map-panel #tubemap .map-options-panel {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.active-map #tubemap {
background-color: transparent;
}
.no-disruptions-panel {
background-color: #2d3039;
padding: 10px;
position: absolute;
top: 50%;
left: 50%;
width: 250px;
height: 100px;
margin-left: -125px;
margin-top: -55px;
display: none;
}
.active-map .no-disruptions-panel, .stage-active .no-disruptions-panel {
display: block;
}
.no-disruptions-panel.future {
height: 80px;
margin-top: -40px;
}
.no-disruptions-panel .no-disruptions-panel-message {
font-size: 18px;
color: #fff;
}
.no-disruptions-panel .close3-icon {
float: right;
width: 32px;
margin-top: -10px;
margin-right: -10px;
cursor: pointer;
}
.active-map .r > [data-set='status-map'] {
margin-left: 0;
margin-right: 0;
width: 100%;
}
.corridor-selected .road-disruptions-wrapper {
display: none;
}
.nearby-disruptions-map-panel {
display: none;
}
.nearby-selected .nearby-disruptions-map-panel {
display: block;
}
.nearby-selected .road-disruptions-container {
display: none;
}
.nearby-selected .no-disruptions {
margin-bottom: 20px;
}
.rainbow-board.roads {
margin-top: 20px;
margin-bottom: 20px;
}
.nearby-roads-button .nearby-icon {
display: inline-block;
margin: -4px 3px -4px -3px;
}
.corridor-selected .corridor-details, .nearby-selected .corridor-details {
display: block;
}
.service-status-rainbow-board h2 {
display: none;
}
.service-status-rainbow-board .visible {
display: block;
}
.service-status-rainbow-board tr.visible {
display: table-row;
}
.service-status-rainbow-board .disruption-message {
padding: 10px;
border-top: 1px dotted #CCCCCC;
}
.service-status-rainbow-board .status-board-table [data-line-class], .service-status-rainbow-board .status-board-table [data-station-class] {
cursor: pointer;
}
.service-status-rainbow-board .vertical-button-container {
margin-top: 0px;
margin-bottom: 10px;
}
.loading-disruptions {
display: none;
margin-top: 20px;
margin-bottom: 24px;
background-position: center;
width: auto;
background-repeat: no-repeat;
}
.road-disruptions {
margin-top: 20px;
background-color: #fff;
margin-bottom: 10px;
}
.road-disruption {
margin-bottom: 20px;
position: relative;
}
.road-disruption > div {
padding: 15px;
}
.road-disruption .location {
background: #eeeeee;
min-height: 68px;
position: relative;
padding-left: 25px;
}
.road-disruption .location h3 {
margin-bottom: 0px;
}
.road-disruption .location h4 {
font-weight: normal;
margin-bottom: 0px;
line-height: 125%;
}
.road-disruption .tag {
display: block;
position: absolute;
top: 0;
left: 0;
width: 10px;
height: 100%;
}
.road-disruption .tag.default {
background-color: #a8a8a8;
}
.road-disruption .severity {
background: #faf5e1;
position: relative;
padding: 10px 50px 10px 26px;
}
.road-disruption .severity span {
display: block;
height: 20px;
}
.road-disruption .severity .tag {
height: 100%;
}
.road-disruption .severity:after {
content: "";
display: block;
position: absolute;
right: 10px;
top: 4px;
}
.road-disruption .severity.Minimal:after {
background-position: 0px -1376px;
}
.road-disruption .severity.Moderate:after {
background-position: -32px -1376px;
}
.road-disruption .severity.Serious:after {
background-position: -64px -1376px;
}
.road-disruption .severity.Severe:after {
background-position: 0px -1408px;
}
.road-disruption .disruption-info {
border: 1px solid #cacaca;
position: relative;
*zoom: 1;
}
.road-disruption .disruption-info .updated {
color: #666666;
margin-bottom: 10px;
display: block;
}
.road-disruption .disruption-info strong {
display: block;
}
.road-disruption .disruption-info .affected-roads {
list-style: none;
font-size: 15px;
margin-bottom: 10px;
margin-left: 0;
}
.road-disruption .disruption-info p {
margin-bottom: 15px;
}
.road-disruption .disruption-info .vertical-button-container {
margin: 0 0 10px;
position: relative;
*zoom: 1;
}
.road-disruption .disruption-info .vertical-button-container:last-child, .road-disruption .disruption-info .vertical-button-container.last {
margin: 0;
}
.map-panel-info .road-disruption {
margin-bottom: 0;
}
.map-panel-info .road-disruption .tag, .map-panel-info .road-disruption .severity {
display: none;
}
.map-panel-info .road-disruption .location {
background: transparent;
padding-left: 33px;
padding-top: 0;
min-height: 0;
margin-bottom: 10px;
}
.map-panel-info .road-disruption .location h3 {
display: none;
}
.map-panel-info .road-disruption .location .default + h3 {
display: block;
font-size: 15px;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
}
.map-panel-info .road-disruption .disruption-info {
background: #fff;
color: #2d3039;
}
.map-panel-info .road-disruption .disruption-info .vertical-button-container {
display: none;
}
#toggle-panel-status-map {
top: 10px;
right: 10px;
z-index: 10;
}
.active-map.stage-active #toggle-panel-status-map {
top: 50px;
z-index: 1001;
}
.lines-stations-tab {
margin-bottom: 10px;
}
.jam-cam-wrapper {
background: #000;
padding: 10px;
}
.jam-cam-wrapper img {
margin: 0 auto;
display: block;
max-width: 100%;
}
.jam-cam-wrapper img.hidden {
display: none;
}
.jam-cam-wrapper .field-validation-error {
margin: 20px;
}
.jam-cam-wrapper .field-validation-error:before {
background-position: -32px -2208px;
}
.roads-map-panel {
margin-bottom: 20px;
}
.stops-placeholder {
height: 100px;
width: 100%;
}
.stops-placeholder.station {
background-image: url("/static/1/images/placeholder/station-street_small.jpg");
}
.stops-placeholder.station-street-view {
display: none;
}
.stops-placeholder.mode {
background-image: url("/static/1/images/placeholder/emirates_tab.jpg");
}
.stops-placeholder.pier {
background-image: url("/static/1/images/placeholder/tram_tab.jpg");
}
.disruption-message.hidden {
display: none;
}
.station-details {
padding-top: 20px;
}
.station-details .moving-source-order :last-child {
margin-bottom: 0;
}
.station-details .lines-status .no-disruption:hover .service-status, .station-details .lines-status .no-disruption:focus .service-status {
background-color: #fff;
}
.station-details .lines-status .no-disruption:hover td.bakerloo, .station-details .lines-status .no-disruption:focus td.bakerloo {
background-color: #894e24;
}
.station-details .lines-status .no-disruption:hover td.central, .station-details .lines-status .no-disruption:focus td.central {
background-color: #dc241f;
}
.station-details .lines-status .no-disruption:hover td.circle, .station-details .lines-status .no-disruption:focus td.circle {
background-color: #ffce00;
}
.station-details .lines-status .no-disruption:hover td.district, .station-details .lines-status .no-disruption:focus td.district {
background-color: #007229;
}
.station-details .lines-status .no-disruption:hover td.dlr, .station-details .lines-status .no-disruption:hover td.docklands, .station-details .lines-status .no-disruption:hover td.docklands-light-railway, .station-details .lines-status .no-disruption:focus td.dlr, .station-details .lines-status .no-disruption:focus td.docklands, .station-details .lines-status .no-disruption:focus td.docklands-light-railway {
background-color: #00afad;
}
.station-details .lines-status .no-disruption:hover td.hammersmith, .station-details .lines-status .no-disruption:focus td.hammersmith {
background-color: #d799af;
}
.station-details .lines-status .no-disruption:hover td.jubilee, .station-details .lines-status .no-disruption:focus td.jubilee {
background-color: #6a7278;
}
.station-details .lines-status .no-disruption:hover td.metropolitan, .station-details .lines-status .no-disruption:focus td.metropolitan {
background-color: #751056;
}
.station-details .lines-status .no-disruption:hover td.northern, .station-details .lines-status .no-disruption:focus td.northern {
background-color: black;
}
.station-details .lines-status .no-disruption:hover td.overground, .station-details .lines-status .no-disruption:focus td.overground {
background-color: #e86a10;
}
.station-details .lines-status .no-disruption:hover td.piccadilly, .station-details .lines-status .no-disruption:focus td.piccadilly {
background-color: #0019a8;
}
.station-details .lines-status .no-disruption:hover td.victoria, .station-details .lines-status .no-disruption:focus td.victoria {
background-color: #00a0e2;
}
.station-details .lines-status .no-disruption:hover td.waterloo, .station-details .lines-status .no-disruption:focus td.waterloo {
background-color: #76d0bd;
}
.station-details .lines-status .no-disruption:hover td.tramlink1, .station-details .lines-status .no-disruption:focus td.tramlink1 {
background-color: #c6d834;
}
.station-details .lines-status .no-disruption:hover td.tramlink2, .station-details .lines-status .no-disruption:focus td.tramlink2 {
background-color: #c6d834;
}
.station-details .lines-status .no-disruption:hover td.tramlink3, .station-details .lines-status .no-disruption:focus td.tramlink3 {
background-color: #79c23f;
}
.station-details .lines-status .no-disruption:hover td.tramlink4, .station-details .lines-status .no-disruption:focus td.tramlink4 {
background-color: #336b14;
}
.station-details .lines-status .no-disruption:hover td.rb1, .station-details .lines-status .no-disruption:focus td.rb1 {
background-color: #040045;
}
.station-details .lines-status .no-disruption:hover td.rb2, .station-details .lines-status .no-disruption:focus td.rb2 {
background-color: #0072bc;
}
.station-details .lines-status .no-disruption:hover td.rb3, .station-details .lines-status .no-disruption:focus td.rb3 {
background-color: #f172ac;
}
.station-details .lines-status .no-disruption:hover td.rb4, .station-details .lines-status .no-disruption:focus td.rb4 {
background-color: #61c29d;
}
.station-details .lines-status .no-disruption:hover td.rb5, .station-details .lines-status .no-disruption:focus td.rb5 {
background-color: #ba6830;
}
.station-details .lines-status .no-disruption:hover td.rb6, .station-details .lines-status .no-disruption:focus td.rb6 {
background-color: #7164ac;
}
.station-details .lines-status .no-disruption:hover td.city-cruises, .station-details .lines-status .no-disruption:focus td.city-cruises {
background-color: #d82f12;
}
.station-details .lines-status .no-disruption:hover td.westminster-greenwich, .station-details .lines-status .no-disruption:focus td.westminster-greenwich {
background-color: #242884;
}
.station-details .lines-status .no-disruption:hover td.westminster-st-katherines-circular, .station-details .lines-status .no-disruption:focus td.westminster-st-katherines-circular {
background-color: #3da12f;
}
.station-details .lines-status .no-disruption:hover td.westminster-passenger-services-association, .station-details .lines-status .no-disruption:hover td.wetsminster-passenger-services-association, .station-details .lines-status .no-disruption:focus td.westminster-passenger-services-association, .station-details .lines-status .no-disruption:focus td.wetsminster-passenger-services-association {
background-color: #e3a700;
}
.station-details .lines-status .no-disruption:hover td.woolwich-free-ferry, .station-details .lines-status .no-disruption:focus td.woolwich-free-ferry {
background-color: #f28709;
}
.station-details .lines-status .no-disruption:hover td.emirates, .station-details .lines-status .no-disruption:focus td.emirates {
background-color: #e21836;
}
#facilities thead {
visibility: hidden;
}
.opening-hours {
margin-bottom: 20px;
}
#first-last-details .twenty-four-hour-icon {
content: "";
position: absolute;
top: -6px;
}
#first-last-details .service-message {
margin-left: 40px;
}
.nearby-results-list-container {
padding-top: 10px;
background-color: #fff;
}
.showing-map-panel .nearby-results-list-container {
padding-top: 0;
}
.nearby-results-list-container .map-panel {
margin-bottom: 10px;
}
.nearby-results-list-container p {
margin-bottom: 10px;
}
.active-map .map-wrapper {
position: relative;
}
.full-fares-table .content {
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
.fares-table thead tr {
background-color: #fff;
border-bottom: 1px solid #eeeeee;
}
.fares-table thead tr th {
font-size: 16px;
}
.fares-table tr {
border-left: 0;
border-right: 0;
}
.fares-table:last-child {
margin-bottom: 0;
}
.fares-table td {
padding: 10px;
}
.fares-table th {
padding: 10px;
font-weight: bold;
}
.fares-table .price {
font-weight: bold;
text-align: right;
}
.fares-table .sub-text {
display: block;
font-weight: normal;
color: #676767;
}
.fares-tabs .nearby-icon-white {
display: inline-block;
margin: -10px 0 0;
}
.fares-tabs li {
width: 24%;
text-align: center;
max-width: 80px;
}
.fares-tabs li a {
line-height: 120%;
min-height: 80px;
width: 100%;
padding-top: 12px;
}
.fares-table-footer {
display: block;
padding: 8px;
}
.SSP-search-wrapper .search-filter .heading {
margin-bottom: 10px;
}
.landing-page-teaser .news-teaser {
border-bottom: 0;
}
.landing-page-teaser .news-teaser a {
position: relative;
}
.landing-page-teaser .news-teaser a .text-link {
position: relative;
right: 0;
width: 100%;
background-color: #2d3039;
background-color: rgba(31, 32, 37, 0.9);
}
.landing-page-teaser .news-teaser a .text-link.sit-top {
bottom: 0;
}
.landing-page-teaser .news-teaser a .text-link.sit-bottom {
bottom: 0;
}
.disambiguation-results-list-container {
padding-top: 10px;
background-color: #fff;
}
.showing-map-panel .disambiguation-results-list-container {
padding-top: 0;
}
.disambiguation-results-list-container .map-panel {
margin-bottom: 10px;
}
.disambiguation-option .towards-text {
color: #676767;
font-size: 12px;
}
.map-sliver-container {
display: block;
position: relative;
z-index: 0;
}
.map-sliver {
height: 63px;
border-bottom: 3px solid rgba(0, 0, 0, 0.2);
cursor: pointer;
overflow: hidden;
position: relative;
display: block;
outline: none;
}
.map-sliver.loading {
border-bottom: 0;
}
.map-sliver.loading[data-map-purpose='nearby']:after {
position: absolute;
top: 50%;
left: 50%;
margin-top: -35px;
margin-left: -35px;
}
.sliver-overlay {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
text-align: center;
z-index: 10;
cursor: pointer;
}
#tubemap {
/*Station names*/
/*heathrow arrows*/
/*end heathrow arrows*/
/*cablecar*/
/*end cablecar*/
}
#tubemap text, #tubemap tspan {
font-size: 6px;
font-family: "New Johnson";
}
#tubemap #hubtog_fenchurch-street {
font-size: 4px;
}
#tubemap .grey-disruptions {
/*interchange circle styles*/
}
#tubemap .grey-disruptions #interchange-circles g.disrupted circle:not(.white-fill),
#tubemap .grey-disruptions #interchange-circles g.disrupted rect:not(.white-fill),
#tubemap .grey-disruptions #interchange-circles g.disrupted path:not(.white-fill) {
fill: #eee;
}
#tubemap .grey-disruptions #interchange-circles g[id] g.disrupted circle:not(.white-fill),
#tubemap .grey-disruptions #interchange-circles g[id] g.disrupted rect:not(.white-fill),
#tubemap .grey-disruptions #interchange-circles g[id] g.disrupted path:not(.white-fill) {
fill: #eee;
}
#tubemap .grey-disruptions #interchange-circles > g.disrupted circle[stroke='#1C3F94'],
#tubemap .grey-disruptions #interchange-circles > g[id] > g.disrupted circle[stroke='#1C3F94'] {
stroke: #eee;
}
#tubemap .white-fill {
fill: #fff !important;
}
#tubemap .coloured-disruptions {
/*interchange circle styles*/
}
#tubemap .coloured-disruptions #interchange-circles g:not(.disrupted) circle:not(.white-fill),
#tubemap .coloured-disruptions #interchange-circles g:not(.disrupted) rect:not(.white-fill),
#tubemap .coloured-disruptions #interchange-circles g:not(.disrupted) path:not(.white-fill) {
fill: #eee;
}
#tubemap .coloured-disruptions #interchange-circles circle:not(.white-fill),
#tubemap .coloured-disruptions #interchange-circles rect:not(.white-fill) {
stroke-width: 0;
}
#tubemap .coloured-disruptions #interchange-circles .disrupted g circle:not([fill]) {
fill: inherit !important;
}
#tubemap .coloured-disruptions #interchange-circles .disrupted .blue-fill {
fill: #1C3F94 !important;
}
#tubemap .coloured-disruptions #interchange-circles path.white-fill {
stroke-width: 0;
}
#tubemap .grey-disruptions #station-names > .closed {
fill: #ccc;
}
#tubemap .grey-disruptions #station-names > .closed text,
#tubemap .grey-disruptions #station-names > .closed tspan,
#tubemap .grey-disruptions #station-names > .closed polygon,
#tubemap .grey-disruptions #station-names > .closed path {
fill: #ccc;
}
#tubemap .grey-disruptions #station-names > text.closed {
fill: #ccc;
}
#tubemap .coloured-disruptions #station-names > .closed {
fill: #f00;
}
#tubemap .coloured-disruptions #station-names > .closed text,
#tubemap .coloured-disruptions #station-names > .closed tspan,
#tubemap .coloured-disruptions #station-names > .closed polygon,
#tubemap .coloured-disruptions #station-names > .closed path {
fill: #f00;
}
#tubemap .coloured-disruptions #station-names > .closed text.closed {
fill: #f00;
}
#tubemap .grey-disruptions g line.disrupted,
#tubemap .grey-disruptions g > path.disrupted:not(.white-fill) {
stroke: #ccc;
}
#tubemap .grey-disruptions rect.disrupted {
fill: #ccc;
}
#tubemap #piccadilly polyline[stroke='#E6E7E8'] {
stroke: #fff;
}
#tubemap .coloured-disruptions #piccadilly polyline[stroke='#E6E7E8']:not(.disrupted) {
fill: none;
}
#tubemap .coloured-disruptions g line:not(.disrupted),
#tubemap .coloured-disruptions g path:not(.white-fill):not(.disrupted) {
stroke: #eee;
}
#tubemap .coloured-disruptions rect:not(.disrupted),
#tubemap .coloured-disruptions polyline:not(.disrupted) {
fill: #eee;
}
#tubemap path[id$="_river"] {
fill: #1C3F94 !important;
}
#tubemap #cab-emirates-air-line,
#tubemap #emirates-royal-docks,
#tubemap #emirates-greenwich-peninsula,
#tubemap #cab-emirates-air-line-9400zzalgwp,
#tubemap #jubilee_940gzzlungw_cab-emirates-air-line-9400zzalgwp_1_,
#tubemap #cab-emirates-air-line-9400zzalrdk,
#tubemap #dlr_940gzzdlrvc_cab-emirates-air-line-9400zzalrdk_1_,
#tubemap #dlr-dlr_940gzzdlrvc_cab-emirates-air-line-9400zzalrdk_1_,
#tubemap #s-9400zzalrdk_label,
#tubemap #lul-jubilee_940gzzlungw_cab-emirates-air-line-9400zzalgwp_1_,
#tubemap #s-9400zzalgwp_label_1_ {
display: none;
}
#tubemap .coloured-disruptions #river path {
stroke: #00AEEF;
}
#tubemap circle + path,
#tubemap g g > path {
stroke: none !important;
}
#tubemap .coloured-disruptions .disrupted path {
stroke: none !important;
}
.stage-active .map-panel {
-webkit-transform: translateY(-80px);
-moz-transform: translateY(-80px);
-ms-transform: translateY(-80px);
transform: translateY(-80px);
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
-ms-transition: -ms-transform 0.3s;
transition: transform 0.3s;
}
.stage-active .map-panel.slide-in {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.stage-active .map-panel.loading {
margin-bottom: -80px;
}
.stage-active .map-panel.loading:after {
top: 5px;
margin-top: 0;
}
.stage-active .map-panel:not(.loading) {
position: absolute;
right: 0;
left: 0;
z-index: 1001;
}
body:not(.stage-active.breakpoint-Large) .map-panel {
display: none;
}
.routes-map-and-panel, .maps-page-map, .embedded-map-wrapper {
margin-bottom: 20px;
}