@charset "UTF-8";
/* utility */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: arial;
  font-size: 15px; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, main {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: bottom;
  font: inherit;
  font-size: 100%;
  line-height: 153.333%; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
  padding: 0;
  margin: 0; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-spacing: 0;
  border-collapse: collapse; }

.clearfix:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
  font-size: 0; }

* html .clearfix {
  zoom: 1; }

*:first-child + html .clearfix {
  zoom: 1; }

.hidden, .icon-replacement-text, .button-set input.hidden {
  display: none; }

.hidden-with-js {
  display: none !important; }

.clear {
  clear: both; }

.hide-text {
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  *display: block; }

.bold {
  font-weight: bold; }

.allcaps {
  text-transform: uppercase; }

@media (max-width: 400px) {
  @-ms-viewport {
    width: device-width; } }

@-o-viewport {
  width: device-width; }

@-moz-viewport {
  width: device-width; }

@-webkit-viewport {
  width: device-width; }

input[type=text]::-ms-clear {
  display: none; }

.vertical-centre:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.vertical-centre > .centre-child {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle; }

.block {
  display: block; }

.address-line {
  display: block; }

.margin-bottom {
  margin-bottom: 30px; }

.right-to-left {
  direction: rtl; }

.no-outline {
  outline: none; }

.no-js-only, .secondary-button.no-js-only, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.no-js-only {
  display: none; }

.disabled-control {
  pointer-events: none; }

.cursor-wait {
  cursor: wait; }

.hide {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

/* Warning: while this works, it may cause high CPU load */
@-webkit-keyframes webkit-selector-bugfix {
  from {
    padding: 0; }
  to {
    padding: 0; } }

.boxed-label-for-input:hover {
  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); }

.boxed-label-for-input, input[type="checkbox"] + input[type="hidden"] + .styled-checkbox-label {
  background-color: white;
  cursor: pointer;
  display: block;
  color: #000;
  padding: 10px 45px 11px 16px; }

.account-details .top-tier-title, .account-details .top-tier-content {
  font-family: "New Johnson Bold", Arial;
  font-size: 18px; }

.section-style, h1.signing, .h1.signing, strong {
  font-family: Johnston100-Medium, Arial, Helvetica, sans-serif; }

h1, .h1, h2, .h2, h3, .h3, .section-landing-container h1, .section-landing-container .h1, .headline, .hero-headline, .header-two, .header-three, .responsive-form .form-heading, .bounded-fieldset .form-sub-heading, .live-board .live-board-subheading, .headline-container.content-page h1, .map-panel .nearby-list-heading, .map-panel .map-panel-heading {
  font-family: Johnston100-Regular, Arial, Helvetica, sans-serif; }

.primary-button, .secondary-button, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a, .ai-search .more-results button {
  font-family: Johnston100-Light, Arial, Helvetica, sans-serif;
  font-size: 14px; }

.did-you-know-box span {
  font-family: Johnston100-Regular, Arial, Helvetica, sans-serif;
  color: #2070b0;
  font-size: 24px;
  display: block;
  line-height: 1;
  width: 100%; }

.module-grid > div .teaser, .grey-box, .flat-button {
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box; }

.module-grid > div .teaser, .grey-box, .flat-button {
  border-bottom: 3px solid #ccc;
  border-bottom: 3px solid rgba(0, 0, 0, 0.2); }

.main, .aside, .login-aside, .equal-weight > div {
  float: left;
  margin: 0 0 0 2.54%;
  width: 94.864%; }

.visually-hidden, .assistive-text, .assistive-button {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

.boxed-label-for-input:hover, .page_link:hover, .page_link:focus, .next_link:hover, .next_link:focus, .previous_link:hover, .previous_link:focus, .first_link:hover, .first_link:focus, .last_link:hover, .last_link:focus, .pagination-controls-gotopage .page_link:hover, .pagination-controls-gotopage .page_link:focus, .account-statements .document-link:hover, .account-statements .document-link:focus, .primary-button:not([disabled="disabled"]):hover, .primary-button:not([disabled="disabled"]):focus, .secondary-button:not([disabled="disabled"]):hover, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a:not([disabled="disabled"]):hover, .secondary-button:not([disabled="disabled"]):focus, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a:not([disabled="disabled"]):focus, .disabled-button:not([disabled="disabled"]):hover, .disabled-button:not([disabled="disabled"]):focus, .btn-download-map:not([disabled="disabled"]):hover, .btn-download-map:not([disabled="disabled"]):focus, .plain-button:hover, .plain-button:focus, .flat-button:hover, .flat-button:focus, a.link-button:hover, .responsive-link-button:hover, a.link-button:focus, .responsive-link-button:focus, a.link-button.disrupted:hover, .disrupted.responsive-link-button:hover, a.link-button.disrupted:focus, .disrupted.responsive-link-button:focus, .plain-link:hover, .plain-link:focus, .show-welcome-page-button:hover, .show-welcome-page-button:focus, .show-welcome-page-button-container:hover, .show-welcome-page-button-container:focus, .show-welcome-page-button-container.disrupted:hover, .show-welcome-page-button-container.disrupted:focus, .stop-list a.stop-link:focus:not(.no-arrow), .timetable-route a.stop-link:focus:not(.no-arrow), .stop-list a.stop-link:hover:not(.no-arrow), .timetable-route a.stop-link:hover:not(.no-arrow), .nearby-list a:hover, .nearby-list a:focus, .bus-option .bus-option-route-name:hover, .document-download-wrap:hover, .document-download-wrap:focus, .responsive-button-row.collapsed.opened .rbr-group-button > a, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .disruption-summary, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .disruption-summary, .rainbow-list .rainbow-list-item.link-only .good-service-link:hover .disruption-summary, .rainbow-list .rainbow-list-item.link-only .good-service-link:focus .disruption-summary, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name, .rainbow-list-wrapper .good-service-link:hover, .rainbow-list-wrapper .good-service-link:focus, .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier, #fav-edit-journey li.fav-rainbow-list-item:hover, #fav-edit-journey li.fav-rainbow-list-item:focus,
#fav-edit-place li.fav-rainbow-list-item:hover,
#fav-edit-place li.fav-rainbow-list-item: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 {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none; }

th, td {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box; }

.field-validation-error:before, .field-validation-information:before, .field-validation-suggestion:before, .fewest-changes-icon, .fastest-by-public-transport-icon, .cycle-hire-icon, .cycle-hire-icon-easy, .cycle-hire-icon-moderate, .cycle-hire-icon-fast, .up-lift, .boarding-ramps-icon, .euro-cash-machines-icon, #mode-navigation .chevron {
  background-image: url("/static/1/images/vsprite_x2.34614087.png");
  background-image: url("/static/1/images/vsprite.17114d90.png") \9; }
  .body-cms-preview .field-validation-error:before, .body-cms-preview .field-validation-information:before, .body-cms-preview .field-validation-suggestion:before, .body-cms-preview .fewest-changes-icon, .body-cms-preview .fastest-by-public-transport-icon, .body-cms-preview .cycle-hire-icon, .body-cms-preview .cycle-hire-icon-easy, .body-cms-preview .cycle-hire-icon-moderate, .body-cms-preview .cycle-hire-icon-fast, .body-cms-preview .up-lift, .body-cms-preview .boarding-ramps-icon, .body-cms-preview .euro-cash-machines-icon, .body-cms-preview #mode-navigation .chevron, #mode-navigation .body-cms-preview .chevron {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.field-validation-error:before, .field-validation-information:before, .field-validation-suggestion:before, .fewest-changes-icon, .fastest-by-public-transport-icon, .cycle-hire-icon, .cycle-hire-icon-easy, .cycle-hire-icon-moderate, .cycle-hire-icon-fast, .up-lift, .boarding-ramps-icon, .euro-cash-machines-icon, #mode-navigation .chevron {
  background-size: 96px 3776px;
  height: 32px;
  width: 32px; }

#search-filter input {
  float: left; }

.section-style {
  background: #2d3039;
  color: #fff;
  font-size: 24px;
  padding: 6px 15px;
  display: inline-block; }

.live-board .live-board-feed {
  background-image: url(data:image/gif;base64,R0lGODlhAwADAIAAAP////Dw8CH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjEgNjQuMTQwOTQ5LCAyMDEwLzEyLzA3LTEwOjU3OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgTWFjaW50b3NoIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU0MDczODZGMTkzNDExRTNCQzhBRjEwNjJGREIxMTQ1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU0MDczODcwMTkzNDExRTNCQzhBRjEwNjJGREIxMTQ1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTQwNzM4NkQxOTM0MTFFM0JDOEFGMTA2MkZEQjExNDUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTQwNzM4NkUxOTM0MTFFM0JDOEFGMTA2MkZEQjExNDUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQAAAAAACwAAAAAAwADAAACAwyOVwA7); }

.favourite.active {
  position: relative; }
  .favourite.active::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    opacity: 0.1;
    background-color: #000;
    z-index: 10; }

.responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button {
  position: relative; }
  .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    opacity: 0.1;
    background-color: #000;
    z-index: 10; }

.throbber, .local-storage-loading:after, .map-panel.loading:after {
  height: 70px;
  width: 70px;
  background-image: url("/static/1/images/throbber.gif"); }

.slow-loading {
  width: 64px;
  height: 64px;
  background-image: url("/static/1/images/throbber-blue-large.gif"); }

.map-button, .fullscreen-stage-button {
  position: absolute;
  width: 40px;
  height: 43px;
  border: 1px solid #ccc;
  border-bottom-width: 3px;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
  background-color: #fff; }
  .map-button .icon, .fullscreen-stage-button .icon {
    display: block;
    position: absolute;
    top: 4px;
    left: 4px; }

.form-control-wrapper.form-field-error .form-control, .form-control-wrapper.form-field-tooltip .form-control {
  padding-right: 45px; }

.disabled-control, input[type="checkbox"]:disabled + .boxed-label-for-input, input[type="radio"]:disabled + .boxed-label-for-input, input[type="checkbox"]:disabled + input[type="hidden"] + .styled-checkbox-label, input[type="radio"]:disabled + input[type="hidden"] + .styled-checkbox-label, .shaded-text-area:disabled, input[type="number"]:disabled, input[type="text"]:disabled {
  cursor: not-allowed; }

.field-validation-error:before, .field-validation-information:before, .field-validation-suggestion:before, .fewest-changes-icon, .fastest-by-public-transport-icon, .cycle-hire-icon, .cycle-hire-icon-easy, .cycle-hire-icon-moderate, .cycle-hire-icon-fast, .up-lift, .boarding-ramps-icon, .euro-cash-machines-icon, #mode-navigation .chevron {
  background-image: url("/static/1/images/vsprite_x2.34614087.png");
  background-image: url("/static/1/images/vsprite.17114d90.png") \9; }
  .body-cms-preview .field-validation-error:before, .body-cms-preview .field-validation-information:before, .body-cms-preview .field-validation-suggestion:before, .body-cms-preview .fewest-changes-icon, .body-cms-preview .fastest-by-public-transport-icon, .body-cms-preview .cycle-hire-icon, .body-cms-preview .cycle-hire-icon-easy, .body-cms-preview .cycle-hire-icon-moderate, .body-cms-preview .cycle-hire-icon-fast, .body-cms-preview .up-lift, .body-cms-preview .boarding-ramps-icon, .body-cms-preview .euro-cash-machines-icon, .body-cms-preview #mode-navigation .chevron, #mode-navigation .body-cms-preview .chevron {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.field-validation-error:before, .field-validation-information:before, .field-validation-suggestion:before, .fewest-changes-icon, .fastest-by-public-transport-icon, .cycle-hire-icon, .cycle-hire-icon-easy, .cycle-hire-icon-moderate, .cycle-hire-icon-fast, .up-lift, .boarding-ramps-icon, .euro-cash-machines-icon, #mode-navigation .chevron {
  background-size: 96px 3776px;
  height: 32px;
  width: 32px; }

hr.dotted-separator, hr.dotted-cta-separator {
  border: 1px #ccc;
  border-width: 0 0 1px 0;
  height: 0;
  color: inherit;
  background-color: inherit;
  margin-bottom: 30px; }

.assistive-button:focus {
  overflow: visible;
  clip: auto;
  height: auto;
  position: static;
  width: auto;
  margin: auto;
  visibility: visible; }

label.heading, legend.heading, .mocklabel {
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
  font-size: 17px; }

.no-js .jp-print-button {
  display: none; }

.print-options {
  padding: 30px; }
  .print-options .form-control-wrapper, .print-options h3, .print-options .disclaimer {
    margin-bottom: 1em; }
  .print-options .form-control-wrapper {
    overflow: visible; }
    .print-options .form-control-wrapper .styled-checkbox {
      padding: 0 0 0 20px; }
  .print-options .separate {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px 0; }
  .print-options .jp-print-button {
    width: 100%; }
  .breakpoint-Small .print-options .form-control-wrapper.showMaps {
    display: none; }
  .breakpoint-Large .print-options .form-control-wrapper.showMaps {
    display: block; }

/* global - small */
.r {
  max-width: 1140px;
  min-width: 300px;
  position: relative;
  display: block;
  margin: 0 auto;
  *zoom: 1; }
  .r:before, .r:after {
    content: " ";
    display: table; }
  .r:after {
    clear: both; }

#full-width-content .r {
  margin-bottom: 10px; }
  #full-width-content .r.no-overflow {
    overflow-y: hidden; }
  #full-width-content .r.no-bottom-margin {
    margin-bottom: 0; }
  #full-width-content .r.no-margin > :first-child {
    margin-left: 0; }
  #full-width-content .r.no-margin > :last-child {
    margin-right: 0; }

.r > :first-child {
  margin-left: 2.54%; }

.r > :last-child {
  margin-right: 2.54%; }

.responsive-aside {
  margin: 2.54%; }

.module-grid > div {
  margin: 0 0 20px; }
  .module-grid > div .teaser {
    padding: 10px 40px 10px 10px;
    background: #eee;
    position: relative; }
    .module-grid > div .teaser p {
      margin-bottom: 0; }
    .module-grid > div .teaser h3 {
      margin-bottom: 5px; }
    .module-grid > div .teaser: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: 5px; }
      .body-cms-preview .module-grid > div .teaser:after {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }

.module-grid .accordion {
  clear: none; }

#main-hero {
  padding-top: 10px;
  margin-bottom: 10px; }

.hero-container {
  background: #eee;
  padding-top: 33px;
  background-size: cover;
  background-position: 50% 50%;
  margin-bottom: 27px;
  background-repeat: no-repeat; }

.section-overview {
  background: #eee;
  padding: 20px;
  margin-bottom: 10px; }
  .section-overview h2 {
    margin-bottom: 10px; }
  .section-overview .main, .section-overview .aside {
    margin-left: 0;
    width: 100%; }
  .section-overview.visitor-centres {
    border-bottom-color: #dc006b; }

.two-column-divided {
  *zoom: 1;
  margin-bottom: 20px; }
  .two-column-divided:before, .two-column-divided:after {
    content: " ";
    display: table; }
  .two-column-divided:after {
    clear: both; }

.stackable-columns {
  display: table;
  width: 100%; }
  .stackable-columns .column {
    display: block; }

#fullscreen-stage {
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  min-width: 300px; }
  .stage-active #fullscreen-stage {
    display: block;
    z-index: 1000;
    height: 100%;
    border-bottom: 0; }
  #fullscreen-stage .panzoom-element {
    min-width: 100%;
    min-height: 100%; }

.panzoom-element.width {
  min-width: 100%; }

.panzoom-element.height {
  min-height: 100%; }

.panzoom-wrapper {
  height: 100%; }

body.stage-active.panzoom {
  overflow: hidden; }

body.stage-active #container {
  display: none; }

body.stage-active .map-sliver {
  height: 100%;
  border-bottom: 0; }
  body.stage-active .map-sliver.map-sliver-half {
    height: 85%;
    border-bottom: 0; }

.map-button {
  display: none; }
  .stage-active .map-button, .breakpoint-Large .map-button {
    display: block; }

.open-fullscreen-stage {
  top: 50%;
  margin-top: -20px;
  right: 10px;
  border-bottom-width: 1px;
  height: 40px; }
  .stage-active .open-fullscreen-stage, .loading + .sliver-overlay .open-fullscreen-stage {
    display: none; }

.close-fullscreen-stage {
  top: 10px;
  right: 10px;
  display: block;
  z-index: 1001;
  display: none; }
  .showing-map-panel .close-fullscreen-stage {
    display: none; }

.breadcrumb-headline-container {
  background-color: #f7f7f7;
  min-height: auto; }
  .breadcrumb-headline-container.route {
    margin-bottom: 40px; }

@font-face {
  font-family: "New Johnson Bold";
  src: url("/static/1/assets/fonts/NJFont-BookBold.eot");
  src: url("/static/1/assets/fonts/NJFont-BookBold.eot?#iefix") format("embedded-opentype"), url("/static/1/assets/fonts/NJFont-BookBold.woff") format("woff"), url("/static/1/assets/fonts/NJFont-BookBold.otf") format("opentype"), url("/static/1/assets/fonts/NJFont-BookBold.svg") format("svg"); }

@font-face {
  font-family: "New Johnson";
  src: url("/static/1/assets/fonts/NJFont-Book.eot");
  src: url("/static/1/assets/fonts/NJFont-Book.eot?#iefix") format("embedded-opentype"), url("/static/1/assets/fonts/NJFont-Book.woff") format("woff"), url("/static/1/assets/fonts/NJFont-Book.otf") format("opentype"), url("/static/1/assets/fonts/NJFont-Book.svg") format("svg"); }

@font-face {
  font-family: "NJ Signing";
  src: url("/static/1/assets/fonts/njfontsigning-medium.eot");
  src: url("/static/1/assets/fonts/njfontsigning-medium.eot?#iefix") format("embedded-opentype"), url("/static/1/assets/fonts/njfontsigning-medium.woff") format("woff"), url("/static/1/assets/fonts/njfontsigning-medium.ttf") format("truetype"), url("/static/1/assets/fonts/njfontsigning-medium.svg#njfontsigning-medium") format("svg"); }

@font-face {
  font-family: 'Johnston100-Hairline';
  src: url("/cdn/static/assets/fonts/Johnston100-Hairline.woff2") format("woff2"), url("/cdn/static/assets/fonts/Johnston100-Hairline.woff") format("woff"); }

@font-face {
  font-family: 'Johnston100-Light';
  src: url("/cdn/static/assets/fonts/Johnston100-Light.woff2") format("woff2"), url("/cdn/static/assets/fonts/Johnston100-Light.woff") format("woff"); }

@font-face {
  font-family: 'Johnston100-Medium';
  src: url("/cdn/static/assets/fonts/Johnston100-Medium.woff2") format("woff2"), url("/cdn/static/assets/fonts/Johnston100-Medium.woff") format("woff"); }

@font-face {
  font-family: 'Johnston100-Regular';
  src: url("/cdn/static/assets/fonts/Johnston100-Regular.woff2") format("woff2"), url("/cdn/static/assets/fonts/Johnston100-Regular.woff") format("woff"); }

html {
  font-family: Johnston100-Light, Arial, Helvetica, sans-serif;
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  background-color: #fff;
  color: #2d3039; }

h1, .h1 {
  font-size: 34px;
  line-height: 40px;
  letter-spacing: -0.02em; }
  h1.signing, .h1.signing {
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc; }

h2, .h2 {
  font-size: 22px;
  line-height: 32px;
  margin-bottom: 10px; }

h3, .h3 {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 10px; }

h4, .h4, h5, .h5, h6, .h6 {
  font-weight: bold;
  margin: 0 0 10px; }

h1 abbr, .h1 abbr, h2 abbr, .h2 abbr {
  line-height: 1;
  vertical-align: baseline; }

h3, .h3, abbr {
  line-height: 1; }

p abbr {
  line-height: 1;
  vertical-align: baseline; }

.no-child-margin:first-child {
  margin-left: 0; }

.section-landing-container {
  position: relative;
  padding: 0;
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px; }
  .section-landing-container .landing-page {
    border-bottom: 1px solid #cacaca; }
  .section-landing-container.with-logo {
    padding-right: 135px; }
  .section-landing-container .heading-logo {
    height: 40px;
    position: absolute;
    right: 0;
    bottom: 10px; }
    .section-landing-container .heading-logo > img {
      height: 39px;
      width: auto; }
  .section-landing-container .hero-headline {
    padding: 0;
    margin: 0;
    background-color: transparent;
    box-shadow: none;
    color: #2d3039; }

.content-container ul li {
  margin-bottom: 20px; }

.skip-link:focus, .skip-link:active {
  background: #fff;
  z-index: 5;
  padding: 5px 10px;
  width: auto;
  height: auto;
  clip: auto; }

.headline, .hero-headline {
  font-weight: normal;
  margin-bottom: 20px; }

.hero-headline {
  background: #2d3039;
  color: #fff;
  box-shadow: 10px 0 0 #2d3039, -10px 0 0 #2d3039;
  display: inline;
  padding: 5px 0; }

.no-background-image {
  background-image: none !important; }

p {
  margin-bottom: 30px; }
  p .ext-span {
    height: 25px;
    display: inline-block;
    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 -1152px; }
    .body-cms-preview p .ext-span {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }

p.title {
  font-size: 110%;
  line-height: 100%; }

p.italic-block, span.italic-block {
  font-style: italic;
  color: #676767; }

p.tight-margin {
  margin-bottom: 10px; }

ul, ol {
  list-style-position: outside;
  margin-left: 25px;
  margin-bottom: 25px; }

ul {
  list-style-type: disc; }

ol {
  list-style-type: decimal; }

a {
  text-decoration: none;
  color: #2070b0;
  cursor: pointer; }
  a:focus, a:hover {
    text-decoration: underline; }

#full-width-content a {
  text-decoration: underline; }
  #full-width-content a:focus, #full-width-content a:hover {
    text-decoration: none; }

#full-width-content a.geolocation-link, #full-width-content a.route-direction-ssp-inner, #full-width-content a.link-button, #full-width-content .responsive-link-button, #full-width-content a.accordion-heading, #full-width-content a.towards-link, #full-width-content a.bus-option-route-name, #full-width-content a.journey-box, #full-width-content a.primary-button, #full-width-content a.secondary-button, #full-width-content .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a, .responsive-button-row.collapsed.opened #full-width-content .rbr-group-button ~ div.rbr-button > a, #full-width-content a.less-options, #full-width-content a.plain-button, #full-width-content a.add-recents-to-favourites {
  text-decoration: none; }
  #full-width-content a.geolocation-link:focus, #full-width-content a.geolocation-link:hover, #full-width-content a.route-direction-ssp-inner:focus, #full-width-content a.route-direction-ssp-inner:hover, #full-width-content a.link-button:focus, #full-width-content .responsive-link-button:focus, #full-width-content a.link-button:hover, #full-width-content .responsive-link-button:hover, #full-width-content a.accordion-heading:focus, #full-width-content a.accordion-heading:hover, #full-width-content a.towards-link:focus, #full-width-content a.towards-link:hover, #full-width-content a.bus-option-route-name:focus, #full-width-content a.bus-option-route-name:hover, #full-width-content a.journey-box:focus, #full-width-content a.journey-box:hover, #full-width-content a.primary-button:focus, #full-width-content a.primary-button:hover, #full-width-content a.secondary-button:focus, #full-width-content .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a:focus, .responsive-button-row.collapsed.opened #full-width-content .rbr-group-button ~ div.rbr-button > a:focus, #full-width-content a.secondary-button:hover, #full-width-content .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a:hover, .responsive-button-row.collapsed.opened #full-width-content .rbr-group-button ~ div.rbr-button > a:hover, #full-width-content a.less-options:focus, #full-width-content a.less-options:hover, #full-width-content a.plain-button:focus, #full-width-content a.plain-button:hover, #full-width-content a.add-recents-to-favourites:focus, #full-width-content a.add-recents-to-favourites:hover {
    text-decoration: none; }

#full-width-content #right-hand-nav .heading {
  color: #fff; }

#full-width-content #right-hand-nav a {
  text-decoration: none; }
  #full-width-content #right-hand-nav a:focus, #full-width-content #right-hand-nav a:hover {
    text-decoration: underline; }

#full-width-content #right-hand-nav ul li a {
  text-decoration: none; }
  #full-width-content #right-hand-nav ul li a:focus, #full-width-content #right-hand-nav ul li a:hover {
    text-decoration: none; }

.contact-info-box a {
  text-decoration: underline; }
  .contact-info-box a:focus, .contact-info-box a:hover {
    text-decoration: none; }

.contact-info-box h2 {
  font-size: 18px; }

.contact-info-box h3 {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 2px; }

.contact-info-box div:nth-child(4) h3 {
  display: inline; }

#full-width-content .timetable-list a, #full-width-content .stop-list a, #full-width-content .timetable-route a, #full-width-content .route a, #full-width-content .expanded-result-details a, #full-width-content .transport-list-options a, #full-width-content .large-icon-accordion a, #full-width-content .homepage-top-links a, #full-width-content .main-services a, #full-width-content .fast-plan a, #full-width-content .multi-document-download-container a, #full-width-content .link-wrapper a, #full-width-content .vertical-button-container a, #full-width-content .date-wrap a, #full-width-content .service-status a, #full-width-content .tabs-style-2 a, #full-width-content .right-journey-options a, #full-width-content .earlier-later a, #full-width-content #plan-a-journey a, #full-width-content #jp-tabs a, #full-width-content .social-button a, #full-width-content .related-links a, #full-width-content .news-teaser a {
  text-decoration: none; }
  #full-width-content .timetable-list a:focus, #full-width-content .timetable-list a:hover, #full-width-content .stop-list a:focus, #full-width-content .timetable-route a:focus, #full-width-content .stop-list a:hover, #full-width-content .timetable-route a:hover, #full-width-content .route a:focus, #full-width-content .route a:hover, #full-width-content .expanded-result-details a:focus, #full-width-content .expanded-result-details a:hover, #full-width-content .transport-list-options a:focus, #full-width-content .transport-list-options a:hover, #full-width-content .large-icon-accordion a:focus, #full-width-content .large-icon-accordion a:hover, #full-width-content .homepage-top-links a:focus, #full-width-content .homepage-top-links a:hover, #full-width-content .main-services a:focus, #full-width-content .main-services a:hover, #full-width-content .fast-plan a:focus, #full-width-content .fast-plan a:hover, #full-width-content .multi-document-download-container a:focus, #full-width-content .multi-document-download-container a:hover, #full-width-content .link-wrapper a:focus, #full-width-content .link-wrapper a:hover, #full-width-content .vertical-button-container a:focus, #full-width-content .vertical-button-container a:hover, #full-width-content .date-wrap a:focus, #full-width-content .date-wrap a:hover, #full-width-content .service-status a:focus, #full-width-content .service-status a:hover, #full-width-content .tabs-style-2 a:focus, #full-width-content .tabs-style-2 a:hover, #full-width-content .right-journey-options a:focus, #full-width-content .right-journey-options a:hover, #full-width-content .earlier-later a:focus, #full-width-content .earlier-later a:hover, #full-width-content #plan-a-journey a:focus, #full-width-content #plan-a-journey a:hover, #full-width-content #jp-tabs a:focus, #full-width-content #jp-tabs a:hover, #full-width-content .social-button a:focus, #full-width-content .social-button a:hover, #full-width-content .related-links a:focus, #full-width-content .related-links a:hover, #full-width-content .news-teaser a:focus, #full-width-content .news-teaser a:hover {
    text-decoration: none; }

#full-width-content .on-this-page-list a, #full-width-content .favourite-tab a, #full-width-content .breadcrumbs a {
  text-decoration: none; }
  #full-width-content .on-this-page-list a:focus, #full-width-content .on-this-page-list a:hover, #full-width-content .favourite-tab a:focus, #full-width-content .favourite-tab a:hover, #full-width-content .breadcrumbs a:focus, #full-width-content .breadcrumbs a:hover {
    text-decoration: underline; }

#full-width-content a.show-hide-link {
  text-decoration: none; }
  #full-width-content a.show-hide-link:focus, #full-width-content a.show-hide-link:hover {
    text-decoration: underline; }

a.outline-dotted-thin:focus {
  outline: dotted thin; }

a.fav-panel__close:focus {
  outline: dotted thin; }

textarea {
  margin: 0; }

.link2 {
  color: #6cc; }

.arrow-forward {
  display: block; }
  .arrow-forward:after {
    background-image: url("/static/1/images/vsprite_x2.34614087.png");
    background-image: url("/static/1/images/vsprite.17114d90.png") \9;
    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: 23px;
    width: 28px;
    display: inline-block;
    content: ""; }
    .body-cms-preview .arrow-forward:after {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .body-cms-preview .arrow-forward:after {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }

table {
  width: 100%; }
  table tr:nth-child(odd) {
    background-color: #f7f7f7; }
  table.first-row {
    background-color: #f7f7f7;
    z-index: 1; }
    table.first-row td:first-child, table.first-row th:first-child {
      position: absolute;
      left: 0;
      background-color: #f7f7f7;
      height: 100%;
      vertical-align: bottom; }
      table.first-row td:first-child > span, table.first-row th:first-child > span {
        display: block;
        position: absolute;
        top: 5px; }
  table .right-align {
    text-align: right; }

th {
  text-align: left;
  font-weight: bold; }

th, td {
  padding: 5px;
  vertical-align: top; }

button {
  cursor: pointer; }

strong {
  vertical-align: top; }

em {
  font-style: italic; }

hr {
  height: 1px;
  border: 0;
  color: #ccc;
  background-color: #ccc;
  margin-bottom: 15px; }

label.heading, legend.heading {
  clear: left; }
  label.heading.bMargin, legend.heading.bMargin {
    margin-bottom: 14px; }

.mocklabel {
  clear: left; }

input[type="text"]:not(.disable-removable-content) {
  padding-right: 32px; }

.remove-content-container {
  float: left;
  width: 100%; }
  .remove-content-container.empty input[type="text"] {
    padding-right: 5px; }
  .remove-content-container .remove-content {
    position: relative;
    z-index: 2;
    display: block;
    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; }
    .body-cms-preview .remove-content-container .remove-content {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .remove-content-container .remove-content.label {
      background-position: -32px -800px; }

.modal.loading {
  min-height: 100%; }

#content {
  margin-top: 10px; }

.icon {
  background-image: url("/static/1/images/vsprite.17114d90.png");
  background-image: url("/static/1/images/vsprite.17114d90.png") \9; }

span.cable-car, td.cable-car {
  background: #dc241f; }

span.bakerloo, td.bakerloo {
  background: #b26300; }

span.bakerloo_overground, td.bakerloo_overground {
  background-color: #eee;
  background-image: -webkit-linear-gradient(left, #b26300 0%, #b26300 50%, #fa7b05 50%, #fa7b05 100%);
  background-image: linear-gradient(to right, #b26300 0%, #b26300 50%, #fa7b05 50%, #fa7b05 100%); }

span.central, td.central {
  background: #dc241f; }

span.circle, td.circle {
  background: #ffc80a; }

span.circle_district, td.circle_district {
  background-color: #eee;
  background-image: -webkit-linear-gradient(left, #ffc80a 0%, #ffc80a 50%, #007d32 50%, #007d32 100%);
  background-image: linear-gradient(to right, #ffc80a 0%, #ffc80a 50%, #007d32 50%, #007d32 100%); }

span.circle_hammersmith, span.circle_hammersmith-city, td.circle_hammersmith, td.circle_hammersmith-city {
  background-color: #eee;
  background-image: -webkit-linear-gradient(left, #ffc80a 0%, #ffc80a 50%, #f589a6 50%, #f589a6 100%);
  background-image: linear-gradient(to right, #ffc80a 0%, #ffc80a 50%, #f589a6 50%, #f589a6 100%); }

span.circle_hammersmith_metropolitan, span.circle_hammersmith-city_metropolitan, td.circle_hammersmith_metropolitan, td.circle_hammersmith-city_metropolitan {
  background-color: #eee;
  background-image: -webkit-linear-gradient(left, #ffc80a 0%, #ffc80a 33.33%, #f589a6 33.33%, #f589a6 66.66%, #9b0058 66.66%, #9b0058 100%);
  background-image: linear-gradient(to right, #ffc80a 0%, #ffc80a 33.33%, #f589a6 33.33%, #f589a6 66.66%, #9b0058 66.66%, #9b0058 100%); }

span.circle_metropolitan, td.circle_metropolitan {
  background-color: #eee;
  background-image: -webkit-linear-gradient(left, #ffc80a 0%, #ffc80a 50%, #9b0058 50%, #9b0058 100%);
  background-image: linear-gradient(to right, #ffc80a 0%, #ffc80a 50%, #9b0058 50%, #9b0058 100%); }

span.district, td.district {
  background: #007d32; }

span.district_overground, td.district_overground {
  background-color: #eee;
  background-image: -webkit-linear-gradient(left, #007d32 0%, #007d32 50%, #fa7b05 50%, #fa7b05 100%);
  background-image: linear-gradient(to right, #007d32 0%, #007d32 50%, #fa7b05 50%, #fa7b05 100%); }

span.district_hammersmith, span.district_hammersmith-city, td.district_hammersmith, td.district_hammersmith-city {
  background-color: #eee;
  background-image: -webkit-linear-gradient(left, #007d32 0%, #007d32 50%, #f589a6 50%, #f589a6 100%);
  background-image: linear-gradient(to right, #007d32 0%, #007d32 50%, #f589a6 50%, #f589a6 100%); }

span.district_piccadilly, td.district_piccadilly {
  background-color: #eee;
  background-image: -webkit-linear-gradient(left, #007d32 0%, #007d32 50%, #0019a8 50%, #0019a8 100%);
  background-image: linear-gradient(to right, #007d32 0%, #007d32 50%, #0019a8 50%, #0019a8 100%); }

span.hammersmith, span.hammersmith-city, td.hammersmith, td.hammersmith-city {
  background: #f589a6; }

span.jubilee, td.jubilee {
  background: #838d93; }

span.metropolitan, td.metropolitan {
  background: #9b0058; }

span.metropolitan_piccadilly, td.metropolitan_piccadilly {
  background-color: #eee;
  background-image: -webkit-linear-gradient(left, #9b0058 0%, #9b0058 50%, #0019a8 50%, #0019a8 100%);
  background-image: linear-gradient(to right, #9b0058 0%, #9b0058 50%, #0019a8 50%, #0019a8 100%); }

span.northern, td.northern {
  background: #000000; }

span.piccadilly, td.piccadilly {
  background: #0019a8; }

span.victoria, td.victoria {
  background: #039be5; }

span.waterloo, td.waterloo {
  background: #76d0bd; }

span.overground, span.london-overground, td.overground, td.london-overground {
  background: #fa7b05; }

span.liberty, td.liberty {
  background: #61686b; }

span.mildmay, td.mildmay {
  background: #006fe6; }

span.weaver, td.weaver {
  background: #9b0058; }

span.windrush, td.windrush {
  background: #dc241f; }

span.lioness, td.lioness {
  background: #ffa600; }

span.suffragette, td.suffragette {
  background: #18a95d; }

span.elizabeth-line, span.elizabeth, td.elizabeth-line, td.elizabeth {
  background: #60399e; }

span.london-overground_elizabeth, td.london-overground_elizabeth {
  background-color: #eee;
  background-image: -webkit-linear-gradient(left, #fa7b05 0%, #fa7b05 50%, #60399e 50%, #60399e 100%);
  background-image: linear-gradient(to right, #fa7b05 0%, #fa7b05 50%, #60399e 50%, #60399e 100%); }

span.dlr, span.docklands, span.docklands-light-railway, td.dlr, td.docklands, td.docklands-light-railway {
  background: #00afad; }

span.shuttlebus, td.shuttlebus {
  background: #0019A8; }

span.tram, td.tram {
  background: #5fb526; }

span.tram1, td.tram1 {
  background: #c6d834; }

span.tram2, td.tram2 {
  background: #c6d834; }

span.tram3, td.tram3 {
  background: #79c23f; }

span.tram4, td.tram4 {
  background: #336b14; }

span.traffic-a316, td.traffic-a316 {
  background: #ec83bb; }

span.traffic-a41, td.traffic-a41 {
  background: #8a4088; }

span.traffic-a40, td.traffic-a40 {
  background: #ceff00; }

span.traffic-a23, td.traffic-a23 {
  background: #59ffa3; }

span.traffic-a21, td.traffic-a21 {
  background: #446081; }

span.traffic-a3, td.traffic-a3 {
  background: #5a9262; }

span.traffic-a2, td.traffic-a2 {
  background: #ee3cc2; }

span.traffic-a1, td.traffic-a1 {
  background: #3d8c0f; }

span.traffic-a205, span.traffic-south-circular-a205, td.traffic-a205, td.traffic-south-circular-a205 {
  background: #6d2039; }

span.traffic-a406, span.traffic-north-circular-a406, td.traffic-a406, td.traffic-north-circular-a406 {
  background: #a22cd9; }

span.traffic-a24, td.traffic-a24 {
  background: #6e573e; }

span.traffic-a13, td.traffic-a13 {
  background: #56dcfa; }

span.traffic-a12, td.traffic-a12 {
  background: #e86445; }

span.traffic-a10, td.traffic-a10 {
  background: #5b4bcc; }

span.traffic-a4, td.traffic-a4 {
  background: #5bf105; }

span.traffic-a20, td.traffic-a20 {
  background: #f1e77d; }

span.traffic-central-london, span.traffic-central-london-red-routes, span.traffic-inner-ring, span.traffic-southern-river-route, span.traffic-bishopsgate-cross-route, span.traffic-city-route, span.traffic-farringdon-cross-route, span.traffic-western-cross-route, td.traffic-central-london, td.traffic-central-london-red-routes, td.traffic-inner-ring, td.traffic-southern-river-route, td.traffic-bishopsgate-cross-route, td.traffic-city-route, td.traffic-farringdon-cross-route, td.traffic-western-cross-route {
  background: #9bf46a; }

span.traffic-blackwall-tunnel, td.traffic-blackwall-tunnel {
  background: #ec9c59; }

span.rb1, td.rb1 {
  background: #2d3039; }

span.rb2, td.rb2 {
  background: #0072bc; }

span.rb3, td.rb3 {
  background: #f172ac; }

span.rb4, td.rb4 {
  background: #61c29d; }

span.rb5, td.rb5 {
  background: #ba6830; }

span.rb6, td.rb6 {
  background: #df64b0; }

span.city-cruises, td.city-cruises {
  background: #ec3717; }

span.thames-river-services, td.thames-river-services {
  background: #2a2e98; }

span.circular-cruise-westminster, td.circular-cruise-westminster {
  background: #45b535; }

span.thames-river-boat, td.thames-river-boat {
  background: #fcba00; }

span.turk-launches, td.turk-launches {
  background: #003f7e; }

span.woolwich-ferry, td.woolwich-ferry {
  background: #f7931d; }

span.rb1x, td.rb1x {
  background: #0b548b; }

span.arriva-trains-wales, td.arriva-trains-wales {
  background: #00b9b4; }

span.c2c, td.c2c {
  background: #f0188c; }

span.chiltern-railways, td.chiltern-railways {
  background: #b389c1; }

span.virgin-trains-east-coast, td.virgin-trains-east-coast {
  background: #9c0101; }

span.east-midlands-trains, td.east-midlands-trains {
  background: #e16c16; }

span.great-western-railway, td.great-western-railway {
  background: #003333; }

span.first-hull-trains, td.first-hull-trains {
  background: #1b903f; }

span.first-transpennine-express, td.first-transpennine-express {
  background: #f265a0; }

span.gatwick-express, td.gatwick-express {
  background: #231f20; }

span.grand-central, td.grand-central {
  background: #3f3f40; }

span.greater-anglia, td.greater-anglia {
  background: #8b8fa5; }

span.heathrow-connect, td.heathrow-connect {
  background: #f6858d; }

span.heathrow-express, td.heathrow-express {
  background: #55c4bf; }

span.island-line, td.island-line {
  background: #f8b174; }

span.merseyrail, td.merseyrail {
  background: #fec95f; }

span.northern-rail, td.northern-rail {
  background: #0569a8; }

span.scotrail, td.scotrail {
  background: #96a3a9; }

span.southeastern, td.southeastern {
  background: #0071bf; }

span.southern, td.southern {
  background: #00a74b; }

span.south-west-trains, td.south-west-trains {
  background: #f11815; }

span.cross-country, td.cross-country {
  background: #a03467; }

span.eurostar, td.eurostar {
  background: #b9a977; }

span.london-midland, td.london-midland {
  background: #8bc831; }

span.stanstead-express, td.stanstead-express {
  background: #636366; }

span.virgin-trains, td.virgin-trains {
  background: #a8652c; }

span.great-northern, td.great-northern {
  background: #00a6e2; }

span.thameslink, td.thameslink {
  background: #da4290; }

span.caledonian-sleeper, td.caledonian-sleeper {
  background: #26347f; }

span.ptal-6c, td.ptal-6c {
  border: 2px solid #777;
  height: 20px; }

span.ptal-6b, td.ptal-6b {
  background: #c79494; }

span.ptal-6a, td.ptal-6a {
  background: #f58f8f; }

span.ptal-5, td.ptal-5 {
  background: #f5bca8; }

span.ptal-4, td.ptal-4 {
  background: #fafa94; }

span.ptal-3, td.ptal-3 {
  background: #94fa94; }

span.ptal-2, td.ptal-2 {
  background: #8ff5f5; }

span.ptal-1a, td.ptal-1a {
  background: #9494c7; }

span.ptal-1b, td.ptal-1b {
  background: #bccff5; }

span.ptal-6b-transparent, td.ptal-6b-transparent {
  background: #c79494;
  opacity: 0.4;
  filter: alpha(opacity=0.4);
  -khtml-opacity: 0.4;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4; }

span.ptal-6a-transparent, td.ptal-6a-transparent {
  background: #f58f8f;
  opacity: 0.4;
  filter: alpha(opacity=0.4);
  -khtml-opacity: 0.4;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4; }

span.ptal-5-transparent, td.ptal-5-transparent {
  background: #f5bca8;
  opacity: 0.4;
  filter: alpha(opacity=0.4);
  -khtml-opacity: 0.4;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4; }

span.ptal-4-transparent, td.ptal-4-transparent {
  background: #fafa94;
  opacity: 0.4;
  filter: alpha(opacity=0.4);
  -khtml-opacity: 0.4;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4; }

span.ptal-3-transparent, td.ptal-3-transparent {
  background: #94fa94;
  opacity: 0.4;
  filter: alpha(opacity=0.4);
  -khtml-opacity: 0.4;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4; }

span.ptal-2-transparent, td.ptal-2-transparent {
  background: #8ff5f5;
  opacity: 0.4;
  filter: alpha(opacity=0.4);
  -khtml-opacity: 0.4;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4; }

span.ptal-1a-transparent, td.ptal-1a-transparent {
  background: #9494c7;
  opacity: 0.4;
  filter: alpha(opacity=0.4);
  -khtml-opacity: 0.4;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4; }

span.ptal-1b-transparent, td.ptal-1b-transparent {
  background: #bccff5;
  opacity: 0.4;
  filter: alpha(opacity=0.4);
  -khtml-opacity: 0.4;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4; }

span.tim-1, td.tim-1 {
  background: #460000; }

span.tim-2, td.tim-2 {
  background: #ed1c24; }

span.tim-3, td.tim-3 {
  background: #f26522; }

span.tim-4, td.tim-4 {
  background: #fff200; }

span.tim-5, td.tim-5 {
  background: #8dc73f; }

span.tim-6, td.tim-6 {
  background: #1c9959; }

span.tim-7, td.tim-7 {
  background: #00aeef; }

span.tim-8, td.tim-8 {
  background: #0054a6; }

span.tim-9, td.tim-9 {
  background: #8686be; }

span.tim-10, td.tim-10 {
  background: #662d91; }

span.tim-1-shade, td.tim-1-shade {
  background: #ab8f8f; }

span.tim-2-shade, td.tim-2-shade {
  background: #ee9a9d; }

span.tim-3-shade, td.tim-3-shade {
  background: #f0b79c; }

span.tim-4-shade, td.tim-4-shade {
  background: #f5f08f; }

span.tim-5-shade, td.tim-5-shade {
  background: #c7dfa8; }

span.tim-6-shade, td.tim-6-shade {
  background: #9accb2; }

span.tim-7-shade, td.tim-7-shade {
  background: #8fd5ef; }

span.tim-8-shade, td.tim-8-shade {
  background: #8fb0d1; }

span.tim-9-shade, td.tim-9-shade {
  background: #c4c4db; }

span.tim-10-shade, td.tim-10-shade {
  background: #b8a1c9; }

span.tim-1-transparent, td.tim-1-transparent {
  background: #460000;
  opacity: 0.4;
  filter: alpha(opacity=0.4);
  -khtml-opacity: 0.4;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4; }

span.tim-2-transparent, td.tim-2-transparent {
  background: #ed1c24;
  opacity: 0.4;
  filter: alpha(opacity=0.4);
  -khtml-opacity: 0.4;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4; }

span.tim-3-transparent, td.tim-3-transparent {
  background: #f26522;
  opacity: 0.4;
  filter: alpha(opacity=0.4);
  -khtml-opacity: 0.4;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4; }

span.tim-4-transparent, td.tim-4-transparent {
  background: #fff200;
  opacity: 0.4;
  filter: alpha(opacity=0.4);
  -khtml-opacity: 0.4;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4; }

span.tim-5-transparent, td.tim-5-transparent {
  background: #8dc73f;
  opacity: 0.4;
  filter: alpha(opacity=0.4);
  -khtml-opacity: 0.4;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4; }

span.tim-6-transparent, td.tim-6-transparent {
  background: #1c9959;
  opacity: 0.4;
  filter: alpha(opacity=0.4);
  -khtml-opacity: 0.4;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4; }

span.tim-7-transparent, td.tim-7-transparent {
  background: #00aeef;
  opacity: 0.4;
  filter: alpha(opacity=0.4);
  -khtml-opacity: 0.4;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4; }

span.tim-8-transparent, td.tim-8-transparent {
  background: #0054a6;
  opacity: 0.4;
  filter: alpha(opacity=0.4);
  -khtml-opacity: 0.4;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4; }

span.tim-9-transparent, td.tim-9-transparent {
  background: #8686be;
  opacity: 0.4;
  filter: alpha(opacity=0.4);
  -khtml-opacity: 0.4;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4; }

span.tim-10-transparent, td.tim-10-transparent {
  background: #662d91;
  opacity: 0.4;
  filter: alpha(opacity=0.4);
  -khtml-opacity: 0.4;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4; }

span.diff-0, td.diff-0 {
  background: #ababab; }

span.diff-1, td.diff-1 {
  background: #4b0049; }

span.diff-2, td.diff-2 {
  background: #970e93; }

span.diff-3, td.diff-3 {
  background: #d75cd3; }

span.diff-4, td.diff-4 {
  background: #fd86ee; }

span.diff-5, td.diff-5 {
  background: #f0c8f2; }

span.diff-6, td.diff-6 {
  background: #002157; }

span.diff-7, td.diff-7 {
  background: #0054a6; }

span.diff-8, td.diff-8 {
  background: #00aeef; }

span.diff-9, td.diff-9 {
  background: #6dcff6; }

span.diff-10, td.diff-10 {
  background: #ace1f6; }

span.diff-0-transparent, td.diff-0-transparent {
  background: #bfbebc; }

span.diff-1-transparent, td.diff-1-transparent {
  background: #ad8fac; }

span.diff-2-transparent, td.diff-2-transparent {
  background: #cb94ca; }

span.diff-3-transparent, td.diff-3-transparent {
  background: #e5b4e3; }

span.diff-4-transparent, td.diff-4-transparent {
  background: #f4c4ee; }

span.diff-5-transparent, td.diff-5-transparent {
  background: #efdff0; }

span.diff-6-transparent, td.diff-6-transparent {
  background: #8f9cb2; }

span.diff-7-transparent, td.diff-7-transparent {
  background: #8fb0d1; }

span.diff-8-transparent, td.diff-8-transparent {
  background: #8fd5ef; }

span.diff-9-transparent, td.diff-9-transparent {
  background: #bae2f1; }

span.diff-10-transparent, td.diff-10-transparent {
  background: #d4e9f1; }

span.bus, td.bus {
  background: #dc241f; }

.line-text, .rainbow-list .service-name, .fav-rainbow-list .fav-service-name-or-destination, .fav-rainbow-list .fav-service-identifier, .fav-rainbow-list .fav-stop-name {
  color: #fff;
  font-weight: bold;
  padding: 0 3px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6); }
  .line-text.circle, .rainbow-list .circle.service-name, .fav-rainbow-list .circle.fav-service-name-or-destination, .fav-rainbow-list .circle.fav-service-identifier, .fav-rainbow-list .circle.fav-stop-name, .line-text.hammersmith, .rainbow-list .hammersmith.service-name, .fav-rainbow-list .hammersmith.fav-service-name-or-destination, .fav-rainbow-list .hammersmith.fav-service-identifier, .fav-rainbow-list .hammersmith.fav-stop-name, .line-text.overground, .rainbow-list .overground.service-name, .fav-rainbow-list .overground.fav-service-name-or-destination, .fav-rainbow-list .overground.fav-service-identifier, .fav-rainbow-list .overground.fav-stop-name, .line-text.dlr, .rainbow-list .dlr.service-name, .fav-rainbow-list .dlr.fav-service-name-or-destination, .fav-rainbow-list .dlr.fav-service-identifier, .fav-rainbow-list .dlr.fav-stop-name, .line-text.victoria, .rainbow-list .victoria.service-name, .fav-rainbow-list .victoria.fav-service-name-or-destination, .fav-rainbow-list .victoria.fav-service-identifier, .fav-rainbow-list .victoria.fav-stop-name, .line-text.waterloo, .rainbow-list .waterloo.service-name, .fav-rainbow-list .waterloo.fav-service-name-or-destination, .fav-rainbow-list .waterloo.fav-service-identifier, .fav-rainbow-list .waterloo.fav-stop-name, .line-text.rb3, .rainbow-list .rb3.service-name, .fav-rainbow-list .rb3.fav-service-name-or-destination, .fav-rainbow-list .rb3.fav-service-identifier, .fav-rainbow-list .rb3.fav-stop-name, .line-text.rb4, .rainbow-list .rb4.service-name, .fav-rainbow-list .rb4.fav-service-name-or-destination, .fav-rainbow-list .rb4.fav-service-identifier, .fav-rainbow-list .rb4.fav-stop-name, .line-text.rb5, .rainbow-list .rb5.service-name, .fav-rainbow-list .rb5.fav-service-name-or-destination, .fav-rainbow-list .rb5.fav-service-identifier, .fav-rainbow-list .rb5.fav-stop-name, .line-text.circular-cruise-westminster, .rainbow-list .circular-cruise-westminster.service-name, .fav-rainbow-list .circular-cruise-westminster.fav-service-name-or-destination, .fav-rainbow-list .circular-cruise-westminster.fav-service-identifier, .fav-rainbow-list .circular-cruise-westminster.fav-stop-name, .line-text.thames-river-boat, .rainbow-list .thames-river-boat.service-name, .fav-rainbow-list .thames-river-boat.fav-service-name-or-destination, .fav-rainbow-list .thames-river-boat.fav-service-identifier, .fav-rainbow-list .thames-river-boat.fav-stop-name, .line-text.woolwich-ferry, .rainbow-list .woolwich-ferry.service-name, .fav-rainbow-list .woolwich-ferry.fav-service-name-or-destination, .fav-rainbow-list .woolwich-ferry.fav-service-identifier, .fav-rainbow-list .woolwich-ferry.fav-stop-name, .line-text.lioness, .rainbow-list .lioness.service-name, .fav-rainbow-list .lioness.fav-service-name-or-destination, .fav-rainbow-list .lioness.fav-service-identifier, .fav-rainbow-list .lioness.fav-stop-name, .line-text.tram, .rainbow-list .tram.service-name, .fav-rainbow-list .tram.fav-service-name-or-destination, .fav-rainbow-list .tram.fav-service-identifier, .fav-rainbow-list .tram.fav-stop-name {
    text-shadow: none;
    color: #000; }
  .line-text.suffragette, .rainbow-list .suffragette.service-name, .fav-rainbow-list .suffragette.fav-service-name-or-destination, .fav-rainbow-list .suffragette.fav-service-identifier, .fav-rainbow-list .suffragette.fav-stop-name {
    text-shadow: none;
    color: #fff; }

.plain-button.external-link {
  color: #2070b0; }
  .plain-button.external-link:visited, .plain-button.external-link:active {
    color: #2070b0; }
  .plain-button.external-link:after {
    margin-right: 2px;
    background-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 -1152px; }
    .body-cms-preview .plain-button.external-link:after {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }

.teaser-external-link {
  margin-right: 0;
  color: blue; }
  .teaser-external-link a .text-link:after {
    margin-right: 2px;
    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 -1152px; }
    .body-cms-preview .teaser-external-link a .text-link:after {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }

.text-external-link {
  margin-right: 25px;
  position: relative; }
  .text-external-link:after {
    margin-top: -5px;
    margin-left: -2px;
    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 -1152px; }
    .body-cms-preview .text-external-link:after {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }

.info-message {
  display: block;
  border: 1px solid #ccc;
  background: #faf5e1;
  padding: 5px; }
  .info-message p {
    margin-bottom: 5px; }
  .info-message.with-link {
    padding-right: 30px;
    position: relative; }
    .info-message.with-link:after {
      content: "";
      background-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;
      position: absolute;
      right: 0;
      top: 50%;
      margin-top: -16px; }
      .body-cms-preview .info-message.with-link:after {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }

.small, .small-medium {
  display: block; }

.medium, .medium-large, .large {
  display: none; }

#container {
  min-width: 300px;
  overflow: hidden; }

.accordion-title {
  border: 1px solid #CACACA;
  border-bottom: none;
  display: block;
  padding: 5px; }

.broadcast-comms {
  width: 100%;
  background: #faf5e1;
  border-bottom: 3px solid #ccc;
  padding: 10px 0 0; }
  .broadcast-comms .broadcast-icon {
    height: 0;
    margin-right: -90px;
    width: 0;
    float: left;
    background-image: none; }
  .broadcast-comms .broadcast-text {
    float: left;
    margin-right: 2.54%;
    padding-left: 2.54%;
    width: 90%; }
    .broadcast-comms .broadcast-text p:last-child {
      margin-bottom: 0; }

.image-container > img {
  width: 100%;
  height: auto; }

.image-container {
  margin-bottom: 10px; }

.header-two {
  font-size: 24px;
  line-height: 120%;
  margin-bottom: 0; }
  .header-two h2, .header-two .h2 {
    margin-bottom: 0; }

.header-three {
  font-size: 20px;
  line-height: 100%;
  margin-bottom: 0; }
  .header-three h3, .header-three .h3 {
    margin-bottom: 0; }

.list-standard {
  font-family: Johnston100-Light, Arial, Helvetica, sans-serif;
  font-size: 15px; }

ol.formatted-list {
  counter-reset: item;
  list-style-type: none;
  margin-left: 17px; }
  ol.formatted-list ol {
    counter-reset: item;
    list-style-type: none;
    margin-left: 28px; }
  ol.formatted-list ol > li, ol.formatted-list > li {
    position: relative;
    padding-left: 8px; }
  ol.formatted-list ol > li:before, ol.formatted-list > li:before {
    content: counters(item, ".") " ";
    counter-increment: item;
    position: absolute;
    right: 100%; }

ol ol, ul ul, ol ul, ul ol {
  margin-bottom: 0; }

ul.formatted-list ul {
  list-style-type: circle; }
  ul.formatted-list ul ul {
    list-style-type: square; }

.reading-list {
  list-style: disc;
  margin: 30px 0 0 16px; }
  .reading-list li {
    margin-bottom: 16px; }
  .reading-list * {
    line-height: 1.2; }

.bus-stop-search {
  background: #f7f7f7;
  padding: 10px 70px 10px 10px;
  position: relative;
  min-height: 58px; }
  .bus-stop-search input[type=submit] {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 50px; }

.spot-grid-background {
  position: relative;
  background-color: #ccdde8;
  padding-bottom: 10px; }
  .spot-grid-background.full-page {
    margin-bottom: -50px; }

.multi-document-download-container {
  margin: 20px 0;
  border: 0;
  border-bottom: 1px; }
  .multi-document-download-container ul {
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 0; }
  .multi-document-download-container .document-download-wrap {
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: 1px; }
    .multi-document-download-container .document-download-wrap:last-child {
      border-bottom: solid 4px #ccc; }

.grey-box {
  background: #eee;
  padding: 20px 10px;
  position: relative;
  display: block;
  margin-bottom: 20px; }
  .grey-box > :last-child {
    margin-bottom: 0; }
  .grey-box .remove-content-container {
    margin-bottom: 10px;
    float: none; }
  .grey-box .mode-title {
    line-height: 40px; }

.block {
  display: block; }

#view-map-button-container {
  margin: 5px 5px; }

.margin-bottom-0 {
  margin-bottom: 0; }

.margin-bottom-10 {
  margin-bottom: 10px; }

.margin-bottom-20, .margin-bottom {
  margin-bottom: 20px; }

.margin-bottom-30 {
  margin-bottom: 30px; }

.margin-top-0, .no-margin-top {
  margin-top: 0 !important; }

.nowrap {
  white-space: nowrap; }

.selector {
  padding: 0;
  height: 40px;
  background-color: #fff;
  border: 1px solid #03071c;
  margin-bottom: 10px;
  position: relative; }
  .selector: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;
    background-position: 0px -672px;
    height: 32px;
    width: 32px;
    display: block;
    top: 3px;
    right: 5px;
    background-color: #fff; }
    .body-cms-preview .selector:after {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .selector.focus {
    outline: 2px dashed #2070b0;
    z-index: 3; }
  .selector.disabled {
    filter: Alpha(opacity=30);
    opacity: 0.3; }
    .selector.disabled select {
      cursor: default; }
  .selector select {
    border: 0;
    padding: 0 0 0 5px;
    width: 100%;
    height: 38px;
    line-height: 40px;
    cursor: pointer;
    display: block;
    background: transparent;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    position: relative;
    z-index: 1; }

.triple-select .selector {
  width: 33%;
  float: left;
  border-right-width: 0; }
  .triple-select .selector:last-child {
    border-right-width: 1px; }
  .triple-select .selector span:after {
    right: 2px; }
  .triple-select .selector span:before {
    right: 28px; }

.triple-select .form-control-tooltip-wrap, .triple-select .field-validation-wrap {
  clear: both; }

.triple-select .tooltip-control {
  margin-top: -8px; }

.triple-select .hide-error .field-validation-wrap {
  display: none; }

.ignore-margin-bottom {
  margin-bottom: 0px; }

.input-list {
  margin-bottom: 10px;
  border: solid #ccc;
  border-width: 1px 1px 0 1px;
  margin-left: 0;
  list-style-type: none;
  box-shadow: inset 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  padding-top: 3px; }
  .input-list li {
    position: relative; }

.input-group {
  clear: both; }
  .input-group.connected {
    margin-bottom: 0; }
    .input-group.connected .boxed-label-for-input:last-child {
      border-bottom: none; }
    .input-group.connected .boxed-label-for-input {
      width: 100%; }

.field-validation-errors {
  margin-bottom: 0;
  margin-left: 0; }

.field-validation-error, .field-validation-information, .field-validation-suggestion {
  clear: both;
  display: block;
  padding: 10px 10px 10px 50px;
  position: relative; }
  .field-validation-error:before, .field-validation-information:before, .field-validation-suggestion:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -16px; }
  .field-validation-error.hidden, .field-validation-information.hidden, .field-validation-suggestion.hidden {
    display: none; }

.field-validation-error {
  color: #a92727;
  background-color: #ffefef; }
  .field-validation-error:before {
    background-position: -32px -832px; }

.field-validation-information {
  background-color: #faf5e1; }
  .field-validation-information:before {
    background-position: 0px -832px; }

.field-validation-suggestion {
  background-color: #eff6fd; }
  .field-validation-suggestion:before {
    background-position: -64px -1920px; }

#search-filter {
  margin-bottom: 65px; }
  #search-filter input[type="text"] {
    margin: 5px 25px 0 0;
    width: 75%; }
  #search-filter input[type="submit"] {
    width: 20%; }

.twitter-typeahead.downloading:not(.geocoded):after {
  content: "";
  position: absolute;
  top: 4px;
  right: 34px;
  background-color: #fff; }
  .twitter-typeahead.downloading:not(.geocoded):after input[type="text"] {
    margin-right: 64px; }

.horizontal-toggle-buttons {
  margin: 0 0 10px;
  list-style: none outside none; }
  .horizontal-toggle-buttons li {
    float: left;
    border: 1px solid #ccc;
    border-bottom: 3px solid #ccc;
    background-color: #fafafa;
    position: relative;
    color: #2070b0; }
  .horizontal-toggle-buttons label {
    display: block;
    padding: 6px 5px 6px 5px;
    cursor: pointer;
    text-align: center; }
  .horizontal-toggle-buttons .selected {
    background-color: #fff;
    color: #2d3039;
    font-weight: bold;
    border-bottom-width: 1px;
    margin-top: 2px; }
    .horizontal-toggle-buttons .selected label:after {
      content: "";
      position: absolute;
      top: 3px;
      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 .horizontal-toggle-buttons .selected label:after {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .horizontal-toggle-buttons .focus {
    border-color: #2070b0;
    border-style: dashed; }
  .horizontal-toggle-buttons input {
    opacity: 0;
    position: absolute;
    top: 5px;
    left: 5px;
    cursor: pointer; }

.time-options .horizontal-toggle-buttons.leaving-or-arriving li.focus {
  border-color: #2070b0;
  border-style: dashed; }

/*Form controls and form control wrappers 
- the reason for the nesting is the error messaging moves 
out to the side at medium layout, and must vertically align
 at the top with the form control*/
.form-control {
  position: relative; }

.form-progress {
  margin-left: 0;
  margin-right: 20px;
  list-style-position: inside; }
  .form-progress.two-step .form-step {
    width: 50%; }
  .form-progress.three-step .form-step {
    width: 33.3%; }
  .form-progress.four-step .form-step {
    width: 25%; }
  .form-progress.five-step .form-step {
    width: 20%; }

.form-step {
  text-align: center;
  height: 44px;
  white-space: nowrap;
  float: left;
  padding: 10px 10px 10px 40px;
  border-top: 1px solid #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; }

.form-control-wrapper {
  margin-bottom: 1em; }
  .form-control-wrapper .remove-content-container {
    float: none; }
  .form-control-wrapper ul {
    margin-bottom: 0; }

.show-currency-symbol .form-control:before {
  position: absolute;
  left: -1em;
  top: 8px;
  bottom: 0;
  content: "\00A3";
  font-weight: bold;
  font-size: 17px; }

.shaded-text-area {
  width: 100%;
  height: auto;
  padding: 10px 5px 5px 5px;
  resize: vertical;
  border: 1px solid #03071c; }

input::-webkit-calendar-picker-indicator {
  display: none; }

input[type="date"]::-webkit-input-placeholder {
  visibility: hidden !important; }

.with-warnings .boxed-label-for-input {
  border-bottom-width: 1px; }

.with-warnings .hanging-message .with-indicator, .with-warnings .cta-hanging-message .with-indicator {
  border-top-width: 0; }

.boxed-label-for-input {
  border: 1px solid #ccc;
  position: relative;
  background-image: -webkit-linear-gradient(top, white, #f3f3f3);
  border-bottom-width: 0; }
  .boxed-label-for-input:last-child {
    border-bottom-width: 1px; }
  .boxed-label-for-input.boxed-label-for-input--half {
    width: 50%;
    float: left; }
    .boxed-label-for-input.boxed-label-for-input--half:last-child {
      border-bottom: none; }

.start-hidden.start-hidden--no-pad .boxed-label-for-input {
  border: none;
  background: none; }

input[type="text"], input[type='number'], input[type='date'] {
  width: 100%;
  font-size: 16px;
  height: 40px;
  padding: 5px;
  border: 1px solid #03071c; }
  input[type="text"]::-webkit-input-placeholder, input[type='number']::-webkit-input-placeholder, input[type='date']::-webkit-input-placeholder {
    font-family: Johnston100-Light, Arial, Helvetica, sans-serif; }
  input[type="text"]::-moz-placeholder, input[type='number']::-moz-placeholder, input[type='date']::-moz-placeholder {
    font-family: Johnston100-Light, Arial, Helvetica, sans-serif; }
  input[type="text"]:-ms-input-placeholder, input[type='number']:-ms-input-placeholder, input[type='date']:-ms-input-placeholder {
    font-family: Johnston100-Light, Arial, Helvetica, sans-serif; }
  input[type="text"]:-moz-placeholder, input[type='number']:-moz-placeholder, input[type='date']:-moz-placeholder {
    font-family: Johnston100-Light, Arial, Helvetica, sans-serif; }

.input-group, .vehicle-group, .input-group-wrap {
  position: relative; }
  .input-group input[type="radio"], .input-group input[type="checkbox"], .vehicle-group input[type="radio"], .vehicle-group input[type="checkbox"], .input-group-wrap input[type="radio"], .input-group-wrap input[type="checkbox"] {
    display: block;
    top: auto;
    margin-top: 10px;
    border: 1px solid #03071c; }

.with-warnings {
  position: relative; }
  .with-warnings input[type="radio"], .with-warnings input[type="checkbox"] {
    margin-top: 20px;
    top: auto; }

.form-field-error .with-warnings input[type="radio"], .form-field-error .with-warnings input[type="checkbox"] {
  right: 62px; }

input[type="checkbox"] + .boxed-label-for-input:after, input[type="checkbox"] + input[type="hidden"] + .boxed-label-for-input:after {
  position: absolute;
  top: 50%;
  content: "";
  margin-top: -13px;
  line-height: 14px;
  height: 24px;
  width: 24px;
  border: 1px solid #ccc;
  background-color: #fff;
  text-indent: 0;
  box-shadow: inset 0px 2px 0px 0 rgba(0, 0, 0, 0.1);
  right: 10px;
  border: 1px solid #03071c; }

input[type="checkbox"] + input[type="hidden"] + .styled-checkbox-label {
  background-color: inherit;
  padding: 10px 5px 11px 40px;
  position: relative; }
  input[type="checkbox"] + input[type="hidden"] + .styled-checkbox-label:after {
    position: absolute;
    top: 50%;
    content: "";
    margin-top: -13px;
    line-height: 14px;
    height: 24px;
    width: 24px;
    border: 1px solid #ccc;
    background-color: #fff;
    text-indent: 0;
    box-shadow: inset 0px 2px 0px 0 rgba(0, 0, 0, 0.1);
    left: 1px;
    top: 22px;
    border: 1px solid #03071c; }

input[type="radio"] + .boxed-label-for-input:after, input[type="radio"] + input[type="hidden"] + .boxed-label-for-input:after {
  border-radius: 14px;
  position: absolute;
  top: 50%;
  content: "";
  margin-top: -13px;
  line-height: 14px;
  height: 22px;
  width: 22px;
  border: 1px solid #ccc;
  background-color: #fff;
  text-indent: 0;
  box-shadow: inset 0px 2px 0px 0 rgba(0, 0, 0, 0.1);
  right: 10px;
  border: 1px solid #03071c; }

.responsive-form input[type="checkbox"], .input-group input[type="checkbox"], .map-options-panel-body input[type="checkbox"] {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.responsive-form input[type="radio"], .input-group input[type="radio"], .map-options-panel-body input[type="radio"] {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.responsive-form input[type="checkbox"], .responsive-form input[type="radio"], .input-group input[type="checkbox"], .input-group input[type="radio"], .map-options-panel-body input[type="checkbox"], .map-options-panel-body input[type="radio"] {
  cursor: pointer;
  position: absolute;
  right: 13px;
  z-index: -1; }

input[type="time"]::-webkit-clear-button {
  display: none; }

.styled-checkbox {
  position: relative; }
  .styled-checkbox input[type="checkbox"] {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    left: 6px; }
  .styled-checkbox label.heading {
    display: inline; }

.multi-line-label-wrapper input[type="checkbox"] + input[type="hidden"] + .styled-checkbox-label:after {
  margin-top: 13px;
  top: 0; }

.form-control-wrapper.form-field-error.form-field-tooltip .field-validation-wrap {
  width: 88%; }

.form-control-wrapper {
  margin-bottom: 30px; }
  .form-control-wrapper.triple-input .form-control, .form-control-wrapper.twin-input .form-control {
    min-height: 40px; }
  .form-control-wrapper.triple-input .shaded-input, .form-control-wrapper.twin-input .shaded-input {
    position: absolute; }
    .form-control-wrapper.triple-input .shaded-input:first-child, .form-control-wrapper.twin-input .shaded-input:first-child {
      left: 0; }
    .form-control-wrapper.triple-input .shaded-input:last-child, .form-control-wrapper.twin-input .shaded-input:last-child {
      right: 0px; }
  .form-control-wrapper.twin-input .shaded-input {
    width: 48%; }
  .form-control-wrapper.triple-input .shaded-input {
    width: 31%; }
    .form-control-wrapper.triple-input .shaded-input:nth-child(4) {
      margin-right: -50%;
      left: 34.5%; }
  .search-filter .form-control-wrapper {
    overflow: visible; }

.form-field-error.triple-input .form-control, .form-field-error.twin-input .form-control, .form-field-tooltip.triple-input .form-control, .form-field-tooltip.twin-input .form-control {
  min-height: 40px; }

.form-field-error.triple-input .shaded-input, .form-field-error.twin-input .shaded-input, .form-field-tooltip.triple-input .shaded-input, .form-field-tooltip.twin-input .shaded-input {
  position: absolute; }
  .form-field-error.triple-input .shaded-input:first-child, .form-field-error.twin-input .shaded-input:first-child, .form-field-tooltip.triple-input .shaded-input:first-child, .form-field-tooltip.twin-input .shaded-input:first-child {
    left: 0; }
  .form-field-error.triple-input .shaded-input:last-child, .form-field-error.twin-input .shaded-input:last-child, .form-field-tooltip.triple-input .shaded-input:last-child, .form-field-tooltip.twin-input .shaded-input:last-child {
    right: 45px; }

.form-field-error.twin-input .shaded-input, .form-field-tooltip.twin-input .shaded-input {
  width: 41%; }

.form-field-error.triple-input .shaded-input, .form-field-tooltip.triple-input .shaded-input {
  width: 26%; }
  .form-field-error.triple-input .shaded-input:nth-child(4), .form-field-tooltip.triple-input .shaded-input:nth-child(4) {
    margin-right: -50%;
    left: 30%; }

.form-control-wrapper .remove-content-container {
  float: none; }

.form-control-wrapper ul {
  margin-bottom: 0; }

.form-field-error .form-control, .with-calendar .form-control, .form-field-tooltip .form-control, .postcode-lookup .form-control, .styled-text-area-wrapper .form-control {
  margin-bottom: 10px; }

.form-field-error .field-validation-wrap, .form-field-error .expandable-form-message-wrap, .with-calendar .field-validation-wrap, .with-calendar .expandable-form-message-wrap, .form-field-tooltip .field-validation-wrap, .form-field-tooltip .expandable-form-message-wrap, .postcode-lookup .field-validation-wrap, .postcode-lookup .expandable-form-message-wrap, .styled-text-area-wrapper .field-validation-wrap, .styled-text-area-wrapper .expandable-form-message-wrap {
  margin-bottom: 10px; }

.expandable-form-message-wrap {
  border: 1px solid #ccc;
  position: relative;
  position: relative;
  border-bottom-width: 3px;
  background-color: #eff6fe; }
  .expandable-form-message-wrap:before {
    border-width: 0 5px 5.5px 5px;
    border-color: transparent transparent #ccc transparent;
    right: 17px;
    top: -6px;
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid; }
  .expandable-form-message-wrap:after {
    border-width: 0 5px 5.5px 5px;
    border-color: transparent transparent #eff6fe transparent;
    right: 17px;
    top: -5px;
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid; }

.shaded-input, input.shaded-input {
  width: 100%;
  border-radius: 0;
  padding: 5px;
  padding-left: 16px;
  border: 1px solid #03071c; }

.shaded-text-area {
  width: 100%;
  height: auto;
  padding: 10px 5px 5px 5px;
  resize: vertical; }

.shaded-text-area {
  padding: 10px;
  padding-left: 16px;
  width: 100%;
  height: auto;
  min-height: 120px;
  resize: vertical;
  border: 1px solid #03071c; }

textarea.shaded-text-area {
  line-height: 1.3; }

input::-webkit-calendar-picker-indicator {
  display: none; }

input[type="date"]::-webkit-input-placeholder {
  visibility: hidden !important; }

.responsive-form .form-heading {
  font-size: 23px;
  margin-bottom: 20px;
  clear: both; }

.responsive-form .expandable-box .form-heading {
  margin-bottom: 10px; }

.responsive-form legend.heading {
  clear: both; }

.bounded-fieldset {
  position: relative; }
  .bounded-fieldset p {
    clear: both; }
  .bounded-fieldset > .form-heading {
    border-top: dotted 1px #ccc;
    padding-top: 35px;
    width: 100%; }

.bounded-fieldset {
  min-width: 285px; }
  .bounded-fieldset .form-sub-heading {
    font-size: 20px; }

.multi-line-label {
  padding-top: 24px !important; }

.mandatory-msg {
  font-style: italic;
  font-size: 16px;
  clear: both; }

h2.underline {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 10px; }

.boxed-label-for-input.all-grey,
.boxed-label-for-input.all-grey:hover,
input[type="radio"]:checked + .boxed-label-for-input.all-grey:hover {
  border-color: #eee;
  background-color: transparent;
  background-image: none; }

.boxed-label-for-input.all-grey em {
  font-weight: normal;
  display: block;
  font-style: normal; }

/*
Used for radios used on congestion charge which have title, subtitle and a price
*/
.product-label {
  padding-right: 100px; }
  .product-label .subtitle, .product-label .title {
    display: block; }
  .product-label .price {
    position: absolute;
    right: 45px;
    top: 50%;
    margin-top: -12px; }

.time-range {
  overflow: hidden; }

.time-range div.form-control-wrapper {
  width: 30%;
  float: left;
  clear: none; }

.time-range div.form-control,
.time-range .selector {
  width: 98%; }

.ia-toggle-content {
  position: relative; }

/*used on a hr when the bounded fieldset is not appropriate*/
.form-separator {
  margin-bottom: 30px; }

.even-line-heights {
  line-height: 1; }
  .even-line-heights * {
    line-height: 1; }

.acceptance-wrapper {
  margin: 0 0 20px; }

.terms-acceptance-wrap {
  border-top: #ccc 1px solid;
  overflow: hidden;
  padding-top: 20px; }

.form-builder-submission {
  margin-bottom: 200px; }

.email-update-form {
  margin-top: 20px;
  margin-bottom: 20px; }
  .email-update-form .form-control-wrapper {
    margin-bottom: 0; }
  .email-update-form .journey-updates {
    margin-bottom: 20px;
    margin-top: 20px; }

.field-validation-wrap {
  display: none; }

.form-field-error > .form-control .shaded-input, .form-field-error > .form-control .shaded-text-area, .form-field-error > .form-control .input-list, .form-field-error > .form-control .selector {
  border-color: #a92727; }

.form-field-error > .form-control .shaded-input, .form-field-error > .form-control .shaded-text-area, .form-field-error > .form-control .input-list {
  box-shadow: inset 0px 3px 0px 0 white; }

.form-field-error > .form-control .selector span {
  box-shadow: inset 0px 3px 0px 0 white; }

.form-field-error > .form-control .input-list {
  border-width: 1px; }

.form-field-error > .field-validation-wrap {
  display: inline-block;
  width: 100%;
  border: 1px solid #a92727;
  position: relative; }
  .form-field-error > .field-validation-wrap:before {
    border-width: 0 5px 5.5px 5px;
    border-color: transparent transparent #a92727 transparent;
    right: 17px;
    top: -6px;
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid; }
  .form-field-error > .field-validation-wrap:after {
    border-width: 0 5px 5.5px 5px;
    border-color: transparent transparent #ffefef transparent;
    right: 17px;
    top: -5px;
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid; }

.form-field-error > .form-control-tooltip-wrap + .field-validation-wrap:before, .form-field-error > .form-control-tooltip-wrap + .field-validation-wrap:after {
  content: none; }

.input-group .form-field-error .boxed-label-for-input, .with-warnings .form-field-error .boxed-label-for-input {
  border-color: #a92727; }

.form-field-error:not(.form-field-tooltip) .field-validation-wrap .field-validation-error {
  color: #a92727;
  background-color: #ffefef;
  clear: both;
  display: block;
  padding: 10px;
  position: relative; }
  .form-field-error:not(.form-field-tooltip) .field-validation-wrap .field-validation-error:before {
    background-position: -32px -832px;
    position: absolute;
    content: "";
    display: block;
    right: 5px;
    margin-top: -53px;
    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 .form-field-error:not(.form-field-tooltip) .field-validation-wrap .field-validation-error:before {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .form-field-error:not(.form-field-tooltip) .field-validation-wrap .field-validation-error:before {
    top: auto;
    left: auto; }

input[type="checkbox"]:checked + .boxed-label-for-input, input[type="checkbox"]:checked + input[type="hidden"] + .boxed-label-for-input, input[type="radio"]:checked + .boxed-label-for-input, input[type="radio"]:checked + input[type="hidden"] + .boxed-label-for-input {
  background-image: none; }
  input[type="checkbox"]:checked + .boxed-label-for-input:after, input[type="checkbox"]:checked + input[type="hidden"] + .boxed-label-for-input:after, input[type="radio"]:checked + .boxed-label-for-input:after, input[type="radio"]:checked + input[type="hidden"] + .boxed-label-for-input:after {
    background-image: url("/static/1/images/vsprite_x2.34614087.png");
    background-image: url("/static/1/images/vsprite.17114d90.png") \9; }
    .body-cms-preview input[type="checkbox"]:checked + .boxed-label-for-input:after, .body-cms-preview input[type="checkbox"]:checked + input[type="hidden"] + .boxed-label-for-input:after, .body-cms-preview input[type="radio"]:checked + .boxed-label-for-input:after, .body-cms-preview input[type="radio"]:checked + input[type="hidden"] + .boxed-label-for-input:after {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }

input[type="checkbox"]:checked + input[type="hidden"] + .styled-checkbox-label:after, input[type="radio"]:checked + input[type="hidden"] + .styled-checkbox-label:after {
  background-image: url("/static/1/images/vsprite_x2.34614087.png");
  background-image: url("/static/1/images/vsprite.17114d90.png") \9; }
  .body-cms-preview input[type="checkbox"]:checked + input[type="hidden"] + .styled-checkbox-label:after, .body-cms-preview input[type="radio"]:checked + input[type="hidden"] + .styled-checkbox-label:after {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

input[type="radio"]:checked + .boxed-label-for-input, input[type="radio"]:checked + input[type="hidden"] + .boxed-label-for-input {
  background-image: none; }
  input[type="radio"]:checked + .boxed-label-for-input:after, input[type="radio"]:checked + input[type="hidden"] + .boxed-label-for-input:after {
    background-image: url("/static/1/images/vsprite.17114d90.png");
    background-size: 96px 3776px;
    background-position: -5px -2532px;
    height: 22px;
    width: 22px;
    display: block; }
    .body-cms-preview input[type="radio"]:checked + .boxed-label-for-input:after, .body-cms-preview input[type="radio"]:checked + input[type="hidden"] + .boxed-label-for-input:after {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }

input[type="checkbox"]:checked + .boxed-label-for-input, input[type="checkbox"]:checked + input[type="hidden"] + .boxed-label-for-input {
  background-image: none; }
  input[type="checkbox"]:checked + .boxed-label-for-input:after, input[type="checkbox"]:checked + input[type="hidden"] + .boxed-label-for-input:after {
    background-image: url("/static/1/images/vsprite.17114d90.png");
    background-size: 96px 3776px;
    background-position: -4px -772px;
    height: 24px;
    width: 24px;
    display: block; }
    .body-cms-preview input[type="checkbox"]:checked + .boxed-label-for-input:after, .body-cms-preview input[type="checkbox"]:checked + input[type="hidden"] + .boxed-label-for-input:after {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }

input[type="checkbox"]:checked + input[type="hidden"] + .styled-checkbox-label:after {
  background-image: url("/static/1/images/vsprite.17114d90.png");
  background-size: 96px 3776px;
  background-position: -4px -772px;
  height: 24px;
  width: 24px;
  display: block; }
  .body-cms-preview input[type="checkbox"]:checked + input[type="hidden"] + .styled-checkbox-label:after {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

input[type="checkbox"]:focus + .boxed-label-for-input, input[type="checkbox"]:focus + input[type="hidden"] + .boxed-label-for-input, input[type="radio"]:focus + .boxed-label-for-input, input[type="radio"]:focus + input[type="hidden"] + .boxed-label-for-input {
  outline: 1px dashed #2070b0;
  z-index: 3; }

input[type="checkbox"]:focus + input[type="hidden"] + .styled-checkbox-label:after, input[type="radio"]:focus + input[type="hidden"] + .styled-checkbox-label:after {
  outline: 1px dashed #2070b0;
  z-index: 3; }

input[type="checkbox"]:disabled + .boxed-label-for-input, input[type="radio"]:disabled + .boxed-label-for-input {
  background-image: none;
  background-color: #eee; }
  input[type="checkbox"]:disabled + .boxed-label-for-input:after, input[type="radio"]:disabled + .boxed-label-for-input:after {
    background-color: #eee; }

input[type="checkbox"]:disabled + input[type="hidden"] + .styled-checkbox-label:after, input[type="radio"]:disabled + input[type="hidden"] + .styled-checkbox-label:after {
  background-color: #eee; }

.shaded-text-area:disabled, input[type="number"]:disabled, input[type="text"]:disabled {
  background-color: #eee; }

.no-js #dispensation-date-time .with-calendar {
  display: none; }

#js-dispensation-picker {
  border: #ccc 1px solid;
  border-bottom: rgba(204, 204, 204, 0.75) 3px solid;
  display: none;
  position: relative;
  margin: 0 0 20px; }
  #js-dispensation-picker .dispensation-picker-body {
    padding: 0 20px 20px;
    overflow: hidden; }

#js-dispensation-title {
  border-bottom: #ccc 1px solid;
  padding: 12px; }

#js-dispensation-close {
  display: none; }

.js-disp-select {
  clear: both; }

.dispensation-time-row,
#next-date-wrapper {
  border-bottom: #ccc 1px dotted;
  overflow: hidden;
  padding: 8px 0; }
  .dispensation-time-row label,
  #next-date-wrapper label {
    float: left;
    position: relative;
    display: block;
    width: 47%;
    padding: 10px 4px 4px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1; }
  .dispensation-time-row .selector,
  #next-date-wrapper .selector {
    margin-left: 2%;
    float: left;
    width: 47%; }
  .dispensation-time-row .request-date,
  #next-date-wrapper .request-date {
    float: left;
    display: block;
    padding: 10px 10px 0 0; }
  .dispensation-time-row .js-disp-text,
  #next-date-wrapper .js-disp-text {
    float: left;
    padding: 10px 4px 0;
    font-weight: bold;
    font-size: 16px; }

#next-date-wrapper label, #next-date-wrapper .selector {
  width: 100%;
  margin-left: 0; }

#next-date-wrapper {
  display: none; }
  #next-date-wrapper .selector {
    clear: left; }
  #next-date-wrapper .shaded-input {
    clear: left; }

.js-dispensation-button {
  width: 98%; }

.disabled-control {
  background-color: #ababab; }
  .disabled-control span:after {
    background-color: #ababab; }

#js-add-another-day {
  float: right; }

#requested-dates {
  display: none; }

#dispensation-maxed,
#time-missing {
  display: none; }

.dispensation-dates-table {
  border: #ccc 1px solid;
  margin-bottom: 20px; }
  .dispensation-dates-table caption {
    font-weight: bold;
    text-align: left; }
  .dispensation-dates-table thead tr {
    background-color: #fff;
    border-bottom: #ccc 1px solid; }
  .dispensation-dates-table th {
    font-weight: bold; }
  .dispensation-dates-table tfoot td {
    text-align: right;
    background-color: #ffffff;
    padding: 0; }
    .dispensation-dates-table tfoot td a {
      display: block;
      padding: 9px 12px; }

#dispensation-dates-summary-table caption {
  text-indent: -1000em;
  position: absolute; }

.start-duration .time-wrapper {
  max-width: 10em; }

.start-duration .dispensation-duration {
  float: left; }

.start-duration .start-time {
  float: left; }

#disp-invalid-date {
  display: none; }

.mustaddtime {
  width: 1px !important;
  border: 0;
  overflow: hidden; }

.dispensation-time-error {
  padding: 22px 0 6px 60px; }
  .dispensation-time-error:before {
    right: auto;
    left: 17px !important;
    top: 50% !important;
    margin-top: -20px; }

.additional-dates {
  display: none; }
  .no-js .additional-dates {
    display: block; }
  .additional-dates ul {
    list-style: none;
    margin: 0;
    padding: 0;
    clear: left; }
  .additional-dates li {
    overflow: hidden; }
  .additional-dates .form-control-wrapper {
    float: left;
    clear: none !important; }
  .additional-dates .start-duration {
    float: left;
    margin: 0 0 0 32px; }
  .additional-dates .additional-dispensation-date {
    width: 8em; }

.address-summary-line {
  display: block; }

.label-units {
  font-size: 12px;
  line-height: 1;
  vertical-align: middle; }

#timefilled {
  width: 0;
  height: 0;
  overflow: hidden;
  border: 0;
  box-shadow: none; }

.dispensation-time-error {
  display: none; }
  .dispensation-time-error.field-validation-error {
    display: block; }

#ctl-next-date {
  margin: 3% 0; }

.not-for-beta {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none; }
  .not-for-beta:hover, .not-for-beta:focus {
    cursor: default; }
  .not-for-beta:before, .not-for-beta:after {
    opacity: 0.4;
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    /* Firefox 10+, Firefox on Android */
    filter: gray;
    /* IE6-9 */
    -webkit-filter: grayscale(1); }
  .not-for-beta.placeholder-image:after {
    opacity: 1; }
  .not-for-beta > * {
    opacity: 0.4;
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    /* Firefox 10+, Firefox on Android */
    filter: gray;
    /* IE6-9 */
    -webkit-filter: grayscale(1); }
    .not-for-beta > *:hover, .not-for-beta > *:focus {
      cursor: default; }
    .not-for-beta > *:before, .not-for-beta > *:after {
      opacity: 0.4;
      filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
      /* Firefox 10+, Firefox on Android */
      filter: gray;
      /* IE6-9 */
      -webkit-filter: grayscale(1); }
  .not-for-beta .plain-button:before, .not-for-beta.plain-button:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 1; }
  .not-for-beta .plain-button:hover, .not-for-beta .plain-button:focus, .not-for-beta.plain-button:hover, .not-for-beta.plain-button:focus {
    background-color: #fff; }
  .not-for-beta.flat-button.placeholder-image {
    margin-bottom: 10px; }
  .not-for-beta.search-tools:hover, .not-for-beta.search-tools:focus {
    border-color: none;
    background-color: inherit; }
  .not-for-beta.flat-button:hover, .not-for-beta.flat-button:focus {
    border-color: #ccc;
    background-color: #fff; }
  .not-for-beta.flat-button:nth-child(2) {
    border-left-color: #ccc;
    border-right-color: #ccc; }
  .not-for-beta .item-title:hover, .not-for-beta .item-title:focus {
    background-color: transparent; }
  .not-for-beta.primary-dropdown-ico {
    background-color: #888; }
    .not-for-beta.primary-dropdown-ico:hover, .not-for-beta.primary-dropdown-ico:focus {
      background-color: #888; }

.not-for-beta .plain-button:before, .not-for-beta.plain-button:before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozMTVCRTYxMENDRkMxMUUyQUM4MUI5RTJEODJDODcxMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozMTVCRTYxMUNDRkMxMUUyQUM4MUI5RTJEODJDODcxMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjMxNUJFNjBFQ0NGQzExRTJBQzgxQjlFMkQ4MkM4NzEzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjMxNUJFNjBGQ0NGQzExRTJBQzgxQjlFMkQ4MkM4NzEzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+iPa/TAAAADVJREFUeNpivH79epu4uPgvBjTw8uVLNiZcEiCaCZcESBMTLgkUnegScElsEmBJXBIgABBgAIOyHxmzOX5nAAAAAElFTkSuQmCC); }

/*a.not-for-beta {
    color: $dark-grey;
    &:visited {
        color: $dark-grey;
    }
}*/
div.top-row-extras .texts {
  width: 57px; }
  div.top-row-extras .texts .search {
    height: 58px; }

@media screen and (min-width: 900px) {
  div.top-row-extras .texts {
    width: auto; } }

.top-row-extras .more {
  right: 99px !important; }

.navigation-style-1 .selected .item-title {
  cursor: default; }
  .navigation-style-1 .selected .item-title:hover, .navigation-style-1 .selected .item-title:focus {
    background-color: #fff; }

.personalisation-inactive .top-row-extras .more {
  right: 54px !important; }

.pagination-controls, .pagination-controls-gotopage {
  border-bottom: 1px solid #cacaca;
  border-top: 1px solid #cacaca;
  margin: 20px 0;
  padding: 10px 0; }
  .pagination-controls:last-child, .pagination-controls-gotopage:last-child {
    margin-bottom: 0; }
  .pagination-controls .pagination, .pagination-controls-gotopage .pagination {
    position: relative;
    margin: 0;
    text-align: center; }
    .pagination-controls .pagination a, .pagination-controls-gotopage .pagination a {
      border: none;
      color: #1a5a92; }
      .pagination-controls .pagination a.active_page, .pagination-controls-gotopage .pagination a.active_page {
        background-color: #fff;
        color: #000;
        font-weight: bold;
        cursor: default; }
        .pagination-controls .pagination a.active_page:hover, .pagination-controls-gotopage .pagination a.active_page:hover, .pagination-controls .pagination a.active_page:focus, .pagination-controls-gotopage .pagination a.active_page:focus {
          text-decoration: none;
          background-color: #fff; }
      .pagination-controls .pagination a.selected, .pagination-controls-gotopage .pagination a.selected {
        font-weight: bold; }
    .pagination-controls .pagination .ellipse, .pagination-controls-gotopage .pagination .ellipse {
      display: none !important; }
  .pagination-controls .first_link, .pagination-controls-gotopage .first_link, .pagination-controls .last_link, .pagination-controls-gotopage .last_link, .pagination-controls .page_link, .pagination-controls-gotopage .page_link {
    padding: 3px 8px;
    margin: 3px; }
  .pagination-controls .first_link, .pagination-controls-gotopage .first_link {
    position: relative; }
    .pagination-controls .first_link:after, .pagination-controls-gotopage .first_link:after {
      content: '';
      position: absolute;
      background: grey;
      right: -2px;
      height: 100%;
      width: 1px;
      top: 0; }
  .pagination-controls .last_link, .pagination-controls-gotopage .last_link {
    position: relative; }
    .pagination-controls .last_link:after, .pagination-controls-gotopage .last_link:after {
      content: '';
      position: absolute;
      background: grey;
      left: -2px;
      height: 100%;
      width: 1px;
      top: 0; }
  .pagination-controls .previous_link span, .pagination-controls-gotopage .previous_link span, .pagination-controls .next_link span, .pagination-controls-gotopage .next_link span {
    display: none; }
  .pagination-controls .previous_link.no_more, .pagination-controls-gotopage .previous_link.no_more, .pagination-controls .next_link.no_more, .pagination-controls-gotopage .next_link.no_more {
    display: none; }
  .pagination-controls .previous_link, .pagination-controls-gotopage .previous_link, .pagination-controls .next_link, .pagination-controls-gotopage .next_link {
    padding: 8px 14px;
    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 .pagination-controls .previous_link, .body-cms-preview .pagination-controls-gotopage .previous_link, .body-cms-preview .pagination-controls .next_link, .body-cms-preview .pagination-controls-gotopage .next_link {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .pagination-controls .next_link, .pagination-controls-gotopage .next_link {
    background-position: 0px -640px;
    background-position-x: -6px; }
  .pagination-controls .separator, .pagination-controls-gotopage .separator {
    border-left: solid 1px grey;
    padding: 3px;
    margin: 4px;
    margin-right: -2px; }

.page_link, .next_link, .previous_link, .first_link, .last_link {
  padding: 3px 8px;
  display: inline-block;
  z-index: 2; }

.page_link:hover, .page_link:focus, .next_link:hover, .next_link:focus, .previous_link:hover, .previous_link:focus, .first_link:hover, .first_link:focus, .last_link:hover, .last_link:focus {
  text-decoration: none;
  background-color: #f2f2f2; }

.pagination-controls-gotopage {
  margin: 0;
  padding: 10px;
  border-width: 0; }
  .pagination-controls-gotopage .pagination {
    position: relative; }
  .pagination-controls-gotopage .page_link {
    position: absolute;
    height: 40px;
    width: 40px;
    line-height: 40px;
    background-color: white;
    border: none;
    vertical-align: middle;
    padding: 12px 20px;
    margin: 1px; }
    .pagination-controls-gotopage .page_link:before {
      margin-top: -16px; }
    .pagination-controls-gotopage .page_link:hover, .pagination-controls-gotopage .page_link:focus {
      background-color: #f2f2f2; }
  .pagination-controls-gotopage .first-page-control {
    left: -10px; }
    .pagination-controls-gotopage .first-page-control: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: 0px -544px;
      bottom: auto;
      left: 3px;
      right: 0;
      top: 50%; }
      .body-cms-preview .pagination-controls-gotopage .first-page-control:before {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .pagination-controls-gotopage .last-page-control {
    right: -10px; }
    .pagination-controls-gotopage .last-page-control: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: 0px -512px;
      bottom: auto;
      left: 3px;
      right: 0;
      top: 50%; }
      .body-cms-preview .pagination-controls-gotopage .last-page-control:before {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .pagination-controls-gotopage .next-page-control {
    right: 30px; }
    .pagination-controls-gotopage .next-page-control: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: 0px -640px;
      bottom: auto;
      left: 3px;
      right: 0;
      top: 50%; }
      .body-cms-preview .pagination-controls-gotopage .next-page-control:before {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .pagination-controls-gotopage .previous-page-control {
    left: 30px; }
    .pagination-controls-gotopage .previous-page-control: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: 0px -576px;
      bottom: auto;
      left: 3px;
      right: 0;
      top: 50%; }
      .body-cms-preview .pagination-controls-gotopage .previous-page-control:before {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .pagination-controls-gotopage .go-to-page-number {
    width: 60px;
    text-align: center;
    padding-left: 5px; }
  .pagination-controls-gotopage .page-number-input {
    display: inline;
    margin: 0 15px; }
  .pagination-controls-gotopage .page-count {
    font-weight: bold;
    color: #2070b0;
    margin-left: 5px;
    vertical-align: middle; }
  .pagination-controls-gotopage .disabled-control {
    opacity: 0.3; }
    .pagination-controls-gotopage .disabled-control:hover {
      background-color: inherit; }

.pagination-loading {
  background: transparent url("/static/1/images//throbber-blue-small.gif") no-repeat 98% 47%; }

.slow-loading {
  background-repeat: no-repeat;
  background-position: 50%;
  width: auto;
  height: auto; }
  .slow-loading p {
    text-align: center; }

.pagination-ajax-error {
  display: none;
  margin: 0;
  border-top: 0; }
  .pagination-ajax-error p {
    margin-bottom: 0; }
  .pagination-ajax-error.ajax-error {
    display: block; }

.paginated-list-heading {
  font-size: 16px; }

.no-filters .pagination-controls-gotopage {
  border-bottom: 0;
  border-top: #cacaca 1px solid; }

.pagination-header {
  font-size: 24px;
  line-height: 120%; }
  .pagination-header.no-filters {
    border-bottom: 1px solid #ccc; }

.numbered-list, .required-evidence-list, .review-list {
  counter-reset: li;
  margin-left: 0;
  padding-left: 0; }
  .numbered-list > li, .required-evidence-list > li, .review-list > li {
    list-style: none;
    margin-bottom: 30px; }
    .numbered-list > li:last-child, .required-evidence-list > li:last-child, .review-list > li:last-child {
      margin-bottom: 0; }
  .numbered-list .numbered-item, .required-evidence-list .numbered-item, .review-list .numbered-item {
    margin-bottom: 10px;
    position: relative; }
    .numbered-list .numbered-item:before, .required-evidence-list .numbered-item:before, .review-list .numbered-item:before {
      content: counter(li, decimal) ".";
      counter-increment: li;
      position: absolute;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      font-size: inherit; }

.required-evidence-list .numbered-item {
  margin-left: 25px; }
  .required-evidence-list .numbered-item:before {
    font-family: "New Johnson Bold";
    left: -25px; }

.review-list .numbered-item {
  margin-left: 30px; }
  .review-list .numbered-item:before {
    font-family: "New Johnson Bold";
    left: -30px; }

.review-list h3 {
  margin-bottom: 26px;
  font-size: 24px; }

.review-list h4 {
  margin-bottom: 12px;
  font-size: 16px; }

.boxed-content {
  border: #ccc 1px solid;
  padding: 12px; }
  .boxed-content h3 {
    margin: 0; }

.list-length-count {
  line-height: 1;
  vertical-align: bottom; }
  .list-length-count * {
    line-height: 1;
    vertical-align: bottom; }

.uneditable-review-list-header,
.review-list-header {
  border-bottom: #ccc 1px solid;
  padding-bottom: 10px;
  position: relative;
  overflow: hidden; }
  .uneditable-review-list-header h2,
  .review-list-header h2 {
    margin: 0 0 8px;
    font-size: 30px;
    float: left; }
  .uneditable-review-list-header .edit-step,
  .review-list-header .edit-step {
    display: block;
    float: right; }

.review-list-body {
  padding: 30px 0 0; }

.nested-list {
  margin-left: 30px; }

.key-value-list-heading {
  margin: 0; }

.key-value-list, .account-details {
  overflow: hidden;
  margin-left: 0;
  list-style: none;
  padding-bottom: 10px; }
  .key-value-list dd, .account-details dd, .key-value-list dt, .account-details dt {
    float: left;
    line-height: 24px; }
  .key-value-list dt, .account-details dt, .key-value-list .list-item-key, .account-details .list-item-key {
    font-weight: bold;
    clear: both; }
  .key-value-list dd, .account-details dd {
    margin-left: 4px; }
  .key-value-list time, .account-details time {
    font-weight: normal; }

.account-details {
  margin-bottom: 10px; }
  .account-details .top-tier-title, .account-details .top-tier-content {
    font-size: 24px;
    line-height: 35px; }
  .account-details .sub-item-title, .account-details .sub-item-content {
    font-size: 16px;
    line-height: 25px; }
  .account-details .sub-item-title {
    font-weight: bold; }

.stacked-list {
  list-style: none;
  margin: 0; }
  .stacked-list .key-value-list, .stacked-list .account-details {
    font-size: 15px; }
  .stacked-list .form-success-middle-icon, .stacked-list .global-top-middle-icon, .stacked-list .form-info-middle-icon {
    margin-bottom: 0; }

.cc-autopay-vehicles .stacked-list-item {
  border: 0; }

.cc-autopay-vehicles .form-success-middle-icon, .cc-autopay-vehicles .global-top-middle-icon, .cc-autopay-vehicles .form-info-middle-icon {
  margin-bottom: 20px; }

.stacked-list .list-item-details.link-button {
  margin-bottom: 0;
  border-width: 0;
  border-bottom: 1px solid #ccc;
  display: block; }

.stacked-list .disabled-control {
  background-color: #eee; }
  .stacked-list .disabled-control:after {
    content: none; }
  .stacked-list .disabled-control:hover, .stacked-list .disabled-control:focus {
    background-color: #eee; }

.stacked-list .button-set {
  margin-bottom: 0; }

.stacked-list-item {
  width: 100%;
  border: solid #ccc;
  border-width: 1px 1px 0 1px;
  position: relative; }
  .stacked-list-item .list-item-details {
    padding: 10px 1em 0 1em; }
  .stacked-list-item .list-item-details {
    border-bottom: solid #ccc 1px; }
  .stacked-list-item:last-child {
    border-bottom-width: 1px; }
  .stacked-list-item.removing {
    background-color: #f7f7f7; }
  .stacked-list-item .hanging-message, .stacked-list-item .cta-hanging-message {
    border: 0;
    margin-bottom: 0;
    background-color: #fbf6e0; }
    .stacked-list-item .hanging-message .with-indicator, .stacked-list-item .cta-hanging-message .with-indicator {
      border-top: 0; }

.vehicle-item {
  margin-bottom: 16px; }

.hanging-message .global-warning-top-icon, .cta-hanging-message .global-warning-top-icon {
  margin-bottom: 0; }

.list-item-details.can-remove {
  padding-right: 45px; }

.list-item-details dd.footer-align, .list-item-details dt.footer-align {
  margin-top: 23px; }

.list-item-details .footer-link {
  line-height: 11px;
  border-top: dotted 1px #ccc;
  width: 100%;
  display: block;
  padding-top: 15px;
  font-weight: bold; }
  .list-item-details .footer-link:focus {
    outline: none; }

.list-item-details .footer-right-content {
  position: absolute;
  bottom: 17px;
  left: 0;
  width: 100%;
  text-align: right;
  padding: 0 1em; }

.list-item-details.with-footer .remove-item-from-list {
  top: 33%; }

.filterable-list-wrapper .pagination-controls-gotopage {
  border: solid #cacaca;
  border-width: 0 1px 1px 1px; }

.filterable-list-wrapper .stacked-list-item:first-child {
  border-top-width: 0; }

.list-with-pagination .stacked-list-item:last-child {
  border-bottom-width: 0; }

.list-with-pagination .global-warning-top-icon {
  border-bottom: 1px solid #cacaca; }

.editable-vehicle-list + .pagination-form {
  border-bottom: #cacaca 1px solid; }

.removable-list, .car-msg-list {
  margin: 0;
  list-style-type: none; }
  .removable-list .has-icon .cta-content, .car-msg-list .has-icon .cta-content {
    position: static; }
    .removable-list .has-icon .cta-content:before, .car-msg-list .has-icon .cta-content:before {
      position: static;
      margin-top: -4px; }

.removing .car-msg,
.removing .account-tile,
.removing .boxed-link-with-title {
  margin-bottom: 0;
  border-bottom: 0; }

.removing .remove-item-from-list {
  display: none; }

.cc-autopay-edit-list li {
  margin-bottom: 1em;
  transform: translateZ(0); }

.cc-autopay-edit-list .car-msg {
  margin-bottom: 0;
  transform: translateZ(0); }

div.vehicle-confirm-cancel {
  border: #cacaca 1px solid;
  border-left: 0;
  border-right: 0;
  transform: translateZ(0);
  overflow: hidden;
  margin-bottom: 0; }

.account-statements .list-item-details {
  padding: 0; }

.account-statements h3 {
  font-size: 16px; }

.account-statements .document-link {
  display: block;
  position: relative;
  padding: 10px 1em; }
  .account-statements .document-link:hover, .account-statements .document-link:focus {
    text-decoration: none;
    background-color: #eff6fd; }
  .account-statements .document-link .document-date,
  .account-statements .document-link .type-weight {
    color: #000; }
  .account-statements .document-link * {
    line-height: 1; }
  .account-statements .document-link:after {
    position: absolute;
    content: "";
    top: 50%;
    right: 12px;
    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: -64px -192px; }
    .body-cms-preview .account-statements .document-link:after {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }

#global-login {
  margin-top: 10px;
  height: 100%;
  width: 100%;
  padding: 10px 10px; }
  #global-login #login-container {
    position: relative;
    margin: 0 auto;
    margin-bottom: 30px;
    top: 50%; }
    #global-login #login-container .label-wrapper {
      overflow: hidden; }
      #global-login #login-container .label-wrapper .heading {
        float: left; }
      #global-login #login-container .label-wrapper .forgot-password-container {
        float: right;
        font-weight: normal;
        margin-top: -5px; }
        #global-login #login-container .label-wrapper .forgot-password-container .external-link {
          font: 15px Johnston100-Light; }
  #global-login label.heading {
    font-size: 16px;
    font-weight: 600; }
  #global-login .shaded-input {
    font-size: 16px;
    height: 40px; }
  #global-login .field-validation-error:before {
    display: none; }
  #global-login .field-validation-wrap {
    border: none; }
  #global-login .field-validation-error:after {
    display: none; }
  #global-login .field-validation-wrap:before {
    display: none; }
  #global-login .field-validation-wrap:after {
    display: none; }
  #global-login .responsive-form .form-field-error.full-width-form-module > .form-control {
    padding-right: 0px; }
  #global-login .form-heading {
    border: none; }
  #global-login .space {
    padding-bottom: 20px; }
  #global-login #sign-in-heading {
    text-align: center; }
  #global-login .border-fix {
    border: 2px solid #f5f5f5; }
  #global-login #create-account-message-container {
    padding-top: 20px;
    font-size: 16px; }

.fav-banner {
  color: white;
  height: 200px; }

.fav-dismiss-icon {
  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 -3712px;
  float: right; }
  .body-cms-preview .fav-dismiss-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.fav-banner-contents {
  width: 70%;
  padding: 10px 10px;
  height: 100px;
  background: white;
  color: black;
  margin-top: 20px;
  margin-bottom: 20px; }

.fav-banner-title {
  font-weight: 600; }

.fav-banner-link {
  cursor: pointer; }
  .fav-banner-link:hover {
    text-decoration: none; }

.broadcast-comms.password-reset {
  padding: 10px;
  margin: 0 auto;
  margin-bottom: 30px;
  width: 100%; }

/* elements - small */
.primary-button {
  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; }
  .primary-button[disabled="disabled"], .primary-button:disabled {
    pointer-events: none;
    cursor: default;
    color: #ababab;
    text-decoration: none; }
    .primary-button[disabled="disabled"]:visited, .primary-button:disabled:visited {
      color: #ababab; }
  .primary-button:not([disabled="disabled"]):hover, .primary-button: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); }
  .primary-button[disabled="disabled"],
  .primary-button .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; }
    .primary-button[disabled="disabled"] .cta-content:before,
    .primary-button .disabled .cta-content:before {
      opacity: 0.25; }
  .primary-button:visited {
    color: #ffffff; }
  .primary-button:active {
    background-image: none;
    background-color: #113b92;
    -webkit-appearance: none; }
  .primary-button:hover, .primary-button:focus {
    text-decoration: none; }

.secondary-button, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a {
  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 #86909E; }
  .secondary-button[disabled="disabled"], .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a[disabled="disabled"], .secondary-button:disabled, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a:disabled {
    pointer-events: none;
    cursor: default;
    color: #ababab;
    text-decoration: none; }
    .secondary-button[disabled="disabled"]:visited, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a[disabled="disabled"]:visited, .secondary-button:disabled:visited, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a:disabled:visited {
      color: #ababab; }
  .secondary-button:not([disabled="disabled"]):hover, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a:not([disabled="disabled"]):hover, .secondary-button:not([disabled="disabled"]):focus, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a: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); }
  .secondary-button[disabled="disabled"], .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a[disabled="disabled"],
  .secondary-button .disabled,
  .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a .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; }
    .secondary-button[disabled="disabled"] .cta-content:before, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a[disabled="disabled"] .cta-content:before,
    .secondary-button .disabled .cta-content:before,
    .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a .disabled .cta-content:before {
      opacity: 0.25; }
  .secondary-button:visited, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a:visited {
    color: #2070b0; }
  .secondary-button:active, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a:active {
    color: #113b92;
    background-image: none;
    background-color: #eee;
    -webkit-appearance: none; }
  .secondary-button:hover, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a:hover, .secondary-button:focus, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a:focus {
    text-decoration: none;
    background-color: #E6E5E5;
    color: #113b92; }

.disabled-button {
  cursor: pointer;
  display: block;
  min-height: 40px;
  color: #ababab;
  border-radius: 5px;
  width: 100%;
  font-size: 16px;
  text-align: center;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: #ebebeb;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop("0%", #ebebeb), color-stop(100%, #e1e1e1));
  background-image: -webkit-linear-gradient(#ebebeb, #e1e1e1);
  background-image: linear-gradient(#ebebeb, #e1e1e1);
  -webkit-transition: background-image, 0.3s;
  -moz-transition: background-image, 0.3s;
  transition: background-image, 0.3s;
  text-shadow: none;
  border-color: #aaaaaa;
  cursor: default;
  pointer-events: none; }
  .disabled-button[disabled="disabled"], .disabled-button:disabled {
    pointer-events: none;
    cursor: default;
    color: #ababab;
    text-decoration: none; }
    .disabled-button[disabled="disabled"]:visited, .disabled-button:disabled:visited {
      color: #ababab; }
  .disabled-button:not([disabled="disabled"]):hover, .disabled-button:not([disabled="disabled"]):focus {
    background-color: #d2d1d1;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop("0%", #d2d1d1), color-stop(100%, #c8c7c7));
    background-image: -webkit-linear-gradient(#d2d1d1, #c8c7c7);
    background-image: linear-gradient(#d2d1d1, #c8c7c7); }
  .disabled-button[disabled="disabled"],
  .disabled-button .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; }
    .disabled-button[disabled="disabled"] .cta-content:before,
    .disabled-button .disabled .cta-content:before {
      opacity: 0.25; }
  .disabled-button:visited {
    color: #ababab; }
  .disabled-button:active {
    background-image: none;
    background-color: #ababab;
    -webkit-appearance: none; }
  .disabled-button:hover, .disabled-button:focus {
    text-decoration: none; }

.map-downloads {
  overflow: hidden; }

.btn-download-map {
  cursor: pointer;
  display: block;
  min-height: auto;
  color: #2d3039;
  border-radius: 5px;
  width: 100%;
  font-size: 14px;
  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;
  text-decoration: none;
  font-weight: bold;
  position: relative;
  margin-bottom: 30px; }
  .btn-download-map[disabled="disabled"], .btn-download-map:disabled {
    pointer-events: none;
    cursor: default;
    color: #ababab;
    text-decoration: none; }
    .btn-download-map[disabled="disabled"]:visited, .btn-download-map:disabled:visited {
      color: #ababab; }
  .btn-download-map:not([disabled="disabled"]):hover, .btn-download-map: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); }
  .btn-download-map[disabled="disabled"],
  .btn-download-map .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; }
    .btn-download-map[disabled="disabled"] .cta-content:before,
    .btn-download-map .disabled .cta-content:before {
      opacity: 0.25; }
  .btn-download-map span {
    display: block;
    text-align: left;
    padding: 9px 0 0 9px;
    line-height: 1.1; }
    .btn-download-map span + span {
      padding: 0 0 9px 9px; }
  .btn-download-map .download-image: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: -64px -96px;
    bottom: auto;
    left: auto;
    right: 2px;
    top: 8px; }
    .body-cms-preview .btn-download-map .download-image:after {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .btn-download-map .download-pdf: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: -64px -192px;
    bottom: auto;
    left: auto;
    right: 2px;
    top: 8px; }
    .body-cms-preview .btn-download-map .download-pdf:after {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .btn-download-map:hover {
    text-decoration: none; }

.tertiary-link {
  background-color: inherit;
  color: #2070b0;
  border: none;
  font-size: 16px; }
  .tertiary-link .button-text {
    position: relative;
    margin-left: 15px; }
    .tertiary-link .button-text: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: 0px -576px;
      bottom: -7px;
      left: -30px;
      right: auto;
      top: auto; }
      .body-cms-preview .tertiary-link .button-text:before {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .tertiary-link:hover, .tertiary-link:focus {
    text-decoration: none; }
    .tertiary-link:hover .button-text, .tertiary-link:focus .button-text {
      text-decoration: underline; }

.postcode-lookup-button-text {
  position: relative;
  left: 9px; }
  .postcode-lookup-button-text: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: 0px 0px;
    bottom: -7px;
    left: -34px;
    right: auto;
    top: auto; }
    .body-cms-preview .postcode-lookup-button-text:before {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }

.print-this-page-button {
  display: none; }

.print-this-page-button-text {
  position: relative;
  left: 9px; }
  .print-this-page-button-text: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: 0px -2304px;
    bottom: -7px;
    left: -34px;
    right: auto;
    top: auto; }
    .body-cms-preview .print-this-page-button-text:before {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }

.button-set {
  padding-top: 30px;
  border-top: #ccc 1px solid; }
  .button-set input, .button-set a, .button-set button {
    margin-bottom: 20px;
    display: inline-block; }
  .button-set .responsive-single-button {
    margin-top: 0; }
  .button-set.no-separator {
    border-top: none; }

hr.dotted-separator {
  border-style: dotted; }

hr.dotted-cta-separator {
  margin: 40px 0;
  border-style: dotted; }

input.primary-button, input.secondary-button {
  padding: 9px; }

a.primary-button, a.secondary-button, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a, .tertiary-link {
  padding: 6px; }

a.secondary-button, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a {
  padding: 6px 20px 6px 20px; }

.primary-button.with-icon, .secondary-button.with-icon, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.with-icon {
  position: relative;
  padding-left: 32px;
  padding-right: 10px;
  display: inline-block;
  width: auto; }
  .primary-button.with-icon .i, .secondary-button.with-icon .i, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.with-icon .i {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -16px; }

.add-vehicle .cta-content: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: 0px -2656px;
  bottom: 5px;
  left: auto;
  right: 7px;
  top: auto; }
  .body-cms-preview .add-vehicle .cta-content:before {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.download-csv .cta-content: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 -160px;
  bottom: 5px;
  left: auto;
  right: 4px;
  top: auto; }
  .body-cms-preview .download-csv .cta-content:before {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.download .cta-content: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 -192px;
  bottom: 5px;
  left: auto;
  right: 4px;
  top: auto; }
  .body-cms-preview .download .cta-content:before {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.confirm .cta-content: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: 0px -768px;
  bottom: 5px;
  left: auto;
  right: -2px;
  top: auto; }
  .body-cms-preview .confirm .cta-content:before {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.cancel .cta-content: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: 0px -800px;
  bottom: 5px;
  left: auto;
  right: -2px;
  top: auto; }
  .body-cms-preview .cancel .cta-content:before {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.has-icon.responsive-single-button {
  padding-left: 0; }

.has-icon .cta-content {
  display: inline-block;
  position: relative;
  vertical-align: top;
  margin-left: -16px; }
  .has-icon .cta-content:before {
    position: relative;
    display: inline-block;
    vertical-align: top; }

button.has-icon, a.has-icon {
  padding-top: 8px; }

.vertical-button-container {
  margin: 20px 0;
  border-top: 1px solid #a8a8a8;
  border-right: 1px solid #a8a8a8;
  border-left: 1px solid #a8a8a8;
  border-bottom: 3px solid #ccc;
  border-bottom: 3px solid rgba(0, 0, 0, 0.2); }
  .vertical-button-container ul {
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 0; }
  .vertical-button-container.social .plain-button {
    position: relative;
    padding-left: 20px;
    padding-right: 100px; }
    .vertical-button-container.social .plain-button:after {
      background-position: -64px -288px;
      right: 75px; }
  .vertical-button-container.social span {
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 100%; }
  .vertical-button-container.social .follow-text {
    position: absolute;
    right: 55px;
    left: auto;
    top: 50%;
    margin-top: -13px;
    color: #2070b0; }
  .vertical-button-container .plain-button {
    margin-bottom: 0; }

.stacked-cta-list {
  list-style: none; }
  .stacked-cta-list .stacked-cta {
    border-bottom: 1px solid #ccc; }
    .stacked-cta-list .stacked-cta:last-child {
      border-bottom: none; }
  .stacked-cta-list .boxed-link {
    margin-bottom: 0;
    border: none; }
    .stacked-cta-list .boxed-link .title {
      font-weight: bold;
      display: block;
      margin-top: 5px;
      line-height: 2; }

a.link-button.solo-with-shadow, .solo-with-shadow.responsive-link-button {
  border-bottom: rgba(0, 0, 0, 0.2) 3px solid; }

.plain-button {
  display: block;
  position: relative;
  border: none;
  border-bottom: 1px solid #a8a8a8;
  width: 100%;
  background: #fff;
  padding: 9px 20px 8px 10px;
  color: #2d3039;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s; }
  .plain-button:hover, .plain-button:focus {
    text-decoration: none;
    background-color: #eff6fd; }
  .plain-button:visited, .plain-button:active {
    color: #2d3039; }
  .plain-button.single {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc; }
  .plain-button.with-icon > div {
    text-align: left;
    position: relative; }
    .plain-button.with-icon > div span.icon {
      position: absolute;
      top: -5px;
      left: -5px; }
  .plain-button h4, .plain-button .heading {
    padding-left: 32px;
    margin: 0; }
  .plain-button .logo {
    display: block;
    position: absolute;
    left: 8%;
    top: 50%; }
  .plain-button: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%;
    right: 0;
    margin-top: -16px;
    margin-right: -6px; }
    .body-cms-preview .plain-button:after {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }

.plain-button-external-link {
  color: #2070b0; }
  .plain-button-external-link:visited, .plain-button-external-link:active {
    color: #2070b0; }
  .plain-button-external-link:after {
    margin-right: 2px;
    background-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 -1152px; }
    .body-cms-preview .plain-button-external-link:after {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }

.teaser-external-link {
  margin-right: 0;
  color: blue; }
  .teaser-external-link a .text-link:after {
    margin-right: 2px;
    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 -1152px; }
    .body-cms-preview .teaser-external-link a .text-link:after {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }

.text-external-link {
  margin-right: 25px;
  position: relative; }
  .text-external-link:after {
    margin-top: -5px;
    margin-left: -2px;
    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 -1152px; }
    .body-cms-preview .text-external-link:after {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }

.flat-button {
  color: #1a5a92;
  height: 60px;
  width: 47.5%;
  max-width: 47.5%;
  float: left;
  margin-left: 5%;
  margin-bottom: 10px;
  background: #fff;
  border: 1px solid #cacaca;
  border-bottom: 3px solid #cacaca;
  -webkit-transition: background-color 0.3s, border-color, 0.3s;
  -moz-transition: background-color 0.3s, border-color, 0.3s;
  transition: background-color 0.3s, border-color, 0.3s;
  text-align: center;
  position: relative; }
  .flat-button:hover, .flat-button:focus {
    text-decoration: none;
    background-color: #eff6fd;
    color: #185585;
    border-color: #2070b0; }
  .flat-button .icon {
    display: block;
    width: 48px;
    height: 48px; }
  .flat-button.side-icon {
    padding: 10px 10px 0 50px;
    display: table; }
    .flat-button.side-icon .icon {
      position: absolute;
      top: 50%;
      left: 0;
      margin-top: -24px; }
    .flat-button.side-icon .text {
      display: table-cell;
      vertical-align: middle;
      line-height: 100%; }
  .flat-button.top-icon {
    padding-top: 60px;
    height: 90px; }
    .flat-button.top-icon img {
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -28px; }
    .flat-button.top-icon .services-icon {
      background-image: url("/static/1/images/homepage_sprite_x2.png");
      background-image: url("/static/1/images/homepage_sprite.png") \9;
      background-size: 112px 280px;
      background-position: 56px 56px;
      height: 56px;
      width: 56px;
      display: block;
      position: absolute;
      top: 0;
      margin-left: -28px;
      left: 50%; }
      .body-cms-preview .flat-button.top-icon .services-icon {
        background-image: url("/static/1/images/homepage_sprite.png"); }
      .flat-button.top-icon .services-icon.oyster {
        background-position: -56px -168px; }
      .flat-button.top-icon .services-icon.congestion {
        background-position: 0px -168px; }
      .flat-button.top-icon .services-icon.cycle-hire {
        background-position: 0px -224px; }
      .flat-button.top-icon .services-icon.airline {
        background-position: -56px -112px; }
  .flat-button:first-child {
    margin-left: 0; }

.back-to-link {
  line-height: 40px;
  position: relative;
  padding-left: 23px; }
  .back-to-link:not(.plain) {
    box-shadow: 10px 0 0 #2d3039, -10px 0 0 #2d3039;
    background: #2d3039;
    color: #fff;
    padding: 10px 0 10px 18px; }
    .back-to-link:not(.plain):visited {
      color: #fff; }
    .back-to-link:not(.plain):before {
      background-position: -32px -576px;
      left: -7px; }
  .back-to-link:before {
    content: "";
    position: absolute;
    background-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;
    left: -1px;
    top: 50%;
    margin-top: -17px; }
    .body-cms-preview .back-to-link:before {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }

a.link-button, .responsive-link-button {
  border: 1px solid #ccc;
  padding: 7px 32px 7px 10px;
  display: block;
  position: relative;
  color: #2d3039;
  font-size: 16px;
  text-decoration: none;
  background-color: #fff;
  margin-bottom: 20px; }
  a.link-button:after, .responsive-link-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 3776px;
    height: 32px;
    width: 32px;
    background-position: 0px -640px; }
    .body-cms-preview a.link-button:after, .body-cms-preview .responsive-link-button:after {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
  a.link-button:hover, .responsive-link-button:hover, a.link-button:focus, .responsive-link-button:focus {
    background-color: #eff6fd; }
  a.link-button.primary, .primary.responsive-link-button {
    padding-top: 12px;
    padding-bottom: 12px; }
  a.link-button.disrupted, .disrupted.responsive-link-button {
    background-color: #faf5e1;
    position: relative; }
    a.link-button.disrupted:before, .disrupted.responsive-link-button:before {
      content: "";
      position: absolute;
      left: 10px;
      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 -832px; }
      .body-cms-preview a.link-button.disrupted:before, .body-cms-preview .disrupted.responsive-link-button:before {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
    a.link-button.disrupted:hover, .disrupted.responsive-link-button:hover, a.link-button.disrupted:focus, .disrupted.responsive-link-button:focus {
      background-color: #f6eecb; }
  a.link-button.external-link:after, .external-link.responsive-link-button:after {
    background-position: -32px -1152px; }

.responsive-link-button.with-shadow {
  border-bottom-width: 3px; }

.responsive-link-button {
  clear: both; }

.aside a.link-button.primary, .aside .primary.responsive-link-button {
  padding-top: 7px;
  padding-bottom: 7px; }

.plain-link {
  border: 1px solid #ccc;
  padding: 8px 10px;
  display: block;
  position: relative;
  color: #2d3039;
  text-decoration: none;
  margin-bottom: 20px;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s; }
  .plain-link:hover, .plain-link:focus {
    text-decoration: none;
    background-color: #eff6fd; }
  .plain-link.dark {
    border: 1px solid #484b52;
    color: #fff; }
    .plain-link.dark:hover {
      background: rgba(0, 0, 0, 0.1); }

a.link-button.with-icon, .with-icon.responsive-link-button, .plain-link.with-icon {
  padding-left: 52px; }
  a.link-button.with-icon .i, .with-icon.responsive-link-button .i, .plain-link.with-icon .i {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -16px; }

a.favourite {
  display: block; }

.favourite.with-icon {
  padding-left: 32px; }
  .favourite.with-icon .i.favourite-icon {
    left: 0; }

a.large-link-button {
  text-decoration: none;
  background-color: #eee;
  border-bottom: 3px solid #ccc;
  position: relative;
  padding: 10px 30px 10px 10px;
  display: block;
  color: inherit; }
  a.large-link-button:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -16px;
    background-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 a.large-link-button:after {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
  a.large-link-button > h3 {
    line-height: 150%;
    margin-bottom: 0; }
  a.large-link-button > p {
    margin-bottom: 0;
    line-height: 120%; }

.favourite {
  min-width: 142px; }
  .favourite > .active {
    display: none; }
  .favourite.dark:hover, .favourite.dark:focus {
    background-color: rgba(0, 0, 0, 0.1); }
  .favourite.active {
    background-color: #f7f7f7; }
    .favourite.active:hover, .favourite.active:focus {
      background-color: #eff6fd; }
    .favourite.active > .active {
      display: inline; }
    .favourite.active > .inactive {
      display: none; }
    .favourite.active.dark {
      background-color: rgba(0, 0, 0, 0.1); }
      .favourite.active.dark:hover, .favourite.active.dark:focus {
        background-color: rgba(0, 0, 0, 0.2); }

.print-button:before {
  content: "";
  background-image: url("/static/1/images/vsprite_x2.34614087.png");
  background-image: url("/static/1/images/vsprite.17114d90.png") \9;
  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 -2304px;
  height: 22px;
  width: 32px;
  display: inline-block;
  margin-top: -8px;
  margin-left: -16px;
  vertical-align: middle; }
  .body-cms-preview .print-button:before {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .body-cms-preview .print-button:before {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.go-back {
  text-align: left;
  position: relative;
  display: block;
  clear: both; }
  .go-back .button-text {
    display: block; }
    .go-back .button-text:before {
      bottom: -5px; }

.responsive-single-button {
  clear: both;
  margin-bottom: 20px;
  margin-top: 30px; }
  .responsive-single-button.with-icon {
    width: 100%; }

a.loading.secondary-button, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.loading, button.loading.secondary-button {
  position: relative; }
  a.loading.secondary-button:after, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.loading:after, button.loading.secondary-button:after {
    content: "";
    height: 32px;
    width: 32px;
    display: block;
    right: 13px;
    top: 2px;
    position: absolute;
    background-size: 32px 32px;
    background-image: url("/static/1/images/Tfl_Spinner_Transparent.gif"); }

input.loading.secondary-button {
  background: #f3f3f3 url("/static/1/images/Tfl_Spinner_Transparent.gif") no-repeat 96% 1px;
  background-size: 32px 32px; }
  input.loading.secondary-button:hover, input.loading.secondary-button:focus {
    background: #d9d9d9 url("/static/1/images/Tfl_Spinner_Transparent.gif") no-repeat 96% 1px; }

.assistive-button:focus {
  padding: 1px 6px;
  height: 40px;
  display: inline-block;
  margin-left: 5px; }

.edit-details {
  background-color: inherit;
  color: #2070b0;
  border: none;
  font-size: 16px;
  line-height: 40px;
  position: absolute;
  right: 25px;
  top: 50%;
  margin-top: -20px; }

.route-direction-button {
  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 -3392px;
  cursor: pointer;
  margin-bottom: 0;
  margin-top: 0;
  margin-right: 0; }
  .body-cms-preview .route-direction-button {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .route-direction-button.large-button {
    background-size: 144px 5664px;
    background-position: 0px -5088px;
    height: 48px;
    width: 48px;
    display: block;
    position: relative;
    top: -65px; }

.route-direction-ssp {
  float: left;
  text-align: right;
  padding-top: 10px;
  margin-bottom: 14px;
  clear: both; }
  .route-direction-ssp a {
    color: #2070b0; }
    .route-direction-ssp a span {
      padding: 0 0 0 60px;
      vertical-align: baseline; }
  .route-direction-ssp .route-direction-ssp-inner {
    display: block;
    position: relative;
    padding-top: 6px;
    left: 0px;
    cursor: pointer; }
  .route-direction-ssp .route-direction-ssp-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-size: 120px 4720px;
    background-position: 0px -4240px;
    height: 40px;
    width: 40px;
    display: block;
    right: 110px;
    top: -3px; }
    .body-cms-preview .route-direction-ssp .route-direction-ssp-inner:before {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }

.favourite-button {
  position: relative;
  top: 4px;
  left: 146px;
  cursor: pointer;
  margin-bottom: 0;
  margin-top: -48px;
  margin-right: 0;
  border: none;
  background: transparent;
  height: 48px;
  width: 48px;
  padding: 0; }
  .favourite-button .star-icon-filled {
    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-size: 144px 5664px;
    background-position: -48px -5088px;
    height: 48px;
    width: 48px;
    display: block; }
    .body-cms-preview .favourite-button .star-icon-filled {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .favourite-button .star-icon-empty {
    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-size: 144px 5664px;
    background-position: -96px -5088px;
    height: 48px;
    width: 48px;
    display: block; }
    .body-cms-preview .favourite-button .star-icon-empty {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }

.secondary-button.map-view-button, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.map-view-button {
  border-radius: 22px;
  text-align: inherit;
  border: 2px solid #164B79;
  position: relative;
  width: 120px;
  padding: 6px; }
  .secondary-button.map-view-button:hover, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.map-view-button:hover, .secondary-button.map-view-button:focus, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.map-view-button:focus {
    background-color: #E6E5E5; }
  .secondary-button.map-view-button[data-map-panel="route"], .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.map-view-button[data-map-panel="route"] {
    left: 73px;
    margin-top: -109px; }
    .secondary-button.map-view-button[data-map-panel="route"].outbound-only, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.map-view-button[data-map-panel="route"].outbound-only {
      left: 0;
      margin-top: -60px; }
  .secondary-button.map-view-button[data-map-panel="ssp"], .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.map-view-button[data-map-panel="ssp"] {
    margin-top: -30px; }
  .secondary-button.map-view-button .map-view-icon, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.map-view-button .map-view-icon {
    display: inline-block;
    margin-top: -16px;
    position: relative;
    top: 4px; }
  .secondary-button.map-view-button .map-view-text, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.map-view-button .map-view-text {
    position: relative;
    right: 4px; }

.secondary-button.fav-place-button, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.fav-place-button {
  border-radius: 18px;
  text-align: inherit;
  border: none;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 30px;
  margin: 0 5px 10px 0px;
  padding: 6px;
  background-image: none;
  background-color: #f3f3f3; }
  .secondary-button.fav-place-button.label-selected, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.fav-place-button.label-selected {
    background-image: none;
    background-color: #113b92; }
    .secondary-button.fav-place-button.label-selected .button-text, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.fav-place-button.label-selected .button-text {
      color: #ffffff; }
    .secondary-button.fav-place-button.label-selected:hover, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.fav-place-button.label-selected:hover, .secondary-button.fav-place-button.label-selected:focus, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.fav-place-button.label-selected:focus, .secondary-button.fav-place-button.label-selected:active, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.fav-place-button.label-selected:active {
      background-image: none;
      background-color: #113b92; }
  .secondary-button.fav-place-button .button-text, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.fav-place-button .button-text {
    color: #000000;
    font-size: 14px;
    font-weight: bold; }
  .secondary-button.fav-place-button .button-cross:before, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.fav-place-button .button-cross:before, .secondary-button.fav-place-button .button-cross:after, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.fav-place-button .button-cross:after {
    position: absolute;
    top: 8px;
    left: 20px;
    content: ' ';
    height: 12px;
    width: 2px;
    background-color: #000000; }
  .secondary-button.fav-place-button .button-cross:after, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.fav-place-button .button-cross:after {
    transform: rotate(90deg); }
  .secondary-button.fav-place-button.new-fav-place, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.fav-place-button.new-fav-place {
    justify-content: flex-end;
    width: 90px;
    margin-right: 0px; }
    .secondary-button.fav-place-button.new-fav-place .button-text, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.fav-place-button.new-fav-place .button-text {
      margin-right: 12px; }
  .secondary-button.fav-place-button:hover, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.fav-place-button:hover, .secondary-button.fav-place-button:focus, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.fav-place-button:focus, .secondary-button.fav-place-button:active, .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.fav-place-button:active {
    background-image: none;
    background-color: #f3f3f3; }

.show-welcome-page-button {
  width: 100%;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer; }
  .show-welcome-page-button:hover, .show-welcome-page-button:focus {
    text-decoration: none;
    background-color: #eff6fd; }

.show-welcome-page-button-container {
  width: 100%;
  border: 1px solid #ccc;
  display: block;
  padding: 10px 32px 7px 12px;
  position: relative;
  color: #2d3039;
  font-size: 16px;
  text-decoration: none;
  background-color: #fff;
  margin-bottom: 20px;
  cursor: pointer; }
  .show-welcome-page-button-container: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 .show-welcome-page-button-container:after {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .show-welcome-page-button-container.primary {
    padding-top: 12px;
    padding-bottom: 12px; }
  .show-welcome-page-button-container:hover, .show-welcome-page-button-container:focus {
    text-decoration: none;
    background-color: #eff6fd; }
  .show-welcome-page-button-container.disrupted {
    background-color: #faf5e1;
    position: relative; }
    .show-welcome-page-button-container.disrupted:before {
      content: "";
      position: absolute;
      left: 10px;
      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 -832px; }
      .body-cms-preview .show-welcome-page-button-container.disrupted:before {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .show-welcome-page-button-container.disrupted:hover, .show-welcome-page-button-container.disrupted:focus {
      background-color: #f6eecb; }

/**************************************************
ICONS
* Author: Rodrigo Lopes
* Created: 21/02/2013
* Pattern library URL: http://
**************************************************/
.icon.bicycle-icon, .icon.bicycle-easy-icon .icon.cycle-icon, .icon.cycle-easy-icon {
  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 -288px; }
  .body-cms-preview .icon.bicycle-icon, .body-cms-preview .icon.bicycle-easy-icon .icon.cycle-icon, .body-cms-preview .icon.cycle-easy-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.icon.walking-icon {
  background-image: url("/static/1/images/vsprite_x2.34614087.png");
  background-image: url("/static/1/images/vsprite.17114d90.png") \9;
  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: -36px -256px;
  height: 32px;
  width: 24px;
  display: block; }
  .body-cms-preview .icon.walking-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .body-cms-preview .icon.walking-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.footpaths-icon, .footpath-icon, .walking-icon {
  background-image: url("/static/1/images/vsprite_x2.34614087.png");
  background-image: url("/static/1/images/vsprite.17114d90.png") \9;
  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 -3680px;
  height: 32px;
  width: 24px;
  display: block; }
  .body-cms-preview .footpaths-icon, .body-cms-preview .footpath-icon, .body-cms-preview .walking-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .body-cms-preview .footpaths-icon, .body-cms-preview .footpath-icon, .body-cms-preview .walking-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .footpaths-icon.unavailable, .footpath-icon.unavailable, .walking-icon.unavailable {
    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 -3616px;
    height: 32px;
    width: 24px;
    display: block; }
    .body-cms-preview .footpaths-icon.unavailable, .body-cms-preview .footpath-icon.unavailable, .body-cms-preview .walking-icon.unavailable {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }

.search-icon {
  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 -32px; }
  .body-cms-preview .search-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.search-icon-black {
  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 -32px; }
  .body-cms-preview .search-icon-black {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.switch-directions-icon {
  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 -64px; }
  .body-cms-preview .switch-directions-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.expand-map-icon {
  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 .expand-map-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.facebook-icon {
  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 -224px; }
  .body-cms-preview .facebook-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.twitter-icon {
  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 -224px; }
  .body-cms-preview .twitter-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.bicycle-icon, .cycle-icon, .bicycle-easy-icon, .cycle-easy-icon {
  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 -288px; }
  .body-cms-preview .bicycle-icon, .body-cms-preview .cycle-icon, .body-cms-preview .bicycle-easy-icon, .body-cms-preview .cycle-easy-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.bus-icon, .replacement-bus-icon {
  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 -320px; }
  .body-cms-preview .bus-icon, .body-cms-preview .replacement-bus-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .bus-icon.small-icon, .replacement-bus-icon.small-icon {
    background-size: 60px 2360px;
    background-position: 0px -200px;
    height: 20px;
    width: 20px;
    display: block; }
  .bus-icon.unavailable, .replacement-bus-icon.unavailable {
    background-position: -64px -3616px; }
  .bus-icon.shuttlebus, .replacement-bus-icon.shuttlebus {
    background-position: -32px -3712px; }

span.bus-icon.shuttlebus {
  background: none;
  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 -3712px; }
  .body-cms-preview span.bus-icon.shuttlebus {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.train-icon, .national-rail-icon {
  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 -352px; }
  .body-cms-preview .train-icon, .body-cms-preview .national-rail-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .train-icon.small-icon, .national-rail-icon.small-icon {
    background-size: 60px 2360px;
    background-position: 0px -220px;
    height: 20px;
    width: 20px;
    display: block; }
  .train-icon.unavailable, .national-rail-icon.unavailable {
    background-position: 0px -3648px; }

.international-rail-icon {
  display: none !important; }

.ferry-icon, .river-bus-icon, .river-icon, .river-bus-icon {
  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 -384px; }
  .body-cms-preview .ferry-icon, .body-cms-preview .river-bus-icon, .body-cms-preview .river-icon, .body-cms-preview .river-bus-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .ferry-icon.small-icon, .river-bus-icon.small-icon, .river-icon.small-icon, .river-bus-icon.small-icon {
    background-size: 60px 2360px;
    background-position: 0px -240px;
    height: 20px;
    width: 20px;
    display: block; }
  .ferry-icon.unavailable, .river-bus-icon.unavailable, .river-icon.unavailable, .river-bus-icon.unavailable {
    background-position: -32px -3648px; }

.fewest-changes-icon {
  background-position: 0px -3008px; }

.fastest-by-public-transport-icon {
  background-position: 0px -3040px; }

.cycle-hire-icon {
  background-position: -64px -3008px; }

.cycle-hire-icon-easy {
  background-position: -64px -3008px; }

.cycle-hire-icon-moderate {
  background-position: -32px -3040px; }

.cycle-hire-icon-fast {
  background-position: -64px -3040px; }

.river-tour-icon {
  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 -2208px; }
  .body-cms-preview .river-tour-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .river-tour-icon.small-icon {
    background-size: 60px 2360px;
    background-position: -40px -1380px;
    height: 20px;
    width: 20px;
    display: block; }

.contactless-icon {
  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 -384px; }
  .body-cms-preview .contactless-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.oyster-icon {
  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 -448px; }
  .body-cms-preview .oyster-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.oyster-validation-icon {
  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 -448px; }
  .body-cms-preview .oyster-validation-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.oyster-ticket-stop-icon {
  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 -2272px; }
  .body-cms-preview .oyster-ticket-stop-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.car-club-icon {
  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 -2592px; }
  .body-cms-preview .car-club-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.mobile-icon {
  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 -2656px; }
  .body-cms-preview .mobile-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.dlr-icon, .docklands-icon, .docklands-light-railway-icon {
  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 -1088px; }
  .body-cms-preview .dlr-icon, .body-cms-preview .docklands-icon, .body-cms-preview .docklands-light-railway-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .dlr-icon.small-icon, .docklands-icon.small-icon, .docklands-light-railway-icon.small-icon {
    background-size: 60px 2360px;
    background-position: 0px -680px;
    height: 20px;
    width: 20px;
    display: block; }

.tram-icon {
  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 -1120px; }
  .body-cms-preview .tram-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .tram-icon.small-icon {
    background-size: 60px 2360px;
    background-position: 0px -700px;
    height: 20px;
    width: 20px;
    display: block; }

.cablecar-icon, .cable-car-icon {
  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 -480px; }
  .body-cms-preview .cablecar-icon, .body-cms-preview .cable-car-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .cablecar-icon.small-icon, .cable-car-icon.small-icon {
    background-size: 60px 2360px;
    background-position: 0px -300px;
    height: 20px;
    width: 20px;
    display: block; }
  .cablecar-icon.unavailable, .cable-car-icon.unavailable {
    background-position: -64px -3648px; }

.left-arrow {
  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 .left-arrow {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.white-up-arrow {
  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 -608px; }
  .body-cms-preview .white-up-arrow {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.right-arrow, .rainbow-list .rainbow-list-item.link-only .controls, .widget-wrapper .night-wrapper .controls, .rainbow-list-wrapper .good-service-link: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; }
  .body-cms-preview .right-arrow, .body-cms-preview .rainbow-list .rainbow-list-item.link-only .controls, .rainbow-list .rainbow-list-item.link-only .body-cms-preview .controls, .body-cms-preview .widget-wrapper .night-wrapper .controls, .widget-wrapper .night-wrapper .body-cms-preview .controls, .body-cms-preview .rainbow-list-wrapper .good-service-link:after, .rainbow-list-wrapper .body-cms-preview .good-service-link:after {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.white-right-arrow, .rainbow-list-wrapper .good-service-link.night: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: -32px -640px; }
  .body-cms-preview .white-right-arrow, .body-cms-preview .rainbow-list-wrapper .good-service-link.night:after, .rainbow-list-wrapper .body-cms-preview .good-service-link.night:after {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.down-arrow {
  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; }
  .body-cms-preview .down-arrow {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.white-down-arrow {
  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 -672px; }
  .body-cms-preview .white-down-arrow {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.down-triangle {
  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 -704px; }
  .body-cms-preview .down-triangle {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.plus-icon-blue, .rainbow-list .controls {
  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 .plus-icon-blue, .body-cms-preview .rainbow-list .controls, .rainbow-list .body-cms-preview .controls {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.down-icon-blue {
  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 -704px; }
  .body-cms-preview .down-icon-blue {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.minus-icon-blue, .rainbow-list .rainbow-list-item.expanded .controls {
  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 .minus-icon-blue, .body-cms-preview .rainbow-list .rainbow-list-item.expanded .controls, .rainbow-list .rainbow-list-item.expanded .body-cms-preview .controls {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.plus-icon-greenblue {
  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 -736px; }
  .body-cms-preview .plus-icon-greenblue {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.disruption-icon {
  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-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .disruption-icon.severe {
    background-position: -32px -832px; }

.up-stairs {
  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 -864px; }
  .body-cms-preview .up-stairs {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.toilets-icon {
  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 -864px; }
  .body-cms-preview .toilets-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.toilets-disabled-icon {
  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 -864px; }
  .body-cms-preview .toilets-disabled-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.down-stairs {
  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 -896px; }
  .body-cms-preview .down-stairs {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.pram-icon {
  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 -896px; }
  .body-cms-preview .pram-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.down-lift, .icon-list .lifts-icon {
  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 -896px; }
  .body-cms-preview .down-lift, .body-cms-preview .icon-list .lifts-icon, .icon-list .body-cms-preview .lifts-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.up-lift {
  background-position: -64px -1024px; }

.up-escalator {
  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 -928px; }
  .body-cms-preview .up-escalator {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.walking-access-icon {
  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 -928px; }
  .body-cms-preview .walking-access-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.wheelchair-icon {
  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 -928px; }
  .body-cms-preview .wheelchair-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.down-escalator, .icon-list .escalators-icon {
  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 -960px; }
  .body-cms-preview .down-escalator, .body-cms-preview .icon-list .escalators-icon, .icon-list .body-cms-preview .escalators-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.luggage-icon, .left-luggage-icon {
  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 -960px; }
  .body-cms-preview .luggage-icon, .body-cms-preview .left-luggage-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.headphones-icon {
  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 -960px; }
  .body-cms-preview .headphones-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.avoid-zone-1-icon {
  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 -992px; }
  .body-cms-preview .avoid-zone-1-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.mode-icon {
  display: block;
  color: #fff;
  font-size: 12px;
  padding-top: 7px;
  text-align: center; }

.disrupted .mode-icon: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 -1344px;
  bottom: -10px;
  right: -8px; }
  .body-cms-preview .disrupted .mode-icon:before {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.night-tube-owl-blue {
  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 -3104px; }
  .body-cms-preview .night-tube-owl-blue {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.tube-icon {
  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 -1056px; }
  .body-cms-preview .tube-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.elizabeth-line-icon, .elizabeth-icon {
  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 -3744px; }
  .body-cms-preview .elizabeth-line-icon, .body-cms-preview .elizabeth-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.overground-icon {
  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 -1056px; }
  .body-cms-preview .overground-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .overground-icon.small-icon {
    background-size: 60px 2360px;
    background-position: -40px -700px;
    height: 20px;
    width: 20px;
    display: block; }

.traffic-icon {
  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 -128px; }
  .body-cms-preview .traffic-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.coach-icon {
  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 -1120px; }
  .body-cms-preview .coach-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .coach-icon.small-icon {
    background-size: 60px 2360px;
    background-position: 0px -700px;
    height: 20px;
    width: 20px;
    display: block; }

.poi-icon, .pointofinterest-icon {
  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 -1120px; }
  .body-cms-preview .poi-icon, .body-cms-preview .pointofinterest-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .poi-icon.small-icon, .pointofinterest-icon.small-icon {
    background-size: 60px 2360px;
    background-position: -40px -700px;
    height: 20px;
    width: 20px;
    display: block; }

.street-icon {
  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 -2144px; }
  .body-cms-preview .street-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.plane-icon {
  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 -2048px; }
  .body-cms-preview .plane-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.mail-icon {
  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 -1152px; }
  .body-cms-preview .mail-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.dark .favourite-icon {
  background-position: 0px -2048px; }

.favourite-icon {
  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 -1184px; }
  .body-cms-preview .favourite-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .favourite-icon.active {
    background-position: 0px -1184px; }

.active .favourite-icon {
  background-position: 0px -1184px; }

.email-icon {
  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 -1184px; }
  .body-cms-preview .email-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.phone-icon, .icon-list .payphones-icon {
  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 -1216px; }
  .body-cms-preview .phone-icon, .body-cms-preview .icon-list .payphones-icon, .icon-list .body-cms-preview .payphones-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.small-disrupted-icon {
  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 -1344px; }
  .body-cms-preview .small-disrupted-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.twenty-four-hour-icon {
  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 -1344px; }
  .body-cms-preview .twenty-four-hour-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.tube-station-icon {
  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 -1408px; }
  .body-cms-preview .tube-station-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.national-rail-station-icon {
  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 -1408px; }
  .body-cms-preview .national-rail-station-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.overground-station-icon {
  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 -1440px; }
  .body-cms-preview .overground-station-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.elizabeth-line-station-icon, .elizabeth-station-icon {
  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 -3744px; }
  .body-cms-preview .elizabeth-line-station-icon, .body-cms-preview .elizabeth-station-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.dlr-station-icon, .docklands-station-icon, .docklands-light-railway-station-icon {
  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 -1440px; }
  .body-cms-preview .dlr-station-icon, .body-cms-preview .docklands-station-icon, .body-cms-preview .docklands-light-railway-station-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.tram-station-icon {
  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 -1440px; }
  .body-cms-preview .tram-station-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.coach-station-icon {
  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 -1472px; }
  .body-cms-preview .coach-station-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.river-bus-station-icon {
  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 -1472px; }
  .body-cms-preview .river-bus-station-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.river-tour-station-icon {
  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 -2208px; }
  .body-cms-preview .river-tour-station-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.bus-station-icon {
  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 -1472px; }
  .body-cms-preview .bus-station-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .bus-station-icon.shuttlebus {
    background-position: -32px -3712px; }

span.bus-station-icon.shuttlebus {
  background: none;
  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 -3712px; }
  .body-cms-preview span.bus-station-icon.shuttlebus {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.cable-car-station-icon {
  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 -1504px; }
  .body-cms-preview .cable-car-station-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.taxi-rank-icon {
  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 -1504px; }
  .body-cms-preview .taxi-rank-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.minicab-office-icon {
  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 -1504px; }
  .body-cms-preview .minicab-office-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.bus-stop-icon {
  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 -1536px; }
  .body-cms-preview .bus-stop-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .bus-stop-icon.shuttlebus {
    background: none;
    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 -3744px; }
    .body-cms-preview .bus-stop-icon.shuttlebus {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }

.blank-bus-stop-icon {
  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 -1536px; }
  .body-cms-preview .blank-bus-stop-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .blank-bus-stop-icon.shuttlebus {
    background: none;
    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 -3744px; }
    .body-cms-preview .blank-bus-stop-icon.shuttlebus {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }

.taxi-icon {
  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 -1504px; }
  .body-cms-preview .taxi-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.taxi-icon-heading {
  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 -7136px; }
  .body-cms-preview .taxi-icon-heading {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.bch-docking-station-icon {
  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 -3008px; }
  .body-cms-preview .bch-docking-station-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .bch-docking-station-icon.full-1000 {
    background-position: -64px -1536px; }
  .bch-docking-station-icon.full-000 {
    background-position: -32px -1632px; }
  .bch-docking-station-icon.full-125 {
    background-position: 0px -1632px; }
  .bch-docking-station-icon.full-250 {
    background-position: -64px -1600px; }
  .bch-docking-station-icon.full-375 {
    background-position: -32px -1600px; }
  .bch-docking-station-icon.full-500 {
    background-position: 0px -1600px; }
  .bch-docking-station-icon.full-625 {
    background-position: -64px -1568px; }
  .bch-docking-station-icon.full-750 {
    background-position: -32px -1568px; }
  .bch-docking-station-icon.full-875 {
    background-position: 0px -1568px; }
  .bch-docking-station-icon.empty-000 {
    background-position: -64px -2816px; }
  .bch-docking-station-icon.empty-125 {
    background-position: -32px -2816px; }
  .bch-docking-station-icon.empty-250 {
    background-position: 0px -2816px; }
  .bch-docking-station-icon.empty-375 {
    background-position: -64px -2784px; }
  .bch-docking-station-icon.empty-500 {
    background-position: -32px -2784px; }
  .bch-docking-station-icon.empty-625 {
    background-position: 0px -2784px; }
  .bch-docking-station-icon.empty-750 {
    background-position: -64px -2752px; }
  .bch-docking-station-icon.empty-875 {
    background-position: -32px -2752px; }
  .bch-docking-station-icon.empty-1000 {
    background-position: 0px -2752px; }

.nearby-icon {
  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 -1312px; }
  .body-cms-preview .nearby-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.ticket-halls-icon {
  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 -1696px; }
  .body-cms-preview .ticket-halls-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.gates-icon {
  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 -1728px; }
  .body-cms-preview .gates-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.photo-booths-icon {
  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 -1664px; }
  .body-cms-preview .photo-booths-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.cash-machines-icon {
  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 -1728px; }
  .body-cms-preview .cash-machines-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.car-park-icon-full {
  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 -3488px;
  top: -1px;
  display: block;
  color: #fff;
  font-size: 12px;
  padding-top: 7px;
  text-align: center;
  position: absolute;
  left: 7px; }
  .body-cms-preview .car-park-icon-full {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.car-park-icon {
  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 -3456px; }
  .body-cms-preview .car-park-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .car-park-icon.full-1000 {
    background-position: 0px -3488px; }
  .car-park-icon.full-875 {
    background-position: -32px -3488px; }
  .car-park-icon.full-750 {
    background-position: -64px -3488px; }
  .car-park-icon.full-625 {
    background-position: 0px -3520px; }
  .car-park-icon.full-500 {
    background-position: -32px -3520px; }
  .car-park-icon.full-375 {
    background-position: -64px -3520px; }
  .car-park-icon.full-250 {
    background-position: 0px -3552px; }
  .car-park-icon.full-125 {
    background-position: -32px -3552px; }
  .car-park-icon.full-000 {
    background-position: -64px -3552px; }
  .car-park-icon.empty-000 {
    background-position: 0px -3584px; }
  .car-park-icon.empty-125 {
    background-position: 0px -3584px; }
  .car-park-icon.empty-250 {
    background-position: 0px -3584px; }
  .car-park-icon.empty-375 {
    background-position: 0px -3584px; }
  .car-park-icon.empty-500 {
    background-position: 0px -3584px; }
  .car-park-icon.empty-625 {
    background-position: 0px -3584px; }
  .car-park-icon.empty-750 {
    background-position: 0px -3584px; }
  .car-park-icon.empty-875 {
    background-position: 0px -3584px; }
  .car-park-icon.empty-1000 {
    background-position: 0px -3584px; }

.help-points-icon {
  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 -1664px; }
  .body-cms-preview .help-points-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.bridge-icon {
  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 -1696px; }
  .body-cms-preview .bridge-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.waiting-room-icon {
  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 -1696px; }
  .body-cms-preview .waiting-room-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.wifi-icon {
  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 -1728px; }
  .body-cms-preview .wifi-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.boarding-ramps-icon {
  background-position: -32px -2720px; }

.euro-cash-machines-icon {
  background-position: -64px -2720px; }

.icon-info-interchange {
  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 -1760px; }
  .body-cms-preview .icon-info-interchange {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.icon-info-full {
  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 -1760px; }
  .body-cms-preview .icon-info-full {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.icon-info-none {
  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 -1760px; }
  .body-cms-preview .icon-info-none {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.icon-info-partial {
  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 -1792px; }
  .body-cms-preview .icon-info-partial {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.white-pram-icon {
  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 -1792px; }
  .body-cms-preview .white-pram-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.white-wheelchair-icon {
  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 -1792px; }
  .body-cms-preview .white-wheelchair-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.info-icon {
  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; }
  .body-cms-preview .info-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.secondary-plan-journey-icon, .secondary-journey-from-icon {
  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 -1984px; }
  .body-cms-preview .secondary-plan-journey-icon, .body-cms-preview .secondary-journey-from-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.secondary-journey-to-icon {
  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 -1952px; }
  .body-cms-preview .secondary-journey-to-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.select-icon {
  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 -2016px; }
  .body-cms-preview .select-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.nearby-icon-white {
  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 -2048px; }
  .body-cms-preview .nearby-icon-white {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.menu-icon-alt {
  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 -2080px; }
  .body-cms-preview .menu-icon-alt {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.menu-icon-blue {
  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 -2080px; }
  .body-cms-preview .menu-icon-blue {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.menu-icon-white {
  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 -2080px; }
  .body-cms-preview .menu-icon-white {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.tick-icon-alt, .map-options-panel .map-panel-radio:checked + .map-panel-radio-with-image: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: 0px -2112px; }
  .body-cms-preview .tick-icon-alt, .body-cms-preview .map-options-panel .map-panel-radio:checked + .map-panel-radio-with-image:before, .map-options-panel .body-cms-preview .map-panel-radio:checked + .map-panel-radio-with-image:before {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.bicycle-moderate-icon, .cycle-moderate-icon {
  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 -2176px; }
  .body-cms-preview .bicycle-moderate-icon, .body-cms-preview .cycle-moderate-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .bicycle-moderate-icon.unavailable, .cycle-moderate-icon.unavailable {
    background-position: -32px -3616px; }

.bicycle-fast-icon, .cycle-fast-icon {
  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 -2176px; }
  .body-cms-preview .bicycle-fast-icon, .body-cms-preview .cycle-fast-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.shuttlebus-icon {
  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 -3712px; }
  .body-cms-preview .shuttlebus-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.print-icon {
  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 -2304px; }
  .body-cms-preview .print-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.level-walkway {
  background-image: url("/static/1/images/vsprite_x2.34614087.png");
  background-image: url("/static/1/images/vsprite.17114d90.png") \9;
  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 -3680px;
  height: 32px;
  width: 24px;
  display: block; }
  .body-cms-preview .level-walkway {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .body-cms-preview .level-walkway {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.selected .icon.bicycle-icon, .selected .icon.bicycle-easy-icon, .selected .icon.cycle-icon, .selected .icon.cycle-easy-icon, .selected.icon.bicycle-icon, .selected.icon.bicycle-easy-icon, .selected.icon.cycle-icon, .selected.icon.cycle-easy-icon {
  background-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 -288px; }
  .body-cms-preview .selected .icon.bicycle-icon, .body-cms-preview .selected .icon.bicycle-easy-icon, .body-cms-preview .selected .icon.cycle-icon, .body-cms-preview .selected .icon.cycle-easy-icon, .body-cms-preview .selected.icon.bicycle-icon, .body-cms-preview .selected.icon.bicycle-easy-icon, .body-cms-preview .selected.icon.cycle-icon, .body-cms-preview .selected.icon.cycle-easy-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.selected .icon.walking-icon, .selected.icon.walking-icon {
  background-image: url("/static/1/images/vsprite_x2.34614087.png");
  background-image: url("/static/1/images/vsprite.17114d90.png") \9;
  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 -3680px;
  height: 32px;
  width: 24px;
  display: block; }
  .body-cms-preview .selected .icon.walking-icon, .body-cms-preview .selected.icon.walking-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .body-cms-preview .selected .icon.walking-icon, .body-cms-preview .selected.icon.walking-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.close-icon {
  background-image: url("/static/1/images/vsprite_x2.34614087.png");
  background-image: url("/static/1/images/vsprite.17114d90.png") \9;
  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 -800px;
  height: 32px;
  width: 24px;
  display: block; }
  .body-cms-preview .close-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .body-cms-preview .close-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.close-icon-white {
  background-image: url("/static/1/images/vsprite_x2.34614087.png");
  background-image: url("/static/1/images/vsprite.17114d90.png") \9;
  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 -800px;
  height: 32px;
  width: 24px;
  display: block; }
  .body-cms-preview .close-icon-white {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .body-cms-preview .close-icon-white {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.close3-icon {
  background-image: url("/static/1/images/vsprite_x2.34614087.png");
  background-image: url("/static/1/images/vsprite.17114d90.png") \9;
  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 -832px;
  height: 32px;
  width: 24px;
  display: block; }
  .body-cms-preview .close3-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .body-cms-preview .close3-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.close-icon-circle {
  background-image: url("/static/1/images/vsprite_x2.34614087.png");
  background-image: url("/static/1/images/vsprite.17114d90.png") \9;
  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 -3712px;
  height: 32px;
  width: 28px;
  display: block; }
  .body-cms-preview .close-icon-circle {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .body-cms-preview .close-icon-circle {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.back-icon {
  background-image: url("/static/1/images/vsprite_x2.34614087.png");
  background-image: url("/static/1/images/vsprite.17114d90.png") \9;
  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 -3136px;
  height: 32px;
  width: 24px;
  display: block; }
  .body-cms-preview .back-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .body-cms-preview .back-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.forward-icon {
  background-image: url("/static/1/images/vsprite_x2.34614087.png");
  background-image: url("/static/1/images/vsprite.17114d90.png") \9;
  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 -2336px;
  height: 32px;
  width: 24px;
  display: block; }
  .body-cms-preview .forward-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .body-cms-preview .forward-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.share-icon {
  background-image: url("/static/1/images/vsprite_x2.34614087.png");
  background-image: url("/static/1/images/vsprite.17114d90.png") \9;
  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: -68px -224px;
  height: 32px;
  width: 24px;
  display: block; }
  .body-cms-preview .share-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .body-cms-preview .share-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.link-accordion-icon {
  padding-left: 34px;
  position: relative; }
  .link-accordion-icon: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: -32px -672px;
    content: "";
    position: absolute;
    top: 50%;
    left: 4px;
    margin-top: -16px; }
    .body-cms-preview .link-accordion-icon:after {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .link-accordion-icon.link-accordion-expanded:after {
    background-position: -32px -608px; }
  .link-accordion-icon.link-accordion-icon-right {
    padding-left: 0; }
    .link-accordion-icon.link-accordion-icon-right:after {
      right: -30px;
      left: auto; }

.throbber-blue, #first-last-summary.loading:after {
  width: 64px;
  height: 64px;
  background-image: url("/static/1/images/throbber-blue-large.gif");
  background-size: 64px 64px;
  background-position: 0 0; }

.throbber-blue-bg-blue {
  width: 64px;
  height: 64px;
  background-image: url("/static/1/images/throbber-blue-large-bgblue.gif");
  background-size: 64px 64px;
  background-position: 0 0;
  display: block;
  margin: 0 auto; }

.throbber-blue-small, .selector.downloading:after, .twitter-typeahead.downloading:not(.geocoded):after, .document-download-wrap.downloading .document-download-icon {
  width: 32px;
  height: 32px;
  background-image: url("/static/1/images/throbber-blue-small.gif");
  background-size: 32px 32px;
  background-position: 0px 0px; }

[class*=roundel-icon] {
  width: 60px;
  height: 50px;
  display: block;
  background-size: 100% 100%;
  background-repeat: no-repeat; }

.roundel-icon-bch {
  width: 164px;
  background-image: url("/static/1/images/roundels/CH.png"); }

.roundel-icon-bus, #ssp-roundel .mypage.mode-bus:after, .headline-container.mode-bus:after {
  background-image: url("/static/1/images/roundels/Buses.png"); }

.roundel-icon-shuttlebus, #ssp-roundel .mypage.mode-bus.shuttlebus:after, .headline-container.mode-bus.shuttlebus:after {
  background-image: url("/static/1/images/roundels/shuttlebus-logo.png"); }

.roundel-icon-congestion {
  width: 50px;
  background-image: url("/static/1/images/roundels/CC.png"); }

.roundel-icon-coach, #ssp-roundel .mypage.mode-coach:after, .headline-container.mode-coach:after {
  background-image: url("/static/1/images/roundels/Coaches.png"); }

.roundel-icon-cycle, #ssp-roundel .mypage.mode-cycle:after, .headline-container.mode-cycle:after {
  background-image: url("/static/1/images/roundels/CH_8.png"); }
  .roundel-icon-cycle.full-000, #ssp-roundel .full-000.mypage.mode-cycle:after, .full-000.headline-container.mode-cycle:after {
    background-image: url("/static/1/images/roundels/CH_0.png"); }
  .roundel-icon-cycle.full-125, #ssp-roundel .full-125.mypage.mode-cycle:after, .full-125.headline-container.mode-cycle:after {
    background-image: url("/static/1/images/roundels/CH_1.png"); }
  .roundel-icon-cycle.full-250, #ssp-roundel .full-250.mypage.mode-cycle:after, .full-250.headline-container.mode-cycle:after {
    background-image: url("/static/1/images/roundels/CH_2.png"); }
  .roundel-icon-cycle.full-375, #ssp-roundel .full-375.mypage.mode-cycle:after, .full-375.headline-container.mode-cycle:after {
    background-image: url("/static/1/images/roundels/CH_3.png"); }
  .roundel-icon-cycle.full-500, #ssp-roundel .full-500.mypage.mode-cycle:after, .full-500.headline-container.mode-cycle:after {
    background-image: url("/static/1/images/roundels/CH_4.png"); }
  .roundel-icon-cycle.full-625, #ssp-roundel .full-625.mypage.mode-cycle:after, .full-625.headline-container.mode-cycle:after {
    background-image: url("/static/1/images/roundels/CH_5.png"); }
  .roundel-icon-cycle.full-750, #ssp-roundel .full-750.mypage.mode-cycle:after, .full-750.headline-container.mode-cycle:after {
    background-image: url("/static/1/images/roundels/CH_6.png"); }
  .roundel-icon-cycle.full-875, #ssp-roundel .full-875.mypage.mode-cycle:after, .full-875.headline-container.mode-cycle:after {
    background-image: url("/static/1/images/roundels/CH_7.png"); }

.roundel-icon-dial-a-ride {
  background-image: url("/static/1/images/roundels/DialARide.png"); }

.roundel-icon-dlr, #ssp-roundel .mypage.mode-dlr:after, .headline-container.mode-dlr:after {
  background-image: url("/static/1/images/roundels/DLR.png"); }

.roundel-icon-cable-car {
  width: 161px;
  height: 68px;
  background-image: url("/static/1/images/roundels/EAL.png"); }

.roundel-icon-lez {
  height: 48px;
  width: 48px;
  background-image: url("/static/1/images/roundels/LEZ.png"); }

.roundel-icon-overground, #ssp-roundel .mypage.mode-overground:after, .headline-container.mode-overground:after {
  background-image: url("/static/1/images/roundels/Overground.png"); }

.roundel-icon-river-bus, #ssp-roundel .mypage.mode-river-bus:after, .headline-container.mode-river-bus:after {
  background-image: url("/static/1/images/roundels/River.png"); }

.roundel-icon-roads {
  background-image: url("/static/1/images/roundels/Roads.png"); }

.roundel-icon-taxi {
  background-image: url("/static/1/images/roundels/Taxi.png"); }

.roundel-icon-tfl {
  background-image: url("/static/1/images/roundels/TfL.png"); }

.roundel-icon-tram, #ssp-roundel .mypage.mode-tram:after, .headline-container.mode-tram:after {
  background-image: url("/static/1/images/roundels/Tram.png"); }

.roundel-icon-tube, #ssp-roundel .mypage.mode-tube:after, .headline-container.mode-tube:after {
  background-image: url("/static/1/images/roundels/Tube.png"); }

.roundel-icon-elizabeth-line, #ssp-roundel .mypage.mode-elizabeth-line:after, #ssp-roundel .mypage.mode-elizabeth:after, .headline-container.mode-elizabeth-line:after, .headline-container.mode-elizabeth:after, .roundel-icon-elizabeth {
  background-image: url("/static/1/images/roundels/ElizabethLine.png"); }

.no-letter:after {
  content: "";
  position: absolute;
  display: block;
  top: 1px;
  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: -1px -418px;
  height: 27px;
  width: 29px; }
  .body-cms-preview .no-letter:after {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.circle-icon {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  border-radius: 50%;
  text-transform: uppercase;
  position: relative;
  z-index: 3;
  color: #fff;
  height: 32px;
  min-width: 30px;
  line-height: 32px;
  text-align: center;
  padding-top: 2px;
  font-size: 12px;
  font-weight: bold;
  padding: 0px 4px;
  overflow: hidden;
  border-radius: 0;
  margin-left: -1px; }
  .circle-icon:after {
    content: "";
    position: absolute;
    display: block;
    border-radius: 24px;
    height: 24px;
    left: 2px;
    right: 2px;
    z-index: -1;
    top: 3px;
    border-bottom: 2px solid #ccc; }
  .circle-icon.red:after {
    background-color: #c33; }
  .circle-icon.shuttlebus-blue:after {
    background-color: #0019A8; }
  .circle-icon.no-letter {
    width: 31px; }
    .circle-icon.no-letter:after {
      height: 27px; }

.disrupted .circle-icon: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 -1344px;
  top: 9px;
  right: -10px; }
  .body-cms-preview .disrupted .circle-icon:before {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.artGallery-icon {
  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 -2848px; }
  .body-cms-preview .artGallery-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.embassy-icon {
  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 -2848px; }
  .body-cms-preview .embassy-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.hospital-icon {
  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 -2848px; }
  .body-cms-preview .hospital-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.hotel-icon {
  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 -2880px; }
  .body-cms-preview .hotel-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.museum-icon {
  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 -2880px; }
  .body-cms-preview .museum-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.park-icon {
  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 -2880px; }
  .body-cms-preview .park-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.policeStation-icon {
  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 -2912px; }
  .body-cms-preview .policeStation-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.school-icon {
  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 -2912px; }
  .body-cms-preview .school-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.stadium-icon {
  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 -2912px; }
  .body-cms-preview .stadium-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.university-icon {
  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 -2944px; }
  .body-cms-preview .university-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.zoo-icon {
  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 -2944px; }
  .body-cms-preview .zoo-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.landmark-icon {
  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 -2976px; }
  .body-cms-preview .landmark-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.generic-icon {
  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 -2976px; }
  .body-cms-preview .generic-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.generic-icon-white {
  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 -3296px; }
  .body-cms-preview .generic-icon-white {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.shoppingCentre-icon {
  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 -2944px; }
  .body-cms-preview .shoppingCentre-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.map-view-icon {
  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 0px; }
  .body-cms-preview .map-view-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.super-highway-icon {
  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 -3264px; }
  .body-cms-preview .super-highway-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.quietway-icon {
  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 -3264px; }
  .body-cms-preview .quietway-icon {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.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: 100%;
  height: 44px; }
  .view-map-button .expand-map-icon {
    float: right;
    position: relative;
    top: -3px;
    left: 5px; }

/**************************************************
DROPDOWN
* Author: Rodrigo Lopes
* Created: 19/02/2013
* Modified by:
* Modified date:
* Pattern library URL: http://
**************************************************/
.primary-dropdown-ico {
  position: relative;
  padding-right: 28px !important; }
  .primary-dropdown-ico:after {
    background-image: url("/static/1/images/vsprite_x2.34614087.png");
    background-image: url("/static/1/images/vsprite.17114d90.png") \9;
    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 -672px;
    height: 22px;
    width: 28px;
    display: block;
    content: "";
    position: absolute;
    right: 3px;
    top: 3px; }
    .body-cms-preview .primary-dropdown-ico:after {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .body-cms-preview .primary-dropdown-ico:after {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }

.message-bar-style-1 {
  background-color: #1F2025;
  color: #fff;
  padding: 6px 0;
  font-size: 80%;
  padding-right: 9px;
  *zoom: 1; }
  .message-bar-style-1:before, .message-bar-style-1:after {
    content: " ";
    display: table; }
  .message-bar-style-1:after {
    clear: both; }
  .message-bar-style-1 img {
    float: right; }

.to-caps {
  text-transform: uppercase;
  font-size: 18px;
  margin-bottom: 0; }

.video-player {
  width: 100%; }

.fallback-video-link-container .congestion-charge-evidence: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: -64px -2144px;
  bottom: auto;
  left: auto;
  right: auto;
  top: 8px; }
  .body-cms-preview .fallback-video-link-container .congestion-charge-evidence:after {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.fallback-video-link-container .congestion-charge-evidence:after {
  position: relative;
  display: inline-block; }

.field-validation-messages {
  list-style-type: none; }
  .field-validation-messages li {
    padding-right: 40px; }
  .field-validation-messages .close-icon {
    position: absolute;
    right: 10px;
    top: 5px;
    cursor: pointer; }

/* most specifics are in specific-small.scss, but this uses the icons-small above */
.cst .maps-container {
  position: relative; }
  .cst .maps-container .map-sliver-container {
    margin-left: 4.0707737675%;
    width: 47.9646131162%;
    float: left;
    height: 100px; }
    .cst .maps-container .map-sliver-container.tube-map-sliver #schematic-map {
      position: absolute;
      top: -930px;
      left: -1190px; }
    .cst .maps-container .map-sliver-container:first-child {
      margin-left: 0; }
    .cst .maps-container .map-sliver-container:last-child {
      margin-right: 0; }
    .cst .maps-container .map-sliver-container .map-sliver {
      height: 100px; }
  .cst .maps-container .nearby-map-panel {
    display: inline-block;
    width: 100%; }

.live-board-feed-item span.train-number {
  margin-right: 40px;
  float: left;
  width: 100%; }

.live-board-feed-item span.train-destination {
  width: 100%;
  margin-right: 5px;
  float: left;
  font-weight: bold; }

.live-board-feed-item span.train-current-state {
  width: 100%;
  margin-right: 12px;
  float: left; }

.live-board.bus .train-number.internal, .live-board.river-bus .train-number.internal {
  display: none; }

.cst-jp {
  margin-bottom: 20px; }
  .cst-jp .expanded .journey-planner-widget .basic-journey-options {
    background: #eee;
    margin-bottom: 0px; }
  .cst-jp .widget-heading {
    background: #1a5a92; }
    .cst-jp .widget-heading .controls {
      background-position: -32px -704px; }
    .cst-jp .widget-heading .widget-title {
      color: #fff; }
  .cst-jp .expandable-box .expanded .controls {
    background-position: -32px -736px; }

.cst-disabled:before {
  content: '';
  background: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 999;
  opacity: .7;
  font-size: 20px;
  text-align: center;
  vertical-align: top; }

.cst .live-board .internal {
  display: inline; }

.cst #plan-a-journey {
  z-index: 50; }
  .cst #plan-a-journey .extra-options {
    display: none; }
  .cst #plan-a-journey .default-options {
    display: block;
    padding: 15px;
    background: #f7f7f7;
    position: relative;
    margin: 10px 0; }
    .cst #plan-a-journey .default-options h3 {
      display: block;
      width: 80%; }
    .cst #plan-a-journey .default-options .change-options {
      position: absolute;
      top: 15px;
      right: 15px; }
    .cst #plan-a-journey .default-options ul.travel-pref {
      margin-bottom: 0;
      margin-left: 0; }
      .cst #plan-a-journey .default-options ul.travel-pref li {
        list-style: none; }
        .cst #plan-a-journey .default-options ul.travel-pref li span {
          font-weight: bold;
          margin-left: 5px; }

.cst #recent-journeys {
  background: #dbe5ee;
  padding: 15px 2.54% 10px 2.54%;
  margin-bottom: 0; }

.local-storage-loading {
  position: fixed;
  z-index: 16;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: #2d3039;
  padding: 20px; }
  .local-storage-loading span.taking-you-to {
    color: #fff;
    display: block;
    margin-bottom: 10px;
    font-size: 17px; }
  .local-storage-loading:after {
    content: '';
    top: 50%;
    left: 50%;
    margin: -16px 0 0 -16px;
    position: absolute; }

.ssp {
  min-height: 100px; }
  .ssp h1, .ssp h3 {
    padding-right: 138px; }

#ssp-roundel .mypage {
  position: absolute;
  right: 0;
  top: 0;
  /*&.mode-cable-car {
			padding-right: 77px;
			padding-top: 0;

			&:after {
				@extend .roundel-icon-cable-car;
				height: 50px;
				width: 78px;
			}

			.headline-info {
				padding-right: 128px;
			}
		}*/ }
  #ssp-roundel .mypage[class*="mode-"] {
    padding-right: 2.54%;
    right: 0;
    width: 64px;
    position: absolute; }
    #ssp-roundel .mypage[class*="mode-"]:after {
      content: "";
      display: block;
      right: 0;
      width: 44px;
      height: 40px;
      position: absolute;
      background-size: 100%;
      background-repeat: no-repeat; }
  #ssp-roundel .mypage.mode-cycle:after {
    height: 36px; }

#station-change {
  display: none;
  overflow: visible; }
  #station-change #close-change-station {
    width: 30px;
    height: 32px;
    margin-top: 9px;
    position: absolute;
    right: 4px;
    z-index: 250; }
  #station-change .fullscreen-stage-button .icon {
    left: -1px;
    top: -2px; }

#other-station-search {
  overflow: visible; }

#change-station {
  margin-top: 4px;
  float: right;
  margin-bottom: 12px;
  margin-right: 5px; }
  #change-station.not-visible {
    display: none;
    visibility: visible; }

#station-change #other-station-search {
  margin-bottom: 0px;
  margin-top: 4px; }
  #station-change #other-station-search form {
    margin-top: 18px; }
  #station-change #other-station-search h3 {
    padding-left: 6px;
    padding-top: 9px; }

#mode-navigation {
  border-top: 1px solid #cacaca; }
  #mode-navigation a.with-icon {
    display: inline-block;
    font-size: 0%;
    line-height: 10%;
    text-indent: -999px; }
    #mode-navigation a.with-icon.selected {
      background-color: #eeeeee; }
  #mode-navigation .mode-icon.tube-icon {
    background-position: 0 -1056px; }
  #mode-navigation .chevron {
    background-position: 0px -640px;
    margin-left: -12px;
    margin-right: -10px;
    display: inline-block; }
  #mode-navigation .platforms {
    display: inline-block; }
    #mode-navigation .platforms .mode-icon {
      background-position: 3px -835px;
      background-size: 76px auto;
      padding: 23px 10px 5px 5px; }
      #mode-navigation .platforms .mode-icon .line-icon {
        display: block;
        text-indent: -9999px;
        position: relative;
        color: white;
        height: 6px;
        width: 22px;
        top: 0px; }
      #mode-navigation .platforms .mode-icon.lines-2 .line-icon {
        height: 3px; }
      #mode-navigation .platforms .mode-icon.lines-3 .line-icon {
        height: 2px; }
      #mode-navigation .platforms .mode-icon.dlr-icon {
        background-size: 93px auto;
        background-position: 1px -1056px; }
      #mode-navigation .platforms .mode-icon.tube-icon {
        background-size: 93px auto;
        background-position: 1px -1026px; }
      #mode-navigation .platforms .mode-icon.overground-icon {
        background-position: -61px -1026px;
        background-size: 93px auto; }
  #mode-navigation .this-station {
    font-family: inherit;
    line-height: 30px;
    font-size: medium;
    padding-right: 10px; }

/* below added for PDF tube map */
.cst .maps-container a.link-button.link-button-tube-map, .cst .maps-container .link-button-tube-map.responsive-link-button {
  border-left: 0 none;
  border-right: 0 none;
  border-top: 0 none;
  border-bottom: 3px solid #ccc;
  height: 100px;
  background-image: url("/static/1/images/placeholder/tube_tab.jpg"); }

.cst .maps-container a.link-button.link-button-tube-map:after, .cst .maps-container .link-button-tube-map.responsive-link-button:after {
  /*background-image: url("/static/1/images/vsprite_x2.34614087.png");*/
  border: 1px solid #ccc;
  background-color: #fff;
  right: 8px;
  padding: 3px;
  top: 46%;
  background-position: -29px -61px; }

/*This pushed the buttons on the edit journey on results page out of alignment*/
.horizontal-toggle-buttons.leaving-or-arriving li:first-child {
  margin-right: 4%; }

.horizontal-toggle-buttons.leaving-or-arriving li {
  width: 48%;
  margin-bottom: 2.54%; }
  .horizontal-toggle-buttons.leaving-or-arriving li.selected {
    margin-top: 0;
    padding-bottom: 3px; }

#enhanced-header .cst-fares h2 {
  margin-bottom: 9px; }

#enhanced-header .cst-fares .news-teaser {
  margin-bottom: 5px; }

#enhanced-header .cst-fares .news-teaser {
  margin-bottom: 10px; }
  #enhanced-header .cst-fares .news-teaser .text-link {
    padding: 7px 15px 7px 7px; }
    #enhanced-header .cst-fares .news-teaser .text-link h2 {
      margin-bottom: 5px; }

/* modules - small - These modules depend upon sheets above */
/**************************************************
STOP LIST
* Author: Adrian Osmond
* Created: 21/08/2013
* Pattern library URL: //Google Drive\NWP\Front-end\Pattern library\Modules\M017-stop-list
**************************************************/
.stop-list, .timetable-route {
  margin-left: 0;
  list-style: none outside none; }
  .stop-list li, .timetable-route li {
    position: relative; }
    .stop-list li:nth-child(odd), .timetable-route li:nth-child(odd) {
      background-color: #f7f7f7; }
    .stop-list li.route-branch-heading, .timetable-route li.route-branch-heading, .stop-list li.route-branch-information, .timetable-route li.route-branch-information {
      background-color: #fff; }
    .full-results-container.cycling .stop-list li:nth-child(odd), .full-results-container.cycling .timetable-route li:nth-child(odd), .full-results-container.walking .stop-list li:nth-child(odd), .full-results-container.walking .timetable-route li:nth-child(odd) {
      background-color: #fff; }
  .stop-list .stop-link, .timetable-route .stop-link {
    display: block;
    padding: 10px 30px 10px 60px;
    color: #2d3039; }
  .stop-list a.stop-link, .timetable-route a.stop-link {
    width: 90%;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s; }
    .stop-list a.stop-link .route-star:focus, .timetable-route a.stop-link .route-star:focus, .stop-list a.stop-link .route-star:hover, .timetable-route a.stop-link .route-star:hover {
      cursor: pointer; }
    .stop-list a.stop-link .route-star-empty, .timetable-route a.stop-link .route-star-empty {
      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 -3328px;
      position: absolute;
      right: 10%;
      top: 50%;
      margin-top: -18px; }
      .body-cms-preview .stop-list a.stop-link .route-star-empty, .body-cms-preview .timetable-route a.stop-link .route-star-empty {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .stop-list a.stop-link .route-star-filled, .timetable-route a.stop-link .route-star-filled {
      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 -3264px;
      position: absolute;
      right: 10%;
      top: 50%;
      margin-top: -18px; }
      .body-cms-preview .stop-list a.stop-link .route-star-filled, .body-cms-preview .timetable-route a.stop-link .route-star-filled {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .stop-list a.stop-link:after, .timetable-route a.stop-link: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;
      position: absolute;
      right: 0;
      top: 50%;
      margin-top: -16px; }
      .body-cms-preview .stop-list a.stop-link:after, .body-cms-preview .timetable-route a.stop-link:after {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .stop-list a.stop-link.no-arrow:after, .timetable-route a.stop-link.no-arrow:after {
      display: none; }
    .stop-list a.stop-link:focus, .timetable-route a.stop-link:focus, .stop-list a.stop-link:hover, .timetable-route a.stop-link:hover {
      text-decoration: none;
      width: 90%; }
      .stop-list a.stop-link:focus:not(.no-arrow), .timetable-route a.stop-link:focus:not(.no-arrow), .stop-list a.stop-link:hover:not(.no-arrow), .timetable-route a.stop-link:hover:not(.no-arrow) {
        background-color: #eff6fd; }
      .stop-list a.stop-link:focus.no-arrow, .timetable-route a.stop-link:focus.no-arrow, .stop-list a.stop-link:hover.no-arrow, .timetable-route a.stop-link:hover.no-arrow {
        cursor: default; }
  .stop-list .lines, .timetable-route .lines {
    width: 44px; }
  .stop-list .stop-name, .timetable-route .stop-name {
    left: 32px;
    top: 50%;
    margin-top: -16px;
    width: 32px;
    position: absolute;
    height: 30px; }
    .stop-list .stop-name.mode-icon, .timetable-route .stop-name.mode-icon {
      float: none;
      margin-top: -16px;
      position: absolute;
      left: 32px; }
    .stop-list .stop-name.hail-and-ride, .timetable-route .stop-name.hail-and-ride {
      border: 4px solid #c33;
      background-color: transparent;
      width: 25px;
      height: 25px;
      margin-top: -12px; }
  .stop-list .time-and-mode, .timetable-route .time-and-mode {
    z-index: 2; }
    .stop-list .time-and-mode .stop-name, .timetable-route .time-and-mode .stop-name {
      top: auto;
      margin-top: 0;
      left: 30px; }
  .stop-list .with-continuation, .timetable-route .with-continuation {
    margin-bottom: 35px;
    background-color: #fff; }
    .stop-list .with-continuation:before, .timetable-route .with-continuation:before {
      content: "";
      position: absolute;
      margin-top: -2px;
      left: -18px;
      width: 40px;
      height: 40px;
      background-image: url("/static/1/images/bus-route_sprite_x2.png");
      background-image: url("/static/1/images/bus-route_sprite.png") \9;
      background-size: 80px 120px;
      background-position: 0 -80px;
      top: -8px;
      left: 10px; }
  .stop-list .route-branch-information.bus-split, .timetable-route .route-branch-information.bus-split {
    min-height: 60px; }

/**************************************************
	M021 - icon-list

* Author: Alex Faunt
* Created: 09/09/2013
* Pattern library URL: \Google Drive\NWP\Front-end\Pattern library\Modules\M021-icon-list

**************************************************/
.icon-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative; }
  .icon-list > li {
    width: 100%;
    padding: 0px 10px 0px 60px;
    line-height: 50px;
    height: 50px;
    position: relative;
    font-size: 14px;
    display: block;
    margin-bottom: 14px; }
    .icon-list > li:before, .icon-list > li:after {
      content: "";
      position: absolute;
      display: block; }
    .icon-list > li:before {
      width: 50px;
      height: 50px;
      left: 0;
      top: 0;
      background-color: #eee; }
    .icon-list > li > .i {
      top: 9px;
      left: 9px;
      position: absolute; }

/**************************************************
	M028 - live boards

* Author: Adrian Osmond
* Created: 05/09/2013
* Pattern library URL: \Google Drive\NWP\Front-end\Pattern library\Modules\M028-live-boards

**************************************************/
.live-board {
  margin: 0;
  color: #2d3039;
  /*
    .live-board-platform {
        position: absolute;
        top: 6px;
        right: 10px;
    }
    */ }
  .live-board li {
    list-style: none outside none; }
  .live-board .live-board-subheading {
    position: relative;
    padding: 8px 12px 4px 14px;
    margin-bottom: 0;
    background: #eee;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc; }
    .live-board .live-board-subheading:first-child {
      border-top: 0; }
  .live-board.updating .live-board-update {
    -webkit-animation: rotate 1.2s infinite reverse linear;
    -moz-animation: rotate 1.2s infinite reverse linear;
    animation: rotate 1.2s infinite reverse linear; }
  .live-board .internal {
    display: none; }
  .live-board .live-board-feed {
    margin: 0;
    counter-reset: item; }
  .live-board .live-board-feed-item {
    position: relative;
    padding: 8px 70px 8px 48px;
    border-top: 1px solid #ccc;
    min-height: 39px; }
    .live-board .live-board-feed-item:first-child {
      border-top: 0; }
  .live-board .live-board-route {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    min-width: 38px;
    height: 100%;
    font-weight: bold; }
    .live-board .live-board-route:before {
      counter-increment: item;
      content: counters(item, ".") " ";
      z-index: 5;
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      text-align: center;
      padding: 8px 0;
      color: inherit;
      font-weight: inherit; }
  .live-board.bus .live-board-feed-item {
    padding-left: 60px; }
  .live-board.bus .live-board-route {
    text-align: center;
    padding: 8px 0;
    background-color: #c33;
    color: #fff; }
    .live-board.bus .live-board-route:before {
      display: none; }
  .live-board.bus.shuttlebus .live-board-route {
    background-color: #0019A8; }
  .live-board .live-board-stops-en-route {
    display: block;
    color: #767676; }
  .live-board .live-board-eta {
    position: absolute;
    top: 10px;
    right: 10px;
    font-weight: bold; }
  .live-board .live-board-link {
    position: relative;
    display: block;
    padding: 7px 10px 10px 48px;
    color: #2070b0;
    background: #fff;
    border-top: 1px solid #ccc; }
    .live-board .live-board-link .down-icon-blue {
      background-image: none;
      width: 38px;
      height: 100%;
      background-color: #eee;
      position: absolute;
      top: 0;
      left: 0; }
      .live-board .live-board-link .down-icon-blue:after {
        content: "";
        position: absolute;
        left: 3px;
        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;
        background-position: -64px -704px; }
        .body-cms-preview .live-board .live-board-link .down-icon-blue:after {
          background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .live-board .live-board-link.hidden {
      display: none; }
  .live-board .live-board-subboard {
    border-top: 1px solid #ccc; }
    .live-board .live-board-subboard:first-child {
      border-top: 0px none; }
    .live-board .live-board-subboard .paginate-hidden {
      display: none; }
    .live-board .live-board-subboard.expanded .paginate-hidden {
      display: block; }
    .live-board .live-board-subboard.expanded .live-board-feed-item.hidden {
      display: none; }
    .live-board .live-board-subboard.expanded .live-board-link {
      display: none; }

/**************************************************
	M029 - nearby-list

* Author: Adrian Osmond
* Created: 09/09/2013
* Pattern library URL: \Google Drive\NWP\Front-end\Pattern library\Modules\M029-nearby-list

**************************************************/
.nearby-list {
  list-style: none outside none;
  margin: 0 0 20px;
  overflow: hidden;
  border-bottom: 1px solid #ccc; }
  .nearby-list .nearby-list-result {
    position: relative;
    border-top: 1px solid #ccc;
    background-color: #fff; }
    .nearby-list .nearby-list-result:last-child .expandable-information .nearby-list-result:last-child {
      border-bottom: 0; }
    .nearby-list .nearby-list-result:nth-child(even) > .expanded-result-details > a > .nearby-mode-information, .nearby-list .nearby-list-result:nth-child(even) > div > .nearby-mode-information {
      background-color: #f7f7f7; }
    .nearby-list .nearby-list-result.bch {
      min-height: 90px; }
      .breakpoint-Small:not(.breakpoint-Large) .nearby-list .nearby-list-result.bch > .expanded-result-details > a, .breakpoint-Small:not(.breakpoint-Large) .nearby-list .nearby-list-result.bch > div {
        cursor: default; }
        .breakpoint-Small:not(.breakpoint-Large) .nearby-list .nearby-list-result.bch > .expanded-result-details > a:after, .breakpoint-Small:not(.breakpoint-Large) .nearby-list .nearby-list-result.bch > div:after {
          content: none; }
        .breakpoint-Small:not(.breakpoint-Large) .nearby-list .nearby-list-result.bch > .expanded-result-details > a:hover, .breakpoint-Small:not(.breakpoint-Large) .nearby-list .nearby-list-result.bch > .expanded-result-details > a:focus, .breakpoint-Small:not(.breakpoint-Large) .nearby-list .nearby-list-result.bch > div:hover, .breakpoint-Small:not(.breakpoint-Large) .nearby-list .nearby-list-result.bch > div:focus {
          background-color: transparent; }
  .nearby-list .expandable-information:nth-child(even) .show-more .nearby-mode-information {
    background-color: #f7f7f7; }
  .nearby-list .expanded-result-details > a, .nearby-list .expanded-result-details > div {
    padding: 10px 0;
    color: #2d3039; }
    .nearby-list .expanded-result-details > a:hover, .nearby-list .expanded-result-details > a:focus, .nearby-list .expanded-result-details > div:hover, .nearby-list .expanded-result-details > div:focus {
      text-decoration: none; }
    .nearby-list .expanded-result-details > a:after, .nearby-list .expanded-result-details > div:after {
      content: "";
      position: absolute;
      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;
      background-position: 0px -640px;
      height: 32px;
      width: 32px;
      display: block; }
      .body-cms-preview .nearby-list .expanded-result-details > a:after, .body-cms-preview .nearby-list .expanded-result-details > div:after {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .nearby-list [data-mode-count='2'] > .expanded-result-details > a, .nearby-list [data-mode-count='2'] > .expanded-result-details > div {
    min-height: 80px; }
  .nearby-list [data-mode-count='3'] > .expanded-result-details > a, .nearby-list [data-mode-count='3'] > .expanded-result-details > div {
    min-height: 105px; }
  .nearby-list [data-mode-count='4'] > .expanded-result-details > a, .nearby-list [data-mode-count='4'] > .expanded-result-details > div {
    min-height: 130px; }
  .nearby-list [data-mode-count='5'] > .expanded-result-details > a, .nearby-list [data-mode-count='5'] > .expanded-result-details > div {
    min-height: 155px; }
  .nearby-list .nearby-mode-information {
    width: 35px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #eee; }
  .nearby-list .bus-route {
    display: inline-block;
    margin-right: 10px;
    line-height: 100%; }
  .nearby-list a {
    display: block;
    position: relative;
    min-height: 40px;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s; }
    .nearby-list a:hover, .nearby-list a:focus {
      background-color: #eff6fd; }
  .nearby-list div {
    position: relative; }
  .nearby-list .nearby-mode-details {
    padding: 0 35px 0 45px; }
    .nearby-list .nearby-mode-details > span:last-child, .nearby-list .nearby-mode-details > div:last-child {
      padding-bottom: 0;
      margin-bottom: 5px; }
    .nearby-list .nearby-mode-details .towards-text {
      color: #666; }
  .nearby-list .show-more {
    display: block;
    background-color: #fff;
    padding: 10px 35px 10px 45px; }
    .nearby-list .show-more:hover, .nearby-list .show-more:focus {
      -webkit-transition: margin-top 0.3s, background-color 0s;
      -moz-transition: margin-top 0.3s, background-color 0s;
      transition: margin-top 0.3s, background-color 0s; }
    .nearby-list .show-more.expanded {
      margin-top: 0 !important; }
      .nearby-list .show-more.expanded .nearby-mode-information:after {
        border-width: 0 5px 5px 5px;
        border-color: transparent transparent #113b92 transparent; }
    .nearby-list .show-more .nearby-mode-information:after {
      content: "";
      display: block;
      position: absolute;
      top: 17px;
      left: 12px;
      width: 0px;
      height: 0px;
      border-style: solid;
      border-width: 5px 5px 0 5px;
      border-color: #113b92 transparent transparent transparent; }
    .nearby-list .show-more .nearby-mode-details {
      padding: 0;
      line-height: 20px; }
    .nearby-list .show-more.hidden {
      display: none; }
  .nearby-list .nearby-list-heading {
    display: block;
    padding-bottom: 5px;
    font-weight: bold; }
  .nearby-list .nearby-list-information {
    display: block;
    position: relative;
    line-height: 100%;
    padding-bottom: 10px; }
  @media (min-resolution: 2dppx) {
    .nearby-list .nearby-list-information {
      display: flex;
      flex-direction: column; }
    .nearby-list .nearby-list-information span {
      display: block;
      position: relative; } }
  .nearby-list ul.nearby-list-information {
    margin-left: 0; }
  .nearby-list .hidden-information > .expanded-result-details > a, .nearby-list .hidden-information > .expanded-result-details > div {
    min-height: 65px; }
    .nearby-list .hidden-information > .expanded-result-details > a .nearby-mode-information:after, .nearby-list .hidden-information > .expanded-result-details > div .nearby-mode-information:after {
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      width: 35px;
      height: 24px;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAGCAYAAABJuCfcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDNTE5NjI2NTEyNDcxMUUzQkEwOEE4M0NCOUJCNTM1RiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNTE5NjI2NjEyNDcxMUUzQkEwOEE4M0NCOUJCNTM1RiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM1MTk2MjYzMTI0NzExRTNCQTA4QTgzQ0I5QkI1MzVGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkM1MTk2MjY0MTI0NzExRTNCQTA4QTgzQ0I5QkI1MzVGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+o0RQtgAAAFVJREFUeNpi/Pr1azM3N3c7wwADoDsqmbi4uGpAjIF2CMgdTCDOQDoI5hAQmwUmCBT49////2+MjIx0cwjQPhD1D1kABBpBEgOIQfbDGQyDADcCBBgAfqj1cdeFneQAAAAASUVORK5CYII=); }
  .nearby-list .expandable-information > a {
    border-top: 1px dotted #ccc; }
  .nearby-list .hidden-results {
    list-style: none outside none;
    margin: 0; }
    .nearby-list .hidden-results .nearby-list-result {
      border-bottom: 0;
      border-top: 1px dotted #ccc; }
  .nearby-list .bch-dock-bar-blue {
    display: block;
    position: relative;
    height: 10px;
    margin-bottom: 5px;
    border: 1px solid #1a5a92;
    background-color: #eee; }
    .nearby-list .bch-dock-bar-blue:after {
      content: "";
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      width: 0;
      height: 100%;
      background-color: #1a5a92; }
    .nearby-list .bch-dock-bar-blue.full-125:after {
      width: 12.5%; }
    .nearby-list .bch-dock-bar-blue.full-250:after {
      width: 25%; }
    .nearby-list .bch-dock-bar-blue.full-375:after {
      width: 37.5%; }
    .nearby-list .bch-dock-bar-blue.full-500:after {
      width: 50%; }
    .nearby-list .bch-dock-bar-blue.full-625:after {
      width: 62.5%; }
    .nearby-list .bch-dock-bar-blue.full-750:after {
      width: 75%; }
    .nearby-list .bch-dock-bar-blue.full-875:after {
      width: 87.5%; }
    .nearby-list .bch-dock-bar-blue.full-1000:after {
      width: 100%; }
  .nearby-list .bch-dock-bar {
    display: block;
    position: relative;
    height: 10px;
    margin-bottom: 5px;
    border: 1px solid #ec0000;
    background-color: #eee; }
    .nearby-list .bch-dock-bar:after {
      content: "";
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      width: 0;
      height: 100%;
      background-color: #ec0000; }
    .nearby-list .bch-dock-bar.full-125:after {
      width: 12.5%; }
    .nearby-list .bch-dock-bar.full-250:after {
      width: 25%; }
    .nearby-list .bch-dock-bar.full-375:after {
      width: 37.5%; }
    .nearby-list .bch-dock-bar.full-500:after {
      width: 50%; }
    .nearby-list .bch-dock-bar.full-625:after {
      width: 62.5%; }
    .nearby-list .bch-dock-bar.full-750:after {
      width: 75%; }
    .nearby-list .bch-dock-bar.full-875:after {
      width: 87.5%; }
    .nearby-list .bch-dock-bar.full-1000:after {
      width: 100%; }
  .nearby-list .bch-bike-spaces {
    position: absolute;
    right: 0;
    top: 0; }
  .nearby-list .line-container {
    display: block;
    position: relative;
    padding-left: 20px;
    margin-bottom: 1px; }
  .nearby-list .line {
    display: block;
    position: absolute;
    width: 10px;
    height: 100%;
    top: 0;
    left: 0; }
  .nearby-list .mode-icon {
    position: absolute;
    top: 5px;
    left: 2px; }
  .nearby-list .multi-modal-station {
    display: block;
    position: relative;
    width: 32px;
    margin: 2px 0 0 2px;
    background-color: #fff;
    border-radius: 15px;
    padding: 5px 0;
    box-shadow: 0 3px 0 0 #ccc;
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    -o-transform: scale(0.85);
    transform: scale(0.85); }
    .nearby-list .multi-modal-station .mode-icon {
      float: left;
      position: static;
      padding-top: 0;
      margin-top: -2px;
      margin-bottom: -2px; }
      .nearby-list .multi-modal-station .mode-icon.tube-station-icon {
        background-position: 0px -1056px; }
      .nearby-list .multi-modal-station .mode-icon.national-rail-station-icon {
        background-position: 0px -352px; }
      .nearby-list .multi-modal-station .mode-icon.dlr-station-icon, .nearby-list .multi-modal-station .mode-icon.docklands-station-icon, .nearby-list .multi-modal-station .mode-icon.docklands-light-railway-station-icon {
        background-position: 0px -1088px; }
      .nearby-list .multi-modal-station .mode-icon.tram-station-icon {
        background-position: -32px -1120px; }
      .nearby-list .multi-modal-station .mode-icon.overground-station-icon {
        background-position: -64px -1056px; }
      .nearby-list .multi-modal-station .mode-icon.elizabeth-line-station-icon, .nearby-list .multi-modal-station .mode-icon.elizabeth-station-icon {
        background-position: 0px -3744px; }
      .nearby-list .multi-modal-station .mode-icon.river-bus-station-icon {
        background-position: 0px -384px; }
      .nearby-list .multi-modal-station .mode-icon.coach-station-icon {
        background-position: 0px -1120px; }
      .nearby-list .multi-modal-station .mode-icon.disrupted:before {
        content: "";
        display: block;
        position: relative;
        top: 6px;
        left: 7px;
        -webkit-transform: scale(1.17647);
        -moz-transform: scale(1.17647);
        -ms-transform: scale(1.17647);
        -o-transform: scale(1.17647);
        transform: scale(1.17647);
        background-image: url("/static/1/images/vsprite_x2.34614087.png");
        background-image: url("/static/1/images/vsprite.17114d90.png") \9;
        background-size: 96px 3776px;
        background-position: -32px -1344px;
        height: 32px;
        width: 32px;
        display: block; }
        .body-cms-preview .nearby-list .multi-modal-station .mode-icon.disrupted:before {
          background-image: url("/static/1/images/vsprite.17114d90.png"); }
      .nearby-list .multi-modal-station .mode-icon:last-child:after {
        content: "";
        display: block;
        position: absolute;
        bottom: -7px;
        left: 50%;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 7px 7px 0 7px;
        border-color: #ccc transparent transparent transparent;
        margin-left: -7px; }
    .nearby-list .multi-modal-station:before {
      content: "";
      display: block;
      position: absolute;
      bottom: -4px;
      left: 50%;
      width: 0px;
      height: 0px;
      border-style: solid;
      border-width: 5px 5px 0 5px;
      border-color: #fff transparent transparent transparent;
      margin-left: -5px;
      z-index: 1; }
  .nearby-list .small-disrupted-icon {
    display: inline-block;
    width: 10px;
    height: 20px;
    background-position: -43px -1350px; }

/**************************************************
	C1 Accordion

* Author: Steven Swinbank
* Created: 23/04/2013
* Pattern library URL: https://tflonline.atlassian.net/wiki/display/NWP/C22+-+Video+gallery

**************************************************/
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 20px; }

.video-container iframe,
.video-container object,
.video-container embed {
  padding: 5px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.video-gallery-wrapper .video-gallery {
  padding-bottom: 15px;
  background: #eee; }
  .video-gallery-wrapper .video-gallery .galleria-image-nav {
    display: none; }

.video-gallery-wrapper .video-thumbs .video-thumb img {
  max-width: 100%;
  height: auto; }

.video-gallery-wrapper .video-thumbs .video-thumb.selected .video-caption {
  color: #000;
  width: 100%; }

.video-gallery-wrapper .video-thumbs .video-thumb.selected span {
  background: #ccc;
  color: #000; }

.video-gallery-wrapper .video-thumbs .video-thumb:nth-child(3n+3) {
  margin-right: 0; }

.video-gallery-wrapper .video-thumbs .video-thumb:first-child {
  padding-left: 0; }

.video-gallery-wrapper .video-thumbs .video-thumb .video-caption {
  display: block;
  padding: 10px 10px 10px 10px;
  font-size: 10pt;
  float: left;
  color: #2070b0; }

.video-gallery-wrapper .video-thumbs .video-thumb > a:after {
  clear: both;
  display: block;
  content: ""; }

.video-gallery-wrapper .nbs-flexisel-inner {
  margin-bottom: 15px; }

@media only screen and (min-width: 580px) {
  .video-thumbs .video-thumb {
    max-width: 23.5%; }
    .video-thumbs .video-thumb:nth-child(4n+4) {
      margin-right: 0; } }

.video-gallery-title {
  padding: 5px 5px 5px 8px;
  font-size: 14pt; }

#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
  display: none; }

.nbs-flexisel-container {
  position: relative;
  max-width: 100%;
  *overflow: hidden; }

.nbs-flexisel-ul {
  position: relative;
  width: 9999px;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  text-align: left; }

.nbs-flexisel-inner {
  overflow: hidden;
  float: left;
  width: 100%;
  background: #eee;
  border-top: none; }

.nbs-flexisel-item {
  float: left;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
  position: relative;
  line-height: 0px; }

.nbs-flexisel-item img {
  max-width: 32%;
  padding: 1px;
  float: left; }

/*** Navigation ***/
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
  height: 40px;
  width: 40px;
  background: #fff;
  position: absolute;
  cursor: pointer;
  z-index: 1000; }

.nbs-flexisel-nav-left {
  left: 0; }
  .nbs-flexisel-nav-left:after {
    background-image: url("/static/1/images/vsprite_x2.34614087.png");
    background-image: url("/static/1/images/vsprite.17114d90.png") \9;
    background-size: 96px 3776px;
    background-position: 0px -576px;
    height: 32px;
    width: 32px;
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    content: ""; }
    .body-cms-preview .nbs-flexisel-nav-left:after {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }

.nbs-flexisel-nav-right {
  right: 0; }
  .nbs-flexisel-nav-right: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 -640px;
    height: 32px;
    width: 32px;
    display: block;
    position: absolute;
    top: 3px;
    right: 3px;
    content: ""; }
    .body-cms-preview .nbs-flexisel-nav-right:after {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }

/**************************************************
    M033-headline

* Author: Alex Faunt
* Created: 12/09/2013
* Pattern library URL: \Google Drive\NWP\Front-end\Pattern library\Modules\M033-headline

**************************************************/
.headline-container {
  margin: 20px 0 10px;
  padding: 5px 0;
  position: relative;
  /*&.mode-cable-car {
        padding-right: 128px;
        padding-top: 25px;

        &:after {
            @extend .roundel-icon-cable-car;
            height: 50px;
            width: 118px;
        }

        .headline-info {
            padding-right: 128px;
        }
    }*/ }
  .headline-container h1, .headline-container h2 {
    margin: 0; }
  .headline-container.plain {
    padding: 0;
    font-family: "Johnston100-Regular"; }
    .headline-container.plain h1 {
      font-family: "Johnston100-Regular"; }
  .headline-container.section-title {
    padding: 5px 0; }
  .headline-container.with-logo {
    padding-right: 135px; }
  .headline-container.with-tag {
    padding-left: 20px; }
    .headline-container.with-tag.bus {
      padding-left: 0;
      *zoom: 1; }
      .headline-container.with-tag.bus:before, .headline-container.with-tag.bus:after {
        content: " ";
        display: table; }
      .headline-container.with-tag.bus:after {
        clear: both; }
      .headline-container.with-tag.bus h1 {
        font-size: 28px;
        padding: 0; }
        .headline-container.with-tag.bus h1.route-direction {
          font-size: 28px;
          padding: 0; }
      .headline-container.with-tag.bus .route-number {
        float: left;
        margin-right: 20px;
        color: #fff;
        background-color: #c33;
        padding: 0 10px;
        font-size: 35px; }
      .headline-container.with-tag.bus .route-number.shuttlebus {
        background-color: #0019A8; }
      .headline-container.with-tag.bus .route-from, .headline-container.with-tag.bus .route-to {
        display: block; }
      .headline-container.with-tag.bus .route-details-container {
        float: left;
        width: 60%;
        margin-bottom: 10px; }
        .headline-container.with-tag.bus .route-details-container h1 {
          font-weight: bold; }
        .headline-container.with-tag.bus .route-details-container p {
          margin-bottom: 0px; }
    .headline-container.with-tag .tag {
      position: absolute;
      display: block;
      left: 0;
      bottom: 0;
      top: 0;
      width: 10px; }
      .headline-container.with-tag .tag.bus {
        background: transparent; }
    .headline-container.with-tag h1 {
      padding-top: 13px;
      padding-bottom: 8px; }
  .headline-container.content-page {
    border-bottom: 1px solid #cacaca;
    padding: 0;
    margin-bottom: 26px; }
    .headline-container.content-page h1 {
      word-wrap: break-word;
      text-decoration: none; }
      .headline-container.content-page h1 a {
        color: inherit;
        text-decoration: none;
        font-size: inherit;
        line-height: inherit; }
    .headline-container.content-page.routes-page {
      padding: 0px;
      margin-bottom: 20px;
      border-bottom: 0px; }
    .headline-container.content-page.ssp-page {
      margin-top: 15px;
      margin-bottom: 20px;
      padding: 0px;
      border-bottom: 0px; }
  .headline-container[class*="mode-"] {
    padding-right: 46px; }
    .headline-container[class*="mode-"]:after {
      content: "";
      display: block;
      position: absolute;
      right: 0;
      width: 36px;
      height: 30px;
      bottom: 10px;
      background-size: 100%;
      background-repeat: no-repeat; }
  .headline-container.mode-cycle:after {
    height: 36px; }
  .headline-container .headline-info {
    padding: 5px 0 10px 10px;
    position: relative;
    min-height: 40px;
    font-size: 16px; }
    .headline-container .headline-info.with-icon {
      padding-left: 35px; }
      .headline-container .headline-info.with-icon > span {
        position: absolute;
        display: block;
        left: 0;
        top: 0; }
      .headline-container .headline-info.with-icon > p {
        margin: 0;
        line-height: 16px;
        padding-top: 4px; }
  .with-favourite .headline-container {
    padding-bottom: 50px; }
    .with-favourite .headline-container:after {
      bottom: 60px; }
    .with-favourite .headline-container .favourite {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 10px;
      margin: 0; }
  .headline-container.nearby-page:after, .headline-container.maps-page:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    background-image: url("/static/1/images/homepage_sprite_x2.png");
    background-image: url("/static/1/images/homepage_sprite.png") \9;
    background-size: 96px 240px;
    background-position: 48px 48px;
    height: 48px;
    width: 48px;
    display: block; }
    .body-cms-preview .headline-container.nearby-page:after, .body-cms-preview .headline-container.maps-page:after {
      background-image: url("/static/1/images/homepage_sprite.png"); }
  .headline-container.maps-page:after {
    background-position: -48px -48px; }
  .headline-container.nearby-page:after {
    background-position: 0px -96px; }

#full-width-content .section-header {
  margin-bottom: 30px; }
  #full-width-content .section-header h2, #full-width-content .section-header h3 {
    border-bottom: 1px solid #cacaca;
    padding-bottom: 4px; }

/**************************************************
	M035-bus-options

* Author: Alex Faunt
* Created: 12/09/2013
* Pattern library URL: Google Drive\NWP\Front-end\Pattern library\Modules\M035-bus-options

**************************************************/
.bus-options {
  list-style-type: none;
  margin-left: 1px;
  margin-bottom: 15px; }
  .bus-options:after {
    content: "";
    display: block;
    clear: both; }
  .bus-options .bus-option {
    display: block;
    float: left;
    margin-left: -1px;
    margin-top: -1px; }
  .bus-options .bus-specific {
    font-size: 0;
    line-height: 0; }
  .bus-options.filter .bus-option {
    min-width: 50px;
    height: 50px;
    line-height: 48px;
    font-size: 20px;
    border-bottom: 3px solid #ccc;
    margin-bottom: 7px; }
    .bus-options.filter .bus-option .bus-specific {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1); }
    .bus-options.filter .bus-option.active {
      border-color: #c33; }
      .bus-options.filter .bus-option.active.shuttlebus {
        border-color: #0019A8; }
    .bus-options.filter .bus-option.shuttlebus {
      border-color: #0019A8; }

.bus-option {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  min-width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #1a5a92;
  position: relative;
  background: #fff; }
  .bus-option.active .bus-option-route-name {
    border-bottom: 0px; }
  .bus-option .bus-option-route-name {
    height: 100%;
    width: 100%;
    display: block;
    text-decoration: none;
    font: 20px johnston100-light;
    background-color: transparent;
    border: 1px solid #ccc;
    color: inherit;
    line-height: inherit;
    padding: 0 5px;
    cursor: pointer;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none; }
    .bus-option .bus-option-route-name:hover {
      background-color: #f2f2f2; }
  .bus-option .bus-specific {
    display: block;
    margin: 0;
    padding: 0;
    position: absolute;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9); }
  .bus-option.night-bus {
    background-color: #eff6fd; }
  .bus-option.warning {
    background-color: #faf5e1; }
    .bus-option.warning:hover .bus-option-route-name, .bus-option.warning:focus .bus-option-route-name {
      background-color: #f6eecb; }
    .bus-option.warning .bus-specific {
      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 -1344px;
      bottom: -8px;
      right: -7px; }
      .body-cms-preview .bus-option.warning .bus-specific {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .bus-option.non-stop .bus-specific {
    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 -1344px;
    top: -9px;
    left: 50%;
    margin-left: -17px; }
    .body-cms-preview .bus-option.non-stop .bus-specific {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .bus-option.active {
    background-color: #c33;
    color: #fff;
    position: relative;
    overflow: visible; }
    .bus-option.active:hover .bus-option-route-name, .bus-option.active:focus .bus-option-route-name {
      background-color: #b82e2e; }
    .bus-option.active:after {
      content: "";
      display: block;
      position: absolute;
      border-color: #c33 transparent transparent;
      border-width: 8px;
      border-style: solid;
      top: 100%;
      left: 50%;
      margin-left: -8px; }
    .bus-option.active.shuttlebus {
      background-color: #0019A8; }
      .bus-option.active.shuttlebus:hover .bus-option-route-name, .bus-option.active.shuttlebus:focus .bus-option-route-name {
        background-color: #00158f; }
      .bus-option.active.shuttlebus:after {
        border-color: #0019A8 transparent transparent; }
  .bus-option.shuttlebus.active {
    background-color: #0019A8; }
    .bus-option.shuttlebus.active:hover .bus-option-route-name, .bus-option.shuttlebus.active:focus .bus-option-route-name {
      background-color: #00158f; }
    .bus-option.shuttlebus.active:after {
      border-color: #0019A8 transparent transparent; }

/**************************************************
	C10 Document download

* Author: 
* Created: 
* Pattern library URL: https://tflonline.atlassian.net/wiki/display/NWP/C10+-+Document+download

**************************************************/
.document-download-wrap {
  position: relative;
  padding: 10px 40px 10px 10px;
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
  border: solid 1px #a8a8a8;
  border-bottom: solid 4px #ccc;
  background-color: #fff;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s; }
  .document-download-wrap:hover, .document-download-wrap:focus {
    text-decoration: none;
    background-color: #eff6fd; }
  .document-download-wrap .document-download-text {
    width: 100%; }
    .document-download-wrap .document-download-text p {
      margin-bottom: 0;
      color: #2070b6; }
  .document-download-wrap .document-download-attachment {
    width: 100%; }
    .document-download-wrap .document-download-attachment p {
      margin-bottom: 0;
      color: #676767; }
  .document-download-wrap .document-download-icon {
    width: 32px;
    height: 32px;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -16px; }
  .document-download-wrap .download-doc {
    background-image: url("/static/1/images/vsprite_x2.34614087.png");
    background-image: url("/static/1/images/vsprite.17114d90.png") \9;
    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 -192px;
    height: 32px;
    width: 32px;
    display: block; }
    .body-cms-preview .document-download-wrap .download-doc {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .body-cms-preview .document-download-wrap .download-doc {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .document-download-wrap .download-image {
    background-image: url("/static/1/images/vsprite_x2.34614087.png");
    background-image: url("/static/1/images/vsprite.17114d90.png") \9;
    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 -96px;
    height: 32px;
    width: 32px;
    display: block; }
    .body-cms-preview .document-download-wrap .download-image {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .body-cms-preview .document-download-wrap .download-image {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .document-download-wrap .download-spread {
    background-image: url("/static/1/images/vsprite_x2.34614087.png");
    background-image: url("/static/1/images/vsprite.17114d90.png") \9;
    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 -160px;
    height: 32px;
    width: 32px;
    display: block; }
    .body-cms-preview .document-download-wrap .download-spread {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .body-cms-preview .document-download-wrap .download-spread {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .document-download-wrap .download-zip {
    background-image: url("/static/1/images/vsprite_x2.34614087.png");
    background-image: url("/static/1/images/vsprite.17114d90.png") \9;
    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 -128px;
    height: 32px;
    width: 32px;
    display: block; }
    .body-cms-preview .document-download-wrap .download-zip {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .body-cms-preview .document-download-wrap .download-zip {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .document-download-wrap .download-audio {
    background-image: url("/static/1/images/vsprite_x2.34614087.png");
    background-image: url("/static/1/images/vsprite.17114d90.png") \9;
    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 -128px;
    height: 32px;
    width: 32px;
    display: block; }
    .body-cms-preview .document-download-wrap .download-audio {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .body-cms-preview .document-download-wrap .download-audio {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .document-download-wrap.with-image .document-download-text {
    padding-left: 100px; }
  .document-download-wrap.with-image .document-download-attachment {
    padding-left: 100px; }
  .document-download-wrap.with-image .document-download-image {
    position: absolute;
    left: 10px;
    top: 10px;
    overflow: hidden; }
    .document-download-wrap.with-image .document-download-image.portrait {
      height: 124px;
      width: 88px; }
    .document-download-wrap.with-image .document-download-image.landscape {
      width: 88px;
      height: 62px; }
  .document-download-wrap.portrait-download-image {
    min-height: 150px; }
  .document-download-wrap.landscape-download-image {
    min-height: 85px; }
    .document-download-wrap.landscape-download-image .document-download-text {
      padding-left: 105px; }
    .document-download-wrap.landscape-download-image .document-download-attachment {
      padding-left: 105px; }

/**************************************************
    M046-map-panel

* Author: Adrian Osmond
* Created: 07/10/2013
* Pattern library URL: Google Drive\NWP\Front-end\Pattern library\Modules\M046-map-panel

**************************************************/
.map-panel {
  background-color: #2d3039;
  color: #fff;
  position: relative;
  padding: 15px; }
  .showing-map-panel .map-panel {
    display: block; }
  .map-panel .close3-icon {
    position: absolute;
    top: 0;
    right: 10px;
    z-index: 10; }
  .map-panel .nearby-list-heading {
    display: block;
    font-size: 20px;
    padding-top: 3px;
    line-height: 26px; }
  .map-panel .nearby-mode-information {
    position: static;
    float: left;
    height: 35px;
    margin: -2px 5px 0 -2px; }
    .map-panel .nearby-mode-information .mode-icon {
      width: 31px;
      position: static;
      float: left; }
  .map-panel .nearby-mode-details {
    padding: 0 20px 3px 0px;
    margin-bottom: 15px; }
  .map-panel .mode-icon {
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding-top: 7px;
    text-align: center; }
  .map-panel .multi-modal-station .mode-icon {
    display: none; }
  .map-panel.loading {
    min-height: 80px; }
    .map-panel.loading:after {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -35px;
      margin-left: -35px; }
    .map-panel.loading > .map-panel-info {
      display: none; }
  .map-panel .map-panel-info > .link-button + .link-button {
    margin-top: -21px; }
  .map-panel .map-panel-info > .link-button:last-child {
    margin-bottom: 10px; }
  .map-panel .widget-wrapper {
    color: #333; }
  .map-panel .map-panel-heading {
    display: block;
    font-size: 20px;
    padding-top: 3px;
    line-height: 26px;
    position: relative;
    padding-left: 33px;
    padding-right: 20px; }
    .map-panel .map-panel-heading:after {
      content: "";
      display: block;
      position: absolute;
      left: -4px;
      top: 50%;
      margin-top: -16px;
      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 .map-panel .map-panel-heading:after {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .map-panel .map-panel-heading.Minimal:after {
      background-position: 0px -1376px; }
    .map-panel .map-panel-heading.Moderate:after {
      background-position: -32px -1376px; }
    .map-panel .map-panel-heading.Works:after {
      background-position: -32px -1376px; }
    .map-panel .map-panel-heading.Serious:after {
      background-position: -64px -1376px; }
    .map-panel .map-panel-heading.Severe:after {
      background-position: 0px -1408px; }
    .map-panel .map-panel-heading.jam-cam:after {
      background-position: -64px -2144px; }
    .map-panel .map-panel-heading.variable-message:after {
      background-position: -64px -2176px; }
    .map-panel .map-panel-heading.coach:after {
      background-position: 0px -1472px; }
    .map-panel .map-panel-heading.car-clubs:after {
      background-position: -32px -2592px; }
    .map-panel .map-panel-heading.mobile:after {
      background-position: -32px -2656px; }
    .map-panel .map-panel-heading.oyster-ticket-stop:after {
      background-position: -64px -2272px; }
  .map-panel .map-panel-subheading {
    font-weight: normal;
    padding-left: 33px;
    text-transform: capitalize; }
  .map-panel .map-panel-content {
    background-color: #fff;
    color: #2d3039;
    padding: 15px; }
    .map-panel .map-panel-content .description {
      margin-bottom: 15px; }
    .map-panel .map-panel-content .cost {
      padding-left: 32px;
      position: relative;
      min-height: 28px;
      vertical-align: middle; }
      .map-panel .map-panel-content .cost:before {
        content: "";
        background-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 -1728px;
        position: absolute;
        left: -5px;
        top: 50%;
        margin-top: -16px; }
        .body-cms-preview .map-panel .map-panel-content .cost:before {
          background-image: url("/static/1/images/vsprite.17114d90.png"); }
    .map-panel .map-panel-content > :last-child {
      margin-bottom: 0; }
  .map-panel .contact {
    background: #fff;
    padding: 10px 15px 10px 42px;
    color: #2d3039;
    position: relative;
    margin-top: 15px; }
    .map-panel .contact:before {
      content: "";
      background-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 -1216px;
      position: absolute;
      left: 7px;
      top: 50%;
      margin-top: -16px; }
      .body-cms-preview .map-panel .contact:before {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .map-panel .field-validation-information {
    color: #2d3039; }

#first-last-service h3 {
  font-size: 16px;
  font-family: 'Johnston100-Light';
  font-weight: 700; }

.live-arrivals-fav {
  color: #f7f7f7;
  font-size: 15px; }
  .live-arrivals-fav .favourite.active {
    background-color: inherit; }
    .live-arrivals-fav .favourite.active::after {
      height: 0px; }
  .live-arrivals-fav .live-arrivals-time {
    font-size: 24px;
    display: block;
    float: left;
    padding: 8px 0px 0px 0px;
    line-height: 1.5;
    font-family: 'Johnston100-Light';
    font-weight: normal;
    margin-bottom: 0; }
  .live-arrivals-fav .favourite-ssp {
    float: left;
    text-align: right;
    padding-top: 4px;
    margin-bottom: 14px;
    clear: both; }
    .live-arrivals-fav .favourite-ssp a {
      color: #f7f7f7; }
      .live-arrivals-fav .favourite-ssp a span {
        padding: 0px 0px 0px 35px;
        font-family: arial;
        vertical-align: baseline; }
    .live-arrivals-fav .favourite-ssp .favourite-ssp-inner {
      display: block;
      position: relative;
      padding-top: 3px;
      left: 0px;
      cursor: pointer; }
    .live-arrivals-fav .favourite-ssp .favourite-ssp-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: 0px -3136px;
      right: 100px;
      top: -3px; }
      .body-cms-preview .live-arrivals-fav .favourite-ssp .favourite-ssp-inner:before {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }

.station-details .live-arrivals-fav {
  color: #2d3039; }
  .station-details .live-arrivals-fav .favourite-ssp {
    float: left;
    text-align: right;
    margin-bottom: 14px;
    clear: both; }
    .station-details .live-arrivals-fav .favourite-ssp a {
      color: #2070B0; }
    .station-details .live-arrivals-fav .favourite-ssp .favourite-ssp-inner:before {
      background-position: -32px -3136px;
      top: -3px; }

.personalisation-active .favourite-ssp {
  display: block; }

.personalisation-inactive .favourite-ssp {
  display: none; }

.star-map-panel-info-icon-filled {
  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-size: 174px 6844px;
  background-position: -58px -6148px;
  height: 58px;
  width: 58px;
  display: block; }
  .body-cms-preview .star-map-panel-info-icon-filled {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.star-map-panel-info-icon-empty {
  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-size: 174px 6844px;
  background-position: -116px -6148px;
  height: 58px;
  width: 58px;
  display: block; }
  .body-cms-preview .star-map-panel-info-icon-empty {
    background-image: url("/static/1/images/vsprite.17114d90.png"); }

.align-half-up-down {
  top: -28px;
  position: absolute;
  right: 0;
  left: 73.6%;
  background: none;
  border: none;
  padding: 0;
  margin: 0; }

#map-view .favourite-ssp, .favourite-ssp-inner {
  float: left; }

/**************************************************
	M064 responsive button row
* Author: Alex Faunt
* Created: 25/09/2013
* Pattern library URL: Google Drive\NWP\Front-end\Pattern library\Modules\M064-responsive-button-row
**************************************************/
.responsive-button-row {
  margin: 0 0 20px -10px;
  position: relative;
  overflow: visible; }
  .responsive-button-row:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: " ";
    font-size: 0;
    float: none; }
  .responsive-button-row .rbr-button {
    padding-left: 10px;
    float: left;
    white-space: nowrap; }
    .responsive-button-row .rbr-button a {
      margin: 0; }
  .responsive-button-row .rbr-button, .responsive-button-row .rbr-group {
    top: 0; }
  .responsive-button-row .rbr-group {
    display: block;
    float: left; }
    .responsive-button-row .rbr-group:after {
      display: block;
      visibility: hidden;
      clear: both;
      height: 0;
      content: " ";
      font-size: 0;
      float: none; }
    .responsive-button-row .rbr-group .rbr-button {
      display: none; }
    .responsive-button-row .rbr-group .rbr-group-button {
      display: block; }
  .responsive-button-row.collapsed.opened {
    min-height: 121px; }
    .responsive-button-row.collapsed.opened .rbr-group-button > a {
      background-color: #464951;
      border-color: #464951;
      color: #fff; }
    .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button {
      display: block;
      padding: 20px 5px 23px;
      background-color: #464951;
      position: absolute;
      bottom: 0;
      width: auto;
      top: auto;
      text-transform: capitalize; }
      .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a {
        margin: 0; }
        .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.with-icon {
          display: block;
          padding-right: 32px; }
        .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a .secondary-journey-from-icon {
          background-position: -32px -1952px; }
        .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a .secondary-journey-to-icon {
          background-position: 0px -1952px; }
      .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button:last-child {
        padding-right: 10px;
        right: 0;
        left: 50%; }
    .responsive-button-row.collapsed.opened .rbr-group-button + div.rbr-button {
      padding-left: 10px;
      left: 10px;
      right: 50%; }
    .responsive-button-row.collapsed.opened .not-opened {
      display: none; }
  .responsive-button-row .plain-link.with-icon {
    padding-left: 32px; }
    .responsive-button-row .plain-link.with-icon .i {
      left: 0px; }

.inline-button-container {
  min-height: 3em;
  padding-bottom: 10px; }
  .inline-button-container .rbr-group-button .rbr-button:first-child {
    float: none; }
  .inline-button-container .rbr-group-button .rbr-button:last-child {
    float: none; }

@media screen and (min-width: 600px) {
  .inline-button-container .rbr-group-button .rbr-button {
    width: 48%; }
    .inline-button-container .rbr-group-button .rbr-button:first-child {
      float: left; }
    .inline-button-container .rbr-group-button .rbr-button:last-child {
      float: right; } }

/**************************************************
	M065-section-of-line
* Author: Andrew Spencer
* Created: 21/10/2013
* Pattern library URL:  
**************************************************/
.line-info-box {
  margin-bottom: 20px; }
  .line-info-box .content {
    border-bottom: 0px; }
    .line-info-box .content .always-visible .controls {
      display: block;
      right: 5px; }
    .line-info-box .content.expanded {
      border-bottom: 1px solid #ccc; }
  .line-info-box .accordion-heading {
    background-color: #eee;
    border: 0px;
    padding-right: 40px; }
    .line-info-box .accordion-heading .line-name {
      margin-left: 20px;
      font-size: 20px;
      margin-bottom: 0px; }
    .line-info-box .accordion-heading .line-section {
      margin-left: 20px;
      font-size: 15px;
      margin-bottom: 0px; }
    .line-info-box .accordion-heading.route .tag {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0px;
      width: 10px;
      z-index: 1;
      text-indent: -10000px; }
  .line-info-box .start-hidden {
    padding: 0px; }
    .line-info-box .start-hidden .stop-list, .line-info-box .start-hidden .timetable-route {
      margin-bottom: 0px; }
      .line-info-box .start-hidden .stop-list li .lines, .line-info-box .start-hidden .timetable-route li .lines {
        overflow: visible;
        left: -5px; }
        .line-info-box .start-hidden .stop-list li .lines span, .line-info-box .start-hidden .timetable-route li .lines span {
          width: 6px; }
          .line-info-box .start-hidden .stop-list li .lines span .interchange, .line-info-box .start-hidden .timetable-route li .lines span .interchange {
            height: 0px; }
            .line-info-box .start-hidden .stop-list li .lines span .interchange:before, .line-info-box .start-hidden .timetable-route li .lines span .interchange:before {
              width: 13px;
              height: 13px;
              background: white;
              right: -16px;
              bottom: -10px;
              position: absolute;
              -moz-border-radius: 20px;
              -webkit-border-radius: 20px;
              border-radius: 10px;
              border-color: black;
              border-style: solid;
              z-index: 2;
              content: ""; }
      .line-info-box .start-hidden .stop-list li .interchange-list, .line-info-box .start-hidden .timetable-route li .interchange-list {
        position: absolute;
        right: 35px;
        top: 5px; }
        .line-info-box .start-hidden .stop-list li .interchange-list div, .line-info-box .start-hidden .timetable-route li .interchange-list div {
          position: relative;
          float: left; }
      .line-info-box .start-hidden .stop-list li .stop-link, .line-info-box .start-hidden .timetable-route li .stop-link {
        padding-left: 40px;
        padding-right: 100px;
        -webkit-transition: background-color 0.3s;
        -moz-transition: background-color 0.3s;
        transition: background-color 0.3s; }
        .line-info-box .start-hidden .stop-list li .stop-link:hover, .line-info-box .start-hidden .timetable-route li .stop-link:hover, .line-info-box .start-hidden .stop-list li .stop-link:focus, .line-info-box .start-hidden .timetable-route li .stop-link:focus {
          text-decoration: none;
          background-color: #eff6fd; }
        .line-info-box .start-hidden .stop-list li .stop-link:after, .line-info-box .start-hidden .timetable-route li .stop-link:after {
          background-image: url("/static/1/images/vsprite_x2.34614087.png");
          background-image: url("/static/1/images/vsprite.17114d90.png") \9;
          background-size: 96px 3776px;
          background-position: 0px -640px;
          height: 32px;
          width: 32px;
          display: block;
          content: "";
          position: absolute;
          top: 50%;
          right: 10px;
          margin-top: -16px;
          margin-right: -10px; }
          .body-cms-preview .line-info-box .start-hidden .stop-list li .stop-link:after, .body-cms-preview .line-info-box .start-hidden .timetable-route li .stop-link:after {
            background-image: url("/static/1/images/vsprite.17114d90.png"); }
      .line-info-box .start-hidden .stop-list li:nth-child(even), .line-info-box .start-hidden .timetable-route li:nth-child(even) {
        background-color: #f7f7f7; }
      .line-info-box .start-hidden .stop-list li:nth-child(odd), .line-info-box .start-hidden .timetable-route li:nth-child(odd) {
        background-color: white; }
      .line-info-box .start-hidden .stop-list li:first-child .lines, .line-info-box .start-hidden .timetable-route li:first-child .lines {
        top: 0px; }
      .line-info-box .start-hidden .stop-list li:first-child .start-of-line, .line-info-box .start-hidden .timetable-route li:first-child .start-of-line {
        top: 18px; }
        .line-info-box .start-hidden .stop-list li:first-child .start-of-line .stop, .line-info-box .start-hidden .timetable-route li:first-child .start-of-line .stop {
          height: 6px;
          top: 3px; }
      .line-info-box .start-hidden .stop-list li:last-child .end-of-line, .line-info-box .start-hidden .timetable-route li:last-child .end-of-line {
        height: 25px; }
        .line-info-box .start-hidden .stop-list li:last-child .end-of-line .stop, .line-info-box .start-hidden .timetable-route li:last-child .end-of-line .stop {
          height: 6px;
          top: 22px; }
    .line-info-box .start-hidden .stop {
      margin-top: -3px;
      height: 6px;
      width: 8px; }

/**************************************************
	M070 timetable route
* Author: Alex Faunt
* Created: 19/11/2013
* Pattern library URL: Google Drive\NWP\Front-end\Pattern library\Modules\M070-timetable-route
**************************************************/
.timetable-route li:hover {
  z-index: 2; }

.timetable-route .lines {
  width: 60px;
  z-index: 2; }

.timetable-route a.stop-link {
  padding-left: 130px;
  padding-right: 30px; }
  .timetable-route a.stop-link .time {
    position: absolute;
    left: 70px;
    top: 50%;
    height: 20px;
    margin-top: -10px; }

.timetable-route .selected * {
  font-weight: bold; }
  .timetable-route .selected *.mode-icon {
    font-weight: normal; }

.timetable-route .interchanges {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  right: 10px;
  *zoom: 1; }
  .timetable-route .interchanges:before, .timetable-route .interchanges:after {
    content: " ";
    display: table; }
  .timetable-route .interchanges:after {
    clear: both; }
  .timetable-route .interchanges > span {
    float: left; }

.timetable-route .interchange-1 .stop-link {
  padding-right: 52px; }

.timetable-route .interchange-2 .stop-link {
  padding-right: 84px; }

.timetable-route .interchange-3 .stop-link {
  padding-right: 116px; }

.timetable-route .interchange-4 .stop-link {
  padding-right: 148px; }

.timetable-route .interchange-5 .stop-link {
  padding-right: 180px; }

.timetable-route.stop-selector .stop-link {
  padding-left: 65px;
  padding-right: 32px; }
  .timetable-route.stop-selector .stop-link:after {
    display: block; }

.timetable-route.stop-selector .stop-name {
  left: 14px; }

.timetable-route.stop-selector .interchanges {
  right: 32px; }

.timetable-route.stop-selector .interchange-1 .stop-link {
  padding-right: 74px; }

.timetable-route.stop-selector .interchange-2 .stop-link {
  padding-right: 106px; }

.timetable-route.stop-selector .interchange-3 .stop-link {
  padding-right: 138px; }

.timetable-route.stop-selector .interchange-4 .stop-link {
  padding-right: 170px; }

.timetable-route.stop-selector .interchange-5 .stop-link {
  padding-right: 202px; }

.timetable-route-title {
  padding: 10px;
  display: block; }

/**************************************************
	M040-select-bus

* Author: Alex Faunt
* Created: 12/09/2013
* Pattern library URL: \Google Drive\NWP\Front-end\Pattern library\Modules\M040-select-bus

**************************************************/
.map-options-panel {
  background-color: rgba(31, 32, 37, 0.9);
  color: #fff;
  padding: 15px; }
  .map-options-panel .map-options-panel-heading {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
    .map-options-panel .map-options-panel-heading .menu-icon-alt {
      display: inline-block;
      margin-left: -5px; }
    .map-options-panel .map-options-panel-heading .close3-icon {
      position: absolute;
      top: -5px;
      right: -10px;
      width: 32px;
      cursor: pointer; }
  .map-options-panel .map-panel-radio {
    position: absolute; }
    .map-options-panel .map-panel-radio:checked + .map-panel-radio-with-image {
      background-color: rgba(31, 32, 37, 0.9); }
      .map-options-panel .map-panel-radio:checked + .map-panel-radio-with-image:before {
        content: "";
        position: absolute;
        bottom: 3px;
        right: 3px; }
  .map-options-panel .map-panel-radio-with-image {
    color: #fff;
    position: relative;
    float: left;
    margin-right: 2px;
    padding: 66px 35px 10px 6px;
    width: 126px;
    cursor: pointer; }
    .map-options-panel .map-panel-radio-with-image input {
      opacity: 0;
      position: absolute;
      bottom: 3px;
      right: 3px; }
    .map-options-panel .map-panel-radio-with-image:after {
      content: none; }
    .map-options-panel .map-panel-radio-with-image:last-child {
      margin-right: 0; }
  .map-options-panel .map-panel-radio-image {
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    width: 120px;
    height: 50px; }
  .map-options-panel [for='coloured-disruptions'] .map-panel-radio-image {
    background-image: url("/static/1/images/coloured-disruptions.jpg"); }
  .map-options-panel [for='grey-disruptions'] .map-panel-radio-image {
    background-image: url("/static/1/images/grey-disruptions.jpg"); }

/**************************************************
    M040-select-bus

* Author: Alex Faunt
* Created: 08/01/2014
* Pattern library URL: \Google Drive\NWP\Front-end\Pattern library\Modules\M080-rainbow-list

**************************************************/
.rainbow-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  *zoom: 1;
  border-bottom: 1px solid #ccc; }
  .rainbow-list:before, .rainbow-list:after {
    content: " ";
    display: table; }
  .rainbow-list:after {
    clear: both; }
  .rainbow-list .rainbow-list-item {
    border-top: 1px solid #ccc;
    position: relative; }
    .rainbow-list .rainbow-list-item.expanded {
      position: relative;
      z-index: 3;
      border-top: 1px solid #a8a8a8;
      border-bottom: 1px solid #a8a8a8; }
      .rainbow-list .rainbow-list-item.expanded:last-child {
        margin-bottom: -1px; }
      .rainbow-list .rainbow-list-item.expanded + .rainbow-list-item {
        border-top: 0px none; }
      .rainbow-list .rainbow-list-item.expanded .rainbow-list-content {
        display: block; }
    .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name {
      background-color: #e1e1e1; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.cable-car, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.cable-car {
        background: #c6201c; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.bakerloo, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.bakerloo {
        background: #995500; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.central, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.central {
        background: #c6201c; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.circle, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.circle {
        background: #f0ba00; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.district, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.district {
        background: #006428; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.hammersmith, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.hammersmith-city, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.hammersmith, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.hammersmith-city {
        background: #f37194; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.jubilee, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.jubilee {
        background: #768087; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.metropolitan, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.metropolitan {
        background: #82004a; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.northern, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.northern {
        background: black; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.piccadilly, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.piccadilly {
        background: #00158f; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.victoria, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.victoria {
        background: #038acc; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.waterloo, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.waterloo {
        background: #63c9b4; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.overground, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.overground {
        background: #e16f05; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.liberty, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.liberty {
        background: #485257; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.mildmay, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.mildmay {
        background: #0056c7; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.weaver, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.weaver {
        background: #7d004d; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.windrush, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.windrush {
        background: #bd0404; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.lioness, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.lioness {
        background: #eb9100; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.suffragette, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.suffragette {
        background: #099447; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.elizabeth-line, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.elizabeth, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.elizabeth-line, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.elizabeth {
        background: #55328b; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.dlr, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.docklands, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.docklands-light-railway, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.dlr, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.docklands, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.docklands-light-railway {
        background: #009694; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.tram, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.tram {
        background: #54a022; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.tram1, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.tram1 {
        background: #b9cb27; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.tram2, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.tram2 {
        background: #b9cb27; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.tram3, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.tram3 {
        background: #6db038; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.tram4, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.tram4 {
        background: #295610; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-a316, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-a316 {
        background: #e96daf; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-a41, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-a41 {
        background: #793877; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-a40, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-a40 {
        background: #b9e600; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-a23, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-a23 {
        background: #40ff95; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-a21, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-a21 {
        background: #3b5470; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-a3, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-a3 {
        background: #508257; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-a2, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-a2 {
        background: #ec25bb; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-a1, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-a1 {
        background: #33750d; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-a205, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-south-circular-a205, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-a205, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-south-circular-a205 {
        background: #591a2f; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-a406, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-north-circular-a406, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-a406, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-north-circular-a406 {
        background: #9424c8; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-a24, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-a24 {
        background: #5e4a35; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-a13, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-a13 {
        background: #3dd7f9; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-a12, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-a12 {
        background: #e5512e; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-a10, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-a10 {
        background: #4a38c6; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-a4, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-a4 {
        background: #52d804; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-a20, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-a20 {
        background: #efe366; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-central-london, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-central-london-red-routes, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-inner-ring, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-southern-river-route, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-bishopsgate-cross-route, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-city-route, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-farringdon-cross-route, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-western-cross-route, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-central-london, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-central-london-red-routes, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-inner-ring, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-southern-river-route, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-bishopsgate-cross-route, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-city-route, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-farringdon-cross-route, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-western-cross-route {
        background: #8bf252; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.traffic-blackwall-tunnel, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.traffic-blackwall-tunnel {
        background: #e98e42; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.rb1, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.rb1 {
        background: #22242b; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.rb2, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.rb2 {
        background: #0063a3; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.rb3, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.rb3 {
        background: #ef5b9e; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.rb4, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.rb4 {
        background: #4fbb92; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.rb5, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.rb5 {
        background: #a65d2b; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.rb6, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.rb6 {
        background: #db4fa5; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.city-cruises, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.city-cruises {
        background: #d82f12; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.thames-river-services, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.thames-river-services {
        background: #242884; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.circular-cruise-westminster, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.circular-cruise-westminster {
        background: #3da12f; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.thames-river-boat, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.thames-river-boat {
        background: #e3a700; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.turk-launches, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.turk-launches {
        background: #003265; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.woolwich-ferry, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.woolwich-ferry {
        background: #f28709; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.rb1x, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.rb1x {
        background: #094673; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.arriva-trains-wales, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.arriva-trains-wales {
        background: #00a09b; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.c2c, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.c2c {
        background: #e00f7f; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.chiltern-railways, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.chiltern-railways {
        background: #a878b8; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.virgin-trains-east-coast, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.virgin-trains-east-coast {
        background: #830101; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.east-midlands-trains, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.east-midlands-trains {
        background: #ca6114; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.great-western-railway, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.great-western-railway {
        background: #001a1a; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.first-hull-trains, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.first-hull-trains {
        background: #177b36; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.first-transpennine-express, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.first-transpennine-express {
        background: #f04d91; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.gatwick-express, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.gatwick-express {
        background: #151314; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.grand-central, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.grand-central {
        background: #323233; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.greater-anglia, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.greater-anglia {
        background: #7d819a; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.heathrow-connect, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.heathrow-connect {
        background: #f46d77; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.heathrow-express, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.heathrow-express {
        background: #42bdb8; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.island-line, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.island-line {
        background: #f7a35c; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.merseyrail, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.merseyrail {
        background: #fec046; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.northern-rail, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.northern-rail {
        background: #045a8f; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.scotrail, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.scotrail {
        background: #88979e; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.southeastern, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.southeastern {
        background: #0062a6; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.southern, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.southern {
        background: #008e40; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.south-west-trains, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.south-west-trains {
        background: #df100d; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.cross-country, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.cross-country {
        background: #8d2e5b; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.eurostar, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.eurostar {
        background: #b09e66; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.london-midland, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.london-midland {
        background: #7db42c; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.stanstead-express, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.stanstead-express {
        background: #565659; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.virgin-trains, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.virgin-trains {
        background: #945927; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.great-northern, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.great-northern {
        background: #0093c9; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.thameslink, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.thameslink {
        background: #d62d83; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.caledonian-sleeper, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.caledonian-sleeper {
        background: #202c6b; }
      .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.bus, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.bus {
        background: #c6201c; }
    .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .disruption-summary, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .disruption-summary {
      background-color: #eff6fd; }
    .rainbow-list .rainbow-list-item.link-only .good-service-link:hover .disruption-summary, .rainbow-list .rainbow-list-item.link-only .good-service-link:focus .disruption-summary {
      background-color: #2b4868; }
    .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link {
      color: #1E5B90; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name {
        background-color: #e1e1e1; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.cable-car, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.cable-car {
          background: #c6201c; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.bakerloo, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.bakerloo {
          background: #995500; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.central, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.central {
          background: #c6201c; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.circle, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.circle {
          background: #f0ba00; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.district, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.district {
          background: #006428; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.hammersmith, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.hammersmith-city, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.hammersmith, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.hammersmith-city {
          background: #f37194; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.jubilee, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.jubilee {
          background: #768087; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.metropolitan, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.metropolitan {
          background: #82004a; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.northern, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.northern {
          background: black; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.piccadilly, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.piccadilly {
          background: #00158f; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.victoria, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.victoria {
          background: #038acc; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.waterloo, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.waterloo {
          background: #63c9b4; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.overground, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.overground {
          background: #e16f05; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.liberty, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.liberty {
          background: #485257; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.mildmay, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.mildmay {
          background: #0056c7; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.weaver, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.weaver {
          background: #7d004d; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.windrush, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.windrush {
          background: #bd0404; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.lioness, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.lioness {
          background: #eb9100; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.suffragette, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.suffragette {
          background: #099447; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.elizabeth-line, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.elizabeth, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.elizabeth-line, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.elizabeth {
          background: #55328b; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.dlr, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.docklands, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.docklands-light-railway, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.dlr, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.docklands, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.docklands-light-railway {
          background: #009694; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.tram, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.tram {
          background: #54a022; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.tram1, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.tram1 {
          background: #b9cb27; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.tram2, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.tram2 {
          background: #b9cb27; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.tram3, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.tram3 {
          background: #6db038; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.tram4, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.tram4 {
          background: #295610; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-a316, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-a316 {
          background: #e96daf; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-a41, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-a41 {
          background: #793877; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-a40, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-a40 {
          background: #b9e600; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-a23, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-a23 {
          background: #40ff95; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-a21, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-a21 {
          background: #3b5470; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-a3, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-a3 {
          background: #508257; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-a2, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-a2 {
          background: #ec25bb; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-a1, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-a1 {
          background: #33750d; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-a205, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-south-circular-a205, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-a205, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-south-circular-a205 {
          background: #591a2f; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-a406, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-north-circular-a406, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-a406, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-north-circular-a406 {
          background: #9424c8; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-a24, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-a24 {
          background: #5e4a35; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-a13, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-a13 {
          background: #3dd7f9; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-a12, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-a12 {
          background: #e5512e; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-a10, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-a10 {
          background: #4a38c6; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-a4, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-a4 {
          background: #52d804; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-a20, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-a20 {
          background: #efe366; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-central-london, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-central-london-red-routes, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-inner-ring, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-southern-river-route, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-bishopsgate-cross-route, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-city-route, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-farringdon-cross-route, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-western-cross-route, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-central-london, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-central-london-red-routes, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-inner-ring, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-southern-river-route, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-bishopsgate-cross-route, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-city-route, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-farringdon-cross-route, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-western-cross-route {
          background: #8bf252; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.traffic-blackwall-tunnel, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.traffic-blackwall-tunnel {
          background: #e98e42; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.rb1, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.rb1 {
          background: #22242b; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.rb2, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.rb2 {
          background: #0063a3; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.rb3, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.rb3 {
          background: #ef5b9e; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.rb4, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.rb4 {
          background: #4fbb92; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.rb5, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.rb5 {
          background: #a65d2b; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.rb6, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.rb6 {
          background: #db4fa5; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.city-cruises, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.city-cruises {
          background: #d82f12; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.thames-river-services, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.thames-river-services {
          background: #242884; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.circular-cruise-westminster, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.circular-cruise-westminster {
          background: #3da12f; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.thames-river-boat, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.thames-river-boat {
          background: #e3a700; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.turk-launches, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.turk-launches {
          background: #003265; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.woolwich-ferry, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.woolwich-ferry {
          background: #f28709; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.rb1x, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.rb1x {
          background: #094673; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.arriva-trains-wales, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.arriva-trains-wales {
          background: #00a09b; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.c2c, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.c2c {
          background: #e00f7f; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.chiltern-railways, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.chiltern-railways {
          background: #a878b8; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.virgin-trains-east-coast, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.virgin-trains-east-coast {
          background: #830101; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.east-midlands-trains, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.east-midlands-trains {
          background: #ca6114; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.great-western-railway, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.great-western-railway {
          background: #001a1a; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.first-hull-trains, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.first-hull-trains {
          background: #177b36; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.first-transpennine-express, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.first-transpennine-express {
          background: #f04d91; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.gatwick-express, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.gatwick-express {
          background: #151314; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.grand-central, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.grand-central {
          background: #323233; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.greater-anglia, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.greater-anglia {
          background: #7d819a; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.heathrow-connect, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.heathrow-connect {
          background: #f46d77; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.heathrow-express, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.heathrow-express {
          background: #42bdb8; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.island-line, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.island-line {
          background: #f7a35c; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.merseyrail, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.merseyrail {
          background: #fec046; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.northern-rail, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.northern-rail {
          background: #045a8f; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.scotrail, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.scotrail {
          background: #88979e; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.southeastern, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.southeastern {
          background: #0062a6; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.southern, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.southern {
          background: #008e40; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.south-west-trains, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.south-west-trains {
          background: #df100d; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.cross-country, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.cross-country {
          background: #8d2e5b; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.eurostar, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.eurostar {
          background: #b09e66; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.london-midland, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.london-midland {
          background: #7db42c; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.stanstead-express, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.stanstead-express {
          background: #565659; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.virgin-trains, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.virgin-trains {
          background: #945927; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.great-northern, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.great-northern {
          background: #0093c9; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.thameslink, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.thameslink {
          background: #d62d83; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.caledonian-sleeper, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.caledonian-sleeper {
          background: #202c6b; }
        .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.bus, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.bus {
          background: #c6201c; }
      .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .disruption-summary, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .disruption-summary {
        background-color: #F6EECC; }
    .rainbow-list .rainbow-list-item.disrupted .disruption-summary {
      background: #faf5e1; }
      .rainbow-list .rainbow-list-item.disrupted .disruption-summary.night {
        color: #2070b0; }
  .rainbow-list .rainbow-list-link {
    position: relative;
    display: block;
    text-decoration: none;
    *zoom: 1; }
    .rainbow-list .rainbow-list-link:before, .rainbow-list .rainbow-list-link:after {
      content: " ";
      display: table; }
    .rainbow-list .rainbow-list-link:after {
      clear: both; }
  .rainbow-list .tag {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 10px;
    z-index: 10;
    display: block; }
    .rainbow-list .tag + .service-name {
      padding-left: 20px;
      background: #eee;
      color: #2d3039; }
    .rainbow-list .tag.default {
      background: #a8a8a8; }
  .rainbow-list .service-name {
    padding: 10px;
    display: block;
    float: left;
    width: 50%;
    vertical-align: middle;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s;
    font-weight: normal;
    text-shadow: none;
    /*&.is-favourite {
            padding-right: 30px;

            &:after {
                @include standard-sprite;
                content: "";
                position: absolute;
                margin-top: -10px;
                margin-left: 0px;
                @include svg-icon-scaled(98, 3, $img-width: 20px, $img-height: 20px);
                right: calc(51%);
                top: 50%;
            }
        }*/ }
    .rainbow-list .service-name:before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: inherit;
      background: inherit;
      z-index: 0; }
    .rainbow-list .service-name span {
      position: relative;
      z-index: 1; }
    .rainbow-list .service-name.default {
      background: #eee;
      color: #2d3039; }
  .rainbow-list .disruption-summary {
    padding: 10px 38px 10px 10px;
    display: block;
    float: left;
    vertical-align: middle;
    width: 50%;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s;
    background: #fff; }
    .rainbow-list .disruption-summary:before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      width: inherit;
      background: inherit;
      z-index: 0; }
    .rainbow-list .disruption-summary span {
      position: relative;
      z-index: 1; }
    .rainbow-list .disruption-summary.night {
      color: white;
      background-color: #33547a; }
  .rainbow-list .controls {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -16px;
    display: block; }
  .rainbow-list .rainbow-list-content {
    color: #2d3039;
    display: none;
    background-color: #faf5e1;
    padding-bottom: 30px;
    position: relative; }
    .rainbow-list .rainbow-list-content .close-message {
      position: absolute;
      right: 10px;
      bottom: 9px; }
    .rainbow-list .rainbow-list-content .section {
      padding: 12px 10px;
      margin: 0;
      border-top: 1px dotted #ccc;
      position: relative; }
      .rainbow-list .rainbow-list-content .section > :first-child {
        margin-top: 0; }
      .rainbow-list .rainbow-list-content .section > :last-child {
        margin-bottom: 0; }
  .rainbow-list.interactive .disrupted .rainbow-list-link {
    cursor: pointer; }
    .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name {
      background-color: #e1e1e1; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.cable-car, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.cable-car {
        background: #c6201c; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.bakerloo, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.bakerloo {
        background: #995500; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.central, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.central {
        background: #c6201c; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.circle, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.circle {
        background: #f0ba00; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.district, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.district {
        background: #006428; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.hammersmith, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.hammersmith-city, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.hammersmith, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.hammersmith-city {
        background: #f37194; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.jubilee, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.jubilee {
        background: #768087; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.metropolitan, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.metropolitan {
        background: #82004a; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.northern, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.northern {
        background: black; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.piccadilly, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.piccadilly {
        background: #00158f; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.victoria, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.victoria {
        background: #038acc; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.waterloo, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.waterloo {
        background: #63c9b4; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.overground, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.overground {
        background: #e16f05; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.liberty, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.liberty {
        background: #485257; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.mildmay, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.mildmay {
        background: #0056c7; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.weaver, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.weaver {
        background: #7d004d; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.windrush, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.windrush {
        background: #bd0404; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.lioness, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.lioness {
        background: #eb9100; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.suffragette, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.suffragette {
        background: #099447; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.elizabeth-line, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.elizabeth, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.elizabeth-line, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.elizabeth {
        background: #55328b; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.dlr, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.docklands, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.docklands-light-railway, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.dlr, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.docklands, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.docklands-light-railway {
        background: #009694; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.tram, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.tram {
        background: #54a022; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.tram1, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.tram1 {
        background: #b9cb27; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.tram2, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.tram2 {
        background: #b9cb27; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.tram3, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.tram3 {
        background: #6db038; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.tram4, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.tram4 {
        background: #295610; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-a316, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-a316 {
        background: #e96daf; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-a41, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-a41 {
        background: #793877; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-a40, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-a40 {
        background: #b9e600; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-a23, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-a23 {
        background: #40ff95; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-a21, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-a21 {
        background: #3b5470; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-a3, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-a3 {
        background: #508257; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-a2, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-a2 {
        background: #ec25bb; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-a1, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-a1 {
        background: #33750d; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-a205, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-south-circular-a205, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-a205, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-south-circular-a205 {
        background: #591a2f; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-a406, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-north-circular-a406, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-a406, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-north-circular-a406 {
        background: #9424c8; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-a24, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-a24 {
        background: #5e4a35; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-a13, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-a13 {
        background: #3dd7f9; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-a12, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-a12 {
        background: #e5512e; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-a10, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-a10 {
        background: #4a38c6; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-a4, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-a4 {
        background: #52d804; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-a20, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-a20 {
        background: #efe366; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-central-london, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-central-london-red-routes, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-inner-ring, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-southern-river-route, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-bishopsgate-cross-route, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-city-route, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-farringdon-cross-route, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-western-cross-route, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-central-london, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-central-london-red-routes, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-inner-ring, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-southern-river-route, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-bishopsgate-cross-route, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-city-route, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-farringdon-cross-route, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-western-cross-route {
        background: #8bf252; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.traffic-blackwall-tunnel, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.traffic-blackwall-tunnel {
        background: #e98e42; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.rb1, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.rb1 {
        background: #22242b; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.rb2, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.rb2 {
        background: #0063a3; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.rb3, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.rb3 {
        background: #ef5b9e; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.rb4, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.rb4 {
        background: #4fbb92; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.rb5, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.rb5 {
        background: #a65d2b; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.rb6, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.rb6 {
        background: #db4fa5; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.city-cruises, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.city-cruises {
        background: #d82f12; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.thames-river-services, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.thames-river-services {
        background: #242884; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.circular-cruise-westminster, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.circular-cruise-westminster {
        background: #3da12f; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.thames-river-boat, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.thames-river-boat {
        background: #e3a700; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.turk-launches, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.turk-launches {
        background: #003265; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.woolwich-ferry, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.woolwich-ferry {
        background: #f28709; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.rb1x, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.rb1x {
        background: #094673; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.arriva-trains-wales, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.arriva-trains-wales {
        background: #00a09b; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.c2c, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.c2c {
        background: #e00f7f; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.chiltern-railways, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.chiltern-railways {
        background: #a878b8; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.virgin-trains-east-coast, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.virgin-trains-east-coast {
        background: #830101; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.east-midlands-trains, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.east-midlands-trains {
        background: #ca6114; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.great-western-railway, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.great-western-railway {
        background: #001a1a; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.first-hull-trains, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.first-hull-trains {
        background: #177b36; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.first-transpennine-express, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.first-transpennine-express {
        background: #f04d91; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.gatwick-express, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.gatwick-express {
        background: #151314; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.grand-central, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.grand-central {
        background: #323233; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.greater-anglia, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.greater-anglia {
        background: #7d819a; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.heathrow-connect, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.heathrow-connect {
        background: #f46d77; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.heathrow-express, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.heathrow-express {
        background: #42bdb8; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.island-line, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.island-line {
        background: #f7a35c; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.merseyrail, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.merseyrail {
        background: #fec046; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.northern-rail, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.northern-rail {
        background: #045a8f; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.scotrail, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.scotrail {
        background: #88979e; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.southeastern, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.southeastern {
        background: #0062a6; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.southern, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.southern {
        background: #008e40; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.south-west-trains, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.south-west-trains {
        background: #df100d; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.cross-country, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.cross-country {
        background: #8d2e5b; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.eurostar, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.eurostar {
        background: #b09e66; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.london-midland, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.london-midland {
        background: #7db42c; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.stanstead-express, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.stanstead-express {
        background: #565659; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.virgin-trains, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.virgin-trains {
        background: #945927; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.great-northern, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.great-northern {
        background: #0093c9; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.thameslink, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.thameslink {
        background: #d62d83; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.caledonian-sleeper, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.caledonian-sleeper {
        background: #202c6b; }
      .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.bus, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.bus {
        background: #c6201c; }
    .rainbow-list.interactive .disrupted .rainbow-list-link:hover .disruption-summary, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .disruption-summary {
      background-color: #F6EECC; }
  .rainbow-list.monochrome .service-name {
    background: #eee;
    color: #2d3039; }
  .rainbow-list.monochrome .rainbow-list-item:nth-child(even) .service-name {
    background: #f7f7f7; }

.widget-wrapper .night-wrapper .no-disruptions {
  display: none; }

.rainbow-list-wrapper {
  margin-bottom: 20px;
  display: none; }
  .rainbow-list-wrapper .good-service-link {
    border-bottom: 1px solid #ccc;
    position: relative;
    display: block;
    min-height: 40px;
    overflow: hidden;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s; }
    .rainbow-list-wrapper .good-service-link:after {
      content: "";
      position: absolute;
      top: 50%;
      margin-top: -16px;
      right: 0; }
    .rainbow-list-wrapper .good-service-link .rainbow {
      width: 50%;
      display: block;
      float: left;
      vertical-align: middle; }
      .rainbow-list-wrapper .good-service-link .rainbow > span {
        display: block;
        height: 10px;
        border-top: 1px solid #ccc; }
        .rainbow-list-wrapper .good-service-link .rainbow > span:first-child {
          border-top: 0px none; }
        .rainbow-list-wrapper .good-service-link .rainbow > span.default {
          background: #eee; }
    .rainbow-list-wrapper .good-service-link .good-service-message {
      display: inline-block;
      width: 50%;
      vertical-align: middle;
      padding: 40px 32px 10px 10px;
      color: #2d3039; }
    .rainbow-list-wrapper .good-service-link:hover, .rainbow-list-wrapper .good-service-link:focus {
      background-color: #eff6fd; }
  .rainbow-list-wrapper.width-30 .service-name {
    width: 30%; }
  .rainbow-list-wrapper.width-30 .disruption-summary {
    width: 70%; }
  .rainbow-list-wrapper.width-40 .service-name {
    width: 40%; }
  .rainbow-list-wrapper.width-40 .disruption-summary {
    width: 60%; }
  .rainbow-list-wrapper .rainbow-list-item {
    opacity: 1; }
  .rainbow-list-wrapper.fade-to-black .rainbow-list {
    background-color: #000; }
  .rainbow-list-wrapper.fade-to-black .rainbow-list-item {
    opacity: 0.9; }
    .rainbow-list-wrapper.fade-to-black .rainbow-list-item.expanded {
      opacity: 1; }

.widget-content .rainbow-list {
  border-bottom: 0px none; }

.no-js .rainbow-list .expandable .rainbow-list-content {
  display: block; }

.board-wrapper .rainbow-list-wrapper.no-border {
  border-top: 0; }

.widget-wrapper.always-expanded .widget-content.status-board-line {
  border-top: 0; }

.expandable-box .rainbow-list-link.good-service-link.night:after {
  right: 4px; }

.auralOnly {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.fav-rainbow-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  *zoom: 1;
  border-bottom: 1px solid #24262e; }
  .fav-rainbow-list:before, .fav-rainbow-list:after {
    content: " ";
    display: table; }
  .fav-rainbow-list:after {
    clear: both; }
  .fav-rainbow-list.fav-places-list {
    margin-bottom: 30px; }
  .fav-rainbow-list .fav-rainbow-list-item {
    cursor: pointer;
    border-top: 1px solid #24262e;
    position: relative; }
  .fav-rainbow-list .fav-rainbow-list-link {
    position: relative;
    display: block;
    text-decoration: none;
    *zoom: 1; }
    .fav-rainbow-list .fav-rainbow-list-link:before, .fav-rainbow-list .fav-rainbow-list-link:after {
      content: " ";
      display: table; }
    .fav-rainbow-list .fav-rainbow-list-link:after {
      clear: both; }
    .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier {
      background-color: #e1e1e1; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.bus, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.bus {
        background-color: #c33; }
        .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.bus.shuttlebus, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.bus.shuttlebus {
          background-color: #0019A8; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.cable-car, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.cable-car {
        background: #c6201c; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.bakerloo, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.bakerloo {
        background: #995500; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.central, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.central {
        background: #c6201c; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.circle, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.circle {
        background: #f0ba00; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.district, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.district {
        background: #006428; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.hammersmith, .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.hammersmith-city, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.hammersmith, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.hammersmith-city {
        background: #f37194; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.jubilee, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.jubilee {
        background: #768087; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.metropolitan, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.metropolitan {
        background: #82004a; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.northern, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.northern {
        background: black; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.piccadilly, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.piccadilly {
        background: #00158f; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.victoria, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.victoria {
        background: #038acc; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.waterloo, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.waterloo {
        background: #63c9b4; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.overground, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.overground {
        background: #e16f05; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.liberty, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.liberty {
        background: #485257; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.mildmay, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.mildmay {
        background: #0056c7; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.weaver, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.weaver {
        background: #7d004d; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.windrush, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.windrush {
        background: #bd0404; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.lioness, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.lioness {
        background: #eb9100; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.suffragette, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.suffragette {
        background: #099447; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.elizabeth-line, .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.elizabeth, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.elizabeth-line, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.elizabeth {
        background: #55328b; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.dlr, .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.docklands, .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.docklands-light-railway, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.dlr, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.docklands, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.docklands-light-railway {
        background: #009694; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.tram, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.tram {
        background: #54a022; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.tram1, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.tram1 {
        background: #b9cb27; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.tram2, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.tram2 {
        background: #b9cb27; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.tram3, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.tram3 {
        background: #6db038; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.tram4, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.tram4 {
        background: #295610; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.traffic-a316, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.traffic-a316 {
        background: #e96daf; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.traffic-a41, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.traffic-a41 {
        background: #793877; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.traffic-a40, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.traffic-a40 {
        background: #b9e600; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.traffic-a23, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.traffic-a23 {
        background: #40ff95; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.traffic-a21, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.traffic-a21 {
        background: #3b5470; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.traffic-a3, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.traffic-a3 {
        background: #508257; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.traffic-a2, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.traffic-a2 {
        background: #ec25bb; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.traffic-a1, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.traffic-a1 {
        background: #33750d; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.traffic-a205, .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.traffic-south-circular-a205, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.traffic-a205, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.traffic-south-circular-a205 {
        background: #591a2f; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.traffic-a406, .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.traffic-north-circular-a406, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.traffic-a406, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.traffic-north-circular-a406 {
        background: #9424c8; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.traffic-a24, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.traffic-a24 {
        background: #5e4a35; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.traffic-a13, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.traffic-a13 {
        background: #3dd7f9; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.traffic-a12, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.traffic-a12 {
        background: #e5512e; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.traffic-a10, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.traffic-a10 {
        background: #4a38c6; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.traffic-a4, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.traffic-a4 {
        background: #52d804; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.traffic-a20, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.traffic-a20 {
        background: #efe366; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.traffic-central-london, .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.traffic-central-london-red-routes, .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.traffic-inner-ring, .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.traffic-southern-river-route, .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.traffic-bishopsgate-cross-route, .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.traffic-city-route, .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.traffic-farringdon-cross-route, .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.traffic-western-cross-route, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.traffic-central-london, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.traffic-central-london-red-routes, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.traffic-inner-ring, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.traffic-southern-river-route, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.traffic-bishopsgate-cross-route, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.traffic-city-route, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.traffic-farringdon-cross-route, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.traffic-western-cross-route {
        background: #8bf252; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.traffic-blackwall-tunnel, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.traffic-blackwall-tunnel {
        background: #e98e42; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.rb1, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.rb1 {
        background: #22242b; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.rb2, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.rb2 {
        background: #0063a3; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.rb3, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.rb3 {
        background: #ef5b9e; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.rb4, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.rb4 {
        background: #4fbb92; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.rb5, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.rb5 {
        background: #a65d2b; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.rb6, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.rb6 {
        background: #db4fa5; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.city-cruises, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.city-cruises {
        background: #d82f12; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.thames-river-services, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.thames-river-services {
        background: #242884; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.circular-cruise-westminster, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.circular-cruise-westminster {
        background: #3da12f; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.thames-river-boat, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.thames-river-boat {
        background: #e3a700; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.turk-launches, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.turk-launches {
        background: #003265; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.woolwich-ferry, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.woolwich-ferry {
        background: #f28709; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.rb1x, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.rb1x {
        background: #094673; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.arriva-trains-wales, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.arriva-trains-wales {
        background: #00a09b; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.c2c, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.c2c {
        background: #e00f7f; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.chiltern-railways, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.chiltern-railways {
        background: #a878b8; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.virgin-trains-east-coast, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.virgin-trains-east-coast {
        background: #830101; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.east-midlands-trains, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.east-midlands-trains {
        background: #ca6114; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.great-western-railway, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.great-western-railway {
        background: #001a1a; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.first-hull-trains, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.first-hull-trains {
        background: #177b36; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.first-transpennine-express, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.first-transpennine-express {
        background: #f04d91; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.gatwick-express, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.gatwick-express {
        background: #151314; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.grand-central, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.grand-central {
        background: #323233; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.greater-anglia, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.greater-anglia {
        background: #7d819a; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.heathrow-connect, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.heathrow-connect {
        background: #f46d77; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.heathrow-express, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.heathrow-express {
        background: #42bdb8; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.island-line, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.island-line {
        background: #f7a35c; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.merseyrail, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.merseyrail {
        background: #fec046; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.northern-rail, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.northern-rail {
        background: #045a8f; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.scotrail, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.scotrail {
        background: #88979e; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.southeastern, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.southeastern {
        background: #0062a6; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.southern, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.southern {
        background: #008e40; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.south-west-trains, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.south-west-trains {
        background: #df100d; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.cross-country, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.cross-country {
        background: #8d2e5b; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.eurostar, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.eurostar {
        background: #b09e66; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.london-midland, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.london-midland {
        background: #7db42c; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.stanstead-express, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.stanstead-express {
        background: #565659; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.virgin-trains, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.virgin-trains {
        background: #945927; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.great-northern, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.great-northern {
        background: #0093c9; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.thameslink, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.thameslink {
        background: #d62d83; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.caledonian-sleeper, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.caledonian-sleeper {
        background: #202c6b; }
      .fav-rainbow-list .fav-rainbow-list-link:hover .fav-service-identifier.bus, .fav-rainbow-list .fav-rainbow-list-link:focus .fav-service-identifier.bus {
        background: #c6201c; }
    .fav-rainbow-list .fav-rainbow-list-link span.fav-place-text {
      color: #bebebe;
      text-align: left;
      display: block;
      width: calc(100% - 40px);
      padding: 5px 10px 10px 10px; }
    .fav-rainbow-list .fav-rainbow-list-link span.fav-place-label {
      color: #6cc;
      text-align: left;
      display: block;
      padding: 10px 10px 0 10px;
      margin-bottom: 5px;
      border-bottom: 1px solid transparent; }
      .fav-rainbow-list .fav-rainbow-list-link span.fav-place-label.fav-label-null {
        color: #a6a6a6; }
  .fav-rainbow-list .fav-service-name-or-destination {
    padding: 10px;
    display: block;
    float: left;
    width: 100%;
    width: calc(100% - 40px);
    vertical-align: middle;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s;
    font-weight: normal;
    text-shadow: none; }
    .fav-rainbow-list .fav-service-name-or-destination span {
      position: relative;
      z-index: 1; }
  .fav-rainbow-list .fav-service-identifier {
    padding: 10px 0px 10px 0px;
    display: block;
    float: left;
    width: 50px;
    vertical-align: middle;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s;
    font-weight: normal;
    text-shadow: none;
    text-align: center; }
    .fav-rainbow-list .fav-service-identifier span {
      position: relative;
      z-index: 1; }
    .fav-rainbow-list .fav-service-identifier:before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: inherit;
      background: inherit;
      z-index: -1; }
    .fav-rainbow-list .fav-service-identifier.bus {
      background-color: #c33; }
      .fav-rainbow-list .fav-service-identifier.bus.shuttlebus {
        background-color: #0019A8; }
  .fav-rainbow-list .fav-service-name-or-destination {
    padding: 10px;
    display: block;
    float: left;
    width: calc(100% - 90px);
    vertical-align: middle;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s;
    font-weight: normal;
    text-shadow: none; }
    .fav-rainbow-list .fav-service-name-or-destination span {
      position: relative;
      z-index: 1; }
    .fav-rainbow-list .fav-service-name-or-destination.fav-destination {
      width: calc(50% - 25px);
      padding-right: 2px; }
    .fav-rainbow-list .fav-service-name-or-destination.fav-arrivals {
      width: calc(50% - 25px);
      padding-left: 2px;
      float: right;
      text-align: right; }
      .fav-rainbow-list .fav-service-name-or-destination.fav-arrivals.fav-arrivals-message {
        width: calc(100% - 50px); }
  .fav-rainbow-list .fav-stop-letter {
    padding: 6px 10px 6px 10px;
    width: 50px;
    background-color: #000;
    display: block;
    float: left; }
    .fav-rainbow-list .fav-stop-letter:before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: inherit;
      background: inherit;
      z-index: -1; }
  .fav-rainbow-list .fav-stop-name {
    padding: 10px;
    display: block;
    float: left;
    width: calc(100% - 50px);
    vertical-align: middle;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s;
    font-weight: normal;
    text-shadow: none;
    background-color: #000; }
    .fav-rainbow-list .fav-stop-name span {
      position: relative;
      z-index: 1; }

#fav-edit-journey li.fav-rainbow-list-item:hover, #fav-edit-journey li.fav-rainbow-list-item:focus,
#fav-edit-place li.fav-rainbow-list-item:hover,
#fav-edit-place li.fav-rainbow-list-item:focus {
  background-color: #393c49; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.cable-car, #fav-edit-journey li.fav-rainbow-list-item:focus.cable-car,
  #fav-edit-place li.fav-rainbow-list-item:hover.cable-car,
  #fav-edit-place li.fav-rainbow-list-item:focus.cable-car {
    background: #c6201c; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.bakerloo, #fav-edit-journey li.fav-rainbow-list-item:focus.bakerloo,
  #fav-edit-place li.fav-rainbow-list-item:hover.bakerloo,
  #fav-edit-place li.fav-rainbow-list-item:focus.bakerloo {
    background: #995500; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.central, #fav-edit-journey li.fav-rainbow-list-item:focus.central,
  #fav-edit-place li.fav-rainbow-list-item:hover.central,
  #fav-edit-place li.fav-rainbow-list-item:focus.central {
    background: #c6201c; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.circle, #fav-edit-journey li.fav-rainbow-list-item:focus.circle,
  #fav-edit-place li.fav-rainbow-list-item:hover.circle,
  #fav-edit-place li.fav-rainbow-list-item:focus.circle {
    background: #f0ba00; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.district, #fav-edit-journey li.fav-rainbow-list-item:focus.district,
  #fav-edit-place li.fav-rainbow-list-item:hover.district,
  #fav-edit-place li.fav-rainbow-list-item:focus.district {
    background: #006428; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.hammersmith, #fav-edit-journey li.fav-rainbow-list-item:hover.hammersmith-city, #fav-edit-journey li.fav-rainbow-list-item:focus.hammersmith, #fav-edit-journey li.fav-rainbow-list-item:focus.hammersmith-city,
  #fav-edit-place li.fav-rainbow-list-item:hover.hammersmith,
  #fav-edit-place li.fav-rainbow-list-item:hover.hammersmith-city,
  #fav-edit-place li.fav-rainbow-list-item:focus.hammersmith,
  #fav-edit-place li.fav-rainbow-list-item:focus.hammersmith-city {
    background: #f37194; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.jubilee, #fav-edit-journey li.fav-rainbow-list-item:focus.jubilee,
  #fav-edit-place li.fav-rainbow-list-item:hover.jubilee,
  #fav-edit-place li.fav-rainbow-list-item:focus.jubilee {
    background: #768087; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.metropolitan, #fav-edit-journey li.fav-rainbow-list-item:focus.metropolitan,
  #fav-edit-place li.fav-rainbow-list-item:hover.metropolitan,
  #fav-edit-place li.fav-rainbow-list-item:focus.metropolitan {
    background: #82004a; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.northern, #fav-edit-journey li.fav-rainbow-list-item:focus.northern,
  #fav-edit-place li.fav-rainbow-list-item:hover.northern,
  #fav-edit-place li.fav-rainbow-list-item:focus.northern {
    background: black; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.piccadilly, #fav-edit-journey li.fav-rainbow-list-item:focus.piccadilly,
  #fav-edit-place li.fav-rainbow-list-item:hover.piccadilly,
  #fav-edit-place li.fav-rainbow-list-item:focus.piccadilly {
    background: #00158f; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.victoria, #fav-edit-journey li.fav-rainbow-list-item:focus.victoria,
  #fav-edit-place li.fav-rainbow-list-item:hover.victoria,
  #fav-edit-place li.fav-rainbow-list-item:focus.victoria {
    background: #038acc; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.waterloo, #fav-edit-journey li.fav-rainbow-list-item:focus.waterloo,
  #fav-edit-place li.fav-rainbow-list-item:hover.waterloo,
  #fav-edit-place li.fav-rainbow-list-item:focus.waterloo {
    background: #63c9b4; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.overground, #fav-edit-journey li.fav-rainbow-list-item:focus.overground,
  #fav-edit-place li.fav-rainbow-list-item:hover.overground,
  #fav-edit-place li.fav-rainbow-list-item:focus.overground {
    background: #e16f05; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.liberty, #fav-edit-journey li.fav-rainbow-list-item:focus.liberty,
  #fav-edit-place li.fav-rainbow-list-item:hover.liberty,
  #fav-edit-place li.fav-rainbow-list-item:focus.liberty {
    background: #485257; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.mildmay, #fav-edit-journey li.fav-rainbow-list-item:focus.mildmay,
  #fav-edit-place li.fav-rainbow-list-item:hover.mildmay,
  #fav-edit-place li.fav-rainbow-list-item:focus.mildmay {
    background: #0056c7; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.weaver, #fav-edit-journey li.fav-rainbow-list-item:focus.weaver,
  #fav-edit-place li.fav-rainbow-list-item:hover.weaver,
  #fav-edit-place li.fav-rainbow-list-item:focus.weaver {
    background: #7d004d; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.windrush, #fav-edit-journey li.fav-rainbow-list-item:focus.windrush,
  #fav-edit-place li.fav-rainbow-list-item:hover.windrush,
  #fav-edit-place li.fav-rainbow-list-item:focus.windrush {
    background: #bd0404; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.lioness, #fav-edit-journey li.fav-rainbow-list-item:focus.lioness,
  #fav-edit-place li.fav-rainbow-list-item:hover.lioness,
  #fav-edit-place li.fav-rainbow-list-item:focus.lioness {
    background: #eb9100; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.suffragette, #fav-edit-journey li.fav-rainbow-list-item:focus.suffragette,
  #fav-edit-place li.fav-rainbow-list-item:hover.suffragette,
  #fav-edit-place li.fav-rainbow-list-item:focus.suffragette {
    background: #099447; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.elizabeth-line, #fav-edit-journey li.fav-rainbow-list-item:hover.elizabeth, #fav-edit-journey li.fav-rainbow-list-item:focus.elizabeth-line, #fav-edit-journey li.fav-rainbow-list-item:focus.elizabeth,
  #fav-edit-place li.fav-rainbow-list-item:hover.elizabeth-line,
  #fav-edit-place li.fav-rainbow-list-item:hover.elizabeth,
  #fav-edit-place li.fav-rainbow-list-item:focus.elizabeth-line,
  #fav-edit-place li.fav-rainbow-list-item:focus.elizabeth {
    background: #55328b; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.dlr, #fav-edit-journey li.fav-rainbow-list-item:hover.docklands, #fav-edit-journey li.fav-rainbow-list-item:hover.docklands-light-railway, #fav-edit-journey li.fav-rainbow-list-item:focus.dlr, #fav-edit-journey li.fav-rainbow-list-item:focus.docklands, #fav-edit-journey li.fav-rainbow-list-item:focus.docklands-light-railway,
  #fav-edit-place li.fav-rainbow-list-item:hover.dlr,
  #fav-edit-place li.fav-rainbow-list-item:hover.docklands,
  #fav-edit-place li.fav-rainbow-list-item:hover.docklands-light-railway,
  #fav-edit-place li.fav-rainbow-list-item:focus.dlr,
  #fav-edit-place li.fav-rainbow-list-item:focus.docklands,
  #fav-edit-place li.fav-rainbow-list-item:focus.docklands-light-railway {
    background: #009694; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.tram, #fav-edit-journey li.fav-rainbow-list-item:focus.tram,
  #fav-edit-place li.fav-rainbow-list-item:hover.tram,
  #fav-edit-place li.fav-rainbow-list-item:focus.tram {
    background: #54a022; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.tram1, #fav-edit-journey li.fav-rainbow-list-item:focus.tram1,
  #fav-edit-place li.fav-rainbow-list-item:hover.tram1,
  #fav-edit-place li.fav-rainbow-list-item:focus.tram1 {
    background: #b9cb27; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.tram2, #fav-edit-journey li.fav-rainbow-list-item:focus.tram2,
  #fav-edit-place li.fav-rainbow-list-item:hover.tram2,
  #fav-edit-place li.fav-rainbow-list-item:focus.tram2 {
    background: #b9cb27; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.tram3, #fav-edit-journey li.fav-rainbow-list-item:focus.tram3,
  #fav-edit-place li.fav-rainbow-list-item:hover.tram3,
  #fav-edit-place li.fav-rainbow-list-item:focus.tram3 {
    background: #6db038; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.tram4, #fav-edit-journey li.fav-rainbow-list-item:focus.tram4,
  #fav-edit-place li.fav-rainbow-list-item:hover.tram4,
  #fav-edit-place li.fav-rainbow-list-item:focus.tram4 {
    background: #295610; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.traffic-a316, #fav-edit-journey li.fav-rainbow-list-item:focus.traffic-a316,
  #fav-edit-place li.fav-rainbow-list-item:hover.traffic-a316,
  #fav-edit-place li.fav-rainbow-list-item:focus.traffic-a316 {
    background: #e96daf; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.traffic-a41, #fav-edit-journey li.fav-rainbow-list-item:focus.traffic-a41,
  #fav-edit-place li.fav-rainbow-list-item:hover.traffic-a41,
  #fav-edit-place li.fav-rainbow-list-item:focus.traffic-a41 {
    background: #793877; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.traffic-a40, #fav-edit-journey li.fav-rainbow-list-item:focus.traffic-a40,
  #fav-edit-place li.fav-rainbow-list-item:hover.traffic-a40,
  #fav-edit-place li.fav-rainbow-list-item:focus.traffic-a40 {
    background: #b9e600; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.traffic-a23, #fav-edit-journey li.fav-rainbow-list-item:focus.traffic-a23,
  #fav-edit-place li.fav-rainbow-list-item:hover.traffic-a23,
  #fav-edit-place li.fav-rainbow-list-item:focus.traffic-a23 {
    background: #40ff95; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.traffic-a21, #fav-edit-journey li.fav-rainbow-list-item:focus.traffic-a21,
  #fav-edit-place li.fav-rainbow-list-item:hover.traffic-a21,
  #fav-edit-place li.fav-rainbow-list-item:focus.traffic-a21 {
    background: #3b5470; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.traffic-a3, #fav-edit-journey li.fav-rainbow-list-item:focus.traffic-a3,
  #fav-edit-place li.fav-rainbow-list-item:hover.traffic-a3,
  #fav-edit-place li.fav-rainbow-list-item:focus.traffic-a3 {
    background: #508257; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.traffic-a2, #fav-edit-journey li.fav-rainbow-list-item:focus.traffic-a2,
  #fav-edit-place li.fav-rainbow-list-item:hover.traffic-a2,
  #fav-edit-place li.fav-rainbow-list-item:focus.traffic-a2 {
    background: #ec25bb; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.traffic-a1, #fav-edit-journey li.fav-rainbow-list-item:focus.traffic-a1,
  #fav-edit-place li.fav-rainbow-list-item:hover.traffic-a1,
  #fav-edit-place li.fav-rainbow-list-item:focus.traffic-a1 {
    background: #33750d; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.traffic-a205, #fav-edit-journey li.fav-rainbow-list-item:hover.traffic-south-circular-a205, #fav-edit-journey li.fav-rainbow-list-item:focus.traffic-a205, #fav-edit-journey li.fav-rainbow-list-item:focus.traffic-south-circular-a205,
  #fav-edit-place li.fav-rainbow-list-item:hover.traffic-a205,
  #fav-edit-place li.fav-rainbow-list-item:hover.traffic-south-circular-a205,
  #fav-edit-place li.fav-rainbow-list-item:focus.traffic-a205,
  #fav-edit-place li.fav-rainbow-list-item:focus.traffic-south-circular-a205 {
    background: #591a2f; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.traffic-a406, #fav-edit-journey li.fav-rainbow-list-item:hover.traffic-north-circular-a406, #fav-edit-journey li.fav-rainbow-list-item:focus.traffic-a406, #fav-edit-journey li.fav-rainbow-list-item:focus.traffic-north-circular-a406,
  #fav-edit-place li.fav-rainbow-list-item:hover.traffic-a406,
  #fav-edit-place li.fav-rainbow-list-item:hover.traffic-north-circular-a406,
  #fav-edit-place li.fav-rainbow-list-item:focus.traffic-a406,
  #fav-edit-place li.fav-rainbow-list-item:focus.traffic-north-circular-a406 {
    background: #9424c8; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.traffic-a24, #fav-edit-journey li.fav-rainbow-list-item:focus.traffic-a24,
  #fav-edit-place li.fav-rainbow-list-item:hover.traffic-a24,
  #fav-edit-place li.fav-rainbow-list-item:focus.traffic-a24 {
    background: #5e4a35; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.traffic-a13, #fav-edit-journey li.fav-rainbow-list-item:focus.traffic-a13,
  #fav-edit-place li.fav-rainbow-list-item:hover.traffic-a13,
  #fav-edit-place li.fav-rainbow-list-item:focus.traffic-a13 {
    background: #3dd7f9; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.traffic-a12, #fav-edit-journey li.fav-rainbow-list-item:focus.traffic-a12,
  #fav-edit-place li.fav-rainbow-list-item:hover.traffic-a12,
  #fav-edit-place li.fav-rainbow-list-item:focus.traffic-a12 {
    background: #e5512e; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.traffic-a10, #fav-edit-journey li.fav-rainbow-list-item:focus.traffic-a10,
  #fav-edit-place li.fav-rainbow-list-item:hover.traffic-a10,
  #fav-edit-place li.fav-rainbow-list-item:focus.traffic-a10 {
    background: #4a38c6; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.traffic-a4, #fav-edit-journey li.fav-rainbow-list-item:focus.traffic-a4,
  #fav-edit-place li.fav-rainbow-list-item:hover.traffic-a4,
  #fav-edit-place li.fav-rainbow-list-item:focus.traffic-a4 {
    background: #52d804; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.traffic-a20, #fav-edit-journey li.fav-rainbow-list-item:focus.traffic-a20,
  #fav-edit-place li.fav-rainbow-list-item:hover.traffic-a20,
  #fav-edit-place li.fav-rainbow-list-item:focus.traffic-a20 {
    background: #efe366; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.traffic-central-london, #fav-edit-journey li.fav-rainbow-list-item:hover.traffic-central-london-red-routes, #fav-edit-journey li.fav-rainbow-list-item:hover.traffic-inner-ring, #fav-edit-journey li.fav-rainbow-list-item:hover.traffic-southern-river-route, #fav-edit-journey li.fav-rainbow-list-item:hover.traffic-bishopsgate-cross-route, #fav-edit-journey li.fav-rainbow-list-item:hover.traffic-city-route, #fav-edit-journey li.fav-rainbow-list-item:hover.traffic-farringdon-cross-route, #fav-edit-journey li.fav-rainbow-list-item:hover.traffic-western-cross-route, #fav-edit-journey li.fav-rainbow-list-item:focus.traffic-central-london, #fav-edit-journey li.fav-rainbow-list-item:focus.traffic-central-london-red-routes, #fav-edit-journey li.fav-rainbow-list-item:focus.traffic-inner-ring, #fav-edit-journey li.fav-rainbow-list-item:focus.traffic-southern-river-route, #fav-edit-journey li.fav-rainbow-list-item:focus.traffic-bishopsgate-cross-route, #fav-edit-journey li.fav-rainbow-list-item:focus.traffic-city-route, #fav-edit-journey li.fav-rainbow-list-item:focus.traffic-farringdon-cross-route, #fav-edit-journey li.fav-rainbow-list-item:focus.traffic-western-cross-route,
  #fav-edit-place li.fav-rainbow-list-item:hover.traffic-central-london,
  #fav-edit-place li.fav-rainbow-list-item:hover.traffic-central-london-red-routes,
  #fav-edit-place li.fav-rainbow-list-item:hover.traffic-inner-ring,
  #fav-edit-place li.fav-rainbow-list-item:hover.traffic-southern-river-route,
  #fav-edit-place li.fav-rainbow-list-item:hover.traffic-bishopsgate-cross-route,
  #fav-edit-place li.fav-rainbow-list-item:hover.traffic-city-route,
  #fav-edit-place li.fav-rainbow-list-item:hover.traffic-farringdon-cross-route,
  #fav-edit-place li.fav-rainbow-list-item:hover.traffic-western-cross-route,
  #fav-edit-place li.fav-rainbow-list-item:focus.traffic-central-london,
  #fav-edit-place li.fav-rainbow-list-item:focus.traffic-central-london-red-routes,
  #fav-edit-place li.fav-rainbow-list-item:focus.traffic-inner-ring,
  #fav-edit-place li.fav-rainbow-list-item:focus.traffic-southern-river-route,
  #fav-edit-place li.fav-rainbow-list-item:focus.traffic-bishopsgate-cross-route,
  #fav-edit-place li.fav-rainbow-list-item:focus.traffic-city-route,
  #fav-edit-place li.fav-rainbow-list-item:focus.traffic-farringdon-cross-route,
  #fav-edit-place li.fav-rainbow-list-item:focus.traffic-western-cross-route {
    background: #8bf252; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.traffic-blackwall-tunnel, #fav-edit-journey li.fav-rainbow-list-item:focus.traffic-blackwall-tunnel,
  #fav-edit-place li.fav-rainbow-list-item:hover.traffic-blackwall-tunnel,
  #fav-edit-place li.fav-rainbow-list-item:focus.traffic-blackwall-tunnel {
    background: #e98e42; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.rb1, #fav-edit-journey li.fav-rainbow-list-item:focus.rb1,
  #fav-edit-place li.fav-rainbow-list-item:hover.rb1,
  #fav-edit-place li.fav-rainbow-list-item:focus.rb1 {
    background: #22242b; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.rb2, #fav-edit-journey li.fav-rainbow-list-item:focus.rb2,
  #fav-edit-place li.fav-rainbow-list-item:hover.rb2,
  #fav-edit-place li.fav-rainbow-list-item:focus.rb2 {
    background: #0063a3; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.rb3, #fav-edit-journey li.fav-rainbow-list-item:focus.rb3,
  #fav-edit-place li.fav-rainbow-list-item:hover.rb3,
  #fav-edit-place li.fav-rainbow-list-item:focus.rb3 {
    background: #ef5b9e; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.rb4, #fav-edit-journey li.fav-rainbow-list-item:focus.rb4,
  #fav-edit-place li.fav-rainbow-list-item:hover.rb4,
  #fav-edit-place li.fav-rainbow-list-item:focus.rb4 {
    background: #4fbb92; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.rb5, #fav-edit-journey li.fav-rainbow-list-item:focus.rb5,
  #fav-edit-place li.fav-rainbow-list-item:hover.rb5,
  #fav-edit-place li.fav-rainbow-list-item:focus.rb5 {
    background: #a65d2b; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.rb6, #fav-edit-journey li.fav-rainbow-list-item:focus.rb6,
  #fav-edit-place li.fav-rainbow-list-item:hover.rb6,
  #fav-edit-place li.fav-rainbow-list-item:focus.rb6 {
    background: #db4fa5; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.city-cruises, #fav-edit-journey li.fav-rainbow-list-item:focus.city-cruises,
  #fav-edit-place li.fav-rainbow-list-item:hover.city-cruises,
  #fav-edit-place li.fav-rainbow-list-item:focus.city-cruises {
    background: #d82f12; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.thames-river-services, #fav-edit-journey li.fav-rainbow-list-item:focus.thames-river-services,
  #fav-edit-place li.fav-rainbow-list-item:hover.thames-river-services,
  #fav-edit-place li.fav-rainbow-list-item:focus.thames-river-services {
    background: #242884; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.circular-cruise-westminster, #fav-edit-journey li.fav-rainbow-list-item:focus.circular-cruise-westminster,
  #fav-edit-place li.fav-rainbow-list-item:hover.circular-cruise-westminster,
  #fav-edit-place li.fav-rainbow-list-item:focus.circular-cruise-westminster {
    background: #3da12f; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.thames-river-boat, #fav-edit-journey li.fav-rainbow-list-item:focus.thames-river-boat,
  #fav-edit-place li.fav-rainbow-list-item:hover.thames-river-boat,
  #fav-edit-place li.fav-rainbow-list-item:focus.thames-river-boat {
    background: #e3a700; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.turk-launches, #fav-edit-journey li.fav-rainbow-list-item:focus.turk-launches,
  #fav-edit-place li.fav-rainbow-list-item:hover.turk-launches,
  #fav-edit-place li.fav-rainbow-list-item:focus.turk-launches {
    background: #003265; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.woolwich-ferry, #fav-edit-journey li.fav-rainbow-list-item:focus.woolwich-ferry,
  #fav-edit-place li.fav-rainbow-list-item:hover.woolwich-ferry,
  #fav-edit-place li.fav-rainbow-list-item:focus.woolwich-ferry {
    background: #f28709; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.rb1x, #fav-edit-journey li.fav-rainbow-list-item:focus.rb1x,
  #fav-edit-place li.fav-rainbow-list-item:hover.rb1x,
  #fav-edit-place li.fav-rainbow-list-item:focus.rb1x {
    background: #094673; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.arriva-trains-wales, #fav-edit-journey li.fav-rainbow-list-item:focus.arriva-trains-wales,
  #fav-edit-place li.fav-rainbow-list-item:hover.arriva-trains-wales,
  #fav-edit-place li.fav-rainbow-list-item:focus.arriva-trains-wales {
    background: #00a09b; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.c2c, #fav-edit-journey li.fav-rainbow-list-item:focus.c2c,
  #fav-edit-place li.fav-rainbow-list-item:hover.c2c,
  #fav-edit-place li.fav-rainbow-list-item:focus.c2c {
    background: #e00f7f; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.chiltern-railways, #fav-edit-journey li.fav-rainbow-list-item:focus.chiltern-railways,
  #fav-edit-place li.fav-rainbow-list-item:hover.chiltern-railways,
  #fav-edit-place li.fav-rainbow-list-item:focus.chiltern-railways {
    background: #a878b8; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.virgin-trains-east-coast, #fav-edit-journey li.fav-rainbow-list-item:focus.virgin-trains-east-coast,
  #fav-edit-place li.fav-rainbow-list-item:hover.virgin-trains-east-coast,
  #fav-edit-place li.fav-rainbow-list-item:focus.virgin-trains-east-coast {
    background: #830101; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.east-midlands-trains, #fav-edit-journey li.fav-rainbow-list-item:focus.east-midlands-trains,
  #fav-edit-place li.fav-rainbow-list-item:hover.east-midlands-trains,
  #fav-edit-place li.fav-rainbow-list-item:focus.east-midlands-trains {
    background: #ca6114; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.great-western-railway, #fav-edit-journey li.fav-rainbow-list-item:focus.great-western-railway,
  #fav-edit-place li.fav-rainbow-list-item:hover.great-western-railway,
  #fav-edit-place li.fav-rainbow-list-item:focus.great-western-railway {
    background: #001a1a; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.first-hull-trains, #fav-edit-journey li.fav-rainbow-list-item:focus.first-hull-trains,
  #fav-edit-place li.fav-rainbow-list-item:hover.first-hull-trains,
  #fav-edit-place li.fav-rainbow-list-item:focus.first-hull-trains {
    background: #177b36; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.first-transpennine-express, #fav-edit-journey li.fav-rainbow-list-item:focus.first-transpennine-express,
  #fav-edit-place li.fav-rainbow-list-item:hover.first-transpennine-express,
  #fav-edit-place li.fav-rainbow-list-item:focus.first-transpennine-express {
    background: #f04d91; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.gatwick-express, #fav-edit-journey li.fav-rainbow-list-item:focus.gatwick-express,
  #fav-edit-place li.fav-rainbow-list-item:hover.gatwick-express,
  #fav-edit-place li.fav-rainbow-list-item:focus.gatwick-express {
    background: #151314; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.grand-central, #fav-edit-journey li.fav-rainbow-list-item:focus.grand-central,
  #fav-edit-place li.fav-rainbow-list-item:hover.grand-central,
  #fav-edit-place li.fav-rainbow-list-item:focus.grand-central {
    background: #323233; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.greater-anglia, #fav-edit-journey li.fav-rainbow-list-item:focus.greater-anglia,
  #fav-edit-place li.fav-rainbow-list-item:hover.greater-anglia,
  #fav-edit-place li.fav-rainbow-list-item:focus.greater-anglia {
    background: #7d819a; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.heathrow-connect, #fav-edit-journey li.fav-rainbow-list-item:focus.heathrow-connect,
  #fav-edit-place li.fav-rainbow-list-item:hover.heathrow-connect,
  #fav-edit-place li.fav-rainbow-list-item:focus.heathrow-connect {
    background: #f46d77; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.heathrow-express, #fav-edit-journey li.fav-rainbow-list-item:focus.heathrow-express,
  #fav-edit-place li.fav-rainbow-list-item:hover.heathrow-express,
  #fav-edit-place li.fav-rainbow-list-item:focus.heathrow-express {
    background: #42bdb8; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.island-line, #fav-edit-journey li.fav-rainbow-list-item:focus.island-line,
  #fav-edit-place li.fav-rainbow-list-item:hover.island-line,
  #fav-edit-place li.fav-rainbow-list-item:focus.island-line {
    background: #f7a35c; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.merseyrail, #fav-edit-journey li.fav-rainbow-list-item:focus.merseyrail,
  #fav-edit-place li.fav-rainbow-list-item:hover.merseyrail,
  #fav-edit-place li.fav-rainbow-list-item:focus.merseyrail {
    background: #fec046; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.northern-rail, #fav-edit-journey li.fav-rainbow-list-item:focus.northern-rail,
  #fav-edit-place li.fav-rainbow-list-item:hover.northern-rail,
  #fav-edit-place li.fav-rainbow-list-item:focus.northern-rail {
    background: #045a8f; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.scotrail, #fav-edit-journey li.fav-rainbow-list-item:focus.scotrail,
  #fav-edit-place li.fav-rainbow-list-item:hover.scotrail,
  #fav-edit-place li.fav-rainbow-list-item:focus.scotrail {
    background: #88979e; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.southeastern, #fav-edit-journey li.fav-rainbow-list-item:focus.southeastern,
  #fav-edit-place li.fav-rainbow-list-item:hover.southeastern,
  #fav-edit-place li.fav-rainbow-list-item:focus.southeastern {
    background: #0062a6; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.southern, #fav-edit-journey li.fav-rainbow-list-item:focus.southern,
  #fav-edit-place li.fav-rainbow-list-item:hover.southern,
  #fav-edit-place li.fav-rainbow-list-item:focus.southern {
    background: #008e40; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.south-west-trains, #fav-edit-journey li.fav-rainbow-list-item:focus.south-west-trains,
  #fav-edit-place li.fav-rainbow-list-item:hover.south-west-trains,
  #fav-edit-place li.fav-rainbow-list-item:focus.south-west-trains {
    background: #df100d; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.cross-country, #fav-edit-journey li.fav-rainbow-list-item:focus.cross-country,
  #fav-edit-place li.fav-rainbow-list-item:hover.cross-country,
  #fav-edit-place li.fav-rainbow-list-item:focus.cross-country {
    background: #8d2e5b; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.eurostar, #fav-edit-journey li.fav-rainbow-list-item:focus.eurostar,
  #fav-edit-place li.fav-rainbow-list-item:hover.eurostar,
  #fav-edit-place li.fav-rainbow-list-item:focus.eurostar {
    background: #b09e66; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.london-midland, #fav-edit-journey li.fav-rainbow-list-item:focus.london-midland,
  #fav-edit-place li.fav-rainbow-list-item:hover.london-midland,
  #fav-edit-place li.fav-rainbow-list-item:focus.london-midland {
    background: #7db42c; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.stanstead-express, #fav-edit-journey li.fav-rainbow-list-item:focus.stanstead-express,
  #fav-edit-place li.fav-rainbow-list-item:hover.stanstead-express,
  #fav-edit-place li.fav-rainbow-list-item:focus.stanstead-express {
    background: #565659; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.virgin-trains, #fav-edit-journey li.fav-rainbow-list-item:focus.virgin-trains,
  #fav-edit-place li.fav-rainbow-list-item:hover.virgin-trains,
  #fav-edit-place li.fav-rainbow-list-item:focus.virgin-trains {
    background: #945927; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.great-northern, #fav-edit-journey li.fav-rainbow-list-item:focus.great-northern,
  #fav-edit-place li.fav-rainbow-list-item:hover.great-northern,
  #fav-edit-place li.fav-rainbow-list-item:focus.great-northern {
    background: #0093c9; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.thameslink, #fav-edit-journey li.fav-rainbow-list-item:focus.thameslink,
  #fav-edit-place li.fav-rainbow-list-item:hover.thameslink,
  #fav-edit-place li.fav-rainbow-list-item:focus.thameslink {
    background: #d62d83; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.caledonian-sleeper, #fav-edit-journey li.fav-rainbow-list-item:focus.caledonian-sleeper,
  #fav-edit-place li.fav-rainbow-list-item:hover.caledonian-sleeper,
  #fav-edit-place li.fav-rainbow-list-item:focus.caledonian-sleeper {
    background: #202c6b; }
  #fav-edit-journey li.fav-rainbow-list-item:hover.bus, #fav-edit-journey li.fav-rainbow-list-item:focus.bus,
  #fav-edit-place li.fav-rainbow-list-item:hover.bus,
  #fav-edit-place li.fav-rainbow-list-item:focus.bus {
    background: #c6201c; }

#fav-home-status-bus .fav-rainbow-list {
  border-bottom: 1px solid #ffffff; }
  #fav-home-status-bus .fav-rainbow-list .fav-rainbow-list-item {
    border-top: 1px solid #ffffff; }
  #fav-home-status-bus .fav-rainbow-list .fav-service-identifier {
    background-color: #c33; }
    #fav-home-status-bus .fav-rainbow-list .fav-service-identifier.shuttlebus {
      background-color: #0019A8; }
  #fav-home-status-bus .fav-rainbow-list .fav-service-name-or-destination {
    color: #2d3039; }
    #fav-home-status-bus .fav-rainbow-list .fav-service-name-or-destination.fav-arrivals {
      padding-right: 0px; }
      #fav-home-status-bus .fav-rainbow-list .fav-service-name-or-destination.fav-arrivals span {
        font-weight: bold; }
  #fav-home-status-bus .fav-rainbow-list .fav-stop-letter {
    background-color: #eee; }
  #fav-home-status-bus .fav-rainbow-list .fav-stop-name {
    color: #2d3039;
    background-color: #eee; }

.expandable-box .ia-toggle-content > .start-hidden {
  padding: 0; }

.expandable-box .ia-toggle-content.expanded .with-indicator {
  border-top-width: 0; }

.expandable-box .ia-toggle-content.disconnected {
  border-bottom-width: 0; }
  .expandable-box .ia-toggle-content.disconnected.expanded .start-hidden {
    border-width: 0; }
  .expandable-box .ia-toggle-content.disconnected .with-indicator {
    margin-bottom: 30px; }

.ia-toggle-content .boxed-label-for-input {
  border-bottom-width: 1px;
  border-top-width: 0; }

.ia-toggle-content:first-of-type .boxed-label-for-input {
  border-top-width: 1px; }

.ia-toggle-content .stackable-container {
  border: solid #ccc;
  border-width: 0 1px 1px 1px; }

.ia-toggle-content.no-content.expanded {
  border-bottom: none; }

.with-indicator {
  position: relative; }
  .with-indicator:before {
    border-width: 0 5px 5.5px 5px;
    border-color: transparent transparent #ccc transparent;
    right: 17px;
    top: -6px;
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid; }
  .with-indicator:after {
    border-width: 0 5px 5.5px 5px;
    border-color: transparent transparent white transparent;
    right: 17px;
    top: -4px;
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid; }
  .with-indicator.blue:after {
    border-width: 0 5px 5.5px 5px;
    border-color: transparent transparent #eff6fe transparent;
    right: 17px;
    top: -4px;
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid; }
  .with-indicator.red:after {
    border-width: 0 5px 5.5px 5px;
    border-color: transparent transparent #ffefef transparent;
    right: 17px;
    top: -4px;
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid; }
  .with-indicator.white:after {
    border-width: 0 5px 5.5px 5px;
    border-color: transparent transparent #ffffff transparent;
    right: 17px;
    top: -4px;
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid; }
  .with-indicator.green:after {
    border-width: 0 5px 5.5px 5px;
    border-color: transparent transparent #e6f6de transparent;
    right: 17px;
    top: -4px;
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid; }
  .with-indicator.yellow:after {
    border-width: 0 5px 5.5px 5px;
    border-color: transparent transparent #fbf6e0 transparent;
    right: 17px;
    top: -4px;
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid; }
  .disabled-tile .with-indicator:after {
    border-width: 0 5px 5.5px 5px;
    border-color: transparent transparent #eee transparent;
    right: 17px;
    top: -4px;
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid; }
  .warning .with-indicator:before {
    border-width: 0 5px 5.5px 5px;
    border-color: transparent transparent #ccc transparent;
    right: 17px;
    top: -6px;
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid; }
  .warning .with-indicator:after {
    border-width: 0 5px 5.5px 5px;
    border-color: transparent transparent #fbf6e0 transparent;
    right: 17px;
    top: -4px;
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid; }
  .with-indicator.supplemental-charge:before {
    border-width: 0 5px 5.5px 5px;
    border-color: transparent transparent #ccc transparent;
    right: 96%;
    top: -5px;
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid; }
  .with-indicator.supplemental-charge:after {
    border-width: 0 5px 5.5px 5px;
    border-color: transparent transparent #fbf6e0 transparent;
    right: 96%;
    top: -4px;
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid; }

.with-indicator .global-warning-top-icon {
  margin-bottom: 0; }

.hanging-information-messages .hanging-message, .hanging-information-messages .cta-hanging-message {
  background-color: #eff6fe;
  border-width: 0 0 3px; }
  .hanging-information-messages .hanging-message .with-indicator, .hanging-information-messages .cta-hanging-message .with-indicator {
    padding: 12px 7px 12px 12px; }
    .hanging-information-messages .hanging-message .with-indicator:before, .hanging-information-messages .cta-hanging-message .with-indicator:before, .hanging-information-messages .hanging-message .with-indicator:after, .hanging-information-messages .cta-hanging-message .with-indicator:after {
      right: 2.4%; }
  .hanging-information-messages .hanging-message .price-point, .hanging-information-messages .cta-hanging-message .price-point {
    width: 30px;
    font-weight: bold;
    float: right; }
    .hanging-information-messages .hanging-message .price-point + p, .hanging-information-messages .cta-hanging-message .price-point + p {
      max-width: 85%; }
  .hanging-information-messages .hanging-message .dotted-cta-separator, .hanging-information-messages .cta-hanging-message .dotted-cta-separator {
    margin: 12px 0; }

.inverse-definition-list {
  font-size: 16px;
  overflow: hidden; }
  .inverse-definition-list dt {
    float: left;
    clear: left; }
  .inverse-definition-list dd {
    float: left;
    font-weight: bold;
    margin-left: 12px; }

.input-accordion {
  margin-bottom: 30px;
  margin-left: 0;
  clear: both; }

.message-container, .instructional-container, .confirmation-container, .information-container, .reminder-container, .topay-container {
  padding: 16px;
  font-size: 16px; }
  .message-container .message-title, .instructional-container .message-title, .confirmation-container .message-title, .information-container .message-title, .reminder-container .message-title, .topay-container .message-title {
    margin-bottom: 15px;
    font-weight: bold;
    line-height: 26px; }
  .message-container p, .instructional-container p, .confirmation-container p, .information-container p, .reminder-container p, .topay-container p {
    line-height: 1.5;
    vertical-align: baseline; }
  .message-container strong, .instructional-container strong, .confirmation-container strong, .information-container strong, .reminder-container strong, .topay-container strong {
    line-height: 1.5;
    vertical-align: baseline; }
  .message-container .friendly-name, .instructional-container .friendly-name, .confirmation-container .friendly-name, .information-container .friendly-name, .reminder-container .friendly-name, .topay-container .friendly-name {
    display: block;
    -ms-word-break: break-all;
    word-break: break-all;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto; }

.instructional-container {
  background-color: #2d3039;
  color: white; }

.confirmation-container {
  background-color: #e9f5dd; }

.information-container {
  background-color: #ffffff; }
  .information-container p {
    padding-left: 40px; }
    .information-container p: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 -1920px;
      bottom: auto;
      left: 16px;
      right: auto;
      top: 23%; }
      .body-cms-preview .information-container p:before {
        background-image: url("/static/1/images/vsprite.17114d90.png"); }

.grouped-info-container {
  background-color: #eff6fe;
  padding: 20px; }

.reminder-container {
  font-style: italic;
  color: #a8a8a8;
  padding-top: 0; }
  .reminder-container .message-title {
    margin-bottom: 5px; }

.topay-container {
  border: solid #ccc 1px;
  border-bottom-width: 3px;
  margin-top: 1em;
  margin-bottom: 1em; }
  .topay-container .content {
    text-align: center;
    margin-bottom: 0; }

.vertical-link-container {
  border: solid #a8a8a8 1px; }
  .vertical-link-container .plain-button:last-child {
    border-bottom-width: 0; }

.attention {
  position: relative;
  padding: 0 0 0 40px; }
  .attention: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: 0px -832px;
    bottom: auto;
    left: -1px;
    right: auto;
    top: -5px; }
    .body-cms-preview .attention:before {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }

.alert .with-indicator {
  background-color: #ffefef; }

.alert .attention:before {
  background-position: -32px -832px; }

.global-error, .global-error-middle-icon, .global-error-top-icon {
  color: #a92727;
  padding-bottom: 30px;
  background-color: #ffefef;
  margin-bottom: 30px; }
  .global-error:last-child, .global-error-middle-icon:last-child, .global-error-top-icon:last-child {
    margin-bottom: 0; }

.global-error-middle-icon {
  display: inline-block;
  font-size: 16px;
  position: relative;
  width: 100%;
  padding: 20px 15px 15px 63px;
  outline: none; }
  .global-error-middle-icon: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 -832px;
    bottom: auto;
    left: 15px;
    right: auto;
    top: 50%; }
    .body-cms-preview .global-error-middle-icon:before {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .global-error-middle-icon:before {
    margin-top: -16px;
    zoom: 1; }
  .global-error-middle-icon strong {
    line-height: inherit;
    vertical-align: inherit; }

.global-error-top-icon {
  display: inline-block;
  font-size: 16px;
  position: relative;
  width: 100%;
  padding: 20px 15px 15px 63px;
  outline: none;
  padding: 20px 20px 20px 60px;
  position: relative; }
  .global-error-top-icon: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 -832px;
    bottom: auto;
    left: 15px;
    right: auto;
    top: 20px; }
    .body-cms-preview .global-error-top-icon:before {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .global-error-top-icon:before {
    margin-top: 0;
    zoom: 1; }
  .global-error-top-icon strong {
    line-height: inherit;
    vertical-align: inherit; }

.global-warning, .global-warning-middle-icon, .global-warning-top-icon {
  background-color: #fbf4e1;
  padding-bottom: 30px;
  margin-bottom: 30px; }
  .global-warning *:last-child, .global-warning-middle-icon *:last-child, .global-warning-top-icon *:last-child {
    margin-bottom: 0; }
  .global-warning.hidden, .hidden.global-warning-middle-icon, .hidden.global-warning-top-icon {
    display: none; }

.global-warning-middle-icon {
  display: inline-block;
  font-size: 16px;
  position: relative;
  width: 100%;
  padding: 20px 15px 15px 63px;
  outline: none; }
  .global-warning-middle-icon: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: 0px -832px;
    bottom: auto;
    left: 15px;
    right: auto;
    top: 50%; }
    .body-cms-preview .global-warning-middle-icon:before {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .global-warning-middle-icon:before {
    margin-top: -16px;
    zoom: 1; }
  .global-warning-middle-icon strong {
    line-height: inherit;
    vertical-align: inherit; }

.validation-error {
  color: #a92727;
  background-color: #ffefef;
  margin-top: 10px;
  display: inline-block;
  font-size: 16px;
  position: relative;
  width: 100%;
  padding: 20px 15px 15px 63px;
  outline: none; }
  .validation-error: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 -832px;
    bottom: auto;
    left: 15px;
    right: auto;
    top: 50%; }
    .body-cms-preview .validation-error:before {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .validation-error:before {
    margin-top: -16px;
    zoom: 1; }
  .validation-error strong {
    line-height: inherit;
    vertical-align: inherit; }

.caps-and-journey {
  margin-bottom: 15px; }

.edit-journey-container {
  margin-top: 20px; }

.global-warning-top-icon {
  display: inline-block;
  font-size: 16px;
  position: relative;
  width: 100%;
  padding: 20px 15px 15px 63px;
  outline: none;
  margin-bottom: 30px; }
  .global-warning-top-icon: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: 0px -832px;
    bottom: auto;
    left: 15px;
    right: auto;
    top: 20px; }
    .body-cms-preview .global-warning-top-icon:before {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .global-warning-top-icon:before {
    margin-top: 0;
    zoom: 1; }
  .global-warning-top-icon strong {
    line-height: inherit;
    vertical-align: inherit; }
  .stacked-list-item .global-warning-top-icon {
    margin-bottom: 0; }

.form-success, .form-success-middle-icon, .form-success-top-icon, .global-success {
  background-color: #e9f5dd;
  padding-bottom: 30px;
  margin-bottom: 30px; }
  .form-success *:last-child, .form-success-middle-icon *:last-child, .form-success-top-icon *:last-child, .global-success *:last-child {
    margin-bottom: 0; }

.form-info, .form-info-middle-icon, .form-info-top-icon {
  background-color: #eff6fe;
  padding-bottom: 30px;
  margin-bottom: 30px; }
  .form-info *:last-child, .form-info-middle-icon *:last-child, .form-info-top-icon *:last-child {
    margin-bottom: 0; }

.form-success-middle-icon {
  display: inline-block;
  font-size: 16px;
  position: relative;
  width: 100%;
  padding: 20px 15px 15px 63px;
  outline: none; }
  .form-success-middle-icon: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: 0px -2592px;
    bottom: auto;
    left: 15px;
    right: auto;
    top: 50%; }
    .body-cms-preview .form-success-middle-icon:before {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .form-success-middle-icon:before {
    margin-top: -16px;
    zoom: 1; }
  .form-success-middle-icon strong {
    line-height: inherit;
    vertical-align: inherit; }

p.form-success-middle-icon {
  padding-top: 15px; }

.form-success-top-icon, .global-success {
  display: inline-block;
  font-size: 16px;
  position: relative;
  width: 100%;
  padding: 20px 15px 15px 63px;
  outline: none;
  margin-bottom: 30px; }
  .form-success-top-icon > :first-child:before, .global-success > :first-child: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: 0px -2592px;
    bottom: auto;
    left: 15px;
    right: auto;
    top: auto; }
    .body-cms-preview .form-success-top-icon > :first-child:before, .body-cms-preview .global-success > :first-child:before {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .form-success-top-icon > :first-child:before, .global-success > :first-child:before {
    margin-top: -3px; }
  .form-success-top-icon strong, .global-success strong {
    line-height: inherit;
    vertical-align: inherit; }

.form-info-middle-icon {
  display: inline-block;
  font-size: 16px;
  position: relative;
  width: 100%;
  padding: 20px 15px 15px 63px;
  outline: none; }
  .form-info-middle-icon: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 -1920px;
    bottom: auto;
    left: 15px;
    right: auto;
    top: 50%; }
    .body-cms-preview .form-info-middle-icon:before {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .form-info-middle-icon:before {
    margin-top: -16px;
    zoom: 1; }
  .form-info-middle-icon strong {
    line-height: inherit;
    vertical-align: inherit; }

.form-info-top-icon {
  display: inline-block;
  font-size: 16px;
  position: relative;
  width: 100%;
  padding: 20px 15px 15px 63px;
  outline: none; }
  .form-info-top-icon: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 -1920px;
    bottom: auto;
    left: 15px;
    right: auto;
    top: 20px; }
    .body-cms-preview .form-info-top-icon:before {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .form-info-top-icon:before {
    margin-top: 0;
    zoom: 1; }
  .form-info-top-icon strong {
    line-height: inherit;
    vertical-align: inherit; }

.hanging-message, .cta-hanging-message {
  clear: both;
  border: #ccc 1px solid;
  border-top-width: 0;
  border-bottom: 3px solid rgba(204, 204, 204, 0.75);
  margin-bottom: 30px; }
  .hanging-message p, .cta-hanging-message p {
    margin-bottom: 0;
    font-size: 16px; }
  .hanging-message .with-indicator, .cta-hanging-message .with-indicator {
    z-index: 2;
    border-top: #ccc 1px solid;
    clear: both; }
    .hanging-message .with-indicator:after, .cta-hanging-message .with-indicator:after {
      right: 50%; }
    .hanging-message .with-indicator:before, .cta-hanging-message .with-indicator:before {
      right: 50%; }
  @media only screen and (max-width: 579px) {
    .hanging-message .global-warning-middle-icon, .cta-hanging-message .global-warning-middle-icon, .hanging-message .global-error-middle-icon, .cta-hanging-message .global-error-middle-icon, .hanging-message .global-success-middle-icon, .cta-hanging-message .global-success-middle-icon {
      padding: 50px 15px 15px 16px; }
      .hanging-message .global-warning-middle-icon:before, .cta-hanging-message .global-warning-middle-icon:before, .hanging-message .global-error-middle-icon:before, .cta-hanging-message .global-error-middle-icon:before, .hanging-message .global-success-middle-icon:before, .cta-hanging-message .global-success-middle-icon:before {
        margin-left: -21px;
        left: 50%;
        top: 25px; } }

.with-indicator .global-warning-top-icon,
.with-indicator .global-error-top-icon,
.with-indicator .global-warning-middle-icon,
.with-indicator .global-error-middle-icon,
.stacked-list-item .global-warning-top-icon,
.stacked-list-item .global-error-top-icon,
.stacked-list-item .global-warning-middle-icon,
.stacked-list-item .global-error-middle-icon {
  margin-bottom: 0; }

.with-indicator .button-set,
.stacked-list-item .button-set {
  padding: 0 1em;
  margin-top: 1em; }

.process-end-message-module {
  margin-bottom: 30px;
  padding-bottom: 0; }
  .process-end-message-module .message-title {
    font-family: "NJ Signing";
    font-weight: normal; }

.sent-confirmation, .email-confirmation {
  padding: 20px;
  padding-left: 75px;
  background-color: #eee;
  font-weight: bold;
  font-size: 16px;
  border-bottom: 3px solid #ccc;
  position: relative; }
  .sent-confirmation:before, .email-confirmation: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 0px;
    bottom: auto;
    left: 5px;
    right: auto;
    top: 50%; }
    .body-cms-preview .sent-confirmation:before, .body-cms-preview .email-confirmation:before {
      background-image: url("/static/1/images/vsprite_largeicons.f8f4a4b8.png"); }
  .sent-confirmation:before, .email-confirmation:before {
    vertical-align: middle;
    display: inline-block;
    margin-top: -32px; }

.email-confirmation:before {
  background-position: -64px 0px; }

.confirmation-copy {
  color: #a8a8a8; }

.car-msg {
  background-color: #eee;
  font-weight: bold;
  font-size: 16px;
  vertical-align: middle;
  border-bottom: 3px solid #ccc;
  margin-bottom: 1em;
  position: relative;
  padding: 15px 70px 15px 75px; }
  .car-msg.boxed-label-for-input {
    padding-right: 45px; }
  .car-msg .title {
    display: block;
    font-size: 28px;
    line-height: 35px;
    font-family: "NJ Signing";
    font-weight: normal; }
  .car-msg .extra-info {
    display: block;
    font-weight: normal;
    line-height: 1.4;
    vertical-align: baseline; }
    .car-msg .extra-info strong {
      font-weight: bold;
      vertical-align: baseline; }
  .car-msg .vehicle-make-model {
    margin-bottom: 5px; }
  .car-msg.updated {
    background-color: #fbf5e1; }
    .car-msg.updated .vehicle-details {
      color: #1a5a92; }
  .car-msg .vehicle-details {
    display: inline-block; }
    .car-msg .vehicle-details: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 .car-msg .vehicle-details:before {
        background-image: url("/static/1/images/vsprite_largeicons.f8f4a4b8.png"); }
    .car-msg .vehicle-details:before {
      vertical-align: middle;
      display: inline-block;
      margin-top: -32px; }
  #matched-vehicle-result .car-msg {
    margin-bottom: 20px; }
  .stacked-list-item .car-msg {
    border-top: 1px solid #ccc;
    margin-bottom: 0; }

.editable-list .stacked-list-item {
  border-top: 0; }
  .editable-list .stacked-list-item .form-info-middle-icon {
    border-bottom: #ccc 1px solid; }

.vehicle-group .boxed-label-for-input {
  border-width: 0 0 3px 0;
  padding-left: 75px; }

.different-vehicle .title {
  font-family: "New Johnson Bold";
  font-size: 23px; }

.stacked-messaging-container, .charge-details {
  border: 1px solid #ccc;
  margin-bottom: 30px; }
  .stacked-messaging-container .message-container, .charge-details .message-container, .stacked-messaging-container .instructional-container, .charge-details .instructional-container, .stacked-messaging-container .confirmation-container, .charge-details .confirmation-container, .stacked-messaging-container .information-container, .charge-details .information-container, .stacked-messaging-container .reminder-container, .charge-details .reminder-container, .stacked-messaging-container .topay-container, .charge-details .topay-container {
    border-bottom: 1px solid #ccc;
    margin-bottom: 0; }
    .stacked-messaging-container .message-container:last-child, .charge-details .message-container:last-child, .stacked-messaging-container .instructional-container:last-child, .charge-details .instructional-container:last-child, .stacked-messaging-container .confirmation-container:last-child, .charge-details .confirmation-container:last-child, .stacked-messaging-container .information-container:last-child, .charge-details .information-container:last-child, .stacked-messaging-container .reminder-container:last-child, .charge-details .reminder-container:last-child, .stacked-messaging-container .topay-container:last-child, .charge-details .topay-container:last-child {
      border-bottom-width: 0; }

.charge-details {
  margin-bottom: 40px; }

.charge-container {
  position: relative;
  padding-left: 75px; }
  .charge-container.updated {
    background-color: #fbf5e1; }
    .charge-container.updated .content {
      color: #1a5a92; }
  .charge-container.congestion-charge: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 0px;
    bottom: auto;
    left: 5px;
    right: auto;
    top: 50%; }
    .body-cms-preview .charge-container.congestion-charge:before {
      background-image: url("/static/1/images/vsprite_largeicons.f8f4a4b8.png"); }
  .charge-container.lez-charge: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: -192px 0px;
    bottom: auto;
    left: 5px;
    right: auto;
    top: 50%; }
    .body-cms-preview .charge-container.lez-charge:before {
      background-image: url("/static/1/images/vsprite_largeicons.f8f4a4b8.png"); }
  .charge-container:before {
    vertical-align: middle;
    display: inline-block;
    margin-top: -32px; }
  .charge-container .message-title {
    text-transform: uppercase; }

.zone-search-result {
  margin-top: 20px;
  position: relative; }
  .zone-search-result h2 {
    padding-left: 48px;
    padding-bottom: 12px; }
  .zone-search-result p {
    line-height: 1.2; }
    .zone-search-result p * {
      line-height: 1.2; }
  .zone-search-result + .zone-search-result {
    margin-top: 40px; }

.for-congestion-charge-zone: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 0px;
  bottom: auto;
  left: -10px;
  right: auto;
  top: -18px; }
  .body-cms-preview .for-congestion-charge-zone:before {
    background-image: url("/static/1/images/vsprite_largeicons.f8f4a4b8.png"); }

.for-low-emission-zone: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: -192px 0px;
  bottom: auto;
  left: -10px;
  right: auto;
  top: -18px; }
  .body-cms-preview .for-low-emission-zone:before {
    background-image: url("/static/1/images/vsprite_largeicons.f8f4a4b8.png"); }

.residents-discount-zone-checker .loading-information {
  min-height: 180px;
  padding-top: 200px; }

.accordion-message-wrapper {
  border: #ccc solid;
  border-width: 0 1px 1px; }

#zone-checker-address-result .button-set {
  display: none; }

.account-tile,
.account-detail-tile {
  background: #eee url(/static/1/images/temp-blueman-needs-spriteification.png) no-repeat 0px 50%;
  position: relative;
  padding: 18px 12px 10px 60px;
  border: 1px solid #ccc;
  margin-bottom: 20px; }
  .account-tile .tile-content,
  .account-detail-tile .tile-content {
    max-width: 80%; }
  .account-tile .h-adr,
  .account-detail-tile .h-adr {
    margin-bottom: 0; }

.account-holder {
  border-bottom: 0; }

.has-residents, .receipt-prefs {
  margin-bottom: 0;
  border-bottom: 0; }

.account-detail-tile {
  background-image: none;
  padding: 18px 12px; }
  .account-detail-tile dd + dt {
    margin-top: 4px; }
  .account-detail-tile.active-edit {
    background-color: #fff; }

.account-edit-link {
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -8px;
  color: #2070b0;
  text-decoration: underline; }
  .account-edit-link:hover, .account-edit-link:focus {
    color: #113b92; }

.account-holder {
  margin-bottom: 0; }
  .account-holder p {
    margin-bottom: 0; }

.account-section-heading {
  border-bottom: 1px solid #ccc;
  margin: 30px 0; }

.account-edit-fields {
  display: none;
  margin-bottom: 20px; }
  .no-js .account-edit-fields {
    display: block; }
  .account-edit-fields .address-lookup-control {
    margin-bottom: 0; }
  .account-edit-fields .remove-content {
    top: 4px !important; }

.ruc-status-suspended {
  color: #a92727; }

.number-wrapper {
  width: 100%;
  float: left;
  display: none; }
  .number-wrapper .number-pad-input {
    border-radius: 3px;
    height: 44px;
    margin: 10px 0 0 10px;
    float: left;
    text-align: center;
    padding: 10px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .number-wrapper .number-pad-input.secondary-button, .number-wrapper .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.number-pad-input, .responsive-button-row.collapsed.opened .number-wrapper .rbr-group-button ~ div.rbr-button > a.number-pad-input {
      width: calc(33% - 6px);
      float: left; }
      .number-wrapper .number-pad-input.secondary-button.reset, .number-wrapper .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.number-pad-input.reset, .responsive-button-row.collapsed.opened .number-wrapper .rbr-group-button ~ div.rbr-button > a.number-pad-input.reset {
        background: #fff;
        margin-left: 10px; }
      .number-wrapper .number-pad-input.secondary-button.zero, .number-wrapper .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.number-pad-input.zero, .responsive-button-row.collapsed.opened .number-wrapper .rbr-group-button ~ div.rbr-button > a.number-pad-input.zero {
        margin-left: calc(33% + 4px); }
    .number-wrapper .number-pad-input:first-child {
      margin-left: 0; }
    .number-wrapper .number-pad-input:nth-child(4) {
      margin-left: 0; }
    .number-wrapper .number-pad-input:nth-child(7) {
      margin-left: 0; }

.result-wrap {
  display: none;
  float: left;
  width: 100%;
  margin-top: 20px; }
  .result-wrap .result-header {
    padding: 15px 15px 15px 100px;
    min-height: 70px;
    position: relative;
    background: #000;
    color: #f9d42b; }
    .result-wrap .result-header span.number {
      position: absolute;
      left: 0px;
      top: 40%;
      margin-top: -25px;
      font-size: 40px;
      text-align: center;
      width: 80px;
      display: block; }
    .result-wrap .result-header h3 {
      margin-bottom: 0; }
  .result-wrap .result-info {
    padding: 10px;
    background: #faf5e1;
    border-bottom: solid 2px #f9d42b; }

.first-last-train {
  padding-top: 10px; }
  .first-last-train ul.services {
    list-style: none;
    margin-left: 0;
    margin-bottom: 0; }
    .first-last-train ul.services li {
      background: #f7f7f7;
      position: relative;
      padding: 16px 50px 16px 30px;
      border-top: none;
      border-left: solid 1px #ccc;
      border-right: solid 1px #ccc;
      border-bottom: solid 1px #ccc; }
      .first-last-train ul.services li:first-child {
        border-top: solid 1px #ccc; }
      .first-last-train ul.services li.toggle-button {
        background: #fff;
        padding: 10px;
        cursor: pointer;
        text-align: center;
        color: #2070b0;
        margin-right: 0; }
      .first-last-train ul.services li span {
        font-weight: bold; }
        .first-last-train ul.services li span.time {
          position: absolute;
          right: 10px;
          top: 50%;
          margin-top: -11px; }
        .first-last-train ul.services li span:first-child {
          position: absolute;
          background: red;
          left: 10px;
          bottom: 10px;
          top: 10px;
          width: 10px; }
          .first-last-train ul.services li span:first-child.bakerloo {
            background: #b26300; }
          .first-last-train ul.services li span:first-child.central {
            background: #dc241f; }
          .first-last-train ul.services li span:first-child.circle {
            background: #ffc80a; }
          .first-last-train ul.services li span:first-child.district {
            background: #ffc80a; }
          .first-last-train ul.services li span:first-child.district {
            background: #007d32; }
          .first-last-train ul.services li span:first-child.hammersmith-city {
            background: #f589a6; }
          .first-last-train ul.services li span:first-child.jubilee {
            background: #838d93; }
          .first-last-train ul.services li span:first-child.metropolitan {
            background: #9b0058; }
          .first-last-train ul.services li span:first-child.northern {
            background: #000000; }
          .first-last-train ul.services li span:first-child.piccadilly {
            background: #0019a8; }
          .first-last-train ul.services li span:first-child.victoria {
            background: #039be5; }
          .first-last-train ul.services li span:first-child.waterloo-city {
            background: #76d0bd; }

.first-last-summary .toggle-button {
  width: 100%;
  height: 44px;
  padding: 8px;
  margin-right: 0; }

#first-last-summary.loading {
  position: relative;
  background: #fff; }
  #first-last-summary.loading:after {
    visibility: visible;
    z-index: 999;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -32px;
    margin-left: -32px; }
  #first-last-summary.loading:before {
    content: '';
    width: 100%;
    height: 100%;
    background: white;
    z-index: 998;
    visibility: visible;
    position: absolute;
    opacity: .9; }

.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, .box .responsive-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%; }

/**************************************************
	M089-did-you-know-box
* Author: Richard Inman
* Created: 10/06/2016
* Pattern library URL:
**************************************************/
.did-you-know-box {
  margin-bottom: 20px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 10px 0; }
  @media (min-width: 580px) {
    .did-you-know-box {
      margin: 0 20px 15px 0;
      padding-right: 24px;
      display: block;
      float: left;
      position: relative;
      width: 50%; } }
  .did-you-know-box h2 {
    padding-top: 10px; }
  .did-you-know-box a {
    display: block;
    padding: 10px 0; }

a.click-to-call {
  display: inline-block; }

span.click-to-call {
  display: none; }

.header-key {
  position: relative;
  padding-left: 34px;
  padding-top: 6px; }
  .header-key: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 .header-key:before {
      background-image: url("/static/1/images/vsprite.17114d90.png"); }
  .header-key.cycle-superhighway-type:before {
    background-position: -32px -3264px; }
  .header-key.quietway-type:before {
    background-position: 0px -3264px; }

/**
 * alertifyjs 1.4.1 http://alertifyjs.com
 * AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications.
 * Copyright 2015 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com) 
 * Licensed under MIT <http://opensource.org/licenses/mit-license.php>*/
.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; }

.ai-search .submit-button {
  margin-right: 5px; }
  .ai-search .submit-button .primary-button {
    padding: 0px; }

.ai-search .button-set {
  padding: 0px; }
  .ai-search .button-set .primary-button:first-child,
  .ai-search .button-set .secondary-button:first-child,
  .ai-search .button-set .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a:first-child,
  .responsive-button-row.collapsed.opened .ai-search .button-set .rbr-group-button ~ div.rbr-button > a:first-child {
    float: none; }
  .ai-search .button-set .primary-button {
    padding: 6px 20px 6px 20px; }
  .ai-search .button-set a {
    width: auto; }

.ai-search .more-results button {
  border: 0;
  background: none;
  color: #2070B0;
  float: right;
  padding-bottom: 10px;
  padding-right: 0;
  font-size: 16px; }

/*
The idea of shame.css is that you have a totally new stylesheet reserved just for your hacky code. 
The code you have to write to get the release out on time, but the code that makes you ashamed.
http://csswizardry.com/2013/04/shame-css/

By putting your bodges, hacks and quick-fixes in their own file you do a few things:

You make them stick out like a sore thumb.
You keep your ‘main’ codebase clean.
You make developers aware that their hacks are made very visible.
You make them easier to isolate and fix.
$ git blame shame.css.
If anyone has to add a quick hack, they add it to shame.css, this means that they’re putting their hacks out there in the open; it means that they are aware that what they’re doing is hacky, it forces them to document what the problem was, how the hack fixes it, and how they might fix it for real given more time.

It means that other developers can see what hacks are being introduced, and why; it means that all the hacky bits of CSS are self contained, and it creates a self-fulfilling todo list.
*/
/* Warning: while this works, it may cause high CPU load */
@-webkit-keyframes webkit-selector-bugfix {
  from {
    padding: 0; }
  to {
    padding: 0; } }

.is-safari .styled-checkbox {
  /* Warning: while this works, it may cause high CPU load */
  -webkit-animation: webkit-selector-bugfix infinite 1s; }

/*to fix the numbering issue with the lists styled to use the NJB font for numbering
https://code.google.com/p/chromium/issues/detail?id=406760
http://stackoverflow.com/questions/22011139/google-fonts-are-not-rendering-on-google-chrome
*/
@-webkit-keyframes fontfix {
  from {
    opacity: 1; }
  to {
    opacity: 1; } }

.numbered-list, .required-evidence-list, .review-list {
  -webkit-animation-delay: 0.1s;
  -webkit-animation-name: fontfix;
  -webkit-animation-duration: 0.1s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear; }