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

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

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

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

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

* html .clearfix {
  zoom: 1;
}

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

/* IE7 */
.hidden, .icon-replacement-text {
  display: none;
}

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

.bold {
  font-weight: bold;
}

.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;
}

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

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

.no-outline {
  outline: none;
}

/* 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, a.ui-state-default:hover, a.ui-state-default:focus {
  background-color: #e6e6e6;
  background-image: -webkit-linear-gradient(top, #e6e6e6 , #d9d9d9 , #d9d9d9);
  background-image: -moz-linear-gradient(top, #e6e6e6 , #d9d9d9 , #d9d9d9);
  background-image: -ms-linear-gradient(top, #e6e6e6 , #d9d9d9 , #d9d9d9);
  background-image: -o-linear-gradient(top, #e6e6e6 , #d9d9d9 , #d9d9d9);
  background-image: linear-gradient(top, #e6e6e6 , #d9d9d9 , #d9d9d9);
}

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

.flat-button, .back-to-link, .video-gallery-wrapper .video-thumbs .video-thumb .video-caption, .video-gallery-title, .bus-option, .map-options-panel .map-options-panel-heading, .rainbow-list .service-name {
  font-family: "New Johnson";
  font-size: 16px;
}

h1, h2, h3, .header-two, .header-three, .live-board .live-board-subheading, .map-panel .nearby-list-heading, .map-panel .map-panel-heading {
  font-family: "New Johnson Bold";
  font-size: 18px;
}

.section-style, h1.signing, .section-landing-container h1, .headline, .hero-headline, .headline-container.content-page h1 {
  font-family: "NJ Signing";
  text-transform: uppercase;
  letter-spacing: -0.045em;
}

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

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

.cookie-policy-button {
  float: left;
  margin: 0 0 0 2.54%;
  width: 5.577%;
}

#cookie-policy-text {
  float: left;
  margin: 0 0 0 2.54%;
  width: 86.747%;
}

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

.visually-hidden, .assistive-text {
  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, a.ui-state-default:hover, a.ui-state-default:focus, .ui-datepicker .ui-datepicker-prev:not([disabled='disabled']):hover, .ui-datepicker .ui-datepicker-next:not([disabled='disabled']):hover, .ui-datepicker .ui-datepicker-prev:not([disabled='disabled']):focus, .ui-datepicker .ui-datepicker-next:not([disabled='disabled']):focus, .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, .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, .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, .disruption-message .link-message:hover, .disruption-message .link-message:focus, .stop-list a.stop-link:focus:not(.no-arrow), .timetable-route a.stop-link:focus:not(.no-arrow), .stop-list a.stop-link:hover:not(.no-arrow), .timetable-route a.stop-link:hover:not(.no-arrow), .nearby-list a:hover, .nearby-list a:focus, .bus-option .bus-option-route-name:hover, .bus-option .bus-option-route-name:focus, .document-download-wrap:hover, .document-download-wrap:focus, .responsive-button-row.collapsed.opened .rbr-group-button > a, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .disruption-summary, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .disruption-summary, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .disruption-summary, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .disruption-summary, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .disruption-summary, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .disruption-summary, .rainbow-list-wrapper .good-service-link:hover, .rainbow-list-wrapper .good-service-link:focus {
  -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;
}

#search-filter input {
  float: left;
}

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

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

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

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

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

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

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

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  background-color: #164b79;
  background-image: -webkit-linear-gradient(bottom, #164b79 0% , #164b79 2px , #1a5a92 2px , #3f75a4 100%);
  background-image: -moz-linear-gradient(bottom, #164b79 0% , #164b79 2px , #1a5a92 2px , #3f75a4 100%);
  background-image: -ms-linear-gradient(bottom, #164b79 0% , #164b79 2px , #1a5a92 2px , #3f75a4 100%);
  background-image: -o-linear-gradient(bottom, #164b79 0% , #164b79 2px , #1a5a92 2px , #3f75a4 100%);
  background-image: linear-gradient(bottom, #164b79 0% , #164b79 2px , #1a5a92 2px , #3f75a4 100%);
  -webkit-transition: background-image 0.3s ease;
  -moz-transition: background-image 0.3s ease;
  -o-transition: background-image 0.3s ease;
  -ms-transition: background-image 0.3s ease;
  transition: background-image 0.3s ease;
  position: absolute;
  width: 34px;
  height: 34px;
  top: 0;
  display: block;
  padding: 0;
}
.ui-datepicker .ui-datepicker-prev:not([disabled='disabled']):hover, .ui-datepicker .ui-datepicker-next:not([disabled='disabled']):hover, .ui-datepicker .ui-datepicker-prev:not([disabled='disabled']):focus, .ui-datepicker .ui-datepicker-next:not([disabled='disabled']):focus {
  background-color: #315b7f;
  background-image: -webkit-linear-gradient(top, #315b7f , #123f67);
  background-image: -moz-linear-gradient(top, #315b7f , #123f67);
  background-image: -ms-linear-gradient(top, #315b7f , #123f67);
  background-image: -o-linear-gradient(top, #315b7f , #123f67);
  background-image: linear-gradient(top, #315b7f , #123f67);
}
.ui-datepicker [disabled='disabled'].ui-datepicker-prev, .ui-datepicker [disabled='disabled'].ui-datepicker-next, .ui-datepicker .ui-datepicker-prev .disabled, .ui-datepicker .ui-datepicker-next .disabled {
  background-color: #e1e1e1;
  background-image: -webkit-linear-gradient(bottom, #e1e1e1 0% , #cecece 2px , #e1e1e1 2px , #ebebeb 100%);
  background-image: -moz-linear-gradient(bottom, #e1e1e1 0% , #cecece 2px , #e1e1e1 2px , #ebebeb 100%);
  background-image: -ms-linear-gradient(bottom, #e1e1e1 0% , #cecece 2px , #e1e1e1 2px , #ebebeb 100%);
  background-image: -o-linear-gradient(bottom, #e1e1e1 0% , #cecece 2px , #e1e1e1 2px , #ebebeb 100%);
  background-image: linear-gradient(bottom, #e1e1e1 0% , #cecece 2px , #e1e1e1 2px , #ebebeb 100%);
  text-shadow: none;
  border-color: #aaaaaa;
}
.ui-datepicker [disabled='disabled'].ui-datepicker-prev .cta-content:before, .ui-datepicker [disabled='disabled'].ui-datepicker-next .cta-content:before, .ui-datepicker .ui-datepicker-prev .disabled .cta-content:before, .ui-datepicker .ui-datepicker-next .disabled .cta-content:before {
  opacity: 0.25;
}
.ui-datepicker .disabled.ui-datepicker-prev, .ui-datepicker .disabled.ui-datepicker-next {
  background-color: #f3f3f3;
  background-image: -webkit-linear-gradient(bottom, #f3f3f3 0% , #164b79 2px , #f3f3f3 2px , white 100%);
  background-image: -moz-linear-gradient(bottom, #f3f3f3 0% , #164b79 2px , #f3f3f3 2px , white 100%);
  background-image: -ms-linear-gradient(bottom, #f3f3f3 0% , #164b79 2px , #f3f3f3 2px , white 100%);
  background-image: -o-linear-gradient(bottom, #f3f3f3 0% , #164b79 2px , #f3f3f3 2px , white 100%);
  background-image: linear-gradient(bottom, #f3f3f3 0% , #164b79 2px , #f3f3f3 2px , white 100%);
  -webkit-transition: background-image 0.3s ease;
  -moz-transition: background-image 0.3s ease;
  -o-transition: background-image 0.3s ease;
  -ms-transition: background-image 0.3s ease;
  transition: background-image 0.3s ease;
  cursor: default;
}
.ui-datepicker .disabled.ui-datepicker-prev:not([disabled='disabled']):hover, .ui-datepicker .disabled.ui-datepicker-next:not([disabled='disabled']):hover, .ui-datepicker .disabled.ui-datepicker-prev:not([disabled='disabled']):focus, .ui-datepicker .disabled.ui-datepicker-next:not([disabled='disabled']):focus {
  background-color: #e6e6e6;
  background-image: -webkit-linear-gradient(top, #e6e6e6 , #d9d9d9);
  background-image: -moz-linear-gradient(top, #e6e6e6 , #d9d9d9);
  background-image: -ms-linear-gradient(top, #e6e6e6 , #d9d9d9);
  background-image: -o-linear-gradient(top, #e6e6e6 , #d9d9d9);
  background-image: linear-gradient(top, #e6e6e6 , #d9d9d9);
}
.ui-datepicker .disabled[disabled='disabled'].ui-datepicker-prev, .ui-datepicker .disabled[disabled='disabled'].ui-datepicker-next, .ui-datepicker .disabled.ui-datepicker-prev .disabled, .ui-datepicker .disabled.ui-datepicker-next .disabled {
  background-color: #e1e1e1;
  background-image: -webkit-linear-gradient(bottom, #e1e1e1 0% , #cecece 2px , #e1e1e1 2px , #ebebeb 100%);
  background-image: -moz-linear-gradient(bottom, #e1e1e1 0% , #cecece 2px , #e1e1e1 2px , #ebebeb 100%);
  background-image: -ms-linear-gradient(bottom, #e1e1e1 0% , #cecece 2px , #e1e1e1 2px , #ebebeb 100%);
  background-image: -o-linear-gradient(bottom, #e1e1e1 0% , #cecece 2px , #e1e1e1 2px , #ebebeb 100%);
  background-image: linear-gradient(bottom, #e1e1e1 0% , #cecece 2px , #e1e1e1 2px , #ebebeb 100%);
  text-shadow: none;
  border-color: #aaaaaa;
}
.ui-datepicker .disabled[disabled='disabled'].ui-datepicker-prev .cta-content:before, .ui-datepicker .disabled[disabled='disabled'].ui-datepicker-next .cta-content:before, .ui-datepicker .disabled.ui-datepicker-prev .disabled .cta-content:before, .ui-datepicker .disabled.ui-datepicker-next .disabled .cta-content:before {
  opacity: 0.25;
}

.field-validation-error:before, .field-validation-information:before, .field-validation-suggestion:before {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
}
.body-cms-preview .field-validation-error:before, .body-cms-preview .field-validation-information:before, .body-cms-preview .field-validation-suggestion:before {
  background-image: url("/static/1/images/vsprite.png");
}

.field-validation-error:before, .field-validation-information:before, .field-validation-suggestion:before {
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
}

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

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

.print-options {
  padding: 30px;
}
.print-options .form-control-wrapper, .print-options h3, .print-options .disclaimer {
  margin-left: 25%;
  margin-bottom: 1em;
}
.print-options .separate {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #cccccc;
  padding: 10px 0;
}
.print-options .jp-print-button {
  width: 50%;
}

/* 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: #eeeeee;
  position: relative;
}
.module-grid > div .teaser p {
  margin-bottom: 0;
}
.module-grid > div .teaser h3 {
  margin-bottom: 5px;
}
.module-grid > div .teaser:after {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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("../../../images/vsprite.png");
}

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

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

.section-overview {
  background: #eeeeee;
  padding: 20px;
  margin-bottom: 10px;
}
.section-overview h2 {
  margin-bottom: 10px;
}
.section-overview .main, .section-overview .aside {
  margin-left: 0;
  width: 100%;
}

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

.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;
}
#fullscreen-stage .panzoom-element {
  min-width: 100%;
  min-height: 100%;
}

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

.panzoom-wrapper {
  height: 100%;
}

body.stage-active.panzoom {
  overflow: hidden;
}
body.stage-active #container {
  display: none;
}
body.stage-active .map-sliver {
  height: 100%;
  border-bottom: 0;
}

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

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

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

#zoom-in-fullscreen-stage {
  top: 10px;
  left: 10px;
  display: block;
  display: none;
}
.stage-active #zoom-in-fullscreen-stage {
  display: block;
}
.active-map .no-disruptions-on-map #zoom-in-fullscreen-stage {
  display: none;
}

#zoom-out-fullscreen-stage {
  top: 50px;
  left: 10px;
  display: block;
  display: none;
}
.stage-active #zoom-out-fullscreen-stage {
  display: block;
}
.active-map .no-disruptions-on-map #zoom-out-fullscreen-stage {
  display: none;
}

@font-face {
  font-family: "New Johnson Bold";
  src: url("../../../assets/fonts/NJFont-BookBold.eot");
  src: url("../../../assets/fonts/NJFont-BookBold.eot?#iefix") format("embedded-opentype"), url("../../../assets/fonts/NJFont-BookBold.woff") format("woff"), url("../../../assets/fonts/NJFont-BookBold.otf") format("opentype"), url("../../../assets/fonts/NJFont-BookBold.svg") format("svg");
}
@font-face {
  font-family: "New Johnson";
  src: url("../../../assets/fonts/NJFont-Book.eot");
  src: url("../../../assets/fonts/NJFont-Book.eot?#iefix") format("embedded-opentype"), url("../../../assets/fonts/NJFont-Book.woff") format("woff"), url("../../../assets/fonts/NJFont-Book.otf") format("opentype"), url("../../../assets/fonts/NJFont-Book.svg") format("svg");
}
@font-face {
  font-family: "NJ Signing";
  src: url("../../../assets/fonts/njfontsigning-medium.eot");
  src: url("../../../assets/fonts/njfontsigning-medium.eot?#iefix") format("embedded-opentype"), url("../../../assets/fonts/njfontsigning-medium.woff") format("woff"), url("../../../assets/fonts/njfontsigning-medium.ttf") format("truetype"), url("../../../assets/fonts/njfontsigning-medium.svg#njfontsigning-medium") format("svg");
}
html {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

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

h1 {
  font-size: 28px;
  line-height: 100%;
}
h1.signing {
  padding-bottom: 5px;
  border-bottom: 1px solid #cccccc;
}

h2 {
  font-size: 24px;
  line-height: 120%;
  margin-bottom: 10px;
}

h3 {
  font-size: 20px;
  line-height: 100%;
  margin-bottom: 10px;
}

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

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

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

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

.headline, .hero-headline {
  font-weight: normal;
  margin-bottom: 20px;
  font-size: 36px;
  line-height: 120%;
}

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

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

p {
  margin-bottom: 20px;
}
p .ext-span {
  height: 25px;
  display: inline-block;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -32px -1152px;
}
.body-cms-preview p .ext-span {
  background-image: url("../../../images/vsprite.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;
}

textarea {
  margin: 0;
}

.link2 {
  color: #66cccc;
}

.arrow-forward {
  display: block;
}
.arrow-forward:after {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: 0px -640px;
  height: 23px;
  width: 28px;
  display: inline-block;
  content: "";
}
.body-cms-preview .arrow-forward:after {
  background-image: url("../../../images/vsprite.png");
}
.body-cms-preview .arrow-forward:after {
  background-image: url("../../../images/vsprite.png");
}

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

th {
  text-align: left;
}

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

button {
  cursor: pointer;
}

strong {
  font-weight: bold;
  line-height: 22px;
  vertical-align: top;
}

em {
  font-style: italic;
}

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

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

.mocklabel {
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
  font-size: 17px;
  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("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: 0px -800px;
}
.body-cms-preview .remove-content-container .remove-content {
  background-image: url("../../../images/vsprite.png");
}

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

#content {
  margin-top: 10px;
}

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

span.emirates, td.emirates {
  background: #e51937;
}
span.bakerloo, td.bakerloo {
  background: #894e24;
}
span.central, td.central {
  background: #dc241f;
}
span.circle, td.circle {
  background: #ffce00;
}
span.district, td.district {
  background: #007229;
}
span.hammersmith, span.hammersmith-city, td.hammersmith, td.hammersmith-city {
  background: #d799af;
}
span.jubilee, td.jubilee {
  background: #6a7278;
}
span.metropolitan, td.metropolitan {
  background: #751056;
}
span.northern, td.northern {
  background: black;
}
span.piccadilly, td.piccadilly {
  background: #0019a8;
}
span.victoria, td.victoria {
  background: #00a0e2;
}
span.waterloo, td.waterloo {
  background: #76d0bd;
}
span.overground, td.overground {
  background: #e86a10;
}
span.dlr, span.docklands, span.docklands-light-railway, td.dlr, td.docklands, td.docklands-light-railway {
  background: #00afad;
}
span.tram, td.tram {
  background: #7cc144;
}
span.tramlink1, td.tramlink1 {
  background: #c6d834;
}
span.tramlink2, td.tramlink2 {
  background: #c6d834;
}
span.tramlink3, td.tramlink3 {
  background: #79c23f;
}
span.tramlink4, td.tramlink4 {
  background: #336b14;
}
span.roads-a316, td.roads-a316 {
  background: #ec83bb;
}
span.roads-a41, td.roads-a41 {
  background: #8a4088;
}
span.roads-a40, td.roads-a40 {
  background: #ceff00;
}
span.roads-a23, td.roads-a23 {
  background: #59ffa3;
}
span.roads-a21, td.roads-a21 {
  background: #446081;
}
span.roads-a3, td.roads-a3 {
  background: #5a9262;
}
span.roads-a2, td.roads-a2 {
  background: #ee3cc2;
}
span.roads-a1, td.roads-a1 {
  background: #3d8c0f;
}
span.roads-a205, span.roads-south-circular-a205, td.roads-a205, td.roads-south-circular-a205 {
  background: #6d2039;
}
span.roads-a406, span.roads-north-circular-a406, td.roads-a406, td.roads-north-circular-a406 {
  background: #a22cd9;
}
span.roads-a24, td.roads-a24 {
  background: #6e573e;
}
span.roads-a13, td.roads-a13 {
  background: #56dcfa;
}
span.roads-a12, td.roads-a12 {
  background: #e86445;
}
span.roads-a10, td.roads-a10 {
  background: #5b4bcc;
}
span.roads-a4, td.roads-a4 {
  background: #5bf105;
}
span.roads-a20, td.roads-a20 {
  background: #f1e77d;
}
span.roads-central-london, span.roads-central-london-red-routes, span.roads-inner-ring, span.roads-southern-river-route, span.roads-bishopsgate-cross-route, span.roads-city-route, span.roads-farringdon-cross-route, span.roads-western-cross-route, td.roads-central-london, td.roads-central-london-red-routes, td.roads-inner-ring, td.roads-southern-river-route, td.roads-bishopsgate-cross-route, td.roads-city-route, td.roads-farringdon-cross-route, td.roads-western-cross-route {
  background: #9bf46a;
}
span.roads-blackwall-tunnel, td.roads-blackwall-tunnel {
  background: #ec9c59;
}
span.rb1, td.rb1 {
  background: #040045;
}
span.rb2, td.rb2 {
  background: #0072bc;
}
span.rb3, td.rb3 {
  background: #f172ac;
}
span.rb4, td.rb4 {
  background: #61c29d;
}
span.rb5, td.rb5 {
  background: #ba6830;
}
span.rb6, td.rb6 {
  background: #7164ac;
}
span.city-cruises, td.city-cruises {
  background: #ec3717;
}
span.westminster-greenwich, td.westminster-greenwich {
  background: #2a2e98;
}
span.westminster-st-katherines-circular, td.westminster-st-katherines-circular {
  background: #45b535;
}
span.westminster-passenger-services-association, span.wetsminster-passenger-services-association, td.westminster-passenger-services-association, td.wetsminster-passenger-services-association {
  background: #fcba00;
}
span.woolwich-free-ferry, td.woolwich-free-ferry {
  background: #f7931d;
}
span.arriva-trains-wales, td.arriva-trains-wales {
  background: #00b9b4;
}
span.c2c, td.c2c {
  background: #f0188c;
}
span.chiltern-railways, td.chiltern-railways {
  background: #b389c1;
}
span.east-coast, td.east-coast {
  background: #00b9f3;
}
span.east-midlands-trains, td.east-midlands-trains {
  background: #e16c16;
}
span.first-capital-connect, td.first-capital-connect {
  background: #a0005e;
}
span.first-great-western, td.first-great-western {
  background: #2d2b94;
}
span.first-hull-trains, td.first-hull-trains {
  background: #1b903f;
}
span.first-transpennine-express, td.first-transpennine-express {
  background: #f265a0;
}
span.gatwick-express, td.gatwick-express {
  background: #231f20;
}
span.grand-central, td.grand-central {
  background: #3f3f40;
}
span.greater-anglia, td.greater-anglia {
  background: #8b8fa5;
}
span.heathrow-connect, td.heathrow-connect {
  background: #f6858d;
}
span.heathrow-express, td.heathrow-express {
  background: #55c4bf;
}
span.island-line, td.island-line {
  background: #f8b174;
}
span.merseyrail, td.merseyrail {
  background: #fec95f;
}
span.northern-rail, td.northern-rail {
  background: #0569a8;
}
span.scotrail, td.scotrail {
  background: #96a3a9;
}
span.southeastern, td.southeastern {
  background: #0071bf;
}
span.southern, td.southern {
  background: #00a74b;
}
span.south-west-trains, td.south-west-trains {
  background: #f11815;
}
span.cross-country, td.cross-country {
  background: #a03467;
}
span.eurostar, td.eurostar {
  background: #b9a977;
}
span.london-midland, td.london-midland {
  background: #8bc831;
}
span.stanstead-express, td.stanstead-express {
  background: #636366;
}
span.virgin-trains, td.virgin-trains {
  background: #a8652c;
}

.line-text, .rainbow-list .service-name {
  color: #fff;
  font-weight: bold;
  padding: 0 3px;
  text-shadow: 0 1px 0px rgba(0, 0, 0, 0.6);
}
.line-text.circle, .rainbow-list .circle.service-name, .line-text.hammersmith, .rainbow-list .hammersmith.service-name, .line-text.overground, .rainbow-list .overground.service-name, .line-text.dlr, .rainbow-list .dlr.service-name, .line-text.victoria, .rainbow-list .victoria.service-name, .line-text.waterloo, .rainbow-list .waterloo.service-name, .line-text.rb3, .rainbow-list .rb3.service-name, .line-text.rb4, .rainbow-list .rb4.service-name, .line-text.rb5, .rainbow-list .rb5.service-name, .line-text.city-cruises, .rainbow-list .city-cruises.service-name, .line-text.westminster-st-katherines-circular, .rainbow-list .westminster-st-katherines-circular.service-name, .line-text.westminster-passenger-services-association, .rainbow-list .westminster-passenger-services-association.service-name, .line-text.wetsminster-passenger-services-association, .rainbow-list .wetsminster-passenger-services-association.service-name, .line-text.woolwich-free-ferry, .rainbow-list .woolwich-free-ferry.service-name {
  text-shadow: 0 1px 0px rgba(255, 255, 255, 0.6);
  color: #000;
}

.plain-button.external-link {
  color: #2070b0;
}
.plain-button.external-link:visited, .plain-button.external-link:active {
  color: #2070b0;
}
.plain-button.external-link:after {
  margin-right: 2px;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -32px -1152px;
}
.body-cms-preview .plain-button.external-link:after {
  background-image: url("../../../images/vsprite.png");
}

.teaser-external-link {
  margin-right: 0px;
  color: blue;
}
.teaser-external-link a .text-link:after {
  margin-right: 2px;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -32px -1152px;
}
.body-cms-preview .teaser-external-link a .text-link:after {
  background-image: url("../../../images/vsprite.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("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -32px -1152px;
}
.body-cms-preview .text-external-link:after {
  background-image: url("../../../images/vsprite.png");
}

.info-message {
  display: block;
  border: 1px solid #cccccc;
  background: #faf5e1;
  padding: 5px;
}
.info-message p {
  margin-bottom: 5px;
}
.info-message.with-link {
  padding-right: 30px;
  position: relative;
}
.info-message.with-link:after {
  content: "";
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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("../../../images/vsprite.png");
}

.small {
  display: block;
}

.small-medium {
  display: block;
}

.medium {
  display: none;
}

.medium-large {
  display: none;
}

.large {
  display: none;
}

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

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

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

.beta-banner {
  width: 100%;
  font-family: "New Johnson";
  font-size: 1.2em;
  background: #1a5a92;
  border-bottom: 3px solid #103e66;
  padding: 5px 0 0;
  color: #FFF;
}
.beta-banner .beta-banner-text {
  float: left;
  margin-left: 2.54%;
  width: 60%;
  padding-bottom: 5px;
}
.beta-banner .beta-banner-button {
  float: left;
  margin-left: 2.54%;
  width: 32%;
  text-align: right;
  display: block;
  padding-right: 20px;
}
.beta-banner .beta-banner-link {
  color: #FFF;
}

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

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

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

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

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

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

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

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

.reading-list {
  list-style: disc;
  margin: 30px 0 0 16px;
  font-size: 16px;
}
.reading-list li {
  margin-bottom: 16px;
}

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

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

.multi-document-download-container {
  margin: 20px 0;
  border: 0px;
  border-bottom: 1px;
}
.multi-document-download-container .document-download-wrap {
  margin-top: 0px;
  margin-bottom: 0px;
  border-bottom: 1px;
}
.multi-document-download-container .document-download-wrap:last-child {
  border-bottom: solid 4px #cccccc;
}

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

.block {
  display: block;
}

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

.sms-container {
  padding: 5px 0 0 0;
}
.sms-container .sms-info {
  position: relative;
  min-height: 55px;
  font-size: 20px;
}
.sms-container .sms-info.with-icon {
  padding-left: 35px;
}
.sms-container .sms-info.with-icon > span {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
}
.sms-container .sms-code-text {
  position: relative;
  display: block;
}

/**************************************************
	B2 Form

* Author: 
* Created: 
* Pattern library URL: https://tflonline.atlassian.net/wiki/display/NWP/B2+-+Form

**************************************************/
.selector {
  padding: 0;
  margin-bottom: 10px;
  height: 40px;
  background-color: #fff;
  border: 1px solid #cccccc;
}
.selector select, .selector span {
  display: block;
  position: relative;
  z-index: 52;
  appearance: normal;
  -moz-appearance: normal;
  -webkit-appearance: normal;
}
.selector select {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border: 0;
  padding: 0;
  width: 100%;
  height: 37px;
  line-height: 40px;
  cursor: pointer;
  top: -40px;
}
.selector span {
  height: 40px;
  line-height: 30px;
  padding: 4px 7px 4px 16px;
  white-space: nowrap;
  overflow: hidden;
  box-shadow: inset 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
}
.selector span:after {
  content: "";
  position: absolute;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: 0px -672px;
  height: 32px;
  width: 32px;
  display: block;
  top: 3px;
  right: 6px;
  background-color: #fff;
}
.body-cms-preview .selector span:after {
  background-image: url("../../../images/vsprite.png");
}
.selector.focus {
  border: 1px dashed #2070b0;
}
.selector.disabled {
  filter: Alpha(opacity=30);
  opacity: 0.3;
}
.selector.disabled select {
  cursor: default;
}

.input-list {
  margin-bottom: 10px;
  border: solid #cccccc;
  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 {
  margin-bottom: 30px;
  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%;
}

.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 #cccccc;
  position: relative;
  background-image: -webkit-linear-gradient(top, white, #f3f3f3);
  border-bottom-width: 0;
}
.boxed-label-for-input:last-child {
  border-bottom-width: 1px;
}

input[type="text"], input[type='number'], input[type='date'] {
  box-shadow: inset 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  font-size: 16px;
  height: 40px;
  width: 100%;
  border: solid #cccccc;
  border-width: 1px;
  font-size: 16px;
  height: 40px;
  padding: 5px;
  border: 1px solid #cccccc;
}

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

.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;
}

.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 #cccccc;
  background-color: #fff;
  text-indent: 0;
  box-shadow: inset 0px 2px 0px 0 rgba(0, 0, 0, 0.1);
  right: 10px;
}
input[type="checkbox"] + input[type="hidden"] + .styled-checkbox-label {
  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 #cccccc;
  background-color: #fff;
  text-indent: 0;
  box-shadow: inset 0px 2px 0px 0 rgba(0, 0, 0, 0.1);
  left: 1px;
}

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 #cccccc;
  background-color: #fff;
  text-indent: 0;
  box-shadow: inset 0px 2px 0px 0 rgba(0, 0, 0, 0.1);
  right: 10px;
}

.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;
}

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;
}

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

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

.horizontal-toggle-buttons {
  margin: 0 0 10px;
  list-style: none outside none;
}
.horizontal-toggle-buttons li {
  float: left;
  border: 1px solid #cccccc;
  border-bottom-width: 3px;
  background-color: #fafafa;
  position: relative;
  color: #2070b0;
}
.horizontal-toggle-buttons label {
  display: block;
  padding: 6px 5px 6px 5px;
  cursor: pointer;
  text-align: center;
}
.horizontal-toggle-buttons .selected {
  background-color: #fff;
  color: #2d3039;
  font-weight: bold;
  border-bottom-width: 1px;
  margin-top: 2px;
}
.horizontal-toggle-buttons .selected label:after {
  content: "";
  position: absolute;
  top: 0;
  left: 5px;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: 0px -768px;
}
.body-cms-preview .horizontal-toggle-buttons .selected label:after {
  background-image: url("../../../images/vsprite.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;
}

/*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-control-wrapper {
  overflow: hidden;
  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 #cccccc;
  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 #cccccc transparent;
  right: 17px;
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  top: -6px;
}
.expandable-form-message-wrap:after {
  border-width: 0 5px 5.5px 5px;
  border-color: transparent transparent #eff6fe transparent;
  right: 17px;
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  top: -5px;
}

.shaded-input, input.shaded-input {
  box-shadow: inset 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  font-size: 16px;
  height: 40px;
  width: 100%;
  border: solid #cccccc;
  border-width: 1px;
  border-radius: 0;
  padding: 5px;
  padding-left: 16px;
}

.shaded-text-area {
  box-shadow: inset 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  font-size: 16px;
  height: 40px;
  width: auto;
  border: solid #cccccc;
  border-width: 1px;
  padding: 10px;
  padding-left: 16px;
  width: 100%;
  height: auto;
  min-height: 120px;
  resize: vertical;
}

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

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

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

.mandatory-field-label:after {
  content: "*";
}

.responsive-form .form-heading {
  font-family: "New Johnson Bold";
  font-size: 23px;
  margin-bottom: 20px;
  clear: both;
}
.responsive-form .expandable-box .form-heading {
  margin-bottom: 10px;
}

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

.bounded-fieldset {
  min-width: 285px;
}
.bounded-fieldset .form-sub-heading {
  font-family: "New Johnson Bold";
  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: #eeeeee;
  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: #cccccc 1px solid;
  overflow: hidden;
  padding-top: 20px;
}

.form-field-error .shaded-input, .form-field-error .shaded-text-area, .form-field-error .input-list, .form-field-error .selector {
  border-color: #a92727;
}
.form-field-error .shaded-input, .form-field-error .shaded-text-area, .form-field-error .input-list {
  box-shadow: inset 0px 3px 0px 0 white;
}
.form-field-error .selector span {
  box-shadow: inset 0px 3px 0px 0 white;
}
.form-field-error .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;
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  top: -6px;
}
.form-field-error .field-validation-wrap:after {
  border-width: 0 5px 5.5px 5px;
  border-color: transparent transparent #ffefef transparent;
  right: 17px;
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  top: -5px;
}

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

.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;
}

.field-validation-wrap .field-validation-error {
  color: #a92727;
  background-color: #ffefef;
  clear: both;
  display: block;
  padding: 10px;
  position: relative;
}
.field-validation-wrap .field-validation-error:before {
  background-position: -32px -832px;
  position: absolute;
  content: "";
  display: block;
  right: 5px;
  margin-top: -53px;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
}
.body-cms-preview .field-validation-wrap .field-validation-error:before {
  background-image: url("../../../images/vsprite.png");
}
.field-validation-wrap .field-validation-error:before {
  top: auto;
  left: auto;
}

.form-field-error .form-control-tooltip-wrap, .form-field-error .toggle-tooltip, .form-field-error .form-control-tooltip-text {
  display: none;
}

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("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.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("../../../images/vsprite.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("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.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("../../../images/vsprite.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("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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("../../../images/vsprite.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("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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("../../../images/vsprite.png");
}
input[type="checkbox"]:checked + input[type="hidden"] + .styled-checkbox-label:after {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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("../../../images/vsprite.png");
}

input[type="checkbox"]:focus + .boxed-label-for-input, input[type="radio"]:focus + .boxed-label-for-input {
  outline: 1px dashed #2070b0;
  z-index: 1;
}
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: 1;
}

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

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

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

#js-dispensation-picker {
  border: #cccccc 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: #cccccc 1px solid;
  padding: 12px;
}

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

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

.dispensation-time-row,
#next-date-wrapper {
  border-bottom: #cccccc 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: #cccccc 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: #cccccc 1px solid;
}
.dispensation-dates-table th {
  font-weight: bold;
}
.dispensation-dates-table tfoot td {
  text-align: right;
  background-color: white;
  padding: 0;
}
.dispensation-dates-table tfoot td a {
  display: block;
  padding: 9px 12px;
}

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

.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, .placeholder-image:after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozMTVCRTYxMENDRkMxMUUyQUM4MUI5RTJEODJDODcxMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozMTVCRTYxMUNDRkMxMUUyQUM4MUI5RTJEODJDODcxMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjMxNUJFNjBFQ0NGQzExRTJBQzgxQjlFMkQ4MkM4NzEzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjMxNUJFNjBGQ0NGQzExRTJBQzgxQjlFMkQ4MkM4NzEzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+iPa/TAAAADVJREFUeNpivH79epu4uPgvBjTw8uVLNiZcEiCaCZcESBMTLgkUnegScElsEmBJXBIgABBgAIOyHxmzOX5nAAAAAElFTkSuQmCC);
}

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

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

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

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

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

/**
 * Created by Gilly Ames on 04/09/2014.
 * PURPOSE: List styles. In particular numbered lists and nested lists
 */
.numbered-list, .required-evidence-list, .review-list {
  counter-reset: li;
  /* Initiate a counter */
  margin-left: 0;
  /* Remove the default left margin */
  padding-left: 0;
  /* Remove the default left padding */
}
.numbered-list > li, .required-evidence-list > li, .review-list > li {
  list-style: none;
  /* Disable the normal item numbering */
  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) ".";
  /* Use the counter as content */
  counter-increment: li;
  /* Increment the counter by 1 */
  /* Position and style the number */
  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;
}

.review-list-header {
  border-bottom: #cccccc 1px solid;
  overflow: hidden;
  padding-bottom: 10px;
  position: relative;
}
.review-list-header h2 {
  margin: 0;
  font-size: 30px;
}
.review-list-header .edit-step {
  display: block;
}

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

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

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

.key-value-list {
  overflow: hidden;
}
.key-value-list dd, .key-value-list dt {
  float: left;
  line-height: 24px;
}
.key-value-list dt {
  font-weight: bold;
  clear: both;
}
.key-value-list dt:after {
  content: ":";
  margin-right: 4px;
}

.stacked-list {
  list-style: none;
  margin: 0 0 20px 0;
}
.stacked-list .form-success-middle-icon, .stacked-list .global-top-middle-icon {
  margin-bottom: 0;
}

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

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

.car-msg-list {
  margin: 0;
  list-style-type: none;
}
.car-msg-list .removing .car-msg {
  margin-bottom: 0;
  border-bottom: 0;
}

/* elements - small */
.image-box {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}
.image-box img {
  width: 100%;
  height: auto;
}
.image-box .caption {
  background-color: #eeeeee;
  padding: 10px;
  font-size: 13px;
  width: 100%;
  display: block;
}
.image-box.profile-pic {
  text-align: left;
  border: 1px solid #cacaca;
  padding: 2px;
}
.image-box.profile-pic img {
  height: auto;
}
.image-box.light-box > a {
  display: block;
}
.image-box.light-box .caption {
  position: relative;
  padding-right: 32px;
}
.image-box.light-box .caption:after {
  display: block;
  content: "";
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -16px;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -32px -64px;
}
.body-cms-preview .image-box.light-box .caption:after {
  background-image: url("../../../images/vsprite.png");
}
.image-box.campaign-graphic {
  padding: 10px 20px;
  width: 280px;
  border-style: solid;
  border-color: #cacaca;
  border-width: 1px 0;
  text-align: center;
}
.image-box.campaign-graphic img {
  width: auto;
}
.image-box.street-view {
  margin-bottom: 20px;
}

.primary-button {
  cursor: pointer;
  display: block;
  height: 40px;
  color: white;
  border-radius: 5px;
  width: 100%;
  font-size: 16px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  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'] {
  pointer-events: none;
  cursor: default;
  color: #ababab;
  text-decoration: none;
}
.primary-button[disabled='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: white;
}
.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;
  height: 40px;
  color: #2070b0;
  border-radius: 5px;
  width: 100%;
  font-size: 16px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  background-color: #f3f3f3;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(2px, gainsboro), color-stop(2px, #f3f3f3), color-stop(100%, white));
  background-image: -webkit-linear-gradient(bottom, #f3f3f3 0%, gainsboro 2px, #f3f3f3 2px, white 100%);
  background-image: linear-gradient(to top,#f3f3f3 0%, gainsboro 2px, #f3f3f3 2px, white 100%);
  -webkit-transition: background-image, 0.3s;
  -moz-transition: background-image, 0.3s;
  transition: background-image, 0.3s;
  border: 1px solid #a8a8a8;
}
.secondary-button[disabled='disabled'], .responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a[disabled='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 {
  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: #e6e6e6;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6e6e6), color-stop(100%, #d9d9d9));
  background-image: -webkit-linear-gradient(#e6e6e6, #d9d9d9);
  background-image: linear-gradient(#e6e6e6, #d9d9d9);
}
.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: #eeeeee;
  -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;
}

.map-downloads {
  overflow: hidden;
}

.btn-download-map {
  cursor: pointer;
  display: block;
  height: auto;
  color: #2d3039;
  border-radius: 5px;
  width: 100%;
  font-size: 14px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  background-color: #f3f3f3;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(2px, gainsboro), color-stop(2px, #f3f3f3), color-stop(100%, white));
  background-image: -webkit-linear-gradient(bottom, #f3f3f3 0%, gainsboro 2px, #f3f3f3 2px, white 100%);
  background-image: linear-gradient(to top,#f3f3f3 0%, gainsboro 2px, #f3f3f3 2px, white 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'] {
  pointer-events: none;
  cursor: default;
  color: #ababab;
  text-decoration: none;
}
.btn-download-map[disabled='disabled']:visited {
  color: #ababab;
}
.btn-download-map:not([disabled='disabled']):hover, .btn-download-map:not([disabled='disabled']):focus {
  background-color: #e6e6e6;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6e6e6), color-stop(100%, #d9d9d9));
  background-image: -webkit-linear-gradient(#e6e6e6, #d9d9d9);
  background-image: linear-gradient(#e6e6e6, #d9d9d9);
}
.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("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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("../../../images/vsprite.png");
}
.btn-download-map .download-pdf:after {
  content: "";
  position: absolute;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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("../../../images/vsprite.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("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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("../../../images/vsprite.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("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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("../../../images/vsprite.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("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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("../../../images/vsprite.png");
}

.button-set {
  padding-top: 30px;
  border-top: #cccccc 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;
}

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

.add-vehicle .cta-content:before {
  content: "";
  position: absolute;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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("../../../images/vsprite.png");
}

.download-csv .cta-content:before {
  content: "";
  position: absolute;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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("../../../images/vsprite.png");
}

.download .cta-content:before {
  content: "";
  position: absolute;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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("../../../images/vsprite.png");
}

.confirm .cta-content:before {
  content: "";
  position: absolute;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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("../../../images/vsprite.png");
}

.cancel .cta-content:before {
  content: "";
  position: absolute;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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("../../../images/vsprite.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 #cccccc;
  border-bottom: 3px solid rgba(0, 0, 0, 0.2);
}
.vertical-button-container.social .plain-button {
  position: relative;
  padding-left: 20px;
  padding-right: 100px;
}
.vertical-button-container.social .plain-button:after {
  background-position: -64px -288px;
  right: 75px;
}
.vertical-button-container.social span {
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 100%;
}
.vertical-button-container.social .follow-text {
  position: absolute;
  right: 55px;
  left: auto;
  top: 50%;
  margin-top: -13px;
  color: #2070b0;
}

.stacked-cta-list {
  list-style: none;
}
.stacked-cta-list .stacked-cta {
  border-bottom: 1px solid #cccccc;
}
.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 #cccccc;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}
.plain-button.with-icon > div {
  text-align: left;
  position: relative;
}
.plain-button.with-icon > div span.icon {
  position: absolute;
  top: -5px;
  left: -5px;
}
.plain-button h4 {
  padding-left: 32px;
  margin: 0;
}
.plain-button .logo {
  display: block;
  position: absolute;
  left: 8%;
  top: 50%;
}
.plain-button:after {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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("../../../images/vsprite.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("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -32px -1152px;
}
.body-cms-preview .plain-button-external-link:after {
  background-image: url("../../../images/vsprite.png");
}

.teaser-external-link {
  margin-right: 0;
  color: blue;
}
.teaser-external-link a .text-link:after {
  margin-right: 2px;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -32px -1152px;
}
.body-cms-preview .teaser-external-link a .text-link:after {
  background-image: url("../../../images/vsprite.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("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -32px -1152px;
}
.body-cms-preview .text-external-link:after {
  background-image: url("../../../images/vsprite.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: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("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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("../../../images/vsprite.png");
}

a.link-button, .responsive-link-button {
  border: 1px solid #cccccc;
  padding: 7px 32px 7px 10px;
  display: block;
  position: relative;
  color: #2d3039;
  font-size: 16px;
  text-decoration: none;
  background-color: #fff;
  margin-bottom: 20px;
}
a.link-button:after, .responsive-link-button:after {
  position: absolute;
  content: "";
  display: block;
  right: 0;
  top: 50%;
  margin-top: -16px;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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("../../../images/vsprite.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("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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("../../../images/vsprite.png");
}
a.link-button.disrupted:hover, .disrupted.responsive-link-button:hover, a.link-button.disrupted:focus, .disrupted.responsive-link-button:focus {
  background-color: #f6eecb;
}

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

a.link-button.with-icon, .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: 0px;
}

a.large-link-button {
  text-decoration: none;
  background-color: #eeeeee;
  border-bottom: 3px solid #cccccc;
  position: relative;
  padding: 10px 30px 10px 10px;
  display: block;
  color: inherit;
}
a.large-link-button:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -16px;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: 0px -640px;
}
.body-cms-preview a.large-link-button:after {
  background-image: url("../../../images/vsprite.png");
}
a.large-link-button > h3 {
  line-height: 150%;
  margin-bottom: 0;
}
a.large-link-button > p {
  margin-bottom: 0;
  line-height: 120%;
}
a.large-link-button[class*="river-"] p {
  padding-left: 52px;
  position: relative;
  min-height: 42px;
}
a.large-link-button[class*="river-"] p:before, a.large-link-button[class*="river-"] p:after {
  content: "";
  position: absolute;
}
a.large-link-button[class*="river-"] p:before {
  left: 0;
  top: 0;
  width: 42px;
  height: 42px;
}
a.large-link-button[class*="river-"] p:after {
  left: 10px;
  top: 10px;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -32px -384px;
}
.body-cms-preview a.large-link-button[class*="river-"] p:after {
  background-image: url("../../../images/vsprite.png");
}
a.large-link-button.river-bus p:before {
  background-color: #184593;
}
a.large-link-button.river-tour p:before {
  background-color: #0098d4;
}

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

.print-button:before {
  content: "";
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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("../../../images/vsprite.png");
}
.body-cms-preview .print-button:before {
  background-image: url("../../../images/vsprite.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;
}

.disruption-message {
  display: block;
  position: relative;
  background-color: #faf5e1;
  padding: 10px 10px 10px 40px;
  margin-bottom: 10px;
}
.disruption-message.with-link {
  padding: 0;
}
.disruption-message .link-message {
  display: block;
  padding: 10px 40px;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.disruption-message .link-message:hover, .disruption-message .link-message:focus {
  text-decoration: none;
  background-color: #f6eecb;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.disruption-message .disruption-icon, .disruption-message .right-arrow, .disruption-message .rainbow-list .rainbow-list-item.link-only .controls, .rainbow-list .rainbow-list-item.link-only .disruption-message .controls, .disruption-message .rainbow-list-wrapper .good-service-link:after, .rainbow-list-wrapper .disruption-message .good-service-link:after {
  position: absolute;
  display: block;
  top: 50%;
  margin-top: -16px;
}
.disruption-message .disruption-icon {
  left: 4px;
}
.disruption-message .right-arrow, .disruption-message .rainbow-list .rainbow-list-item.link-only .controls, .rainbow-list .rainbow-list-item.link-only .disruption-message .controls, .disruption-message .rainbow-list-wrapper .good-service-link:after, .rainbow-list-wrapper .disruption-message .good-service-link:after {
  right: 0;
}

/**************************************************
ICONS
* Author: Rodrigo Lopes
* Created: 21/02/2013
* Pattern library URL: http://
**************************************************/
.icon-left {
  position: relative;
  padding-left: 35px !important;
}
.icon-left span {
  padding-left: 8px;
}
.icon-left:before {
  content: '';
  left: 8px;
  top: 0;
  position: absolute !important;
}
.icon-left.cycle:before {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: -32px -284px;
  height: 32px;
  width: 32px;
  display: block;
}
.body-cms-preview .icon-left.cycle:before {
  background-image: url("../../../images/vsprite.png");
}
.body-cms-preview .icon-left.cycle:before {
  background-image: url("../../../images/vsprite.png");
}
.icon-left.walking:before {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: -32px -253px;
  height: 32px;
  width: 32px;
  display: block;
}
.body-cms-preview .icon-left.walking:before {
  background-image: url("../../../images/vsprite.png");
}
.body-cms-preview .icon-left.walking:before {
  background-image: url("../../../images/vsprite.png");
}

.icon.bicycle-icon, .icon.bicycle-easy-icon .icon.cycle-icon, .icon.cycle-easy-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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("../../../images/vsprite.png");
}
.icon.walking-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: -36px -256px;
  height: 32px;
  width: 24px;
  display: block;
}
.body-cms-preview .icon.walking-icon {
  background-image: url("../../../images/vsprite.png");
}
.body-cms-preview .icon.walking-icon {
  background-image: url("../../../images/vsprite.png");
}

.footpaths-icon, .footpath-icon, .walking-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: -4px -256px;
  height: 32px;
  width: 24px;
  display: block;
}
.body-cms-preview .footpaths-icon, .body-cms-preview .footpath-icon, .body-cms-preview .walking-icon {
  background-image: url("../../../images/vsprite.png");
}
.body-cms-preview .footpaths-icon, .body-cms-preview .footpath-icon, .body-cms-preview .walking-icon {
  background-image: url("../../../images/vsprite.png");
}

.search-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: 0px -32px;
}
.body-cms-preview .search-icon {
  background-image: url("../../../images/vsprite.png");
}

.search-icon-black {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -32px -32px;
}
.body-cms-preview .search-icon-black {
  background-image: url("../../../images/vsprite.png");
}

.switch-directions-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: 0px -64px;
}
.body-cms-preview .switch-directions-icon {
  background-image: url("../../../images/vsprite.png");
}

.expand-map-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -32px -64px;
}
.body-cms-preview .expand-map-icon {
  background-image: url("../../../images/vsprite.png");
}

.facebook-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: 0px -224px;
}
.body-cms-preview .facebook-icon {
  background-image: url("../../../images/vsprite.png");
}

.twitter-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -32px -224px;
}
.body-cms-preview .twitter-icon {
  background-image: url("../../../images/vsprite.png");
}

.bicycle-icon, .cycle-icon, .bicycle-easy-icon, .cycle-easy-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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("../../../images/vsprite.png");
}

.bus-icon, .bus-icon, .replacement-bus-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: 0px -320px;
}
.body-cms-preview .bus-icon, .body-cms-preview .bus-icon, .body-cms-preview .replacement-bus-icon {
  background-image: url("../../../images/vsprite.png");
}
.bus-icon.small-icon, .bus-icon.small-icon, .replacement-bus-icon.small-icon {
  background-size: 60px 1820px;
  background-position: 0px -200px;
  height: 20px;
  width: 20px;
  display: block;
}

.train-icon, .national-rail-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: 0px -352px;
}
.body-cms-preview .train-icon, .body-cms-preview .national-rail-icon {
  background-image: url("../../../images/vsprite.png");
}
.train-icon.small-icon, .national-rail-icon.small-icon {
  background-size: 60px 1820px;
  background-position: 0px -220px;
  height: 20px;
  width: 20px;
  display: block;
}

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

.ferry-icon, .river-bus-icon, .river-icon, .river-bus-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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("../../../images/vsprite.png");
}
.ferry-icon.small-icon, .river-bus-icon.small-icon, .river-icon.small-icon, .river-bus-icon.small-icon {
  background-size: 60px 1820px;
  background-position: 0px -240px;
  height: 20px;
  width: 20px;
  display: block;
}

.river-tour-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -64px -2208px;
}
.body-cms-preview .river-tour-icon {
  background-image: url("../../../images/vsprite.png");
}
.river-tour-icon.small-icon {
  background-size: 60px 1820px;
  background-position: -40px -1380px;
  height: 20px;
  width: 20px;
  display: block;
}

.contactless-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -64px -384px;
}
.body-cms-preview .contactless-icon {
  background-image: url("../../../images/vsprite.png");
}

.oyster-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -64px -448px;
}
.body-cms-preview .oyster-icon {
  background-image: url("../../../images/vsprite.png");
}

.oyster-validation-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -32px -448px;
}
.body-cms-preview .oyster-validation-icon {
  background-image: url("../../../images/vsprite.png");
}

.oyster-ticket-stop-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -64px -2272px;
}
.body-cms-preview .oyster-ticket-stop-icon {
  background-image: url("../../../images/vsprite.png");
}

.car-club-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -32px -2592px;
}
.body-cms-preview .car-club-icon {
  background-image: url("../../../images/vsprite.png");
}

.mobile-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -32px -2656px;
}
.body-cms-preview .mobile-icon {
  background-image: url("../../../images/vsprite.png");
}

.dlr-icon, .docklands-icon, .docklands-light-railway-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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("../../../images/vsprite.png");
}
.dlr-icon.small-icon, .docklands-icon.small-icon, .docklands-light-railway-icon.small-icon {
  background-size: 60px 1820px;
  background-position: 0px -680px;
  height: 20px;
  width: 20px;
  display: block;
}

.tram-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -32px -1120px;
}
.body-cms-preview .tram-icon {
  background-image: url("../../../images/vsprite.png");
}
.tram-icon.small-icon {
  background-size: 60px 1820px;
  background-position: 0px -700px;
  height: 20px;
  width: 20px;
  display: block;
}

.cablecar-icon, .cable-car-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: 0px -480px;
}
.body-cms-preview .cablecar-icon, .body-cms-preview .cable-car-icon {
  background-image: url("../../../images/vsprite.png");
}
.cablecar-icon.small-icon, .cable-car-icon.small-icon {
  background-size: 60px 1820px;
  background-position: 0px -300px;
  height: 20px;
  width: 20px;
  display: block;
}

.left-arrow {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: 0px -576px;
}
.body-cms-preview .left-arrow {
  background-image: url("../../../images/vsprite.png");
}

.white-up-arrow {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -32px -608px;
}
.body-cms-preview .white-up-arrow {
  background-image: url("../../../images/vsprite.png");
}

.right-arrow, .rainbow-list .rainbow-list-item.link-only .controls, .rainbow-list-wrapper .good-service-link:after {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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 .rainbow-list-wrapper .good-service-link:after, .rainbow-list-wrapper .body-cms-preview .good-service-link:after {
  background-image: url("../../../images/vsprite.png");
}

.down-arrow {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: 0px -672px;
}
.body-cms-preview .down-arrow {
  background-image: url("../../../images/vsprite.png");
}

.white-down-arrow {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -32px -672px;
}
.body-cms-preview .white-down-arrow {
  background-image: url("../../../images/vsprite.png");
}

.down-triangle {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -64px -704px;
}
.body-cms-preview .down-triangle {
  background-image: url("../../../images/vsprite.png");
}

.plus-icon-blue, .rainbow-list .controls {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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("../../../images/vsprite.png");
}

.down-icon-blue {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -64px -704px;
}
.body-cms-preview .down-icon-blue {
  background-image: url("../../../images/vsprite.png");
}

.minus-icon-blue, .rainbow-list .rainbow-list-item.expanded .controls {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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("../../../images/vsprite.png");
}

.plus-icon-greenblue {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -64px -736px;
}
.body-cms-preview .plus-icon-greenblue {
  background-image: url("../../../images/vsprite.png");
}

.disruption-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: 0px -832px;
}
.body-cms-preview .disruption-icon {
  background-image: url("../../../images/vsprite.png");
}

.up-stairs {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: 0px -864px;
}
.body-cms-preview .up-stairs {
  background-image: url("../../../images/vsprite.png");
}

.toilets-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -32px -864px;
}
.body-cms-preview .toilets-icon {
  background-image: url("../../../images/vsprite.png");
}

.toilets-disabled-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -64px -864px;
}
.body-cms-preview .toilets-disabled-icon {
  background-image: url("../../../images/vsprite.png");
}

.down-stairs {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: 0px -896px;
}
.body-cms-preview .down-stairs {
  background-image: url("../../../images/vsprite.png");
}

.pram-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -32px -896px;
}
.body-cms-preview .pram-icon {
  background-image: url("../../../images/vsprite.png");
}

.down-lift, .icon-list .lifts-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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("../../../images/vsprite.png");
}

.up-escalator {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: 0px -928px;
}
.body-cms-preview .up-escalator {
  background-image: url("../../../images/vsprite.png");
}

.walking-access-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -32px -928px;
}
.body-cms-preview .walking-access-icon {
  background-image: url("../../../images/vsprite.png");
}

.wheelchair-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -64px -928px;
}
.body-cms-preview .wheelchair-icon {
  background-image: url("../../../images/vsprite.png");
}

.down-escalator, .icon-list .escalators-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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("../../../images/vsprite.png");
}

.luggage-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -32px -960px;
}
.body-cms-preview .luggage-icon {
  background-image: url("../../../images/vsprite.png");
}

.headphones-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -64px -960px;
}
.body-cms-preview .headphones-icon {
  background-image: url("../../../images/vsprite.png");
}

.avoid-zone-1-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: 0px -992px;
}
.body-cms-preview .avoid-zone-1-icon {
  background-image: url("../../../images/vsprite.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("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -32px -1344px;
  bottom: -10px;
  right: -8px;
}
.body-cms-preview .disrupted .mode-icon:before {
  background-image: url("../../../images/vsprite.png");
}

.tube-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: 0px -1056px;
}
.body-cms-preview .tube-icon {
  background-image: url("../../../images/vsprite.png");
}

.overground-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -64px -1056px;
}
.body-cms-preview .overground-icon {
  background-image: url("../../../images/vsprite.png");
}
.overground-icon.small-icon {
  background-size: 60px 1820px;
  background-position: -40px -700px;
  height: 20px;
  width: 20px;
  display: block;
}

.streets-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: 0px -128px;
}
.body-cms-preview .streets-icon {
  background-image: url("../../../images/vsprite.png");
}

.coach-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: 0px -1120px;
}
.body-cms-preview .coach-icon {
  background-image: url("../../../images/vsprite.png");
}
.coach-icon.small-icon {
  background-size: 60px 1820px;
  background-position: 0px -700px;
  height: 20px;
  width: 20px;
  display: block;
}

.poi-icon, .pointofinterest-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -64px -1120px;
}
.body-cms-preview .poi-icon, .body-cms-preview .pointofinterest-icon {
  background-image: url("../../../images/vsprite.png");
}
.poi-icon.small-icon, .pointofinterest-icon.small-icon {
  background-size: 60px 1820px;
  background-position: -40px -700px;
  height: 20px;
  width: 20px;
  display: block;
}

.street-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: 0px -2144px;
}
.body-cms-preview .street-icon {
  background-image: url("../../../images/vsprite.png");
}

.plane-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -32px -2048px;
}
.body-cms-preview .plane-icon {
  background-image: url("../../../images/vsprite.png");
}

.mail-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -64px -1152px;
}
.body-cms-preview .mail-icon {
  background-image: url("../../../images/vsprite.png");
}

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

.favourite-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -32px -1184px;
}
.body-cms-preview .favourite-icon {
  background-image: url("../../../images/vsprite.png");
}
.favourite-icon.active {
  background-position: 0px -1184px;
}

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

.email-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -64px -1184px;
}
.body-cms-preview .email-icon {
  background-image: url("../../../images/vsprite.png");
}

.phone-icon, .icon-list .payphones-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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("../../../images/vsprite.png");
}

.small-disrupted-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -32px -1344px;
}
.body-cms-preview .small-disrupted-icon {
  background-image: url("../../../images/vsprite.png");
}

.twenty-four-hour-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: 0px -1344px;
}
.body-cms-preview .twenty-four-hour-icon {
  background-image: url("../../../images/vsprite.png");
}

.tube-station-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -32px -1408px;
}
.body-cms-preview .tube-station-icon {
  background-image: url("../../../images/vsprite.png");
}

.national-rail-station-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -64px -1408px;
}
.body-cms-preview .national-rail-station-icon {
  background-image: url("../../../images/vsprite.png");
}

.overground-station-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: 0px -1440px;
}
.body-cms-preview .overground-station-icon {
  background-image: url("../../../images/vsprite.png");
}

.dlr-station-icon, .docklands-station-icon, .docklands-light-railway-station-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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("../../../images/vsprite.png");
}

.tram-station-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -64px -1440px;
}
.body-cms-preview .tram-station-icon {
  background-image: url("../../../images/vsprite.png");
}

.coach-station-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: 0px -1472px;
}
.body-cms-preview .coach-station-icon {
  background-image: url("../../../images/vsprite.png");
}

.river-bus-station-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -32px -1472px;
}
.body-cms-preview .river-bus-station-icon {
  background-image: url("../../../images/vsprite.png");
}

.bus-station-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -64px -1472px;
}
.body-cms-preview .bus-station-icon {
  background-image: url("../../../images/vsprite.png");
}

.cable-car-station-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: 0px -1504px;
}
.body-cms-preview .cable-car-station-icon {
  background-image: url("../../../images/vsprite.png");
}

.taxi-rank-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -32px -1504px;
}
.body-cms-preview .taxi-rank-icon {
  background-image: url("../../../images/vsprite.png");
}

.minicab-office-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -64px -1504px;
}
.body-cms-preview .minicab-office-icon {
  background-image: url("../../../images/vsprite.png");
}

.bus-stop-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: 0px -1536px;
}
.body-cms-preview .bus-stop-icon {
  background-image: url("../../../images/vsprite.png");
}

.blank-bus-stop-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -32px -1536px;
}
.body-cms-preview .blank-bus-stop-icon {
  background-image: url("../../../images/vsprite.png");
}

.bch-docking-station-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -64px -1536px;
}
.body-cms-preview .bch-docking-station-icon {
  background-image: url("../../../images/vsprite.png");
}
.bch-docking-station-icon.full-000 {
  background-position: -32px -1632px;
}
.bch-docking-station-icon.full-125 {
  background-position: 0px -1632px;
}
.bch-docking-station-icon.full-250 {
  background-position: -64px -1600px;
}
.bch-docking-station-icon.full-375 {
  background-position: -32px -1600px;
}
.bch-docking-station-icon.full-500 {
  background-position: 0px -1600px;
}
.bch-docking-station-icon.full-625 {
  background-position: -64px -1568px;
}
.bch-docking-station-icon.full-750 {
  background-position: -32px -1568px;
}
.bch-docking-station-icon.full-875 {
  background-position: 0px -1568px;
}

.nearby-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -32px -1312px;
}
.body-cms-preview .nearby-icon {
  background-image: url("../../../images/vsprite.png");
}

.ticket-halls-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -64px -1696px;
}
.body-cms-preview .ticket-halls-icon {
  background-image: url("../../../images/vsprite.png");
}

.gates-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: 0px -1728px;
}
.body-cms-preview .gates-icon {
  background-image: url("../../../images/vsprite.png");
}

.photo-booths-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -64px -1664px;
}
.body-cms-preview .photo-booths-icon {
  background-image: url("../../../images/vsprite.png");
}

.cash-machines-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -32px -1728px;
}
.body-cms-preview .cash-machines-icon {
  background-image: url("../../../images/vsprite.png");
}

.car-park-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -32px -1664px;
}
.body-cms-preview .car-park-icon {
  background-image: url("../../../images/vsprite.png");
}

.help-points-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: 0px -1664px;
}
.body-cms-preview .help-points-icon {
  background-image: url("../../../images/vsprite.png");
}

.bridge-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: 0px -1696px;
}
.body-cms-preview .bridge-icon {
  background-image: url("../../../images/vsprite.png");
}

.waiting-room-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -32px -1696px;
}
.body-cms-preview .waiting-room-icon {
  background-image: url("../../../images/vsprite.png");
}

.wifi-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -64px -1728px;
}
.body-cms-preview .wifi-icon {
  background-image: url("../../../images/vsprite.png");
}

.icon-info-interchange {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: 0px -1760px;
}
.body-cms-preview .icon-info-interchange {
  background-image: url("../../../images/vsprite.png");
}

.icon-info-full {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -64px -1760px;
}
.body-cms-preview .icon-info-full {
  background-image: url("../../../images/vsprite.png");
}

.icon-info-none {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -32px -1760px;
}
.body-cms-preview .icon-info-none {
  background-image: url("../../../images/vsprite.png");
}

.icon-info-partial {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: 0px -1792px;
}
.body-cms-preview .icon-info-partial {
  background-image: url("../../../images/vsprite.png");
}

.white-pram-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -32px -1792px;
}
.body-cms-preview .white-pram-icon {
  background-image: url("../../../images/vsprite.png");
}

.white-wheelchair-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -64px -1792px;
}
.body-cms-preview .white-wheelchair-icon {
  background-image: url("../../../images/vsprite.png");
}

.info-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -64px -1920px;
}
.body-cms-preview .info-icon {
  background-image: url("../../../images/vsprite.png");
}

.secondary-plan-journey-icon, .secondary-journey-from-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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("../../../images/vsprite.png");
}

.secondary-journey-to-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -64px -1952px;
}
.body-cms-preview .secondary-journey-to-icon {
  background-image: url("../../../images/vsprite.png");
}

.select-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -64px -2016px;
}
.body-cms-preview .select-icon {
  background-image: url("../../../images/vsprite.png");
}

.nearby-icon-white {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -64px -2048px;
}
.body-cms-preview .nearby-icon-white {
  background-image: url("../../../images/vsprite.png");
}

.menu-icon-alt {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: 0px -2080px;
}
.body-cms-preview .menu-icon-alt {
  background-image: url("../../../images/vsprite.png");
}

.menu-icon-blue {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -32px -2080px;
}
.body-cms-preview .menu-icon-blue {
  background-image: url("../../../images/vsprite.png");
}

.menu-icon-white {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -64px -2080px;
}
.body-cms-preview .menu-icon-white {
  background-image: url("../../../images/vsprite.png");
}

.tick-icon-alt, .map-options-panel .map-panel-radio:checked + .map-panel-radio-with-image:before {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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("../../../images/vsprite.png");
}

.bicycle-moderate-icon, .cycle-moderate-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: 0px -2176px;
}
.body-cms-preview .bicycle-moderate-icon, .body-cms-preview .cycle-moderate-icon {
  background-image: url("../../../images/vsprite.png");
}

.bicycle-fast-icon, .cycle-fast-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -32px -2176px;
}
.body-cms-preview .bicycle-fast-icon, .body-cms-preview .cycle-fast-icon {
  background-image: url("../../../images/vsprite.png");
}

.print-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: 0px -2304px;
}
.body-cms-preview .print-icon {
  background-image: url("../../../images/vsprite.png");
}

.level-walkway {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: -4px -256px;
  height: 32px;
  width: 24px;
  display: block;
}
.body-cms-preview .level-walkway {
  background-image: url("../../../images/vsprite.png");
}
.body-cms-preview .level-walkway {
  background-image: url("../../../images/vsprite.png");
}

.selected .icon.bicycle-icon, .selected .icon.bicycle-easy-icon, .selected .icon.cycle-icon, .selected .icon.cycle-easy-icon, .selected.icon.bicycle-icon, .selected.icon.bicycle-easy-icon, .selected.icon.cycle-icon, .selected.icon.cycle-easy-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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("../../../images/vsprite.png");
}
.selected .icon.walking-icon, .selected.icon.walking-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: -4px -256px;
  height: 32px;
  width: 24px;
  display: block;
}
.body-cms-preview .selected .icon.walking-icon, .body-cms-preview .selected.icon.walking-icon {
  background-image: url("../../../images/vsprite.png");
}
.body-cms-preview .selected .icon.walking-icon, .body-cms-preview .selected.icon.walking-icon {
  background-image: url("../../../images/vsprite.png");
}

.close-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: 0px -800px;
  height: 32px;
  width: 24px;
  display: block;
}
.body-cms-preview .close-icon {
  background-image: url("../../../images/vsprite.png");
}
.body-cms-preview .close-icon {
  background-image: url("../../../images/vsprite.png");
}

.close-icon-white {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: -32px -800px;
  height: 32px;
  width: 24px;
  display: block;
}
.body-cms-preview .close-icon-white {
  background-image: url("../../../images/vsprite.png");
}
.body-cms-preview .close-icon-white {
  background-image: url("../../../images/vsprite.png");
}

.close3-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: -64px -832px;
  height: 32px;
  width: 24px;
  display: block;
}
.body-cms-preview .close3-icon {
  background-image: url("../../../images/vsprite.png");
}
.body-cms-preview .close3-icon {
  background-image: url("../../../images/vsprite.png");
}

.share-icon {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: -68px -224px;
  height: 32px;
  width: 24px;
  display: block;
}
.body-cms-preview .share-icon {
  background-image: url("../../../images/vsprite.png");
}
.body-cms-preview .share-icon {
  background-image: url("../../../images/vsprite.png");
}

.link-accordion-icon {
  padding-left: 34px;
  position: relative;
}
.link-accordion-icon:after {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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("../../../images/vsprite.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-small, .selector span.downloading:after, .twitter-typeahead.downloading:not(.geocoded):after, .document-download-wrap.downloading .document-download-icon {
  width: 32px;
  height: 32px;
  background-image: url("/static/1/images/throbber-blue-small.gif");
  background-size: 32px 32px;
  background-position: 0px 0px;
}

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

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

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

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

.roundel-icon-coach, #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/BCH_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/BCH_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/BCH_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/BCH_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/BCH_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/BCH_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/BCH_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/BCH_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/BCH_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, #ssp-roundel .mypage.mode-cable-car:after, .headline-container.mode-cable-car:after {
  width: 161px;
  height: 68px;
  background-image: url("/static/1/images/roundels/EAL.png");
}

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

.roundel-icon-overground, #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");
}

.no-letter:after {
  content: "";
  position: absolute;
  display: block;
  top: 1px;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -1px -418px;
  height: 27px;
  width: 29px;
}
.body-cms-preview .no-letter:after {
  background-image: url("../../../images/vsprite.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: #cc3333;
}
.circle-icon.no-letter {
  width: 31px;
}
.circle-icon.no-letter:after {
  height: 27px;
}

.disrupted .circle-icon:before {
  content: "";
  position: absolute;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -32px -1344px;
  top: 9px;
  right: -10px;
}
.body-cms-preview .disrupted .circle-icon:before {
  background-image: url("../../../images/vsprite.png");
}

.placeholder-image {
  color: #2d3039;
  display: block;
  position: relative;
  margin-bottom: 20px;
}
.placeholder-image:hover, .placeholder-image:focus {
  text-underline: none;
}
.placeholder-image:visited {
  color: #2d3039;
}
.placeholder-image:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.placeholder-image .placeholder-text {
  top: 50%;
  left: 50%;
  margin: auto;
  min-width: 120px;
  min-height: 50px;
  display: table;
  text-align: center;
  margin-left: -60px;
  margin-top: -25px;
}

.placeholder-text {
  background: #fff;
  padding: 3px;
  color: #2070b0;
  font-family: "New Johnson";
  position: absolute;
  top: 50%;
  margin-top: -20px;
  z-index: 1;
}
.placeholder-text strong {
  display: block;
  font-size: 16px;
}

.status-map-placeholder {
  background-image: url("/static/1/images/placeholder/tube_tab.jpg");
  height: 60px;
  width: 100%;
}
.status-map-placeholder.bus {
  background-image: url("/static/1/images/placeholder/bus-tab.jpg");
}
.status-map-placeholder.cable-car {
  background-image: url("/static/1/images/placeholder/emirates_tab.jpg");
}
.status-map-placeholder.tram {
  background-image: url("/static/1/images/placeholder/tram_tab.jpg");
}
.status-map-placeholder.river-bus {
  background-image: url("/static/1/images/placeholder/river_tab.jpg");
}
.status-map-placeholder.national-rail {
  background-image: url("/static/1/images/placeholder/rail_dt.jpg");
}

.map-switcher .placeholder-image, .map-switcher .status-map-placeholder {
  height: 100%;
}

/**************************************************
DROPDOWN
* Author: Rodrigo Lopes
* Created: 19/02/2013
* Modified by:
* Modified date:
* Pattern library URL: http://
**************************************************/
.primary-dropdown-ico {
  position: relative;
  padding-right: 28px !important;
}
.primary-dropdown-ico:after {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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("../../../images/vsprite.png");
}
.body-cms-preview .primary-dropdown-ico:after {
  background-image: url("../../../images/vsprite.png");
}

.cookie-policy-button a {
  float: right;
}

.cookie-policy-notice {
  display: none;
  background-color: #1F2025;
  color: #ffffff;
  padding: 4px 0;
  border-bottom: 1px solid #A1A1A2;
  font-size: 80%;
  *zoom: 1;
}
.cookie-policy-notice:before, .cookie-policy-notice:after {
  content: " ";
  display: table;
}
.cookie-policy-notice:after {
  clear: both;
}
.cookie-policy-notice p {
  padding: 5px 0;
  margin-bottom: 0;
}
.cookie-policy-notice .link2:after {
  content: "";
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: -38px -2346px;
  height: 12px;
  width: 15px;
  display: inline-block;
  margin-bottom: -2px;
}
.body-cms-preview .cookie-policy-notice .link2:after {
  background-image: url("../../../images/vsprite.png");
}
.body-cms-preview .cookie-policy-notice .link2:after {
  background-image: url("../../../images/vsprite.png");
}

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

.expandable-table {
  width: 100%;
}
.expandable-table thead.start-hidden, .expandable-table tbody.start-hidden {
  padding: 0;
}
.expandable-table thead, .expandable-table tbody, .expandable-table tr {
  display: block;
  width: 100%;
}
.expandable-table td, .expandable-table th {
  display: inline-block;
  padding: 10px 10px 10px 16px;
}
.expandable-table.two-column-table td, .expandable-table.two-column-table th {
  width: 40%;
}

thead.table-header tr {
  font-weight: bold;
  background-color: white;
}

.hidden-header-visible-caption thead {
  display: none;
}
.hidden-header-visible-caption caption {
  text-align: left;
  background-color: #eeeeee;
  font-size: 20px;
  font-family: "New Johnson";
  padding: 14px 16px;
}
.hidden-header-visible-caption tbody tr {
  background-color: white;
}
.hidden-header-visible-caption tbody tr:nth-child(even) {
  background-color: #eeeeee;
}
.hidden-header-visible-caption tbody td {
  padding: 14px;
}
.hidden-header-visible-caption tbody td:last-child {
  text-align: right;
}

.video-player {
  width: 100%;
}

.fallback-video-link-container .congestion-charge-evidence:after {
  content: "";
  position: absolute;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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("../../../images/vsprite.png");
}
.fallback-video-link-container .congestion-charge-evidence:after {
  position: relative;
  display: inline-block;
}

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

.drop-zone {
  position: relative;
  width: 100%;
}
.no-js .drop-zone {
  display: none;
}
.drop-zone .file-browser {
  margin-top: 5px;
}

.no-js .upload-trigger {
  display: none;
}

.upload-control .next-input-trigger {
  display: none;
}
.no-js .upload-control .next-input-trigger, .lt-ie9 .upload-control .next-input-trigger {
  display: block;
  width: 50%;
  float: right;
  margin: 20px 0;
}

.hidden-file-input {
  display: none;
  width: 100%;
}
.no-js .hidden-file-input, .lt-ie9 .hidden-file-input {
  display: block;
  margin-bottom: 30px;
}

.file-list-output {
  width: 100%;
  font-size: 16px;
  font-weight: bold;
}
.file-list-output ul {
  list-style: none;
  margin: 0;
  padding: 0;
  min-width: 285px;
}

.uploaded-file-name {
  padding-right: 37px;
  vertical-align: middle;
}
.uploaded-file-name:after {
  content: "";
  position: absolute;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: 0px -1280px;
  bottom: auto;
  left: auto;
  right: auto;
  top: auto;
}
.body-cms-preview .uploaded-file-name:after {
  background-image: url("../../../images/vsprite.png");
}
.uploaded-file-name:after {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  left: 5px;
}

.remove-file {
  height: 40px;
  width: 40px;
  color: transparent;
  font: 0/0 a;
  text-shadow: none;
  position: absolute;
  right: 5px;
  top: 22%;
}
.remove-file:after {
  content: "";
  position: absolute;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: 0px -800px;
  bottom: auto;
  left: auto;
  right: auto;
  top: auto;
}
.body-cms-preview .remove-file:after {
  background-image: url("../../../images/vsprite.png");
}

.file-list-output .uploaded-file {
  padding: 10px 50px 10px 63px;
  background-color: #e9f5dd;
  position: relative;
}

.file-message {
  margin-bottom: 10px;
  overflow-wrap: break-word;
}
.file-message.delete-error {
  position: relative;
  bottom: 10px;
  border: none;
  margin-bottom: 0;
  color: #a92727;
}

/* 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.07077%;
  width: 47.96461%;
  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: #eeeeee;
  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 h1 {
  padding-right: 88px;
}
.ssp h3 {
  padding-right: 88px;
}

#ssp-roundel .mypage {
  position: absolute;
  right: 2.54%;
  top: 0;
}
#ssp-roundel .mypage[class*="mode-"] {
  padding-right: 2.54%;
  right: 2.54%;
  width: 64px;
}
#ssp-roundel .mypage[class*="mode-"]:after {
  content: "";
  display: block;
  right: 0;
  width: 44px;
  height: 40px;
  margin-left: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}
#ssp-roundel .mypage.mode-cable-car {
  padding-right: 77px;
  padding-top: 0;
}
#ssp-roundel .mypage.mode-cable-car:after {
  height: 50px;
  width: 78px;
}
#ssp-roundel .mypage.mode-cable-car .headline-info {
  padding-right: 128px;
}
#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-image: url("/static/1/images/vsprite_x2.png");
  background-position: -11px -615px;
  background-size: 91px auto;
  display: inline-block;
  height: 23px;
  width: 10px;
}
#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.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:not(.route-branch-heading):not(.route-branch-information):nth-child(odd), .timetable-route li:not(.route-branch-heading):not(.route-branch-information):nth-child(odd) {
  background-color: #f7f7f7;
}
.stop-list li:hover, .timetable-route li:hover {
  z-index: 2;
}
.stop-list .stop-link, .timetable-route .stop-link {
  display: block;
  padding: 10px 30px 10px 60px;
  color: #2d3039;
}
.stop-list a.stop-link, .timetable-route a.stop-link {
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.stop-list a.stop-link:after, .timetable-route a.stop-link:after {
  content: "";
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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("../../../images/vsprite.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;
}
.stop-list a.stop-link:focus:not(.no-arrow), .timetable-route a.stop-link:focus:not(.no-arrow), .stop-list a.stop-link:hover:not(.no-arrow), .timetable-route a.stop-link:hover:not(.no-arrow) {
  background-color: #eff6fd;
}
.stop-list a.stop-link:focus.no-arrow, .timetable-route a.stop-link:focus.no-arrow, .stop-list a.stop-link:hover.no-arrow, .timetable-route a.stop-link:hover.no-arrow {
  cursor: default;
}
.stop-list .lines, .timetable-route .lines {
  width: 44px;
}
.stop-list .stop-name, .timetable-route .stop-name {
  left: 28px;
  top: 50%;
  margin-top: -16px;
  width: 32px;
  position: absolute;
  height: 30px;
}
.stop-list .stop-name.mode-icon, .timetable-route .stop-name.mode-icon {
  float: none;
  margin-top: -16px;
  position: absolute;
}
.stop-list .stop-name.hail-and-ride, .timetable-route .stop-name.hail-and-ride {
  border: 4px solid #cc3333;
  background-color: transparent;
  width: 25px;
  height: 25px;
  margin-top: -12px;
}
.stop-list .time-and-mode, .timetable-route .time-and-mode {
  z-index: 2;
}
.stop-list .time-and-mode .stop-name, .timetable-route .time-and-mode .stop-name {
  top: auto;
  margin-top: 0;
}
.stop-list .with-continuation, .timetable-route .with-continuation {
  margin-bottom: 35px;
  background-color: #fff;
}
.stop-list .with-continuation:before, .timetable-route .with-continuation:before {
  content: "";
  position: absolute;
  margin-top: -2px;
  left: -18px;
  width: 40px;
  height: 40px;
  background-image: url("/static/1/images/bus-route_sprite_x2.png");
  background-image: url("/static/1/images/bus-route_sprite.png") \9;
  background-size: 80px 120px;
  background-position: 0 -80px;
  top: -8px;
  left: 10px;
}
.stop-list .route-branch-information.bus-split, .timetable-route .route-branch-information.bus-split {
  min-height: 60px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.video-gallery-wrapper .video-gallery {
  padding-bottom: 15px;
  background: #eeeeee;
}
.video-gallery-wrapper .video-gallery .galleria-image-nav {
  display: none;
}
.video-gallery-wrapper .video-thumbs .video-thumb img {
  max-width: 100%;
  height: auto;
}
.video-gallery-wrapper .video-thumbs .video-thumb.selected .video-caption {
  color: #000;
  width: 100%;
}
.video-gallery-wrapper .video-thumbs .video-thumb.selected span {
  background: #ccc;
  color: #000;
}
.video-gallery-wrapper .video-thumbs .video-thumb:nth-child(3n+3) {
  margin-right: 0;
}
.video-gallery-wrapper .video-thumbs .video-thumb:first-child {
  padding-left: 0;
}
.video-gallery-wrapper .video-thumbs .video-thumb .video-caption {
  display: block;
  padding: 10px 10px 10px 10px;
  font-size: 10pt;
  float: left;
  color: #2070b0;
}
.video-gallery-wrapper .video-thumbs .video-thumb > a:after {
  clear: both;
  display: block;
  content: "";
}
.video-gallery-wrapper .nbs-flexisel-inner {
  margin-bottom: 15px;
}

@media only screen and (min-width: 580px) {
  .video-thumbs .video-thumb {
    max-width: 23.5%;
  }
  .video-thumbs .video-thumb:nth-child(4n+4) {
    margin-right: 0;
  }
}
.video-gallery-title {
  padding: 5px 5px 5px 8px;
  font-size: 14pt;
}

#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
  display: none;
}

.nbs-flexisel-container {
  position: relative;
  max-width: 100%;
  *overflow: hidden;
}

.nbs-flexisel-ul {
  position: relative;
  width: 9999px;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  text-align: left;
}

.nbs-flexisel-inner {
  overflow: hidden;
  float: left;
  width: 100%;
  background: #eeeeee;
  border-top: none;
}

.nbs-flexisel-item {
  float: left;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
  position: relative;
  line-height: 0px;
}

.nbs-flexisel-item img {
  max-width: 32%;
  padding: 1px;
  float: left;
}

/*** Navigation ***/
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
  height: 40px;
  width: 40px;
  background: #fff;
  position: absolute;
  cursor: pointer;
  z-index: 1000;
}

.nbs-flexisel-nav-left {
  left: 0;
}
.nbs-flexisel-nav-left:after {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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("../../../images/vsprite.png");
}

.nbs-flexisel-nav-right {
  right: 0;
}
.nbs-flexisel-nav-right:after {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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("../../../images/vsprite.png");
}

/**************************************************
	M033-headline

* Author: Alex Faunt
* Created: 12/09/2013
* Pattern library URL: \Google Drive\NWP\Front-end\Pattern library\Modules\M033-headline

**************************************************/
.headline-container {
  margin: 15px 0 10px;
  padding: 5px 0;
  position: relative;
}
.headline-container h1, .headline-container h2 {
  padding-bottom: 8px;
  margin: 0;
}
.headline-container.plain {
  padding: 0;
  font-family: "NJ Signing";
}
.headline-container.plain h1 {
  font-family: "NJ Signing";
}
.headline-container.section-title {
  padding: 5px 0;
}
.headline-container.with-tag {
  padding-left: 20px;
}
.headline-container.with-tag.bus {
  padding-left: 0;
  *zoom: 1;
}
.headline-container.with-tag.bus:before, .headline-container.with-tag.bus:after {
  content: " ";
  display: table;
}
.headline-container.with-tag.bus:after {
  clear: both;
}
.headline-container.with-tag.bus h1 {
  float: left;
  color: #fff;
  background-color: #cc3333;
  padding: 12px 10px 4px;
}
.headline-container.with-tag .tag {
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  top: 0;
  width: 10px;
}
.headline-container.with-tag h1 {
  padding-top: 13px;
  padding-bottom: 8px;
}
.headline-container.content-page {
  border-bottom: 1px solid #cacaca;
  padding: 0;
  margin-bottom: 26px;
}
.headline-container.content-page h1 {
  line-height: 100%;
  word-wrap: break-word;
  text-decoration: none;
}
.headline-container.content-page h1 a {
  color: inherit;
  text-decoration: none;
  font-size: inherit;
  line-height: inherit;
}
.headline-container[class*="mode-"] {
  padding-right: 46px;
}
.headline-container[class*="mode-"]:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  width: 36px;
  height: 30px;
  bottom: 10px;
  background-size: 100%;
  background-repeat: no-repeat;
}
.headline-container.mode-cable-car {
  padding-right: 128px;
  padding-top: 25px;
}
.headline-container.mode-cable-car:after {
  height: 50px;
  width: 118px;
}
.headline-container.mode-cable-car .headline-info {
  padding-right: 128px;
}
.headline-container.mode-cycle:after {
  height: 36px;
}
.headline-container .headline-info {
  padding: 5px 0 10px 10px;
  position: relative;
  min-height: 40px;
  font-size: 16px;
}
.headline-container .headline-info.with-icon {
  padding-left: 35px;
}
.headline-container .headline-info.with-icon > span {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
}
.headline-container .headline-info.with-icon > p {
  margin: 0;
  line-height: 16px;
  padding-top: 4px;
}
.with-favourite .headline-container {
  padding-bottom: 50px;
}
.with-favourite .headline-container:after {
  bottom: 60px;
}
.with-favourite .headline-container .favourite {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  margin: 0;
}
.headline-container.nearby-page:after, .headline-container.maps-page:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  background-image: url("../../../images/homepage_sprite_x2.png");
  background-image: url("../../../images/homepage_sprite.png") \9;
  background-size: 96px 144px;
  background-position: 48px 48px;
  height: 48px;
  width: 48px;
  display: block;
}
.body-cms-preview .headline-container.nearby-page:after, .body-cms-preview .headline-container.maps-page:after {
  background-image: url("../../../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;
}
.bus-options:after {
  content: "";
  display: block;
  clear: both;
}
.bus-options .bus-option {
  display: block;
  float: left;
  margin-left: -1px;
  margin-top: -1px;
}
.bus-options .i {
  font-size: 0;
  line-height: 0;
}
.bus-options.filter .bus-option {
  min-width: 50px;
  height: 50px;
  line-height: 48px;
  font-size: 20px;
  border-bottom: 3px solid #cccccc;
  margin-bottom: 7px;
}
.bus-options.filter .bus-option .i {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.bus-options.filter .bus-option.active {
  border-color: #cc3333;
}

.bus-option {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  min-width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #cccccc;
  color: #1a5a92;
  font-size: 18px;
  position: relative;
  background: #fff;
}
.bus-option .bus-option-route-name {
  height: 100%;
  width: 100%;
  display: block;
  text-decoration: none;
  font-size: inherit;
  color: inherit;
  line-height: inherit;
  padding: 0 5px;
  cursor: pointer;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.bus-option .bus-option-route-name:hover, .bus-option .bus-option-route-name:focus {
  background-color: #f2f2f2;
}
.bus-option .i {
  display: block;
  margin: 0;
  padding: 0;
  position: absolute;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.bus-option.night-bus {
  background-color: #eff6fd;
}
.bus-option.warning {
  background-color: #faf5e1;
}
.bus-option.warning:hover .bus-option-route-name, .bus-option.warning:focus .bus-option-route-name {
  background-color: #f6eecb;
}
.bus-option.warning .i {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -32px -1344px;
  bottom: -8px;
  right: -7px;
}
.body-cms-preview .bus-option.warning .i {
  background-image: url("../../../images/vsprite.png");
}
.bus-option.non-stop .i {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: 0px -1344px;
  top: -9px;
  left: 50%;
  margin-left: -17px;
}
.body-cms-preview .bus-option.non-stop .i {
  background-image: url("../../../images/vsprite.png");
}
.bus-option.active {
  background-color: #cc3333;
  color: #fff;
  position: relative;
  overflow: visible;
}
.bus-option.active:hover .bus-option-route-name, .bus-option.active:focus .bus-option-route-name {
  background-color: #b82e2e;
}
.bus-option.active:after {
  content: "";
  display: block;
  position: absolute;
  border-color: #cc3333 transparent transparent;
  border-width: 8px;
  border-style: solid;
  top: 100%;
  left: 50%;
  margin-left: -8px;
}

/**************************************************
	C10 Document download

* Author: 
* Created: 
* Pattern library URL: https://tflonline.atlassian.net/wiki/display/NWP/C10+-+Document+download

**************************************************/
.document-download-wrap {
  position: relative;
  padding: 10px 40px 10px 10px;
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
  border: solid 1px #a8a8a8;
  border-bottom: solid 4px #cccccc;
  background-color: #fff;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.document-download-wrap:hover, .document-download-wrap:focus {
  text-decoration: none;
  background-color: #eff6fd;
}
.document-download-wrap .document-download-text {
  width: 100%;
}
.document-download-wrap .document-download-text p {
  margin-bottom: 0;
  color: #2070b6;
}
.document-download-wrap .document-download-attachment {
  width: 100%;
}
.document-download-wrap .document-download-attachment p {
  margin-bottom: 0;
  color: #676767;
}
.document-download-wrap .document-download-icon {
  width: 32px;
  height: 32px;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -16px;
}
.document-download-wrap .download-doc {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: -64px -192px;
  height: 32px;
  width: 32px;
  display: block;
}
.body-cms-preview .document-download-wrap .download-doc {
  background-image: url("../../../images/vsprite.png");
}
.body-cms-preview .document-download-wrap .download-doc {
  background-image: url("../../../images/vsprite.png");
}
.document-download-wrap .download-image {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: -64px -96px;
  height: 32px;
  width: 32px;
  display: block;
}
.body-cms-preview .document-download-wrap .download-image {
  background-image: url("../../../images/vsprite.png");
}
.body-cms-preview .document-download-wrap .download-image {
  background-image: url("../../../images/vsprite.png");
}
.document-download-wrap .download-spread {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: -64px -160px;
  height: 32px;
  width: 32px;
  display: block;
}
.body-cms-preview .document-download-wrap .download-spread {
  background-image: url("../../../images/vsprite.png");
}
.body-cms-preview .document-download-wrap .download-spread {
  background-image: url("../../../images/vsprite.png");
}
.document-download-wrap .download-zip {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: -64px -128px;
  height: 32px;
  width: 32px;
  display: block;
}
.body-cms-preview .document-download-wrap .download-zip {
  background-image: url("../../../images/vsprite.png");
}
.body-cms-preview .document-download-wrap .download-zip {
  background-image: url("../../../images/vsprite.png");
}
.document-download-wrap .download-audio {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: -64px -128px;
  height: 32px;
  width: 32px;
  display: block;
}
.body-cms-preview .document-download-wrap .download-audio {
  background-image: url("../../../images/vsprite.png");
}
.body-cms-preview .document-download-wrap .download-audio {
  background-image: url("../../../images/vsprite.png");
}
.document-download-wrap.with-image .document-download-text {
  padding-left: 100px;
}
.document-download-wrap.with-image .document-download-attachment {
  padding-left: 100px;
}
.document-download-wrap.with-image .document-download-image {
  position: absolute;
  left: 10px;
  top: 10px;
  overflow: hidden;
}
.document-download-wrap.with-image .document-download-image.portrait {
  height: 124px;
  width: 88px;
}
.document-download-wrap.with-image .document-download-image.landscape {
  width: 88px;
  height: 62px;
}
.document-download-wrap.portrait-download-image {
  min-height: 150px;
}
.document-download-wrap.landscape-download-image {
  min-height: 85px;
}
.document-download-wrap.landscape-download-image .document-download-text {
  padding-left: 105px;
}
.document-download-wrap.landscape-download-image .document-download-attachment {
  padding-left: 105px;
}

/**************************************************
	M046-map-panel

* Author: Adrian Osmond
* Created: 07/10/2013
* Pattern library URL: Google Drive\NWP\Front-end\Pattern library\Modules\M046-map-panel

**************************************************/
.map-panel {
  background-color: #2d3039;
  color: #fff;
  position: relative;
  padding: 15px;
}
.showing-map-panel .map-panel {
  display: block;
}
.map-panel .close3-icon {
  position: absolute;
  top: 0;
  right: 10px;
  z-index: 10;
}
.map-panel .nearby-list-heading {
  display: block;
  font-size: 20px;
  padding-top: 3px;
  line-height: 26px;
}
.map-panel .nearby-mode-information {
  position: static;
  float: left;
  height: 35px;
  margin: -2px 5px 0 -2px;
}
.map-panel .nearby-mode-information .mode-icon {
  width: 31px;
  position: static;
  float: left;
}
.map-panel .nearby-mode-details {
  padding: 0 20px 3px 0px;
  margin-bottom: 15px;
}
.map-panel .mode-icon {
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding-top: 7px;
  text-align: center;
}
.map-panel .multi-modal-station .mode-icon {
  display: none;
}
.map-panel.loading {
  min-height: 80px;
}
.map-panel.loading:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -35px;
  margin-left: -35px;
}
.map-panel.loading > .map-panel-info {
  display: none;
}
.map-panel .map-panel-info > .link-button + .link-button {
  margin-top: -21px;
}
.map-panel .map-panel-info > .link-button:last-child {
  margin-bottom: 10px;
}
.map-panel .widget-wrapper {
  color: #333;
}
.map-panel .map-panel-heading {
  display: block;
  font-size: 20px;
  padding-top: 3px;
  line-height: 26px;
  position: relative;
  padding-left: 33px;
  padding-right: 20px;
}
.map-panel .map-panel-heading:after {
  content: "";
  display: block;
  position: absolute;
  left: -4px;
  top: 50%;
  margin-top: -16px;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
}
.body-cms-preview .map-panel .map-panel-heading:after {
  background-image: url("../../../images/vsprite.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.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("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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("../../../images/vsprite.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("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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("../../../images/vsprite.png");
}

#loader-window {
  margin: 0 auto;
  position: relative;
  width: 300px;
  height: 230px;
  overflow: hidden;
}
#loader-window:before {
  content: "";
  position: absolute;
  bottom: 70px;
  right: 0;
  width: 8px;
  height: 123px;
  background-position: -279px -66px;
  background-repeat: no-repeat;
  background-image: url("/static/1/images/loader_sprite.png");
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  z-index: 1;
}
#loader-window:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 70px;
  width: 8px;
  height: 123px;
  background-position: -279px -66px;
  background-repeat: no-repeat;
  background-image: url("/static/1/images/loader_sprite.png");
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
  z-index: 1;
}
#loader-window.error {
  width: 440px;
  height: 180px;
  background: url("/static/1/images/error_main-01.png");
}

#loader-background {
  position: absolute;
  top: 6px;
  left: 21px;
  width: 267px;
  height: 94px;
  background-position: 0 -66px;
  background-repeat: no-repeat;
  background-image: url("/static/1/images/loader_sprite.png");
}
#loader-background.error {
  display: none;
}

#loader-trees {
  position: absolute;
  top: 42px;
  left: -338px;
  width: 992px;
  height: 992px;
}
.walking #loader-trees {
  -webkit-animation: rotate 120s infinite linear;
  -moz-animation: rotate 120s infinite linear;
  animation: rotate 120s infinite linear;
}
.cycling #loader-trees {
  -webkit-animation: rotate 90s infinite linear;
  -moz-animation: rotate 90s infinite linear;
  animation: rotate 90s infinite linear;
}
.publictransport #loader-trees {
  -webkit-animation: rotate 60s infinite linear;
  -moz-animation: rotate 60s infinite linear;
  animation: rotate 60s infinite linear;
}

.tree-segment, .grass-segment {
  position: absolute;
  left: 50%;
  background: url("/static/1/images/loader_sprite.png");
  background-repeat: no-repeat;
}

.tree-segment {
  width: 290px;
  height: 66px;
  margin-left: -145px;
  -webkit-transform-origin: 50% 496px;
  -moz-transform-origin: 50% 496px;
  -ms-transform-origin: 50% 496px;
  -o-transform-origin: 50% 496px;
  transform-origin: 50% 496px;
}
.tree-segment:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.tree-segment:nth-child(3) {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.tree-segment:nth-child(4) {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.tree-segment:nth-child(5) {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.tree-segment:nth-child(6) {
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
}
.tree-segment:nth-child(7) {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.tree-segment:nth-child(8) {
  -webkit-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  -o-transform: rotate(315deg);
  transform: rotate(315deg);
}

#loader-birds {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 10px;
  left: 110px;
  background: url("/static/1/images/bird.gif");
}
.walking #loader-birds {
  -webkit-animation: flybyreverse 20s infinite linear;
  -moz-animation: flybyreverse 20s infinite linear;
  animation: flybyreverse 20s infinite linear;
}
.cycling #loader-birds {
  -webkit-animation: flyby 30s infinite linear;
  -moz-animation: flyby 30s infinite linear;
  animation: flyby 30s infinite linear;
}
.publictransport #loader-birds {
  -webkit-animation: flyby 20s infinite linear;
  -moz-animation: flyby 20s infinite linear;
  animation: flyby 20s infinite linear;
}

#loader-transport-method {
  position: absolute;
}
.publictransport #loader-transport-method {
  background-image: url("/static/1/images/bus.png");
  width: 84px;
  height: 40px;
  top: 41px;
  left: 110px;
  -webkit-animation: bounce 0.3s infinite linear;
  -moz-animation: bounce 0.3s infinite linear;
  animation: bounce 0.3s infinite linear;
}
.cycling #loader-transport-method {
  background-image: url("/static/1/images/cyclist.gif");
  width: 46px;
  height: 41px;
  top: 43px;
  left: 130px;
}
.walking #loader-transport-method {
  background-image: url("/static/1/images/walker.gif");
  width: 25px;
  height: 35px;
  top: 49px;
  left: 140px;
}

#loader-grass {
  position: absolute;
  top: 72px;
  left: -310px;
  width: 936px;
  height: 934px;
}
.walking #loader-grass {
  -webkit-animation: rotate 60s infinite linear;
  -moz-animation: rotate 60s infinite linear;
  animation: rotate 60s infinite linear;
}
.cycling #loader-grass {
  -webkit-animation: rotate 45s infinite linear;
  -moz-animation: rotate 45s infinite linear;
  animation: rotate 45s infinite linear;
}
.publictransport #loader-grass {
  -webkit-animation: rotate 30s infinite linear;
  -moz-animation: rotate 30s infinite linear;
  animation: rotate 30s infinite linear;
}

.grass-segment {
  width: 160px;
  height: 59px;
  margin-left: -80px;
  background-position: 0 -160px;
  -webkit-transform-origin: 50% 466px;
  -moz-transform-origin: 50% 466px;
  -ms-transform-origin: 50% 466px;
  -o-transform-origin: 50% 466px;
  transform-origin: 50% 466px;
}
.grass-segment:nth-child(2) {
  -webkit-transform: rotate(20deg);
  -moz-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  -o-transform: rotate(20deg);
  transform: rotate(20deg);
}
.grass-segment:nth-child(3) {
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  -o-transform: rotate(40deg);
  transform: rotate(40deg);
}
.grass-segment:nth-child(4) {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  transform: rotate(60deg);
}
.grass-segment:nth-child(5) {
  -webkit-transform: rotate(80deg);
  -moz-transform: rotate(80deg);
  -ms-transform: rotate(80deg);
  -o-transform: rotate(80deg);
  transform: rotate(80deg);
}
.grass-segment:nth-child(6) {
  -webkit-transform: rotate(100deg);
  -moz-transform: rotate(100deg);
  -ms-transform: rotate(100deg);
  -o-transform: rotate(100deg);
  transform: rotate(100deg);
}
.grass-segment:nth-child(7) {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  transform: rotate(120deg);
}
.grass-segment:nth-child(8) {
  -webkit-transform: rotate(140deg);
  -moz-transform: rotate(140deg);
  -ms-transform: rotate(140deg);
  -o-transform: rotate(140deg);
  transform: rotate(140deg);
}
.grass-segment:nth-child(9) {
  -webkit-transform: rotate(160deg);
  -moz-transform: rotate(160deg);
  -ms-transform: rotate(160deg);
  -o-transform: rotate(160deg);
  transform: rotate(160deg);
}
.grass-segment:nth-child(10) {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.grass-segment:nth-child(11) {
  -webkit-transform: rotate(200deg);
  -moz-transform: rotate(200deg);
  -ms-transform: rotate(200deg);
  -o-transform: rotate(200deg);
  transform: rotate(200deg);
}
.grass-segment:nth-child(12) {
  -webkit-transform: rotate(220deg);
  -moz-transform: rotate(220deg);
  -ms-transform: rotate(220deg);
  -o-transform: rotate(220deg);
  transform: rotate(220deg);
}
.grass-segment:nth-child(13) {
  -webkit-transform: rotate(240deg);
  -moz-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  -o-transform: rotate(240deg);
  transform: rotate(240deg);
}
.grass-segment:nth-child(14) {
  -webkit-transform: rotate(260deg);
  -moz-transform: rotate(260deg);
  -ms-transform: rotate(260deg);
  -o-transform: rotate(260deg);
  transform: rotate(260deg);
}
.grass-segment:nth-child(15) {
  -webkit-transform: rotate(280deg);
  -moz-transform: rotate(280deg);
  -ms-transform: rotate(280deg);
  -o-transform: rotate(280deg);
  transform: rotate(280deg);
}
.grass-segment:nth-child(16) {
  -webkit-transform: rotate(300deg);
  -moz-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  -o-transform: rotate(300deg);
  transform: rotate(300deg);
}
.grass-segment:nth-child(17) {
  -webkit-transform: rotate(320deg);
  -moz-transform: rotate(320deg);
  -ms-transform: rotate(320deg);
  -o-transform: rotate(320deg);
  transform: rotate(320deg);
}
.grass-segment:nth-child(18) {
  -webkit-transform: rotate(340deg);
  -moz-transform: rotate(340deg);
  -ms-transform: rotate(340deg);
  -o-transform: rotate(340deg);
  transform: rotate(340deg);
}

#loader-message {
  position: absolute;
  font-family: Arial, serif;
  top: 140px;
  left: 100px;
}

#error-window {
  position: relative;
  margin-bottom: 10px;
  overflow: hidden;
  width: 100%;
  height: 180px;
  background-color: #cfdee8;
}

#error-container {
  width: 440px;
  height: 100%;
  background-image: url("/static/1/images/error_main-01.png");
  position: relative;
  left: 50%;
  margin-left: -220px;
}

#digger-arm-2 {
  position: absolute;
  width: 13px;
  height: 51px;
  top: 0;
  left: -10px;
  -webkit-transform-origin: 10px 5px;
  -moz-transform-origin: 10px 5px;
  -ms-transform-origin: 10px 5px;
  -o-transform-origin: 10px 5px;
  transform-origin: 10px 5px;
  -webkit-animation: extend-arm 8s infinite ease-in-out;
  -moz-animation: extend-arm 8s infinite ease-in-out;
  animation: extend-arm 8s infinite ease-in-out;
  background: url("/static/1/images/arm1.png");
}

#digger-arm-1 {
  position: relative;
  width: 39px;
  height: 46px;
  top: 110px;
  left: 317px;
  -webkit-transform-origin: 36px 39px;
  -moz-transform-origin: 36px 39px;
  -ms-transform-origin: 36px 39px;
  -o-transform-origin: 36px 39px;
  transform-origin: 36px 39px;
  -webkit-animation: dig-up 8s infinite ease-in-out;
  -moz-animation: dig-up 8s infinite ease-in-out;
  animation: dig-up 8s infinite ease-in-out;
  background: url("/static/1/images/arm2.png");
}

#error-bus {
  position: absolute;
  width: 123px;
  height: 61px;
  top: 95px;
  left: 105px;
  -webkit-animation: small-bounce 0.2s infinite linear;
  -moz-animation: small-bounce 0.2s infinite linear;
  animation: small-bounce 0.2s infinite linear;
  background: url("/static/1/images/error_bus.png");
}

#error-clouds {
  width: 1600px;
  height: 1600px;
  left: -593px;
  top: 10px;
  position: absolute;
  -webkit-animation: rotate 600s infinite linear;
  -moz-animation: rotate 600s infinite linear;
  animation: rotate 600s infinite linear;
}

.cloud-segment {
  background-image: url("/static/1/images/cloud.png");
  width: 635px;
  height: 86px;
  position: absolute;
  left: 50%;
  margin-left: -317px;
  -webkit-transform-origin: 50% 800px;
  -moz-transform-origin: 50% 800px;
  -ms-transform-origin: 50% 800px;
  -o-transform-origin: 50% 800px;
  transform-origin: 50% 800px;
}
.cloud-segment:nth-child(2) {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  transform: rotate(60deg);
}
.cloud-segment:nth-child(3) {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  transform: rotate(120deg);
}
.cloud-segment:nth-child(4) {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.cloud-segment:nth-child(5) {
  -webkit-transform: rotate(240deg);
  -moz-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  -o-transform: rotate(240deg);
  transform: rotate(240deg);
}
.cloud-segment:nth-child(6) {
  -webkit-transform: rotate(300deg);
  -moz-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  -o-transform: rotate(300deg);
  transform: rotate(300deg);
}

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(-360deg);
  }
}
@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(0deg);
  }

  to {
    -moz-transform: rotate(-360deg);
  }
}
@-o-keyframes rotate {
  from {
    -o-transform: rotate(0deg);
  }

  to {
    -o-transform: rotate(-360deg);
  }
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(-360deg);
  }
}
@-webkit-keyframes dig-up {
  0%, 70% {
    -webkit-transform: rotate(0deg);
  }

  30%, 50% {
    -webkit-transform: rotate(30deg);
  }

  85% {
    -webkit-transform: rotate(3deg);
  }
}
@-moz-keyframes dig-up {
  0%, 70% {
    -moz-transform: rotate(0deg);
  }

  30%, 50% {
    -moz-transform: rotate(30deg);
  }

  85% {
    -moz-transform: rotate(3deg);
  }
}
@-o-keyframes dig-up {
  0%, 70% {
    -o-transform: rotate(0deg);
  }

  30%, 50% {
    -o-transform: rotate(30deg);
  }

  85% {
    -o-transform: rotate(3deg);
  }
}
@keyframes dig-up {
  0%, 70% {
    transform: rotate(0deg);
  }

  30%, 50% {
    transform: rotate(30deg);
  }

  85% {
    transform: rotate(3deg);
  }
}
@-webkit-keyframes extend-arm {
  0%, 100% {
    -webkit-transform: rotate(-10deg);
  }

  50%, 60% {
    -webkit-transform: rotate(30deg);
  }
}
@-moz-keyframes extend-arm {
  0%, 100% {
    -moz-transform: rotate(-10deg);
  }

  50%, 60% {
    -moz-transform: rotate(30deg);
  }
}
@-o-keyframes extend-arm {
  0%, 100% {
    -o-transform: rotate(-10deg);
  }

  50%, 60% {
    -o-transform: rotate(30deg);
  }
}
@keyframes extend-arm {
  0%, 100% {
    transform: rotate(-10deg);
  }

  50%, 60% {
    transform: rotate(30deg);
  }
}
@-webkit-keyframes flyby {
  0% {
    -webkit-transform: translate(200px, 0px);
  }

  100% {
    -webkit-transform: translate(-300px, 0px);
  }
}
@-moz-keyframes flyby {
  0% {
    -moz-transform: translate(200px, 0px);
  }

  100% {
    -moz-transform: translate(-300px, 0px);
  }
}
@-o-keyframes flyby {
  0% {
    -o-transform: translate(200px, 0px);
  }

  100% {
    -o-transform: translate(-300px, 0px);
  }
}
@keyframes flyby {
  0% {
    transform: translate(200px, 0px);
  }

  100% {
    transform: translate(-300px, 0px);
  }
}
@-webkit-keyframes flybyreverse {
  0% {
    -webkit-transform: translate(-150px, 0px);
  }

  100% {
    -webkit-transform: translate(300px, 0px);
  }
}
@-moz-keyframes flybyreverse {
  0% {
    -moz-transform: translate(-150px, 0px);
  }

  100% {
    -moz-transform: translate(300px, 0px);
  }
}
@-o-keyframes flybyreverse {
  0% {
    -o-transform: translate(-150px, 0px);
  }

  100% {
    -o-transform: translate(300px, 0px);
  }
}
@keyframes flybyreverse {
  0% {
    transform: translate(-150px, 0px);
  }

  100% {
    transform: translate(300px, 0px);
  }
}
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translate(0px, 1px);
  }

  50% {
    -webkit-transform: translate(0px, -1px);
  }

  100% {
    -webkit-transform: translate(0px, 1px);
  }
}
@-moz-keyframes bounce {
  0% {
    -moz-transform: translate(0px, 1px);
  }

  50% {
    -moz-transform: translate(0px, -1px);
  }

  100% {
    -moz-transform: translate(0px, 1px);
  }
}
@-o-keyframes bounce {
  0% {
    -o-transform: translate(0px, 1px);
  }

  50% {
    -o-transform: translate(0px, -1px);
  }

  100% {
    -o-transform: translate(0px, 1px);
  }
}
@keyframes bounce {
  0% {
    transform: translate(0px, 1px);
  }

  50% {
    transform: translate(0px, -1px);
  }

  100% {
    transform: translate(0px, 1px);
  }
}
@-webkit-keyframes small-bounce {
  0% {
    -webkit-transform: translate(0px, 1px);
  }

  50% {
    -webkit-transform: translate(0px, 0px);
  }

  100% {
    -webkit-transform: translate(0px, 1px);
  }
}
@-moz-keyframes small-bounce {
  0% {
    -moz-transform: translate(0px, 1px);
  }

  50% {
    -moz-transform: translate(0px, 0px);
  }

  100% {
    -moz-transform: translate(0px, 1px);
  }
}
@-o-keyframes small-bounce {
  0% {
    -o-transform: translate(0px, 1px);
  }

  50% {
    -o-transform: translate(0px, 0px);
  }

  100% {
    -o-transform: translate(0px, 1px);
  }
}
@keyframes small-bounce {
  0% {
    transform: translate(0px, 1px);
  }

  50% {
    transform: translate(0px, 0px);
  }

  100% {
    transform: translate(0px, 1px);
  }
}
/**************************************************
	M064 responsive button row
* Author: Alex Faunt
* Created: 25/09/2013
* Pattern library URL: Google Drive\NWP\Front-end\Pattern library\Modules\M064-responsive-button-row
**************************************************/
.responsive-button-row {
  margin: 0 0 20px -10px;
  position: relative;
  overflow: visible;
}
.responsive-button-row:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
  font-size: 0;
  float: none;
}
.responsive-button-row .rbr-button {
  padding-left: 10px;
  float: left;
  white-space: nowrap;
}
.responsive-button-row .rbr-button a {
  margin: 0;
}
.responsive-button-row .rbr-button, .responsive-button-row .rbr-group {
  top: 0;
}
.responsive-button-row .rbr-group {
  display: block;
  float: left;
}
.responsive-button-row .rbr-group:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
  font-size: 0;
  float: none;
}
.responsive-button-row .rbr-group .rbr-button {
  display: none;
}
.responsive-button-row .rbr-group .rbr-group-button {
  display: block;
}
.responsive-button-row.collapsed.opened {
  min-height: 121px;
}
.responsive-button-row.collapsed.opened .rbr-group-button > a {
  background-color: #464951;
  border-color: #464951;
  color: #fff;
}
.responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button {
  display: block;
  padding: 20px 5px 23px;
  background-color: #464951;
  position: absolute;
  bottom: 0;
  width: auto;
  top: auto;
  text-transform: capitalize;
}
.responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a {
  margin: 0;
}
.responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a.with-icon {
  display: block;
  padding-right: 32px;
}
.responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a .secondary-journey-from-icon {
  background-position: -32px -1952px;
}
.responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button > a .secondary-journey-to-icon {
  background-position: 0px -1952px;
}
.responsive-button-row.collapsed.opened .rbr-group-button ~ div.rbr-button:last-child {
  padding-right: 10px;
  right: 0;
  left: 50%;
}
.responsive-button-row.collapsed.opened .rbr-group-button + div.rbr-button {
  padding-left: 10px;
  left: 10px;
  right: 50%;
}
.responsive-button-row.collapsed.opened .not-opened {
  display: none;
}
.responsive-button-row .plain-link.with-icon {
  padding-left: 32px;
}
.responsive-button-row .plain-link.with-icon .i {
  left: 0px;
}

.inline-button-container {
  min-height: 3em;
  padding-bottom: 10px;
}
.inline-button-container .rbr-group-button .rbr-button:first-child {
  float: none;
}
.inline-button-container .rbr-group-button .rbr-button:last-child {
  float: none;
}

@media screen and (min-width: 600px) {
  .inline-button-container .rbr-group-button .rbr-button {
    width: 48%;
  }
  .inline-button-container .rbr-group-button .rbr-button:first-child {
    float: left;
  }
  .inline-button-container .rbr-group-button .rbr-button:last-child {
    float: right;
  }
}
/**************************************************
	M065-section-of-line
* Author: Andrew Spencer
* Created: 21/10/2013
* Pattern library URL:  
**************************************************/
.line-info-box {
  margin-bottom: 20px;
}
.line-info-box .content {
  border-bottom: 0px;
}
.line-info-box .content .always-visible .controls {
  display: block;
  right: 5px;
}
.line-info-box .content.expanded {
  border-bottom: 1px solid #cccccc;
}
.line-info-box .accordion-heading {
  background-color: #eeeeee;
  border: 0px;
  padding-right: 40px;
}
.line-info-box .accordion-heading .line-name {
  margin-left: 20px;
  font-size: 20px;
  margin-bottom: 0px;
}
.line-info-box .accordion-heading .line-section {
  margin-left: 20px;
  font-size: 15px;
  margin-bottom: 0px;
}
.line-info-box .accordion-heading.route .tag {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0px;
  width: 10px;
  z-index: 1;
  text-indent: -10000px;
}
.line-info-box .start-hidden {
  padding: 0px;
}
.line-info-box .start-hidden .stop-list, .line-info-box .start-hidden .timetable-route {
  margin-bottom: 0px;
}
.line-info-box .start-hidden .stop-list li .lines, .line-info-box .start-hidden .timetable-route li .lines {
  overflow: visible;
  left: -5px;
}
.line-info-box .start-hidden .stop-list li .lines span, .line-info-box .start-hidden .timetable-route li .lines span {
  width: 6px;
}
.line-info-box .start-hidden .stop-list li .lines span .interchange, .line-info-box .start-hidden .timetable-route li .lines span .interchange {
  height: 0px;
}
.line-info-box .start-hidden .stop-list li .lines span .interchange:before, .line-info-box .start-hidden .timetable-route li .lines span .interchange:before {
  width: 13px;
  height: 13px;
  background: white;
  right: -16px;
  bottom: -10px;
  position: absolute;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 10px;
  border-color: black;
  border-style: solid;
  z-index: 2;
  content: "";
}
.line-info-box .start-hidden .stop-list li .interchange-list, .line-info-box .start-hidden .timetable-route li .interchange-list {
  position: absolute;
  right: 35px;
  top: 5px;
}
.line-info-box .start-hidden .stop-list li .interchange-list div, .line-info-box .start-hidden .timetable-route li .interchange-list div {
  position: relative;
  float: left;
}
.line-info-box .start-hidden .stop-list li .stop-link, .line-info-box .start-hidden .timetable-route li .stop-link {
  padding-left: 40px;
  padding-right: 100px;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.line-info-box .start-hidden .stop-list li .stop-link:hover, .line-info-box .start-hidden .timetable-route li .stop-link:hover, .line-info-box .start-hidden .stop-list li .stop-link:focus, .line-info-box .start-hidden .timetable-route li .stop-link:focus {
  text-decoration: none;
  background-color: #eff6fd;
}
.line-info-box .start-hidden .stop-list li .stop-link:after, .line-info-box .start-hidden .timetable-route li .stop-link:after {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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("../../../images/vsprite.png");
}
.line-info-box .start-hidden .stop-list li:nth-child(even), .line-info-box .start-hidden .timetable-route li:nth-child(even) {
  background-color: #f7f7f7;
}
.line-info-box .start-hidden .stop-list li:nth-child(odd), .line-info-box .start-hidden .timetable-route li:nth-child(odd) {
  background-color: white;
}
.line-info-box .start-hidden .stop-list li:first-child .lines, .line-info-box .start-hidden .timetable-route li:first-child .lines {
  top: 0px;
}
.line-info-box .start-hidden .stop-list li:first-child .start-of-line, .line-info-box .start-hidden .timetable-route li:first-child .start-of-line {
  top: 18px;
}
.line-info-box .start-hidden .stop-list li:first-child .start-of-line .stop, .line-info-box .start-hidden .timetable-route li:first-child .start-of-line .stop {
  height: 6px;
  top: 3px;
}
.line-info-box .start-hidden .stop-list li:last-child .end-of-line, .line-info-box .start-hidden .timetable-route li:last-child .end-of-line {
  height: 25px;
}
.line-info-box .start-hidden .stop-list li:last-child .end-of-line .stop, .line-info-box .start-hidden .timetable-route li:last-child .end-of-line .stop {
  height: 6px;
  top: 22px;
}
.line-info-box .start-hidden .stop {
  margin-top: -3px;
  height: 6px;
  width: 8px;
}

/**************************************************
	M070 timetable route
* Author: Alex Faunt
* Created: 19/11/2013
* Pattern library URL: Google Drive\NWP\Front-end\Pattern library\Modules\M070-timetable-route
**************************************************/
.timetable-route .lines {
  width: 24px;
  z-index: 2;
}
.timetable-route .lines .stop {
  left: auto;
}
.timetable-route a.stop-link {
  padding-left: 90px;
  padding-right: 30px;
}
.timetable-route a.stop-link .time {
  position: absolute;
  left: 30px;
  top: 50%;
  height: 20px;
  margin-top: -10px;
}
.timetable-route > *:first-child .lines > span {
  position: absolute;
  bottom: 0;
  left: 10px;
  height: 50%;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding-top: 2px;
}
.timetable-route > *:first-child .lines > span > .stop {
  margin-top: 0;
  top: 0;
}
.timetable-route > *:last-child .lines > span, .timetable-route > *.last-child .lines > span {
  position: absolute;
  top: 0;
  left: 10px;
  height: 50%;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding-bottom: 2px;
}
.timetable-route > *:last-child .lines > span > .stop, .timetable-route > *.last-child .lines > span > .stop {
  margin-top: 0;
  top: 100%;
  margin-top: -4px;
}
.timetable-route .selected * {
  font-weight: bold;
}
.timetable-route .selected *.mode-icon {
  font-weight: normal;
}
.timetable-route .interchanges {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  right: 10px;
  *zoom: 1;
}
.timetable-route .interchanges:before, .timetable-route .interchanges:after {
  content: " ";
  display: table;
}
.timetable-route .interchanges:after {
  clear: both;
}
.timetable-route .interchanges > span {
  float: left;
}
.timetable-route .interchange-1 .stop-link {
  padding-right: 52px;
}
.timetable-route .interchange-2 .stop-link {
  padding-right: 84px;
}
.timetable-route .interchange-3 .stop-link {
  padding-right: 116px;
}
.timetable-route .interchange-4 .stop-link {
  padding-right: 148px;
}
.timetable-route .interchange-5 .stop-link {
  padding-right: 180px;
}
.timetable-route.stop-selector .stop-link {
  padding-left: 65px;
  padding-right: 32px;
}
.timetable-route.stop-selector .stop-link:after {
  display: block;
}
.timetable-route.stop-selector .stop-name {
  left: 14px;
}
.timetable-route.stop-selector .interchanges {
  right: 32px;
}
.timetable-route.stop-selector .interchange-1 .stop-link {
  padding-right: 74px;
}
.timetable-route.stop-selector .interchange-2 .stop-link {
  padding-right: 106px;
}
.timetable-route.stop-selector .interchange-3 .stop-link {
  padding-right: 138px;
}
.timetable-route.stop-selector .interchange-4 .stop-link {
  padding-right: 170px;
}
.timetable-route.stop-selector .interchange-5 .stop-link {
  padding-right: 202px;
}

.timetable-route-title {
  padding: 10px;
  display: block;
}

/**************************************************
	M040-select-bus

* Author: Alex Faunt
* Created: 12/09/2013
* Pattern library URL: \Google Drive\NWP\Front-end\Pattern library\Modules\M040-select-bus

**************************************************/
.map-options-panel {
  background-color: rgba(31, 32, 37, 0.9);
  color: #fff;
  padding: 15px;
}
.map-options-panel .map-options-panel-heading {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-size: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.map-options-panel .map-options-panel-heading .menu-icon-alt {
  display: inline-block;
  margin-left: -5px;
}
.map-options-panel .map-options-panel-heading .close3-icon {
  position: absolute;
  top: -5px;
  right: -10px;
  width: 32px;
  cursor: pointer;
}
.map-options-panel .map-panel-radio {
  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 #cccccc;
}
.rainbow-list:before, .rainbow-list:after {
  content: " ";
  display: table;
}
.rainbow-list:after {
  clear: both;
}
.rainbow-list .rainbow-list-item {
  border-top: 1px solid #cccccc;
  position: relative;
}
.rainbow-list .rainbow-list-item.expanded {
  position: relative;
  z-index: 3;
  border-top: 1px solid #a8a8a8;
  border-bottom: 1px solid #a8a8a8;
}
.rainbow-list .rainbow-list-item.expanded:last-child {
  margin-bottom: -1px;
}
.rainbow-list .rainbow-list-item.expanded + .rainbow-list-item {
  border-top: 0px none;
}
.rainbow-list .rainbow-list-item.expanded .rainbow-list-content {
  display: block;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name {
  background-color: #e1e1e1;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.emirates, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.emirates {
  background: #ce1631;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.bakerloo, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.bakerloo {
  background: #75431f;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.central, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.central {
  background: #c6201c;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.circle, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.circle {
  background: #e6b900;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.district, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.district {
  background: #005920;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.hammersmith, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.hammersmith-city, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.hammersmith, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.hammersmith-city {
  background: #d087a1;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.jubilee, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.jubilee {
  background: #5e656a;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.metropolitan, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.metropolitan {
  background: #5f0d46;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.northern, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.northern {
  background: black;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.piccadilly, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.piccadilly {
  background: #00158e;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.victoria, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.victoria {
  background: #008ec9;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.waterloo, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.waterloo {
  background: #63c9b4;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.overground, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.overground {
  background: #d05f0e;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.dlr, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.docklands, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.docklands-light-railway, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.dlr, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.docklands, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.docklands-light-railway {
  background: #009694;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.tram, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.tram {
  background: #70b13b;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.tramlink1, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.tramlink1 {
  background: #b9cb27;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.tramlink2, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.tramlink2 {
  background: #b9cb27;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.tramlink3, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.tramlink3 {
  background: #6db038;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.tramlink4, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.tramlink4 {
  background: #295610;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-a316, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-a316 {
  background: #e96daf;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-a41, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-a41 {
  background: #793877;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-a40, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-a40 {
  background: #b9e600;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-a23, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-a23 {
  background: #40ff95;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-a21, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-a21 {
  background: #3b5470;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-a3, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-a3 {
  background: #508257;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-a2, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-a2 {
  background: #ec25bb;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-a1, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-a1 {
  background: #33750d;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-a205, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-south-circular-a205, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-a205, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-south-circular-a205 {
  background: #591a2f;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-a406, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-north-circular-a406, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-a406, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-north-circular-a406 {
  background: #9424c8;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-a24, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-a24 {
  background: #5e4a35;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-a13, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-a13 {
  background: #3dd7f9;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-a12, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-a12 {
  background: #e5512e;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-a10, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-a10 {
  background: #4a38c6;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-a4, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-a4 {
  background: #52d804;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-a20, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-a20 {
  background: #efe366;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-central-london, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-central-london-red-routes, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-inner-ring, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-southern-river-route, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-bishopsgate-cross-route, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-city-route, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-farringdon-cross-route, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-western-cross-route, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-central-london, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-central-london-red-routes, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-inner-ring, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-southern-river-route, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-bishopsgate-cross-route, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-city-route, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-farringdon-cross-route, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-western-cross-route {
  background: #8bf252;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.roads-blackwall-tunnel, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.roads-blackwall-tunnel {
  background: #e98e42;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.rb1, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.rb1 {
  background: #03002c;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.rb2, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.rb2 {
  background: #0063a3;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.rb3, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.rb3 {
  background: #ef5b9e;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.rb4, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.rb4 {
  background: #4fbb92;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.rb5, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.rb5 {
  background: #a65d2b;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.rb6, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.rb6 {
  background: #6356a1;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.city-cruises, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.city-cruises {
  background: #d82f12;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.westminster-greenwich, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.westminster-greenwich {
  background: #242884;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.westminster-st-katherines-circular, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.westminster-st-katherines-circular {
  background: #3da12f;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.westminster-passenger-services-association, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.wetsminster-passenger-services-association, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.westminster-passenger-services-association, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.wetsminster-passenger-services-association {
  background: #e3a700;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.woolwich-free-ferry, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.woolwich-free-ferry {
  background: #f28709;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.arriva-trains-wales, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.arriva-trains-wales {
  background: #00a09b;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.c2c, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.c2c {
  background: #e00f7f;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.chiltern-railways, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.chiltern-railways {
  background: #a878b8;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.east-coast, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.east-coast {
  background: #00a6d9;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.east-midlands-trains, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.east-midlands-trains {
  background: #ca6114;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.first-capital-connect, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.first-capital-connect {
  background: #87004f;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.first-great-western, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.first-great-western {
  background: #272580;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.first-hull-trains, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.first-hull-trains {
  background: #177b36;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.first-transpennine-express, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.first-transpennine-express {
  background: #f04d91;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.gatwick-express, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.gatwick-express {
  background: #151314;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.grand-central, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.grand-central {
  background: #323233;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.greater-anglia, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.greater-anglia {
  background: #7d819a;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.heathrow-connect, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.heathrow-connect {
  background: #f46d77;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.heathrow-express, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.heathrow-express {
  background: #42bdb8;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.island-line, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.island-line {
  background: #f7a35c;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.merseyrail, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.merseyrail {
  background: #fec046;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.northern-rail, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.northern-rail {
  background: #045a8f;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.scotrail, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.scotrail {
  background: #88979e;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.southeastern, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.southeastern {
  background: #0062a6;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.southern, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.southern {
  background: #008d40;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.south-west-trains, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.south-west-trains {
  background: #df100d;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.cross-country, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.cross-country {
  background: #8d2e5b;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.eurostar, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.eurostar {
  background: #b09e66;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.london-midland, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.london-midland {
  background: #7db42c;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.stanstead-express, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.stanstead-express {
  background: #565659;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .service-name.virgin-trains, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .service-name.virgin-trains {
  background: #945927;
}
.rainbow-list .rainbow-list-item.link-only .rainbow-list-link:hover .disruption-summary, .rainbow-list .rainbow-list-item.link-only .rainbow-list-link:focus .disruption-summary {
  background-color: #eff6fd;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name {
  background-color: #e1e1e1;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.emirates, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.emirates {
  background: #ce1631;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.bakerloo, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.bakerloo {
  background: #75431f;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.central, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.central {
  background: #c6201c;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.circle, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.circle {
  background: #e6b900;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.district, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.district {
  background: #005920;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.hammersmith, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.hammersmith-city, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.hammersmith, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.hammersmith-city {
  background: #d087a1;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.jubilee, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.jubilee {
  background: #5e656a;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.metropolitan, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.metropolitan {
  background: #5f0d46;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.northern, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.northern {
  background: black;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.piccadilly, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.piccadilly {
  background: #00158e;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.victoria, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.victoria {
  background: #008ec9;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.waterloo, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.waterloo {
  background: #63c9b4;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.overground, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.overground {
  background: #d05f0e;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.dlr, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.docklands, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.docklands-light-railway, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.dlr, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.docklands, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.docklands-light-railway {
  background: #009694;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.tram, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.tram {
  background: #70b13b;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.tramlink1, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.tramlink1 {
  background: #b9cb27;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.tramlink2, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.tramlink2 {
  background: #b9cb27;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.tramlink3, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.tramlink3 {
  background: #6db038;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.tramlink4, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.tramlink4 {
  background: #295610;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-a316, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-a316 {
  background: #e96daf;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-a41, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-a41 {
  background: #793877;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-a40, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-a40 {
  background: #b9e600;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-a23, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-a23 {
  background: #40ff95;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-a21, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-a21 {
  background: #3b5470;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-a3, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-a3 {
  background: #508257;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-a2, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-a2 {
  background: #ec25bb;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-a1, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-a1 {
  background: #33750d;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-a205, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-south-circular-a205, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-a205, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-south-circular-a205 {
  background: #591a2f;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-a406, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-north-circular-a406, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-a406, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-north-circular-a406 {
  background: #9424c8;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-a24, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-a24 {
  background: #5e4a35;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-a13, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-a13 {
  background: #3dd7f9;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-a12, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-a12 {
  background: #e5512e;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-a10, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-a10 {
  background: #4a38c6;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-a4, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-a4 {
  background: #52d804;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-a20, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-a20 {
  background: #efe366;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-central-london, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-central-london-red-routes, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-inner-ring, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-southern-river-route, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-bishopsgate-cross-route, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-city-route, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-farringdon-cross-route, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-western-cross-route, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-central-london, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-central-london-red-routes, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-inner-ring, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-southern-river-route, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-bishopsgate-cross-route, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-city-route, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-farringdon-cross-route, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-western-cross-route {
  background: #8bf252;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.roads-blackwall-tunnel, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.roads-blackwall-tunnel {
  background: #e98e42;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.rb1, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.rb1 {
  background: #03002c;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.rb2, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.rb2 {
  background: #0063a3;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.rb3, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.rb3 {
  background: #ef5b9e;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.rb4, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.rb4 {
  background: #4fbb92;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.rb5, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.rb5 {
  background: #a65d2b;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.rb6, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.rb6 {
  background: #6356a1;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.city-cruises, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.city-cruises {
  background: #d82f12;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.westminster-greenwich, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.westminster-greenwich {
  background: #242884;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.westminster-st-katherines-circular, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.westminster-st-katherines-circular {
  background: #3da12f;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.westminster-passenger-services-association, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.wetsminster-passenger-services-association, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.westminster-passenger-services-association, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.wetsminster-passenger-services-association {
  background: #e3a700;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.woolwich-free-ferry, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.woolwich-free-ferry {
  background: #f28709;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.arriva-trains-wales, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.arriva-trains-wales {
  background: #00a09b;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.c2c, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.c2c {
  background: #e00f7f;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.chiltern-railways, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.chiltern-railways {
  background: #a878b8;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.east-coast, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.east-coast {
  background: #00a6d9;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.east-midlands-trains, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.east-midlands-trains {
  background: #ca6114;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.first-capital-connect, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.first-capital-connect {
  background: #87004f;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.first-great-western, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.first-great-western {
  background: #272580;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.first-hull-trains, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.first-hull-trains {
  background: #177b36;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.first-transpennine-express, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.first-transpennine-express {
  background: #f04d91;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.gatwick-express, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.gatwick-express {
  background: #151314;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.grand-central, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.grand-central {
  background: #323233;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.greater-anglia, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.greater-anglia {
  background: #7d819a;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.heathrow-connect, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.heathrow-connect {
  background: #f46d77;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.heathrow-express, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.heathrow-express {
  background: #42bdb8;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.island-line, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.island-line {
  background: #f7a35c;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.merseyrail, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.merseyrail {
  background: #fec046;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.northern-rail, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.northern-rail {
  background: #045a8f;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.scotrail, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.scotrail {
  background: #88979e;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.southeastern, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.southeastern {
  background: #0062a6;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.southern, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.southern {
  background: #008d40;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.south-west-trains, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.south-west-trains {
  background: #df100d;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.cross-country, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.cross-country {
  background: #8d2e5b;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.eurostar, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.eurostar {
  background: #b09e66;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.london-midland, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.london-midland {
  background: #7db42c;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.stanstead-express, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.stanstead-express {
  background: #565659;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .service-name.virgin-trains, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .service-name.virgin-trains {
  background: #945927;
}
.rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:hover .disruption-summary, .rainbow-list .rainbow-list-item.disrupted .rainbow-list-link:focus .disruption-summary {
  background-color: #f6eecb;
}
.rainbow-list .rainbow-list-item.disrupted .disruption-summary {
  background: #faf5e1;
}
.rainbow-list .rainbow-list-link {
  position: relative;
  display: block;
  text-decoration: none;
  *zoom: 1;
}
.rainbow-list .rainbow-list-link:before, .rainbow-list .rainbow-list-link:after {
  content: " ";
  display: table;
}
.rainbow-list .rainbow-list-link:after {
  clear: both;
}
.rainbow-list .tag {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 10px;
  z-index: 10;
  display: block;
}
.rainbow-list .tag + .service-name {
  padding-left: 20px;
  background: #eeeeee;
  color: #2d3039;
}
.rainbow-list .tag.default {
  background: #a8a8a8;
}
.rainbow-list .service-name {
  padding: 10px;
  display: block;
  float: left;
  width: 50%;
  vertical-align: middle;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
  font-weight: normal;
  text-shadow: none;
}
.rainbow-list .service-name:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: inherit;
  background: inherit;
  z-index: 0;
}
.rainbow-list .service-name span {
  position: relative;
  z-index: 1;
}
.rainbow-list .service-name.default {
  background: #eeeeee;
  color: #2d3039;
}
.rainbow-list .disruption-summary {
  padding: 10px 38px 10px 10px;
  display: block;
  float: left;
  vertical-align: middle;
  width: 50%;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
  background: #fff;
}
.rainbow-list .disruption-summary:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: inherit;
  background: inherit;
  z-index: 0;
}
.rainbow-list .disruption-summary span {
  position: relative;
  z-index: 1;
}
.rainbow-list .controls {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -16px;
  display: block;
}
.rainbow-list .rainbow-list-content {
  color: #2d3039;
  display: none;
  background-color: #faf5e1;
  padding-bottom: 30px;
  position: relative;
}
.rainbow-list .rainbow-list-content .close-message {
  position: absolute;
  right: 10px;
  bottom: 9px;
}
.rainbow-list .rainbow-list-content .section {
  padding: 12px 10px;
  margin: 0;
  border-top: 1px dotted #cccccc;
  position: relative;
}
.rainbow-list .rainbow-list-content .section > :first-child {
  margin-top: 0;
}
.rainbow-list .rainbow-list-content .section > :last-child {
  margin-bottom: 0;
}
.rainbow-list.interactive .disrupted .rainbow-list-link {
  cursor: pointer;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name {
  background-color: #e1e1e1;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.emirates, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.emirates {
  background: #ce1631;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.bakerloo, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.bakerloo {
  background: #75431f;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.central, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.central {
  background: #c6201c;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.circle, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.circle {
  background: #e6b900;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.district, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.district {
  background: #005920;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.hammersmith, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.hammersmith-city, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.hammersmith, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.hammersmith-city {
  background: #d087a1;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.jubilee, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.jubilee {
  background: #5e656a;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.metropolitan, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.metropolitan {
  background: #5f0d46;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.northern, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.northern {
  background: black;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.piccadilly, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.piccadilly {
  background: #00158e;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.victoria, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.victoria {
  background: #008ec9;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.waterloo, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.waterloo {
  background: #63c9b4;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.overground, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.overground {
  background: #d05f0e;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.dlr, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.docklands, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.docklands-light-railway, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.dlr, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.docklands, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.docklands-light-railway {
  background: #009694;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.tram, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.tram {
  background: #70b13b;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.tramlink1, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.tramlink1 {
  background: #b9cb27;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.tramlink2, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.tramlink2 {
  background: #b9cb27;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.tramlink3, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.tramlink3 {
  background: #6db038;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.tramlink4, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.tramlink4 {
  background: #295610;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-a316, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-a316 {
  background: #e96daf;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-a41, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-a41 {
  background: #793877;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-a40, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-a40 {
  background: #b9e600;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-a23, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-a23 {
  background: #40ff95;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-a21, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-a21 {
  background: #3b5470;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-a3, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-a3 {
  background: #508257;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-a2, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-a2 {
  background: #ec25bb;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-a1, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-a1 {
  background: #33750d;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-a205, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-south-circular-a205, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-a205, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-south-circular-a205 {
  background: #591a2f;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-a406, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-north-circular-a406, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-a406, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-north-circular-a406 {
  background: #9424c8;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-a24, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-a24 {
  background: #5e4a35;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-a13, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-a13 {
  background: #3dd7f9;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-a12, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-a12 {
  background: #e5512e;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-a10, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-a10 {
  background: #4a38c6;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-a4, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-a4 {
  background: #52d804;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-a20, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-a20 {
  background: #efe366;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-central-london, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-central-london-red-routes, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-inner-ring, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-southern-river-route, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-bishopsgate-cross-route, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-city-route, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-farringdon-cross-route, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-western-cross-route, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-central-london, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-central-london-red-routes, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-inner-ring, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-southern-river-route, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-bishopsgate-cross-route, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-city-route, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-farringdon-cross-route, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-western-cross-route {
  background: #8bf252;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.roads-blackwall-tunnel, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.roads-blackwall-tunnel {
  background: #e98e42;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.rb1, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.rb1 {
  background: #03002c;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.rb2, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.rb2 {
  background: #0063a3;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.rb3, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.rb3 {
  background: #ef5b9e;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.rb4, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.rb4 {
  background: #4fbb92;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.rb5, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.rb5 {
  background: #a65d2b;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.rb6, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.rb6 {
  background: #6356a1;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.city-cruises, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.city-cruises {
  background: #d82f12;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.westminster-greenwich, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.westminster-greenwich {
  background: #242884;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.westminster-st-katherines-circular, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.westminster-st-katherines-circular {
  background: #3da12f;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.westminster-passenger-services-association, .rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.wetsminster-passenger-services-association, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.westminster-passenger-services-association, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.wetsminster-passenger-services-association {
  background: #e3a700;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.woolwich-free-ferry, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.woolwich-free-ferry {
  background: #f28709;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.arriva-trains-wales, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.arriva-trains-wales {
  background: #00a09b;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.c2c, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.c2c {
  background: #e00f7f;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.chiltern-railways, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.chiltern-railways {
  background: #a878b8;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.east-coast, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.east-coast {
  background: #00a6d9;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.east-midlands-trains, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.east-midlands-trains {
  background: #ca6114;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.first-capital-connect, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.first-capital-connect {
  background: #87004f;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.first-great-western, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.first-great-western {
  background: #272580;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.first-hull-trains, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.first-hull-trains {
  background: #177b36;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.first-transpennine-express, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.first-transpennine-express {
  background: #f04d91;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.gatwick-express, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.gatwick-express {
  background: #151314;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.grand-central, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.grand-central {
  background: #323233;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.greater-anglia, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.greater-anglia {
  background: #7d819a;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.heathrow-connect, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.heathrow-connect {
  background: #f46d77;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.heathrow-express, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.heathrow-express {
  background: #42bdb8;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.island-line, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.island-line {
  background: #f7a35c;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.merseyrail, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.merseyrail {
  background: #fec046;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.northern-rail, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.northern-rail {
  background: #045a8f;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.scotrail, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.scotrail {
  background: #88979e;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.southeastern, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.southeastern {
  background: #0062a6;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.southern, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.southern {
  background: #008d40;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.south-west-trains, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.south-west-trains {
  background: #df100d;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.cross-country, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.cross-country {
  background: #8d2e5b;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.eurostar, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.eurostar {
  background: #b09e66;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.london-midland, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.london-midland {
  background: #7db42c;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.stanstead-express, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.stanstead-express {
  background: #565659;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .service-name.virgin-trains, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .service-name.virgin-trains {
  background: #945927;
}
.rainbow-list.interactive .disrupted .rainbow-list-link:hover .disruption-summary, .rainbow-list.interactive .disrupted .rainbow-list-link:focus .disruption-summary {
  background-color: #f6eecb;
}
.rainbow-list.monochrome .service-name {
  background: #eeeeee;
  color: #2d3039;
}
.rainbow-list.monochrome .rainbow-list-item:nth-child(even) .service-name {
  background: #f7f7f7;
}

.rainbow-list-wrapper {
  margin-bottom: 20px;
  display: none;
}
.rainbow-list-wrapper .good-service-link {
  border-bottom: 1px solid #cccccc;
  position: relative;
  display: block;
  min-height: 40px;
  overflow: hidden;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
}
.rainbow-list-wrapper .good-service-link:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -16px;
  right: 0;
}
.rainbow-list-wrapper .good-service-link .rainbow {
  width: 50%;
  display: block;
  float: left;
  vertical-align: middle;
}
.rainbow-list-wrapper .good-service-link .rainbow > span {
  display: block;
  height: 10px;
  border-top: 1px solid #cccccc;
}
.rainbow-list-wrapper .good-service-link .rainbow > span:first-child {
  border-top: 0px none;
}
.rainbow-list-wrapper .good-service-link .rainbow > span.default {
  background: #eeeeee;
}
.rainbow-list-wrapper .good-service-link .good-service-message {
  display: inline-block;
  width: 50%;
  vertical-align: middle;
  padding: 40px 32px 10px 10px;
  color: #2d3039;
}
.rainbow-list-wrapper .good-service-link:hover, .rainbow-list-wrapper .good-service-link:focus {
  background-color: #eff6fd;
}
.rainbow-list-wrapper.width-30 .service-name {
  width: 30%;
}
.rainbow-list-wrapper.width-30 .disruption-summary {
  width: 70%;
}
.rainbow-list-wrapper.width-40 .service-name {
  width: 40%;
}
.rainbow-list-wrapper.width-40 .disruption-summary {
  width: 60%;
}
.rainbow-list-wrapper .rainbow-list-item {
  opacity: 1;
}
.rainbow-list-wrapper.fade-to-black .rainbow-list {
  background-color: #000;
}
.rainbow-list-wrapper.fade-to-black .rainbow-list-item {
  opacity: 0.9;
}
.rainbow-list-wrapper.fade-to-black .rainbow-list-item.expanded {
  opacity: 1;
}

.widget-content .rainbow-list {
  border-bottom: 0px none;
}
.widget-content .rainbow-list .rainbow-list-item:first-child {
  border-top: 0px none;
}

.no-js .rainbow-list .expandable .rainbow-list-content {
  display: block;
}

.board-wrapper .rainbow-list-wrapper {
  border-top: 1px solid #cccccc;
}
.board-wrapper .rainbow-list-wrapper .rainbow-list-item:first-child {
  border-top: 0px none;
}

.expandable-box .ia-toggle-content > .start-hidden {
  padding: 0;
}
.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: 20px;
}

.ia-toggle-content:nth-child(2) {
  border-top: 1px solid #cccccc;
}
.ia-toggle-content .boxed-label-for-input {
  border-bottom-width: 1px;
  border-top-width: 0;
}
.ia-toggle-content .stackable-container {
  border: solid #cccccc;
  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 #cccccc transparent;
  right: 17px;
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  top: -6px;
}
.with-indicator:after {
  border-width: 0 5px 5.5px 5px;
  border-color: transparent transparent white transparent;
  right: 17px;
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  top: -4px;
}
.with-indicator.blue:after {
  border-width: 0 5px 5.5px 5px;
  border-color: transparent transparent #eff6fe transparent;
  right: 17px;
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  top: -4px;
}
.with-indicator.red:after {
  border-width: 0 5px 5.5px 5px;
  border-color: transparent transparent #ffefef transparent;
  right: 17px;
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  top: -4px;
}
.with-indicator.white:after {
  border-width: 0 5px 5.5px 5px;
  border-color: transparent transparent white transparent;
  right: 17px;
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  top: -4px;
}
.with-indicator.green:after {
  border-width: 0 5px 5.5px 5px;
  border-color: transparent transparent #e6f6de transparent;
  right: 17px;
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  top: -4px;
}
.with-indicator.yellow:after {
  border-width: 0 5px 5.5px 5px;
  border-color: transparent transparent #fbf6e0 transparent;
  right: 17px;
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  top: -4px;
}
.disabled-tile .with-indicator:after {
  border-width: 0 5px 5.5px 5px;
  border-color: transparent transparent #eeeeee transparent;
  right: 17px;
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  top: -4px;
}
.warning .with-indicator:before {
  border-width: 0 5px 5.5px 5px;
  border-color: transparent transparent #cccccc transparent;
  right: 17px;
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  top: -6px;
}
.warning .with-indicator:after {
  border-width: 0 5px 5.5px 5px;
  border-color: transparent transparent #fbf6e0 transparent;
  right: 17px;
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  top: -4px;
}
.with-indicator.supplemental-charge:before {
  border-width: 0 5px 5.5px 5px;
  border-color: transparent transparent #cccccc transparent;
  right: 96%;
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  top: -5px;
}
.with-indicator.supplemental-charge:after {
  border-width: 0 5px 5.5px 5px;
  border-color: transparent transparent #fbf6e0 transparent;
  right: 96%;
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  top: -4px;
}

.input-accordion {
  margin-bottom: 30px;
  margin-left: 0;
  clear: both;
}

.message-container, .instructional-container, .confirmation-container, .information-container, .grouped-info-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, .grouped-info-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, .grouped-info-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, .grouped-info-container strong, .reminder-container strong, .topay-container strong {
  line-height: 1.5;
  vertical-align: baseline;
}

.instructional-container {
  background-color: #2d3039;
  color: white;
}

.confirmation-container {
  background-color: #e9f5dd;
}

.information-container {
  background-color: white;
}
.information-container p {
  padding-left: 40px;
}
.information-container p:before {
  content: "";
  position: absolute;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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("../../../images/vsprite.png");
}

.grouped-info-container {
  background-color: #eff6fe;
}

.reminder-container {
  font-style: italic;
  color: #a8a8a8;
  padding-top: 0;
}
.reminder-container .message-title {
  margin-bottom: 5px;
}

.topay-container {
  border: solid #cccccc 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("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: 0px -832px;
  bottom: auto;
  left: -1px;
  right: auto;
  top: -5px;
}
.body-cms-preview .attention:before {
  background-image: url("../../../images/vsprite.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;
  background-color: #ffefef;
}

.global-error-middle-icon {
  display: inline-block;
  font-size: 16px;
  position: relative;
  width: 100%;
  padding: 20px 15px 15px 63px;
}
.global-error-middle-icon:before {
  content: "";
  position: absolute;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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("../../../images/vsprite.png");
}
.global-error-middle-icon:before {
  margin-top: -16px;
}
.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;
  margin-bottom: 20px;
}
.global-error-top-icon > :first-child:before {
  content: "";
  position: absolute;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -32px -832px;
  bottom: auto;
  left: 15px;
  right: auto;
  top: auto;
}
.body-cms-preview .global-error-top-icon > :first-child:before {
  background-image: url("../../../images/vsprite.png");
}
.global-error-top-icon > :first-child:before {
  margin-top: -3px;
}
.global-error-top-icon strong {
  line-height: inherit;
  vertical-align: inherit;
}

.global-warning, .global-warning-middle-icon, .global-warning-top-icon {
  background-color: #fbf4e1;
}

.global-warning-middle-icon {
  display: inline-block;
  font-size: 16px;
  position: relative;
  width: 100%;
  padding: 20px 15px 15px 63px;
}
.global-warning-middle-icon:before {
  content: "";
  position: absolute;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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("../../../images/vsprite.png");
}
.global-warning-middle-icon:before {
  margin-top: -16px;
}
.global-warning-middle-icon strong {
  line-height: inherit;
  vertical-align: inherit;
}

.global-warning-top-icon {
  display: inline-block;
  font-size: 16px;
  position: relative;
  width: 100%;
  padding: 20px 15px 15px 63px;
  margin-bottom: 20px;
}
.global-warning-top-icon > :first-child:before {
  content: "";
  position: absolute;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: 0px -832px;
  bottom: auto;
  left: 15px;
  right: auto;
  top: auto;
}
.body-cms-preview .global-warning-top-icon > :first-child:before {
  background-image: url("../../../images/vsprite.png");
}
.global-warning-top-icon > :first-child:before {
  margin-top: -3px;
}
.global-warning-top-icon strong {
  line-height: inherit;
  vertical-align: inherit;
}

.form-success, .form-success-middle-icon, .form-success-top-icon, .global-success {
  background-color: #e9f5dd;
}

.form-info, .form-info-middle-icon, .form-info-top-icon {
  background-color: #eff6fe;
}

.form-success-middle-icon {
  display: inline-block;
  font-size: 16px;
  position: relative;
  width: 100%;
  padding: 20px 15px 15px 63px;
}
.form-success-middle-icon:before {
  content: "";
  position: absolute;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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("../../../images/vsprite.png");
}
.form-success-middle-icon:before {
  margin-top: -16px;
}
.form-success-middle-icon strong {
  line-height: inherit;
  vertical-align: inherit;
}

.form-success-top-icon, .global-success {
  display: inline-block;
  font-size: 16px;
  position: relative;
  width: 100%;
  padding: 20px 15px 15px 63px;
  margin-bottom: 20px;
}
.form-success-top-icon > :first-child:before, .global-success > :first-child:before {
  content: "";
  position: absolute;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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("../../../images/vsprite.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;
}
.form-info-middle-icon:before {
  content: "";
  position: absolute;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  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("../../../images/vsprite.png");
}
.form-info-middle-icon:before {
  margin-top: -16px;
}
.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;
  margin-bottom: 20px;
}
.form-info-top-icon > :first-child:before {
  content: "";
  position: absolute;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -64px -1920px;
  bottom: auto;
  left: 15px;
  right: auto;
  top: auto;
}
.body-cms-preview .form-info-top-icon > :first-child:before {
  background-image: url("../../../images/vsprite.png");
}
.form-info-top-icon > :first-child:before {
  margin-top: -3px;
}
.form-info-top-icon strong {
  line-height: inherit;
  vertical-align: inherit;
}

.hanging-message, .cta-hanging-message {
  clear: both;
  border: #cccccc 1px solid;
  border-top-width: 0;
  border-bottom: 3px solid rgba(204, 204, 204, 0.75);
  margin-bottom: 20px;
}
.hanging-message p, .cta-hanging-message p {
  margin-bottom: 0;
  font-size: 16px;
}
.hanging-message .with-indicator, .cta-hanging-message .with-indicator {
  border-top: #cccccc 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 p.global-warning-top-icon, .with-indicator p.global-error-top-icon {
  margin-bottom: 0;
}
.with-indicator .button-set {
  padding: 0 1em;
}

.process-end-message-module, .global-success {
  margin-bottom: 30px;
  padding-bottom: 0;
}
.process-end-message-module .message-title, .global-success .message-title {
  font-family: "NJ Signing";
  font-weight: normal;
}

.sent-confirmation, .email-confirmation {
  padding: 20px;
  padding-left: 75px;
  background-color: #eeeeee;
  font-weight: bold;
  font-size: 16px;
  border-bottom: 3px solid #cccccc;
  position: relative;
}
.sent-confirmation:before, .email-confirmation:before {
  content: "";
  position: absolute;
  background-image: url("../../../images/vsprite_largeicons_x2.png");
  background-image: url("../../../images/vsprite_largeicons.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("../../../images/vsprite_largeicons.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;
}

label.car-msg {
  padding-top: 15px;
  padding-bottom: 15px;
}

.car-msg {
  background-image: none;
  background-color: #eeeeee;
  font-weight: bold;
  font-size: 16px;
  vertical-align: middle;
  border-bottom: 3px solid #cccccc;
  margin-bottom: 1em;
  position: relative;
  padding-left: 75px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.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;
}
.car-msg .vehicle-make-model {
  line-height: 30px;
}
.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("../../../images/vsprite_largeicons_x2.png");
  background-image: url("../../../images/vsprite_largeicons.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("../../../images/vsprite_largeicons.png");
}
.car-msg .vehicle-details:before {
  vertical-align: middle;
  display: inline-block;
  margin-top: -32px;
}
#matched-vehicle-result .car-msg {
  margin-bottom: 20px;
}

.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 #cccccc;
  margin-bottom: 20px;
}
.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 .grouped-info-container, .charge-details .grouped-info-container, .stacked-messaging-container .reminder-container, .charge-details .reminder-container, .stacked-messaging-container .topay-container, .charge-details .topay-container {
  border-bottom: 1px solid #cccccc;
  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 .grouped-info-container:last-child, .charge-details .grouped-info-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("../../../images/vsprite_largeicons_x2.png");
  background-image: url("../../../images/vsprite_largeicons.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("../../../images/vsprite_largeicons.png");
}
.charge-container.lez-charge:before {
  content: "";
  position: absolute;
  background-image: url("../../../images/vsprite_largeicons_x2.png");
  background-image: url("../../../images/vsprite_largeicons.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("../../../images/vsprite_largeicons.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 {
  background-image: url("/static/1/images/vsprite_largeicons_x2.png");
  background-size: 256px 384px;
  background-position: -395px -10px;
  display: block;
  position: absolute;
  top: -8px;
  left: 0;
  width: 44px;
  height: 44px;
  content: "";
}

.for-low-emission-zone:before {
  background-image: url("/static/1/images/vsprite_largeicons_x2.png");
  background-size: 256px 384px;
  background-position: -462px -10px;
  display: block;
  position: absolute;
  top: -8px;
  left: 0;
  width: 38px;
  height: 44px;
  content: "";
}

.accordion-message-wrapper {
  border: #cccccc solid;
  border-width: 0 1px 1px;
}

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

.form-step {
  text-align: center;
  height: 44px;
  white-space: nowrap;
  float: left;
  padding: 10px 10px 10px 40px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  position: relative;
}
.form-step:first-child {
  padding-left: 1em;
  border-left: 1px solid #cccccc;
}
.form-step:last-child {
  border-right: 1px solid #cccccc;
}
.form-step:last-child .progress-triangle {
  display: none;
}
.form-step .step-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.form-step:after {
  left: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  border-left-color: white;
  border-width: 21px 23px 21px;
  z-index: 1;
  top: 0px;
}
.form-step:before {
  left: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  border-left-color: #cccccc;
  border-width: 22px 24px 22px;
  z-index: 1;
  top: -1px;
}
.form-step.current {
  background-color: #2d3039;
  color: white;
  font-weight: bold;
}
.form-step.current:after {
  border-left-color: #2d3039;
}
.form-step.completed {
  background-color: #eeeeee;
  color: #a8a8a8;
}
.form-step.completed:after {
  border-left-color: #eeeeee;
}
.form-step.completed:before {
  border-left-color: #a8a8a8;
}

/*! jQuery UI - v1.10.4 - 2014-06-17
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.datepicker.css
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

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

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-datepicker {
  width: 100%;
  display: none;
}

#ui-datepicker-div {
  max-width: 335px;
  border-color: #cccccc;
  border-style: solid;
  border-width: 0 1px 2px;
  background-color: #fff;
}

.no-js .with-calendar .form-control:after {
  background: none;
}

.with-calendar {
  position: relative;
}
.with-calendar .form-control:after {
  content: "";
  position: absolute;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -64px -1280px;
  bottom: 3px;
  left: auto;
  right: 5px;
  top: auto;
}
.body-cms-preview .with-calendar .form-control:after {
  background-image: url("../../../images/vsprite.png");
}
.with-calendar.form-field-tooltip .form-control:after, .with-calendar.form-field-error .form-control:after {
  right: 50px;
}
.with-calendar .shaded-input {
  background: transparent;
  position: relative;
  z-index: 55;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  width: 32px;
  height: 32px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title {
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker table {
  width: 100%;
  font-size: 15px;
  border-collapse: collapse;
  margin: 0 0 .4em;
}

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 15px 10px 13px 10px;
  text-align: center;
  text-decoration: none;
  color: black;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.toggle-jq-ui-calendar {
  width: 40px;
  height: 40px;
  position: absolute;
}
.toggle-jq-ui-calendar:after {
  content: "";
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  position: absolute;
  top: 5px;
  right: 47px;
  background-position: -64px -1280px;
  z-index: 1;
}
.body-cms-preview .toggle-jq-ui-calendar:after {
  background-image: url("../../../images/vsprite.png");
}

.ui-datepicker-title .ui-datepicker-year, .ui-datepicker-title .ui-datepicker-month {
  width: 49%;
  line-height: 32px;
}
.ui-datepicker-title .ui-datepicker-year:select, .ui-datepicker-title .ui-datepicker-month:select {
  border: 1px solid #cccccc;
}
.ui-datepicker-title .ui-datepicker-year {
  border-left: 0px;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  top: 0;
}
.ui-datepicker thead {
  border: solid #cccccc;
  border-width: 0 0 1px 0;
}
.ui-datepicker thead > tr {
  background-color: white;
}
.ui-datepicker td {
  background-color: white;
  width: auto;
  border: solid #cccccc;
  border-width: 0 1px 0 0;
  padding: 0;
}
.ui-datepicker td:last-child {
  border-width: 0;
}
.ui-datepicker tbody tr {
  border-bottom: solid #cccccc 1px;
}
.ui-datepicker .ui-datepicker-calendar {
  margin: 0;
  border-top: solid 1px #cccccc;
}
.ui-datepicker .ui-datepicker-other-month, .ui-datepicker .ui-datepicker-unselectable {
  background-color: #eeeeee;
}
.ui-datepicker .ui-state-active {
  border: 1px black solid;
  box-shadow: 0px 3px 0px 0px #a8a8a8;
  padding: 15px 10px 14px 10px;
  position: relative;
}
.ui-datepicker .ui-datepicker-unselectable a, .ui-datepicker .ui-datepicker-unselectable span {
  color: #cccccc;
}

a.ui-state-default {
  border-bottom: 3px solid white;
}
a.ui-state-default:hover, a.ui-state-default:focus {
  border-bottom: 3px solid #d6d6d6;
}
a.ui-state-default.ui-state-active {
  border-bottom: 1px solid black;
}

.with-selects .ui-datepicker-header {
  bottom: 72px;
  position: relative;
}
.with-selects .ui-datepicker-title {
  display: none;
}
.with-selects .hasDatepicker {
  position: relative;
}

.ui-datepicker-prev {
  left: -1px;
}
.ui-datepicker-prev:after {
  content: "";
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -32px -576px;
  position: absolute;
  left: 0;
  top: 0;
}
.body-cms-preview .ui-datepicker-prev:after {
  background-image: url("../../../images/vsprite.png");
}

.ui-datepicker-next {
  right: -1px;
}
.ui-datepicker-next:after {
  content: "";
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  background-position: -32px -640px;
  position: absolute;
  left: 0;
  top: 0;
}
.body-cms-preview .ui-datepicker-next:after {
  background-image: url("../../../images/vsprite.png");
}

.jquery-ui-calendar-wrapper {
  border: solid #cccccc;
  border-width: 0 1px 2px 1px;
  margin-bottom: 30px;
  clear: both;
}

.ui-datepicker-title, .current-month-and-year {
  text-align: center;
  height: 32px;
  line-height: 32px;
  background-color: #eeeeee;
  font-weight: bold;
}

.ui-datepicker-today {
  font-weight: bold;
}

.calendar-additions {
  position: relative;
}
.calendar-additions .current-month-and-year {
  display: block;
  height: 72px;
}

.calendar-selectors {
  position: absolute;
  top: 32px;
  width: 100%;
}
.calendar-selectors .selector {
  width: 50%;
  float: left;
  border-left-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  margin-bottom: 0;
}
.calendar-selectors .selector:first-child {
  border-right: 1px solid #cccccc;
}
.calendar-selectors .selector.focus {
  border: 1px dashed #2070b0;
}
.calendar-selectors .selector span {
  color: #676767;
}

.calender-selectors {
  padding: 0 1px;
}

.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 #cccccc;
  border-right: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
}
.first-last-train ul.services li:first-child {
  border-top: solid 1px #cccccc;
}
.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: #894e24;
}
.first-last-train ul.services li span:first-child.central {
  background: #dc241f;
}
.first-last-train ul.services li span:first-child.circle {
  background: #ffce00;
}
.first-last-train ul.services li span:first-child.district {
  background: #ffce00;
}
.first-last-train ul.services li span:first-child.district {
  background: #007229;
}
.first-last-train ul.services li span:first-child.hammersmith-city {
  background: #d799af;
}
.first-last-train ul.services li span:first-child.jubilee {
  background: #6a7278;
}
.first-last-train ul.services li span:first-child.metropolitan {
  background: #751056;
}
.first-last-train ul.services li span:first-child.northern {
  background: black;
}
.first-last-train ul.services li span:first-child.piccadilly {
  background: #0019a8;
}
.first-last-train ul.services li span:first-child.victoria {
  background: #00a0e2;
}
.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;
}

/*
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.
*/
.is-safari .styled-checkbox {
  /* Warning: while this works, it may cause high CPU load */
  -webkit-animation: webkit-selector-bugfix infinite 1s;
}