/* utility */ /* Warning: while this works, it may cause high CPU load */ @-webkit-keyframes webkit-selector-bugfix { from { padding: 0; } to { padding: 0; } } .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); } .journey-planner-results #From, .journey-planner-results #To, .journey-planner-results #Via, .styled-checkbox2 label:before { -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 #ccc; } a.ui-state-default:hover, a.ui-state-default:focus { background-color: #e6e5e5; background-image: -webkit-linear-gradient(top, #e6e5e5 , #dad9d9 , #dad9d9); background-image: -moz-linear-gradient(top, #e6e5e5 , #dad9d9 , #dad9d9); background-image: -ms-linear-gradient(top, #e6e5e5 , #dad9d9 , #dad9d9); background-image: -o-linear-gradient(top, #e6e5e5 , #dad9d9 , #dad9d9); background-image: linear-gradient(top, #e6e5e5 , #dad9d9 , #dad9d9); } #tubemap.night text, #tubemap.night tspan, #trammap.night text, #trammap.night tspan, #cablecarmap.night text, #cablecarmap.night tspan, #rivermap.night text, #rivermap.night tspan { font-family: "New Johnson", Arial; font-size: 16px; } #tubemap text, #tubemap tspan, #trammap text, #trammap tspan, #cablecarmap text, #cablecarmap tspan, #rivermap text, #rivermap tspan { font-family: Johnston100-Medium, Arial, Helvetica, sans-serif; } #webcat-image .webcat-image-footer .logo a .tfl-name, .route-name, .jp-print-button h4, .external-roads-widget-title, .status-update-heading .dropdowns-wrap h2 { font-family: Johnston100-Regular, Arial, Helvetica, sans-serif; } .fav-panel-save-button, #recent-journeys .plain-button.edit-my-journeys, #recent-journeys .plain-button.view-my-journeys, #recent-journeys-small .plain-button.edit-my-journeys, #recent-journeys-small .plain-button.view-my-journeys { font-family: Johnston100-Light, Arial, Helvetica, sans-serif; font-size: 14px; } .horizontal-toggle-buttons.tw-buttons li.sixths { float: left; margin: 0 0 0 2.54%; width: 29.928%; } .horizontal-toggle-buttons.tw-buttons li.thirds { float: left; margin: 0 0 0 2.54%; width: 46.162%; } .horizontal-toggle-buttons.tw-buttons li.halfs, .horizontal-toggle-buttons.tw-buttons li.full { float: left; margin: 0 0 0 2.54%; width: 94.864%; } .cycling #more-journey-options .update-buttons, .walking #more-journey-options .update-buttons, ul.journey-steps li.footpath-icon, table.journey-steps thead, .axis text, .y.axis { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .journey-planner-results .journey-results .expandable-box .controls:hover, .journey-planner-results .journey-results .expandable-box .controls:focus, a.ui-state-default:hover, a.ui-state-default:focus, .ui-datepicker .ui-datepicker-prev:not([disabled="disabled"]):hover, .ui-datepicker .ui-datepicker-next:not([disabled="disabled"]):hover, .ui-datepicker .ui-datepicker-prev:not([disabled="disabled"]):focus, .ui-datepicker .ui-datepicker-next:not([disabled="disabled"]):focus, .disruption-message .link-message:hover, .disruption-message .link-message:focus, #recent-journeys .plain-button:hover, #recent-journeys .plain-button:focus, #recent-journeys-small .plain-button:hover, #recent-journeys-small .plain-button:focus, .journey-detail-step.route-heading .stop-list li:hover, .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.thames-river-services, .station-details .lines-status .no-disruption:focus td.thames-river-services, .station-details .lines-status .no-disruption:hover td.circular-cruise-westminster, .station-details .lines-status .no-disruption:focus td.circular-cruise-westminster, .station-details .lines-status .no-disruption:hover td.thames-river-boat, .station-details .lines-status .no-disruption:focus td.thames-river-boat, .station-details .lines-status .no-disruption:hover td.woolwich-ferry, .station-details .lines-status .no-disruption:focus td.woolwich-ferry, .station-details .lines-status .no-disruption:hover td.rb1x, .station-details .lines-status .no-disruption:focus td.rb1x, .stacked-links li:hover, .stacked-links li:focus, .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:first-of-type:not([disabled="disabled"]):hover, .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:first-of-type:not([disabled="disabled"]):focus, .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:nth-of-type(2):not([disabled="disabled"]):hover, .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:nth-of-type(2):not([disabled="disabled"]):focus, .account-feature-box:hover, .account-feature-box:focus { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .toggle-jq-ui-calendar:after, .with-calendar button.calendar-icon:after, .extra-journey-options .journey-row-container .journey-box .method:after, .journey-detail-step .view-on-a-map.show-all:after, .journey-planner-results .journey-results .oyster-validator-warning:after, .jp-external-widget, #fullscreen-stage .full-map-container .summary-results .expandable-box .content .journey-summary .journey-time:after, .tw-quick-links.open h3:after, .tw-quick-links h3:after, .ticket-recommendations .recc-customer-type .cust-delete, #webcat-image .webcat-image-footer .logo a .main-roundel, .toggle-options:after, .summary-results .earlier-later a.earlier:before, .summary-results .earlier-later a.later:after, ul.journey-steps li span.disruption, .half-width-buttons .earlier:before, .half-width-buttons .later:after, .replan-from-current-location:before, .styled-checkbox2.ticked label:before { background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; } .body-cms-preview .toggle-jq-ui-calendar:after, .body-cms-preview .with-calendar button.calendar-icon:after, .with-calendar .body-cms-preview button.calendar-icon:after, .body-cms-preview .extra-journey-options .journey-row-container .journey-box .method:after, .extra-journey-options .journey-row-container .journey-box .body-cms-preview .method: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 .journey-planner-results .journey-results .oyster-validator-warning:after, .journey-planner-results .journey-results .body-cms-preview .oyster-validator-warning:after, .body-cms-preview .jp-external-widget, .body-cms-preview #fullscreen-stage .full-map-container .summary-results .expandable-box .content .journey-summary .journey-time:after, #fullscreen-stage .full-map-container .summary-results .expandable-box .content .journey-summary .body-cms-preview .journey-time:after, .body-cms-preview .tw-quick-links h3:after, .tw-quick-links .body-cms-preview h3:after, .body-cms-preview .ticket-recommendations .recc-customer-type .cust-delete, .ticket-recommendations .recc-customer-type .body-cms-preview .cust-delete, .body-cms-preview #webcat-image .webcat-image-footer .logo a .main-roundel, #webcat-image .webcat-image-footer .logo a .body-cms-preview .main-roundel, .body-cms-preview .toggle-options:after, .body-cms-preview .summary-results .earlier-later a.earlier:before, .summary-results .earlier-later .body-cms-preview a.earlier:before, .body-cms-preview .summary-results .earlier-later a.later:after, .summary-results .earlier-later .body-cms-preview a.later:after, .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, .body-cms-preview .styled-checkbox2.ticked label:before, .styled-checkbox2.ticked .body-cms-preview label:before { background-image: url("/static/1/images/vsprite.17114d90.png"); } .toggle-jq-ui-calendar:after, .with-calendar button.calendar-icon:after, .extra-journey-options .journey-row-container .journey-box .method:after, .journey-detail-step .view-on-a-map.show-all:after, .journey-planner-results .journey-results .oyster-validator-warning:after, .jp-external-widget, #fullscreen-stage .full-map-container .summary-results .expandable-box .content .journey-summary .journey-time:after, .tw-quick-links.open h3:after, .tw-quick-links h3:after, .ticket-recommendations .recc-customer-type .cust-delete { background-size: 96px 3776px; height: 32px; width: 32px; } .image-box.street-view { position: relative; } .image-box.street-view::after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; opacity: 0.1; background-color: #000; z-index: 10; } .loading-throbber:before { 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; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { 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; position: absolute; width: 34px; height: 34px; top: 0; display: block; padding: 0; } .ui-datepicker .ui-datepicker-prev:not([disabled="disabled"]):hover, .ui-datepicker .ui-datepicker-next:not([disabled="disabled"]):hover, .ui-datepicker .ui-datepicker-prev:not([disabled="disabled"]):focus, .ui-datepicker .ui-datepicker-next:not([disabled="disabled"]):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[disabled="disabled"], .ui-datepicker .ui-datepicker-next[disabled="disabled"], .ui-datepicker .ui-datepicker-prev .disabled, .ui-datepicker .ui-datepicker-next .disabled { background-color: #e1e1e1; background-image: -webkit-linear-gradient(bottom, #e1e1e1 0% , #cecece 2px , #e1e1e1 2px , #ebebeb 100%); background-image: -moz-linear-gradient(bottom, #e1e1e1 0% , #cecece 2px , #e1e1e1 2px , #ebebeb 100%); background-image: -ms-linear-gradient(bottom, #e1e1e1 0% , #cecece 2px , #e1e1e1 2px , #ebebeb 100%); background-image: -o-linear-gradient(bottom, #e1e1e1 0% , #cecece 2px , #e1e1e1 2px , #ebebeb 100%); background-image: linear-gradient(bottom, #e1e1e1 0% , #cecece 2px , #e1e1e1 2px , #ebebeb 100%); text-shadow: none; border-color: #aaaaaa; } .ui-datepicker .ui-datepicker-prev[disabled="disabled"] .cta-content:before, .ui-datepicker .ui-datepicker-next[disabled="disabled"] .cta-content:before, .ui-datepicker .ui-datepicker-prev .disabled .cta-content:before, .ui-datepicker .ui-datepicker-next .disabled .cta-content:before { opacity: 0.25; } .ui-datepicker .disabled.ui-datepicker-prev, .ui-datepicker .disabled.ui-datepicker-next { background-color: #C3C3C3; 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%); -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; cursor: default; } .ui-datepicker .disabled.ui-datepicker-prev:not([disabled="disabled"]):hover, .ui-datepicker .disabled.ui-datepicker-next:not([disabled="disabled"]):hover, .ui-datepicker .disabled.ui-datepicker-prev:not([disabled="disabled"]):focus, .ui-datepicker .disabled.ui-datepicker-next:not([disabled="disabled"]):focus { background-color: #cdcccc; background-image: -webkit-linear-gradient(top, #cdcccc , #c0bfbf); background-image: -moz-linear-gradient(top, #cdcccc , #c0bfbf); background-image: -ms-linear-gradient(top, #cdcccc , #c0bfbf); background-image: -o-linear-gradient(top, #cdcccc , #c0bfbf); background-image: linear-gradient(top, #cdcccc , #c0bfbf); } .ui-datepicker .disabled.ui-datepicker-prev[disabled="disabled"], .ui-datepicker .disabled.ui-datepicker-next[disabled="disabled"], .ui-datepicker .disabled.ui-datepicker-prev .disabled, .ui-datepicker .disabled.ui-datepicker-next .disabled { background-color: #e1e1e1; background-image: -webkit-linear-gradient(bottom, #e1e1e1 0% , #cecece 2px , #e1e1e1 2px , #ebebeb 100%); background-image: -moz-linear-gradient(bottom, #e1e1e1 0% , #cecece 2px , #e1e1e1 2px , #ebebeb 100%); background-image: -ms-linear-gradient(bottom, #e1e1e1 0% , #cecece 2px , #e1e1e1 2px , #ebebeb 100%); background-image: -o-linear-gradient(bottom, #e1e1e1 0% , #cecece 2px , #e1e1e1 2px , #ebebeb 100%); background-image: linear-gradient(bottom, #e1e1e1 0% , #cecece 2px , #e1e1e1 2px , #ebebeb 100%); text-shadow: none; border-color: #aaaaaa; } .ui-datepicker .disabled.ui-datepicker-prev[disabled="disabled"] .cta-content:before, .ui-datepicker .disabled.ui-datepicker-next[disabled="disabled"] .cta-content:before, .ui-datepicker .disabled.ui-datepicker-prev .disabled .cta-content:before, .ui-datepicker .disabled.ui-datepicker-next .disabled .cta-content:before { opacity: 0.25; } .ui-datepicker .disabled.ui-datepicker-prev:hover, .ui-datepicker .disabled.ui-datepicker-next:hover, .ui-datepicker .disabled.ui-datepicker-prev:focus, .ui-datepicker .disabled.ui-datepicker-next:focus { background-color: #C3C3C3 !important; background-image: -moz-linear-gradient(center bottom, #C3C3C3 0%, #C3C3C3 2px, #D9D9D9 2px, #E6E6E6 100%) !important; } .toggle-jq-ui-calendar:after, .with-calendar button.calendar-icon:after, .extra-journey-options .journey-row-container .journey-box .method:after, .journey-detail-step .view-on-a-map.show-all:after, .journey-planner-results .journey-results .oyster-validator-warning:after, .jp-external-widget, #fullscreen-stage .full-map-container .summary-results .expandable-box .content .journey-summary .journey-time:after, .tw-quick-links.open h3:after, .tw-quick-links h3:after, .ticket-recommendations .recc-customer-type .cust-delete, #webcat-image .webcat-image-footer .logo a .main-roundel, .toggle-options:after, .summary-results .earlier-later a.earlier:before, .summary-results .earlier-later a.later:after, ul.journey-steps li span.disruption, .half-width-buttons .earlier:before, .half-width-buttons .later:after, .replan-from-current-location:before, .styled-checkbox2.ticked label:before { background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; } .body-cms-preview .toggle-jq-ui-calendar:after, .body-cms-preview .with-calendar button.calendar-icon:after, .with-calendar .body-cms-preview button.calendar-icon:after, .body-cms-preview .extra-journey-options .journey-row-container .journey-box .method:after, .extra-journey-options .journey-row-container .journey-box .body-cms-preview .method: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 .journey-planner-results .journey-results .oyster-validator-warning:after, .journey-planner-results .journey-results .body-cms-preview .oyster-validator-warning:after, .body-cms-preview .jp-external-widget, .body-cms-preview #fullscreen-stage .full-map-container .summary-results .expandable-box .content .journey-summary .journey-time:after, #fullscreen-stage .full-map-container .summary-results .expandable-box .content .journey-summary .body-cms-preview .journey-time:after, .body-cms-preview .tw-quick-links h3:after, .tw-quick-links .body-cms-preview h3:after, .body-cms-preview .ticket-recommendations .recc-customer-type .cust-delete, .ticket-recommendations .recc-customer-type .body-cms-preview .cust-delete, .body-cms-preview #webcat-image .webcat-image-footer .logo a .main-roundel, #webcat-image .webcat-image-footer .logo a .body-cms-preview .main-roundel, .body-cms-preview .toggle-options:after, .body-cms-preview .summary-results .earlier-later a.earlier:before, .summary-results .earlier-later .body-cms-preview a.earlier:before, .body-cms-preview .summary-results .earlier-later a.later:after, .summary-results .earlier-later .body-cms-preview a.later:after, .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, .body-cms-preview .styled-checkbox2.ticked label:before, .styled-checkbox2.ticked .body-cms-preview label:before { background-image: url("/static/1/images/vsprite.17114d90.png"); } .toggle-jq-ui-calendar:after, .with-calendar button.calendar-icon:after, .extra-journey-options .journey-row-container .journey-box .method:after, .journey-detail-step .view-on-a-map.show-all:after, .journey-planner-results .journey-results .oyster-validator-warning:after, .jp-external-widget, #fullscreen-stage .full-map-container .summary-results .expandable-box .content .journey-summary .journey-time:after, .tw-quick-links.open h3:after, .tw-quick-links h3:after, .ticket-recommendations .recc-customer-type .cust-delete { background-size: 96px 3776px; height: 32px; width: 32px; } /* Specific - small */ .image-box { position: relative; width: 100%; margin-bottom: 20px; } .image-box img { width: 100%; height: auto; } .image-box .caption { background-color: #eee; 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-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; background-position: -32px -64px; } .body-cms-preview .image-box.light-box .caption:after { background-image: url("/static/1/images/vsprite.17114d90.png"); } .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; } .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 { position: absolute; display: block; top: 50%; margin-top: -16px; } .disruption-message .disruption-icon { left: 4px; } .disruption-message .right-arrow { right: 0; } .expandable-table { width: 100%; } .expandable-table thead.start-hidden, .expandable-table tbody.start-hidden { padding: 0; } .expandable-table thead, .expandable-table tbody, .expandable-table tr { display: block; width: 100%; } .expandable-table td, .expandable-table th { display: inline-block; padding: 10px 10px 10px 16px; } .expandable-table.two-column-table td, .expandable-table.two-column-table th { width: 40%; } thead.table-header tr { font-weight: bold; background-color: white; } .hidden-header-visible-caption thead { display: none; } .hidden-header-visible-caption caption { text-align: left; background-color: #eee; font-size: 20px; font-family: "New Johnson"; padding: 14px 16px; } .hidden-header-visible-caption tr { background-color: #ffffff; } .hidden-header-visible-caption tr:nth-child(even) { background-color: #eee; } .hidden-header-visible-caption td { padding: 14px; } .hidden-header-visible-caption td:last-child { text-align: right; } .upload-control { margin-bottom: 30px; } .drop-zone { position: relative; width: 100%; } .drop-zone .drag-msg { display: none; } .drop-zone .file-browser { margin-top: 5px; cursor: pointer; } .drop-zone .file-browser .small-medium { display: block; } .drop-zone .file-browser .large { display: none; } @media (min-width: 899px) { .drop-zone .file-browser .small-medium { display: none; } .drop-zone .file-browser .large { display: block; } } .upload-control .next-input-trigger { display: none; } .lt-ie10 .upload-control .next-input-trigger { width: 50%; float: right; margin: 20px 0; } .no-js .upload-trigger, .no-js .next-input-trigger { display: none; } .lt-ie10 .primary-upload-field { margin: 20px 0 30px; } .hidden-file-input { display: none; width: 100%; } .no-js .hidden-file-input { display: block; margin-bottom: 30px; } .lt-ie10 .hidden-file-input { display: block; margin-bottom: 30px; } .lt-ie10 .hidden-file-input.hidden { display: none; } .file-list-output { width: 100%; font-size: 16px; font-weight: bold; margin-bottom: 12px; } .file-list-output ul { list-style: none; margin: 0; padding: 0; min-width: 285px; } .uploaded-file-name { padding-right: 37px; vertical-align: middle; } .uploaded-file-name:after { content: ""; position: absolute; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; background-position: 0px -1280px; bottom: auto; left: auto; right: auto; top: auto; } .body-cms-preview .uploaded-file-name:after { background-image: url("/static/1/images/vsprite.17114d90.png"); } .uploaded-file-name:after { display: inline-block; vertical-align: middle; position: relative; left: 5px; } .remove-file { height: 40px; width: 40px; color: transparent; font: 0/0 a; text-shadow: none; position: absolute; right: 5px; top: 5px; background-color: transparent; border: 0; } .remove-file:after { content: ""; position: absolute; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3744px; height: 32px; width: 32px; background-position: 0px -800px; bottom: auto; left: auto; right: 5px; top: 5px; } .file-list-output .uploaded-file { padding: 10px 50px 10px 63px; background-color: #e9f5dd; position: relative; } .file-message { margin-bottom: 10px; overflow-wrap: break-word; } .file-message.delete-error { position: relative; bottom: 10px; border: none; margin-bottom: 0; color: #a92727; } .input-fileapi-supported { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; opacity: 0; } #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); } } /*! 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-div { max-width: 335px; border-color: #ccc; border-style: solid; border-width: 0 1px 2px; background-color: #fff; z-index: 550 !important; } .no-js .with-calendar .form-control:after { background: none; } .with-calendar { position: relative; } .with-calendar .form-control { background-color: #ffffff; } .with-calendar.form-field-tooltip .form-control:after, .with-calendar.form-field-error .form-control:after { right: 50px; } .with-calendar .shaded-input { background: transparent; position: relative; z-index: 55; } .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: 16px; 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; position: absolute; } .toggle-jq-ui-calendar:after { content: ""; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; position: absolute; top: 5px; right: 47px; background-position: -64px -1280px; z-index: 1; } .body-cms-preview .toggle-jq-ui-calendar:after { background-image: url("/static/1/images/vsprite.17114d90.png"); } .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 #ccc; } .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 #ccc; border-width: 0 0 1px 0; } .ui-datepicker thead > tr { background-color: white; } .ui-datepicker td { background-color: white; width: auto; border: solid #ccc; border-width: 0 1px 0 0; padding: 0; } .ui-datepicker td:last-child { border-width: 0; } .ui-datepicker tbody tr { border-bottom: solid #ccc 1px; } .ui-datepicker .ui-datepicker-calendar { margin: 0; border-top: solid 1px #ccc; } .ui-datepicker .ui-datepicker-other-month, .ui-datepicker .ui-datepicker-unselectable { background-color: #eee; } .ui-datepicker .ui-state-active { 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: #ccc; } a.ui-state-default { border-bottom: 3px solid white; } a.ui-state-default:hover, a.ui-state-default:focus { border-bottom: 3px solid #d6d6d6; } 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-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; background-position: -32px -576px; position: absolute; left: 0; top: 0; } .body-cms-preview .ui-datepicker-prev:after { background-image: url("/static/1/images/vsprite.17114d90.png"); } .ui-datepicker-next { right: -1px; } .ui-datepicker-next:after { content: ""; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; background-position: -32px -640px; position: absolute; left: 0; top: 0; } .body-cms-preview .ui-datepicker-next:after { background-image: url("/static/1/images/vsprite.17114d90.png"); } .jquery-ui-calendar-wrapper { border: solid #ccc; border-width: 0 1px 2px 1px; margin-bottom: 30px; clear: both; } .ui-datepicker-title, .current-month-and-year { text-align: center; height: 32px; line-height: 32px; background-color: #eee; 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 #ccc; } .calendar-selectors .selector.focus { outline: 2px dashed #2070b0; z-index: 3; } .calendar-selectors .selector span { color: #676767; } .calender-selectors { padding: 0 1px; } #ui-datepicker-div { max-width: 335px; border-color: #ccc; border-style: solid; border-width: 0 1px 2px; background-color: #fff; z-index: 550 !important; } .toggle-jq-ui-calendar { width: 40px; height: 40px; position: absolute; } .toggle-jq-ui-calendar:after { content: ""; position: absolute; top: 5px; right: 5px; background-position: -64px -1280px; z-index: 1; } .ui-datepicker-title .ui-datepicker-year, .ui-datepicker-title .ui-datepicker-month { line-height: 32px; } .ui-datepicker-title .ui-datepicker-year:select, .ui-datepicker-title .ui-datepicker-month:select { border: 1px solid #ccc; } .ui-datepicker-title .ui-datepicker-year { border-left: 0px; } .with-calendar button.calendar-icon { position: absolute; height: 40px; width: 40px; border: 1px solid #a8a8a8; border-radius: 5px; background-color: #f3f3f3; margin: 0 10px 0 10px; } .with-calendar button.calendar-icon:visited { color: #2070b0; } .with-calendar button.calendar-icon:active { color: #113b92; background-image: none; background-color: #eee; -webkit-appearance: none; } .with-calendar button.calendar-icon:hover, .with-calendar button.calendar-icon:focus { text-decoration: none; background-color: #e6e6e6; } .with-calendar button.calendar-icon:after { content: ""; position: absolute; right: 3px; top: 3px; background-position: -64px -1280px; } .with-calendar .tfl-default-datepicker { width: 80%; } .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 #ccc; border-bottom: 1px solid #ccc; position: relative; } .form-step:first-child { padding-left: 1em; border-left: 1px solid #ccc; } .form-step:last-child { border-right: 1px solid #ccc; } .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: rgba(0, 0, 0, 0); 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: rgba(0, 0, 0, 0); border-left-color: #ccc; 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: #eee; color: #a8a8a8; } .form-step.completed:after { border-left-color: #eee; } .form-step.completed:before { border-left-color: #a8a8a8; } .webcat #compareVariables .boxed-label-for-input.is-hidden { display: none !important; } .webcat #compare-scenario input[type="radio"].is-hidden + .boxed-label-for-input { display: none; } .webcat #compare-scenario .boxed-label-for-input { display: block; } .webcat .strong-contrast .accordion { display: block; } .webcat .map-key-title span { display: none; } .webcat .compare .map-key-title span { display: inline-block; } .webcat #pngGraph { border: 1px solid #cacaca; padding: 16px; margin: 16px; } .webcat #pngGraph + .container-border { margin: 16px; } .webcat .gm-style { z-index: '99999'; } .webcat .webcat-spinner { display: block; margin-left: auto; margin-right: auto; } .webcat #scenario-title { line-height: 23px !important; } .webcat #scenario-title strong { line-height: 23px !important; vertical-align: baseline !important; } .webcat #current-location { line-height: 23px !important; } .webcat #current-location strong { line-height: 23px !important; vertical-align: baseline !important; } .webcat #plan-a-journey { z-index: 99 !important; } .webcat .tab-offset { margin-top: 60px; } .webcat .map-options-layers { margin-bottom: 20px; } .webcat .map-options-layers .map-options-layer-icon-ptal0, .webcat .map-options-layers .map-options-layer-icon-no-change { width: 16px; height: 19px; background-position: -71px -2181px; } .webcat .map-info-panel .road-disruptions { margin-top: 0px; background-color: transparent; } .webcat #webcat-result-container .location { cursor: default; background: #FFF; padding-left: 16px; } .webcat #webcat-result-container .disruption-info { border: 0px; } .webcat .accordion .search-filter { margin-top: 0px; } .webcat#webcat-image #webcat-result-container { padding: 16px; } .map-panel-info .webcat-results { background-color: transparent; margin-top: 0px; } .map-panel-info .accordion { color: #2d3039; } .map-panel-info .webcat-content { padding: 10px; background-color: white; color: #2d3039; } .map-panel-info .webcat-spinner { display: none; } .webcat-header { margin: 0 0 15px 0; } .webcat-header h3 { margin-bottom: 0px; font-weight: bold; } .webcat-header h2 { padding-bottom: 0px; } .webcat-header span { font-family: Arial, Helvetica, sans-serif; } .webcat-header strong { font-weight: bold; } .webcat-header .location-bng { font-family: Arial, Helvetica, sans-serif; font-weight: 100; margin-bottom: 30px; } .webcat-header .location-bng strong { font-weight: bold; } .webcat-header .location-info-panel-text { font-family: Arial, Helvetica, sans-serif; font-weight: 100; margin-bottom: 30px; } .webcat-header .location-scenario-code { font-style: italic; font-size: 14px; } .webcat-title { font-family: Arial, Helvetica, sans-serif; } #pngGraph { border: 1px solid #cacaca; padding: 16px; } .container-border { border: 1px solid #cacaca; padding: 16px; } .container-border #webcat-image .webcat-image-footer { margin-top: -10px; font-size: 12px; } .container-border .logo { position: relative; top: -17px; } .webcat-chart { width: 100%; height: 250px; } .webcat-table { margin-bottom: 20px; } .webcat-content pre { margin-bottom: 15px; white-space: pre-wrap; word-wrap: break-word; } .webcat-content .location-scenario-code { font-style: italic; font-size: 14px; } .webcat-chart-y-axis { text-align: center; } .webcat-graph .search-filter { background-color: white; border-bottom-width: 0px; } .webcat-chart svg text { fill: #000; font-style: normal; } .webcat-info { display: inline-block; vertical-align: top; } .webcat-info-icon { vertical-align: top; display: inline-block; color: transparent; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3168px; height: 32px; width: 32px; background-position: -64px -1920px; } .webcat-grouped-info-container { background-color: #eff6fd; padding: 10px; } .webcat-grouped-info-list { margin: 0; padding: 0; } .webcat-grouped-info-list li { list-style-type: none; padding-left: 35px; line-height: 1.5em; position: relative; } .webcat-grouped-info-list li:before { position: absolute; margin: auto 0 auto -35px; min-height: 32px; background: url("/static/1/images/vsprite.17114d90.png") 0 0 no-repeat; background-position: -64px -1920px; width: 32px; height: 32px; top: 0; bottom: 0; content: ""; } .webcat-grouped-info-list li.one span { display: inline-block; position: relative; left: 10px; } .webcat-graph-print { margin-bottom: 10px; overflow: visible; } .webcat-catchment-header { margin-top: 10px; } .webcat-graph-section { margin-top: 50px; } .webcat-stat-credit { font-style: italic; font-size: 13px; line-height: 17px; } #location-address { margin-bottom: 0; } #webcat-image #map-image { width: 100%; } #webcat-image table.key tr { background-color: #fff; } #webcat-image .table-column-2 { width: 100%; } #webcat-image .road-disruptions { margin-top: 0px; margin-bottom: 0px; } #webcat-image .road-disruption { margin-bottom: 0px; } #webcat-image .table-column-2 > * { width: 50%; display: inline-block; } #webcat-image .two-column-1-2 { vertical-align: middle; } #webcat-image .table-column-2 > *:nth-child(2) { float: right; } #webcat-image .webcat-image-footer { margin-top: 40px; clear: both; width: 100%; } #webcat-image .webcat-image-footer .logo { padding: 0px 1% 0px 2.54%; float: right; } #webcat-image .webcat-image-footer .logo a { pointer-events: none; } #webcat-image .webcat-image-footer .logo a .main-roundel { background-size: 126px 4956px; background-position: 0px -210px; height: 42px; width: 42px; display: block; float: left; } #webcat-image .webcat-image-footer .logo a .tfl-name { color: #1c3e93; display: inline-block; margin: 8px 7px 0 10px; font-size: 14px; line-height: 100%; text-transform: uppercase; } #webcat-print { zoom: 0.5; } #webcat-print .webcat-chart svg text { fill: #000000; font-style: normal; font-size: 15px !important; vertical-align: bottom; baseline: bottom; } #webcat-print .webcat-graph h3 { font-family: arial !important; font-size: 24px; } #webcat-print .webcat-catchment-header { font-family: arial !important; } #webcat-print .container-border.table-column-2, #webcat-print #webcat-result-container.container-border, #webcat-print .webcat-graph-section .container-border { border: 1px solid #cacaca; padding: 16px; } #webcat-print h3.pdf-scenario-header, #webcat-print h2.webcat-catchment-header { font-size: 30px; } #webcat-print #webcat-map-key, #webcat-print .journey-result-summary { width: 100%; } #webcat-print tfoot { border-top: 1px solid #cacaca; font-weight: bold; } #webcat-print .two-column-2-1:first-of-type { margin-top: 24px; } #webcat-print .two-column-2-1 > * { display: inline-block; margin: 0; } #webcat-print .two-column-2-1 > *:first-child { width: 66%; } #webcat-print .two-column-2-1 .table-column-2 { float: right; width: 33%; } #webcat-print #webcat-calc-data { page-break-before: always; } #webcat-print #webcat-calc-data-table { page-break-inside: avoid; page-break-after: auto; } #webcat-print #webcat-calc-data-table-header { display: table-header-group; } #webcat-print th, #webcat-print .data-table tr > td:first-child { font-weight: bold; } #webcat-print .data-table tr > td:last-child { width: 40%; text-align: center; } #webcat-print .headline-container { margin: 0 0 !important; font-family: arial !important; } #webcat-print .webcat-stat-credit span { display: block; margin-top: 12px; } #webcat-print .page-break-before { page-break-before: always; } .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, #trammap, #cablecarmap, #rivermap { /*Station names*/ /*heathrow arrows*/ /*end heathrow arrows*/ /*cablecar*/ /*end cablecar*/ } #tubemap text, #tubemap tspan, #trammap text, #trammap tspan, #cablecarmap text, #cablecarmap tspan, #rivermap text, #rivermap tspan { font-size: 4.3px; text-rendering: geometricPrecision; } #tubemap.night text, #tubemap.night tspan, #trammap.night text, #trammap.night tspan, #cablecarmap.night text, #cablecarmap.night tspan, #rivermap.night text, #rivermap.night tspan { font-size: 18.2px; } #tubemap.night svg.coloured-disruptions #interchange-circles g[id*="lul-"] line ~ path, #trammap.night svg.coloured-disruptions #interchange-circles g[id*="lul-"] line ~ path, #cablecarmap.night svg.coloured-disruptions #interchange-circles g[id*="lul-"] line ~ path, #rivermap.night svg.coloured-disruptions #interchange-circles g[id*="lul-"] line ~ path { stroke: #eee !important; stroke-width: 5.18px !important; } #tubemap.night svg.coloured-disruptions #interchange-circles > path:not(.disrupted), #trammap.night svg.coloured-disruptions #interchange-circles > path:not(.disrupted), #cablecarmap.night svg.coloured-disruptions #interchange-circles > path:not(.disrupted), #rivermap.night svg.coloured-disruptions #interchange-circles > path:not(.disrupted) { stroke: #eee !important; stroke-width: 5.18px !important; } #tubemap.night svg.grey-disruptions #interchange-circles g[id*="lul-"] line ~ path, #trammap.night svg.grey-disruptions #interchange-circles g[id*="lul-"] line ~ path, #cablecarmap.night svg.grey-disruptions #interchange-circles g[id*="lul-"] line ~ path, #rivermap.night svg.grey-disruptions #interchange-circles g[id*="lul-"] line ~ path { stroke: black !important; } #tubemap #s-940gzzlutwh_fenchurch-street_3_, #tubemap #hubtog_fenchurch-street, #trammap #s-940gzzlutwh_fenchurch-street_3_, #trammap #hubtog_fenchurch-street, #cablecarmap #s-940gzzlutwh_fenchurch-street_3_, #cablecarmap #hubtog_fenchurch-street, #rivermap #s-940gzzlutwh_fenchurch-street_3_, #rivermap #hubtog_fenchurch-street { font-size: 2.5px; } #tubemap .grey-disruptions, #trammap .grey-disruptions, #cablecarmap .grey-disruptions, #rivermap .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), #trammap .grey-disruptions #interchange-circles g.disrupted circle:not(.white-fill), #trammap .grey-disruptions #interchange-circles g.disrupted rect:not(.white-fill), #trammap .grey-disruptions #interchange-circles g.disrupted path:not(.white-fill), #cablecarmap .grey-disruptions #interchange-circles g.disrupted circle:not(.white-fill), #cablecarmap .grey-disruptions #interchange-circles g.disrupted rect:not(.white-fill), #cablecarmap .grey-disruptions #interchange-circles g.disrupted path:not(.white-fill), #rivermap .grey-disruptions #interchange-circles g.disrupted circle:not(.white-fill), #rivermap .grey-disruptions #interchange-circles g.disrupted rect:not(.white-fill), #rivermap .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), #trammap .grey-disruptions #interchange-circles g[id] g.disrupted circle:not(.white-fill), #trammap .grey-disruptions #interchange-circles g[id] g.disrupted rect:not(.white-fill), #trammap .grey-disruptions #interchange-circles g[id] g.disrupted path:not(.white-fill), #cablecarmap .grey-disruptions #interchange-circles g[id] g.disrupted circle:not(.white-fill), #cablecarmap .grey-disruptions #interchange-circles g[id] g.disrupted rect:not(.white-fill), #cablecarmap .grey-disruptions #interchange-circles g[id] g.disrupted path:not(.white-fill), #rivermap .grey-disruptions #interchange-circles g[id] g.disrupted circle:not(.white-fill), #rivermap .grey-disruptions #interchange-circles g[id] g.disrupted rect:not(.white-fill), #rivermap .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'], #trammap .grey-disruptions #interchange-circles > g.disrupted circle[stroke='#1C3F94'], #trammap .grey-disruptions #interchange-circles > g[id] > g.disrupted circle[stroke='#1C3F94'], #cablecarmap .grey-disruptions #interchange-circles > g.disrupted circle[stroke='#1C3F94'], #cablecarmap .grey-disruptions #interchange-circles > g[id] > g.disrupted circle[stroke='#1C3F94'], #rivermap .grey-disruptions #interchange-circles > g.disrupted circle[stroke='#1C3F94'], #rivermap .grey-disruptions #interchange-circles > g[id] > g.disrupted circle[stroke='#1C3F94'] { stroke: #eee; } #tubemap .white-fill, #trammap .white-fill, #cablecarmap .white-fill, #rivermap .white-fill { fill: #fff !important; } #tubemap .coloured-disruptions, #trammap .coloured-disruptions, #cablecarmap .coloured-disruptions, #rivermap .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), #tubemap .coloured-disruptions #interchange-circles g:not(.disrupted) ellipse:not(.white-fill), #trammap .coloured-disruptions #interchange-circles g:not(.disrupted) circle:not(.white-fill), #trammap .coloured-disruptions #interchange-circles g:not(.disrupted) rect:not(.white-fill), #trammap .coloured-disruptions #interchange-circles g:not(.disrupted) path:not(.white-fill), #trammap .coloured-disruptions #interchange-circles g:not(.disrupted) ellipse:not(.white-fill), #cablecarmap .coloured-disruptions #interchange-circles g:not(.disrupted) circle:not(.white-fill), #cablecarmap .coloured-disruptions #interchange-circles g:not(.disrupted) rect:not(.white-fill), #cablecarmap .coloured-disruptions #interchange-circles g:not(.disrupted) path:not(.white-fill), #cablecarmap .coloured-disruptions #interchange-circles g:not(.disrupted) ellipse:not(.white-fill), #rivermap .coloured-disruptions #interchange-circles g:not(.disrupted) circle:not(.white-fill), #rivermap .coloured-disruptions #interchange-circles g:not(.disrupted) rect:not(.white-fill), #rivermap .coloured-disruptions #interchange-circles g:not(.disrupted) path:not(.white-fill), #rivermap .coloured-disruptions #interchange-circles g:not(.disrupted) ellipse:not(.white-fill) { fill: #eee; } #tubemap .coloured-disruptions #interchange-circles circle:not(.white-fill), #tubemap .coloured-disruptions #interchange-circles rect:not(.white-fill), #trammap .coloured-disruptions #interchange-circles circle:not(.white-fill), #trammap .coloured-disruptions #interchange-circles rect:not(.white-fill), #cablecarmap .coloured-disruptions #interchange-circles circle:not(.white-fill), #cablecarmap .coloured-disruptions #interchange-circles rect:not(.white-fill), #rivermap .coloured-disruptions #interchange-circles circle:not(.white-fill), #rivermap .coloured-disruptions #interchange-circles rect:not(.white-fill) { stroke-width: 0; } #tubemap .coloured-disruptions #interchange-circles .disrupted g circle:not([fill]), #trammap .coloured-disruptions #interchange-circles .disrupted g circle:not([fill]), #cablecarmap .coloured-disruptions #interchange-circles .disrupted g circle:not([fill]), #rivermap .coloured-disruptions #interchange-circles .disrupted g circle:not([fill]) { fill: inherit !important; } #tubemap .coloured-disruptions #interchange-circles .disrupted .blue-fill, #trammap .coloured-disruptions #interchange-circles .disrupted .blue-fill, #cablecarmap .coloured-disruptions #interchange-circles .disrupted .blue-fill, #rivermap .coloured-disruptions #interchange-circles .disrupted .blue-fill { fill: #1C3F94 !important; } #tubemap .coloured-disruptions #interchange-circles path.white-fill, #trammap .coloured-disruptions #interchange-circles path.white-fill, #cablecarmap .coloured-disruptions #interchange-circles path.white-fill, #rivermap .coloured-disruptions #interchange-circles path.white-fill { stroke-width: 0; } #tubemap .grey-disruptions #station-names > .closed, #trammap .grey-disruptions #station-names > .closed, #cablecarmap .grey-disruptions #station-names > .closed, #rivermap .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, #trammap .grey-disruptions #station-names > .closed text, #trammap .grey-disruptions #station-names > .closed tspan, #trammap .grey-disruptions #station-names > .closed polygon, #trammap .grey-disruptions #station-names > .closed path, #cablecarmap .grey-disruptions #station-names > .closed text, #cablecarmap .grey-disruptions #station-names > .closed tspan, #cablecarmap .grey-disruptions #station-names > .closed polygon, #cablecarmap .grey-disruptions #station-names > .closed path, #rivermap .grey-disruptions #station-names > .closed text, #rivermap .grey-disruptions #station-names > .closed tspan, #rivermap .grey-disruptions #station-names > .closed polygon, #rivermap .grey-disruptions #station-names > .closed path { fill: #ccc; } #tubemap .grey-disruptions #station-names > text.closed, #trammap .grey-disruptions #station-names > text.closed, #cablecarmap .grey-disruptions #station-names > text.closed, #rivermap .grey-disruptions #station-names > text.closed { fill: #ccc; } #tubemap .coloured-disruptions #station-names > .closed, #trammap .coloured-disruptions #station-names > .closed, #cablecarmap .coloured-disruptions #station-names > .closed, #rivermap .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, #trammap .coloured-disruptions #station-names > .closed text, #trammap .coloured-disruptions #station-names > .closed tspan, #trammap .coloured-disruptions #station-names > .closed polygon, #trammap .coloured-disruptions #station-names > .closed path, #cablecarmap .coloured-disruptions #station-names > .closed text, #cablecarmap .coloured-disruptions #station-names > .closed tspan, #cablecarmap .coloured-disruptions #station-names > .closed polygon, #cablecarmap .coloured-disruptions #station-names > .closed path, #rivermap .coloured-disruptions #station-names > .closed text, #rivermap .coloured-disruptions #station-names > .closed tspan, #rivermap .coloured-disruptions #station-names > .closed polygon, #rivermap .coloured-disruptions #station-names > .closed path { fill: #f00; } #tubemap .coloured-disruptions #station-names > .closed text.closed, #trammap .coloured-disruptions #station-names > .closed text.closed, #cablecarmap .coloured-disruptions #station-names > .closed text.closed, #rivermap .coloured-disruptions #station-names > .closed text.closed { fill: #f00; } #tubemap .grey-disruptions g line.disrupted, #tubemap .grey-disruptions g > path.disrupted:not(.white-fill), #trammap .grey-disruptions g line.disrupted, #trammap .grey-disruptions g > path.disrupted:not(.white-fill), #cablecarmap .grey-disruptions g line.disrupted, #cablecarmap .grey-disruptions g > path.disrupted:not(.white-fill), #rivermap .grey-disruptions g line.disrupted, #rivermap .grey-disruptions g > path.disrupted:not(.white-fill) { stroke: #ccc; } #tubemap .grey-disruptions rect.disrupted, #trammap .grey-disruptions rect.disrupted, #cablecarmap .grey-disruptions rect.disrupted, #rivermap .grey-disruptions rect.disrupted { fill: #ccc; } #tubemap #piccadilly polyline[stroke='#E6E7E8'], #trammap #piccadilly polyline[stroke='#E6E7E8'], #cablecarmap #piccadilly polyline[stroke='#E6E7E8'], #rivermap #piccadilly polyline[stroke='#E6E7E8'] { stroke: #fff; } #tubemap .coloured-disruptions #lul-piccadilly polyline[stroke='#E6E7E8']:not(.disrupted), #trammap .coloured-disruptions #lul-piccadilly polyline[stroke='#E6E7E8']:not(.disrupted), #cablecarmap .coloured-disruptions #lul-piccadilly polyline[stroke='#E6E7E8']:not(.disrupted), #rivermap .coloured-disruptions #lul-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), #trammap .coloured-disruptions g line:not(.disrupted), #trammap .coloured-disruptions g path:not(.white-fill):not(.disrupted), #cablecarmap .coloured-disruptions g line:not(.disrupted), #cablecarmap .coloured-disruptions g path:not(.white-fill):not(.disrupted), #rivermap .coloured-disruptions g line:not(.disrupted), #rivermap .coloured-disruptions g path:not(.white-fill):not(.disrupted) { stroke: #eee; } #tubemap .coloured-disruptions g path.blue-fill:not(.disrupted), #trammap .coloured-disruptions g path.blue-fill:not(.disrupted), #cablecarmap .coloured-disruptions g path.blue-fill:not(.disrupted), #rivermap .coloured-disruptions g path.blue-fill:not(.disrupted) { stroke: none; } #tubemap .coloured-disruptions rect:not(.disrupted), #tubemap .coloured-disruptions polyline:not(.disrupted), #trammap .coloured-disruptions rect:not(.disrupted), #trammap .coloured-disruptions polyline:not(.disrupted), #cablecarmap .coloured-disruptions rect:not(.disrupted), #cablecarmap .coloured-disruptions polyline:not(.disrupted), #rivermap .coloured-disruptions rect:not(.disrupted), #rivermap .coloured-disruptions polyline:not(.disrupted) { fill: #eee; stroke: #eee; } #tubemap path[id$="_river"], #trammap path[id$="_river"], #cablecarmap path[id$="_river"], #rivermap path[id$="_river"] { fill: #1C3F94 !important; } #tubemap #cab-cable-car, #tubemap #emirates-royal-docks, #tubemap #emirates-greenwich-peninsula, #tubemap #cab-cable-car-9400zzalgwp, #tubemap #jubilee_940gzzlungw_cab-cable-car-9400zzalgwp_1_, #tubemap #cab-cable-car-9400zzalrdk, #tubemap #dlr_940gzzdlrvc_cab-cable-car-9400zzalrdk_1_, #tubemap #dlr-dlr_940gzzdlrvc_cab-cable-car-9400zzalrdk_1_, #tubemap #s-9400zzalrdk_label, #tubemap #lul-jubilee_940gzzlungw_cab-cable-car-9400zzalgwp_1_, #tubemap #cab-cable-car_1_, #tubemap #s-9400zzalgwp_label_1_, #tubemap #s-9400zzalgwp_label_2_, #tubemap #s-9400zzalrdk_label_1_, #tubemap #cab-cable-car-9400zzalrdk_1_, #tubemap #cab-cable-car-9400zzalgwp_1_, #tubemap #dlr-dlr_940gzzdlrvc_cab-cable-car-9400zzalrdk_3_, #tubemap #lul-jubilee_940gzzlungw_cab-cable-car-9400zzalgwp_3_, #trammap #cab-cable-car, #trammap #emirates-royal-docks, #trammap #emirates-greenwich-peninsula, #trammap #cab-cable-car-9400zzalgwp, #trammap #jubilee_940gzzlungw_cab-cable-car-9400zzalgwp_1_, #trammap #cab-cable-car-9400zzalrdk, #trammap #dlr_940gzzdlrvc_cab-cable-car-9400zzalrdk_1_, #trammap #dlr-dlr_940gzzdlrvc_cab-cable-car-9400zzalrdk_1_, #trammap #s-9400zzalrdk_label, #trammap #lul-jubilee_940gzzlungw_cab-cable-car-9400zzalgwp_1_, #trammap #cab-cable-car_1_, #trammap #s-9400zzalgwp_label_1_, #trammap #s-9400zzalgwp_label_2_, #trammap #s-9400zzalrdk_label_1_, #trammap #cab-cable-car-9400zzalrdk_1_, #trammap #cab-cable-car-9400zzalgwp_1_, #trammap #dlr-dlr_940gzzdlrvc_cab-cable-car-9400zzalrdk_3_, #trammap #lul-jubilee_940gzzlungw_cab-cable-car-9400zzalgwp_3_, #cablecarmap #cab-cable-car, #cablecarmap #emirates-royal-docks, #cablecarmap #emirates-greenwich-peninsula, #cablecarmap #cab-cable-car-9400zzalgwp, #cablecarmap #jubilee_940gzzlungw_cab-cable-car-9400zzalgwp_1_, #cablecarmap #cab-cable-car-9400zzalrdk, #cablecarmap #dlr_940gzzdlrvc_cab-cable-car-9400zzalrdk_1_, #cablecarmap #dlr-dlr_940gzzdlrvc_cab-cable-car-9400zzalrdk_1_, #cablecarmap #s-9400zzalrdk_label, #cablecarmap #lul-jubilee_940gzzlungw_cab-cable-car-9400zzalgwp_1_, #cablecarmap #cab-cable-car_1_, #cablecarmap #s-9400zzalgwp_label_1_, #cablecarmap #s-9400zzalgwp_label_2_, #cablecarmap #s-9400zzalrdk_label_1_, #cablecarmap #cab-cable-car-9400zzalrdk_1_, #cablecarmap #cab-cable-car-9400zzalgwp_1_, #cablecarmap #dlr-dlr_940gzzdlrvc_cab-cable-car-9400zzalrdk_3_, #cablecarmap #lul-jubilee_940gzzlungw_cab-cable-car-9400zzalgwp_3_, #rivermap #cab-cable-car, #rivermap #emirates-royal-docks, #rivermap #emirates-greenwich-peninsula, #rivermap #cab-cable-car-9400zzalgwp, #rivermap #jubilee_940gzzlungw_cab-cable-car-9400zzalgwp_1_, #rivermap #cab-cable-car-9400zzalrdk, #rivermap #dlr_940gzzdlrvc_cab-cable-car-9400zzalrdk_1_, #rivermap #dlr-dlr_940gzzdlrvc_cab-cable-car-9400zzalrdk_1_, #rivermap #s-9400zzalrdk_label, #rivermap #lul-jubilee_940gzzlungw_cab-cable-car-9400zzalgwp_1_, #rivermap #cab-cable-car_1_, #rivermap #s-9400zzalgwp_label_1_, #rivermap #s-9400zzalgwp_label_2_, #rivermap #s-9400zzalrdk_label_1_, #rivermap #cab-cable-car-9400zzalrdk_1_, #rivermap #cab-cable-car-9400zzalgwp_1_, #rivermap #dlr-dlr_940gzzdlrvc_cab-cable-car-9400zzalrdk_3_, #rivermap #lul-jubilee_940gzzlungw_cab-cable-car-9400zzalgwp_3_ { display: none; } #tubemap .coloured-disruptions #river path, #trammap .coloured-disruptions #river path, #cablecarmap .coloured-disruptions #river path, #rivermap .coloured-disruptions #river path { stroke: #00AEEF; } #tubemap circle + path, #trammap circle + path, #cablecarmap circle + path, #rivermap circle + path { stroke: none !important; } #tubemap .coloured-disruptions .disrupted path:not(.disrupted), #trammap .coloured-disruptions .disrupted path:not(.disrupted), #cablecarmap .coloured-disruptions .disrupted path:not(.disrupted), #rivermap .coloured-disruptions .disrupted path:not(.disrupted) { stroke: none !important; } #tubemap #raillo-overground g line:not(.disrupted).white-stroke, #tubemap #raillo-overground g path:not(.disrupted).white-stroke, #tubemap #dlr-dlr g line:not(.disrupted).white-stroke, #tubemap #dlr-dlr g path:not(.disrupted).white-stroke, #tubemap #elizabeth g line:not(.disrupted).white-stroke, #tubemap #elizabeth g path:not(.disrupted).white-stroke, #trammap #raillo-overground g line:not(.disrupted).white-stroke, #trammap #raillo-overground g path:not(.disrupted).white-stroke, #trammap #dlr-dlr g line:not(.disrupted).white-stroke, #trammap #dlr-dlr g path:not(.disrupted).white-stroke, #trammap #elizabeth g line:not(.disrupted).white-stroke, #trammap #elizabeth g path:not(.disrupted).white-stroke, #cablecarmap #raillo-overground g line:not(.disrupted).white-stroke, #cablecarmap #raillo-overground g path:not(.disrupted).white-stroke, #cablecarmap #dlr-dlr g line:not(.disrupted).white-stroke, #cablecarmap #dlr-dlr g path:not(.disrupted).white-stroke, #cablecarmap #elizabeth g line:not(.disrupted).white-stroke, #cablecarmap #elizabeth g path:not(.disrupted).white-stroke, #rivermap #raillo-overground g line:not(.disrupted).white-stroke, #rivermap #raillo-overground g path:not(.disrupted).white-stroke, #rivermap #dlr-dlr g line:not(.disrupted).white-stroke, #rivermap #dlr-dlr g path:not(.disrupted).white-stroke, #rivermap #elizabeth g line:not(.disrupted).white-stroke, #rivermap #elizabeth g path:not(.disrupted).white-stroke { stroke: #fff; } #trammap text, #trammap tspan { font-size: 25px; } #trammap #Header_Panel text { font-size: 51px; } #trammap #Header_Panel rect { fill: #6EBB20; } #trammap #Interchange_boxes text { font-size: 10px; } #trammap #Interchange_boxes rect[stroke='#FF6409'] { fill: #FF6409; } #trammap #Interchange_boxes rect[stroke='#0C6826'] { fill: #0C6826; } #cablecarmap text, #cablecarmap tspan { font-size: 18px; } #cablecarmap #Interchange_boxes text, #cablecarmap #Interchange_boxes tspan { font-size: 10px; } #cablecarmap #Interchange_boxes rect[stroke='#85898A'] { fill: #85898A; } #cablecarmap #Interchange_boxes rect[stroke='#23A492'] { fill: #23A492; } #rivermap text, #rivermap tspan { font-size: 18px; } #rivermap #station-names text[font-size='24px'], #rivermap #station-names tspan[font-size='24px'] { font-size: 24px; } #rivermap #station-names text[font-size='22.5px'], #rivermap #station-names tspan[font-size='22.5px'] { font-size: 22.5px; } #rivermap #station-names text[font-size='18px'], #rivermap #station-names tspan[font-size='18px'] { font-size: 18px; } #rivermap #station-names rect[fill='#BA601F'] { fill: #BA601F; } #rivermap #station-names rect[fill='#67C19B'] { fill: #67C19B; } #rivermap #station-names rect[fill='#DF64B0'] { fill: #DF64B0; } #rivermap #station-names rect[fill='#1768A8'] { fill: #1768A8; } #rivermap #station-names rect[fill='#755DAA'] { fill: #755DAA; } #rivermap #station-names rect[fill='#2d3039'] { fill: #2d3039; } #rivermap #station-names rect[fill='#10137E'] { fill: #10137E; } #rivermap #station-names rect[fill='#FF6409'] { fill: #FF6409; } #rivermap #station-names rect[fill='#23A492'] { fill: #23A492; } #rivermap .coloured-disruptions #river path { stroke: #CCECF4; } .routes-map-and-panel, .embedded-map-wrapper { margin-bottom: 20px; } .small-medium .non-google-map { display: none; } .small-medium .view-static-map-button { cursor: pointer; padding: 8px; background-color: #ffffff; border-top: 1px solid #ccc; border-bottom: 3px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; width: 46.5%; height: 44px; } .small-medium .view-static-map-button .expand-map-icon { float: right; position: relative; top: -3px; left: 5px; } .small-medium .view-static-map-button.non-live-maps { width: 100%; margin-left: 0; } .breakpoint-Small .view-static-map-button { width: 95%; } .breakpoint-Small.breakpoint-Medium .view-static-map-button { width: 46.5%; } .breakpoint-Small.breakpoint-Medium .view-static-map-button.non-live-maps { width: 50%; } .breakpoint-Small .non-google-map { display: none; } .breakpoint-Small.breakpoint-Medium.breakpoint-Large .non-google-map { display: block; } .view-static-map-button-icon { background-image: url("/static/1/images/homepage_sprite_x2.png"); background-image: url("/static/1/images/homepage_sprite.png") \9; background-size: 64px 160px; background-position: 32px 32px; height: 32px; width: 32px; display: block; background-position: -32px -32px; float: left; position: relative; top: -5px; left: -5px; } .body-cms-preview .view-static-map-button-icon { background-image: url("/static/1/images/homepage_sprite.png"); } .view-map-button-icon { background-image: url("/static/1/images/homepage_sprite_x2.png"); background-image: url("/static/1/images/homepage_sprite.png") \9; background-size: 64px 160px; background-position: 32px 32px; height: 32px; width: 32px; display: block; background-position: -32px -32px; float: left; position: relative; top: -5px; left: -5px; } .body-cms-preview .view-map-button-icon { background-image: url("/static/1/images/homepage_sprite.png"); } #toggle-map-button { width: 98%; cursor: pointer; } .small-medium .non-google-map { display: none; } .small-medium .view-map-button { cursor: pointer; padding: 8px; background-color: #ffffff; border-top: 1px solid #ccc; border-bottom: 3px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; width: 46.5%; height: 44px; } .small-medium .view-map-button .expand-map-icon { float: right; position: relative; top: -3px; left: 5px; } .small-medium .view-map-button.non-live-maps { width: 100%; margin-left: 0; } .widget-tab .widget-heading { text-transform: uppercase; width: 100%; border-bottom: 0; margin: 0; display: inline-block; background-color: #2d3039; color: #fff; padding: 9px 17px 6px; } .box { background-color: #eee; border-bottom: 3px solid rgba(0, 0, 0, 0.2); padding: 19px 14px; margin-bottom: 20px; } .box.links { padding-top: 3px; padding-bottom: 6px; } .box > h2, .box > h3 { margin: 0 0 10px; border-bottom: 0; } .box input { margin-bottom: 10px; } .box input[type="submit"] { margin-top: 10px; } .box .centred-link { display: block; text-align: center; } .box a.link-button { margin-bottom: 0; border-bottom: 3px solid rgba(0, 0, 0, 0.2); } .modal-simple-component { width: 100%; height: 100%; position: fixed; z-index: 1005; top: 0; left: 0; overflow-x: hidden; overflow-y: visible; } .modal-simple-component .close { display: inline-block; cursor: pointer; outline: 0; color: #ffffff; margin: 0; position: absolute; left: auto; right: 25px; width: 40px; top: 8px; } .modal-simple-component .close:after { background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; background-position: -64px -832px; position: absolute; content: ''; top: -4px; right: -25px; } .body-cms-preview .modal-simple-component .close:after { background-image: url("/static/1/images/vsprite.17114d90.png"); } .modal-simple-component .modal-overlay { z-index: 1008; position: fixed; top: 0; left: 0; background: #2d3039 url(/cdn/static/images/throbber.gif) no-repeat 50% 20%; width: 100%; height: 100%; filter: alpha(opacity=94); opacity: 0.94; } .modal-simple-component .m088-modal-window { top: 0; height: 100%; width: 100%; float: none; z-index: 1010; margin: auto; position: absolute; } .modal-simple-component .modal-header { margin: 0 0 1px 0; background-color: #1f2025; position: fixed; width: 100%; z-index: 1050; } .modal-simple-component .modal-title { display: inline-block; text-align: left; color: #ffffff; width: 79%; padding: 8px 20px 8px; margin: 0; } .modal-simple-component .modal-body { display: block; clear: both; width: 94%; left: 3%; position: absolute; top: 100px; } .modal-simple-component .modal-body img { max-width: 100%; } .homepage-image-container { background: #eee; 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 #ccc; border-right: 1px dotted #ccc; } .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 240px; 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; } .expandable-box .search-filter { margin-bottom: 0; } .expandable-box .tab-wrapper { margin-top: 10px; } .main-services { margin-bottom: 20px; display: grid; column-gap: 16px; row-gap: 10px; } .main-services > div:last-child .flat-button { margin-bottom: 0; } .main-services .flat-button.top-icon { height: 100%; } #hp-journey-planner .widget-content { border: 1px solid #ccc; background-colour: #eee; } #full-width-content .expanded ~ .results-wrapper .jp-wrapper { margin-top: 100px; } #full-width-content .jp-wrapper .vertical-button-container.google-link { margin: 0 5px; border-bottom: 0; } .cycle-superhighway-key-container { width: 210px; margin-bottom: 10px; } .cycle-superhighway-key-container .cycle-superhighway-key { background-color: #009ee0; padding: 3px; color: #fff; } #cycling-info-panel { padding: 10px; } #cycling-info-panel .cycle-parking-elevation-panel-container { background-color: #fff; } #cycling-info-panel .elevation-info-container { display: inline-block; background-color: white; color: black; width: 31%; text-align: center; font-size: 28px; font-weight: bold; padding: 8px; } #fullscreen-stage #cycling-info-panel .elevation-info-container { padding: 0; } #cycling-info-panel .elevation-info-container.center { border-right: 1px solid #ccc; border-left: 1px solid #ccc; } #cycling-info-panel .elevation-info-container.cycle-parking-type-header { font-size: 100%; font-weight: normal; padding-bottom: 10px; } #cycling-info-panel .elevation-info-container.covered-text { margin-left: 12px; font-size: 19px; padding-bottom: 17px; } #fullscreen-stage #cycling-info-panel .elevation-info-container.covered-text { margin-left: 0; } #cycling-info-panel .elevation-info-container .sub-text { font-size: 14px; margin-top: -12px; font-weight: normal; } #cycling-info-panel .elevation-info-container .sub-text.cycle-parking-type { font-weight: bold; font-size: 19px; margin-top: -7px; } #cycling-info-panel .elevation-info-container .elevation-metres { font-size: 19px; bottom: 5px; position: relative; } #cycling-info-panel h2 { margin-left: 30px; } #cycling-info-panel h2:before { content: ""; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; width: 32px; height: 32px; position: absolute; left: 7px; top: 6px; } .body-cms-preview #cycling-info-panel h2:before { background-image: url("/static/1/images/vsprite.17114d90.png"); } #cycling-info-panel .commuter:before { background-position: -64px -3168px; } #cycling-info-panel .default:before { background-position: -32px -3168px; } #cycling-info-panel .leisure:before { background-position: 0px -3168px; } #cycling-info-panel .other:before { background-position: 0px -3200px; } #cycling-info-panel .cycle-parking-panel:before { background: url("/cdn/static/scripts/maps/framework/map/icons/map_icon_sprite.png"); background-position: -160px -2400px; left: 6px; top: 7px; } .cycle-shuttle-info { background-color: #FAF5E1; padding: 10px; margin: 0px 5px 10px 5px; } .cycle-shuttle-info p { margin-bottom: 0; color: #2D3039; } .journey-detail-step .text-instructions-list { padding-left: 20px; } .journey-detail-step .text-instructions-list .stop-link.cycle-superhighway-key-li:after { top: 70%; } .journey-detail-step .no-instructions { height: 32px; } .journey-detail-step .stop-list .cyclesuperhighway-container { margin-top: -6px; margin-bottom: -9px; border-left: 3px solid #4b96da; z-index: 100; padding: 0; } .journey-detail-step .stop-list .cyclesuperhighway-container .cyclesuperhighway { background-color: #d6e9f6; } .journey-detail-step .stop-list .cyclesuperhighway-container .cyclesuperhighway-text { background-color: #4b96da; padding: 10px 0px 10px 60px; font-size: 19px; color: #fff; } .journey-detail-step .stop-list .cyclesuperhighway-container .cycling-walking-instruction-heading { padding: 20px 0 2px 60px; } .journey-detail-step .stop-list .cyclesuperhighway-container .instruction-description { padding-left: 60px; padding-bottom: 20px; } .journey-detail-step .stop-list .cyclesuperhighway-container.last-step-cyclesuperhighway { margin-bottom: 0; } .instruction-description { padding-bottom: 5px; } .cyclesuperhighway-container .cycling-walking-instruction-heading:before { top: 35%; } .cyclesuperhighway-container .cycling-walking-instruction-heading.streetview-showing:before { top: 18%; } .cyclesuperhighway-container .full-screen-streetview { top: 225px; } .cyclesuperhighway-container .streetview-image { padding: 30px; } .streetview-image { position: relative; } .streetview-image img { width: 100%; } .spot-grid-background { background-color: #ccdde8; } .basic-journey-options { background-color: #eee; 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; } #plan-a-journey .remove-content-container a { top: 4px !important; } #plan-a-journey .toggle-options { text-align: left; padding-left: 0; } .journey-time.no-map { margin-right: -250px; } .journey-planner-results .auto-expand .always-visible.no-map { width: 100%; } .cycling-walking-only-information { clear: both; display: block; padding: 10px 10px 10px 50px; position: relative; background-color: #dff0d8; font-weight: bold; } .cycling-walking-only-information:before { content: ""; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; background-position: 0px -256px; height: 32px; width: 32px; display: block; position: absolute; left: 10px; top: 10%; } .body-cms-preview .cycling-walking-only-information:before { background-image: url("/static/1/images/vsprite.17114d90.png"); } .left-journey-options { float: left; width: 100%; } .left-journey-options.no-dynamic-options { border: 1px solid #ccc; } .left-journey-options { float: left; width: 100%; } .left-journey-options.no-dynamic-options { border: 1px solid #ccc; } .right-journey-options { float: right; width: 100%; } .jp-docking-station-warning-container { background: #faf5e1; margin-top: 10px; padding-bottom: 13px; padding-top: 8px; padding-left: 5px; } .jp-docking-station-warning-indicator { display: inline-block; margin-bottom: -5px; font-weight: bold; } .jp-docking-station-warning-text { display: inline; margin-left: 5px; } .jp-bch-price-info { display: inline; } .jp-bch-price-info-indicator { display: inline-block; } .jp-bch-price-info-container { border-bottom: 1px solid lightgray; padding-top: 9px; padding-bottom: 14px; padding-left: 12px; } .journey-details .push-bike strong { display: block; padding: 0 0 2px 0; } .extra-journey-options { background: #fff; padding: 20px 15px 15px 15px; } .extra-journey-options.multi-modals .journey-box.bus-only, .extra-journey-options.multi-modals .journey-box.fastest-by-public-transport { display: none; } .extra-journey-options .journey-row-container .journey-box { color: #2d3039; border: 1px solid #ccc; display: block; padding: 15px; text-decoration: none; margin-bottom: 10px; } .extra-journey-options .journey-row-container .journey-box p { margin: 0; line-height: inherit; } .extra-journey-options .journey-row-container .journey-box p strong { line-height: inherit; } .extra-journey-options .journey-row-container .journey-box p:first-child { margin-bottom: 5px; } .extra-journey-options .journey-row-container .journey-box .method { border-bottom: 1px dotted #ccc; padding-bottom: 8px; margin-bottom: 15px; position: relative; } .extra-journey-options .journey-row-container .journey-box .method:after { background-position: 0px -640px; content: ""; position: absolute; top: 0; right: -10px; } .extra-journey-options .journey-row-container .journey-box .method h4 { margin: 0; position: relative; padding-left: 38px; height: 32px; line-height: 32px; } .extra-journey-options .journey-row-container .journey-box .method h4:before { content: ""; position: absolute; top: 0; left: 0; } .extra-journey-options .journey-row-container .journey-box .method.cycling h4:before { background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; background-position: 0px -288px; height: 32px; width: 32px; display: block; } .body-cms-preview .extra-journey-options .journey-row-container .journey-box .method.cycling h4:before { background-image: url("/static/1/images/vsprite.17114d90.png"); } .extra-journey-options .journey-row-container .journey-box .method.cycle-hire h4:before { background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; background-position: -64px -3008px; height: 32px; width: 32px; display: block; } .body-cms-preview .extra-journey-options .journey-row-container .journey-box .method.cycle-hire h4:before { background-image: url("/static/1/images/vsprite.17114d90.png"); } .extra-journey-options .journey-row-container .journey-box .method.walking h4:before { background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; background-position: 0px -256px; height: 32px; width: 32px; display: block; } .body-cms-preview .extra-journey-options .journey-row-container .journey-box .method.walking h4:before { background-image: url("/static/1/images/vsprite.17114d90.png"); } .extra-journey-options .journey-row-container .journey-box .method.bus-only h4:before { background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; background-position: 0px -320px; height: 32px; width: 32px; display: block; } .body-cms-preview .extra-journey-options .journey-row-container .journey-box .method.bus-only h4:before { background-image: url("/static/1/images/vsprite.17114d90.png"); } .extra-journey-options .journey-row-container .journey-box .method.fastest-by-public-transport h4:before { background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; background-position: 0px -3040px; height: 32px; width: 32px; display: block; } .body-cms-preview .extra-journey-options .journey-row-container .journey-box .method.fastest-by-public-transport h4:before { background-image: url("/static/1/images/vsprite.17114d90.png"); } .extra-journey-options .journey-row-container .journey-box .method.taxi h4:before { background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; background-position: -32px -3424px; height: 32px; width: 32px; display: block; } .body-cms-preview .extra-journey-options .journey-row-container .journey-box .method.taxi h4:before { background-image: url("/static/1/images/vsprite.17114d90.png"); } .extra-journey-options .journey-row-container .journey-box .method.taxi:after { background-image: none; } .extra-journey-options .journey-row-container .journey-box .two-col { display: table; width: 100%; } .extra-journey-options .journey-row-container .journey-box .two-col > div { display: table-cell; width: 50%; } .extra-journey-options .journey-row-container .journey-box .two-col .col1 .route-data { border-left: 5px solid; padding-left: 10px; line-height: 1em; } .extra-journey-options .journey-row-container .journey-box .two-col .col1 .route-data.easy { border-color: #6b2899; } .extra-journey-options .journey-row-container .journey-box .two-col .col1 .route-data.moderate { border-color: #e409ab; } .extra-journey-options .journey-row-container .journey-box .two-col .col1 .route-data.fast { border-color: #ff6600; } .extra-journey-options .journey-row-container .journey-box .two-col .col1 .route-data.taxi { border-left: none; } .extra-journey-options .journey-row-container .journey-box .two-col .col2 { text-align: right; line-height: 1em; vertical-align: bottom; } .extra-journey-options .journey-row-container .journey-box .two-col .col2 strong { line-height: inherit; font-size: 25px; vertical-align: baseline; margin-right: 3px; } .extra-journey-options .journey-row-container .journey-box:hover, .extra-journey-options .journey-row-container .journey-box:focus { background: #eff6fd; } .extra-journey-options .journey-row-container .journey-box:last-child { margin-bottom: 10px; } .extra-journey-options .journey-row-container .journey-box.taxi:hover, .extra-journey-options .journey-row-container .journey-box.taxi:focus { background: none; } .extra-journey-options .journey-row-container.add-border { border: 1px solid #ccc; border-bottom: 0; } .extra-journey-options .journey-row-container.add-border a:last-child { border-bottom: 0; } .extra-journey-options .journey-row-container.right-journey-options .plain-button { border-bottom: 1px solid #ccc; } .extra-journey-options .journey-row-container.right-journey-options .plain-button:last-child { border-bottom: 0; } .extra-journey-options .journey-row-container.right-journey-options .plain-button:first-child { border-top: 0; } .extra-journey-options .journey-row-container.right-journey-options.more-accessible-journeys { border: 1px solid #ccc; } .extra-journey-options .vertical-button-container { margin: 0; } .extra-journey-options .vertical-button-container:nth-child(2) { margin-bottom: 0; border-bottom: 0; } .extra-journey-options .vertical-button-container:nth-child(1) { margin-top: 0; border-top: 0; } .journey-planner-start .headline-container .hero-headline { margin-left: 10px; } .journey-planner-start .plan-journey-button { margin-bottom: 10px; margin-top: 15px; } .bus-only-multiple-journey, .fastest-by-public-transport-multiple-journey { margin-top: -15px; } .journey-time.no-map { margin-right: 0; } .jp-multiple-journey-modes { float: left; } .walking-distance { font-weight: bold; margin-left: 10px; } .suspended-docking-station-heading { padding: 15px 15px 5px 15px; } .suspended-docking-station-heading p { margin: 0px; } .suspended-docking-station-container .suspended-details-button-container { margin-left: 10px; } .suspended-docking-station-list-button { margin-bottom: 10px !important; } #more-journey-options .outside-london .boxed-label-for-input { margin-bottom: 10px; padding: 7px 37px 9px 15px; } #more-journey-options .search-cycling-options label { background-image: none; padding-left: 50px; position: relative; } #more-journey-options .search-cycling-options label:before { display: block; position: absolute; top: 4px; left: 10px; content: ""; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; background-position: 0px -1056px; height: 32px; width: 32px; display: block; } .body-cms-preview #more-journey-options .search-cycling-options label:before { background-image: url("/static/1/images/vsprite.17114d90.png"); } #more-journey-options .search-cycling-options label[for^="CyclePreference" i]:before { background-position: 0px -288px; } #more-journey-options .search-cycling-options label[for="CyclePreference_0" i]:before { background-position: -32px -3008px; } #more-journey-options .stacked-fields { list-style-type: none; margin: 0; width: 100%; } #more-journey-options .stacked-fields .go-via { margin-bottom: 10px; height: 40px; } #more-journey-options .stacked-fields .input-group label { background-image: none; } #more-journey-options .stacked-fields .show-me-list .input-group label { background-image: none; padding-left: 50px; position: relative; } #more-journey-options .stacked-fields .show-me-list .input-group label:before { display: block; position: absolute; top: 4px; left: 10px; content: ""; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; background-position: 0px -1056px; height: 32px; width: 32px; display: block; } .body-cms-preview #more-journey-options .stacked-fields .show-me-list .input-group label:before { background-image: url("/static/1/images/vsprite.17114d90.png"); } #more-journey-options .stacked-fields .show-me-list .input-group label[for="JourneyPreference_0"]:before { background-position: 0px -3040px; } #more-journey-options .stacked-fields .show-me-list .input-group label[for="JourneyPreference_1"]:before { background-position: 0px -3008px; } #more-journey-options .stacked-fields .show-me-list .input-group label[for="JourneyPreference_2"]:before { background-position: 0px -256px; } #more-journey-options .stacked-fields .selector.styled-checkbox .outside-london input { display: none; } .no-js #more-journey-options .stacked-fields .selector.styled-checkbox .outside-london input { display: block; margin: 10px 0 0 170px; } #more-journey-options .stacked-fields .selector.styled-checkbox .outside-london label { line-height: 40px; display: block; padding-left: 7px; } #more-journey-options .stacked-fields .selector span { box-shadow: none; } #more-journey-options .search-cycling-options.hidden, #more-journey-options .search-walking-options.hidden { display: none; } #more-journey-options .search-cycling-options legend, #more-journey-options .search-walking-options legend { margin-bottom: 10px; } .journey-planner-results .headline-container { margin-bottom: 0; padding-bottom: 0; } .journey-planner-results .headline-container .hero-headline { box-shadow: none; padding: 5px 10px; margin-bottom: 0; display: inline-block; } .journey-planner-results .jp-result-transport { margin-bottom: 0; display: inline-block; width: 100%; padding: 10px 10px 10px 5px; } .journey-planner-results .jp-more-travel-options-results-page .extra-options { margin: -1px 0; display: block; text-align: center; } .journey-planner-results .jp-more-travel-options-results-page .toggle-options { display: block; } .journey-planner-results .jp-more-travel-options-results-page #more-journey-options .update-buttons, .journey-planner-results .jp-more-travel-options-results-page #more-journey-options .plan-journey-button { display: block; } .journey-planner-results .jp-more-travel-options-results-page #more-journey-options .stacked-fields { list-style-type: none; margin: 0; } .edit-journey { margin-right: 50px; } .edit-journey:before { background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; content: ""; position: absolute; margin-left: -2px; background-position: 0px -1952px; } .body-cms-preview .edit-journey:before { background-image: url("/static/1/images/vsprite.17114d90.png"); } .edit-journey span { left: 35px; position: relative; top: 5px; } .fav-panel-save-button { border: none; color: #2070b0; font-size: 16px; vertical-align: bottom; padding: 0; background-color: transparent; } .edit-journey + #fav-panel-save .align-text { margin-left: 40px; position: relative; width: 95px; top: 5px; } .edit-journey + #fav-panel-save:before { content: ""; position: absolute; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; background-position: -32px -3136px; } .body-cms-preview .edit-journey + #fav-panel-save:before { background-image: url("/static/1/images/vsprite.17114d90.png"); } .jp-bch-availability { float: left; width: 150px; margin-left: 31px; margin-top: 5px; font-size: 16px; } .cycle-superhighway { background-color: #009ee0; background-size: 10px 10px; left: 20px; position: absolute; width: 3px; z-index: 5; top: 0; height: 100%; } .key-cycle { display: block; color: #2d3039; padding: 0 30px 10px 85px; } #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; border-bottom: 1px solid #ccc; } .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, .journey-planner-results .travelpreferences-cycling, .journey-planner-results .travelpreferences-walking, .journey-planner-results .travelpreferences-publictransport { 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, .journey-planner-results .editing input.primary-button { display: block; } .journey-planner-results .editing .journey-result-summary { 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 #plan-a-journey { margin-top: 0; } .journey-planner-results #plan-a-journey .from-and-to > span.twitter-typeahead { display: none !important; } .journey-planner-results #plan-a-journey .time-options { margin-top: 0; } .journey-planner-results .travel-preferences { border-top: 1px solid #ccc; padding-top: 10px; margin-top: 20px; } .journey-planner-results .journey-result-summary .summary-row .secondary-button { margin-bottom: 15px; width: 120px; } .journey-planner-results .journey-result-summary .travel-preferences { padding: 5px 0; border-top: 1px dotted #ccc; } .journey-planner-results .journey-result-summary .travel-preferences strong:after { content: "\00a0"; } .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 #ccc; position: relative; } .journey-planner-results strong.disambiguating:after { content: ""; position: absolute; top: 50%; margin-top: -16px; left: 0; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; background-position: 0px -832px; } .body-cms-preview .journey-planner-results strong.disambiguating:after { background-image: url("/static/1/images/vsprite.17114d90.png"); } .journey-planner-results .summary-row { margin-bottom: 5px; } .journey-planner-results .summary-row span.label { float: left; width: 61px; } .journey-planner-results .summary-row strong { display: block; } .journey-planner-results .summary-row .secondary-button { width: 100%; margin-top: 10px; } .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 #ccc; cursor: auto; padding: 5px 32px 5px 5px; } .journey-planner-results .from-and-to { 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; width: 100%; padding-top: 20px; padding-left: 2.54%; padding-right: 2.54%; padding-bottom: 15px; background-color: #fff; } #more-journey-options .update-buttons { margin-top: 20px; margin-bottom: 0; } #more-journey-options .walking-options { float: left; } #more-journey-options .jp-more-options-input, #more-journey-options .jp-more-options-input-accessibility, #more-journey-options #jp-via-more-options { width: 100%; } #more-journey-options fieldset.jp-mode-publictransport ul { margin-top: 10px; } .update-buttons { margin-left: 12px; margin-right: 12px; } .journey-form label.heading, .journey-form legend.heading, .journey-form .mocklabel { font-size: 15px; } .radio-rail-modes-list { position: relative; } .radio-rail-modes-list label { text-indent: 50px; } .radio-rail-modes-list label:before { display: none; position: absolute; top: 4px; left: 10px; content: ""; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; background-position: 0px -1056px; height: 32px; width: 32px; display: block; } .body-cms-preview .radio-rail-modes-list label:before { background-image: url("/static/1/images/vsprite.17114d90.png"); } .radio-rail-modes-list label[for="TravelContact.TravelMode_0"]:before { background-position: 0px -1056px; } .radio-rail-modes-list label[for="TravelContact.TravelMode_1"]:before { background-position: -64px -1056px; } .radio-rail-modes-list label[for="TravelContact.TravelMode_2"]:before { background-position: 0px -1088px; } .radio-rail-modes-list label[for="TravelContact.TravelMode_4"]:before { background-position: -32px -1920px; } .radio-rail-modes-list label[for="TravelContact.TravelMode_3"]:before { background-position: 0px -3072px; } .radio-rail-modes-list label[for="TravelContact.TravelMode_5"]:before { background-position: 0px -3744px; } .modes-of-transport { position: relative; } .modes-of-transport .boxed-label-for-input { text-indent: 50px; position: relative; border-bottom-width: 0; padding-bottom: 9px; } .modes-of-transport .boxed-label-for-input:before { display: block; position: absolute; top: 4px; left: 10px; content: ""; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; background-position: 0px -1056px; height: 32px; width: 32px; display: block; } .body-cms-preview .modes-of-transport .boxed-label-for-input:before { background-image: url("/static/1/images/vsprite.17114d90.png"); } .modes-of-transport .heading-row { overflow: hidden; } .modes-of-transport .heading-row .heading { font-weight: bold; float: left; } .modes-of-transport .heading-row .select-deselect-container { float: right; padding-right: 5px; } .modes-of-transport .heading-row .select-deselect-container button { padding-left: 2px; color: #2070b0; background: transparent; text-decoration: underline; border: none; } .modes-of-transport .heading-row .select-deselect-container button:hover { text-decoration: none; background: transparent; color: #2070b0; } .modes-of-transport .heading-row .select-deselect-container button:focus { text-decoration: none; background: transparent; color: #2070b0; } .modes-of-transport .heading-row .select-deselect-container button:first-child { padding-right: 5px; border-right: 1px solid #2070b0; } .no-js .modes-of-transport .heading-row .select-deselect-container { display: none; } .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; } .modes-of-transport .elizabeth-line:before, .modes-of-transport .elizabeth:before { background-position: 0px -3744px; } .modes-of-transport .walking:before { background-position: 0px -256px; } .modes-of-transport .cycle:before { background-position: 0px -288px; } .publictransport .jp-mode-publictransport, .cycling .jp-mode-cycling, .walking .jp-mode-walking { display: block; } .extra-options { margin: 10px -10px; padding: 5px 2.54% 0px; clear: both; } .expanded .extra-options { border-bottom: 0; } .toggle-options { display: block; } .toggle-options:after { background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; 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.17114d90.png"); } .toggle-options.more-options { margin-bottom: 15px; } .toggle-options.less-options { background-color: #ffffff; position: relative; margin-left: 0; padding: 0 10px 10px; margin: 0 auto; width: 100%; text-align: center; } .toggle-options.less-options:after { background-position: 0px -608px; } .expanded .go-via, .expanded .national-search { display: block; } .geolocation-box { margin-bottom: 10px; margin-top: 3px; } .geolocation-map { clear: left; } .image-container { border: 1px solid #ccc; padding: 5px; background-color: #fff; } .showing-map .image-container { display: block; height: 200px; } .showing-map .geolocation-box .remove-content-container { margin-bottom: 10px; } button.switch-button { background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 84px 3304px; background-position: 0px -56px; height: 28px; width: 28px; display: block; background-position: -2px -57px; position: relative; margin: 0 auto; border: none; background-color: transparent; color: transparent; } .body-cms-preview button.switch-button { background-image: url("/static/1/images/vsprite.17114d90.png"); } .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: 0; } .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 .selector span { box-shadow: none; } .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 .horizontal-toggle-buttons.leaving-or-arriving li { width: 48%; height: 40px; border: 1px solid #03071c; } .time-options .change-departure-time:after { background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; content: ""; position: absolute; top: 50%; margin-top: -16px; background-position: 0px -640px; } .body-cms-preview .time-options .change-departure-time:after { background-image: url("/static/1/images/vsprite.17114d90.png"); } .national-search { float: left; display: none; margin: 15px 2.54% 0 0; } .edit-preferences + #more-journey-options #save-journey-planner-preferences { width: 100%; height: 70px; bottom: -47px; left: 0px; right: 0; margin-right: 2.54%; background-color: #eee; } .edit-preferences + #more-journey-options #save-journey-planner-preferences .styled-checkbox { left: 12px; } .no-js .edit-preferences + #more-journey-options #save-journey-planner-preferences .styled-checkbox label:before { display: none; } #save-journey-planner-preferences { border-top: 1px dotted #ccc; margin-top: 15px; padding-top: 15px; } .no-js #save-journey-planner-preferences .styled-checkbox label:before { display: none; } #save-journey-planner-preferences + .update-buttons-container { width: 100%; height: 75px; bottom: -117px; left: 0; right: 0; margin-right: 2.54%; background-color: #eee; padding: 1px; } .breakpoint-Small .journey-form .r > :last-child { margin-right: 0; } #recent-journeys, #recent-journeys-small { clear: both; } #recent-journeys p, #recent-journeys-small p { margin-bottom: 0; padding: 10px; } #recent-journeys ul, #recent-journeys-small ul { margin-bottom: 15px; } #recent-journeys .tabs-style-2, #recent-journeys-small .tabs-style-2 { padding: 10px 0px 0px 10px; } #recent-journeys .plain-button, #recent-journeys-small .plain-button { padding: 15px 35px 15px 15px; border-bottom: 1px solid #cacaca; } #recent-journeys .plain-button:after, #recent-journeys-small .plain-button:after { margin-right: 0px; } #recent-journeys .plain-button:hover, #recent-journeys .plain-button:focus, #recent-journeys-small .plain-button:hover, #recent-journeys-small .plain-button:focus { background-color: #eff6fd; text-decoration: none; } #recent-journeys .plain-button.edit-my-journeys, #recent-journeys .plain-button.view-my-journeys, #recent-journeys-small .plain-button.edit-my-journeys, #recent-journeys-small .plain-button.view-my-journeys { font-size: 16px; color: #2070b0; border-bottom: 0px; text-align: left; } #recent-journeys .recents-footer, #recent-journeys-small .recents-footer { width: 100%; padding: 12px 15px 18px 15px; background-color: #ffffff; } #recent-journeys .add-recents, #recent-journeys-small .add-recents { float: left; text-align: left; } #recent-journeys .add-recents a, #recent-journeys-small .add-recents a { position: relative; left: 32px; top: 3px; padding-top: 8px; } #recent-journeys .turn-off-recents, #recent-journeys-small .turn-off-recents { float: right; text-align: right; } #recent-journeys .turn-off-recents a, #recent-journeys-small .turn-off-recents a { position: relative; right: 0px; top: 3px; padding-top: 8px; } #recent-journeys .add-recents-to-favourites:before, #recent-journeys-small .add-recents-to-favourites:before { content: ""; position: absolute; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; background-position: -32px -3136px; left: -35px; top: 0px; } .body-cms-preview #recent-journeys .add-recents-to-favourites:before, .body-cms-preview #recent-journeys-small .add-recents-to-favourites:before { background-image: url("/static/1/images/vsprite.17114d90.png"); } #recent-journeys .cookie-warning-message, #recent-journeys .cookie-warning-link, #recent-journeys-small .cookie-warning-message, #recent-journeys-small .cookie-warning-link { padding: 0 10px 0px 10px; margin-bottom: 10px; clear: left; } #recent-journeys .cookie-warning-message p, #recent-journeys-small .cookie-warning-message p { margin-bottom: 10px; padding: 0; } #recent-journeys { background-color: #eee; } #recent-journeys .plain-button { background-color: #eee; } #recent-journeys .recents-footer { background-color: #eee; } .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; } } .summary-results.cycling .carousel-wrap > .expandable-box > .content { margin-bottom: 10px; } .summary-results.cycling .carousel-wrap > .expandable-box > .content .journey-option { border-left: 5px solid; } .summary-results.cycling .carousel-wrap > .expandable-box > .content .journey-option.Easy { border-left-color: #6b2899; } .summary-results.cycling .carousel-wrap > .expandable-box > .content .journey-option.Moderate { border-left-color: #e409ab; } .summary-results.cycling .carousel-wrap > .expandable-box > .content .journey-option.Fast { border-left-color: #ff6600; } .summary-results.cycling .carousel-wrap > .expandable-box > .content .journey-option .extra-cycle-info { display: none; } .summary-results.cycling .carousel-wrap > .expandable-box > .content .summary { margin: 0 5px 0 0; } .summary-results.cycling .carousel-wrap > .expandable-box > .content.expanded .extra-cycle-info { display: block; } .summary-results.cycling .carousel-wrap > .expandable-box > .content.expanded .extra-cycle-info.not-cycle-hire { padding-top: 17px; } .summary-results .price-and-details { margin-left: 5px; } .summary-results .earlier-later a { width: 50%; float: left; display: block; margin: 0; padding: 10px 0; text-decoration: none; color: #1a5a92; } .summary-results .earlier-later a.earlier { text-align: left; padding-left: 20px; } .summary-results .earlier-later a.earlier:before { content: ""; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; background-position: 0px -576px; height: 22px; width: 28px; display: inline-block; margin-top: -5px; margin-left: -28px; } .body-cms-preview .summary-results .earlier-later a.earlier:before { background-image: url("/static/1/images/vsprite.17114d90.png"); } .summary-results .earlier-later a.later { text-align: right; padding-right: 27px; } .summary-results .earlier-later a.later:after { content: ""; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; background-position: 0px -640px; height: 22px; width: 28px; display: inline-block; margin-top: -5px; margin-right: -28px; } .body-cms-preview .summary-results .earlier-later a.later:after { background-image: url("/static/1/images/vsprite.17114d90.png"); } .summary-results .earlier-later a:hover { text-decoration: underline; } .summary-results.publictransport .walking-box, .summary-results.publictransport .cycling-box { display: none; } .summary-results.publictransport .cycling-box.public-transport-cycling { display: block; } .showing-full-details .summary-results.publictransport .cycling-box.public-transport-cycling { display: none; } .no-js .showing-full-details .summary-results.publictransport .cycling-box.public-transport-cycling { display: block; } .summary-results.publictransport .not-bus { display: none; } .summary-results.publictransport .not-bus.show-me, .no-js .summary-results.publictransport .not-bus { display: block; margin-bottom: 20px; } .summary-results.publictransport .journey-detail-step .no-instructions { height: 0px; } .summary-results.cycling .publictransport-box, .summary-results.cycling .walking-box { display: none; } .summary-results.cycling .route-detail { padding: 10px; } body.breakpoint-Small.breakpoint-Large .summary-results.cycling .walking-cycling-large-instructions, body.breakpoint-Small.breakpoint-Large .summary-results.walking .walking-cycling-large-instructions { display: inline-block; } body.breakpoint-Small .summary-results.cycling .walking-cycling-large-instructions, body.breakpoint-Small .summary-results.walking .walking-cycling-large-instructions { display: none; } .summary-results.cycling .expandable-box .travel-info-box, .summary-results.walking .expandable-box .travel-info-box { cursor: default; } .summary-results.cycling .expandable-box .content .journey-summary, .summary-results.walking .expandable-box .content .journey-summary { border-bottom: 0; position: relative; padding-bottom: 0; } .summary-results.cycling .expandable-box .content .journey-summary .journey-steps li, .summary-results.walking .expandable-box .content .journey-summary .journey-steps li { margin-bottom: 5px; } .summary-results.cycling .expandable-box .content .journey-summary .journey-time, .summary-results.walking .expandable-box .content .journey-summary .journey-time { position: absolute; bottom: 0; right: 0; } .summary-results.cycling .expandable-box .secondary-button, .summary-results.walking .expandable-box .secondary-button { margin: 10px 5px 10px 5px; display: inline-block; width: auto; } .summary-results.cycling .summary p, .summary-results.walking .summary p { padding-left: 13px; } .summary-results.cycling .route-detail, .summary-results.walking .route-detail { line-height: 1em; } .summary-results.cycling .route-detail p, .summary-results.walking .route-detail p { margin-bottom: 0; } .summary-results.cycling .journey-summary, .summary-results.walking .journey-summary { margin: 0; padding: 0 0 10px 10px; } .summary-results.cycling .journey-summary .journey-steps, .summary-results.walking .journey-summary .journey-steps { float: left; margin: 0; padding-left: 0; min-height: auto; } .summary-results.cycling .journey-summary .total-distance, .summary-results.walking .journey-summary .total-distance { float: left; width: 100%; overflow: hidden; font-weight: bold; } .summary-results.cycling .journey-summary .journey-time, .summary-results.walking .journey-summary .journey-time { padding-bottom: 0; } .summary-results.cycling .journey-summary .cycle-walking-journey-summary, .summary-results.walking .journey-summary .cycle-walking-journey-summary { text-align: center; justify-content: center; } .summary-results.cycling .journey-summary .cycle-walking-journey-summary .cycle-walking-journey-info-group, .summary-results.walking .journey-summary .cycle-walking-journey-summary .cycle-walking-journey-info-group { justify-content: center; border-width: thin; border-color: #ccc; float: left; width: 50%; } .summary-results.cycling .journey-summary .cycle-walking-journey-summary .cycle-walking-journey-info-group.left, .summary-results.walking .journey-summary .cycle-walking-journey-summary .cycle-walking-journey-info-group.left { text-align: left; } .summary-results.cycling .journey-summary .cycle-walking-journey-summary .cycle-walking-journey-info-group.right, .summary-results.walking .journey-summary .cycle-walking-journey-summary .cycle-walking-journey-info-group.right { text-align: right; } .summary-results.cycling .journey-summary .cycle-walking-journey-summary .cycle-walking-journey-info, .summary-results.walking .journey-summary .cycle-walking-journey-summary .cycle-walking-journey-info { display: inline-block; padding: 0 3px; } .summary-results.cycling .journey-summary .cycle-walking-journey-summary .cycle-walking-journey-info .cycle-walking-journey-data, .summary-results.walking .journey-summary .cycle-walking-journey-summary .cycle-walking-journey-info .cycle-walking-journey-data { font-weight: bold; font-size: 25px; display: inline-block; vertical-align: initial; line-height: 100%; } .summary-results.cycling .journey-summary .cycle-walking-journey-summary .cycle-walking-journey-info .cycle-walking-journey-units, .summary-results.walking .journey-summary .cycle-walking-journey-summary .cycle-walking-journey-info .cycle-walking-journey-units { display: inline-block; font-size: 15px; vertical-align: initial; } .summary-results.cycling .journey-summary .cycle-walking-journey-summary .cycle-walking-journey-single, .summary-results.walking .journey-summary .cycle-walking-journey-summary .cycle-walking-journey-single { font-weight: bold; font-size: 15px; align-self: center; padding-top: 5px; } body.breakpoint-Large .summary-results.cycling .price-and-details, body.breakpoint-Large .summary-results.walking .price-and-details { display: none; } .summary-results.cycling .price-and-details .journey-price, .summary-results.walking .price-and-details .journey-price { display: none; } .summary-results.cycling .journey-details .walking-cycling-large-instructions-hide, .summary-results.walking .journey-details .walking-cycling-large-instructions-hide { margin-top: 10px; } .summary-results.walking .publictransport-box, .summary-results.walking .cycling-box { display: none; } .summary-results.walking button { cursor: default; } .summary-results .start-hidden { border-left: none; border-right: none; border-bottom: none; padding-top: 14px; } .summary-results .text-only { padding: 13px 15px; } .summary-results .journey-summary h4 { padding-left: 10px; } .summary-results .travel-info-box { padding: 14px 0px 14px 0px; } .summary-results .travel-info-box.walking { padding: 0; } .summary-results .travel-info-box.cycling { padding-bottom: 0; } .summary-results .travel-info-box.cycling.travel-info-box-bottom { padding: 0 0 14px 0; } .summary-results .time-boxes { padding: 17px 10px 17px 0px; } .summary-results .time-boxes .time-box { float: left; padding: 0; text-align: center; margin: 0 10px 0 10px; } .summary-results .time-boxes .time-box:first-child { margin-right: 7%; margin-left: 10px; } .summary-results .time-boxes .time-box .title { display: block; margin-bottom: 5px; color: #53595f; font-style: italic; font-size: 14px; line-height: 100%; } .summary-results .time-boxes .time-box .time { font-size: 20px; line-height: 100%; } .summary-results .time-boxes .time-box .time span { line-height: initial; } .summary-results .time-boxes.time-boxes-override .time-box:first-child { margin-right: 7%; margin-left: 7px; } .summary-results.jp-multiple-journey .wrapper .journey-box { margin-bottom: 20px; } .summary-results.jp-multiple-journey .wrapper .journey-box .content { margin-left: 0; } .summary-results.jp-multiple-journey .wrapper .journey-box .content .jp-multiple-journey-container { background: #fff; padding-bottom: 10px; } .summary-results.jp-multiple-journey .wrapper .journey-box .content .jp-multiple-journey-container .journey-summary { padding-top: 10px; padding-left: 15px; min-height: 52px; } .summary-results.jp-multiple-journey .wrapper .journey-box .content .jp-multiple-journey-container .journey-summary .jp-multiple-journey-type { float: left; margin-top: 0; margin-left: 0; font-size: 20px; color: black; } .summary-results.jp-multiple-journey .wrapper .journey-box .content .jp-multiple-journey-container .time-info { padding-left: 15px; } .summary-results.jp-multiple-journey .wrapper .journey-box .content .jp-multiple-journey-container .time-info .journey-steps { padding-left: 0; } .summary-results.jp-multiple-journey .wrapper .journey-box .content .jp-multiple-journey-container .time-info .journey-steps li:first-child { margin-left: 0; } .summary-results.jp-multiple-journey .wrapper .journey-box .content .jp-multiple-journey-container .time-info .journey-time { color: black; margin-right: 17px; font-size: 26px; position: relative; top: 28px; } .summary-results.jp-multiple-journey .wrapper .journey-box .content .jp-multiple-journey-container .time-info .time-box { margin: 0; padding: 0; width: auto; height: auto; color: black; } .summary-results.jp-multiple-journey .wrapper .journey-box .content .jp-multiple-journey-container .time-info .time-box.jp-multiple-journey-time-box-departure { clear: left; } .summary-results.jp-multiple-journey .wrapper .journey-box .content .jp-multiple-journey-container .time-info .time-box.jp-multiple-journey-time-box-arrival { clear: left; } .summary-results.jp-multiple-journey .wrapper .journey-box .content .jp-multiple-journey-container .time-info .time-box .time { font-size: 14px; float: left; color: #53595f; } .summary-results.jp-multiple-journey .wrapper .journey-box .content .jp-multiple-journey-container .time-info .time-box .title { float: left; } .summary-results.jp-multiple-journey .wrapper .journey-box .content .jp-multiple-journey-container .time-info .time-box .title:after { content: "\00a0 "; } .summary-results.jp-multiple-journey .wrapper .journey-box .content .jp-multiple-journey-container:hover { background: #eff6fd; } .summary-results .journey-time { float: right; line-height: 100%; } .summary-results .journey-fare { clear: left; float: left; margin: 0 10px; } .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 5px 10px 5px; width: auto; float: left; } .summary-results .journey-price { float: left; clear: both; padding: 10px; display: none; } .summary-results .primary-button { float: right; margin: 10px 10px 0 0; width: 130px; } .summary-results .disrupted p { padding: 5px 0; } .summary-results .journey-details { padding-top: 14px; padding-bottom: 14px; } .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; } .results-wrapper .journey-results.walking, .results-wrapper .journey-results.cycling { margin-right: 0; } .journey-results { margin-bottom: 10px; } .journey-results .summary-results .expandable-box.accessibility-detail .content { background-color: #eee; } .journey-results .summary-results .expandable-box.accessibility-detail .icon { float: left; min-width: 32px; margin-right: 10px; margin: -5px 10px 0px 0px; } .journey-results .summary-results .expandable-box.accessibility-detail details[open] > summary::after { content: ""; display: block; position: absolute; right: 5px; top: 9px; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; background-position: 0px -736px; } .body-cms-preview .journey-results .summary-results .expandable-box.accessibility-detail details[open] > summary::after { background-image: url("/static/1/images/vsprite.17114d90.png"); } .journey-results .summary-results .expandable-box.accessibility-detail.visually-hidden { display: none; } .journey-results .summary-results .expandable-box .icon { float: left; min-width: 32px; margin-right: 10px; margin: -5px 10px 0px 0px; } .journey-results .summary-results.fare-detail .fare-detail-content { white-space: nowrap; } .journey-results .summary-results.fare-detail .fare-detail-content .align-left { width: 80%; display: inline-block; text-align: left; vertical-align: top; } .journey-results .summary-results.fare-detail .fare-detail-content .align-right { width: 20%; display: inline-block; text-align: right; vertical-align: top; padding-right: 5px; } .journey-results .summary-results.fare-detail .fare-detail-content .fare-total { font-weight: bold; } .journey-results .summary-results.fare-detail .fare-detail-content > .fare-leg:first-child { margin-top: 0; } .journey-results .summary-results.fare-detail .fare-detail-content .fare-leg { padding-bottom: 20px; margin-top: 20px; border-bottom: 1px solid #ccc; } .journey-results .summary-results.fare-detail .fare-detail-content .fare-leg .fare-leg-cost { font-weight: bold; } .journey-results .summary-results.fare-detail .fare-detail-content .fare-leg .fare-leg-summary { white-space: normal; } .journey-results .summary-results.fare-detail .fare-detail-content .fare-leg .fare-leg-icon { display: inline-block; } .journey-results .summary-results.fare-detail .fare-detail-content .fare-leg .fare-leg-hopper { margin-top: 10px; width: 50%; white-space: normal; } .journey-results .summary-results.fare-detail .fare-detail-content .fare-caveats { margin-top: 20px; } .journey-results .summary-results.fare-detail .fare-detail-content .conditional-caveats { margin-top: 20px; } .journey-results .summary-results.fare-detail .fare-detail-content .fare-caveat { white-space: normal; } .journey-results .summary-results.fare-detail .fare-detail-content .show-hide-fare-caveats { cursor: pointer; color: #2070b0; } ul.journey-steps { margin-left: 0; margin-bottom: 0; padding-left: 0; height: 100%; display: inline-block; width: 100%; padding: 0px 5px 0px 10px; } ul.journey-steps li { display: inline-block; vertical-align: top; position: relative; list-style-type: none; } ul.journey-steps li .journey-step { display: inline-block; vertical-align: top; } 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 2596px; background-position: 0px -572px; height: 22px; width: 22px; display: block; height: 22px; width: 24px; z-index: 2; top: -4px; left: 8px; position: absolute; } ul.journey-steps li span.severe { background-size: 66px 2596px; background-position: -22px -572px; height: 22px; width: 22px; display: block; } ul.journey-steps .lines-horizontal { position: relative; width: 35px; height: 17px; top: 7px; left: 0; text-align: center; overflow: hidden; z-index: 3; } ul.journey-steps .lines-horizontal span { left: 1px; width: 100%; height: 6px; border: none; top: 6px; } ul.journey-steps .lines-horizontal span.national-rail { border-top: 1px solid #ef2721; border-bottom: 1px solid #ef2721; background: #fff; } ul.journey-steps .lines-horizontal span.liberty { border-top: 1px solid #61686b; border-bottom: 1px solid #61686b; background: #fff; } ul.journey-steps .lines-horizontal span.mildmay { border-top: 1px solid #006fe6; border-bottom: 1px solid #006fe6; background: #fff; } ul.journey-steps .lines-horizontal span.weaver { border-top: 1px solid #9b0058; border-bottom: 1px solid #9b0058; background: #fff; } ul.journey-steps .lines-horizontal span.windrush { border-top: 1px solid #dc241f; border-bottom: 1px solid #dc241f; background: #fff; } ul.journey-steps .lines-horizontal span.lioness { border-top: 1px solid #ffa600; border-bottom: 1px solid #ffa600; background: #fff; } ul.journey-steps .lines-horizontal span.suffragette { border-top: 1px solid #18a95d; border-bottom: 1px solid #18a95d; background: #fff; } ul.journey-steps .lines-horizontal span.walking { border-top: 4px dotted #2d3039; } ul.journey-steps .lines-horizontal span.cycle-easy { background: #6b2899; } ul.journey-steps .lines-horizontal span.cycle-moderate { background: #e409ab; } ul.journey-steps .lines-horizontal span.cycle-fast { background: #ff6600; } ul.journey-steps .lines-horizontal.multiple-lines span { display: block; position: static; } ul.journey-steps .lines-horizontal.multiple-lines-2 { top: 10px; } ul.journey-steps .lines-horizontal.multiple-lines-3 { top: 7px; } ul.journey-steps .tube-icon, ul.journey-steps .elizabeth-icon, ul.journey-steps .elizabeth-line-icon, ul.journey-steps .overground-icon, ul.journey-steps .dlr-icon { position: relative; } ul.journey-steps .tube-icon span, ul.journey-steps .elizabeth-icon span, ul.journey-steps .elizabeth-line-icon span, ul.journey-steps .overground-icon span, ul.journey-steps .dlr-icon span { display: block; height: 3px; width: 24px; left: 4px; position: absolute; top: auto; } ul.journey-steps .tube-icon span:first-child, ul.journey-steps .elizabeth-icon span:first-child, ul.journey-steps .elizabeth-line-icon span:first-child, ul.journey-steps .overground-icon span:first-child, ul.journey-steps .dlr-icon span:first-child { bottom: 0; } ul.journey-steps .tube-icon span:nth-child(2), ul.journey-steps .elizabeth-icon span:nth-child(2), ul.journey-steps .elizabeth-line-icon span:nth-child(2), ul.journey-steps .overground-icon span:nth-child(2), ul.journey-steps .dlr-icon span:nth-child(2) { bottom: 3px; } ul.journey-steps .tube-icon span:nth-child(3), ul.journey-steps .elizabeth-icon span:nth-child(3), ul.journey-steps .elizabeth-line-icon span:nth-child(3), ul.journey-steps .overground-icon span:nth-child(3), ul.journey-steps .dlr-icon span:nth-child(3) { bottom: 6px; } ul.journey-steps .tube-icon span:nth-child(4), ul.journey-steps .elizabeth-icon span:nth-child(4), ul.journey-steps .elizabeth-line-icon span:nth-child(4), ul.journey-steps .overground-icon span:nth-child(4), ul.journey-steps .dlr-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: 5px; background-color: #faf5e1; } table.journey-steps .time { display: none; padding-bottom: 4px; width: 60px; } 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: 20px; margin-left: 2.54%; margin-right: 2.54%; } .half-width-buttons .earlier { padding-left: 16px; float: left; } .half-width-buttons .earlier:before { content: ""; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; 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.17114d90.png"); } .half-width-buttons .later { margin-left: 0; padding-right: 16px; float: right; } .half-width-buttons .later:after { content: ""; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; 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.17114d90.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; } .selected .journey-details { display: block; } .selected table.journey-steps { display: none; } .access-information { padding: 10px 0 10px 50px; *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; z-index: 1; } .tooltip { display: block; position: absolute; background-color: #2d3039; color: #fff; visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -webkit-perspective: 0; padding: 2px 5px; top: 40px; font-size: 15px; font-family: Arial, Helvetica, sans-serif; } .tooltip:before { content: ""; position: absolute; top: -10px; left: 0; width: 0; height: 0; 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 { position: relative; display: block; } .journey-detail-step .start-location, .journey-detail-step .end-location { display: inline-block; font-size: 20px; padding-left: 55px; } .journey-detail-step .start-location .centred, .journey-detail-step .end-location .centred { display: inline-block; margin-right: 7px; margin-top: 4px; } .journey-detail-step .start-location .stop-location-description, .journey-detail-step .end-location .stop-location-description { font-size: 18px; } .journey-detail-step .start-location .stop-location-and-time .location-name, .journey-detail-step .end-location .stop-location-and-time .location-name { font-weight: bold; } .journey-detail-step .lines { height: 100%; width: 32px; } .journey-detail-step .lines.jp { padding-top: 32px; } .journey-detail-step.terminus .time-and-mode > div { height: 22px; margin-top: -11px; } .journey-detail-step.terminus .step-heading { z-index: 10; } .journey-detail-step .disruption-messages { width: 100%; overflow: hidden; } .journey-detail-step .instructions .accordion { margin-bottom: 10px; margin-top: 10px; } .journey-detail-step .instructions .description { padding: 5px 10px 0px 55px; font-size: 18px; margin-bottom: 10px; } .journey-detail-step .step-heading { position: relative; } .journey-detail-step .step-heading > .centred { position: absolute; margin-left: 10px; } .journey-detail-step .step-summary { display: none; } .journey-detail-step .time-and-mode { position: absolute; height: 100%; background: #fff; border: solid #ccc; border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; float: left; width: 63px; 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.walking-icon { margin-left: 14px; } .journey-detail-step .centred.footpaths-icon { margin-left: 16px; left: -4px; } .journey-detail-step h2 { padding: 5px 0 0; margin-left: 70px; line-height: 120%; } .journey-detail-step .details { position: relative; } .journey-detail-step .details .view-on-a-map-parent { margin-bottom: 0; padding-left: 10px; padding-bottom: 10px; } .journey-detail-step .details p.description.disrupted { background-color: #faf5e1; } .journey-detail-step .details p.duration, .journey-detail-step .details p.view-all-stops, .journey-detail-step .details p.view-text-directions { display: inline-block; padding: 5px 5px 0px 55px; margin-bottom: 10px; } .journey-detail-step .details p.view-all-stops { padding: 5px 5px 0px 5px; } .journey-detail-step .details p.view-text-directions { padding: 5px 5px 0px 5px; } .journey-detail-step .view-on-a-map { position: relative; padding-left: 55px; } .journey-detail-step .view-on-a-map.hide:after, .journey-detail-step #tubemap .view-on-a-map.map-banner:after, #tubemap .journey-detail-step .view-on-a-map.map-banner:after { background-position: 0px -608px; } .journey-detail-step .view-on-a-map { display: inline-block; } .journey-detail-step .view-on-a-map.show-all:after { background-position: 0px -608px; content: ""; position: absolute; top: 50%; left: 60px; margin-top: -16px; margin-right: -6px; } .journey-detail-step .view-on-a-map.map-showing { margin-bottom: 10px; } .line-status, .line-information { padding-bottom: 0; } .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; min-height: 65px; } .route-heading .route-heading { left: 32px; } .route-heading .route-heading.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 .stop { z-index: 2; } .route-heading .stops-wrapper .mode-icon, .route-heading .stops-wrapper .tube-lines { float: left; } .bus-branch { position: relative; background-color: #c33; } .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: #c33; 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 .tram .stop.interchange, .lines .docklands-light-railway .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; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; } .body-cms-preview .lines .step-free-to-platform, .body-cms-preview .lines .step-free-to-train { background-image: url("/static/1/images/vsprite.17114d90.png"); } .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 #ccc; border-bottom: 1px solid #ccc; padding: 15px; } .route-branch-heading + li .step-heading { margin-top: 10px; } .pattern-2 .lines { 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; top: 50%; margin-top: -2px; width: 5px; height: 4px; } .lines { position: absolute; width: 34px; height: 100%; top: 0; left: 10px; text-align: center; overflow: hidden; z-index: 3; } .lines span { display: inline-block; height: 100%; width: 6px; } .lines .stop { height: 4px; border-right: inherit; margin-top: 0px; } .lines .footpaths, .lines .footpath, .lines .walking { border-left: 6px dashed #2d3039; } .lines span[class^="cycle"] { margin-left: 3px; border-left: 3px solid; } .lines span.cycle-easy { border-left-color: #6b2899; } .lines span.cycle-moderate { border-left-color: #e409ab; } .lines span.cycle-fast { border-left-color: #ff6600; } .lines.jp span.shuttlebus { background: none; margin-left: 3px; border-left: 3px solid; border-left-color: #0019A8; } .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: #c33; } .lines .bus.shuttlebus, .lines .bus.shuttlebus, .lines .replacement-bus.shuttlebus { background-color: #0019A8; } .lines .hail-and-ride { margin-left: 4px; border-left: 4px dashed #c33; } .lines .overground { border-right: 1px solid #fa7b05; border-left: 1px solid #fa7b05; background: #fff; } .lines .overground.stop { border-top: 1px solid #fa7b05; border-bottom: 1px solid #fa7b05; } .lines .liberty { border-right: 1px solid #61686b; border-left: 1px solid #61686b; background: #fff; } .lines .liberty.stop { border-top: 1px solid #61686b; border-bottom: 1px solid #61686b; } .lines .mildmay { border-right: 1px solid #006fe6; border-left: 1px solid #006fe6; background: #fff; } .lines .mildmay.stop { border-top: 1px solid #006fe6; border-bottom: 1px solid #006fe6; } .lines .weaver { border-right: 1px solid #9b0058; border-left: 1px solid #9b0058; background: #fff; } .lines .weaver.stop { border-top: 1px solid #9b0058; border-bottom: 1px solid #9b0058; } .lines .windrush { border-right: 1px solid #dc241f; border-left: 1px solid #dc241f; background: #fff; } .lines .windrush.stop { border-top: 1px solid #dc241f; border-bottom: 1px solid #dc241f; } .lines .lioness { border-right: 1px solid #ffa600; border-left: 1px solid #ffa600; background: #fff; } .lines .lioness.stop { border-top: 1px solid #ffa600; border-bottom: 1px solid #ffa600; } .lines .suffragette { border-right: 1px solid #18a95d; border-left: 1px solid #18a95d; background: #fff; } .lines .suffragette.stop { border-top: 1px solid #18a95d; border-bottom: 1px solid #18a95d; } .lines .elizabeth-line, .lines .elizabeth { border-right: 1px solid #60399e; border-left: 1px solid #60399e; background: #fff; } .lines .elizabeth-line.stop, .lines .elizabeth.stop { border-top: 1px solid #60399e; border-bottom: 1px solid #60399e; } .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 #5fb526; border-left: 1px solid #5fb526; background: #fff; } .lines .tram.stop { border-top: 1px solid #5fb526; border-bottom: 1px solid #5fb526; } .lines .cablecar, .lines .cable-car { position: relative; width: 2px; background: #dc241f; } .lines .cablecar:before, .lines .cablecar:after, .lines .cable-car:before, .lines .cable-car:after { content: ""; position: absolute; background: #dc241f; 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.lines1 .stop { left: 18px; } .lines.lines2 .stop { right: 7px; } .lines.lines3 .stop { right: 4px; } .journey-time { font-weight: bold; font-size: 25px; } .journey-time .time-units { font-size: 15px; font-weight: normal; margin-left: 2px; vertical-align: baseline; line-height: 1%; } .cycling-walking-alternative { height: 100px; } #fullscreen-stage .full-map-container { height: 100%; margin-right: 0; } .full-map-container .overview-map { margin-bottom: 10px; border-bottom: 3px solid rgba(0, 0, 0, 0.2); position: absolute; left: -9999px; } .no-js .full-map-container .overview-map { display: none; } .full-results-container { margin: 0; background: #fff; } .full-results-container .start-hidden { padding: 5px 5px 5px 0px; } .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 30px 10px 55px; 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: 10px; z-index: 5; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; background-position: 0px -832px; } .body-cms-preview .disruption-messages .line-status .message-toggle:before, .body-cms-preview .disruption-messages .line-disruption .message-toggle:before { background-image: url("/static/1/images/vsprite.17114d90.png"); } .disruption-messages .line-status .message-toggle.severe:before, .disruption-messages .line-disruption .message-toggle.severe:before { background-position: -32px -832px; } .disruption-messages .line-information .message-toggle { position: relative; left: 45px; } .disruption-messages .line-information .message-toggle:after { right: -20px; margin-top: -16px; margin-right: -6px; } .disruption-messages .line-information .message-toggle:before { background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; background-position: -64px -1920px; position: absolute; content: ""; top: -7px; left: -40px; } .body-cms-preview .disruption-messages .line-information .message-toggle:before { background-image: url("/static/1/images/vsprite.17114d90.png"); } .disruption-messages .line-information .always-visible { cursor: default; } .disruption-messages .message-toggle:after { content: ""; position: absolute; top: 50%; margin-top: -16px; right: 5px; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; background-position: 0px -704px; } .body-cms-preview .disruption-messages .message-toggle:after { background-image: url("/static/1/images/vsprite.17114d90.png"); } .disruption-messages .expanded .message-toggle:after { background-position: 0px -736px; } .disruption-messages .content { margin-left: 0; background-color: transparent; } .disruption-messages .start-hidden { background-image: none; border: 0; background-color: transparent; } .jp-additional-info-text { padding-top: 10px; } .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.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; 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.17114d90.png"); } .showing-full-details .summary-results .auto-expand { display: none; } .showing-full-details .summary-results .auto-expand.show-me { display: none; } .showing-full-details .show-detailed-results { margin: 5px; width: auto; float: left; } .leg-map { height: 100%; } .overview-map { height: 100px; } .accessibility-details { margin-top: 15px; background: #eee; 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 #ccc; } .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 #ccc; 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-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; background-position: 0px -608px; top: -6px; right: -32px; } .body-cms-preview .accessibility-details .show-hide-links .hide-link:after { background-image: url("/static/1/images/vsprite.17114d90.png"); } .accessibility-details .show-hide-links .show-link { position: relative; margin-left: -32px; } .accessibility-details .show-hide-links .show-link:after { content: ""; position: absolute; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; background-position: 0px -672px; top: -6px; right: -32px; } .body-cms-preview .accessibility-details .show-hide-links .show-link:after { background-image: url("/static/1/images/vsprite.17114d90.png"); } .walking .accessibility-details, .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 #c2ddf7; 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.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; 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.17114d90.png"); } [data-current-location="true"] .tt-input { word-spacing: 25px; border: 1px solid #03071c; } .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; } .journey-planner-widget #plan-a-journey button.toggle-options.more-options { display: block; color: #2070b0; background: transparent; text-decoration: underline; border: none; } .journey-planner-widget #plan-a-journey button.toggle-options.more-options:hover { text-decoration: none; background: transparent; color: #2070b0; } .journey-planner-widget #plan-a-journey button.toggle-options.more-options:focus { text-decoration: none; background: transparent; color: #2070b0; } .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; } #plan-a-journey button.toggle-options.more-options, .toggle-options.less-options { display: block; color: #2070b0; background: transparent; text-decoration: none; border: none; } #plan-a-journey button.toggle-options.more-options:hover, .toggle-options.less-options:hover { text-decoration: none; background: transparent; color: #2070b0; } #plan-a-journey button.toggle-options.more-options:focus, .toggle-options.less-options:focus { text-decoration: none; background: transparent; color: #2070b0; } .showing-full-details .journey-planner-results .journey-results.no-map .summary-results { width: 33%; } .journey-planner-results .journey-results.jp-multiple-journey-results { margin-right: 2.54%; } .journey-planner-results .journey-results .disruption-messages .expandable-box .start-hidden { display: none; } .journey-planner-results .journey-results .expandable-box.suspended-box .button-padder { padding: 0 10px; width: 100%; overflow: hidden; } .journey-planner-results .journey-results .expandable-box.line-information { float: none; } .journey-planner-results .journey-results .expandable-box .expanded > .start-hidden { border-top: 0; border-right: 0; padding: 0; } .journey-planner-results .journey-results .expandable-box .expanded .travel-info-box { display: none; } .journey-planner-results .journey-results .expandable-box .journey-time { padding-right: 10px; padding-bottom: 0; position: relative; } .journey-planner-results .journey-results .expandable-box .content .earlier-later { display: none; } .journey-planner-results .journey-results .expandable-box .content.no-map .earlier-later { display: block; background: #fff; } .journey-planner-results .journey-results .expandable-box.line-information, .journey-planner-results .journey-results .expandable-box.line-disruption, .journey-planner-results .journey-results .expandable-box.line-status { margin-bottom: 10px; } .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: 0; } .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-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; background-position: -32px -704px; content: ""; top: 50%; position: absolute; margin-top: -16px; left: -7px; } .body-cms-preview .journey-planner-results .journey-results .expandable-box .controls:before { background-image: url("/static/1/images/vsprite.17114d90.png"); } .journey-planner-results .journey-results .expandable-box .expanded .controls:before { background-position: -32px -736px; } .journey-planner-results .journey-results .expandable-box .expanded > .suspended-docking-station-list.start-hidden { padding: 0px 14px 0px 14px; } .journey-planner-results .journey-results .walking .expandable-box .content { border-bottom: 3px solid #ccc; } .journey-planner-results .journey-results .cycling.not-cycle-hire .expandable-box:nth-child(3) .content { border-bottom: 3px solid #ccc; } .journey-planner-results .journey-results .disruption-messages .line-information.expandable-box { width: auto; } .journey-planner-results .journey-results .disruption-messages .line-information.expandable-box .content { width: 100%; } .journey-planner-results .journey-results .disruption-messages .expandable-box .content { border-bottom: 0; } .journey-planner-results .journey-results .oyster-validator-warning { position: relative; margin: 10px 0; background-color: #eff6fe; padding: 14px 25% 14px 55px; } .journey-planner-results .journey-results .oyster-validator-warning:after { content: ""; background-position: -32px -448px; position: absolute; left: 77%; top: 29%; } .jp-print-button { padding: 10px; margin-left: 33px; } .jp-print-button h4 { font-weight: normal; } .jp-print-button .print-button { max-width: 120px; float: left; } .jp-external-widget { background-position: 0px -640px; height: 22px; width: 28px; display: inline-block; margin-bottom: 5px; } .plan-a-journey-external { width: 100%; text-align: center; margin-bottom: 7px; } .widget-tfl-logo { margin-bottom: 5px; margin-top: -4px; } .summary-results .journey-summary ul.journey-steps li.cycle-text { width: 70%; } .summary-results .journey-summary ul.journey-steps li.cycle-text span { position: relative; color: #9f999b; } .summary-results .journey-summary ul.journey-steps li.cycle-text h4 { margin-bottom: 0; padding-left: 0; color: #000; } .summary-results .journey-summary ul.journey-steps li.cycle-text { width: 70%; } .summary-results .journey-summary ul.journey-steps li.cycle-text span { position: relative; color: #9f999b; } .summary-results .journey-summary ul.journey-steps li.cycle-text h4 { margin-bottom: 0; padding-left: 0; color: #000; } /* mobile journey overview map */ #fullscreen-stage .full-map-container .overview-map { margin-bottom: 0; border-bottom: 0; position: relative; left: 0; } #fullscreen-stage .full-map-container .speed-option { position: absolute; bottom: 32px; left: 10px; background: none; display: flex; max-width: 85%; z-index: 1; } #fullscreen-stage .full-map-container .speed-option .option-button { width: 100px; height: 40px; color: #2070b0; font-size: 16px; padding: 0; display: inline-block; text-align: center; -webkit-tap-highlight-color: transparent; background-color: #f3f3f3; transition: background-image, 0.3s; border: 1px solid #a8a8a8; border-bottom-width: 2px; -webkit-appearance: none; background: -webkit-linear-gradient(bottom, #f3f3f3 0%); } #fullscreen-stage .full-map-container .speed-option .option-button.btn-pressed, #fullscreen-stage .full-map-container .speed-option .option-button:hover { background-color: #dadada; border-bottom-width: 1px; border-top-width: 2px; border-top-color: #808080; } #fullscreen-stage .full-map-container .speed-option .option-button:focus { outline: 0; } #fullscreen-stage .full-map-container .speed-option .option-button.left { border-radius: 10px 0 0 10px; } #fullscreen-stage .full-map-container .speed-option .option-button.right { border-radius: 0 10px 10px 0; } #fullscreen-stage .full-map-container .speed-option .option-button.center { border-radius: 0; } #fullscreen-stage .full-map-container .summary-results.cycling .cycling-map-view { display: none; } #fullscreen-stage .full-map-container .summary-results.cycling .extra-cycle-info .accordion.basic { margin-bottom: 0px; } #fullscreen-stage .full-map-container .summary-results .expandable-box { width: 100%; padding-top: 0; } #fullscreen-stage .full-map-container .summary-results .expandable-box.suspended-box { display: none; } #fullscreen-stage .full-map-container .summary-results .expandable-box .content { border: none; margin: 0px; } #fullscreen-stage .full-map-container .summary-results .expandable-box .content .time-boxes { background: #fff; } #fullscreen-stage .full-map-container .summary-results .expandable-box .content .route-detail h4 { color: #fff; } #fullscreen-stage .full-map-container .summary-results .expandable-box .content .route-detail p { display: none; } #fullscreen-stage .full-map-container .summary-results .expandable-box .content .journey-summary { background: #fff; padding-bottom: 10px; } #fullscreen-stage .full-map-container .summary-results .expandable-box .content .journey-summary .journey-time { position: relative; margin-right: 15px; } #fullscreen-stage .full-map-container .summary-results .expandable-box .content .journey-summary .journey-time:after { background-position: 0px -640px; position: absolute; right: -16px; top: 18px; content: ""; } #fullscreen-stage .full-map-container .summary-results .expandable-box.cycling-box .content .journey-summary { border: none; } #fullscreen-stage .full-map-container .summary-results .expandable-box.cycling-box .content .route-detail { display: none; } #fullscreen-stage .full-map-container .summary-results .expandable-box.cycling-box .content .route-detail h4 { display: none; } .journey-planner-results .full-map-container #mobile_overview_map_options, #fullscreen-stage .full-map-container #mobile_overview_map_options { display: none; background: #2d3039; } .journey-planner-results .full-map-container #mobile_overview_map_options .expandable-box, #fullscreen-stage .full-map-container #mobile_overview_map_options .expandable-box { background: #2d3039; padding-top: 0; } .journey-planner-results .full-map-container #mobile_overview_map_options .expandable-box .content, #fullscreen-stage .full-map-container #mobile_overview_map_options .expandable-box .content { background: #2d3039; padding: 10px; border: none; } .journey-planner-results .full-map-container #mobile_overview_map_options .expandable-box .content .time-boxes, #fullscreen-stage .full-map-container #mobile_overview_map_options .expandable-box .content .time-boxes { background: #fff; } .journey-planner-results .full-map-container #mobile_overview_map_options .expandable-box .content .route-detail h4, #fullscreen-stage .full-map-container #mobile_overview_map_options .expandable-box .content .route-detail h4 { color: #fff; } .journey-planner-results .full-map-container #mobile_overview_map_options .expandable-box .content .route-detail p, #fullscreen-stage .full-map-container #mobile_overview_map_options .expandable-box .content .route-detail p { display: none; } .journey-planner-results .full-map-container #mobile_overview_map_options .expandable-box .content .journey-summary, #fullscreen-stage .full-map-container #mobile_overview_map_options .expandable-box .content .journey-summary { background: #fff; } .journey-planner-results .full-map-container #mobile_overview_map_options .expandable-box.cycling-box .content .journey-summary, #fullscreen-stage .full-map-container #mobile_overview_map_options .expandable-box.cycling-box .content .journey-summary { border: none; } .journey-planner-results .full-map-container #mobile_overview_map_options .button-row, #fullscreen-stage .full-map-container #mobile_overview_map_options .button-row { text-align: center; padding: 0 10px 15px 10px; } .journey-planner-results .full-map-container #mobile_overview_map_options .button-row button, #fullscreen-stage .full-map-container #mobile_overview_map_options .button-row button { display: inline-block; width: 130px; } .journey-planner-results .full-map-container #mobile_overview_map_options .button-row button.next, #fullscreen-stage .full-map-container #mobile_overview_map_options .button-row button.next { float: right; } .journey-planner-results .full-map-container #mobile_overview_map_options .button-row button.last, #fullscreen-stage .full-map-container #mobile_overview_map_options .button-row button.last { float: left; } .styled-checkbox2 { position: relative; } .styled-checkbox2 input[type="checkbox"] { margin-left: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .no-js .styled-checkbox2 input[type="checkbox"] { opacity: 1; } .styled-checkbox2 label { position: relative; padding-left: 15px; } .styled-checkbox2 label:before { position: absolute; left: -20px; top: 10px; content: ""; margin-top: -13px; line-height: 14px; height: 24px; width: 25px; border: 1px solid #ccc; background-color: #fff; } .styled-checkbox2 label.heading { display: inline; } .styled-checkbox2.ticked label:before { background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; background-position: -4px -772px; height: 24px; width: 25px; display: block; } .body-cms-preview .styled-checkbox2.ticked label:before { background-image: url("/static/1/images/vsprite.17114d90.png"); } .styled-checkbox2.focus label:before { border: 1px dashed #2070b0; } .powered-by-google .tt-dropdown-menu:after { display: block; content: url("/static/1/images/powered-by-google-on-white.png"); background-color: #ffffff; padding: 17px 6px 9px; } .powered-by-google .tt-dropdown-menu .tt-suggestion:first-child { border-top: none; } .modes-of-transport .input-helper { width: 100%; overflow: visible; position: relative; } .modes-of-transport .input-helper:last-child { border-bottom: 1px solid #ccc; } .cycling-walking-instruction-heading { font-size: 19px; color: #1a5a92; padding-top: 5px; padding-bottom: 2px; } .cycling-walking-instruction-heading:before { background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; content: ""; position: absolute; top: 10px; left: 10px; margin-right: -6px; } .body-cms-preview .cycling-walking-instruction-heading:before { background-image: url("/static/1/images/vsprite.17114d90.png"); } .cycling-walking-instruction-heading.shuttlebus { color: black; } .cycling-walking-instruction-heading.sign-none:before { background: none; } .cycling-walking-instruction-heading.sign-right:before { background-position: 0px -2336px; } .cycling-walking-instruction-heading.sign-left:before { background-position: -64px -2304px; } .cycling-walking-instruction-heading.sign-straight:before { background-position: -32px -2304px; } .cycling-walking-instruction-heading.sign-slight_right:before { background-position: 0px -2688px; } .cycling-walking-instruction-heading.sign-slight_left:before { background-position: -64px -2688px; } .cycling-walking-instruction-heading.sign-sharp_right:before { background-position: -32px -2688px; } .cycling-walking-instruction-heading.sign-sharp_left:before { background-position: 0px -2720px; } .cycling-walking-instruction-heading.cycling-route-type-1:before, .cycling-walking-instruction-heading.cycling-route-type-2:before { top: 5%; } .journey-detail-step .step-heading .time-and-mode .walking-icon.push-bike-step, .journey-detail-step .step-heading .time-and-mode .cycle-easy-icon.push-bike-step { width: 30px; height: 30px; top: 65%; } .journey-detail-step .stop-list { margin-bottom: 0; margin-left: 10px; } .journey-detail-step .stop-list hr { margin-left: 35px; margin-bottom: 5px; } .journey-detail-step .stop-list li:nth-child(odd) { background-color: transparent; } .journey-detail-step .stop-list .lines { top: 0px; left: 0px; } .journey-detail-step.route-heading { margin-left: 70px; } .journey-detail-step.route-heading .stop-list a.stop-link { padding: 10px 30px 10px 72px; width: 90%; } .journey-detail-step.route-heading .stop-list li:nth-child(odd) { background-color: #f7f7f7; } .journey-detail-step.route-heading .stop-list li:hover { background-color: #eff6fd; } .journey-detail-step.route-heading .lines { width: 60px; } .journey-detail-step.route-heading .lines span { margin-top: 0px; } .journey-detail-step.route-heading .start-location, .journey-detail-step.route-heading .end-location { padding-left: 0px; width: 100%; min-height: inherit; } .push-bike-container { margin-top: -6px; margin-left: -28px; z-index: 10; } .push-bike-stop-link-instruction-container { padding-bottom: 10px; } .push-bike-stop-link-instruction-container .ycling-walking-instruction-heading { padding-top: 10px; } .push-bike-stop-link-instruction-container .ycling-walking-instruction-heading:before { top: 11%; } .push-bike-stop-link-instruction-container .ycling-walking-instruction-heading.streetview-showing:before { top: 7%; } .mount-bike-stop-link-instruction-container { padding-bottom: 0; } .streetview-panorama-container { display: block; position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 9999; } .gm-iv-address-link { position: static !important; } .gm-iv-vertical-separator { height: 44px !important; } .close-streetview { position: absolute; top: 5px; z-index: 1100; right: 10px; } .show-all-hide-all-streetview { padding: 10px 0; padding-right: 30px; } .full-screen-streetview { display: block; position: absolute; right: 0; background-color: #fff; cursor: pointer; border: 1px solid #ccc; } .show-streetview-link { display: block; } .accordion-heading .cycling-legend { position: relative; display: inline-block; width: 8px; top: -8px; border: none; } .map-expand-button-icon.expand-map-icon.full-screen-streetview { margin-right: 5px; margin-top: 5px; } .no-overflow-jp { overflow-y: hidden; } .full-width { width: 100%; } .disruption-summary-container { margin-bottom: 10px; } .disruption-summary-container .line-status { padding-bottom: 10px; } .disruption-summary-container .line-status .message-toggle { padding-left: 70px; padding-bottom: 0; } .disruption-summary-container .line-status .message-toggle:after, .disruption-summary-container .line-status .message-toggle:not(:first-child):before { display: none; } .disruption-summary-container .line-status .message-toggle:before { left: 13px; top: 20px; } #hp-journeys-recents { padding-top: 10px; } #hp-journeys-recents .widget-heading { border: 1px solid #cacaca; } .publictransport .show-all-hide-all-streetview, .publictransport .show-streetview-link { display: none; } .stop-list .stop-link, .stop-list .show-all-hide-all-streetview { padding: 10px 30px 10px 44px; } .jp-secondary-button { width: auto; float: left; margin: 5px 5px 20px 0px; } /* Status alert */ .accordion .expandable-box.nested-accordion.status-alert { background-color: #faf5e1; } .accordion .expandable-box.nested-accordion.status-alert .accordion-heading { background-color: #faf5e1; padding: 14px 40px 14px 55px; border: none; } .accordion .expandable-box.nested-accordion.status-alert .accordion-heading:before { content: ""; position: absolute; top: 50%; margin-top: -16px; margin-left: 10px; left: 0px; z-index: 5; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; background-position: 0px -832px; } .body-cms-preview .accordion .expandable-box.nested-accordion.status-alert .accordion-heading:before { background-image: url("/static/1/images/vsprite.17114d90.png"); } .accordion .expandable-box.nested-accordion.status-alert .accordion-heading.severe:before { background-position: -32px -832px; } .accordion .expandable-box.nested-accordion.status-alert .start-hidden.disconnected-content { background-color: #faf5e1; padding: 16px 16px 16px 55px; } details > div { padding: 16px; } details > summary { cursor: pointer; list-style: none; } summary::-webkit-details-marker { display: none; } noscript .static-map { margin-left: 55px; padding: 10px 10px 10px 0; } #full-width-content .journey-busy-stations-information { clear: both; display: block; padding: 10px 50px; position: relative; background-color: #faf5e1; font-weight: bold; text-decoration: none; } #full-width-content .journey-busy-stations-information:hover { background-color: #f6eecb; } #full-width-content .journey-busy-stations-information:before { content: ""; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; background-position: 0px -832px; height: 32px; width: 32px; display: block; position: absolute; left: 10px; top: 10%; } .body-cms-preview #full-width-content .journey-busy-stations-information:before { background-image: url("/static/1/images/vsprite.17114d90.png"); } #full-width-content .journey-busy-stations-information:after { content: ""; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; background-position: -32px -1152px; height: 32px; width: 32px; display: block; position: absolute; right: 10px; top: 10%; } .body-cms-preview #full-width-content .journey-busy-stations-information:after { background-image: url("/static/1/images/vsprite.17114d90.png"); } .service-status-rainbow-board { margin-top: 10px; clear: both; } .service-status-rainbow-board .field-validation-error { margin-bottom: 10px; } .close-map-panel { background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; background-position: 0px -800px; float: right; margin-top: -10px; } .body-cms-preview .close-map-panel { background-image: url("/static/1/images/vsprite.17114d90.png"); } .status-map-wrapper { overflow: hidden; position: relative; top: 61px; } .lines-stations-tab { margin-bottom: 10px; } #status-map { opacity: 0.8; } .active-map #status-map { opacity: 1; } .panzoom-wrapper .active-map [data-map-type="interactive-schematic"]:not(.no-disruptions-on-map) { position: relative; } .panzoom-wrapper .active-map [data-map-type="interactive-schematic"]:not(.no-disruptions-on-map):after { position: absolute; bottom: 5px; left: 5px; padding: 5px; background-color: rgba(0, 0, 0, 0.8); color: #fff; } .panzoom-wrapper .active-map [data-map-type="interactive-schematic"]:not(.no-disruptions-on-map).coloured-disruptions:after { content: "Disruptions highlighted"; } .panzoom-wrapper .active-map [data-map-type="interactive-schematic"]:not(.no-disruptions-on-map).grey-disruptions:after { content: "Good service highlighted"; } #tubemap, #trammap, #cablecarmap, #rivermap { background-color: #f7f7f7; position: relative; } #tubemap.loading:after, #trammap.loading:after, #cablecarmap.loading:after, #rivermap.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-sliver.loading[data-map-purpose='nearby']:after, #tubemap.loading .loading-disruptions, #trammap.loading .throbber, #trammap.loading .map-sliver.loading[data-map-purpose='nearby']:after, #trammap.loading .loading-disruptions, #cablecarmap.loading .throbber, #cablecarmap.loading .map-sliver.loading[data-map-purpose='nearby']:after, #cablecarmap.loading .loading-disruptions, #rivermap.loading .throbber, #rivermap.loading .map-sliver.loading[data-map-purpose='nearby']:after, #rivermap.loading .loading-disruptions { display: block; position: absolute; top: 50%; left: 50%; margin-top: -35px; margin-left: -35px; z-index: 11; } #tubemap .throbber, #tubemap .map-sliver.loading[data-map-purpose='nearby']:after, #tubemap .loading-disruptions, #trammap .throbber, #trammap .map-sliver.loading[data-map-purpose='nearby']:after, #trammap .loading-disruptions, #cablecarmap .throbber, #cablecarmap .map-sliver.loading[data-map-purpose='nearby']:after, #cablecarmap .loading-disruptions, #rivermap .throbber, #rivermap .map-sliver.loading[data-map-purpose='nearby']:after, #rivermap .loading-disruptions { display: none; } #tubemap .map-options-panel, #trammap .map-options-panel, #cablecarmap .map-options-panel, #rivermap .map-options-panel { position: absolute; top: 0; right: 0; z-index: 2001; -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, .showing-map-panel #trammap .map-options-panel, .showing-map-panel #cablecarmap .map-options-panel, .showing-map-panel #rivermap .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, .active-map #trammap, .active-map #cablecarmap, .active-map #rivermap { 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; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; } .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%; } .rainbow-board.traffic { margin-top: 20; margin-bottom: 0; } .external-roads-widget { margin-top: 0 !important; display: inline !important; position: absolute; top: 87px; } .external-roads-widget .scrolling { overflow-y: scroll; } .external-status-board-widget-extra-links { position: absolute; width: 100%; bottom: 0; } .external-status-board-widget-extra-links .link-button { margin-bottom: 0; } .external-roads-widget table { margin-bottom: 80px; } .external-roads-widget-logo img { padding-bottom: 10px; } .external-widget-logo img { padding-bottom: 10px; } .status-board-widget { padding: 0 0 10px 0; } .status-board-widget .widget-logo { border-bottom: 1px solid #cacaca; } .status-board-widget .widget-info { margin: 0 10px; } .status-board-widget .widget-info h1 { font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: bold; font-size: 15px; margin: 15px 0 5px 0; } .status-board-widget .widget-info p { font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 15px; margin: 5px 0 15px 0; } .status-board-widget .status-board-widget-content { margin: 0 10px; overflow: auto; overflow-x: hidden; } .status-board-widget .status-board-widget-content .rainbow-list-wrapper { display: block; margin: 0; } .status-board-widget .status-board-widget-content .rainbow-list-wrapper h2 { display: none; } .status-board-widget .status-board-widget-content .rainbow-list-wrapper .good-service-link { border-bottom: 0; } .status-board-widget .status-board-widget-content .rainbow-list-wrapper .link-button { margin: 0; } .status-board-widget .status-board-widget-content .rainbow-list-wrapper .night-tube-banner { border-width: 0; } .status-board-widget .status-board-widget-content .rainbow-list-wrapper .night-tube-banner strong { font-size: 16px; } .status-board-widget .status-board-widget-content .rainbow-list-wrapper .service-name { font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 15px; font-weight: bold; } .status-board-widget .status-board-widget-content .rainbow-list-wrapper .disruption-summary { font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 15px; } .status-board-widget .status-board-widget-content .rainbow-list-wrapper .link-button { font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 15px; border-top: 0; border-right: 0; border-left: 0; } .external-status-updates-widget-logo { background: #fff; width: 100%; font-size: 14px; font-family: Arial; margin-top: -10px; margin-bottom: 10px; } .external-roads-widget-logo { position: fixed; z-index: 1000; background: #fff; width: 100%; height: 87px; padding: 10px; margin-top: -22px; } .external-roads-widget-logo-time { font-family: Arial; font-size: 15px; line-height: 12px !important; margin-bottom: 0 !important; } .external-roads-widget-title { line-height: 16px !important; padding-bottom: 10px; font-size: 21px; margin-bottom: 0 !important; text-transform: uppercase; } .nearby-roads-button .nearby-icon { display: inline-block; margin: -4px 3px; } .fav-service-status-rainbow-board .visible, .service-status-rainbow-board .visible { display: block; } .fav-service-status-rainbow-board tr.visible, .service-status-rainbow-board tr.visible { display: table-row; } .fav-service-status-rainbow-board .disruption-message, .service-status-rainbow-board .disruption-message { padding: 10px; border-top: 1px dotted #cacaca; } .fav-service-status-rainbow-board .status-board-table [data-line-class], .fav-service-status-rainbow-board .status-board-table [data-station-class], .service-status-rainbow-board .status-board-table [data-line-class], .service-status-rainbow-board .status-board-table [data-station-class] { cursor: pointer; } .fav-service-status-rainbow-board .vertical-button-container, .service-status-rainbow-board .vertical-button-container { margin-top: 0; 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 div.disruption-info { padding: 0; } .road-disruption .map-panel-heading { cursor: pointer; } .road-disruption .location { cursor: pointer; background: #eee; min-height: 68px; position: relative; padding-left: 15px; } .road-disruption .location h3 { margin-bottom: 0; } .road-disruption .location h4 { font-weight: normal; margin-bottom: 0; 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 { 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; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; } .body-cms-preview .road-disruption .severity:after { background-image: url("/static/1/images/vsprite.17114d90.png"); } .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 .severity.Closure:after { background-position: 0px -1408px; } .road-disruption .disruption-info { border: 1px solid #cacaca; position: relative; *zoom: 1; } .road-disruption .disruption-info h3 { margin: 15px 0 0 15px; vertical-align: baseline; font-size: 15px; } .road-disruption .disruption-info h3 span { font-weight: normal; } .road-disruption .disruption-info .highlight { background-color: #faf5e1; margin-bottom: 3px; padding: 7px 15px; } .road-disruption .disruption-info .highlight span.right { float: right; } .road-disruption .disruption-info .updated { color: #666; margin-bottom: 10px; display: block; } .road-disruption .disruption-info .affected-roads { list-style: none; font-size: 15px; margin-bottom: 10px; margin-left: 0; padding: 0 15px; } .road-disruption .disruption-info p { margin-bottom: 15px; padding: 0 15px; } .road-disruption .disruption-info .padded-text { display: block; padding: 0 15px; } .road-disruption .disruption-info pre { margin-bottom: 15px; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; padding: 0 15px; } .road-disruption .disruption-info .padded-button-container { min-height: 50px; margin-bottom: 10px; padding: 0 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; } .map-panel-info .road-disruption .disruption-info .vertical-button-container.jamcams { display: block; float: right; } #toggle-panel-status-map { top: 10px; right: 10px; z-index: 10; } .active-map.stage-active #toggle-panel-status-map { top: 50px; z-index: 1001; } #tubemap.strike-on #toggle-panel-status-map { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } #fullscreen-stage.strike-on .close-fullscreen-stage { top: 50px; } #fullscreen-stage.strike-on #toggle-panel-status-map { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .lines-stations-tab { margin-bottom: 10px; } .jam-cam-wrapper { text-align: center; 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; } .jam-cam-wrapper video { width: 100%; } .roads-map-panel { margin-bottom: 20px; } .topmargin { margin-top: 15px; } .stage-active #roadmap .no-disruptions-panel { z-index: 1; margin-left: -125px; margin-top: -55px; padding: 10px; display: block; } .status-update-heading .headline-container { border: none; } .status-update-heading .headline-container.content-page { margin-bottom: 0; } .status-update-heading .modes-dropdown-placeholder h2 { font-size: 20px; } .status-update-heading .modes-dropdown-placeholder li > a { padding-left: 10px; padding-right: 10px; } .status-update-heading .dropdowns-wrap { border: none; } .status-update-heading .dropdowns-wrap h2 { line-height: 16px; font-weight: normal; padding: 0 0 20px 0; } .status-update-heading .for-dropdown .links-list { margin-top: 0; top: auto; padding-bottom: 10px; } .status-update-heading .for-dropdown .dropdown-button:before { content: attr(data-list-header); } .status-update-heading .for-dropdown .dropdown-button span { display: none; } .status-update-heading li { position: relative; } .status-update-heading li.selected { background: #f7f7f7; padding-left: 35px; } .status-update-heading li.selected:before { content: ""; position: absolute; top: 50%; margin-top: -16px; left: 5px; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; background-position: 0px -768px; } .body-cms-preview .status-update-heading li.selected:before { background-image: url("/static/1/images/vsprite.17114d90.png"); } .status-update-heading li.selected > span { font-weight: bold; color: #2d3039; } .status-update-heading li.selected > a, .status-update-heading li.selected .date-wrap { font-weight: bold; color: #2d3039; background-color: transparent; } .status-update-heading li.not-selected { background: #fff; } .status-update-heading li.not-selected .date-wrap { padding-left: 0; } .status-update-heading li > a { padding-left: 10px; padding-right: 10px; color: #2070b0; } .status-update-heading li > a .right-arrow { display: none; } .status-update-heading li > a span { margin: 0; } .status-update-heading .date-dropdown-placeholder h2 { font-size: 16px; text-align: right; position: absolute; left: 0; top: 13px; } .status-update-heading .date-dropdown-placeholder .dropdown-button { width: 50%; margin-left: 50%; } .status-update-heading .date-dropdown-placeholder .links-list { border-top: 1px solid #cacaca; } .status-update-heading .date-dropdown-placeholder li:nth-child(3) { border-bottom: 4px solid #cacaca; } .status-update-heading .date-dropdown-placeholder li:last-child.selected { padding-left: 0; background: #eff6fe; } .status-update-heading .date-dropdown-placeholder li:last-child.selected:before { background: none; } .status-update-heading .date-dropdown-placeholder li:last-child.selected .date-wrap { position: relative; padding-left: 35px; } .status-update-heading .date-dropdown-placeholder li:last-child.selected .date-wrap:before { content: ""; position: absolute; top: 50%; margin-top: -16px; left: 0; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; background-position: 0px -768px; } .body-cms-preview .status-update-heading .date-dropdown-placeholder li:last-child.selected .date-wrap:before { background-image: url("/static/1/images/vsprite.17114d90.png"); } .status-update-heading .date-dropdown-placeholder .date-wrap { padding: 10px 32px 9px 10px; background: #eff6fe; } .status-update-heading .date-dropdown-placeholder .fc-calendar-wrapper.hidden { display: block; } .status-update-heading .date-dropdown-placeholder .fc-calendar-wrapper .current-month, .status-update-heading .date-dropdown-placeholder .fc-calendar-wrapper .fc-head { font-weight: bold; } .no-js .status-update-heading .date-dropdown-placeholder { display: none; } .no-js .links-list.status-updates .date-wrap { margin-bottom: 5px; } .no-js .links-list.status-updates .date-wrap .dropdown-name { color: #000; font-weight: normal; } .no-js .links-list.status-updates li { border-right: 1px solid #cacaca; margin-left: 0; margin-right: 0; padding: 0 10px; } .no-js .links-list.status-updates li:last-child { border: none; } .no-js .links-list.status-updates li.selected { background: #eee; } .no-js .links-list.status-updates li.selected .dropdown-name { font-weight: bold; color: #000; padding: 10px; } .no-js .links-list.status-updates li:nth-child(3) { margin-bottom: 10px; border: none; } .no-js .links-list.status-updates .advance-month-container { margin-bottom: 10px; } .no-js .links-list.status-updates .advance-month-container > a, .no-js .links-list.status-updates .advance-month-container > span { float: left; display: block; border-right: 1px solid #cacaca; padding: 0 10px; } .no-js .links-list.status-updates .advance-month-container > :first-child { padding-left: 0; } .no-js .links-list.status-updates .date-link-container { clear: left; margin-left: -15px; } .no-js .links-list.status-updates .date-link-container .date-link { padding: 5px 15px; } .no-js .links-list.status-updates .date-link-container .date-link .selected-date { font-weight: bold; background: #eee; } .links-list.modes-list.status-updates .no-js .links-list li:nth-child(3) { margin-bottom: 5px; } .night-tube-banner { color: white; background-color: #33547A; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 10px; margin: -1px -1px 0; } .night-tube-banner:after { content: ""; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; background-position: -64px -3072px; float: right; margin-top: -5px; } .body-cms-preview .night-tube-banner:after { background-image: url("/static/1/images/vsprite.17114d90.png"); } .night-tube-banner.night strong { font-weight: normal; font-size: 17px; } .service-board-collapsed .night-wrapper .rainbow-list .good-service-link { border-bottom: 0; } .service-board-collapsed .night-wrapper .rainbow-list .rainbow-list-item.disrupted { border-top: 1px solid #ccc; } .fav-panel-save-container { display: block; text-align: right; float: right; width: 150px; } .fav-panel-save-container .fav-panel-save-container-inner { position: relative; top: 0px; left: 0px; right: 110px; bottom: 0px; cursor: pointer; } .fav-panel-save-container .fav-panel-save-container-inner a { position: absolute; right: 0; height: 40px; width: 127px; } .fav-panel-save-container .fav-panel-save-container-inner a .align-text { top: 9px; position: relative; vertical-align: baseline; } .fav-panel-save-container .fav-panel-save-container-inner button { right: 0; height: 40px; border: none; background: transparent; } .fav-panel-save-container .fav-panel-save-container-inner button:hover { text-decoration: underline; } .fav-panel-save-container .fav-panel-save-container-inner:before { content: ""; position: absolute; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; background-position: -32px -3136px; right: 108px; top: 3px; } .body-cms-preview .fav-panel-save-container .fav-panel-save-container-inner:before { background-image: url("/static/1/images/vsprite.17114d90.png"); } .fav-panel-save-roads-container { position: relative; height: 58px; padding: 10px 0; } .fav-panel-save-roads-container .fav-panel-save-roads-container-inner { margin-left: auto; margin-right: auto; position: absolute; right: 110px; top: auto; left: auto; cursor: pointer; } .fav-panel-save-roads-container .fav-panel-save-roads-container-inner a { right: -110px; height: 40px; width: 130px; position: absolute; } .fav-panel-save-roads-container .fav-panel-save-roads-container-inner a .align-text { right: -27px; position: relative; vertical-align: baseline; top: 11px; } .fav-panel-save-roads-container .fav-panel-save-roads-container-inner button { top: 6px; width: 110px; position: absolute; height: 32px; border: none; background: transparent; } .fav-panel-save-roads-container .fav-panel-save-roads-container-inner button:hover { text-decoration: underline; } .fav-panel-save-roads-container .fav-panel-save-roads-container-inner:before { content: ""; position: absolute; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; background-position: -32px -3136px; right: 3px; top: 6px; } .body-cms-preview .fav-panel-save-roads-container .fav-panel-save-roads-container-inner:before { background-image: url("/static/1/images/vsprite.17114d90.png"); } .personalisation-active .aside .service-status-rainbow-board .search-filter { margin-bottom: 0; } .personalisation-inactive .fav-panel-save-container, .personalisation-inactive .fav-panel-save-roads-container { display: none; } .r-override-su .aside { position: relative; } .r-override-su .aside .tabs-style-2 { margin-bottom: 20px; float: left; } .r-override-su .su-search.tube\,dlr\,overground\,elizabeth-line\,tram { margin-top: 32px; } .map-banner { height: 41px; padding: 10px; background-color: #2d3039; color: #ffffff; position: absolute; top: 0px; width: 100%; } #home-status-updates-default .expandable-box .start-hidden { padding: 10px 0 10px 0; } .tflgo-promo { margin-top: 20px; } .tflgo-promo .tflgo-promo-img img { width: 100%; border-radius: 16px; margin-bottom: 32px; } .tflgo-promo .tflgo-textcontent { min-height: 65px; } .tflgo-promo .tflgo-textcontent p { line-height: 120%; margin-bottom: 0; } .tflgo-promo .social-button { min-width: 75px; display: table; clear: both; margin-top: 10px; } .tflgo-promo .social-button .secondary-button { color: #2070b0; } .tflgo-promo .social-button .secondary-button:hover, .tflgo-promo .social-button .secondary-button:focus { text-decoration: none; background-color: #E6E5E5; color: #113b92; } .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 .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: #b26300; } .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: #ffc80a; } .station-details .lines-status .no-disruption:hover td.district, .station-details .lines-status .no-disruption:focus td.district { background-color: #007d32; } .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: #f589a6; } .station-details .lines-status .no-disruption:hover td.jubilee, .station-details .lines-status .no-disruption:focus td.jubilee { background-color: #838d93; } .station-details .lines-status .no-disruption:hover td.metropolitan, .station-details .lines-status .no-disruption:focus td.metropolitan { background-color: #9b0058; } .station-details .lines-status .no-disruption:hover td.northern, .station-details .lines-status .no-disruption:focus td.northern { background-color: #000000; } .station-details .lines-status .no-disruption:hover td.overground, .station-details .lines-status .no-disruption:focus td.overground { background-color: #fa7b05; } .station-details .lines-status .no-disruption:hover td.liberty, .station-details .lines-status .no-disruption:focus td.liberty { background-color: #61686b; } .station-details .lines-status .no-disruption:hover td.mildmay, .station-details .lines-status .no-disruption:focus td.mildmay { background-color: #006fe6; } .station-details .lines-status .no-disruption:hover td.weaver, .station-details .lines-status .no-disruption:focus td.weaver { background-color: #9b0058; } .station-details .lines-status .no-disruption:hover td.windrush, .station-details .lines-status .no-disruption:focus td.windrush { background-color: #dc241f; } .station-details .lines-status .no-disruption:hover td.lioness, .station-details .lines-status .no-disruption:focus td.lioness { background-color: #ffa600; } .station-details .lines-status .no-disruption:hover .suffragette, .station-details .lines-status .no-disruption:focus .suffragette { background-color: #18a95d; } .station-details .lines-status .no-disruption:hover td.elizabeth-line, .station-details .lines-status .no-disruption:hover td.elizabeth, .station-details .lines-status .no-disruption:focus td.elizabeth-line, .station-details .lines-status .no-disruption:focus td.elizabeth { background-color: #60399e; } .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: #039be5; } .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.tram1, .station-details .lines-status .no-disruption:focus td.tram1 { background-color: #c6d834; } .station-details .lines-status .no-disruption:hover td.tram2, .station-details .lines-status .no-disruption:focus td.tram2 { background-color: #c6d834; } .station-details .lines-status .no-disruption:hover td.tram3, .station-details .lines-status .no-disruption:focus td.tram3 { background-color: #79c23f; } .station-details .lines-status .no-disruption:hover td.tram4, .station-details .lines-status .no-disruption:focus td.tram4 { background-color: #336b14; } .station-details .lines-status .no-disruption:hover td.rb1, .station-details .lines-status .no-disruption:focus td.rb1 { background-color: #2d3039; } .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: #df64b0; } .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.thames-river-services, .station-details .lines-status .no-disruption:focus td.thames-river-services { background-color: #242884; } .station-details .lines-status .no-disruption:hover td.circular-cruise-westminster, .station-details .lines-status .no-disruption:focus td.circular-cruise-westminster { background-color: #3da12f; } .station-details .lines-status .no-disruption:hover td.thames-river-boat, .station-details .lines-status .no-disruption:focus td.thames-river-boat { background-color: #e3a700; } .station-details .lines-status .no-disruption:hover td.turk-launches, .station-details .lines-status .no-disruption:focus td.turk-launches { background-color: #003f7e; } .station-details .lines-status .no-disruption:hover td.woolwich-ferry, .station-details .lines-status .no-disruption:focus td.woolwich-ferry { background-color: #f28709; } .station-details .lines-status .no-disruption:hover td.cable-car, .station-details .lines-status .no-disruption:focus td.cable-car { background-color: #dc241f; } .station-details .lines-status .no-disruption:hover td.rb1x, .station-details .lines-status .no-disruption:focus td.rb1x { background-color: #094673; } #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; } .redirect-screen { height: 100%; left: 0; padding: 20px; top: 0; width: 100%; z-index: 16; } .redirect-screen:after { background-image: none; } .redirect-screen .taking-you-to { display: block; font-size: 17px; margin-bottom: 10px; } .redirect-screen .hero-headline a:link, .redirect-screen .hero-headline a:active, .redirect-screen .hero-headline a:visited { line-height: 120%; } .redirect-screen .hero-headline a:hover { text-decoration: underline; } .night-tube-info-banner { background-color: #eee; margin-bottom: 20px; border-bottom: 3px solid rgba(0, 0, 0, 0.2); padding: 10px 10px 5px 10px; } .global-warning-middle-icon.night-tube-line-not-night-tube-station { margin-bottom: 0; height: 44px; padding-top: 10px; } .non-tfl-stop { margin-bottom: 20px; display: block; } .shuttlebus-information { clear: both; padding: 10px 50px; position: relative; background-color: #e6f6de; font-weight: normal; text-decoration: none; margin-bottom: 10px; } .shuttlebus-information:hover { background-color: #c4d3bc; } .shuttlebus-information:before { content: ""; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; background-position: -32px -3712px; height: 32px; width: 32px; display: block; position: absolute; left: 10px; top: 5%; } .body-cms-preview .shuttlebus-information:before { background-image: url("/static/1/images/vsprite.17114d90.png"); } .shuttlebus-information:after { content: ""; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; background-position: -32px -1152px; height: 32px; width: 32px; display: block; position: absolute; right: 10px; top: 5%; } .body-cms-preview .shuttlebus-information:after { background-image: url("/static/1/images/vsprite.17114d90.png"); } .shuttlebus-information .shuttlebus-description { display: inline-block; color: #000000; text-decoration: none; padding: 10px 0; margin: 0; } .shuttlebus-information.hidden { display: none; } .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 #ccc; border-right: 1px solid #ccc; } .fares-table thead tr { background-color: #fff; border-bottom: 1px solid #eee; } .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; } .travelcards-and-caps-results { margin-bottom: 20px; } .travelcards-and-caps .grouped-info-container { margin-bottom: 20px; display: inline-block; } .travelcards-and-caps .grouped-info-container p { margin-bottom: 0; } .travelcards-and-caps .selector span { box-shadow: none; } .travelcards-and-caps .summary-row { margin-bottom: 5px; } .travelcards-and-caps .summary-row span.label { float: left; width: 120px; } .travelcards-and-caps .summary-row strong { display: block; } .travelcards-and-caps td.price { width: 10%; } .travelcards-and-caps td.fare-type { width: 33%; } .travelcards-and-caps-tabs .tabs-style-2 { padding: 10px 0px 0px 0px; margin-bottom: 25px; } .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; } .top-banner-advert { overflow: hidden; } .top-banner-advert .large .adform-adbox-static-L { margin: 0 auto; } .top-banner-advert .advertisement-label { color: #eee; background-color: transparent; text-align: center; font-size: 12px; margin: 2px 0 1px; display: block; } .advert-tile.google-ads .advert-link { padding-bottom: 0; } .advert-tile.google-ads .advert-content { max-height: none; transform: none; } .no-js .top-banner-advert { display: none; } .top-banner-advert { position: relative; } .top-banner-advert .medium, .top-banner-advert .large { position: relative; } .top-banner-advert .medium .advertisement-label, .top-banner-advert .large .advertisement-label { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); height: 0; margin: 0; position: absolute; top: 50%; width: 100%; } .top-banner-advert .medium .advertisement-label { right: -383px; } .top-banner-advert .large .advertisement-label { right: -504px; } .top-banner-advert { display: none; } .spider-maps-wrapper .advert-link { display: flex; } .bottom-advert { position: fixed; z-index: 10; bottom: 0; left: 0; right: 0; background: transparent; text-align: center; font-size: 12px; } .close-ad-button { float: right; vertical-align: bottom; margin-bottom: 2px; padding-right: 2%; } .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, #trammap, #cablecarmap, #rivermap { /*Station names*/ /*heathrow arrows*/ /*end heathrow arrows*/ /*cablecar*/ /*end cablecar*/ } #tubemap text, #tubemap tspan, #trammap text, #trammap tspan, #cablecarmap text, #cablecarmap tspan, #rivermap text, #rivermap tspan { font-size: 4.3px; text-rendering: geometricPrecision; } #tubemap.night text, #tubemap.night tspan, #trammap.night text, #trammap.night tspan, #cablecarmap.night text, #cablecarmap.night tspan, #rivermap.night text, #rivermap.night tspan { font-size: 18.2px; } #tubemap.night svg.coloured-disruptions #interchange-circles g[id*="lul-"] line ~ path, #trammap.night svg.coloured-disruptions #interchange-circles g[id*="lul-"] line ~ path, #cablecarmap.night svg.coloured-disruptions #interchange-circles g[id*="lul-"] line ~ path, #rivermap.night svg.coloured-disruptions #interchange-circles g[id*="lul-"] line ~ path { stroke: #eee !important; stroke-width: 5.18px !important; } #tubemap.night svg.coloured-disruptions #interchange-circles > path:not(.disrupted), #trammap.night svg.coloured-disruptions #interchange-circles > path:not(.disrupted), #cablecarmap.night svg.coloured-disruptions #interchange-circles > path:not(.disrupted), #rivermap.night svg.coloured-disruptions #interchange-circles > path:not(.disrupted) { stroke: #eee !important; stroke-width: 5.18px !important; } #tubemap.night svg.grey-disruptions #interchange-circles g[id*="lul-"] line ~ path, #trammap.night svg.grey-disruptions #interchange-circles g[id*="lul-"] line ~ path, #cablecarmap.night svg.grey-disruptions #interchange-circles g[id*="lul-"] line ~ path, #rivermap.night svg.grey-disruptions #interchange-circles g[id*="lul-"] line ~ path { stroke: black !important; } #tubemap #s-940gzzlutwh_fenchurch-street_3_, #tubemap #hubtog_fenchurch-street, #trammap #s-940gzzlutwh_fenchurch-street_3_, #trammap #hubtog_fenchurch-street, #cablecarmap #s-940gzzlutwh_fenchurch-street_3_, #cablecarmap #hubtog_fenchurch-street, #rivermap #s-940gzzlutwh_fenchurch-street_3_, #rivermap #hubtog_fenchurch-street { font-size: 2.5px; } #tubemap .grey-disruptions, #trammap .grey-disruptions, #cablecarmap .grey-disruptions, #rivermap .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), #trammap .grey-disruptions #interchange-circles g.disrupted circle:not(.white-fill), #trammap .grey-disruptions #interchange-circles g.disrupted rect:not(.white-fill), #trammap .grey-disruptions #interchange-circles g.disrupted path:not(.white-fill), #cablecarmap .grey-disruptions #interchange-circles g.disrupted circle:not(.white-fill), #cablecarmap .grey-disruptions #interchange-circles g.disrupted rect:not(.white-fill), #cablecarmap .grey-disruptions #interchange-circles g.disrupted path:not(.white-fill), #rivermap .grey-disruptions #interchange-circles g.disrupted circle:not(.white-fill), #rivermap .grey-disruptions #interchange-circles g.disrupted rect:not(.white-fill), #rivermap .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), #trammap .grey-disruptions #interchange-circles g[id] g.disrupted circle:not(.white-fill), #trammap .grey-disruptions #interchange-circles g[id] g.disrupted rect:not(.white-fill), #trammap .grey-disruptions #interchange-circles g[id] g.disrupted path:not(.white-fill), #cablecarmap .grey-disruptions #interchange-circles g[id] g.disrupted circle:not(.white-fill), #cablecarmap .grey-disruptions #interchange-circles g[id] g.disrupted rect:not(.white-fill), #cablecarmap .grey-disruptions #interchange-circles g[id] g.disrupted path:not(.white-fill), #rivermap .grey-disruptions #interchange-circles g[id] g.disrupted circle:not(.white-fill), #rivermap .grey-disruptions #interchange-circles g[id] g.disrupted rect:not(.white-fill), #rivermap .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'], #trammap .grey-disruptions #interchange-circles > g.disrupted circle[stroke='#1C3F94'], #trammap .grey-disruptions #interchange-circles > g[id] > g.disrupted circle[stroke='#1C3F94'], #cablecarmap .grey-disruptions #interchange-circles > g.disrupted circle[stroke='#1C3F94'], #cablecarmap .grey-disruptions #interchange-circles > g[id] > g.disrupted circle[stroke='#1C3F94'], #rivermap .grey-disruptions #interchange-circles > g.disrupted circle[stroke='#1C3F94'], #rivermap .grey-disruptions #interchange-circles > g[id] > g.disrupted circle[stroke='#1C3F94'] { stroke: #eee; } #tubemap .white-fill, #trammap .white-fill, #cablecarmap .white-fill, #rivermap .white-fill { fill: #fff !important; } #tubemap .coloured-disruptions, #trammap .coloured-disruptions, #cablecarmap .coloured-disruptions, #rivermap .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), #tubemap .coloured-disruptions #interchange-circles g:not(.disrupted) ellipse:not(.white-fill), #trammap .coloured-disruptions #interchange-circles g:not(.disrupted) circle:not(.white-fill), #trammap .coloured-disruptions #interchange-circles g:not(.disrupted) rect:not(.white-fill), #trammap .coloured-disruptions #interchange-circles g:not(.disrupted) path:not(.white-fill), #trammap .coloured-disruptions #interchange-circles g:not(.disrupted) ellipse:not(.white-fill), #cablecarmap .coloured-disruptions #interchange-circles g:not(.disrupted) circle:not(.white-fill), #cablecarmap .coloured-disruptions #interchange-circles g:not(.disrupted) rect:not(.white-fill), #cablecarmap .coloured-disruptions #interchange-circles g:not(.disrupted) path:not(.white-fill), #cablecarmap .coloured-disruptions #interchange-circles g:not(.disrupted) ellipse:not(.white-fill), #rivermap .coloured-disruptions #interchange-circles g:not(.disrupted) circle:not(.white-fill), #rivermap .coloured-disruptions #interchange-circles g:not(.disrupted) rect:not(.white-fill), #rivermap .coloured-disruptions #interchange-circles g:not(.disrupted) path:not(.white-fill), #rivermap .coloured-disruptions #interchange-circles g:not(.disrupted) ellipse:not(.white-fill) { fill: #eee; } #tubemap .coloured-disruptions #interchange-circles circle:not(.white-fill), #tubemap .coloured-disruptions #interchange-circles rect:not(.white-fill), #trammap .coloured-disruptions #interchange-circles circle:not(.white-fill), #trammap .coloured-disruptions #interchange-circles rect:not(.white-fill), #cablecarmap .coloured-disruptions #interchange-circles circle:not(.white-fill), #cablecarmap .coloured-disruptions #interchange-circles rect:not(.white-fill), #rivermap .coloured-disruptions #interchange-circles circle:not(.white-fill), #rivermap .coloured-disruptions #interchange-circles rect:not(.white-fill) { stroke-width: 0; } #tubemap .coloured-disruptions #interchange-circles .disrupted g circle:not([fill]), #trammap .coloured-disruptions #interchange-circles .disrupted g circle:not([fill]), #cablecarmap .coloured-disruptions #interchange-circles .disrupted g circle:not([fill]), #rivermap .coloured-disruptions #interchange-circles .disrupted g circle:not([fill]) { fill: inherit !important; } #tubemap .coloured-disruptions #interchange-circles .disrupted .blue-fill, #trammap .coloured-disruptions #interchange-circles .disrupted .blue-fill, #cablecarmap .coloured-disruptions #interchange-circles .disrupted .blue-fill, #rivermap .coloured-disruptions #interchange-circles .disrupted .blue-fill { fill: #1C3F94 !important; } #tubemap .coloured-disruptions #interchange-circles path.white-fill, #trammap .coloured-disruptions #interchange-circles path.white-fill, #cablecarmap .coloured-disruptions #interchange-circles path.white-fill, #rivermap .coloured-disruptions #interchange-circles path.white-fill { stroke-width: 0; } #tubemap .grey-disruptions #station-names > .closed, #trammap .grey-disruptions #station-names > .closed, #cablecarmap .grey-disruptions #station-names > .closed, #rivermap .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, #trammap .grey-disruptions #station-names > .closed text, #trammap .grey-disruptions #station-names > .closed tspan, #trammap .grey-disruptions #station-names > .closed polygon, #trammap .grey-disruptions #station-names > .closed path, #cablecarmap .grey-disruptions #station-names > .closed text, #cablecarmap .grey-disruptions #station-names > .closed tspan, #cablecarmap .grey-disruptions #station-names > .closed polygon, #cablecarmap .grey-disruptions #station-names > .closed path, #rivermap .grey-disruptions #station-names > .closed text, #rivermap .grey-disruptions #station-names > .closed tspan, #rivermap .grey-disruptions #station-names > .closed polygon, #rivermap .grey-disruptions #station-names > .closed path { fill: #ccc; } #tubemap .grey-disruptions #station-names > text.closed, #trammap .grey-disruptions #station-names > text.closed, #cablecarmap .grey-disruptions #station-names > text.closed, #rivermap .grey-disruptions #station-names > text.closed { fill: #ccc; } #tubemap .coloured-disruptions #station-names > .closed, #trammap .coloured-disruptions #station-names > .closed, #cablecarmap .coloured-disruptions #station-names > .closed, #rivermap .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, #trammap .coloured-disruptions #station-names > .closed text, #trammap .coloured-disruptions #station-names > .closed tspan, #trammap .coloured-disruptions #station-names > .closed polygon, #trammap .coloured-disruptions #station-names > .closed path, #cablecarmap .coloured-disruptions #station-names > .closed text, #cablecarmap .coloured-disruptions #station-names > .closed tspan, #cablecarmap .coloured-disruptions #station-names > .closed polygon, #cablecarmap .coloured-disruptions #station-names > .closed path, #rivermap .coloured-disruptions #station-names > .closed text, #rivermap .coloured-disruptions #station-names > .closed tspan, #rivermap .coloured-disruptions #station-names > .closed polygon, #rivermap .coloured-disruptions #station-names > .closed path { fill: #f00; } #tubemap .coloured-disruptions #station-names > .closed text.closed, #trammap .coloured-disruptions #station-names > .closed text.closed, #cablecarmap .coloured-disruptions #station-names > .closed text.closed, #rivermap .coloured-disruptions #station-names > .closed text.closed { fill: #f00; } #tubemap .grey-disruptions g line.disrupted, #tubemap .grey-disruptions g > path.disrupted:not(.white-fill), #trammap .grey-disruptions g line.disrupted, #trammap .grey-disruptions g > path.disrupted:not(.white-fill), #cablecarmap .grey-disruptions g line.disrupted, #cablecarmap .grey-disruptions g > path.disrupted:not(.white-fill), #rivermap .grey-disruptions g line.disrupted, #rivermap .grey-disruptions g > path.disrupted:not(.white-fill) { stroke: #ccc; } #tubemap .grey-disruptions rect.disrupted, #trammap .grey-disruptions rect.disrupted, #cablecarmap .grey-disruptions rect.disrupted, #rivermap .grey-disruptions rect.disrupted { fill: #ccc; } #tubemap #piccadilly polyline[stroke='#E6E7E8'], #trammap #piccadilly polyline[stroke='#E6E7E8'], #cablecarmap #piccadilly polyline[stroke='#E6E7E8'], #rivermap #piccadilly polyline[stroke='#E6E7E8'] { stroke: #fff; } #tubemap .coloured-disruptions #lul-piccadilly polyline[stroke='#E6E7E8']:not(.disrupted), #trammap .coloured-disruptions #lul-piccadilly polyline[stroke='#E6E7E8']:not(.disrupted), #cablecarmap .coloured-disruptions #lul-piccadilly polyline[stroke='#E6E7E8']:not(.disrupted), #rivermap .coloured-disruptions #lul-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), #trammap .coloured-disruptions g line:not(.disrupted), #trammap .coloured-disruptions g path:not(.white-fill):not(.disrupted), #cablecarmap .coloured-disruptions g line:not(.disrupted), #cablecarmap .coloured-disruptions g path:not(.white-fill):not(.disrupted), #rivermap .coloured-disruptions g line:not(.disrupted), #rivermap .coloured-disruptions g path:not(.white-fill):not(.disrupted) { stroke: #eee; } #tubemap .coloured-disruptions g path.blue-fill:not(.disrupted), #trammap .coloured-disruptions g path.blue-fill:not(.disrupted), #cablecarmap .coloured-disruptions g path.blue-fill:not(.disrupted), #rivermap .coloured-disruptions g path.blue-fill:not(.disrupted) { stroke: none; } #tubemap .coloured-disruptions rect:not(.disrupted), #tubemap .coloured-disruptions polyline:not(.disrupted), #trammap .coloured-disruptions rect:not(.disrupted), #trammap .coloured-disruptions polyline:not(.disrupted), #cablecarmap .coloured-disruptions rect:not(.disrupted), #cablecarmap .coloured-disruptions polyline:not(.disrupted), #rivermap .coloured-disruptions rect:not(.disrupted), #rivermap .coloured-disruptions polyline:not(.disrupted) { fill: #eee; stroke: #eee; } #tubemap path[id$="_river"], #trammap path[id$="_river"], #cablecarmap path[id$="_river"], #rivermap path[id$="_river"] { fill: #1C3F94 !important; } #tubemap #cab-cable-car, #tubemap #emirates-royal-docks, #tubemap #emirates-greenwich-peninsula, #tubemap #cab-cable-car-9400zzalgwp, #tubemap #jubilee_940gzzlungw_cab-cable-car-9400zzalgwp_1_, #tubemap #cab-cable-car-9400zzalrdk, #tubemap #dlr_940gzzdlrvc_cab-cable-car-9400zzalrdk_1_, #tubemap #dlr-dlr_940gzzdlrvc_cab-cable-car-9400zzalrdk_1_, #tubemap #s-9400zzalrdk_label, #tubemap #lul-jubilee_940gzzlungw_cab-cable-car-9400zzalgwp_1_, #tubemap #cab-cable-car_1_, #tubemap #s-9400zzalgwp_label_1_, #tubemap #s-9400zzalgwp_label_2_, #tubemap #s-9400zzalrdk_label_1_, #tubemap #cab-cable-car-9400zzalrdk_1_, #tubemap #cab-cable-car-9400zzalgwp_1_, #tubemap #dlr-dlr_940gzzdlrvc_cab-cable-car-9400zzalrdk_3_, #tubemap #lul-jubilee_940gzzlungw_cab-cable-car-9400zzalgwp_3_, #trammap #cab-cable-car, #trammap #emirates-royal-docks, #trammap #emirates-greenwich-peninsula, #trammap #cab-cable-car-9400zzalgwp, #trammap #jubilee_940gzzlungw_cab-cable-car-9400zzalgwp_1_, #trammap #cab-cable-car-9400zzalrdk, #trammap #dlr_940gzzdlrvc_cab-cable-car-9400zzalrdk_1_, #trammap #dlr-dlr_940gzzdlrvc_cab-cable-car-9400zzalrdk_1_, #trammap #s-9400zzalrdk_label, #trammap #lul-jubilee_940gzzlungw_cab-cable-car-9400zzalgwp_1_, #trammap #cab-cable-car_1_, #trammap #s-9400zzalgwp_label_1_, #trammap #s-9400zzalgwp_label_2_, #trammap #s-9400zzalrdk_label_1_, #trammap #cab-cable-car-9400zzalrdk_1_, #trammap #cab-cable-car-9400zzalgwp_1_, #trammap #dlr-dlr_940gzzdlrvc_cab-cable-car-9400zzalrdk_3_, #trammap #lul-jubilee_940gzzlungw_cab-cable-car-9400zzalgwp_3_, #cablecarmap #cab-cable-car, #cablecarmap #emirates-royal-docks, #cablecarmap #emirates-greenwich-peninsula, #cablecarmap #cab-cable-car-9400zzalgwp, #cablecarmap #jubilee_940gzzlungw_cab-cable-car-9400zzalgwp_1_, #cablecarmap #cab-cable-car-9400zzalrdk, #cablecarmap #dlr_940gzzdlrvc_cab-cable-car-9400zzalrdk_1_, #cablecarmap #dlr-dlr_940gzzdlrvc_cab-cable-car-9400zzalrdk_1_, #cablecarmap #s-9400zzalrdk_label, #cablecarmap #lul-jubilee_940gzzlungw_cab-cable-car-9400zzalgwp_1_, #cablecarmap #cab-cable-car_1_, #cablecarmap #s-9400zzalgwp_label_1_, #cablecarmap #s-9400zzalgwp_label_2_, #cablecarmap #s-9400zzalrdk_label_1_, #cablecarmap #cab-cable-car-9400zzalrdk_1_, #cablecarmap #cab-cable-car-9400zzalgwp_1_, #cablecarmap #dlr-dlr_940gzzdlrvc_cab-cable-car-9400zzalrdk_3_, #cablecarmap #lul-jubilee_940gzzlungw_cab-cable-car-9400zzalgwp_3_, #rivermap #cab-cable-car, #rivermap #emirates-royal-docks, #rivermap #emirates-greenwich-peninsula, #rivermap #cab-cable-car-9400zzalgwp, #rivermap #jubilee_940gzzlungw_cab-cable-car-9400zzalgwp_1_, #rivermap #cab-cable-car-9400zzalrdk, #rivermap #dlr_940gzzdlrvc_cab-cable-car-9400zzalrdk_1_, #rivermap #dlr-dlr_940gzzdlrvc_cab-cable-car-9400zzalrdk_1_, #rivermap #s-9400zzalrdk_label, #rivermap #lul-jubilee_940gzzlungw_cab-cable-car-9400zzalgwp_1_, #rivermap #cab-cable-car_1_, #rivermap #s-9400zzalgwp_label_1_, #rivermap #s-9400zzalgwp_label_2_, #rivermap #s-9400zzalrdk_label_1_, #rivermap #cab-cable-car-9400zzalrdk_1_, #rivermap #cab-cable-car-9400zzalgwp_1_, #rivermap #dlr-dlr_940gzzdlrvc_cab-cable-car-9400zzalrdk_3_, #rivermap #lul-jubilee_940gzzlungw_cab-cable-car-9400zzalgwp_3_ { display: none; } #tubemap .coloured-disruptions #river path, #trammap .coloured-disruptions #river path, #cablecarmap .coloured-disruptions #river path, #rivermap .coloured-disruptions #river path { stroke: #00AEEF; } #tubemap circle + path, #trammap circle + path, #cablecarmap circle + path, #rivermap circle + path { stroke: none !important; } #tubemap .coloured-disruptions .disrupted path:not(.disrupted), #trammap .coloured-disruptions .disrupted path:not(.disrupted), #cablecarmap .coloured-disruptions .disrupted path:not(.disrupted), #rivermap .coloured-disruptions .disrupted path:not(.disrupted) { stroke: none !important; } #tubemap #raillo-overground g line:not(.disrupted).white-stroke, #tubemap #raillo-overground g path:not(.disrupted).white-stroke, #tubemap #dlr-dlr g line:not(.disrupted).white-stroke, #tubemap #dlr-dlr g path:not(.disrupted).white-stroke, #tubemap #elizabeth g line:not(.disrupted).white-stroke, #tubemap #elizabeth g path:not(.disrupted).white-stroke, #trammap #raillo-overground g line:not(.disrupted).white-stroke, #trammap #raillo-overground g path:not(.disrupted).white-stroke, #trammap #dlr-dlr g line:not(.disrupted).white-stroke, #trammap #dlr-dlr g path:not(.disrupted).white-stroke, #trammap #elizabeth g line:not(.disrupted).white-stroke, #trammap #elizabeth g path:not(.disrupted).white-stroke, #cablecarmap #raillo-overground g line:not(.disrupted).white-stroke, #cablecarmap #raillo-overground g path:not(.disrupted).white-stroke, #cablecarmap #dlr-dlr g line:not(.disrupted).white-stroke, #cablecarmap #dlr-dlr g path:not(.disrupted).white-stroke, #cablecarmap #elizabeth g line:not(.disrupted).white-stroke, #cablecarmap #elizabeth g path:not(.disrupted).white-stroke, #rivermap #raillo-overground g line:not(.disrupted).white-stroke, #rivermap #raillo-overground g path:not(.disrupted).white-stroke, #rivermap #dlr-dlr g line:not(.disrupted).white-stroke, #rivermap #dlr-dlr g path:not(.disrupted).white-stroke, #rivermap #elizabeth g line:not(.disrupted).white-stroke, #rivermap #elizabeth g path:not(.disrupted).white-stroke { stroke: #fff; } #trammap text, #trammap tspan { font-size: 25px; } #trammap #Header_Panel text { font-size: 51px; } #trammap #Header_Panel rect { fill: #6EBB20; } #trammap #Interchange_boxes text { font-size: 10px; } #trammap #Interchange_boxes rect[stroke='#FF6409'] { fill: #FF6409; } #trammap #Interchange_boxes rect[stroke='#0C6826'] { fill: #0C6826; } #cablecarmap text, #cablecarmap tspan { font-size: 18px; } #cablecarmap #Interchange_boxes text, #cablecarmap #Interchange_boxes tspan { font-size: 10px; } #cablecarmap #Interchange_boxes rect[stroke='#85898A'] { fill: #85898A; } #cablecarmap #Interchange_boxes rect[stroke='#23A492'] { fill: #23A492; } #rivermap text, #rivermap tspan { font-size: 18px; } #rivermap #station-names text[font-size='24px'], #rivermap #station-names tspan[font-size='24px'] { font-size: 24px; } #rivermap #station-names text[font-size='22.5px'], #rivermap #station-names tspan[font-size='22.5px'] { font-size: 22.5px; } #rivermap #station-names text[font-size='18px'], #rivermap #station-names tspan[font-size='18px'] { font-size: 18px; } #rivermap #station-names rect[fill='#BA601F'] { fill: #BA601F; } #rivermap #station-names rect[fill='#67C19B'] { fill: #67C19B; } #rivermap #station-names rect[fill='#DF64B0'] { fill: #DF64B0; } #rivermap #station-names rect[fill='#1768A8'] { fill: #1768A8; } #rivermap #station-names rect[fill='#755DAA'] { fill: #755DAA; } #rivermap #station-names rect[fill='#2d3039'] { fill: #2d3039; } #rivermap #station-names rect[fill='#10137E'] { fill: #10137E; } #rivermap #station-names rect[fill='#FF6409'] { fill: #FF6409; } #rivermap #station-names rect[fill='#23A492'] { fill: #23A492; } #rivermap .coloured-disruptions #river path { stroke: #CCECF4; } .routes-map-and-panel, .embedded-map-wrapper { margin-bottom: 20px; } .small-medium .non-google-map { display: none; } .small-medium .view-static-map-button { cursor: pointer; padding: 8px; background-color: #ffffff; border-top: 1px solid #ccc; border-bottom: 3px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; width: 46.5%; height: 44px; } .small-medium .view-static-map-button .expand-map-icon { float: right; position: relative; top: -3px; left: 5px; } .small-medium .view-static-map-button.non-live-maps { width: 100%; margin-left: 0; } .breakpoint-Small .view-static-map-button { width: 95%; } .breakpoint-Small.breakpoint-Medium .view-static-map-button { width: 46.5%; } .breakpoint-Small.breakpoint-Medium .view-static-map-button.non-live-maps { width: 50%; } .breakpoint-Small .non-google-map { display: none; } .breakpoint-Small.breakpoint-Medium.breakpoint-Large .non-google-map { display: block; } .view-static-map-button-icon { background-image: url("/static/1/images/homepage_sprite_x2.png"); background-image: url("/static/1/images/homepage_sprite.png") \9; background-size: 64px 160px; background-position: 32px 32px; height: 32px; width: 32px; display: block; background-position: -32px -32px; float: left; position: relative; top: -5px; left: -5px; } .body-cms-preview .view-static-map-button-icon { background-image: url("/static/1/images/homepage_sprite.png"); } .view-map-button-icon { background-image: url("/static/1/images/homepage_sprite_x2.png"); background-image: url("/static/1/images/homepage_sprite.png") \9; background-size: 64px 160px; background-position: 32px 32px; height: 32px; width: 32px; display: block; background-position: -32px -32px; float: left; position: relative; top: -5px; left: -5px; } .body-cms-preview .view-map-button-icon { background-image: url("/static/1/images/homepage_sprite.png"); } #toggle-map-button { width: 98%; cursor: pointer; } .small-medium .non-google-map { display: none; } .small-medium .view-map-button { cursor: pointer; padding: 8px; background-color: #ffffff; border-top: 1px solid #ccc; border-bottom: 3px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; width: 46.5%; height: 44px; } .small-medium .view-map-button .expand-map-icon { float: right; position: relative; top: -3px; left: 5px; } .small-medium .view-map-button.non-live-maps { width: 100%; margin-left: 0; } .road-improvements .boxed-label-for-input, #improvemap-panel .boxed-label-for-input { background-color: white; } .road-improvements .map-panel-info .map-panel-heading, #improvemap-panel .map-panel-info .map-panel-heading { padding-left: 15px; } .road-improvements .map-panel-info .map-panel-heading:after, #improvemap-panel .map-panel-info .map-panel-heading:after { content: none; } .road-improvements .map-panel-info .location, #improvemap-panel .map-panel-info .location { padding-left: 15px; } .road-improvements .map-panel-info .road-disruption .disruption-info .vertical-button-container, #improvemap-panel .map-panel-info .road-disruption .disruption-info .vertical-button-container { display: block; } .road-improvements .road-disruption .location, #improvemap-panel .road-disruption .location { border-bottom: 2px solid rgba(0, 0, 0, 0.2); padding-left: 15px; } .road-improvements .road-disruption .location:after, #improvemap-panel .road-disruption .location:after { content: ""; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; background-position: 0px -640px; top: 20px; right: 10px; position: absolute; } .body-cms-preview .road-improvements .road-disruption .location:after, .body-cms-preview #improvemap-panel .road-disruption .location:after { background-image: url("/static/1/images/vsprite.17114d90.png"); } .road-improvements .road-disruption .location.hide-chevron:after, #improvemap-panel .road-disruption .location.hide-chevron:after { display: none; } .road-improvements .road-disruption .disruption-info .vertical-button-container:first-child, #improvemap-panel .road-disruption .disruption-info .vertical-button-container:first-child { margin-left: 0; } .road-improvements .form-progress, #improvemap-panel .form-progress { margin-left: 15px; font-size: 12px; } .road-improvements .form-progress .form-step, #improvemap-panel .form-progress .form-step { height: 36px; padding: 8px 10px 8px 32px; } .road-improvements .form-progress .form-step .step-text, #improvemap-panel .form-progress .form-step .step-text { width: 100%; } .road-improvements .form-progress .form-step:after, #improvemap-panel .form-progress .form-step:after { left: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-left-color: white; border-width: 17px 15px 17px; z-index: 1; top: 0px; } .road-improvements .form-progress .form-step:before, #improvemap-panel .form-progress .form-step:before { left: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-left-color: #ccc; border-width: 18px 16px 18px; z-index: 1; top: -1px; } .road-improvements .form-progress .form-step.current, #improvemap-panel .form-progress .form-step.current { background-color: #2d3039; color: white; font-weight: bold; } .road-improvements .form-progress .form-step.current:after, #improvemap-panel .form-progress .form-step.current:after { border-left-color: #2d3039; } .road-improvements .form-progress .form-step.completed, #improvemap-panel .form-progress .form-step.completed { background-color: #eee; color: #a8a8a8; } .road-improvements .form-progress .form-step.completed:after, #improvemap-panel .form-progress .form-step.completed:after { border-left-color: #eee; } .road-improvements .form-progress .form-step.completed:before, #improvemap-panel .form-progress .form-step.completed:before { border-left-color: #a8a8a8; } .road-improvement-filter { margin-top: 10px; } .road-improvement-filter .hidden-inline-filter { display: none; } .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 #ccc; border-bottom: 1px solid #ccc; position: relative; } .form-step:first-child { padding-left: 1em; border-left: 1px solid #ccc; } .form-step:last-child { border-right: 1px solid #ccc; } .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: rgba(0, 0, 0, 0); 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: rgba(0, 0, 0, 0); border-left-color: #ccc; 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: #eee; color: #a8a8a8; } .form-step.completed:after { border-left-color: #eee; } .form-step.completed:before { border-left-color: #a8a8a8; } .road-improvement-currently-text { margin-top: 15px; } .boxed-label-for-input.concept-filter { padding-left: 10px; } .boxed-label-for-input.concept-filter:before { content: ''; height: 32px; width: 32px; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; background-position: -32px -3200px; top: 2px; left: 2px; position: absolute; } .body-cms-preview .boxed-label-for-input.concept-filter:before { background-image: url("/static/1/images/vsprite.17114d90.png"); } .boxed-label-for-input.phase-filter { padding-left: 34px; } .boxed-label-for-input.phase-filter.concept:before { content: ''; height: 32px; width: 32px; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; top: 2px; left: 2px; position: absolute; background-position: -32px -3200px; } .body-cms-preview .boxed-label-for-input.phase-filter.concept:before { background-image: url("/static/1/images/vsprite.17114d90.png"); } .boxed-label-for-input.phase-filter.consultation:before { content: ''; height: 32px; width: 32px; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; top: 2px; left: 2px; position: absolute; background-position: -64px -3200px; } .body-cms-preview .boxed-label-for-input.phase-filter.consultation:before { background-image: url("/static/1/images/vsprite.17114d90.png"); } .boxed-label-for-input.phase-filter.construction:before { content: ''; height: 32px; width: 32px; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; top: 2px; left: 2px; position: absolute; background-position: 0px -3232px; } .body-cms-preview .boxed-label-for-input.phase-filter.construction:before { background-image: url("/static/1/images/vsprite.17114d90.png"); } .boxed-label-for-input.phase-filter.delivered:before { content: ''; height: 32px; width: 32px; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; top: 2px; left: 2px; position: absolute; background-position: -32px -3232px; } .body-cms-preview .boxed-label-for-input.phase-filter.delivered:before { background-image: url("/static/1/images/vsprite.17114d90.png"); } .improvement-project-type-filter:before { content: ''; height: 32px; width: 32px; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; top: 2px; left: 2px; position: absolute; } .body-cms-preview .improvement-project-type-filter:before { background-image: url("/static/1/images/vsprite.17114d90.png"); } .improvement-project-type-filter.single-project-type:before { background-position: -64px -3232px; } .improvement-project-type-filter.cycle-superhighway-project-type:before { background-position: -32px -3264px; } .improvement-project-type-filter.quietway-project-type:before { background-position: 0px -3264px; } .project-types .improvement-project-type-filter { padding-left: 34px; } .road-improvement-filter .phase-filters input, .road-improvement-filter .project-types input { display: none; } .ulez-heading { font-size: 22px; font-weight: bold; } .tw-quick-links { background: #e5ecf4; width: 100%; margin: 15px 0; padding: 10px; margin-right: 2.5%; float: left; } .tw-quick-links.open h3 { margin-bottom: 5px; border-bottom: 1px dashed #cacaca; padding-bottom: 2.54%; } .tw-quick-links.open h3:after { background-position: 0px -608px; } .tw-quick-links h3 { margin: 5px 0; padding-right: 32px; position: relative; cursor: pointer; font-size: 18px; font-weight: bold; } .tw-quick-links h3:after { content: ''; position: absolute; top: -7px; right: 0px; width: 32px; height: 32px; background-position: 0px -672px; } .tw-quick-links h3 span { line-height: 100%; /*color: $linkcolour;*/ } .tw-quick-links h3 span:hover { text-decoration: underline; } .tw-quick-links ul { float: left; margin: 0 10px 2.54% 0; width: 45%; } .tw-quick-links ul li { border-left: 1px solid #ccc; padding-left: 5px; margin-left: 5px; padding-bottom: 2.54%; list-style: none; } .tw-quick-links ul li.list-heading { border-left: 0; padding-left: 0; margin-left: 0; font-weight: bold; } .reset-tw-btn { float: left; width: 100%; padding: 10px; color: #2070b0; margin-bottom: 15px; } .wizard-box { background: #eee; margin-bottom: 20px; position: relative; border: solid 1px #cacaca; width: 100%; float: left; } .wizard-box legend { display: none; } .wizard-box .sub-fieldset legend { display: block; margin: 0 2.54%; top: 10px; position: relative; } .wizard-box .sub-fieldset.prog-2, .wizard-box .sub-fieldset.prog-3 { display: none; } .wizard-box .sub-fieldset.person-select { background: white; } .wizard-box .sub-fieldset.person-select legend { display: none; } .wizard-box .sub-fieldset.person-select span { display: block; width: 100%; padding: 0 2.54% 10px 2.54%; } .wizard-box .header-edit { position: absolute; top: 10px; right: 10px; color: #2070b0; cursor: pointer; } .wizard-box .wizard-box-heading { background: #fff; width: 100%; border-bottom: 3px solid #cacaca; margin-left: 0; } .wizard-box .wizard-box-heading h3 { padding: 15px 2.54%; font-size: 20px; margin-bottom: 0; } .wizard-box .wizard-box-heading .summary-list { display: none; padding: 10px 2.54%; border-top: dotted 1px #cacaca; } .wizard-box .wizard-box-heading .summary-list span { margin-right: 15px; } .wizard-box .wizard-box-heading .summary-list span.summary-bind { font-weight: bold; } .wizard-box .wizard-box-heading .summary-list span#bus-only-span { font-weight: bold; } .wizard-box p { margin-left: 2.54%; padding-right: 2.54%; margin-top: 10px; } .wizard-box p.other-section { font-weight: bold; font-size: 15px; margin: 2.54%; } .wizard-box p.other-section label { position: relative; padding-left: 40px; } .wizard-box p.other-section label:before { content: ""; position: absolute; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; background-position: -64px -352px; bottom: auto; left: 4px; right: auto; top: -7px; } .body-cms-preview .wizard-box p.other-section label:before { background-image: url("/static/1/images/vsprite.17114d90.png"); } .wizard-box .selector { margin: 0 10px 10px 10px; } .wizard-box .selector label { display: none; } .wizard-box select { width: 100%; } .wizard-box .modes-button { text-align: center; width: 100%; display: block; font-style: italic; font-weight: normal; } .wizard-box fieldset { padding-top: 10px; } .wizard-box #single-fare-finder { background: #fbf6e0; padding-right: 2.54%; width: 94.92%; margin-left: 2.54%; padding: 10px; color: #2d3039; } .wizard-box #single-fare-finder:before { border-width: 0 6px 6px 6px; border-color: transparent transparent #d5d7d9 transparent; right: 16px; content: ""; position: absolute; width: 0px; height: 0px; border-style: solid; top: -6px; } .wizard-box #single-fare-finder:after { border-width: 0 5px 5px 5px; border-color: transparent transparent #ffefef transparent; right: 17px; content: ""; position: absolute; width: 0px; height: 0px; border-style: solid; top: -5px; } .wizard-box .primary-button.next-step { margin: 10px 2.54%; width: 95%; } .wizard-box .primary-button.next-step.hidden { display: none; } .wizard-box #zone-list-box { margin-bottom: 15px; } .wizard-box #zone-list-box .vertical-button-container { margin: 0 2.54%; } .wizard-box #zone-list-box .lookup-box { margin: 2.54%; } .wizard-box #zone-list-box .lookup-box .remove-content-container { width: 72.5%; float: left; } .wizard-box #zone-list-box .lookup-box #btn-zone-search { width: 25%; float: left; margin-left: 2.5%; } .wizard-box #zone-list-box .lookup-box #zone-list-box-inner { background-color: white; float: left; margin: 16px 0 0; width: 100%; } .wizard-box #zone-list-box .lookup-box #zone-list-box-inner .throbber-blue { color: white; left: 50%; margin: 16px 16px 16px -35px; position: relative; } .wizard-box #zone-list-box .lookup-box #zone-list-box-inner ul { padding: 15px 15px 0; } .wizard-box #zone-list-box .lookup-box #zone-list-box-inner ul li span.zone { font-weight: bold; } .wizard-box #zone-list-box .form-info-middle-icon-custom { background-color: #eee; margin-left: 1%; width: 95%; padding: 0 15px 0 50px; margin-top: 0; margin-bottom: 0; } .wizard-box #zone-list-box .form-info-middle-icon-custom span { font-weight: bold; } .horizontal-toggle-buttons { margin: 10px 0 5px 0; } .horizontal-toggle-buttons.tw-buttons li { box-sizing: border-box; background: #fff; border: solid 1px #d5d7d9; min-height: 38px; } .horizontal-toggle-buttons.tw-buttons li.selected { background: #e5ecf4; border-top: 3px solid #d5d7d9; margin-top: -1px !important; } .horizontal-toggle-buttons.tw-buttons li.selected label:after { display: none; } .horizontal-toggle-buttons.tw-buttons li.sixths { margin-bottom: 10px; } .horizontal-toggle-buttons.tw-buttons li.thirds { margin-bottom: 10px; } .horizontal-toggle-buttons.tw-buttons li.thirds:last-child { margin-left: 26%; } .horizontal-toggle-buttons.tw-buttons li.halfs { margin-bottom: 10px; } .horizontal-toggle-buttons.tw-buttons li.halfs-no-border-no-margin { border: none; margin-bottom: 0 !important; } .horizontal-toggle-buttons.tw-buttons li.halfs-no-border-no-margin .form-control-wrapper { margin-bottom: 0px; } .horizontal-toggle-buttons.tw-buttons li.halfs-no-border-no-margin .form-control-wrapper label { text-align: left; cursor: default; padding: 6px 5px 6px 9px; } .horizontal-toggle-buttons.tw-buttons li.halfs-grey-background { background: #eee; } .horizontal-toggle-buttons.tw-buttons li.halfs-nolink-color { color: black; } .horizontal-toggle-buttons.tw-buttons li.full { margin-bottom: 10px; } .horizontal-toggle-buttons.tw-buttons li span.modes-icons-primary { width: 169px; display: block; margin: 10px auto; } .horizontal-toggle-buttons.tw-buttons li span.modes-icons-primary.bus-tram-only { width: 85px; margin-top: 32px; } .horizontal-toggle-buttons.tw-buttons li .all-black { color: black; font-weight: bold; } .horizontal-toggle-buttons.tw-buttons li .modes-icon { display: block; height: 25px; width: 25px; float: left; background: #fff; color: #000; background-color: transparent; } .horizontal-toggle-buttons.tw-buttons li .modes-icon.tube { background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; background-position: 0px -1056px; height: 32px; width: 32px; display: block; } .body-cms-preview .horizontal-toggle-buttons.tw-buttons li .modes-icon.tube { background-image: url("/static/1/images/vsprite.17114d90.png"); } .horizontal-toggle-buttons.tw-buttons li .modes-icon.dlr { background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; background-position: 0px -1088px; height: 32px; width: 32px; display: block; } .body-cms-preview .horizontal-toggle-buttons.tw-buttons li .modes-icon.dlr { background-image: url("/static/1/images/vsprite.17114d90.png"); } .horizontal-toggle-buttons.tw-buttons li .modes-icon.overground { background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; background-position: -64px -1056px; height: 32px; width: 32px; display: block; } .body-cms-preview .horizontal-toggle-buttons.tw-buttons li .modes-icon.overground { background-image: url("/static/1/images/vsprite.17114d90.png"); } .horizontal-toggle-buttons.tw-buttons li .modes-icon.bus { background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; background-position: -32px -1056px; height: 32px; width: 32px; display: block; } .body-cms-preview .horizontal-toggle-buttons.tw-buttons li .modes-icon.bus { background-image: url("/static/1/images/vsprite.17114d90.png"); } .horizontal-toggle-buttons.tw-buttons li .modes-icon.tram { background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; background-position: -32px -1920px; height: 32px; width: 32px; display: block; } .body-cms-preview .horizontal-toggle-buttons.tw-buttons li .modes-icon.tram { background-image: url("/static/1/images/vsprite.17114d90.png"); } .horizontal-toggle-buttons.tw-buttons li .modes-icon.national-rail { background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; background-position: -64px -1408px; height: 32px; width: 32px; display: block; } .body-cms-preview .horizontal-toggle-buttons.tw-buttons li .modes-icon.national-rail { background-image: url("/static/1/images/vsprite.17114d90.png"); } .number-box-holder { width: 100%; margin: 10px 2.54%; } .number-box-holder .number-box { width: 39.9%; float: left; position: relative; padding-right: 40px; } .number-box-holder .number-box input { height: 80px; font-size: 50px; float: left; } .number-box-holder .number-box label { display: none; } .number-box-holder .number-box .num-box-controls { display: none; width: 40px; height: 40px; background: white; border: solid 1px #cacaca; border-left: none; margin: 0; position: absolute; right: 0; bottom: 0; color: transparent; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; background-position: 0px -736px; height: 40px; width: 40px; display: block; cursor: pointer; } .body-cms-preview .number-box-holder .number-box .num-box-controls { background-image: url("/static/1/images/vsprite.17114d90.png"); } .number-box-holder .number-box .num-box-controls.plus { background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; background-position: 0px -704px; height: 40px; width: 40px; display: block; top: 0; } .body-cms-preview .number-box-holder .number-box .num-box-controls.plus { background-image: url("/static/1/images/vsprite.17114d90.png"); } .number-box-holder span { float: left; width: 15%; text-align: center; vertical-align: middle; margin-top: 8px; } #who.active { padding-bottom: 15px; } #who fieldset { position: relative; } #who label { position: relative; margin-left: 2.54%; } #who .primary-button { margin-top: 15px; width: 95%; margin-left: 2.54%; } #who .field-validation-error { background: transparent; color: #2d3039; } #who .field-validation-error:before { background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; background-position: -64px -352px; height: 32px; width: 32px; display: block; } .body-cms-preview #who .field-validation-error:before { background-image: url("/static/1/images/vsprite.17114d90.png"); } #who .field-validation-error .wizard-box fieldset { padding-top: 0; } #who .final-summary { border: solid 1px #cacaca; padding: 15px; margin: 2.54%; background: #e5ecf4; border-bottom: 3px solid #cacaca; } #who .final-summary h3 { padding-left: 0; } #who .final-summary ul { margin-left: 0; list-style: none; } #who .final-summary ul li { width: 45%; float: left; margin-right: 10px; } #who .final-summary ul li span { margin-right: 10px; } .people-select-wrap { background: white; margin: 0 2.54%; } .people-select-wrap #photocard-header.who-input { padding-bottom: 2.54%; } .ticket-recommendations { background: #eee; padding-top: 15px; } .ticket-recommendations .recc-customer-type { margin: 0 2.54%; padding: 10px; background: white; border-bottom: 3px solid #cacaca; position: relative; } .ticket-recommendations .recc-customer-type .cust-delete { cursor: pointer; height: 32px; width: 32px; position: absolute; right: 1px; top: 50%; margin-top: -16px; background-position: 0px -800px; } .ticket-recommendations .recc-customer-type .who-summary { font-size: 125%; } .ticket-recommendations .did-you-know { background: #e5ecf4; border-left: solid 1px #cacaca; border-right: solid 1px #cacaca; margin: 0 2.54%; display: inline-block; } .ticket-recommendations .did-you-know .dyk-container { background-color: white; border: solid 1px #cacaca; margin: 2.54%; } .ticket-recommendations .did-you-know .dyk-container:empty { display: none; } .ticket-recommendations .did-you-know p { width: 95%; margin-left: 2.54%; } .ticket-recommendations .did-you-know p:first-child { position: relative; width: 95%; padding: 2.54% 0 0; } .ticket-recommendations .did-you-know .vertical-button-container { margin: 2.54%; } .tw-recomendation { border-bottom: solid 1px #cacaca; margin: 0 2.54%; padding: 10px; border-left: solid 1px #cacaca; border-right: solid 1px #cacaca; background: #e5ecf4; padding: 15px 15px 0 15px; position: relative; } .tw-recomendation h3 { margin-bottom: 20px; font-size: 110%; } .tw-recomendation .main-ticket-info { padding-right: 40px; } .tw-recomendation .main-ticket-info:after { height: 50px; width: 75px; background: url("/cdn/static/images/recommendations-sprite.png"); content: ''; background-size: 75px; position: absolute; right: 15px; top: 55px; } .tw-recomendation .main-ticket-info.contactless:after { background-position: 0 0; } .tw-recomendation .main-ticket-info.oyster:after { background-position: 0 -50px; } .tw-recomendation .main-ticket-info.travelcard:after { background-position: 0 -99px; } .tw-recomendation .main-ticket-info.photocard:after { background-position: 0 -458px; } .tw-recomendation .main-ticket-info.photocard2:after { background-position: 0 -510px; } .tw-recomendation .main-ticket-info.bustram:after { background-position: 0 -564px; } .tw-recomendation .main-ticket-info.free:after { background: none; } .tw-recomendation .main-ticket-info span { font-weight: bold; } .tw-recomendation .main-ticket-info h3.price-info { font-size: 30px; margin-bottom: 0; position: relative; margin-top: 3px; } .tw-recomendation .main-ticket-info .price-desc { font-weight: normal; margin-bottom: 5px; display: block; } .tw-recomendation .main-ticket-info .journey-fare { vertical-align: top; } .tw-recomendation .main-ticket-info .journey-fare .req-days { font-weight: normal; } .tw-recomendation .main-ticket-info .journey-fare:nth-child(2) { border-top: solid 1px #cacaca; } .tw-recomendation .main-ticket-info .price-compare { font-weight: bold; width: 80%; word-wrap: break-word; } .tw-recomendation .notes { margin-left: 0; width: 80%; word-wrap: break-word; } .tw-recomendation .extra-info { border-top: dashed 1px #cacaca; padding-top: 10px; } .tw-recomendation .extra-info .summary span { font-weight: bold; margin-right: 5px; float: left; width: 45%; } .tw-recomendation .extra-info .summary span:first-child { display: none; } .tw-recomendation .cards-issued-link { margin-bottom: 15px; } .tw-recomendation .cards-issued-link ul { margin-left: 2px; } .tw-recomendation .accordion { margin-top: 20px; background: #eee; } .acc-stats-filter label { background: #fff; } .acc-stats-filter label.Fatal:before, .acc-stats-filter label.Serious:before, .acc-stats-filter label.Slight:before { background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; content: ""; display: block; position: absolute; left: 0; top: 4px; } .body-cms-preview .acc-stats-filter label.Fatal:before, .body-cms-preview .acc-stats-filter label.Serious:before, .body-cms-preview .acc-stats-filter label.Slight:before { background-image: url("/static/1/images/vsprite.17114d90.png"); } .acc-stats-filter label.Fatal:before { background-position: 0px -1408px; } .acc-stats-filter label.Serious:before { background-position: -64px -1376px; } .acc-stats-filter label.Slight:before { background-position: 0px -1376px; } .acc-stats-help { background-position: -64px -352px; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; content: ""; display: block; position: absolute; right: 0; top: -5px; cursor: pointer; } .body-cms-preview .acc-stats-help { background-image: url("/static/1/images/vsprite.17114d90.png"); } .acc-stats-filter { margin-top: 20px; } .accstats-result { padding-top: 10px; } .acc-stats-severity label { padding-left: 35px; } .acc-stats-severity-description { background-color: #eaf2f8; border: 1px solid grey; padding: 10px; } .acc-stats-severity-description .not-last-p { margin-bottom: 20px; } .acc-stats-slight-injury-description { margin-top: -30px; margin-bottom: 30px; padding: 10px 0; } .acc-stats-uppercase { text-transform: uppercase; } .acc-stats-outside-london-error { margin-bottom: 20px; background-color: #ffefef; position: relative; margin-top: -10px; padding: 10px; border-bottom: 3px solid #ccc; } .acc-stats-outside-london-error.no-results { background: #ffefef; padding: 0; } .acc-stats-outside-london-error.no-results:before { border-color: transparent transparent #ffefef; } .acc-stats-outside-london-error:before { content: ""; position: absolute; left: 20px; top: -20px; border-color: transparent transparent #ffefef; border-width: 10px; border-style: solid; } .acc-stats-outside-london-error .acc-stats-outside-london-text { padding-left: 40px; color: #a92727; font-weight: bold; } .acc-stats-outside-london-error .acc-stats-outside-london-text:before { content: ""; position: absolute; background-position: -32px -832px; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; height: 32px; width: 32px; top: 4px; left: 10px; } .body-cms-preview .acc-stats-outside-london-error .acc-stats-outside-london-text:before { background-image: url("/static/1/images/vsprite.17114d90.png"); } .field-validation-errors .field-validation-error { font-weight: bold; } .acc-stats .search-filter { margin-top: 0; } .acc-stats .input-group, .acc-stats .form-control-wrapper { margin-bottom: 10px; } .acc-stats .hidden { display: none; } .key-location { display: block; position: relative; } .legend { border: 1px solid #ccc; border-bottom: 4px solid #ccc; margin-top: 20px; margin-bottom: 20px; padding-left: 10px; } .legend.collisions-key { display: none; } .legend .legend-item { width: 25%; display: block; padding-top: 10px; padding-bottom: 10px; } .legend .legend-item label { padding-left: 35px; white-space: nowrap; padding-top: 4px; } .legend .legend-item .legend-item-fatal { background-position: 0px -1408px; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; content: ""; } .body-cms-preview .legend .legend-item .legend-item-fatal { background-image: url("/static/1/images/vsprite.17114d90.png"); } .legend .legend-item .legend-item-serious { background-position: -64px -1376px; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; content: ""; } .body-cms-preview .legend .legend-item .legend-item-serious { background-image: url("/static/1/images/vsprite.17114d90.png"); } .legend .legend-item .legend-item-slight { background-position: 0px -1376px; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; content: ""; } .body-cms-preview .legend .legend-item .legend-item-slight { background-image: url("/static/1/images/vsprite.17114d90.png"); } .accstats-map-panel { margin-bottom: 20px; } .road-disruption h4 { font-weight: normal; } #fullscreen-stage { /** * Slide/Push Menu Bottom. */ /** * Body states. * * When a menu is active, we want to hide the overflows on the body to prevent * awkward document scrolling. */ /** * Close button resets. */ /* ----------------------------------------------------------------------------- MASK COMPONENT ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- BUTTONS ----------------------------------------------------------------------------- */ } #fullscreen-stage .disambiguation-in-page { margin-bottom: 20px; background: #faf5e1; position: absolute; margin-top: 65px; width: 100%; padding: 10px; z-index: 1; border-bottom: 3px solid #ccc; } #fullscreen-stage .search-filter { position: absolute; margin-top: 0; background-color: #eee; margin-bottom: 0; border-bottom: 0; padding: 0; top: 8px; z-Index: 2; width: calc(100% - 142px); left: 9px; } #fullscreen-stage .search-filter h3 { display: none; } #fullscreen-stage .search-filter input[type=text] { height: 38px; } #fullscreen-stage .search-filter #search-filter-form { padding-right: 0; } #fullscreen-stage .search-filter .submit-button { display: none; } #fullscreen-stage .tfl_maps_accstats_map { height: calc(100% - 110px); } #fullscreen-stage .tfl_maps_accstats_map .map-container .map .gm-style .map-custom-control-group .map-options-control-button { background-position: -62px -1375px; } #fullscreen-stage .acc-stats-checkbox-filters { width: 97%; top: 0 !important; position: relative; } #fullscreen-stage a.accstats-filters-expander { padding: 7px 32px 7px 10px; display: block; position: relative; color: #2d3039; font-size: 16px; text-decoration: none; background-color: #fff; } #fullscreen-stage a.expando-button:after, #fullscreen-stage .responsive-expando-button:after { position: absolute; content: ""; display: block; right: 0; top: 50%; margin-top: -16px; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3168px; height: 32px; width: 32px; background-position: 0 -608px; } #fullscreen-stage #accstats-filters { vertical-align: bottom; bottom: 0; position: absolute; min-width: 100%; height: 55px; /* ----------------------------------------------------------------------------- LINK BUTTONS (CHEVRONS) ----------------------------------------------------------------------------- */ } #fullscreen-stage #accstats-filters .sticky-element { position: fixed; top: 10%; width: 100%; background-color: #eee; height: 10%; z-index: 10000; } #fullscreen-stage #accstats-filters .sticky-element .primary-button { margin-left: 9px; width: 94%; padding-bottom: 8px; } #fullscreen-stage #accstats-filters a.link-button { border: none; color: #2070b0; margin-bottom: 0; color: #2070b0; } #fullscreen-stage #accstats-filters a.link-button.up-chevron { text-align: left; padding-left: 0; padding-right: 30px; margin-left: 0; margin-right: 0; } #fullscreen-stage #accstats-filters a.link-button.close-btn { background-color: #eee; } #fullscreen-stage #accstats-filters a.link-button.close-btn:after { background-position: 0 -800px; } #fullscreen-stage #accstats-filters a.link-button.up-chevron:after { background-position: 0 -608px; } #fullscreen-stage .o-wrapper { -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } #fullscreen-stage .o-container { margin: 0 auto; padding: 0 12px; max-width: 960px; } #fullscreen-stage .c-menu { position: fixed; z-index: 200; background-color: #eee; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } #fullscreen-stage .c-menu__items { list-style: none; margin: 0; padding: 0; } #fullscreen-stage .c-menu--slide-top, #fullscreen-stage .c-menu--slide-bottom, #fullscreen-stage .c-menu--push-top, #fullscreen-stage .c-menu--push-bottom { vertical-align: middle; width: 100%; height: 60px; overflow-x: scroll; } #fullscreen-stage .c-menu--slide-top .c-menu__items, #fullscreen-stage .c-menu--slide-bottom .c-menu__items, #fullscreen-stage .c-menu--push-top .c-menu__items, #fullscreen-stage .c-menu--push-bottom .c-menu__items { display: inline-block; text-align: center; } #fullscreen-stage .c-menu--slide-top .c-menu__item, #fullscreen-stage .c-menu--slide-bottom .c-menu__item, #fullscreen-stage .c-menu--push-top .c-menu__item, #fullscreen-stage .c-menu--push-bottom .c-menu__item { display: inline-block; line-height: 60px; } #fullscreen-stage .c-menu--slide-top .c-menu__link, #fullscreen-stage .c-menu--slide-bottom .c-menu__link, #fullscreen-stage .c-menu--push-top .c-menu__link, #fullscreen-stage .c-menu--push-bottom .c-menu__link { display: block; padding: 0 4px; color: #fff; } #fullscreen-stage .c-menu--slide-top .c-menu__close, #fullscreen-stage .c-menu--slide-bottom .c-menu__close, #fullscreen-stage .c-menu--push-top .c-menu__close, #fullscreen-stage .c-menu--push-bottom .c-menu__close { padding-right: 5px; } #fullscreen-stage .c-menu--slide-bottom, #fullscreen-stage .c-menu--push-bottom { bottom: 0; left: 0; -webkit-transform: translateY(60px); -ms-transform: translateY(60px); transform: translateY(60px); filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')"; } #fullscreen-stage .c-menu--slide-bottom.is-active, #fullscreen-stage .c-menu--push-bottom.is-active { height: 80.5%; padding-top: 5%; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')"; } #fullscreen-stage body.has-active-menu { overflow: hidden; } #fullscreen-stage .c-menu__close { font-size: 16px; border: none; box-shadow: none; border-radius: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; right: 0; } #fullscreen-stage .c-menu__close:focus { outline: none; } #fullscreen-stage .c-mask { position: fixed; z-index: 100; top: 0; left: 0; overflow: hidden; width: 0; height: 0; background-color: #000; opacity: 0; -webkit-transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s; transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s; } #fullscreen-stage .c-mask.is-active { width: 100%; height: 100%; opacity: 0.7; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } #fullscreen-stage .c-buttons { text-align: center; width: auto; } #fullscreen-stage .c-button { margin: 4px; padding: 12px 24px; color: #67b5d1; background: none; font-size: 14px; border: solid 2px #67b5d1; box-shadow: none; border-radius: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; } #fullscreen-stage .c-button:focus { outline: none; } #fullscreen-stage .c-button:disabled { opacity: 0.3; cursor: not-allowed; } #fullscreen-stage .secondary-button.acc-filter-button { margin-left: 9px; width: 94%; padding-bottom: 8px; } #fullscreen-stage .map-options-key .accstats-map-key { border-bottom: 1px solid #41444a; } #fullscreen-stage .map-options-key .legend .legend-item { padding-top: 5px; padding-bottom: 5px; width: 100%; border-bottom: 1px solid #41444a; } .accstats-slider-container { width: 98%; height: 50px; margin: 15px 0 0 5px; display: none; } .rangeslider, .rangeslider__fill { display: block; -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .rangeslider { background: #e6e6e6; position: relative; } .rangeslider--horizontal { height: 20px; width: 100%; } .rangeslider--vertical { width: 20px; min-height: 150px; max-height: 100%; } .rangeslider--disabled { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; } .rangeslider__fill { background: #00ff00; position: absolute; } .rangeslider--horizontal .rangeslider__fill { top: 0; height: 100%; } .rangeslider--vertical .rangeslider__fill { bottom: 0; width: 100%; } .high-z-index { z-index: 10000000; } .rangeslider__handle { background: white; border: 1px solid #ccc; cursor: pointer; display: inline-block; width: 40px; height: 40px; position: absolute; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g"); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.1))); background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1)); background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1)); background-image: linear, false, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .rangeslider__handle:after { content: ""; display: block; width: 18px; height: 18px; margin: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=="); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.13)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0)); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0)); background-image: linear, false, rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .rangeslider__handle:active { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=="); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.12))); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12)); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12)); background-image: linear, false, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12); } .rangeslider--horizontal .rangeslider__handle { top: -10px; touch-action: pan-y; -ms-touch-action: pan-y; } .rangeslider--vertical .rangeslider__handle { left: -10px; touch-action: pan-x; -ms-touch-action: pan-x; } input[type="range"]:focus + .rangeslider .rangeslider__handle { -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9); -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9); box-shadow: 0 0 8px rgba(255, 0, 255, 0.9); } .rangeslider--horizontal { height: 10px; width: 100%; } .rangeslider, input[type='range'] { border: 1px solid #929292; } .rangeslider_ruler { cursor: pointer; position: relative; top: 100%; font-family: arial; text-align: justify; } .rangeslider_ruler:after { content: ""; display: inline-block; width: 100%; } .rangeslider_ruler_ticks { font-size: 6pt; margin: 6px 8px 0 12px; color: #929292; } .rangeslider_ruler_labels { font-size: 10pt; margin: 0 -8px 0 0; color: #2d3039; top: -7px; } .rangeslider__handle { margin-top: 2px; width: 24px; height: 24px; -webkit-box-shadow: none; box-shadow: none; background-color: #164b79; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #164b79), color-stop(0, #164b79), color-stop(0, #1a5a92), color-stop(100%, #3f75a4)); background-image: -webkit-linear-gradient(bottom, #164b79 0%, #164b79 0, #1a5a92 0, #3f75a4 100%); background-image: linear, to top, #164b79 0%, #164b79 0, #1a5a92 0, #3f75a4 100%; -webkit-transition: background-image, 0.3s; -moz-transition: background-image, 0.3s; transition: background-image, 0.3s; text-shadow: 0 1px rgba(0, 0, 0, 0.4); border: 1px solid #154b79; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3); } .rangeslider_tooltip::after, .rangeslider_tooltip::before { content: ""; width: 0; height: 0; border-style: solid; border-width: 5px 3px 0 3px; position: absolute; left: 50%; margin-left: -3px; font-family: arial; } .rangeslider_tooltip::after { border-color: #fff transparent transparent transparent; top: 20px; } .rangeslider_tooltip::before { border-color: rgba(0, 0, 0, 0.3) transparent transparent transparent; top: 22px; } .rangeslider_tooltip { width: 50px; height: 20px; background: white; position: relative; content: '2014'; margin-top: -37px; padding-top: 4px; margin-left: -14px; font-family: arial; font-size: 12px; font-weight: bold; border-radius: 15px; text-align: center; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3); line-height: 1; } .rangeslider__handle::after { content: ""; display: block; width: 11px; height: 11px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: 100%; background: white; margin: auto; border-radius: 50%; box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2); } .rangeslider { -webkit-box-shadow: inset 0 3px 0 rgba(0, 0, 0, 0.1); box-shadow: inset 0 3px 0 rgba(0, 0, 0, 0.1); } .rangeslider__fill { position: absolute; background: none; box-shadow: none; } .rangelsider::before { content: '2005'; display: block; width: 100px; height: 100px; background: black; position: absolute; top: 0; } .rangeslider .label { font-family: arial; font-size: 13px; position: absolute; top: -6px; } .rangeslider .min-label { left: -40px; } .rangeslider .max-label { right: -40px; } @media screen and (max-width: 500px) { .rangeslider_ruler_labels { display: none; } .accstats-slider-container { width: 95%; margin: 15px 0 0 30px; } .rangeslider { margin: 30px 0 0 16px; width: 75% !important; } } @media screen and (min-width: 500px) { .min-label, .max-label, .rangeslider_tooltip { display: none; } } .accstats-slider-container div::-moz-selection, .accstats-slider-container div::selection { background-color: transparent; } .waterborne-freight li.selected { background-color: #fff; } .waterborne-freight li.select { background-color: #e5e5e5; } .stacked-links { margin: 0; } .stacked-links li { border: solid #ccc; border-width: 1px 0 0; padding: 7px 32px 7px 10px; display: block; position: relative; font-size: 15px; text-decoration: none; background-color: #fff; } .stacked-links li:after { position: absolute; content: ""; display: block; right: 0; top: 50%; margin-top: -16px; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; background-position: 0px -640px; } .body-cms-preview .stacked-links li:after { background-image: url("/static/1/images/vsprite.17114d90.png"); } .stacked-links li:hover, .stacked-links li:focus { background-color: #eff6fd; cursor: pointer; } .stacked-links li:last-child { border-bottom: 1px solid #ccc; } .disruption-info h5.heading, .disruption-info .item-list { padding: 0 15px; } .disruption-info h5.heading span { font-weight: normal; } .disruption-info .item-list h5.empty { margin-bottom: 20px; } .waterborne-freight .search-filter { margin-top: 0; } .waterborne-freight .stacked-links { margin-bottom: 20px; } .waterborne-freight .stacked-links li { color: #2070b0; } .waterborne-freight .stacked-links li a { display: block; } .waterborne-freight .stacked-links li a:hover { text-decoration: none; } .waterborne-freight .freight-key .legend-item { width: 49%; } .waterborne-freight .freight-key .legend-item { display: inline-block; } .road-disruption.access-point .padded-button-container { clear: both; } .road-disruption.access-point .padded-button-container .plain-button { margin-bottom: 20px; } .road-disruption.access-point h5.heading span { text-transform: capitalize; } .road-disruption.access-point .item-list h5 span { font-weight: normal; } .road-disruption.access-point .location span { display: block; padding-left: 35px; } .road-disruption.access-point .location .type { float: left; } .road-disruption.access-point .location .name { padding-top: 2px; } .road-disruption.access-point .location h3 { padding-right: 20px; } .road-disruption.access-point .location h4 { padding-left: 35px; } .freight.marker-label { font-size: 0.7em; font-weight: bold; display: inline-block; vertical-align: middle; line-height: 25px; margin-left: -2px; margin-right: -3px; background-color: #fff; color: #2d3039; border-radius: 12px; padding-right: 10px; padding-left: 30px; border: 1px solid #ccc; white-space: nowrap; } .freight.marker-label.active { background-color: #2d3039; color: #fff; } #app-planned-works { width: 100%; font-family: Arial, Helvetica, sans-serif; } #app-planned-works #right-planner { overflow-x: auto !important; overflow-y: hidden !important; } #app-planned-works .six-months { display: none; } .show-hide-stop-toggle { clear: both; font-size: 1.3em; font-weight: bold; } #app-planned-works h2 { line-height: inherit; } #app-planned-works h2 span { font-size: 1em; color: #8c8c8c; } #info-box-all-items-holder { display: none; } #main-window-area { position: relative; border-bottom: 1px solid #e0e0e0; } .main-window-area-bottom-fade { margin: 10px; background: url("/cdn/static/images/planned-works-calendar/topFade.png") repeat-x scroll 0 0 transparent; display: block; height: 14px; /*422px;*/ margin: 0 0 10px 0px; /* opacity: 0.6;*/ clear: both; } #planner_grid { margin: 0px; } #left-lines { /* background: url("/cdn/static/images/planned-works-calendar/topFade.png") repeat-x scroll 0 0 transparent;*/ background: url("/cdn/static/images/planned-works-calendar/supporting-content-header.gif") repeat-x scroll 0 0 transparent; display: block; width: 150px; } #info-box-right { position: absolute; z-index: 2; display: none; top: 0; left: 0; text-align: center; width: 100%; } #info-box-right-inner-msg-box { text-align: left; width: 80%; padding: 15px; background: #fff; border: 6px solid #3b393a; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; margin: 20px auto; } #info-box-right-inner-msg-box h2 { font-size: 1.1em; } #info-box-right-inner-msg-box h2 span { margin-left: 20px; } #info-box-right-inner-msg-box h3 { padding-bottom: 10px; font-weight: normal; } #info-box-right-inner-msg-box .promo-area-i { font-weight: bold; margin-top: 10px; } #info-box-right-inner-msg-box .promo-area-i a { font-size: 1em; font-weight: bold; } #info-box-right-inner-msg-box .close { font-weight: bold; color: #565656; float: right; } #app-planned-works #left-lines { width: 150px; position: absolute; top: 0px; left: 0; background-color: #fff; } #app-planned-works #right-planner { width: 100%; overflow: auto; margin-left: 0px; padding-left: 150px; border-left: 2px solid #eeeeee; border-right: 1px solid #eeeeee; background: url("/cdn/static/images/planned-works-calendar/topFade_table.gif") repeat-x scroll 0 0 transparent; } /* top - Month */ tr.text_month td, tr.text_week td, tr.text_day th { /* overide defaults*/ border-bottom: none; border-top: none; padding: 0px; margin: 0px; background: none; } tr.text_day td, tr.text_day th { /* default overide*/ border-top: none; border-bottom: none; padding: 0px 2px 0px 2px; margin: 0px; } tr.text_day th { border-bottom: 1px solid #cbcbcb; height: 23px; } /* month title */ .month-left { text-align: left; } .month-center { font-weight: bold; font-size: 16px; text-align: center; padding-top: 9px; margin-top: 5px; } .monthRight { text-align: right; } .monthRight img, .month-left img { margin-top: 5px; } .top-left-holder { width: 150px; } .top-left-left { width: 1px; float: left; } .week-beginning { font-weight: bold; text-align: right; padding-right: 4px; padding-top: 36px; vertical-align: bottom; font-size: 14px; float: right; width: 145px; } tr.text_week td { /* font-weight: bold;*/ font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; } tr.text_month { /* background: url("/tfl/common/images/supporting-content-header.gif") repeat-x scroll 0 0 transparent; background: url("/cdn/static/images/planned-works-calendar/topFade.png") repeat-x scroll 0 0 transparent;*/ } tr.text_month td { border-left: 1px solid #939b9d; height: 30px; padding: 0px !important; margin: 0px !important; } tr.text_month td table tr td { border-left: none; } td.row-header { display: none; } tr.text-week-beg td { font-size: 12px; font-weight: bold; padding: 3px 3px 8px 3px; text-align: right; } /*left side (lines) : cells */ #lines-holder { margin-top: 20px; } #lines-holder tr { line-height: normal; height: 30px; } #lines-holder tr td { border-bottom: 1px solid #ffffff; height: 29px; /* remove defaults */ border-top: none; padding: 0; } #lines-holder tr td.last { border-bottom: none; } #lines-holder tr td span { padding-left: 5px; font-weight: 900; color: #ffffff; font-size: 14px; /*1.1em;*/ } #lines-holder tr.ham td span, #lines-holder tr.cir td span, #lines-holder tr.wac td span { color: #113b92; } /*right side : main table cells */ tr.line-group td { border-left: 1px dashed #e0e0e0; border-bottom: 1px solid #e0e0e0; height: 29px; width: 10px; /* remove defaults */ border-top: none; padding: 0px; } /*monday */ tr.line-group td.mon { border-left: 1px dashed #939b9d; width: 13px; } /* end of month */ tr.line-group td.d { border-left: 1px solid #939b9d; } /* weekend background */ tr.line-group td.w { background-color: #eeeeee; } /* active items */ tr.line-group td a { height: 29px; display: block; width: 14px; } /* Line colors */ tr.bakerloo td a, #lines-holder tr.bakerloo { background-color: #ae6118; } tr.central td a, #lines-holder tr.central { background-color: #e41f1f; } tr.circle td a, #lines-holder tr.circle { background-color: #f8d42d; } tr.district td a, #lines-holder tr.district { background-color: #00a575; } tr.hammersmith td a, #lines-holder tr.hammersmith { background-color: #e899a8; } tr.jubilee td a, #lines-holder tr.jubilee { background-color: #8f989e; } tr.metropolitan td a, #lines-holder tr.metropolitan { background-color: #893267; } tr.northern td a, #lines-holder tr.northern { background-color: #000000; } tr.piccadilly td a, #lines-holder tr.piccadilly { background-color: #0019a8; } tr.victoria td a, #lines-holder tr.victoria { background-color: #009fe0; } tr.waterloo td a, #lines-holder tr.waterloo { background-color: #70c3ce; } tr.dlr td a, #lines-holder tr.dlr { background-color: #00bbb4; } tr.overground td a, #lines-holder tr.overground { background-color: #f86c00; } tr.liberty td a, #lines-holder tr.liberty { background-color: #61686b; } tr.mildmay td a, #lines-holder tr.mildmay { background-color: #006fe6; } tr.weaver td a, #lines-holder tr.weaver { background-color: #9b0058; } tr.windrush td a, #lines-holder tr.windrush { background-color: #dc241f; } tr.lioness td a, #lines-holder tr.lioness { background-color: #ffa600; } tr.suffragette td a, #lines-holder tr.suffragette { background-color: #18a95d; } tr.elizabeth td a, #lines-holder tr.elizabeth { background-color: #60399e; } tr.tram td a, #lines-holder tr.tram { background-color: #5fb526; } .line-group.dlr { background: none; } /* Line colors:hover */ tr.bakerloo td.hover-on a { background-color: #dfc0a3; } tr.central td.hover-on a { background-color: #f4a5a5; } tr.circle td.hover-on a { background-color: #fceeab; } tr.district td.hover-on a { background-color: #99dbc8; } tr.hammersmith td.hover-on a { background-color: #f6d6dc; } tr.jubilee td.hover-on a { background-color: #d2d6d8; } tr.metropolitan td.hover-on a { background-color: #d0adc2; } tr.northern td.hover-on a { background-color: #999999; } tr.piccadilly td.hover-on a { background-color: #9ab9d9; } tr.victoria td.hover-on a { background-color: #99d9f3; } tr.waterloo td.hover-on a { background-color: #c6e7eb; } tr.dlr td.hover-on a { background-color: #bbfffc; } tr.overground td.hover-on a { background-color: #ffcfaa; } tr.elizabeth td.hover-on a { background-color: #9ab9d9; } tr.tram td.hover-on a { background-color: #93db4c; } tr.line-group { height: 30px; } #right-fade, #lines-left-fade, #lines-left-fade, #fade-left { display: none; } .major-event { /* TO BE USED IN NEST SPRINT 32 .leaflet-control-layers { border-radius:0; cursor:pointer; } .leaflet-control-layers-toggle{ width:32px; height:32px; @include standard-sprite; @include svg-icon-position-only(66,2); } .leaflet-control-layers-overlays { width:170px; height:30px; label { cursor:pointer; input { margin-top:2px; position:relative; top:10px; right:-125px; } span { top:7px; left:-25px; position:relative; &:before{ content:''; width: 32px; height: 32px; float: left; background-position: -32px -192px; background-image: url(https://tfl.gov.uk/cdn/static/scripts/maps/framework/map/icons/map_icon_sprite_x2.png); background-size: 96px,1344px; background-repeat: no-repeat; } } } } */ } .major-event .leaflet-top, .major-event .leaflet-bottom { position: absolute; z-index: 9; pointer-events: none; } .major-event.accordion.basic .expandable-box .content { background-color: #fff; border: solid #ccc; border-width: 1px 1px 3px; } .major-event .loader { z-index: 10000; } .major-event .loader:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background-color: #2d3039; } .major-event .loader .throbber, .major-event .loader .map-sliver.loading[data-map-purpose='nearby']:after, .major-event .loader .loading-disruptions { display: block; position: absolute; left: 50%; top: 50%; margin-top: -35px; margin-left: -35px; z-index: 11; } .major-event .search-filter { background-color: #fff; border-bottom: 0; margin-top: 0; padding: 0 10px 0 5px; } .major-event .map-icon span { background-image: url("/static/1/images/homepage_sprite_x2.png"); background-image: url("/static/1/images/homepage_sprite.png") \9; background-size: 96px 240px; background-position: -48px -48px; height: 48px; width: 48px; display: block; display: block; padding-right: 5px; float: left; margin-top: -8px; } .body-cms-preview .major-event .map-icon span { background-image: url("/static/1/images/homepage_sprite.png"); } .major-event .selector { width: 44%; float: left; } .major-event .major-works-events.legend { overflow: hidden; border-bottom-width: 1px; } .major-event .major-works-events.legend .key-title { width: 10%; float: left; } .major-event .major-works-events.legend .legend-item { padding-top: 0; padding-bottom: 0; display: inline; white-space: nowrap; height: 32px; } .major-event .major-works-events.legend .legend-item label { padding-left: 35px; white-space: nowrap; padding-top: 4px; } .major-event .major-works-events.legend .legend-item:nth-child(1), .major-event .major-works-events.legend .legend-item:nth-child(3), .major-event .major-works-events.legend .legend-item:nth-child(4) { width: 100%; float: left; } .major-event .major-works-events.legend .legend-item:nth-child(2), .major-event .major-works-events.legend .legend-item:nth-child(5) { width: 50%; float: left; } .major-event .major-works-events.legend .legend-item:nth-child(2) { float: left; } .major-event .major-works-events.legend .legend-item hr { height: 5px; width: 20px; display: inline-block; vertical-align: middle; margin-right: 5px; margin-left: 5px; } .major-event .major-works-events.legend .legend-item hr.diversion { background-color: #2070b0; } .major-event .major-works-events.legend .legend-item hr.closure { background-color: #ed3325; } .major-event .major-works-events.legend .legend-item hr.roadwork { background-color: orange; } .major-event .major-works-events.legend .legend-item hr.congestion { background-color: #737373; } .major-event .major-works-events.legend .legend-item .key-icon { height: 32px; width: 32px; display: block; } .major-event .major-works-events.legend .legend-item label.legend-item-busy { background-position: -32px -2752px; background-image: url(/cdn/static/scripts/maps/framework/map/icons/map_icon_sprite_x2.png); background-image: url(/cdn/static/scripts/maps/framework/map/icons/map_icon_sprite.png) \9; background-size: 96px, 1344px; background-repeat: no-repeat; content: ""; } .major-event .major-event-map-selection { padding: 0; } .r .major-event-small { margin: 0; width: 100%; } .major-event-small-no-border { border: 0; } .exit-map { padding: 20px 0; float: left; background-color: lightgray; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; background-position: 0px -576px; } .body-cms-preview .exit-map { background-image: url("/static/1/images/vsprite.17114d90.png"); } .major-event-selector-container { padding: 15px 0 0 5px; } .roads-geo-mapping-map { margin-left: auto; margin-right: auto; width: 100%; height: 350px; } .diversion-line { stroke: #2070b0; stroke-opacity: 1; } .diversion-southbound-line { stroke: #2070b0; stroke-opacity: 1; } .closure-line { stroke: #ed3325; stroke-opacity: 0.9; } .roadwork-line { stroke: orange; stroke-opacity: 0.9; } .congestion-line { stroke: #737373; stroke-opacity: 0.7; stroke-width: 3; fill: none; } .impact-area { fill: #1a5a92; fill-opacity: 0.2; stroke-width: 0; } .closure-icon-active { background-image: url(/cdn/static/scripts/maps/framework/map/icons/map_icon_sprite_selected_x2.png); background-image: url(/cdn/static/scripts/maps/framework/map/icons/map_icon_sprite_selected.png) \9; background-size: 96px, 1344px; height: 51px; width: 32px; background-position: -64px -510px; } .closure-icon { background-position: 0px -896px; background-image: url(/cdn/static/scripts/maps/framework/map/icons/map_icon_sprite_x2.png); background-image: url(/cdn/static/scripts/maps/framework/map/icons/map_icon_sprite.png) \9; background-size: 96px, 1344px; background-repeat: no-repeat; } .roadwork-icon-active { background-image: url(/cdn/static/scripts/maps/framework/map/icons/map_icon_sprite_selected_x2.png); background-image: url(/cdn/static/scripts/maps/framework/map/icons/map_icon_sprite_selected.png) \9; background-size: 96px, 1344px; height: 51px; width: 32px; background-position: -32px -510px; } .roadwork-icon { background-position: 0px -64px; background-image: url(/cdn/static/scripts/maps/framework/map/icons/map_icon_sprite_x2.png); background-image: url(/cdn/static/scripts/maps/framework/map/icons/map_icon_sprite.png) \9; background-size: 96px, 1344px; background-repeat: no-repeat; } /************************************************** M092- Improved List Loader * Author: * Created: 26/07/2016 * Pattern library URL: **************************************************/ .routeSelector { overflow: hidden; } .routeSelector .heading { line-height: 153.333%; background: #eee; margin: 0; padding-top: 10px; } .routeSelector .heading span { display: inline-block; } .list-loader-component { display: none; overflow: hidden; position: relative; margin-bottom: 20px; } .no-js .list-loader-component { display: block; } .list-loader-component h3 { font-weight: bold; font-size: 16px; font-family: Johnston100-Light, Arial, Helvetica, sans-serif; margin-bottom: 0; padding: 10px; } .routeSelector ul { list-style: none; } .routeSelector ul.routes-list { background: transparent; margin-bottom: 0; } .routeSelector ul.routes-list a:after { display: none; } .transport-list-options { padding: 10px; margin: 0 0 20px; background: #eee; } .transport-list-options > li { border: solid #ccc; border-width: 0 1px 1px; background: #fff; } .transport-list-options > li:first-of-type { border-top-width: 1px; } .transport-list-link > a { position: relative; display: block; color: #2d3039; padding: 10px 12.5% 5px 4%; text-decoration: none; } .transport-list-link > a span { position: absolute; right: 5px; top: 50%; margin-top: -16px; } .transport-list-link > a .bus-icon { background-position: 0px -320px; } .transport-list-link > a .tube-icon { background-position: 0px -1056px; } .transport-list-link > a .river-icon { background-position: 0px -384px; } .data-shown > a { font-weight: 700; margin-bottom: 10px; } .data-shown > a .bus-icon { background-position: -32px -320px; } .data-shown > a .tube-icon { background-position: 0px -416px; } .data-shown > a .river-icon { background-position: -32px -384px; } .data-shown > a, .data-shown > a:hover { background-color: #2d3039; color: #fff; } .data-shown .list-loader-component { margin-bottom: 0; } .list-loader-component .route { width: 100%; } .list-loader-component .route:nth-child(n) { border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } .list-loader-component .route:nth-last-child(-n + 1) { border-bottom: 1px solid #ccc; } .list-loader-component .sorted { margin: 0 0 0 0.5%; } .list-loader-component .sorted a { padding: 10px; display: block; text-align: center; } .list-loader-component .sorted li { display: none; width: 18.4%; float: left; background: #f7fbfe; margin: 1px; padding-top: 2px; } .list-loader-component .bus-data { width: 210%; } .list-loader-component .bus-data a { background-color: #f7fbfe !important; color: #2070b0 !important; } .list-loader-component .busList-51-100, .list-loader-component .busList-151-200, .list-loader-component .busList-251-300, .list-loader-component .busList-351-400, .list-loader-component .busList-451-500, .list-loader-component .busList-601-650, .list-loader-component .busList-E-K, .list-loader-component .busList-U-X, .list-loader-component .busList-U-W { margin-left: -100%; } .split-group .range { float: left; width: 50%; border: solid #ccc; border-width: 0px 1px 1px 0; } .split-group .range a { display: block; padding: 10px; text-decoration: none; } .split-group .range.selected { border: none !important; margin-top: 1px; } .split-group .range.selected a { background-color: #2d3039; color: #fff; } .split-group .range.unselected { background: #eee; } .split-group .range:nth-child(2n+1) { border-left-width: 1px; } .split-group .range.group-E-K, .split-group .range.group-N-S, .split-group .range.group-U-X, .split-group .range.group-U-W { border-top-width: 1px; margin-top: -1px; } .split-group .range.group-E-K { border-top-width: 1px; } @media (min-resolution: 1dppx) { .list-loader-component .route { width: 100%; } .list-loader-component .route:nth-child(n) { border-top: 0px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } .list-loader-component .route:nth-last-child(-n + 1) { border-bottom: 1px solid #ccc; } .list-loader-component .sorted { margin: 0 0 0 0.5%; } .list-loader-component .sorted a { padding: 10px; display: block; text-align: center; } .list-loader-component .sorted li { display: none; width: 18.4%; float: left; background: #f7fbfe; margin: 1px; padding-top: 2px; } .list-loader-component .bus-data { width: 100%; } .list-loader-component .bus-data a { background-color: #f7fbfe !important; color: #2070b0 !important; } .split-group .range { width: 100%; border-bottom: 1px; } .split-group .range:nth-child(n) { border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 0.05px solid #ccc; } } .split-group { background: #fff; clear: both; } .split-group ul { clear: both; } .split-group:first-of-type .range:nth-child(1), .split-group:first-of-type .range:nth-child(2) { border-top-width: 1px; } .split-group:last-of-type .range { border-bottom-width: 1px; } .split-group.displayed { padding-bottom: 10px; overflow: hidden; } .split-group.displayed .range { margin-bottom: 10px; border-bottom-width: 1px; } .split-group.displayed:last-of-type { border-bottom-width: 0; } .split-group.displayed + .split-group .range { border-top-width: 1px; margin-top: 0; } .transport-list-data { position: relative; z-index: 1; } .list-loader-data { z-index: 1; padding: 0 8px 8px; overflow: hidden; } .tube-status .line-summary { display: inline-block; width: 345px; height: 100px; position: relative; padding-left: 15px; margin-bottom: 35px; line-height: 15px; border-left-width: 8px; border-left-style: solid; } .tube-status .line-summary.bakerloo { border-left-color: #b26300; } .tube-status .line-summary.central { border-left-color: #dc241f; } .tube-status .line-summary.circle { border-left-color: #ffc80a; } .tube-status .line-summary.district { border-left-color: #007d32; } .tube-status .line-summary.hammersmith { border-left-color: #f589a6; } .tube-status .line-summary.jubilee { border-left-color: #838d93; } .tube-status .line-summary.metropolitan { border-left-color: #9b0058; } .tube-status .line-summary.northern { border-left-color: #000000; } .tube-status .line-summary.piccadilly { border-left-color: #0019a8; } .tube-status .line-summary.victoria { border-left-color: #039be5; } .tube-status .line-summary.waterloo { border-left-color: #76d0bd; } .tube-status .line-summary.overground { border-left-color: #fa7b05; } .tube-status .line-summary.liberty { border-left-color: #61686b; } .tube-status .line-summary.mildmay { border-left-color: #006fe6; } .tube-status .line-summary.weaver { border-left-color: #9b0058; } .tube-status .line-summary.windrush { border-left-color: #dc241f; } .tube-status .line-summary.lioness { border-left-color: #ffa600; } .tube-status .line-summary.suffragette { border-left-color: #18a95d; } .tube-status .line-summary.elizabeth { border-left-color: #60399e; } .tube-status .line-summary.rail { border-left-color: #ef2721; } .tube-status .line-summary.river { border-left-color: #0098d4; } .tube-status .line-summary.river-bus { border-left-color: #184593; } .tube-status .line-summary.bus { border-left-color: #c33; } .tube-status .line-summary.dlr { border-left-color: #00afad; } .tube-status .line-summary.cable-car { border-left-color: #dc241f; } .tube-status .line-summary.tram { border-left-color: #5fb526; } .tube-status .line-summary.coach { border-left-color: #fdb813; } .tube-status .line-summary.tram-route-one { border-left-color: #c6d834; } .tube-status .line-summary.tram-route-two { border-left-color: #c6d834; } .tube-status .line-summary.tram-route-three { border-left-color: #79c23f; } .tube-status .line-summary.tram-route-four { border-left-color: #336b14; } .tube-status .line-summary .line-map-link { position: absolute; bottom: 0; } .cookie-declaration-loader:after { content: ""; height: 64px; background-image: url("/static/1/images/throbber-blue-large.gif"); background-position: center center; background-repeat: no-repeat; background-size: 64px 64px; display: block; } .cookie-declaration-wrapper div ~ .cookie-declaration-loader { display: none; } @media screen and (min-width: 801px) { .card-view-container .group-heading { width: 100%; border-bottom: 1px solid #cacaca; padding: 15px 0 10px 0; letter-spacing: 0px; color: #03071c; font-weight: 600; font-size: 20px; } p + .card-view-container .group-heading { padding: 0px 0 10px 0; } .card-view-container .card-view { display: flex; width: 100%; border-bottom: 1px solid #cacaca; padding: 10px 0 10px 0; } .card-view-container .card-view:last-child { margin-bottom: 20px; border: none; } .card-view-container .card-view .card-image-container, .card-view-container .card-view .offer-card-text-container { display: flex; justify-content: center; flex-direction: column; } .card-view-container .card-view.offer-card .card-image-container { flex: 3; } .card-view-container .card-view.offer-card .card-image-container img { max-width: 80%; } .card-view-container .card-view.offer-card .offer-card-text-container { flex: 9; } .card-view-container .card-view.offer-card .offer-card-text-container p { margin-bottom: 0; margin-top: 5px; } .card-view-container .card-view.offer-card .offer-card-link-container { flex: 3; justify-content: flex-start; flex-direction: column; display: flex; } .card-view-container .card-view.offer-card .offer-card-link-container a { border: none; width: auto; display: inline-block; } .card-view-container .card-view.offer-card .offer-card-link-container a:after { margin-right: 30px; } } @media only screen and (max-width: 800px) { .card-view-container .group-heading { width: 100%; border-bottom: 1px solid #cacaca; padding: 15px 10px 10px 10px; letter-spacing: 0px; color: #03071c; font-weight: 600; font-size: 20px; } p + .card-view-container .group-heading { padding: 0px 10px 10px 10px; } .card-view-container .card-view { width: 100%; border-bottom: 1px solid #cacaca; padding: 10px; } .card-view-container .card-view:last-child { margin-bottom: 20px; border: none; } .card-view-container .card-view .card-image-container, .card-view-container .card-view .offer-card-text-container, .card-view-container .card-view .offer-card-link-container { width: 100%; } .card-view-container .card-view.offer-card .offer-card-text-container p { margin-bottom: 0; margin-top: 5px; } .card-view-container .card-view.offer-card .offer-card-text-container img { max-width: 136px; margin: 15px 0; } .card-view-container .card-view.offer-card .offer-card-link-container a { border: none; width: auto; display: inline-block; padding: 5px 10px 5px 0px; } .card-view-container .card-view.offer-card .offer-card-link-container a:after { margin-right: -20px; } } #full-width-content .card-view-container a.plain-button { text-decoration: underline; } #full-width-content .card-view-container a.plain-button:hover { text-decoration: none; } @media only screen and (max-width: 579px) { .broadcast-comms .broadcast-text { font-size: 175%; padding: 20px 50px 25px 20px; line-height: 1.3; } .broadcast-comms .broadcast-text h2 { font-size: 100%; line-height: 1.3; } .broadcast-comms:after { top: 90%; right: 25px; } } /*ruc*/ .tile-wall { position: relative; overflow: hidden; } .pcn-tile { margin-bottom: 30px; border-bottom: 3px solid rgba(204, 204, 204, 0.75); } .pcn-tile .tile-header .form-control { width: auto; margin-bottom: auto; display: block; float: none; } .no-js .tile-wall .pcn-tile { visibility: visible; } .pcn-tile.page-header { border-bottom: 0; } .pcn-tile.warning { border-bottom: 3px solid rgba(204, 204, 204, 0.75); } .pcn-tile.warning .pcn-detail-panel { background-color: #fbf4e1; } .pcn-tile .patas-warning { border-bottom: 1px dotted #ccc; margin-bottom: 15px; padding: 0 0 20px 40px; font-size: 15px; } .pcn-tile .tile-header { border: #ccc 1px solid; text-transform: uppercase; } .pcn-tile .pcn-mock-label { padding: 10px 5px 11px 12px; display: block; } .pcn-tile .form-control-wrapper { margin-bottom: 0; width: 100% !important; } .pcn-tile input[type="checkbox"] + input[type="hidden"] + .styled-checkbox-label { padding: 10px 5px 11px 12px; } .pcn-tile input[type="checkbox"] + input[type="hidden"] + .styled-checkbox-label:after { left: auto; right: 8px; } .lt-ie9 .pcn-tile { float: left; clear: left; width: 48%; margin-right: 1%; margin-bottom: 30px; overflow: hidden; } .pcn-tile dl { font-size: 15px; } .pcn-tile dt { font-weight: bold; } .pcn-tile dd { margin-bottom: 20px; } .pcn-tile .plain-button { border: #ccc 1px solid; bord-bottom: 0; color: #1a5a92; font-size: 16px; } .disabled-tile .pcn-tile { background-color: #eee; } .disabled-tile .pcn-tile .plain-button:hover { background-color: #eee; } .pcn-tile .form-control { float: none; margin-bottom: 0; } .pcn-tile .boxed-label-for-input { padding: 12px 37px 16px 1em; } .pcn-detail-panel { background-color: #eff6fd; border: #ccc 1px solid; border-top: 0; border-bottom: 0; padding: 20px; } .disabled-tile .pcn-detail-panel { background-color: #eee; } .pcn-detail-panel .disabled-tile input[type="checkbox"] + input[type="hidden"] + .styled-checkbox-label { background-color: #eee; border-top: 3px solid rgba(204, 204, 204, 0.75); } .pcn-detail-panel .disabled-tile .pcn-mock-label { background-color: #eee; border-top: 3px solid rgba(204, 204, 204, 0.75); } .pcn-detail-panel:last-child { border-bottom: #ccc 1px solid; } .pcn-tile-heading { margin-bottom: 0; font-family: "NJ Signing"; text-transform: uppercase; font-size: 26px; line-height: 1; } .pcn-tile-heading * { line-height: 1; } .bordered-tile { border-bottom: 3px solid rgba(204, 204, 204, 0.75); } .boxed-heading { border: 1px solid #ccc; margin-bottom: 30px; } .boxed-heading .heading { font-size: 22px; padding: 14px 40px 14px 16px; margin-bottom: 0; } .review-dispensation-detail dd { margin-bottom: 2px; } .review-dispensation-detail ol { margin-left: 16px; } .evidence-headline { margin-top: 40px; clear: both; } .evidence-checkbox .boxed-label-for-input { font-family: "New Johnson Bold"; font-size: 20px; } .vehicle-highlight { background-color: #eee; border-bottom: rgba(204, 204, 204, 0.75) 3px solid; overflow: hidden; text-align: center; padding: 15px; margin-bottom: 30px; } .vehicle-highlight p { font-size: 20px; font-family: "New Johnson"; line-height: 1.1; text-align: left; } .vehicle-ident { background-color: #ffffff; font-family: "NJ Signing"; font-size: 30px; text-transform: uppercase; border-radius: 5px; display: table; padding: 7px 48px; margin: auto; width: 100%; } .all-pcns-wrapper { display: block; overflow: hidden; } .all-pcns-wrapper p { max-width: 100%; padding: 12px 0 0; } .warning .plain-button:hover { background-color: #fbf6e0; } .nope-border { border: 0 !important; } .pcn-cancel-box { margin-top: 30px; padding: 16px; border: 1px solid #ccc; border-bottom-width: 0; } .pcn-cancel-box p strong { line-height: inherit; vertical-align: inherit; } .r .pcn-cancel-box { margin-left: 0; margin-right: auto; } .pcn-cancel-box .cta-instructions { line-height: 40px; } .pcn-cancel-box .cta-instructions abbr { line-height: 40px; } .expandable-box div.tile-wall { position: relative; overflow: hidden; padding: 10px 0; margin-top: 30px; } .ruc-icon-position a.controls { right: 16px; } .rucbasket-totals-vrm { display: block; text-transform: uppercase; } .terms-checkbox-wrapper { padding: 1em 1em 0 1em; } .terms-checkbox-wrapper .form-control-wrapper { padding-top: 0; } .responsive-form .terms-checkbox-wrapper .form-control-wrapper { width: 100%; } .congestion-charge-basket { clear: both; margin-bottom: 30px; } .new-vrm-entry { padding-bottom: 0; overflow: hidden; } .new-vrm-entry .button-set { padding: 0; border-top: none; } .show-baskethasitems { display: none; } .no-js .show-baskethasitems { display: block; } .add-another-wrap { overflow: hidden; } #add-additional-charges, #add-additional-lez-charges { margin-top: 0; } ul.documentation-list { margin-bottom: 48px; } ul.documentation-list .uploaded-file { background-color: #f2f2f2; border-bottom: rgba(204, 204, 204, 0.75) 3px solid; margin-bottom: 10px; padding-left: 20px; } ul.documentation-list a { color: #000; text-decoration: none; } .file-list-output ul.documentation-list { margin-bottom: 12px; } .upload-control-read-only { margin: 20px 0; } .user-address { margin-bottom: 48px; } .user-address dt { color: #000; font-weight: bold; font-size: 15px; margin-bottom: 6px; line-height: 1; } .user-address dd { font-size: 15px; margin-bottom: 20px; line-height: 1; } .user-address dd span { display: block; } .user-address dd .inline-children span { display: inline-block; } .user-address dd .inline-children span.permit-ref { display: block; } .ruc-representation h3 { margin-bottom: 26px; font-size: 24px; } .ruc-representation p + h3 { margin-top: 20px; } .ruc-representation h4 { margin-bottom: 12px; font-size: 16px; } .ruc-representation .warning { background-color: #fbf6e0; padding: 18px 10px 1px; } .representation-footer .primary-button { margin-bottom: 40px; width: 100%; } .representation-header .heading { font-family: "NJ Signing"; } .with-bottom-border { border-bottom: #ccc 1px solid; padding-bottom: 20px; } .pcn-list { font-weight: bold; list-style: none; margin: 15px 0; } .cc-hcard { display: block; font-weight: bold; } .user-address { margin-bottom: 48px; } .user-address dt { color: #000; font-weight: bold; font-size: 15px; margin-bottom: 6px; line-height: 1; } .user-address dd { font-size: 15px; margin-bottom: 20px; line-height: 1; } .user-address dd span { display: block; } .user-address dd .inline-children span.permit-ref { display: block; } .review-step-block { overflow: hidden; margin: 20px 0; } .review-step-block .review-step-title, .review-step-block dt { color: #000; font-weight: bold; font-size: 15px; margin-bottom: 6px; line-height: 1; clear: left; } .review-step-block .review-step-content, .review-step-block dd { font-size: 15px; margin-bottom: 12px; line-height: 1; color: #a8a8a8; float: left; position: relative; width: 100%; } .review-step-block span { display: block; overflow: hidden; } .review-step-block .inline-children * { display: block; float: left; margin-right: 0.5em; } .review-step-block .inline-children *.permit-ref { display: block; } .review-page-title { font-size: 30px; } .vrm-wrapper { background-color: white; border-radius: 5px; text-align: center; line-height: 60px; font-size: 20px; text-transform: uppercase; font-weight: bold; color: #2d3039; width: 50%; float: right; } .instructional-text { margin-bottom: 0; } label.details-label { font-weight: normal; font-size: 16px; } .grouped-headings { margin-bottom: 20px; } .grouped-headings h3 { margin-bottom: 8px; } .ruc-contact-preferences { clear: both; overflow: hidden; border-top: dotted 1px #ccc; padding-top: 30px; } .ruc-contact-preferences .form-control-wrapper { margin-bottom: 0; } .ruc-contact-preferences .form-control-wrapper + .form-control-wrapper { margin-bottom: 30px; } .form-footer .primary-button { margin: 30px 0; } .trigger-manual-address { clear: both; display: block; padding: 8px 0; } .no-js .trigger-manual-address { display: none; } .congestion-map-accordion.expandable-box { margin-bottom: 30px; } .congestion-map-accordion.expandable-box .expanded .start-hidden, .congestion-map-accordion.expandable-box .expanded { border: 0; padding: 0; } .congestion-map-accordion.expandable-box .expanded { border-bottom: 1px dotted; } .congestion-map-accordion.expandable-box .map-downloads { padding-top: 20px; } .map-downloads-wrapper { padding-top: 20px; } .loading-information, #bulk-processing-wait { background: #fff url("/static/1/images//throbber-blue-large.gif") no-repeat 50% 2%; min-height: 80px; position: relative; } .loading-information .button-set, #bulk-processing-wait .button-set { position: absolute; bottom: 0; left: 0; } .ruc-dispensation h3 { clear: left; } .ruc-dispensation .form-control-wrapper { overflow: hidden; } .ruc-dispensation .wizard-step-legend { display: none; } .dispensation-vehicle-tile { background-color: #eff6fd; border: 1px solid rgba(204, 204, 204, 0.75); border-bottom-width: 3px; position: relative; padding: 24px 12px 12px; font-size: 15px; } .dispensation-vehicle-tile .remove-vehicle { background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; background-position: -64px -800px; position: absolute; right: 0; top: 0; cursor: pointer; } .body-cms-preview .dispensation-vehicle-tile .remove-vehicle { background-image: url("/static/1/images/vsprite.17114d90.png"); } .dispensation-vehicle-tile .edit-vehicle { position: absolute; right: 10px; top: 5px; cursor: pointer; } .dispensation-vehicle-tile.can-remove .edit-vehicle { right: 36px; } .dispensation-vehicle-tile dt { font-weight: bold; } .dispensation-vehicle-tile dt:first-letter { text-transform: uppercase; } .dispensation-vehicle-tile .added-vehicle-vrm { text-transform: uppercase; } .time-wrapper { clear: both; max-width: 8em; } .dispensation-time-picker .styled-checkbox { width: 6em; } .dispensation-time-picker .styled-checkbox-label { padding: 1px 0 48px !important; font-weight: bold; font-size: 16px; } .dispensation-time-picker .styled-checkbox-label:after { margin-top: 0 !important; } .dispensation-time-range { overflow: hidden; } .dispensation-time-range div.form-control-wrapper { width: 30%; float: left; clear: none; } .dispensation-time-range div.form-control, .dispensation-time-range .selector { width: 98%; } .loading-field { background: transparent url("/static/1/images/throbber-blue-small.gif") no-repeat 98% 50%; } .loading-field:not(.disable-removable-content) { background-position: 90% 50%; } .edit-dispensation-vehicles legend { left: -1000em; position: relative; } .no-js .vehicle-add { display: none; } #dispensation-entry-button { float: right; } .discount-list { margin-bottom: 30px; } .discount-list .disconnected-content { overflow: hidden; } .discount-list .primary-button.responsive-single-button { margin-top: 0; } .dotted-rule { border-bottom: #ccc 1px dotted; margin: 0 12px 1em; padding: 0; height: 1px; display: block; } .change-vehicle:before { content: ""; position: absolute; background-image: url("/static/1/images/vsprite_largeicons_x2.a3bbdf38.png"); background-image: url("/static/1/images/vsprite_largeicons.f8f4a4b8.png") \9; background-size: 256px 384px; height: 64px; width: 64px; background-position: 0px -64px; bottom: auto; left: 5px; right: auto; top: 50%; } .body-cms-preview .change-vehicle:before { background-image: url("/static/1/images/vsprite_largeicons.f8f4a4b8.png"); } .change-date:before { content: ""; position: absolute; background-image: url("/static/1/images/vsprite_largeicons_x2.a3bbdf38.png"); background-image: url("/static/1/images/vsprite_largeicons.f8f4a4b8.png") \9; background-size: 256px 384px; height: 64px; width: 64px; background-position: -64px -64px; bottom: auto; left: 5px; right: auto; top: 50%; } .body-cms-preview .change-date:before { background-image: url("/static/1/images/vsprite_largeicons.f8f4a4b8.png"); } .change-vehicle-and-date:before { content: ""; position: absolute; background-image: url("/static/1/images/vsprite_largeicons_x2.a3bbdf38.png"); background-image: url("/static/1/images/vsprite_largeicons.f8f4a4b8.png") \9; background-size: 256px 384px; height: 64px; width: 64px; background-position: -128px -64px; bottom: auto; left: 5px; right: auto; top: 50%; } .body-cms-preview .change-vehicle-and-date:before { background-image: url("/static/1/images/vsprite_largeicons.f8f4a4b8.png"); } .appended-borders { border: #ccc 1px solid; border-bottom-width: 0; } .appended-datepicker { padding: 10px 12px 20px 16px; overflow: hidden; } .appended-datepicker .form-control-wrapper:last-child { margin-bottom: 0; } .tighter-checkbox .form-control-wrapper { margin-bottom: 10px; } .cc-charge-error { margin-bottom: 20px; } .ruc-logged-in-info { margin-top: 10px; } .account-transaction-detail { border: #ccc solid; border-width: 1px 1px 3px; padding: 12px 20px; } #select-payment-option-button { display: none; } .no-js #select-payment-option-button { display: block; } #direct-debit-logo { display: block; margin-bottom: 15px; } #bulk-processing-wait { width: 100%; height: 120px; } .dd-service-user-number { background-color: #f7f7f7; font-weight: bold; letter-spacing: 19px; margin: 5px 0 20px; max-width: 180px; padding: 5px; text-align: center; text-indent: 12px; } .inline-code-block, .code-block { border: solid 1px #ccc; background-color: #f5f5f5; font-family: "Courier New",monospace; padding: 2px 5px; vertical-align: baseline; } .inline-code-block .comment, .code-block .comment { color: green; } .code-block { padding: 15px; display: block; margin-bottom: 20px; overflow: auto; white-space: pre; } .code-block .code-comment { color: green; } /** * alertifyjs 1.4.1 http://alertifyjs.com * AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications. * Copyright 2015 Mohammad Younes (http://alertifyjs.com) * Licensed under MIT */ .alertify .ajs-dimmer { position: fixed; z-index: 1981; top: 0; right: 0; bottom: 0; left: 0; padding: 0; margin: 0; background-color: #252525; opacity: .5; } .alertify .ajs-modal { position: fixed; top: 0; right: 0; left: 0; bottom: 0; padding: 0; overflow-y: auto; z-index: 1981; } .alertify .ajs-dialog { position: relative; margin: 5% auto; min-height: 110px; max-width: 500px; padding: 24px 24px 0 24px; outline: 0; background-color: #fff; } .alertify .ajs-dialog.ajs-capture:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; z-index: 1; } .alertify .ajs-reset { position: absolute !important; display: inline !important; width: 0 !important; height: 0 !important; opacity: 0 !important; } .alertify .ajs-commands { position: absolute; right: 4px; margin: -14px 24px 0 0; z-index: 2; } .alertify .ajs-commands button { display: none; width: 10px; height: 10px; margin-left: 10px; padding: 10px; border: 0; background-color: transparent; background-repeat: no-repeat; background-position: center; cursor: pointer; } .alertify .ajs-commands button.ajs-close { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAh0lEQVQYlY2QsQ0EIQwEB9cBAR1CJUaI/gigDnwR6NBL/7/xWLNrZ2b8EwGotVpr7eOitWa1VjugiNB7R1UPrKrWe0dEAHBbXUqxMQbeewDmnHjvyTm7C3zDwAUd9c63YQdUVdu6EAJzzquz7HXvTiklt+H9DQFYaxFjvDqllFyMkbXWvfpXHjJrWFgdBq/hAAAAAElFTkSuQmCC); } .alertify .ajs-commands button.ajs-maximize { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAOUlEQVQYlWP8//8/AzGAhYGBgaG4uBiv6t7eXkYmooxjYGAgWiELsvHYFMCcRX2rSXcjoSBiJDbAAeD+EGu+8BZcAAAAAElFTkSuQmCC); } .alertify .ajs-header { margin: -24px; margin-bottom: 0; padding: 16px 24px; background-color: #fff; } .alertify .ajs-body { min-height: 56px; } .alertify .ajs-body .ajs-content { padding: 16px 24px 16px 16px; } .alertify .ajs-footer { padding: 4px; margin-left: -24px; margin-right: -24px; min-height: 43px; background-color: #fff; } .alertify .ajs-footer .ajs-buttons.ajs-primary { text-align: right; } .alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button { margin: 4px; } .alertify .ajs-footer .ajs-buttons.ajs-auxiliary { float: left; clear: none; text-align: left; } .alertify .ajs-footer .ajs-buttons.ajs-auxiliary .ajs-button { margin: 4px; } .alertify .ajs-footer .ajs-buttons .ajs-button { min-width: 88px; min-height: 35px; } .alertify .ajs-handle { position: absolute; display: none; width: 10px; height: 10px; right: 0; bottom: 0; z-index: 1; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMS8xNEDQYmMAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQ0lEQVQYlaXNMQoAIAxD0dT7H657l0KX3iJuUlBUNOsPPCGJm7VDp6ryeMxMuDsAQH7owW3pyn3RS26iKxERMLN3ugOaAkaL3sWVigAAAABJRU5ErkJggg==); -webkit-transform: scaleX(1); transform: scaleX(1); cursor: se-resize; } .alertify.ajs-no-overflow .ajs-body .ajs-content { overflow: hidden !important; } .alertify.ajs-no-padding.ajs-maximized .ajs-body .ajs-content { left: 0; right: 0; padding: 0; } .alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body { margin-left: -24px; margin-right: -24px; } .alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body .ajs-content { padding: 0; } .alertify.ajs-no-padding.ajs-resizable .ajs-body .ajs-content { left: 0; right: 0; } .alertify.ajs-maximizable .ajs-commands button.ajs-maximize, .alertify.ajs-maximizable .ajs-commands button.ajs-restore { display: inline-block; } .alertify.ajs-closable .ajs-commands button.ajs-close { display: inline-block; } .alertify.ajs-maximized .ajs-dialog { width: 100% !important; height: 100% !important; max-width: none !important; margin: 0 auto !important; top: 0 !important; left: 0 !important; } .alertify.ajs-maximized.ajs-modeless .ajs-modal { position: fixed !important; min-height: 100% !important; max-height: none !important; margin: 0 !important; } .alertify.ajs-maximized .ajs-commands button.ajs-maximize { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAASklEQVQYlZWQ0QkAMQhDtXRincOZX78KVtrDCwgqJNEoIB3MPLj7lRUROlpyVXGzby6zWuY+kz6tj5sBMTMAyVV3/595RbOh3cAXsww1raeiOcoAAAAASUVORK5CYII=); } .alertify.ajs-resizable .ajs-dialog, .alertify.ajs-maximized .ajs-dialog { padding: 0; } .alertify.ajs-resizable .ajs-commands, .alertify.ajs-maximized .ajs-commands { margin: 14px 24px 0 0; } .alertify.ajs-resizable .ajs-header, .alertify.ajs-maximized .ajs-header { position: absolute; top: 0; left: 0; right: 0; margin: 0; padding: 16px 24px; } .alertify.ajs-resizable .ajs-body, .alertify.ajs-maximized .ajs-body { min-height: 224px; display: inline-block; } .alertify.ajs-resizable .ajs-body .ajs-content, .alertify.ajs-maximized .ajs-body .ajs-content { position: absolute; top: 50px; right: 24px; bottom: 50px; left: 24px; overflow: auto; } .alertify.ajs-resizable .ajs-footer, .alertify.ajs-maximized .ajs-footer { position: absolute; left: 0; right: 0; bottom: 0; margin: 0; } .alertify.ajs-resizable:not(.ajs-maximized) .ajs-dialog { min-width: 548px; } .alertify.ajs-resizable:not(.ajs-maximized) .ajs-handle { display: block; } .alertify.ajs-movable:not(.ajs-maximized) .ajs-header { cursor: move; } .alertify.ajs-modeless .ajs-dimmer, .alertify.ajs-modeless .ajs-reset { display: none; } .alertify.ajs-modeless .ajs-modal { overflow: visible; max-width: none; max-height: 0; } .alertify.ajs-modeless.ajs-pinnable .ajs-commands button.ajs-pin { display: inline-block; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQklEQVQYlcWPMQ4AIAwCqU9u38GbcbHRWN1MvKQDhQFMEpKImGJA0gCgnYw0V0rwxseg5erT4oSkQVI5d9f+e9+xA0NbLpWfitPXAAAAAElFTkSuQmCC); } .alertify.ajs-modeless.ajs-unpinned .ajs-modal { position: absolute; } .alertify.ajs-modeless.ajs-unpinned .ajs-commands button.ajs-pin { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAO0lEQVQYlWP8//8/AzGAiShV6AqLi4txGs+CLoBLMYbC3t5eRmyaWfBZhwwYkX2NTxPRvibKjRhW4wMAhxkYGbLu3pEAAAAASUVORK5CYII=); } .alertify.ajs-modeless:not(.ajs-unpinned) .ajs-body { max-height: 500px; overflow: auto; } .alertify.ajs-basic .ajs-header { opacity: 0; } .alertify.ajs-basic .ajs-footer { visibility: hidden; } .alertify.ajs-frameless .ajs-header { position: absolute; top: 0; left: 0; right: 0; min-height: 60px; margin: 0; padding: 0; opacity: 0; z-index: 1; } .alertify.ajs-frameless .ajs-footer { display: none; } .alertify.ajs-frameless .ajs-body .ajs-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog { padding-top: 0; } .alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog .ajs-commands { margin-top: 0; } .ajs-no-overflow { overflow: hidden !important; outline: none; } .ajs-no-selection, .ajs-no-selection * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media screen and (max-width: 568px) { .alertify .ajs-dialog { min-width: 150px; } .alertify:not(.ajs-maximized) .ajs-modal { padding: 0 5%; } .alertify:not(.ajs-maximized).ajs-resizable .ajs-dialog { min-width: initial; min-width: auto; } } @-moz-document url-prefix() { .alertify button:focus { outline: 1px dotted #3593D2; } } .alertify .ajs-dimmer, .alertify .ajs-modal { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition-property: opacity, visibility; transition-timing-function: linear; transition-duration: 250ms; } .alertify.ajs-hidden .ajs-dimmer, .alertify.ajs-hidden .ajs-modal { visibility: hidden; opacity: 0; } .alertify.ajs-in:not(.ajs-hidden) .ajs-dialog { -webkit-animation-duration: 500ms; animation-duration: 500ms; } .alertify.ajs-out.ajs-hidden .ajs-dialog { -webkit-animation-duration: 250ms; animation-duration: 250ms; } .alertify .ajs-dialog.ajs-shake { -webkit-animation-name: ajs-shake; animation-name: ajs-shake; -webkit-animation-duration: .1s; animation-duration: .1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes ajs-shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes ajs-shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .alertify.ajs-slide.ajs-in:not(.ajs-hidden) .ajs-dialog { -webkit-animation-name: ajs-slideIn; animation-name: ajs-slideIn; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } .alertify.ajs-slide.ajs-out.ajs-hidden .ajs-dialog { -webkit-animation-name: ajs-slideOut; animation-name: ajs-slideOut; -webkit-animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); } .alertify.ajs-zoom.ajs-in:not(.ajs-hidden) .ajs-dialog { -webkit-animation-name: ajs-zoomIn; animation-name: ajs-zoomIn; } .alertify.ajs-zoom.ajs-out.ajs-hidden .ajs-dialog { -webkit-animation-name: ajs-zoomOut; animation-name: ajs-zoomOut; } .alertify.ajs-fade.ajs-in:not(.ajs-hidden) .ajs-dialog { -webkit-animation-name: ajs-fadeIn; animation-name: ajs-fadeIn; } .alertify.ajs-fade.ajs-out.ajs-hidden .ajs-dialog { -webkit-animation-name: ajs-fadeOut; animation-name: ajs-fadeOut; } .alertify.ajs-pulse.ajs-in:not(.ajs-hidden) .ajs-dialog { -webkit-animation-name: ajs-pulseIn; animation-name: ajs-pulseIn; } .alertify.ajs-pulse.ajs-out.ajs-hidden .ajs-dialog { -webkit-animation-name: ajs-pulseOut; animation-name: ajs-pulseOut; } .alertify.ajs-flipx.ajs-in:not(.ajs-hidden) .ajs-dialog { -webkit-animation-name: ajs-flipInX; animation-name: ajs-flipInX; } .alertify.ajs-flipx.ajs-out.ajs-hidden .ajs-dialog { -webkit-animation-name: ajs-flipOutX; animation-name: ajs-flipOutX; } .alertify.ajs-flipy.ajs-in:not(.ajs-hidden) .ajs-dialog { -webkit-animation-name: ajs-flipInY; animation-name: ajs-flipInY; } .alertify.ajs-flipy.ajs-out.ajs-hidden .ajs-dialog { -webkit-animation-name: ajs-flipOutY; animation-name: ajs-flipOutY; } @-webkit-keyframes ajs-pulseIn { 0%, 20%, 40%, 60%, 80%, 100% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes ajs-pulseIn { 0%, 20%, 40%, 60%, 80%, 100% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-webkit-keyframes ajs-pulseOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes ajs-pulseOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @-webkit-keyframes ajs-zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.25, 0.25, 0.25); transform: scale3d(0.25, 0.25, 0.25); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes ajs-zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.25, 0.25, 0.25); transform: scale3d(0.25, 0.25, 0.25); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-webkit-keyframes ajs-zoomOut { 0% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 100% { opacity: 0; -webkit-transform: scale3d(0.25, 0.25, 0.25); transform: scale3d(0.25, 0.25, 0.25); } } @keyframes ajs-zoomOut { 0% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 100% { opacity: 0; -webkit-transform: scale3d(0.25, 0.25, 0.25); transform: scale3d(0.25, 0.25, 0.25); } } @-webkit-keyframes ajs-fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes ajs-fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes ajs-fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes ajs-fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes ajs-flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes ajs-flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @-webkit-keyframes ajs-flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes ajs-flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @-webkit-keyframes ajs-flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes ajs-flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @-webkit-keyframes ajs-flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes ajs-flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @-webkit-keyframes ajs-slideIn { 0% { margin-top: -100%; } 100% { margin-top: 5%; } } @keyframes ajs-slideIn { 0% { margin-top: -100%; } 100% { margin-top: 5%; } } @-webkit-keyframes ajs-slideOut { 0% { margin-top: 5%; } 100% { margin-top: -100%; } } @keyframes ajs-slideOut { 0% { margin-top: 5%; } 100% { margin-top: -100%; } } .alertify-notifier { position: fixed; width: 0; overflow: visible; z-index: 1982; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .alertify-notifier .ajs-message { position: relative; width: 260px; max-height: 0; padding: 0; opacity: 0; margin: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition-duration: 250ms; transition-timing-function: linear; } .alertify-notifier .ajs-message.ajs-visible { transition-duration: 500ms; transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); opacity: 1; max-height: 100%; padding: 15px; margin-top: 10px; } .alertify-notifier .ajs-message.ajs-success { background: rgba(91, 189, 114, 0.95); } .alertify-notifier .ajs-message.ajs-error { background: rgba(217, 92, 92, 0.95); } .alertify-notifier .ajs-message.ajs-warning { background: rgba(252, 248, 215, 0.95); } .alertify-notifier.ajs-top { top: 10px; } .alertify-notifier.ajs-bottom { bottom: 10px; } .alertify-notifier.ajs-right { right: 10px; } .alertify-notifier.ajs-right .ajs-message { right: -320px; } .alertify-notifier.ajs-right .ajs-message.ajs-visible { right: 290px; } .alertify-notifier.ajs-left { left: 10px; } .alertify-notifier.ajs-left .ajs-message { left: -300px; } .alertify-notifier.ajs-left .ajs-message.ajs-visible { left: 0; } .alertify .ajs-dialog { padding: 15px; position: relative; max-width: 320px; } .alertify .ajs-header, .alertify .ajs-reset { display: none; } .alertify .ajs-body, .alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body { margin: 0; } .alertify .ajs-commands button.ajs-close { background-image: none; background-color: #164b79; color: #fff; padding: 8px 0 26px; position: absolute; right: -27px; top: -36px; width: 100px; } .alertify .ajs-commands button.ajs-close:before { content: "Close"; } .alertify .ajs-content { margin-bottom: 20px; } .alertify .ajs-footer { margin: 0; padding: 0; } .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button { margin: 0; } .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:first-of-type { cursor: pointer; display: block; min-height: 40px; color: #ffffff; border-radius: 5px; width: 100%; font-size: 16px; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: #164b79; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #164b79), color-stop(2px, #164b79), color-stop(2px, #1a5a92), color-stop(100%, #3f75a4)); background-image: -webkit-linear-gradient(bottom, #164b79 0%, #164b79 2px, #1a5a92 2px, #3f75a4 100%); background-image: linear-gradient(to top,#164b79 0%, #164b79 2px, #1a5a92 2px, #3f75a4 100%); -webkit-transition: background-image, 0.3s; -moz-transition: background-image, 0.3s; transition: background-image, 0.3s; text-shadow: 0 1px rgba(0, 0, 0, 0.4); border: 1px solid #164b79; position: relative; margin-bottom: 10px; } .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:first-of-type[disabled="disabled"], .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:first-of-type:disabled { pointer-events: none; cursor: default; color: #ababab; text-decoration: none; } .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:first-of-type[disabled="disabled"]:visited, .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:first-of-type:disabled:visited { color: #ababab; } .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:first-of-type:not([disabled="disabled"]):hover, .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:first-of-type:not([disabled="disabled"]):focus { background-color: #315b7f; background-image: -webkit-gradient(linear, left top, left bottom, color-stop("0%", #315b7f), color-stop(100%, #123f67)); background-image: -webkit-linear-gradient(#315b7f, #123f67); background-image: linear-gradient(#315b7f, #123f67); } .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:first-of-type[disabled="disabled"], .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:first-of-type .disabled { background-color: #e1e1e1; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1e1e1), color-stop(2px, #cecece), color-stop(2px, #e1e1e1), color-stop(100%, #ebebeb)); background-image: -webkit-linear-gradient(bottom, #e1e1e1 0%, #cecece 2px, #e1e1e1 2px, #ebebeb 100%); background-image: linear-gradient(to top,#e1e1e1 0%, #cecece 2px, #e1e1e1 2px, #ebebeb 100%); text-shadow: none; border-color: #aaaaaa; } .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:first-of-type[disabled="disabled"] .cta-content:before, .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:first-of-type .disabled .cta-content:before { opacity: 0.25; } .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:first-of-type:visited { color: #ffffff; } .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:first-of-type:active { background-image: none; background-color: #113b92; -webkit-appearance: none; } .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:first-of-type:hover, .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:first-of-type:focus { text-decoration: none; } .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:nth-of-type(2) { cursor: pointer; display: block; min-height: 40px; color: #2070b0; border-radius: 5px; width: 100%; font-size: 16px; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: #f3f3f3; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(2px, #dcdcdc), color-stop(2px, #f3f3f3), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(bottom, #f3f3f3 0%, #dcdcdc 2px, #f3f3f3 2px, #ffffff 100%); background-image: linear-gradient(to top,#f3f3f3 0%, #dcdcdc 2px, #f3f3f3 2px, #ffffff 100%); -webkit-transition: background-image, 0.3s; -moz-transition: background-image, 0.3s; transition: background-image, 0.3s; border: 1px solid #a8a8a8; } .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:nth-of-type(2)[disabled="disabled"], .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:nth-of-type(2):disabled { pointer-events: none; cursor: default; color: #ababab; text-decoration: none; } .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:nth-of-type(2)[disabled="disabled"]:visited, .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:nth-of-type(2):disabled:visited { color: #ababab; } .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:nth-of-type(2):not([disabled="disabled"]):hover, .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:nth-of-type(2):not([disabled="disabled"]):focus { background-color: #e6e5e5; background-image: -webkit-gradient(linear, left top, left bottom, color-stop("0%", #e6e5e5), color-stop(100%, #dad9d9)); background-image: -webkit-linear-gradient(#e6e5e5, #dad9d9); background-image: linear-gradient(#e6e5e5, #dad9d9); } .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:nth-of-type(2)[disabled="disabled"], .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:nth-of-type(2) .disabled { background-color: #e1e1e1; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1e1e1), color-stop(2px, #cecece), color-stop(2px, #e1e1e1), color-stop(100%, #ebebeb)); background-image: -webkit-linear-gradient(bottom, #e1e1e1 0%, #cecece 2px, #e1e1e1 2px, #ebebeb 100%); background-image: linear-gradient(to top,#e1e1e1 0%, #cecece 2px, #e1e1e1 2px, #ebebeb 100%); text-shadow: none; border-color: #aaaaaa; } .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:nth-of-type(2)[disabled="disabled"] .cta-content:before, .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:nth-of-type(2) .disabled .cta-content:before { opacity: 0.25; } .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:nth-of-type(2):visited { color: #2070b0; } .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:nth-of-type(2):active { color: #113b92; background-image: none; background-color: #eee; -webkit-appearance: none; } .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:nth-of-type(2):hover, .alertify .ajs-footer .ajs-primary.ajs-buttons .ajs-button:nth-of-type(2):focus { text-decoration: none; } .account-wall { position: relative; min-height: 480px; } .feature-tile { float: left; width: 100%; } .account-feature-box { border: #ccc 1px solid; box-shadow: rgba(0, 0, 0, 0.1) 0 3px 0; position: relative; margin: 1% 1% 3%; padding: 20px 20px 0 20px; color: #2d3039; display: block; } .account-feature-box .feature-title { padding: 0 0 12px; border-bottom: #ccc 1px solid; } .account-feature-box .feature-description { position: relative; padding-right: 16px; } .account-feature-box .feature-description:after { background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; background-position: 0px -640px; content: ""; position: absolute; top: 50%; margin-top: -16px; right: -16px; } .body-cms-preview .account-feature-box .feature-description:after { background-image: url("/static/1/images/vsprite.17114d90.png"); } .account-feature-box:hover, .account-feature-box:focus { text-decoration: none; background-color: #eff6fd; border-color: #2070b0; box-shadow: rgba(32, 112, 176, 0.8) 0 3px 0; } .bordered-heading { border-bottom: #ccc 1px solid; padding: 12px 0; margin-bottom: 30px; } .inline-code-block, .code-block { border: solid 1px #ccc; background-color: #f5f5f5; font-family: "Courier New",monospace; padding: 2px 5px; vertical-align: baseline; } .inline-code-block .comment, .code-block .comment { color: green; } .code-block { padding: 15px; display: block; margin-bottom: 20px; overflow: auto; white-space: pre; } .code-block .code-comment { color: green; } .chart { margin: 0 50% 0 50%; } .chart .static { fill: #e1e4e8; } .chart .live { fill: #fee000; } .chart .quiet { fill: #0019A8; } .chart text { fill: #03071c; font-size: 14px; font-family: Johnston100-Medium, Arial, Helvetica, sans-serif; text-anchor: middle; } .tick rect { opacity: 0.7; fill: #e1e4e8; } .chart-container { overflow-x: scroll; -webkit-overflow-scrolling: touch; } .verticle-anchor { position: relative; } .verticle-anchor:before { content: ""; position: absolute; z-index: 1000; top: 0; bottom: 0; left: 50%; border-left: 1px solid #000000; transform: translate(-50%); } .bar { fill: #1a5a92; } .axis text { fill: #03071c; font-size: 14px; font-family: Johnston100-Medium, Arial, Helvetica, sans-serif; text-anchor: middle; background-color: #e1e4e8; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .axis circle { fill: gray; stroke: none; } .axis path, .axis line { fill: none; stroke: #000; shape-rendering: crispEdges; } .domain { margin-top: 8px; } .x.axis path { display: block; } .x.axis .text-bold { font-weight: bold; } .station-crowding .earlier-later { bottom: 0; padding: 15px; display: flex; position: relative; color: #1a5a92; font-weight: bold; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .station-crowding a.earlier { float: left; display: block; text-align: left; padding: 10px 0 10px 15px; text-decoration: none; width: 33%; color: #03071c; } .station-crowding a.earlier:before { top: 29%; left: 0px; content: ""; display: block; position: absolute; background-image: url(/static/1/images/left-arrow.png); height: 32px; width: 32px; } .station-crowding a.earlier:hover { text-decoration: underline; } .station-crowding a.later { float: right; display: block; text-align: right; padding: 10px 15px 10px 0; text-decoration: none; width: 33%; color: #03071c; } .station-crowding a.later:after { top: 29%; right: 0px; content: ""; display: block; position: absolute; background-image: url(/static/1/images/right-arrow.png); height: 32px; width: 32px; } .station-crowding a.later:hover { text-decoration: underline; } .station-crowding .day-slice, .station-crowding .time-slice { width: 33%; font-size: 18px; color: #03071c; height: 40px; text-align: center; flex-grow: 1; border-radius: 5px; } .station-crowding .busy-station-lines { margin-bottom: 10px; } .station-crowding .busy-station-lines ul { list-style-type: none; } .station-crowding .busy-station-lines li { border-top: 2px #ffffff solid; } .station-crowding .busy-station-lines .header { padding: 10px; margin: 0px 0px 10px 33px; } .station-crowding .busy-station-lines .header:before { content: ""; position: absolute; margin: -5px 0px 0px -30px; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; background-position: -64px -3424px; } .body-cms-preview .station-crowding .busy-station-lines .header:before { background-image: url("/static/1/images/vsprite.17114d90.png"); } .station-crowding .busy-station-lines .busy-lines .busy-line { padding: 10px; border-left-width: 8px; border-left-style: solid; } .station-crowding .busy-station-lines .busy-lines .busy-line.bakerloo { border-left-color: #b26300; } .station-crowding .busy-station-lines .busy-lines .busy-line.central { border-left-color: #dc241f; } .station-crowding .busy-station-lines .busy-lines .busy-line.circle { border-left-color: #ffc80a; } .station-crowding .busy-station-lines .busy-lines .busy-line.district { border-left-color: #007d32; } .station-crowding .busy-station-lines .busy-lines .busy-line.hammersmith-city { border-left-color: #f589a6; } .station-crowding .busy-station-lines .busy-lines .busy-line.jubilee { border-left-color: #838d93; } .station-crowding .busy-station-lines .busy-lines .busy-line.metropolitan { border-left-color: #9b0058; } .station-crowding .busy-station-lines .busy-lines .busy-line.northern { border-left-color: #000000; } .station-crowding .busy-station-lines .busy-lines .busy-line.piccadilly { border-left-color: #0019a8; } .station-crowding .busy-station-lines .busy-lines .busy-line.victoria { border-left-color: #039be5; } .station-crowding .busy-station-lines .busy-lines .busy-line.waterloo-city { border-left-color: #76d0bd; } .station-crowding .footer { padding: 12px; margin-left: 15px; color: #000000; } .station-crowding .message { text-align: center; } .station-crowding .outer-message { margin: 15px 15px; } .station-crowding .grey-crowding-message { font-size: 18px; margin-top: 40px; margin: 0 auto; overflow: hidden; padding: 20px 40px; background-color: #e1e4e8; border: none; -webkit-border-radius: 5px; border-radius: 16px; width: 69%; text-align: center; } .station-crowding .day-select-container { margin-left: 20px; margin-top: 40px; font-size: 18px; } .station-crowding .status-div-graph { display: flex; margin-left: 20px; } .station-crowding .live-div-graph { margin-right: 10px; background: #fee000; width: fit-content; border-radius: 5px; } .station-crowding .static-div-graph { background: #e1e4e8; width: fit-content; border-radius: 5px; } .station-crowding .live-icon-graph { height: 0.9em; display: inline; vertical-align: middle; margin-left: 5px; } .station-crowding .status-font-graph { font-weight: bold; margin-right: 5px; margin-left: 5px; } .station-crowding .day-select-label { margin-bottom: 10px; } a.arrow-down:after { background-position: 0px -672px !important; } .banner-font { font-family: Johnston100-Light; display: flex; } .live-icon { height: 0.7em; display: inline; margin-top: 4.5px; margin-right: 5px; vertical-align: baseline; } .banner-box { font-size: 0.8em; margin-bottom: 0px; } .live-font { font-weight: bold; } .footer-text { display: flex; flex-direction: column; } .live-footer-icon { height: 0.9em; display: inline; margin-top: 4px; margin-right: -2px; vertical-align: -2px; } .now-button { margin-left: 10px; height: 40px; width: 70px; } .inner-footer-text { text-align: center; } .visitor-centre .expandable-box .widget-content { margin-left: 0; padding-left: 52px; position: relative; border-bottom: none; } .visitor-centre .expandable-box .content.expanded { border-bottom: none; } .visitor-centre .expandable-box .list { padding: 0; margin-left: 0; margin-bottom: 0; list-style-type: none; list-style-position: inside; } .visitor-centre .expandable-box .hero-image { border-bottom: 3px solid #CA2C6A; } .visitor-centre .expandable-box .centre-info-icon { left: 10px; position: absolute; background-image: url("/static/1/images/vsprite_x2.34614087.png"); background-image: url("/static/1/images/vsprite.17114d90.png") \9; background-size: 96px 3776px; height: 32px; width: 32px; background-position: 0px -7168px; } .body-cms-preview .visitor-centre .expandable-box .centre-info-icon { background-image: url("/static/1/images/vsprite.17114d90.png"); } .visitor-centre .expandable-box .visitor-centre-image { background: url("/cdn/static/cms/images/promos/visitor-information-centre_rdax_400x200.jpg") 0 0 no-repeat; padding-top: 200px; height: 0; overflow: hidden; background-size: cover; border-bottom: 2px solid #dc006b; } @media screen and (min-width: 580px) { .visitor-centre .expandable-box .visitor-centre-image { background-image: url("/cdn/static/images/visitor-information-centre.jpg"); padding-top: 350px; } } /*form builder*/ .leaflet-map-view .leaflet-top, .leaflet-map-view .leaflet-bottom { position: absolute; z-index: 9; pointer-events: none; } .leaflet-map-view.accordion.basic .expandable-box .content { background-color: #fff; border: solid #ccc; border-width: 1px 1px 3px; } .leaflet-map-view .loader { z-index: 10000; } .leaflet-map-view .loader:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background-color: #2d3039; } .leaflet-map-view .loader .throbber, .leaflet-map-view .loader .map-sliver.loading[data-map-purpose='nearby']:after, .leaflet-map-view .loader .loading-disruptions { display: block; position: absolute; left: 50%; top: 50%; margin-top: -35px; margin-left: -35px; z-index: 11; } .leaflet-map-view .search-filter { background-color: #fff; border-bottom: 0; margin-top: 0; padding: 0; } .leaflet-map-view .map-icon span { background-image: url("/static/1/images/homepage_sprite_x2.png"); background-image: url("/static/1/images/homepage_sprite.png") \9; background-size: 96px 240px; background-position: -48px -48px; height: 48px; width: 48px; display: block; display: block; padding-right: 5px; float: left; margin-top: -8px; } .body-cms-preview .leaflet-map-view .map-icon span { background-image: url("/static/1/images/homepage_sprite.png"); } .form-leaflet-map { margin-left: auto; margin-right: auto; width: 100%; height: 350px; } html { margin-top: 0px !important; } #smart-banner__container { position: relative; } .smartbanner { top: 0; left: 0; overflow-x: hidden; width: 100%; height: 84px; background: #f3f3f3; font-family: Helvetica, sans, sans-serif; /** Android styles **/ } .smartbanner__exit { position: absolute; top: calc(50% - 6px); left: 9px; display: block; margin: 0; width: 12px; height: 12px; border: 0; text-align: center; } .smartbanner__exit::before, .smartbanner__exit::after { position: absolute; width: 1px; height: 12px; background: #767676; content: " "; } .smartbanner__exit::before { transform: rotate(45deg); } .smartbanner__exit::after { transform: rotate(-45deg); } .smartbanner__icon { position: absolute; top: 10px; left: 30px; width: 64px; height: 64px; border-radius: 15px; background-size: 64px 64px; } .smartbanner__info { position: absolute; top: 10px; left: 104px; display: flex; overflow-y: hidden; width: 60%; height: 64px; align-items: center; color: #000; } .smartbanner__info__title { font-size: 14px; } .smartbanner__info__author, .smartbanner__info__price { font-size: 12px; } .smartbanner__button { position: absolute; top: 32px; right: 10px; z-index: 1; display: block; padding: 0 10px; min-width: 10%; border-radius: 5px; background: #f3f3f3; color: #1474fc; font-size: 18px; text-align: center; text-decoration: none; } .smartbanner__button__label { text-align: center; } .smartbanner.smartbanner--android { background: #252525; } .smartbanner.smartbanner--android .smartbanner__exit { left: 6px; margin-right: 7px; width: 17px; height: 17px; border-radius: 14px; color: #b1b1b3; font-family: "ArialRoundedMTBold", Arial; font-size: 20px; line-height: 17px; text-shadow: 0 1px 1px #000; } .smartbanner.smartbanner--android .smartbanner__exit::before, .smartbanner.smartbanner--android .smartbanner__exit::after { top: 3px; left: 8px; width: 2px; height: 11px; background: #b1b1b3; } .smartbanner.smartbanner--android .smartbanner__exit:active, .smartbanner.smartbanner--android .smartbanner__exit:hover { color: #eee; } .smartbanner.smartbanner--android .smartbanner__icon { background-color: transparent; box-shadow: none; } .smartbanner.smartbanner--android .smartbanner__info { color: #ccc; text-shadow: 0 1px 2px #000; } .smartbanner.smartbanner--android .smartbanner__info__title { color: #fff; font-weight: bold; } .smartbanner.smartbanner--android .smartbanner__button { top: 30px; right: 20px; padding: 0; min-width: 12%; border-radius: 0; background: none; border: none !important; color: #d1d1d1; font-size: 14px; font-weight: bold; } .smartbanner.smartbanner--android .smartbanner__button:active, .smartbanner.smartbanner--android .smartbanner__button:hover { background: none; } .smartbanner.smartbanner--android .smartbanner__button__label { display: block; padding: 0 10px; color: #2aa2e1; box-shadow: none; line-height: 24px; text-align: center; text-shadow: none; text-transform: none; }