Traffic status updates - Transport for London

<!doctype html>      <html lang="en-GB" class="no-js no-touch">  <head> <script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="e601acc6-2e6f-4bed-a826-046477b39b61" data-framework="TCFv2.2" type="text/javascript" async></script> <script src="//assets.adobedtm.com/launch-ENc5e3f827edc94f2a816110524598acd7.min.js" async></script> <script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit" async></script> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta charset="utf-8"> <link rel="shortcut icon" href="/cdn/static/assets/icons/favicon.ico" type="image/x-icon" /> <link rel="icon" type="image/png" href="/cdn/static/assets/icons/favicon-196x196.png" sizes="196x196"> <link rel="icon" type="image/png" href="/cdn/static/assets/icons/favicon-160x160.png" sizes="160x160"> <link rel="icon" type="image/png" href="/cdn/static/assets/icons/favicon-96x96.png" sizes="96x96"> <link rel="icon" type="image/png" href="/cdn/static/assets/icons/favicon-16x16.png" sizes="16x16"> <link rel="icon" type="image/png" href="/cdn/static/assets/icons/favicon-32x32.png" sizes="32x32"> <link rel="mask-icon" href="/cdn/static/assets/icons/mask-icon.svg" /> <link rel="apple-touch-icon" sizes="57x57" href="/cdn/static/assets/icons/apple-touch-icon.png" /> <link rel="apple-touch-icon" sizes="72x72" href="/cdn/static/assets/icons/apple-touch-icon-72.png" /> <link rel="apple-touch-icon" sizes="114x114" href="/cdn/static/assets/icons/apple-touch-icon@2x.png" /> <link rel="apple-touch-icon" sizes="144x144" href="/cdn/static/assets/icons/apple-touch-icon-72@2x.png" /> <meta name="viewport" content="width=device-width, initial-scale = 1.0, user-scalable=yes" /> <meta name="HandheldFriendly" content="True"> <script type="text/javascript"> var h = document.documentElement; h.className = h.className.replace(/\bno-js\b/, ''); var isTouch = !!("ontouchstart" in window) || window.navigator.msMaxTouchPoints > 0; if (isTouch) { // remove class which defines hover behavior h.className = h.className.replace(/\bno-touch\b/, ''); } </script> <noscript> <link href="/cdn/static/styles/core/min/no-js.min.85b1d9e2.css" media="screen" rel="stylesheet" /> </noscript> <title>Traffic status updates - Transport for London</title> <meta name="description" content="Realtime Traffic travel updates." /> <meta name="author" content="Transport for London | Every Journey Matters" /> <meta property="og:title" content="Traffic status updates" /> <meta property="og:description" content="Realtime Traffic travel updates." /> <meta property="og:image" content="/static/1/images/TFL_Linkinage01.png" /> <meta property="og:site_name" content="Transport for London" /> <meta property="article:publisher" content="https://facebook.com/transportforlondon" /> <meta property="article:author" content="https://facebook.com/transportforlondon" /> <meta name="twitter:creator" content="@tfl" /> <link href="/cdn/static/styles/core/min/small.min.e4e39df7.css" media="screen,print" rel="stylesheet" /><link href="/cdn/static/styles/core/min/modules.min.eb422ef4.css" media="screen,print" rel="stylesheet" /><link href="/cdn/static/styles/core/min/specifics-small.min.c3bfe85b.css" media="screen, print" rel="stylesheet" /><link href="/cdn/static/styles/core/min/medium.min.70b90106.css" media="screen and (min-width: 580px),print" rel="stylesheet" /><link href="/cdn/static/styles/core/min/large.min.e2acef63.css" media="screen and (min-width: 900px)" rel="stylesheet" /><link href="/cdn/static/styles/core/min/print.min.2dbbc696.css" media="print" rel="stylesheet" />   <script type="text/javascript"> var tfl = tfl || {}; tfl.ads = tfl.ads || { amazonSlot: undefined, amazonAds: undefined }; </script> <script type='text/plain' data-cookieconsent='marketing'> window.setTimeout(function () { tfl.logs.create('Marketing cookies accepted'); tfl.logs.create('Dispatch onLoadAds event'); var loadAdsEvent = new CustomEvent('OnLoadAds', { detail: { consent: CookieConsent.consent } }); window.dispatchEvent(loadAdsEvent); }, 50); </script> <script src='/cdn/static/scripts/jquery/1.12.4/jquery.min.js' async></script>  <meta name="apple-itunes-app" content="app-id=1419541638">   <meta name="smartbanner:title" content="TfL Go: Live Tube, Bus & Rail"> <meta name="smartbanner:author" content="TfL"> <meta name="smartbanner:price" content="FREE"> <meta name="smartbanner:price-suffix-google" content=" - In Google Play"> <meta name="smartbanner:icon-google" content="/cdn/static/images/pwa/512x512.png"> <meta name="smartbanner:button" content="View"> <meta name="smartbanner:button-url-google" content="https://play.google.com/store/apps/details?id=uk.gov.tfl.gotfl&hl=en_GB&gl=US"> <meta name="smartbanner:enabled-platforms" content="android"> <meta name="smartbanner:close-label" content="Close">  <script src="/cdn/static/scripts/plugins/smart-banner/smartbanner.js" async></script> </head> <body class="personalisation-active"> <a href="#mainnav" class="visually-hidden skip-link">Skip to navigation</a> <a href="#full-width-content" class="visually-hidden skip-link">Skip to content</a> <a href="#footer" class="visually-hidden skip-link">Skip to footer</a> <div class="top-banner-advert" aria-hidden="true"> <div class="large" data-advert="/76889402/status_updates" data-advert-sizes="970, 90|970, 250"></div> <div class="medium" data-advert="/76889402/status_updates" data-advert-sizes="728, 90"></div> <div class="small" data-advert="/76889402/status_updates" data-advert-sizes="300, 50|320, 50"></div> </div> <div id="c-mask" class="c-mask disable-touch-scrolling"></div> <div id="container"> <div class="message-bar-style-1 medium-large"> <div class="r mayor-logo"> <img alt="Mayor of London" height="11" src="/cdn/static/images/MoL-small.png" width="150" /> </div> </div> <header class="mainnav" id="mainnav" role="banner"> <div id="smart-banner__container"></div> <div class="top-row"> <div class="r"> <div class="logo"> <a href="/"> <span class="main-roundel"> </span> <span class="tfl-name">Transport<br />for London</span> </a> </div> <div class="top-row-extras"> <div class="texts"> </div> <form action="/search/" method="GET" role="search"> <div class="search-tools"> <label for="q" class="visually-hidden">Search the site</label> <input type="text" placeholder="Search" id="q" name="q" /> <span id="search-button" class="hide-text" data-jumpto="#full-width-content :tabbable:first"></span> </div> </form> </div> </div> </div> <div id="more-panel" class="extra-nav r" role="tabpanel" aria-hidden="true"> <div class="menu" role="navigation" aria-label="More panel main menu"> <ul class="extras clearfix"> <li class="fares-and-payments"><a href="/fares/" data-jumpback=".extras .maps a:visible,.more a:first:visible">Fares</a></li> <li class="help-and-contact"><a href="/help-and-contact/" data-jumpback="#recent-journeys a:last">Help & contacts</a></li> <li class="maps"><a href="/maps_/maps" data-jumpback=".extras .status-update a:visible,.more a:first:visible">Maps</a></li> <li class="plan-journey"><a href="/plan-a-journey/" data-jumpback=".top-row-extras .more a:first:visible">Plan a journey</a></li> <li class="status-update"><a href="/status-updates/" data-jumpback=".extras .plan-journey a:visible,.more a:first:visible">Status updates</a></li> </ul> </div> <div class="menu-sub-section" role="navigation" aria-label="Travel information menu"> <h2 class="header-two">Travel information</h2> <ul class="clearfix"> <li><a href="/travel-information/improvements-and-projects/" >Improvements & projects</a></li> <li><a href="/travel-information/safety/" >Safety</a></li> <li><a href="/travel-information/stations-stops-and-piers/" >Stations, stops & piers</a></li> <li><a href="/travel-information/timetables/" >Timetables</a></li> <li><a href="/transport-accessibility/" >Transport accessibility</a></li> <li><a href="/travel-information/visiting-london/" >Visiting London </a></li> </ul> </div> <div class="menu-sub-section getting-around" role="navigation" aria-label="Ways to get around menu"> <h2 class="header-two">Ways to get around</h2> <ul class="clearfix"> <li><a href="/modes/buses/">Buses</a></li><li><a href="/modes/coaches/">Coaches</a></li><li><a href="/modes/cycling/">Cycling</a></li><li><a href="/modes/dial-a-ride/">Dial-a-Ride</a></li><li><a href="/modes/dlr/">DLR</a></li><li><a href="/modes/driving/">Driving</a></li><li><a href="/modes/elizabeth-line/">Elizabeth line</a></li><li><a href="/modes/london-cable-car/">IFS Cloud Cable Car</a></li><li><a href="/modes/london-overground/">London Overground</a></li><li><a href="/modes/river/">River</a></li><li><a href="/modes/taxis-and-minicabs/">Taxis & minicabs</a></li><li><a href="/modes/trams/">Trams</a></li><li><a href="/modes/tube/">Tube</a></li><li><a href="/modes/walking/">Walking</a></li> </ul> </div> <div class="menu-sub-section quick-links" role="navigation" aria-label="Quick links menu"> <h2 class="header-two">Quick links</h2> <ul class="clearfix"> <li><a href="/fares/contactless-and-oyster-account">Contactless and Oyster account</a></li> <li><a href="/fares/refunds-and-replacements">Refunds and replacements</a></li> <li><a href="/modes/driving/pay-to-drive-in-london">Pay to drive in London</a></li> <li><a href="/status-updates/travel-tools" data-jumpto=".login a">Travel tools</a></li> </ul> </div> </div> </header> <main id="full-width-content"> <div class="broadcast-comms-wrapper hidden"> <a class="broadcast-comms" href="/campaign/strikes"> <div class="r"> <div class="broadcast-text"> </div> </div> </a> </div><div class="r"> <nav class="breadcrumb-container" aria-label="Transport for London breadcrumb navigation."> <ul class="breadcrumbs clearfix"> <li class="home"> <a href="/"> <span class="hide-text">Home</span> </a> </li> <li> <a href="/tube-dlr-overground/status/">Status updates</a> </li> <li> <span class="last-breadcrumb" aria-current="page">Traffic</span> </li> </ul> </nav> </div>   <div class="r status-update-heading"> <div class="headline-container content-page clearfix heading-dropdowns-wrap"> <h1>Status updates</h1> <div class="dropdowns-wrap clearfix"> <div class="heading-dropdown modes-dropdown-placeholder" data-list-header="Select Transport Mode"> </div> <div class="heading-dropdown date-dropdown-placeholder" data-list-header="Select date"> </div> </div> </div> </div> <div class="r service-status-links" data-mode="Traffic"> <ul class="links-list modes-list status-updates" data-selected-item-id="Traffic" data-dropdown-label="Mode of transport" data-dropdown-target="modes-dropdown-placeholder" data-dropdown-option="tab-dropdown" role="tablist"> <li class="tube " data-item-id="Tube, Overground, Elizabeth line, DLR & Tram" role="presentation"> <a href="/tube-dlr-overground/status/?corridorIds=a1&startDate=2024-12-22T08%3A31%3A41&endDate=2024-12-22T23%3A59%3A59" role="tab" aria-selected="false" tabindex="0"> <span class='dropdown-name'>Tube, Overground, Elizabeth line, DLR & Tram</span> </a> </li> <li class="bus " data-item-id="Buses" role="presentation"> <a href="/bus/status/?corridorIds=a1&startDate=2024-12-22T08%3A31%3A41&endDate=2024-12-22T23%3A59%3A59" role="tab" aria-selected="false" tabindex="0"> <span class='dropdown-name'>Buses</span> </a> </li> <li class="traffic selected" data-item-id="Traffic" role="presentation"> <span class='dropdown-name' role='tab' aria-selected='true'>Traffic</span> </li> <li class="river-bus " data-item-id="River Bus" role="presentation"> <a href="/river/status/?corridorIds=a1&startDate=2024-12-22T08%3A31%3A41&endDate=2024-12-22T23%3A59%3A59" role="tab" aria-selected="false" tabindex="0"> <span class='dropdown-name'>River Bus</span> </a> </li> <li class="cable-car " data-item-id="IFS Cloud Cable Car" role="presentation"> <a href="/cable-car/status/?corridorIds=a1&startDate=2024-12-22T08%3A31%3A41&endDate=2024-12-22T23%3A59%3A59" role="tab" aria-selected="false" tabindex="0"> <span class='dropdown-name'>IFS Cloud Cable Car</span> </a> </li> <li class="national-rail " data-item-id="National Rail" role="presentation"> <a href="/national-rail/status/?corridorIds=a1&startDate=2024-12-22T08%3A31%3A41&endDate=2024-12-22T23%3A59%3A59" role="tab" aria-selected="false" tabindex="0"> <span class='dropdown-name'>National Rail</span> </a> </li> </ul> </div> <div class="r service-status-links"> <ul class="links-list status-updates" data-selected-item-id="22/12/24" data-dropdown-label="Date picker" data-dropdown-target="date-dropdown-placeholder" data-dropdown-option="tab-dropdown"> <li data-item-id="Now 10:39" class="selected now"> <span class='dropdown-name' role='button' aria-pressed='true'>Now 10:39</span> </li> <li data-item-id="14/12/24 - 15/12/24" class="not-selected weekend"> <a href="/traffic/status/?corridorIds=a1&startDate=2024-12-14T00%3A00%3A00&endDate=2024-12-15T23%3A59%3A59&dateTypeSelect=This%20weekend" role="button" aria-pressed="false"> <span class='dropdown-name' role='button' aria-pressed='true'>This weekend</span> </a> </li> <li data-item-id="" class="not-selected future"> <div class="date-wrap"> <a class='dropdown-name future' data-input="" data-lineids ="" data-direction="" href="javascript: void(0);">Future date</a> </div> <div class="advance-month-container"> <span>December 2024</span> <a class="no-js-next-month" href="/traffic/status/?corridorIds=a1&startDate=2025-01-13T10%3A39%3A35"> <span>Next month</span> </a> </div> <div class="date-link-container" data-current-day="13" data-current-month="12" data-current-year="2024" data-href="/traffic/status/?corridorIds=a1"> <div class="date-link"> <a href="/traffic/status/?corridorIds=a1&startDate=2024-12-13T10%3A39%3A35&endDate=2024-12-13T23%3A59%3A59">13/12/24</a> <span class="hidden calendar-year">2024</span> <span class="hidden calendar-month">December</span> <span class="hidden calendar-day">13</span> </div> <div class="date-link"> <a href="/traffic/status/?corridorIds=a1&startDate=2024-12-14T10%3A39%3A35&endDate=2024-12-14T23%3A59%3A59">14/12/24</a> <span class="hidden calendar-year">2024</span> <span class="hidden calendar-month">December</span> <span class="hidden calendar-day">14</span> </div> <div class="date-link"> <a href="/traffic/status/?corridorIds=a1&startDate=2024-12-15T10%3A39%3A35&endDate=2024-12-15T23%3A59%3A59">15/12/24</a> <span class="hidden calendar-year">2024</span> <span class="hidden calendar-month">December</span> <span class="hidden calendar-day">15</span> </div> <div class="date-link"> <a href="/traffic/status/?corridorIds=a1&startDate=2024-12-16T10%3A39%3A35&endDate=2024-12-16T23%3A59%3A59">16/12/24</a> <span class="hidden calendar-year">2024</span> <span class="hidden calendar-month">December</span> <span class="hidden calendar-day">16</span> </div> <div class="date-link"> <a href="/traffic/status/?corridorIds=a1&startDate=2024-12-17T10%3A39%3A35&endDate=2024-12-17T23%3A59%3A59">17/12/24</a> <span class="hidden calendar-year">2024</span> <span class="hidden calendar-month">December</span> <span class="hidden calendar-day">17</span> </div> <div class="date-link"> <a href="/traffic/status/?corridorIds=a1&startDate=2024-12-18T10%3A39%3A35&endDate=2024-12-18T23%3A59%3A59">18/12/24</a> <span class="hidden calendar-year">2024</span> <span class="hidden calendar-month">December</span> <span class="hidden calendar-day">18</span> </div> <div class="date-link"> <a href="/traffic/status/?corridorIds=a1&startDate=2024-12-19T10%3A39%3A35&endDate=2024-12-19T23%3A59%3A59">19/12/24</a> <span class="hidden calendar-year">2024</span> <span class="hidden calendar-month">December</span> <span class="hidden calendar-day">19</span> </div> <div class="date-link"> <a href="/traffic/status/?corridorIds=a1&startDate=2024-12-20T10%3A39%3A35&endDate=2024-12-20T23%3A59%3A59">20/12/24</a> <span class="hidden calendar-year">2024</span> <span class="hidden calendar-month">December</span> <span class="hidden calendar-day">20</span> </div> <div class="date-link"> <a href="/traffic/status/?corridorIds=a1&startDate=2024-12-21T10%3A39%3A35&endDate=2024-12-21T23%3A59%3A59">21/12/24</a> <span class="hidden calendar-year">2024</span> <span class="hidden calendar-month">December</span> <span class="hidden calendar-day">21</span> </div> <div class="date-link"> <span class="selected-date" data-selected-day="22" data-selected-month="12" data-selected-year="2024">22/12/24</span> <span class="hidden calendar-year">2024</span> <span class="hidden calendar-month">December</span> <span class="hidden calendar-day">22</span> </div> <div class="date-link"> <a href="/traffic/status/?corridorIds=a1&startDate=2024-12-23T10%3A39%3A35&endDate=2024-12-23T23%3A59%3A59">23/12/24</a> <span class="hidden calendar-year">2024</span> <span class="hidden calendar-month">December</span> <span class="hidden calendar-day">23</span> </div> <div class="date-link"> <a href="/traffic/status/?corridorIds=a1&startDate=2024-12-24T10%3A39%3A35&endDate=2024-12-24T23%3A59%3A59">24/12/24</a> <span class="hidden calendar-year">2024</span> <span class="hidden calendar-month">December</span> <span class="hidden calendar-day">24</span> </div> <div class="date-link"> <a href="/traffic/status/?corridorIds=a1&startDate=2024-12-25T10%3A39%3A35&endDate=2024-12-25T23%3A59%3A59">25/12/24</a> <span class="hidden calendar-year">2024</span> <span class="hidden calendar-month">December</span> <span class="hidden calendar-day">25</span> </div> <div class="date-link"> <a href="/traffic/status/?corridorIds=a1&startDate=2024-12-26T10%3A39%3A35&endDate=2024-12-26T23%3A59%3A59">26/12/24</a> <span class="hidden calendar-year">2024</span> <span class="hidden calendar-month">December</span> <span class="hidden calendar-day">26</span> </div> <div class="date-link"> <a href="/traffic/status/?corridorIds=a1&startDate=2024-12-27T10%3A39%3A35&endDate=2024-12-27T23%3A59%3A59">27/12/24</a> <span class="hidden calendar-year">2024</span> <span class="hidden calendar-month">December</span> <span class="hidden calendar-day">27</span> </div> <div class="date-link"> <a href="/traffic/status/?corridorIds=a1&startDate=2024-12-28T10%3A39%3A35&endDate=2024-12-28T23%3A59%3A59">28/12/24</a> <span class="hidden calendar-year">2024</span> <span class="hidden calendar-month">December</span> <span class="hidden calendar-day">28</span> </div> <div class="date-link"> <a href="/traffic/status/?corridorIds=a1&startDate=2024-12-29T10%3A39%3A35&endDate=2024-12-29T23%3A59%3A59">29/12/24</a> <span class="hidden calendar-year">2024</span> <span class="hidden calendar-month">December</span> <span class="hidden calendar-day">29</span> </div> <div class="date-link"> <a href="/traffic/status/?corridorIds=a1&startDate=2024-12-30T10%3A39%3A35&endDate=2024-12-30T23%3A59%3A59">30/12/24</a> <span class="hidden calendar-year">2024</span> <span class="hidden calendar-month">December</span> <span class="hidden calendar-day">30</span> </div> <div class="date-link"> <a href="/traffic/status/?corridorIds=a1&startDate=2024-12-31T10%3A39%3A35&endDate=2024-12-31T23%3A59%3A59">31/12/24</a> <span class="hidden calendar-year">2024</span> <span class="hidden calendar-month">December</span> <span class="hidden calendar-day">31</span> </div> </div> <div class="fc-calendar-container" data-month="12" data-year="2024"></div> </li> </ul> </div> <div class="r no-overflow small-medium"> <div class="small-medium main map-sliver-container" data-set="status-map"> <div class="moving-source-order"> <div class="map-wrapper"> <div id="roadmap" class="status-map map-sliver" data-panel-target="#roadmap-panel" data-map-type="google" data-map-purpose="road"></div> </div> </div> </div> </div> <div class="r"> <div class="aside"> <div id="service-status-page-board" class="service-status-rainbow-board"> <div class="search-filter"> <div class="heading clearfix"><h3>Find a postcode, place or road</h3></div> <form id="search-filter-form" action="/disambiguation" method="GET" data-placeholder="Westminster, London Eye, A406, SW10" data-datasets="[["placesExtra","/traffic/status?Input={{input}}&InputGeolocation={{lon}},{{lat}}"],["stopPoints","/traffic/status?Input={{input}}&InputGeolocation={{lon}},{{lat}}"]]" data-busstopsonly="False" data-isoysteronly="False" data-display-selected-modes-only="False" data-include-geolocation="True" data-allow-geo-location-submit="True" data-current-location-submit-url="" data-modes = "tube,dlr,overground,river-bus,river-tour,tram,cable-car" data-ajax-enabled="True" data-includehubs="True" data-isssphome="False" class="clearfix" data-typeaheadSettingsJson = "{}"> <div class="text-input"> <label class="heading visually-hidden" for="Input">Find a postcode, place or road</label> <input class="" data-autocorrect="off" data-placeholder-no-focus="" data-placeholder-on-focus="" data-val="true" data-val-required="Please enter a search term." id="Input" name="Input" placeholder="Westminster, London Eye, A406, SW10" role="combobox" type="text" value="" /> <script> //Code to fix IE11 tabbing bug if (!!window.MSInputMethodContext && !!document.documentMode) { var formInstance = document.getElementById('search-filter-form'); var tabFlag = false; function checkTabPress(event) { if (event.key === 'Tab') { if (tabFlag) { formInstance.elements.Input.focus(); tabFlag = false; } if (event.target.id === 'Input') { tabFlag = true; } } } formInstance.addEventListener('keyup', checkTabPress); } </script> <span class="field-validation-error geolocation-error hidden" id="Input-error"> </span> <input name="DataSetsJson" type="hidden" value="[["placesExtra","/traffic/status?Input={{input}}&InputGeolocation={{lon}},{{lat}}"],["stopPoints","/traffic/status?Input={{input}}&InputGeolocation={{lon}},{{lat}}"]]" /><input name="Modes" type="hidden" value="tube,dlr,overground,river-bus,river-tour,tram,cable-car" /><input name="PlaceHolderText" type="hidden" value="Westminster, London Eye, A406, SW10" /> <input type="hidden" tabindex="-1" id="InputGeolocation" name="InputGeolocation" /> </div> <div class="submit-button"> <input type="submit" value="Go" class="primary-button" /> </div> </form> </div> <div id="view-map-button-container"></div> <div class="fav-panel-save-roads-container no-js-hide"> <div class="fav-panel-save-roads-container-inner favourite-tab"> <button id="fav-panel-save" class="fav-panel-save-button"><span class="align-text">Add favourites</span></button> </div> </div> <div id="rainbow-list-roads" class="rainbow-board roads visible "> <table> <caption>Transport For London Road Corridors - Service updates at 22/12/2024 08:31:41</caption> <thead> <tr> <th scope="col">Road corridor</th> <th scope="col">Status</th> </tr> </thead> <tbody class="board-good-service scrolling"> <tr data-line-class="roadcorridor-a316" data-corridor-group="" data-corridor-name="a316" class="has-disruption select-corridor"> <th class="roadcorridor-a316 line-text"> <div class="road-corridor"> <span class="vertical-center-message">A316</span> </div> </th> <td class="service-status has-disruption"> <div class="severity Serious"> <a href="/traffic/status/?corridorIds=a316" class="disruption-info-link" data-corridor-name="a316"><span class="vertical-center-message">Expected delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-a4" data-corridor-group="" data-corridor-name="a4" class="has-disruption select-corridor"> <th class="roadcorridor-a4 line-text"> <div class="road-corridor"> <span class="vertical-center-message">A4</span> </div> </th> <td class="service-status has-disruption"> <div class="severity Serious"> <a href="/traffic/status/?corridorIds=a4" class="disruption-info-link" data-corridor-name="a4"><span class="vertical-center-message">Expected delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-Central London Red Routes" data-corridor-group="Central London Red Routes" data-corridor-name="Central London Red Routes" class="has-disruption select-corridor"> <th class="roadcorridor-Central London Red Routes line-text"> <div class="road-corridor"> <span class="vertical-center-message">Central London Red Routes</span> </div> </th> <td class="service-status has-disruption"> <div class="severity Serious"> <a href="/traffic/status/?corridorIds=Central%20London%20Red%20Routes" class="disruption-info-link" data-corridor-name="Central London Red Routes"><span class="vertical-center-message">Expected delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-a1" data-corridor-group="" data-corridor-name="a1" class="no-disruption select-corridor"> <th class="roadcorridor-a1 line-text"> <div class="road-corridor"> <span>A1</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=a1" class="disruption-info-link" data-corridor-name="a1"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-a10" data-corridor-group="" data-corridor-name="a10" class="no-disruption select-corridor"> <th class="roadcorridor-a10 line-text"> <div class="road-corridor"> <span>A10</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=a10" class="disruption-info-link" data-corridor-name="a10"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-a12" data-corridor-group="" data-corridor-name="a12" class="no-disruption select-corridor"> <th class="roadcorridor-a12 line-text"> <div class="road-corridor"> <span>A12</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=a12" class="disruption-info-link" data-corridor-name="a12"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-a13" data-corridor-group="" data-corridor-name="a13" class="no-disruption select-corridor"> <th class="roadcorridor-a13 line-text"> <div class="road-corridor"> <span>A13</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=a13" class="disruption-info-link" data-corridor-name="a13"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-a2" data-corridor-group="" data-corridor-name="a2" class="no-disruption select-corridor"> <th class="roadcorridor-a2 line-text"> <div class="road-corridor"> <span>A2</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=a2" class="disruption-info-link" data-corridor-name="a2"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-a20" data-corridor-group="" data-corridor-name="a20" class="no-disruption select-corridor"> <th class="roadcorridor-a20 line-text"> <div class="road-corridor"> <span>A20</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=a20" class="disruption-info-link" data-corridor-name="a20"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-a21" data-corridor-group="" data-corridor-name="a21" class="no-disruption select-corridor"> <th class="roadcorridor-a21 line-text"> <div class="road-corridor"> <span>A21</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=a21" class="disruption-info-link" data-corridor-name="a21"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-a23" data-corridor-group="" data-corridor-name="a23" class="no-disruption select-corridor"> <th class="roadcorridor-a23 line-text"> <div class="road-corridor"> <span>A23</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=a23" class="disruption-info-link" data-corridor-name="a23"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-a24" data-corridor-group="" data-corridor-name="a24" class="no-disruption select-corridor"> <th class="roadcorridor-a24 line-text"> <div class="road-corridor"> <span>A24</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=a24" class="disruption-info-link" data-corridor-name="a24"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-a3" data-corridor-group="" data-corridor-name="a3" class="no-disruption select-corridor"> <th class="roadcorridor-a3 line-text"> <div class="road-corridor"> <span>A3</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=a3" class="disruption-info-link" data-corridor-name="a3"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-a40" data-corridor-group="" data-corridor-name="a40" class="no-disruption select-corridor"> <th class="roadcorridor-a40 line-text"> <div class="road-corridor"> <span>A40</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=a40" class="disruption-info-link" data-corridor-name="a40"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-a41" data-corridor-group="" data-corridor-name="a41" class="no-disruption select-corridor"> <th class="roadcorridor-a41 line-text"> <div class="road-corridor"> <span>A41</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=a41" class="disruption-info-link" data-corridor-name="a41"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-blackwall tunnel" data-corridor-group="" data-corridor-name="blackwall tunnel" class="no-disruption select-corridor"> <th class="roadcorridor-blackwall tunnel line-text"> <div class="road-corridor"> <span>Blackwall Tunnel</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=blackwall%20tunnel" class="disruption-info-link" data-corridor-name="blackwall tunnel"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-a406" data-corridor-group="" data-corridor-name="a406" class="no-disruption select-corridor"> <th class="roadcorridor-a406 line-text"> <div class="road-corridor"> <span>North Circular (A406)</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=a406" class="disruption-info-link" data-corridor-name="a406"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr data-line-class="roadcorridor-a205" data-corridor-group="" data-corridor-name="a205" class="no-disruption select-corridor"> <th class="roadcorridor-a205 line-text"> <div class="road-corridor"> <span>South Circular (A205)</span> </div> </th> <td class="service-status"> <div> <a href="/traffic/status/?corridorIds=a205" class="disruption-info-link" data-corridor-name="a205"><span class="vertical-center-message">No exceptional delays</span></a> </div> </td> </tr> <tr class="collapsed-lines"> <th class="lines-wrapper">All other<br>road corridors</th> <td class="service-status"> <a href="javascript:void(0)" class="disruption-info-link"> <span class="vertical-center-message"><strong>No exceptional delays</strong> on all other road corridors</span> </a> </td> </tr> </tbody> </table> </div> </div> <div class="large" data-set="aside-content"> <div class="moving-source-order"> <div class="vertical-button-container"> <a href="/status-updates/major-works-and-events" class="plain-button">Major works & events</a> </div> <div class="follow-social email"> <div class="social-image"></div> <div class="social-text"> <h3>Email updates</h3> <p>Customer updates and advanced warning of weekend closures and planned works</p> </div> <div class="social-button"> <a class="secondary-button" href="/travel-information/social-media-and-email-updates/email-updates">Register</a> </div> </div> </div> </div> </div> <div class="main" > <div class="large" data-set="status-map"></div> <div class="roads-map-panel">  <div id="roadmap-panel" class="map-panel hidden"> <div class="map-panel-info"></div> <a href="javascript:void(0)" class="close3-icon hide-text"><span>Close map panel</span></a> </div>  </div> <div class="disruptions-wrapper-small clearfix"> <div class="small-medium" data-set="rainbow-board"></div> <div class="road-disruptions-container"> <div id="road-disruptions"> <input id="PageNumber" name="PageNumber" type="hidden" value="" /> <div class="road-disruptions-wrapper"> <div class="road-disruptions"> <div class="no-disruptions"> <h4>No exceptional delays</h4> <p>There are no reported exceptional delays on this road corridor</p> </div> </div> </div> </div> <div class='list-of-hidden-disruptions hidden'></div> </div> </div> <div class="small-medium" data-set="aside-content"></div> </div> </div> <div class="bottom-advert"> <div class="close-ad-button visually-hidden"><span class="close-icon-circle"></span></div> <div data-advert="/76889402/status_updates" data-advert-sizes="320, 50"></div> </div> </main> <footer id="footer" role="contentinfo"> <div class="primary-footer r"> <div class="about-tfl-menu" role="navigation" aria-labelledby="about-tfl-heading"> <h2 id="about-tfl-heading" class="visually-hidden">About TfL</h2> <ul class="footer-links"> <li><a href="/help-and-contact/">Help & contacts</a></li> <li><a class="" href="/corporate/about-tfl/" >About TfL</a></li> <li><a class="" href="/corporate/careers/" >Careers</a></li> <li><a class="" href="/corporate/publications-and-reports/" >Publications & reports</a></li> <li><a class="" href="/corporate/safety-and-security/" >Safety & security</a></li> <li><a class="" href="/travel-information/social-media-and-email-updates/" >Social media & email updates</a></li> <li><a class="" href="/corporate/transparency/" >Transparency</a></li> <li><a href="https://www.ltmuseumshop.co.uk/">Gift Shop</a></li> <li><div id="google-translate"></div></li> </ul> </div> <div role="navigation" aria-labelledby="information-for-heading"> <h2 id="information-for-heading" class="heading">Information for...</h2> <ul class="info-for clearfix"> <li><a href="/info-for/boroughs-and-communities/">Boroughs & communities</a></li><li><a href="/info-for/bus-operators/">Bus operators</a></li><li><a href="/info-for/business-and-advertisers/">Business & advertisers</a></li><li><a href="/info-for/coach-drivers/">Coach drivers</a></li><li><a href="/info-for/deliveries-in-london/">Freight & servicing in London</a></li><li><a href="/info-for/investors/">Investors</a></li><li><a href="/info-for/media/">Media</a></li><li><a href="/info-for/open-data-users/">Open data users</a></li><li><a href="/info-for/schools-and-young-people/">Schools & young people</a></li><li><a href="/info-for/suppliers-and-contractors/">Suppliers & contractors</a></li><li><a href="/info-for/taxis-and-private-hire/">Taxi & private hire </a></li><li><a href="/info-for/urban-planning-and-construction/">Urban planning & construction</a></li> </ul> </div> <div class="footer-MOL-logo" role="navigation" aria-label="Other public bodies"> <ul class="links-list" id="gla-list" data-selected-item-id="Mayor Of London Logo" data-dropdown-target="footer-MOL-logo" data-dropdown-option="gla-dropdown"> <li class="MOL-logo-dropdown" data-item-id="Mayor Of London Logo"><img src="/static/cms/images/MoL.png" alt="Mayor of London"></li> <li data-item-id="" class="greater-london-authority-li"><img src="/static/cms/images/GLA_Logo.png" alt="Greater London Authority" /></li> <li data-item-id="MOL1"><a href="http://www.london.gov.uk/">Mayor of London</a></li> <li data-item-id="LA2"><a href="http://www.london.gov.uk/mayor-assembly/london-assembly">London Assembly</a></li> <li data-item-id="LP3"><a href="http://www.londonandpartners.com/">London and Partners</a></li> <li data-item-id="MPS4"><a href="https://www.met.police.uk/">Metropolitan Police Service</a></li> <li data-item-id="LFEPA5"><a href="https://www.london-fire.gov.uk/">London Fire Brigade</a></li> <li data-item-id="MOPC6"><a href="https://www.london.gov.uk/what-we-do/mayors-office-policing-and-crime-mopac">The Mayors Office of Policing and Crime</a></li> </ul> </div> </div> <div class="secondary-footer"> <div class="r"> <div class="terms-and-conditions-menu" role="navigation" aria-labelledby="legal-information-heading"> <h2 id="legal-information-heading" class="visually-hidden">Legal information</h2> <ul> <li><a href="/corporate/data-sources">Data sources</a></li><li><a href="/corporate/privacy-and-cookies/">Privacy & cookies</a></li><li><a href="/corporate/terms-and-conditions/">Terms & conditions </a></li><li><a href="/corporate/website-accessibility/">Digital accessibility</a></li> </ul> </div> <span class="heading">Copyright TfL</span> </div> </div> <div> </div> </footer> </div> <div class="js-panelwrapper" id="favourites-panel" role="dialog" aria-label="Favourites"> <div id="fav-panel-status" class="fav-panel fav-panel-status fav-panel-slide-right scrollable" aria-hidden="true" aria-labelledby="addFavouritesHeading"> <div class="fav-panel-header"> <div class="fav-panel-header-contents"> <div class="fav-close-icon"> <button class="fav-panel__close fav-panel-close-favicon"> <span class="fav-icon large-icon fav-panel-star hide-text"> Close Favourites </span> </button> </div> </div> </div> <div class="fav-banner"> <div class="fav-dismiss-icon"></div> <div class="clearfix"></div> <a class="fav-banner-link" href="#"> <div class="fav-banner-contents"> <div class="fav-banner-title"></div> <div class="fav-banner-description"></div> </div> </a> </div> <div class="fav-panel-details fav-panel__items"> <div id="fav-status-tube-dlr-overground-elizabeth-line-tram" class="fav-panel-item clearfix"> <div id="scroll-to-fav-panel-rainbow-list-tube-dlr-overground-elizabeth-line-tram"></div> <div> <div class="fav-status-sub-heading"> <h2>My Lines</h2> </div> <div class="fav-forward-to"> <a class="fav-forward-to-edit fav-open-edit" href="javascript:void(0);" data-mode="Tube, Overground, Elizabeth line, DLR & Tram"> <span class="fav-status-edit-link" data-track-mode="my lines">Edit<span class="visually-hidden"> my lines</span></span> </a> </div> </div> <div class="clearfix"></div> <div> <div id="fav-error-tube-dlr-overground-elizabeth-line-tram" style="display: none"> <span class="field-validation-error"><strong>Service Board</strong><br />Sorry, service board information could not be retrieved.</span> <span class="field-validation-suggestion"><strong>Service Board</strong><br />Service information is out of date. Please try reloading the page.</span> </div> <div class="fav-panel-service-status-rainbow-board board-wrapper"> <div id="fav-panel-rainbow-list-tube-dlr-overground-elizabeth-line-tram"></div> </div> </div> <div class="fav-forward-to-all"> <a href="/tube-dlr-overground/status/"> <span class="fav-status-all-link">View all statuses</span> </a> </div> </div> <div id="fav-status-bus" class="fav-panel-item clearfix"> <div id="scroll-to-fav-panel-rainbow-list-bus"></div> <div> <div class="fav-status-sub-heading"> <h2>My Buses</h2> </div> <div class="fav-forward-to"> <a class="fav-forward-to-edit fav-open-edit" href="javascript:void(0);" data-mode="Bus"> <span class="fav-status-edit-link" data-track-mode="my buses">Edit<span class="visually-hidden"> my buses</span></span> </a> </div> </div> <div class="clearfix"></div> <div> <div class="fav-panel-service-status-rainbow-board board-wrapper"> <div id="fav-panel-rainbow-list-bus"></div> </div> </div> </div> <div id="fav-status-traffic" class="fav-panel-item clearfix"> <div id="scroll-to-fav-panel-rainbow-list-roads"></div> <div> <div class="fav-status-sub-heading"> <h2>My Roads</h2> </div> <div class="fav-forward-to"> <a class="fav-forward-to-edit fav-open-edit" href="javascript:void(0);" data-mode="Traffic"> <span class="fav-status-edit-link" data-track-mode="my roads">Edit<span class="visually-hidden"> my roads</span></span> </a> </div> </div> <div class="clearfix"></div> <div> <div id="fav-error-traffic" style="display: none"> <span class="field-validation-error"><strong>Service Board</strong><br />Sorry, service board information could not be retrieved.</span> <span class="field-validation-suggestion"><strong>Service Board</strong><br />Service information is out of date. Please try reloading the page.</span> </div> <div id="fav-panel-rainbow-list-roads" class="rainbow-board roads"> </div> </div> <div class="fav-forward-to-all"> <a href="/traffic/status/"> <span class="fav-status-all-link">View all reported incidents</span> </a> </div> </div> <div id="fav-status-river-bus" class="fav-panel-item clearfix"> <div id="scroll-to-fav-panel-rainbow-list-river-bus"></div> <div> <div class="fav-status-sub-heading"> <h2>My River Buses</h2> </div> <div class="fav-forward-to"> <a class="fav-forward-to-edit fav-open-edit" href="javascript:void(0);" data-mode="River Bus"> <span class="fav-status-edit-link" data-track-mode="my river buses">Edit<span class="visually-hidden"> my river buses</span></span> </a> </div> </div> <div class="clearfix"></div> <div> <div id="fav-error-river-bus" style="display: none"> <span class="field-validation-error"><strong>Service Board</strong><br />Sorry, service board information could not be retrieved.</span> <span class="field-validation-suggestion"><strong>Service Board</strong><br />Service information is out of date. Please try reloading the page.</span> </div> <div class="fav-panel-service-status-rainbow-board board-wrapper"> <div id="fav-panel-rainbow-list-river-bus"></div> </div> </div> <div class="fav-forward-to-all"> <a href="/river/status/"> <span class="fav-status-all-link">View all statuses</span> </a> </div> </div> <div id="fav-status-cable-car" class="fav-panel-item clearfix"> <div id="scroll-to-fav-panel-rainbow-list-cable-car"></div> <div> <div class="fav-status-sub-heading"> <h2>My IFS Cloud Cable Car</h2> </div> <div class="fav-forward-to"> <a class="fav-forward-to-edit fav-open-edit" href="javascript:void(0);" data-mode="CableCar"> <span class="fav-status-edit-link" data-track-mode="my IFS Cloud Cable Car">Edit<span class="visually-hidden"> my IFS Cloud Cable Car</span></span> </a> </div> </div> <div class="clearfix"></div> <div> <div id="fav-error-cable-car" style="display: none"> <span class="field-validation-error"><strong>Service Board</strong><br />Sorry, service board information could not be retrieved.</span> <span class="field-validation-suggestion"><strong>Service Board</strong><br />Service information is out of date. Please try reloading the page.</span> </div> <div class="fav-panel-service-status-rainbow-board board-wrapper"> <div id="fav-panel-rainbow-list-cable-car"></div> </div> </div> <div class="fav-forward-to-all"> <a href="/cable-car/status/"> <span class="fav-status-all-link">View status</span> </a> </div> </div> <div id="fav-status-journey" class="fav-panel-item clearfix"> <div id="scroll-to-fav-panel-rainbow-list-journey"></div> <div> <div class="fav-status-sub-heading"> <h2>My Journeys</h2> </div> <div class="fav-forward-to"> <a class="fav-forward-to-edit fav-open-edit" href="javascript:void(0);" data-mode="Journey"> <span class="fav-status-edit-link" data-track-mode="my journeys">Edit<span class="visually-hidden"> my journeys</span></span> </a> </div> </div> <div class="clearfix"></div> <div> <div class="fav-panel-service-status-rainbow-board board-wrapper"> <div id="fav-panel-rainbow-list-journey"> </div> </div> </div> </div> <div id="fav-status-place" class="fav-panel-item clearfix"> <div id="scroll-to-fav-panel-rainbow-list-place"></div> <div> <div class="fav-status-sub-heading"> <h2>My Places</h2> </div> <div class="fav-forward-to"> <a class="fav-forward-to-edit fav-open-edit" href="javascript:void(0);" data-mode="place"> <span class="fav-status-edit-link" data-track-mode="my places">Edit<span class="visually-hidden"> my places</span></span> </a> </div> </div> <div class="clearfix"></div> <div> <div class="fav-panel-service-status-rainbow-board board-wrapper"> <div id="fav-panel-rainbow-list-place"> <ul class="fav-rainbow-list"></ul> </div> </div> </div> </div> <div id="fav-add-favourites" class="fav-panel-item js-cookiemessagecontainer"> <div> <div class="fav-status-sub-heading"> <h2 id="addFavouritesHeading" data-text-first-time="Add favourites for quick access to live status, journeys and places" data-text-add="Add favourites"> Add favourites for quick access to live status, journeys and places </h2> </div> <div class="js-cookie-warning cookie-warning-message" data-warning-message="Favourites is disabled due to your cookie preferences."> <p></p> </div> <div class="js-cookie-renew cookie-warning-link" data-cookie-message="Accept functionality cookies to use this feature"> <a class="link2"></a> </div> </div> <div class="clearfix"></div> <div class="fav-forward-to-all"> </div> <div class="fav-forward-to-all" id="add-tube-dlr-overground-elizabeth-line-tram"> <a class="fav-open-edit" href="javascript:void(0);" data-mode="Tube, Overground, Elizabeth line, DLR & Tram"> <span class="fav-add-link add-lines" data-track-mode="my lines">Lines</span> </a> </div> <div class="fav-forward-to-all" id="add-bus"> <a class="fav-open-edit" href="javascript:void(0);" data-mode="Bus"> <span class="fav-add-link add-bus" data-track-mode="my buses">Buses</span> </a> </div> <div class="fav-forward-to-all" id="add-traffic"> <a class="fav-open-edit" href="javascript:void(0);" data-mode="Traffic"> <span class="fav-add-link add-roads" data-track-mode="my roads">Roads</span> </a> </div> <div class="fav-forward-to-all" id="add-river-bus"> <a class="fav-open-edit" href="javascript:void(0);" data-mode="River Bus"> <span class="fav-add-link add-river-buses" data-track-mode="my river buses">River Buses</span> </a> </div> <div class="fav-forward-to-all" id="add-cable-car"> <a class="fav-open-edit" href="javascript:void(0);" data-mode="CableCar"> <span class="fav-add-link add-cable-car" data-track-mode="my IFS Cloud Cable Car">IFS Cloud Cable Car</span> </a> </div> <div class="fav-forward-to-all" id="add-journey"> <a class="first-time-panel-description" href="/plan-a-journey/" data-mode="Journey"> <span class="fav-add-link add-journey" data-track-mode="my journeys">Journeys<br /><span class="title-description" data-track-mode="my journeys">Plan a journey and favourite it for quick access in the future</span></span> </a> </div> <div class="fav-forward-to-all add-place" id="add-place"> <a class="fav-open-edit" href="javascript:void(0);" data-mode="place"> <span class="fav-add-link add-place" data-track-mode="my places">Places<br /><span class="title-description" data-track-mode="my places">Choose postcodes, stations and places for quick journey planning</span></span> </a> </div> </div> </div> </div> <div id="fav-panel-edit" class="fav-panel fav-panel-edit fav-panel-slide-right scrollable" aria-hidden="true" aria-label="Edit favourites"> <div class="fav-panel-header"> <div class="fav-panel-header-contents"> <div class="fav-close-icon"> <button class="fav-panel__close fav-panel-close-favicon"> <span class="fav-icon large-icon fav-panel-star hide-text"> Close edit Favourites </span> </button> </div> </div> </div> <div class="fav-panel-details-wrapper"> <div class="fav-panel-details fav-panel__items js-cookiemessagecontainer"> <div class="js-cookie-warning cookie-warning-message" data-warning-message="Favourites is disabled due to your cookie preferences."> <p></p> </div> <div class="js-cookie-renew cookie-warning-link" data-cookie-message="Accept functionality cookies to use this feature"> <a class="link2"></a> </div> <div id="fav-edit-tube-dlr-overground-elizabeth-line-tram" class="fav-panel-item fav-tube-dlr-overground-elizabeth-line-tram"> <div> <div class="fav-edit-sub-heading"> <h2 id="sub-heading-line" data-text-edit="Edit" data-text-add="Add" data-track-option="" data-track-mode="my lines">Favourite lines</h2> </div> <div class="fav-panel-close"> <button class="fav-panel__close fav-panel-done">Done<span class="visually-hidden"> updating my favourites</span></button> </div> </div> <div class="clearfix"></div> <div class="fav-service-status-rainbow-board board-wrapper"> <div id="fav-rainbow-list-tube-dlr-overground-elizabeth-line-tram"> <ul class="fav-rainbow-list"> <li class="fav-rainbow-list-item bakerloo" data-line-id="lul-bakerloo" data-mode="tube"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier bakerloo"></span> <span class="fav-service-name-or-destination"> <span>Bakerloo</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item central" data-line-id="lul-central" data-mode="tube"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier central"></span> <span class="fav-service-name-or-destination"> <span>Central</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item circle" data-line-id="lul-circle" data-mode="tube"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier circle"></span> <span class="fav-service-name-or-destination"> <span>Circle</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item district" data-line-id="lul-district" data-mode="tube"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier district"></span> <span class="fav-service-name-or-destination"> <span>District</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item dlr" data-line-id="dlr-dlr" data-mode="dlr"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier dlr"></span> <span class="fav-service-name-or-destination"> <span>DLR</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item elizabeth" data-line-id="elizabeth" data-mode="elizabeth-line"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier elizabeth-line"></span> <span class="fav-service-name-or-destination"> <span>Elizabeth line</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item hammersmith" data-line-id="lul-hammersmith-city" data-mode="tube"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier hammersmith"></span> <span class="fav-service-name-or-destination"> <span>Hammersmith & City</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item jubilee" data-line-id="lul-jubilee" data-mode="tube"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier jubilee"></span> <span class="fav-service-name-or-destination"> <span>Jubilee</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item liberty" data-line-id="raillo-liberty" data-mode="overground"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier liberty"></span> <span class="fav-service-name-or-destination"> <span>Liberty</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item lioness" data-line-id="raillo-lioness" data-mode="overground"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier lioness"></span> <span class="fav-service-name-or-destination"> <span>Lioness</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item metropolitan" data-line-id="lul-metropolitan" data-mode="tube"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier metropolitan"></span> <span class="fav-service-name-or-destination"> <span>Metropolitan</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item mildmay" data-line-id="raillo-mildmay" data-mode="overground"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier mildmay"></span> <span class="fav-service-name-or-destination"> <span>Mildmay</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item northern" data-line-id="lul-northern" data-mode="tube"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier northern"></span> <span class="fav-service-name-or-destination"> <span>Northern</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item piccadilly" data-line-id="lul-piccadilly" data-mode="tube"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier piccadilly"></span> <span class="fav-service-name-or-destination"> <span>Piccadilly</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item suffragette" data-line-id="raillo-suffragette" data-mode="overground"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier suffragette"></span> <span class="fav-service-name-or-destination"> <span>Suffragette</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item tram" data-line-id="tram-tram" data-mode="tram"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier tram"></span> <span class="fav-service-name-or-destination"> <span>Tram</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item victoria" data-line-id="lul-victoria" data-mode="tube"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier victoria"></span> <span class="fav-service-name-or-destination"> <span>Victoria</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item waterloo" data-line-id="lul-waterloo-city" data-mode="tube"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier waterloo"></span> <span class="fav-service-name-or-destination"> <span>Waterloo & City</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item weaver" data-line-id="raillo-weaver" data-mode="overground"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier weaver"></span> <span class="fav-service-name-or-destination"> <span>Weaver</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item windrush" data-line-id="raillo-windrush" data-mode="overground"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier windrush"></span> <span class="fav-service-name-or-destination"> <span>Windrush</span> </span> <span class="fav-star-container"> <span class="fav-toggle"></span> </span> </div> </li> </ul> </div> </div> </div> <div id="fav-edit-bus" class="fav-panel-item fav-bus" data-mode="bus"> <div class="fav-edit-sub-heading"> <h2 id="sub-heading-bus" data-text-edit="Edit" data-text-add="Add" data-track-option="" data-track-mode="my buses">Favourite buses</h2> </div> <div class="fav-panel-close"> <button class="fav-panel__close fav-panel-done">Done<span class="visually-hidden"> updating my favourites</span></button> </div> <div class="clearfix"></div> <div class="fav-service-status-rainbow-board board-wrapper"> <div id="fav-rainbow-list-bus"> </div> </div> <div id="fav-bus-search"> <h2 id="search-heading-bus">Add new bus</h2> <div class="clearfix"></div> <div id="fav-bus-search-filter" class="search-filter no-focus"> <form id="search-filter-form-fav" action="/disambiguation" method="GET" data-placeholder="Search" data-datasets="[["stopPoints","/maps/bus?Input={{input}}&InputGeolocation={{lat}},{{lon}}&searchBoxType=bus"],["routes","/{{mode}}/route/{{lineIds}}/"]]" data-busstopsonly="False" data-isoysteronly="False" data-display-selected-modes-only="True" data-include-geolocation="True" data-allow-geo-location-submit="True" data-current-location-submit-url="/maps/bus" data-modes = "bus" data-ajax-enabled="False" data-includehubs="True" data-isssphome="False" class="clearfix" data-typeaheadSettingsJson = "{
 "menu": "fav-suggestions-menu"
}"> <div class="text-input"> <label class="heading visually-hidden" for="InputFavBus">Search</label> <input class="tt-onpanel no-focus" data-autocorrect="off" data-placeholder-no-focus="Search" data-placeholder-on-focus="Bus stop or route" data-val="true" data-val-required="Please enter a search term." id="InputFavBus" name="Input" placeholder="Search" role="combobox" type="text" value="" /> <span class="field-validation-error geolocation-error hidden" id="InputFavBus-error"> </span> <input name="DataSetsJson" type="hidden" value="[["stopPoints","/maps/bus?Input={{input}}&InputGeolocation={{lat}},{{lon}}&searchBoxType=bus"],["routes","/{{mode}}/route/{{lineIds}}/"]]" /><input name="Modes" type="hidden" value="bus" /><input name="PlaceHolderText" type="hidden" value="Search" /> </div> <div class="submit-button"> <input type="submit" value="Search" class="secondary-button visually-hidden" /> </div> </form> </div> </div> </div> <div id="fav-edit-traffic" class="fav-panel-item fav-traffic" data-mode="traffic"> <div class="fav-edit-sub-heading"> <h2 id="sub-heading-traffic" data-text-edit="Edit" data-text-add="Add" data-track-option="" data-track-mode="my roads">Favourite roads</h2> </div> <div class="fav-panel-close"> <button class="fav-panel__close fav-panel-done">Done<span class="visually-hidden"> updating my favourites</span></button> </div> <div class="clearfix"></div> <div class="fav-service-status-rainbow-board board-wrapper"> <div id="fav-rainbow-list-traffic" class="rainbow-board roads"> <ul class="fav-rainbow-list board-good-service scrolling"> <li data-line-class="roadcorridor-a1" data-corridor-group="" data-corridor-name="a1" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-a1"> <span>A1</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-a10" data-corridor-group="" data-corridor-name="a10" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-a10"> <span>A10</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-a12" data-corridor-group="" data-corridor-name="a12" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-a12"> <span>A12</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-a13" data-corridor-group="" data-corridor-name="a13" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-a13"> <span>A13</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-a2" data-corridor-group="" data-corridor-name="a2" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-a2"> <span>A2</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-a20" data-corridor-group="" data-corridor-name="a20" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-a20"> <span>A20</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-a21" data-corridor-group="" data-corridor-name="a21" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-a21"> <span>A21</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-a23" data-corridor-group="" data-corridor-name="a23" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-a23"> <span>A23</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-a24" data-corridor-group="" data-corridor-name="a24" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-a24"> <span>A24</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-a3" data-corridor-group="" data-corridor-name="a3" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-a3"> <span>A3</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-a316" data-corridor-group="" data-corridor-name="a316" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-a316"> <span>A316</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-a4" data-corridor-group="" data-corridor-name="a4" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-a4"> <span>A4</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-a40" data-corridor-group="" data-corridor-name="a40" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-a40"> <span>A40</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-a41" data-corridor-group="" data-corridor-name="a41" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-a41"> <span>A41</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-blackwall tunnel" data-corridor-group="" data-corridor-name="blackwall tunnel" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-blackwall tunnel"> <span>Blackwall Tunnel</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-Central London Red Routes" data-corridor-group="" data-corridor-name="Central London Red Routes" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-Central London Red Routes"> <span>Central London Red Routes</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-a406" data-corridor-group="" data-corridor-name="a406" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination roadcorridor-a406"> <span>North Circular (A406)</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li data-line-class="roadcorridor-a205" data-corridor-group="" data-corridor-name="a205" class="traffic-corridor" data-mode="traffic"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier road-corridor"></span> <span class="fav-service-name-or-destination road-corridor-a205"> <span>South Circular (A205)</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> </ul> </div> </div> </div> <div id="fav-edit-river-bus" class="fav-panel-item fav-river-bus" data-mode="river-bus"> <div class="fav-edit-sub-heading"> <h2 id="sub-heading-river-bus" data-text-edit="Edit" data-text-add="Add" data-track-option="" data-track-mode="my river buses">Favourite river buses</h2> </div> <div class="fav-panel-close"> <button class="fav-panel__close fav-panel-done">Done<span class="visually-hidden"> updating my favourites</span></button> </div> <div class="clearfix"></div> <div class="fav-service-status-rainbow-board board-wrapper"> <div id="fav-rainbow-list-river-bus"> <ul class="fav-rainbow-list"> <li class="fav-rainbow-list-item rb1" data-line-id="lul-rb1" data-mode="river-bus"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier rb1"></span> <span class="fav-service-name-or-destination rb1"> <span>RB1</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item rb2" data-line-id="lul-rb2" data-mode="river-bus"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier rb2"></span> <span class="fav-service-name-or-destination"> <span>RB2</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item rb4" data-line-id="lul-rb4" data-mode="river-bus"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier rb4"></span> <span class="fav-service-name-or-destination"> <span>RB4</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item rb5" data-line-id="lul-rb5" data-mode="river-bus"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier rb5"></span> <span class="fav-service-name-or-destination"> <span>RB5</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item rb6" data-line-id="lul-rb6" data-mode="river-bus"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier rb6"></span> <span class="fav-service-name-or-destination"> <span>RB6</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> <li class="fav-rainbow-list-item woolwich-ferry" data-line-id="lul-woolwich-ferry" data-mode="river-bus"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier woolwich-ferry"></span> <span class="fav-service-name-or-destination"> <span>Woolwich Ferry</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> </ul> </div> </div> </div> <div id="fav-edit-cable-car" class="fav-panel-item fav-cable-car" data-mode="cable-car"> <div class="fav-edit-sub-heading"> <h2 id="sub-heading-cable-car" data-text-edit="Edit" data-text-add="Add" data-track-option="" data-track-mode="my IFS Cloud Cable Car"><span class="visually-hidden">Favourite IFS Cloud Cable Car</span></h2> </div> <div class="fav-panel-close"> <button class="fav-panel__close fav-panel-done">Done<span class="visually-hidden"> updating my favourites</span></button> </div> <div class="clearfix"></div> <div class="fav-service-status-rainbow-board board-wrapper"> <div id="fav-rainbow-list-cable-car"> <ul class="fav-rainbow-list"> <li class="fav-rainbow-list-item cable-car" data-line-id="lul-cable-car" data-mode="cable-car"> <div class="fav-rainbow-list-link fav-star-off" role="checkbox" aria-checked="false" tabindex="0"> <span class="fav-service-identifier cable-car"></span> <span class="fav-service-name-or-destination"> <span>IFS Cloud Cable Car</span> </span> <span class="fav-star-container "> <span class="fav-toggle"></span> </span> </div> </li> </ul> </div> </div> </div> <div id="fav-edit-journey" class="fav-panel-item fav-journey fav-journey-place" data-mode="journey"> <div class="fav-edit-sub-heading"> <h2 id="sub-heading-journey" data-text-edit="Edit" data-text-add="Add" data-text-add-recents="Add recents" data-track-option="">Favourite journeys</h2> </div> <div class="fav-panel-close"> <button class="fav-panel__close fav-panel-done">Done<span class="visually-hidden"> updating my favourites</span></button> </div> <div class="clearfix"></div> </div> <div id="fav-edit-place" class="fav-panel-item fav-place fav-journey-place" data-mode="place"> <div data-bind="visible: hasPlaces()"> <div class="fav-edit-sub-heading"> <h2 id="sub-heading-place" data-text-edit="Edit" data-text-add="Add" data-track-option="" data-track-mode="my places">My places</h2> </div> <div class="fav-panel-close"> <button class="fav-panel__close fav-panel-done">Done<span class="visually-hidden"> updating my favourites</span></button> </div> </div> <div class="clearfix"></div> <div id="fav-rainbow-list-place"> <div id="edit-place"> <ul class="fav-rainbow-list fav-places-list" data-bind="foreach: places, visible: hasPlaces()"> <li class="fav-rainbow-list-item" data-bind="attr: { 'data-place': placeName }, event: { keypress: $parent.togglePlaceKeyboard }"> <div class="fav-rainbow-list-link" data-bind="css: activeState()" tabindex="0"> <span class="fav-place-label" data-bind="text: labelValue(), visible: !labelEdit(), css: labelIsNotSet(), click: $parent.toggleLabelForEdit"></span> <label class="heading visually-hidden" for="InputEditLabel">Edit label</label> <input id="InputEditLabel" type="text" placeholder="Add label" class="custom-label-edit custom-label" data-bind="value: label, visible: labelEdit, hasFocus: labelEdit" /> <div class="clearfix"></div> <div data-bind="click: $parent.togglePlace"> <span class="fav-toggle place"></span> <div class="mode-icons" data-bind="foreach: allModeIcons()"> <span class="mode-icon" data-bind="css: $data"> </span> </div> <span class="fav-place-text" data-bind="text: placeName"></span> </div> </div> </li> </ul> </div> </div> <div class="edit-place-view"> <div class="fav-edit-sub-heading"> <h2>Add new place</h2> </div> <div data-bind="visible: !hasPlaces()"> <div class="fav-panel-close"> <button class="fav-panel__close fav-panel-done">Done<span class="visually-hidden"> updating my favourites</span></button> </div> </div> <div class="clearfix"></div> <div class="edit-place-labels" data-bind="visible: showLabels"> <span data-bind="foreach: allLabels()"> <a href="javascript:void(0)" class="secondary-button fav-place-button existing-fav-place" data-bind="attr: { 'data-fav-place-label': $data }, click: $parent.selectDefaultLabel" role="checkbox" aria-checked="false" tabindex="0"> <span class="button-text" data-bind="text: $data">Existing place</span> </a> </span> <a href="javascript:void(0)" class="secondary-button fav-place-button new-fav-place" data-bind="click: $root.selectOtherLabel" tabindex="0"> <span class="button-cross"></span> <span class="button-text"><span class="visually-hidden">Add a </span>Label</span> </a> </div> <div data-bind="visible: !showLabels()"> <div id="fav-label-search-filter" class="search-filter"> <label class="heading visually-hidden" for="InputFavLabel">Add a label</label> <input id="InputFavLabel" type="text" placeholder="Add label" data-placeholder-no-focus="Add label" class="custom-label" data-bind="value: customLabel" /> </div> </div> <div id="fav-place-search-filter" class="search-filter no-focus"> <form id="search-filter-form-fav-place" method="GET" data-placeholder="Search" data-datasets="[["stopPoints","/"],["bikePoints","/"],["placesExtra","/"]]" data-busstopsonly="False" data-isoysteronly="False" data-display-selected-modes-only="False" data-include-geolocation="False" data-allow-geo-location-submit="True" data-current-location-submit-url="/maps" data-modes = "tube,dlr,overground,elizabeth-line,bus,river-bus,tram,cable-car,national-rail" data-ajax-enabled="True" data-includehubs="True" data-isssphome="False" class="clearfix" data-typeaheadSettingsJson = "{
 "menu": "fav-place-suggestions-menu"
}"> <div class="text-input"> <label class="heading visually-hidden" for="InputFavPlace">Search</label> <input class="tt-onpanel no-focus" data-autocorrect="off" data-placeholder-no-focus="Search" data-placeholder-on-focus="Station, postcode or place" data-val="true" data-val-required="Please enter a search term." id="InputFavPlace" name="Input" placeholder="Search" role="combobox" type="text" value="" /> <span class="field-validation-error geolocation-error hidden" id="InputFavPlace-error"> </span> <input name="DataSetsJson" type="hidden" value="[["stopPoints","/"],["bikePoints","/"],["placesExtra","/"]]" /><input name="Modes" type="hidden" value="tube,dlr,overground,elizabeth-line,bus,river-bus,tram,cable-car,national-rail" /><input name="PlaceHolderText" type="hidden" value="Search" /> </div> </form> </div> </div>  <div class="edit-place-view-old"> <div class="clearfix"></div> <div class="fav-edit-sub-heading panel-section-separator"> <h2>Add places</h2> </div> <div class="fav-forward-to-all"> <a class="first-time-panel-description" href="/plan-a-journey/" data-mode="place"> <span class="fav-add-link add-place"> Places <br /> <span class="title-description">Choose postcodes, stations and places for quick journey planning</span> </span> </a> </div> </div> </div> <div id="fav-edit-journey-place" class="fav-panel-item fav-place fav-journey-place" data-mode="journey-place"> <div class="clearfix"></div> </div> </div> </div> </div> <div class="popup fav-updated"> <div class="fav-toast-notification" style="display: none"> <span class="fav-icon large-icon fav-panel-star hide-text">Favicon</span><span class="popup-text">Favourites updated</span><span class="right-float"><a href="javascript:void(0)" tabindex="0" class="link2" data-tracking-event='pers_open_panel' data-tracking='pers_open_panel_details' data-tracking-value='Notification tab|view (global)' id="view-favourites-updated">View</a></span> </div> </div> </div> <script src="/cdn/static/scripts/core/min/init.min.ff532445.js"></script> <script type="text/javascript"> var queue = [function () { tfl.settings.debug = false; }, null]; var isDebug = false; var isMapsDebug = false; var isGoogleMapsDebug = false; var predictionsAjaxPolling = false; tfl.apiUrl = "https://api-nile.tfl.gov.uk/"; tfl.pushApiUrl = "https://push-api-nile.tfl.gov.uk/"; tfl.appId = "8268063a"; tfl.appKey = "14f7f5ff5d64df2e88701cef2049c804"; // Api mode names tfl.modeNameBus = "bus"; tfl.modeNameCableCar = "cable-car"; tfl.modeNameDlr = "dlr"; tfl.modeNameOverground = "overground"; tfl.modeNameElizabethLine = "elizabeth-line"; tfl.modeNameRiver = "river-bus"; tfl.modeNameTrain = "national-rail"; tfl.modeNameTram = "tram"; tfl.modeNameTube = "tube"; tfl.modeNameTraffic = "traffic"; tfl.modeNameMultiModal = "hub"; tfl.modeJourney = "journey"; tfl.modePlace = "place" // Excluded modes tfl.modesToExclude = ["plane", "international-rail"] // bus stopType tfl.naptanPublicBusCoachTram = "NaptanPublicBusCoachTram"; // disambiguation datasets tfl.disambiguationDataSets = { placesExtra: "placesExtra", routes: "routes", stopPoints: "stopPoints", bikePoints: "bikePoints", taxiRanks: "taxiRanks" }; //api error message tfl.apiErrorMessage = "Sorry, there was a problem with your request. Please try again later."; //page Urls tfl.jPLandingPageUrl = "/plan-a-journey/"; tfl.jPResultsPageUrl = "/JourneyPlanner/ResultsAsync"; tfl.disambiguationUrl = "/Disambiguation/AmbiguousSearchAjax"; // Amazon TAM Publisher Id tfl.amazonPublisherId = "9547a513-f2e5-4004-bd92-dc734efe7cf2"; //Typeahead search stops tfl.stopPointsSearchPrevent = false; tfl.stopPointsSearchPreviousQueryLength=0; tfl.placesExtraSearchPrevent = false; tfl.placesExtraSearchPreviousQueryLength=0; tfl.bikePointsSearchPrevent = false; tfl.bikePointsSearchPreviousQueryLength=0; //set personalisation defaults from web config tfl.isPersonalisationActive = "True"; tfl.showBusStatusOnHomePage = "True"; //Bottom advert tfl.showBottomAdvertCloseButton = "False"; //Cookiebot text tfl.dictionary.cookiebotRecentsMessage = "Recents is disabled due to your cookie preferences."; tfl.dictionary.cookiebotJourneysMessage = "My Journeys is disabled due to your cookie preferences."; tfl.dictionary.cookiebotRecentsLink = "Accept functionality cookies to use this feature"; queue.push("/cdn/static/scripts/core/min/global.min.b55e99d7.js", null , function() { if (tfl.DisableButtonOnSubmit) { tfl.DisableButtonOnSubmit.init(null, true, null); } }); queue.push(function () { var allowCorsInIe9 = "/cdn/static/scripts/jquery-ajaxtransport-xdomainrequest/1.0.3/jquery.xdomainrequest.min.js", l = $LAB, isie9OrLess = $("html").hasClass("lt-ie10"); if (isie9OrLess) { l.script(allowCorsInIe9); l.wait(); } }); if (isMapsDebug) { tfl.mapScriptPath = "/mapssource/packageall/packageall.js"; tfl.stealScriptPath = "/mapssource/steal/steal.js"; } else { tfl.mapScriptPath = "/cdn/static/scripts/maps/packageall/production.bc07728e.js"; tfl.stealScriptPath = "/cdn/static/scripts/maps/steal/steal.production.ed44caab.js"; } if (isGoogleMapsDebug) { tfl.isGoogleMapsDebug = true; } </script>  <script> (function (tfl) { tfl.isPersonalisationActive = true; tfl.isBusFavouritesActive = false; tfl.showBusStatusOnHomePage = true; tfl.showOnboarding = { personalisationStar: true }; tfl.showGetMeHome = { savePlace: false }; tfl.showBroadcastMessage = false; tfl.showStrikBannerOnTubemap = false; tfl.showBottomAdvertCloseButton = false; })(tfl = tfl || {}); </script> <script> queue.splice(2, 0, null, "/cdn/static/scripts/plugins/includes/jquery.calendario.js"); queue.push( "/cdn/static/scripts/modules/date-picker.min.js", null , function () { tfl.datePicker.init(); }, null ); </script> <script> queue.push( tfl.stealScriptPath, null, "/cdn/static/scripts//specific/status-updates/roads.min.0bc4b36c.js", null, "/cdn/static/scripts/shared/map-interactions.min.b3c96d73.js", null ); </script> <script> queue.push( function () { tfl.serviceStatus.roads.init( { disruptionsUrl: '/StatusUpdates/RoadsDisruptions?startDate=2024-12-22T08:31:41&endDate=2024-12-22T23:59:59&showWorks=True', corridorsUrl: '/StatusUpdates/RoadsStatusBoard?startDate=2024-12-22T08:31:41&endDate=2024-12-22T23:59:59&collapsed=false', modes: 'traffic', redRoutes: ['bishopsgate cross route','city route','farringdon cross route','inner ring','southern river route','western cross route'], autoRefresh: false, isFuture: true }); }, null ); </script><script> tfl.logs.create("tfl.favstatusbus: creating"); if (predictionsAjaxPolling || navigator.userAgent.indexOf("BlackBerry") >= 0) { tfl.logs.create("tfl.favstatusbus: blackberry"); // reverting to AJAX polling for Blackberry 7 devices queue.push( "/cdn/static/scripts/specific/stations-stops-piers/predictions-ajax.min.1f187320.js", null ); } else { tfl.logs.create("tfl.statusbus: non-blackberry"); queue.push( "/cdn/static/scripts//plugins/includes/jquery.signalR-2.2.0.min.js", null, "https://push-api-nile.tfl.gov.uk/signalr/hubs", null, "/cdn/static/scripts//plugins/includes/knockout-2.3.0.min.js", null, "/cdn/static/scripts/specific/stations-stops-piers/predictions.min.f2498951.js", null ); } </script> <script> queue.push( function () { tfl.searchFilter.setNearUrl("/maps/bus"); }, null ); </script><script> queue.push( function () { tfl.searchFilter.setNearUrl("/maps"); }, null ); </script> <script> var $L = $LAB; for (var i = 0, len = queue.length; i < len; i++) { if (typeof queue[i] == "string") { $L = $L.script(queue[i]); } else if (!queue[i]) { $L = $L.wait(); } else if (typeof queue[i] == "function") { $L = $L.wait(queue[i]); } } </script>  <script> var tfl = tfl || {}; tfl.analytics = tfl.analytics || {}; tfl.analytics.tealiumUtagUrl = '//assets.adobedtm.com/launch-ENc5e3f827edc94f2a816110524598acd7.min.js'; </script>   <script type="text/javascript"> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL }, 'google-translate'); applyAriaLabel(); removeGoogleTranslateAltTag() }; function applyAriaLabel() { var gtSelect = document.getElementsByClassName('goog-te-combo')[0]; var ariaLabel = document.createAttribute('aria-label'); ariaLabel.value = 'Select Language'; gtSelect.setAttributeNode(ariaLabel); }; function removeGoogleTranslateAltTag() { // This function is a sticking plaster fixing a bigger issue with the Google Translate library used above. var altTag = document.getElementsByClassName('goog-logo-link')[0]; if(!altTag) return; altTag.childNodes[1].remove() } </script>  </body> </html>

CINXE.COM

Traffic status updates - Transport for London