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

  to {
    padding: 0;
  }
}
.extra-nav, .breadcrumbs, .tabs-style-1 > li, .tabs-style-2 > li, .rainbow-board .line-text span, .press-listing-wrap .press-listing .latest, .large-icon-accordion ul .subtext, .large-icon-accordion ul ul a {
  font-family: "New Johnson";
  font-size: 16px;
}

.accordion.basic .expandable-box .content .accordion-heading, .accordion.basic .expandable-box .content .inline-accordion-heading, .navigation-style-1 .item-title, .widget-heading, .filter-by-box > .heading, .bus-stops .title-row, .timetable-options .line-info .route, .timetable-list .specific-departure .route .terminates, .large-icon-accordion ul a {
  font-family: "New Johnson Bold";
  font-size: 18px;
}

.MOL-logo-dropdown .mayor-of-london-logo, .dropdown-button .mayor-of-london-logo, .MOL-logo-dropdown .mol-gla, .dropdown-button .mol-gla, .live-box .live-box-title, .fact-box-wrapper span {
  font-family: "NJ Signing";
  text-transform: uppercase;
  letter-spacing: -0.045em;
}

.share-widget-wrapper, .share-widget-wrapper .share-list, .search-filter, .list-loader .list-loader-option.last, .tickets-fares-wrap {
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

.share-widget-wrapper, .share-widget-wrapper .share-list, .search-filter, .list-loader .list-loader-option.last, .tickets-fares-wrap {
  border-bottom: 3px solid #cccccc;
  border-bottom: 3px solid rgba(0, 0, 0, 0.2);
}

.disambiguation-box, .disambiguation-map-outer-wrapper {
  float: left;
  margin: 0 0 0 2.54%;
  width: 94.864%;
}

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

.primary-teaser .news-teaser, .content-area .news-teaser {
  background: #2d3039;
  background: rgba(31, 32, 37, 0.9);
}
.primary-teaser .news-teaser a, .content-area .news-teaser a, .primary-teaser .news-teaser a:visited, .content-area .news-teaser a:visited, .primary-teaser .news-teaser a:active, .content-area .news-teaser a:active {
  border-bottom-color: #121315;
}
.primary-teaser .news-teaser a .text-link, .content-area .news-teaser a .text-link, .primary-teaser .news-teaser a:visited .text-link, .content-area .news-teaser a:visited .text-link, .primary-teaser .news-teaser a:active .text-link, .content-area .news-teaser a:active .text-link {
  color: #fff;
}
.primary-teaser .news-teaser a .text-link:after, .content-area .news-teaser a .text-link:after, .primary-teaser .news-teaser a:visited .text-link:after, .content-area .news-teaser a:visited .text-link:after, .primary-teaser .news-teaser a:active .text-link:after, .content-area .news-teaser a:active .text-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: -32px -640px;
}
.body-cms-preview .primary-teaser .news-teaser a .text-link:after, .primary-teaser .body-cms-preview .news-teaser a .text-link:after, .body-cms-preview .content-area .news-teaser a .text-link:after, .content-area .body-cms-preview .news-teaser a .text-link:after, .body-cms-preview .primary-teaser .news-teaser a:visited .text-link:after, .primary-teaser .body-cms-preview .news-teaser a:visited .text-link:after, .body-cms-preview .content-area .news-teaser a:visited .text-link:after, .content-area .body-cms-preview .news-teaser a:visited .text-link:after, .body-cms-preview .primary-teaser .news-teaser a:active .text-link:after, .primary-teaser .body-cms-preview .news-teaser a:active .text-link:after, .body-cms-preview .content-area .news-teaser a:active .text-link:after, .content-area .body-cms-preview .news-teaser a:active .text-link:after {
  background-image: url("../../../images/vsprite.png");
}

.news-teaser, .content-information-box {
  background: #eeeeee;
  border-bottom-color: #cccccc;
}
.news-teaser a .text-link, .content-information-box a .text-link, .news-teaser a:visited .text-link, .content-information-box a:visited .text-link, .news-teaser a:active .text-link, .content-information-box a:active .text-link {
  color: #2d3039;
}
.news-teaser a .text-link:after, .content-information-box a .text-link:after, .news-teaser a:visited .text-link:after, .content-information-box a:visited .text-link:after, .news-teaser a:active .text-link:after, .content-information-box a:active .text-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 .news-teaser a .text-link:after, .body-cms-preview .content-information-box a .text-link:after, .body-cms-preview .news-teaser a:visited .text-link:after, .body-cms-preview .content-information-box a:visited .text-link:after, .body-cms-preview .news-teaser a:active .text-link:after, .body-cms-preview .content-information-box a:active .text-link:after {
  background-image: url("../../../images/vsprite.png");
}

.fc-calendar-wrapper .current-month .calendar-previous-month:not([disabled='disabled']):hover, .fc-calendar-wrapper .current-month .calendar-next-month:not([disabled='disabled']):hover, .fc-calendar-wrapper .current-month .calendar-previous-month:not([disabled='disabled']):focus, .fc-calendar-wrapper .current-month .calendar-next-month:not([disabled='disabled']):focus, .fc-calendar-wrapper .current-month .disabled.calendar-previous-month:not([disabled='disabled']):hover, .fc-calendar-wrapper .current-month .disabled.calendar-next-month:not([disabled='disabled']):hover, .fc-calendar-wrapper .current-month .disabled.calendar-previous-month:not([disabled='disabled']):focus, .fc-calendar-wrapper .current-month .disabled.calendar-next-month:not([disabled='disabled']):focus, .collapsible-menu a:hover, .collapsible-menu a:focus, .navigation-style-1 .item-title:hover, .navigation-style-1 .item-title:focus, .navigation-style-1 .selected .item-title:hover, .navigation-style-1 .selected .item-title:focus, .top-row-extras a:hover, .top-row-extras a:focus, .extra-nav .extras a:hover, .extra-nav .extras a:focus, #footer .info-for-link:focus h2.heading, #footer .info-for-link:hover h2.heading, .tabs-style-1 > li:hover, .tabs-style-1 > li:focus, .tabs-style-2 > li:hover, .tabs-style-2 > li:focus, .share-widget-wrapper .share-widget:hover, .share-widget-wrapper .share-widget:focus, .for-dropdown .links-list#gla-list li:hover, .for-dropdown .links-list#gla-list li:focus, .for-dropdown .links-list#gla-list li a:hover, .for-dropdown .links-list#gla-list li a:focus, .for-dropdown a:hover, .for-dropdown a:focus, .for-dropdown .datepicker-dropdown .fc-row .highlighted-day a:hover, .for-dropdown .datepicker-dropdown .fc-row .highlighted-day a:focus, .widget-wrapper.info-widget .widget-heading:hover, .widget-wrapper.info-widget .widget-heading:focus, .routes-list .route > a:hover, .routes-list .route > a:focus, .bus-stops .bus-stop.disrupted .always-visible:hover, .bus-stops .bus-stop.disrupted .always-visible:focus, .bus-stops .always-visible:hover, .bus-stops .always-visible:focus, .select-bus .towards-link:hover, .select-bus .towards-link:focus, .list-loader .list-loader-link > a:hover, .list-loader .list-loader-link > a:focus, .list-loader .list-loader-option.expanded.secondary-expanded > .list-loader-link > a:hover, .list-loader .list-loader-option.expanded.secondary-expanded > .list-loader-link > a:focus, .list-loader .list-loader-option.expanded > .list-loader-link > a:hover, .list-loader .list-loader-option.expanded > .list-loader-link > a:focus, .bus-list > li > a:hover, .bus-list > li > a:focus, .shop-widget ul li a:focus, .shop-widget ul li a:hover, .shop-widget ul li a:hover:focus, .shop-widget ul li a:visited:focus, .shop-widget ul li a:visited:hover, .shop-widget ul li a:active:focus, .shop-widget ul li a:active:hover, .disambiguation-option .disambiguation-link:hover, .disambiguation-option .disambiguation-link:focus, .rainbow-board.roads table tr:hover td.line-text, .rainbow-board .re-plan-button:hover, .board-wrapper .service-status a:hover, .board-wrapper .service-status a:focus, .rainbow-board tr:hover td.service-status, .rainbow-board tr:focus td.service-status, .rainbow-board tr:hover td.bakerloo, .rainbow-board tr:focus td.bakerloo, .rainbow-board tr:hover td.central, .rainbow-board tr:focus td.central, .rainbow-board tr:hover td.circle, .rainbow-board tr:focus td.circle, .rainbow-board tr:hover td.district, .rainbow-board tr:focus td.district, .rainbow-board tr:hover td.dlr, .rainbow-board tr:hover td.docklands, .rainbow-board tr:hover td.docklands-light-railway, .rainbow-board tr:focus td.dlr, .rainbow-board tr:focus td.docklands, .rainbow-board tr:focus td.docklands-light-railway, .rainbow-board tr:hover td.hammersmith, .rainbow-board tr:focus td.hammersmith, .rainbow-board tr:hover td.jubilee, .rainbow-board tr:focus td.jubilee, .rainbow-board tr:hover td.metropolitan, .rainbow-board tr:focus td.metropolitan, .rainbow-board tr:hover td.northern, .rainbow-board tr:focus td.northern, .rainbow-board tr:hover td.overground, .rainbow-board tr:focus td.overground, .rainbow-board tr:hover td.piccadilly, .rainbow-board tr:focus td.piccadilly, .rainbow-board tr:hover td.victoria, .rainbow-board tr:focus td.victoria, .rainbow-board tr:hover td.waterloo, .rainbow-board tr:focus td.waterloo, .rainbow-board tr:hover td.tramlink1, .rainbow-board tr:focus td.tramlink1, .rainbow-board tr:hover td.tramlink2, .rainbow-board tr:focus td.tramlink2, .rainbow-board tr:hover td.tramlink3, .rainbow-board tr:focus td.tramlink3, .rainbow-board tr:hover td.tramlink4, .rainbow-board tr:focus td.tramlink4, .rainbow-board tr:hover td.rb1, .rainbow-board tr:focus td.rb1, .rainbow-board tr:hover td.rb2, .rainbow-board tr:focus td.rb2, .rainbow-board tr:hover td.rb3, .rainbow-board tr:focus td.rb3, .rainbow-board tr:hover td.rb4, .rainbow-board tr:focus td.rb4, .rainbow-board tr:hover td.rb5, .rainbow-board tr:focus td.rb5, .rainbow-board tr:hover td.rb6, .rainbow-board tr:focus td.rb6, .rainbow-board tr:hover td.city-cruises, .rainbow-board tr:focus td.city-cruises, .rainbow-board tr:hover td.westminster-greenwich, .rainbow-board tr:focus td.westminster-greenwich, .rainbow-board tr:hover td.westminster-st-katherines-circular, .rainbow-board tr:focus td.westminster-st-katherines-circular, .rainbow-board tr:hover td.westminster-passenger-services-association, .rainbow-board tr:hover td.wetsminster-passenger-services-association, .rainbow-board tr:focus td.westminster-passenger-services-association, .rainbow-board tr:focus td.wetsminster-passenger-services-association, .rainbow-board tr:hover td.woolwich-free-ferry, .rainbow-board tr:focus td.woolwich-free-ferry, .rainbow-board tr:hover td.emirates, .rainbow-board tr:focus td.emirates, .rainbow-board tr.has-disruption:hover td.service-status, .rainbow-board tr.has-disruption:focus td.service-status, .rainbow-board.stations-status tr:hover td.line-text, .news-teaser > a:focus, .news-teaser > a:hover, .content-area .news-teaser > a:focus, .content-area .news-teaser > a:hover, .primary-teaser .news-teaser > a:focus, .primary-teaser .news-teaser > a:hover, .content-information-box > a:focus, .content-information-box > a:hover, .timetable-list > *:hover, .timetable-list > *:focus, .timetable-list .load-more:hover, .timetable-list .load-more:focus, .other-languages-wrap .other-languages ul li:hover, .advert-tile .advert-link:focus .caption, .advert-tile .advert-link:hover .caption, .broadcast-comms:hover, .broadcast-comms:focus, .large-icon-accordion ul a:hover, .large-icon-accordion ul a:focus, .large-icon-accordion ul a:hover .mini-map, .large-icon-accordion ul a:focus .mini-map {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}

.top-row .logo {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box;
}

.top-row-extras .search, .top-row-extras .login, .top-row-extras input, .top-row-extras span {
  float: left;
}

.variable-message-sign {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAACVJREFUeNpMwcENACAMAKHTldx/NvpqIoSH0EHr9hkAAAD//wMAdvIMK02CIeIAAAAASUVORK5CYII=);
}

.expandable-list li.selected.parent > .link-wrapper, .expandable-list li.selected.parent + li > .link-wrapper, .list-loader .list-loader-option.expanded > .list-loader-result, .list-loader .list-loader-option.expanded > .list-loader-result.expanded .list-loader-result.expanded, .large-icon-accordion ul ul {
  position: relative;
}
.expandable-list li.selected.parent > .link-wrapper::after, .expandable-list li.selected.parent + li > .link-wrapper::after, .list-loader .list-loader-option.expanded > .list-loader-result::after, .list-loader .list-loader-option.expanded > .list-loader-result.expanded .list-loader-result.expanded::after, .large-icon-accordion ul ul::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  opacity: 0.1;
  background-color: #000;
  z-index: 10;
}

.large-icon-accordion ul ul {
  position: relative;
}
.large-icon-accordion ul ul::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  opacity: 0.1;
  background-color: #000;
  z-index: 10;
}

.timetable-list-wrapper:before {
  height: 70px;
  width: 70px;
  background-image: url("/static/1/images/throbber.gif");
}

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

.timetable-list-wrapper {
  overflow: hidden;
  position: relative;
}
.timetable-list-wrapper:before {
  content: "";
  opacity: 0;
  position: absolute;
  background-color: #2d3039;
  z-index: 10;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  margin: 0;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-transition: opacity 0.3s ease-out height 0s linear 0.3s ease;
  -moz-transition: opacity 0.3s ease-out height 0s linear 0.3s ease;
  -o-transition: opacity 0.3s ease-out height 0s linear 0.3s ease;
  -ms-transition: opacity 0.3s ease-out height 0s linear 0.3s ease;
  transition: opacity 0.3s ease-out height 0s linear 0.3s ease;
}
.loading.timetable-list-wrapper {
  height: 200px;
}
.loading.timetable-list-wrapper:before {
  height: 100%;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in 1s ease;
  -moz-transition: opacity 0.3s ease-in 1s ease;
  -o-transition: opacity 0.3s ease-in 1s ease;
  -ms-transition: opacity 0.3s ease-in 1s ease;
  transition: opacity 0.3s ease-in 1s ease;
}

.fc-calendar-wrapper .current-month .calendar-previous-month, .fc-calendar-wrapper .current-month .calendar-next-month {
  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;
}
.fc-calendar-wrapper .current-month .calendar-previous-month:not([disabled='disabled']):hover, .fc-calendar-wrapper .current-month .calendar-next-month:not([disabled='disabled']):hover, .fc-calendar-wrapper .current-month .calendar-previous-month:not([disabled='disabled']):focus, .fc-calendar-wrapper .current-month .calendar-next-month: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);
}
.fc-calendar-wrapper .current-month [disabled='disabled'].calendar-previous-month, .fc-calendar-wrapper .current-month [disabled='disabled'].calendar-next-month, .fc-calendar-wrapper .current-month .calendar-previous-month .disabled, .fc-calendar-wrapper .current-month .calendar-next-month .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;
}
.fc-calendar-wrapper .current-month [disabled='disabled'].calendar-previous-month .cta-content:before, .fc-calendar-wrapper .current-month [disabled='disabled'].calendar-next-month .cta-content:before, .fc-calendar-wrapper .current-month .calendar-previous-month .disabled .cta-content:before, .fc-calendar-wrapper .current-month .calendar-next-month .disabled .cta-content:before {
  opacity: 0.25;
}
.fc-calendar-wrapper .current-month .disabled.calendar-previous-month, .fc-calendar-wrapper .current-month .disabled.calendar-next-month {
  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;
}
.fc-calendar-wrapper .current-month .disabled.calendar-previous-month:not([disabled='disabled']):hover, .fc-calendar-wrapper .current-month .disabled.calendar-next-month:not([disabled='disabled']):hover, .fc-calendar-wrapper .current-month .disabled.calendar-previous-month:not([disabled='disabled']):focus, .fc-calendar-wrapper .current-month .disabled.calendar-next-month: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);
}
.fc-calendar-wrapper .current-month .disabled[disabled='disabled'].calendar-previous-month, .fc-calendar-wrapper .current-month .disabled[disabled='disabled'].calendar-next-month, .fc-calendar-wrapper .current-month .disabled.calendar-previous-month .disabled, .fc-calendar-wrapper .current-month .disabled.calendar-next-month .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;
}
.fc-calendar-wrapper .current-month .disabled[disabled='disabled'].calendar-previous-month .cta-content:before, .fc-calendar-wrapper .current-month .disabled[disabled='disabled'].calendar-next-month .cta-content:before, .fc-calendar-wrapper .current-month .disabled.calendar-previous-month .disabled .cta-content:before, .fc-calendar-wrapper .current-month .disabled.calendar-next-month .disabled .cta-content:before {
  opacity: 0.25;
}

.tooltip-control {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.show-hide-link:after, .show-hide-link.active:after {
  background-image: url("/static/1/images/vsprite_x2.png");
  background-image: url("/static/1/images/vsprite.png") \9;
}
.body-cms-preview .show-hide-link:after {
  background-image: url("/static/1/images/vsprite.png");
}

.show-hide-link:after, .show-hide-link.active:after {
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
}

/* modules - small */
/**************************************************
    M001 Accordion

* Author: 
* Created: 
* Pattern library URL: \Google Drive\NWP\Front-end\Pattern library\Modules\M001-accordion

**************************************************/
.accordion {
  margin-bottom: 20px;
  clear: both;
}
.accordion .expandable-box .accordion-heading, .accordion .expandable-box .inline-accordion-heading, .accordion .expandable-box .controls {
  border-bottom: none;
}
.accordion .expandable-box .start-hidden {
  border-top: 1px solid #cccccc;
}
.accordion .expandable-box:last-child .accordion-heading, .accordion .expandable-box:last-child .inline-accordion-heading {
  border-bottom: 1px solid #cccccc;
}
.accordion .expandable-box:last-child .expanded .start-hidden {
  border-top: none;
  border-bottom: 1px solid #cccccc;
}
.accordion .expandable-box .expanded .start-hidden {
  border-bottom: none;
}
.accordion .expandable-box .expanded .start-hidden.disconnected-content {
  padding: 0;
  border: none;
}
.accordion .expandable-box .expanded .parent-accordion-heading {
  border-bottom-width: 0;
}
.accordion .expandable-box .content {
  border-bottom: 0px none;
}
.accordion.no-margin {
  margin-bottom: 0;
}
.accordion.nested-accordion .expandable-box .accordion-heading, .accordion.nested-accordion .expandable-box .inline-accordion-heading {
  border-bottom-width: 0;
}

.accordion.basic {
  margin: -1px 0 11px;
}
.accordion.basic .expandable-box {
  position: relative;
  top: 1px;
  left: 0;
  background-color: #eeeeee;
}
.accordion.basic .expandable-box .content {
  margin-left: 0px;
  border-style: solid;
  border-width: 0px 0px 1px;
  border-color: #cccccc;
  margin: 0px;
  background-color: transparent;
}
.accordion.basic .expandable-box .content .accordion-heading, .accordion.basic .expandable-box .content .inline-accordion-heading {
  display: block;
  padding-left: 10px;
  padding-right: 30px;
  border: 0px;
  *height: 26px;
  color: #2d3039;
  font-size: 20px;
  text-decoration: none;
  position: relative;
}
.accordion.basic .expandable-box .content .accordion-heading:active, .accordion.basic .expandable-box .content .inline-accordion-heading:active {
  background-color: transparent;
}
.accordion.basic .expandable-box .content .accordion-heading:after, .accordion.basic .expandable-box .content .inline-accordion-heading:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 9px;
  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 .accordion.basic .expandable-box .content .accordion-heading:after, .body-cms-preview .accordion.basic .expandable-box .content .inline-accordion-heading:after {
  background-image: url("../../../images/vsprite.png");
}
.accordion.basic .expandable-box .content .start-hidden {
  border: 0px;
}
.accordion.basic .expandable-box .content.expanded {
  background-color: #fff;
  border-width: 1px 1px 3px;
  margin: -1px 0 0;
}
.accordion.basic .expandable-box .content.expanded .accordion-heading, .accordion.basic .expandable-box .content.expanded .inline-accordion-heading {
  border-bottom: 1px solid #cccccc;
}
.accordion.basic .expandable-box .content.expanded .accordion-heading:after, .accordion.basic .expandable-box .content.expanded .inline-accordion-heading:after {
  background-position: 0px -736px;
}
.accordion.basic .expandable-box:last-child .content.expanded {
  border-width: 1px 1px 4px;
}

.inline-accordion-heading {
  text-align: left;
  width: 100%;
}
.inline-accordion-heading.form-heading {
  font-size: 20px;
}

.disconnected-accordion > .expandable-box {
  margin-bottom: 20px;
}
.disconnected-accordion > .expandable-box .always-visible {
  border-bottom: 1px solid #cccccc;
}

.disconnected-content.with-margin {
  margin-top: 30px;
}
.disconnected-content .appended-borders {
  border-top-width: 0;
}

.padder {
  padding: 0 20px !important;
}

.accordion-style-heading {
  margin: 0;
  padding: 18px 19px;
  border: solid 1px #cccccc;
  border-bottom-width: 0;
}

.input-group-wrap.accordion .accordion-heading, .input-group-wrap.accordion .inline-accordion-heading {
  -webkit-transition: background, 0.05s, easeInQuart;
  -moz-transition: background, 0.05s, easeInQuart;
  transition: background, 0.05s, easeInQuart;
  font-weight: bold;
  padding: 9px 15px 9px 40px;
}
.input-group-wrap.accordion .product-label .title {
  font-weight: bold;
}
.input-group-wrap.accordion .controls {
  right: auto;
  left: 8px;
  background-image: none;
  margin-top: -20px;
}
.input-group-wrap.accordion .controls:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  border-style: solid;
  margin-top: -4px;
  margin-left: 1px;
  border-width: 7px 9px;
  border-color: transparent transparent transparent #1a5a92;
  border-radius: 0;
  width: 0;
  height: 0;
  -webkit-transition: transform, 0.25s;
  -moz-transition: transform, 0.25s;
  transition: transform, 0.25s;
  transform-origin: 41% 29%;
}
.input-group-wrap.accordion .expanded .accordion-heading, .input-group-wrap.accordion .expanded .inline-accordion-heading {
  color: #fff;
  background: #2d3039;
  border-color: #2d3039;
}
.input-group-wrap.accordion .expanded .controls {
  margin-top: -14px;
}
.input-group-wrap.accordion .expanded .controls:before {
  border-color: transparent transparent transparent white;
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}

/**************************************************
	M002 Expandable-box

* Author: 
* Created: 
* Pattern library URL: \Google Drive\NWP\Front-end\Pattern library\Modules\M001-accordion

**************************************************/
.expandable-box .content {
  background: #fff;
  border-bottom: 3px solid #cccccc;
}
.expandable-box .always-visible {
  position: relative;
  cursor: pointer;
}
.expandable-box .accordion-heading, .expandable-box .inline-accordion-heading {
  padding: 15px 40px 15px 16px;
  border: 1px solid #cccccc;
}
.expandable-box .accordion-heading h2, .expandable-box .inline-accordion-heading h2 {
  margin-bottom: 0;
}
.expandable-box h2.accordion-heading, .expandable-box h2.inline-accordion-heading, .expandable-box h3.accordion-heading, .expandable-box h3.inline-accordion-heading {
  text-align: left;
  margin-bottom: 0;
}
.expandable-box .controls {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  right: 4px;
  text-decoration: 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: 0px -704px;
}
.body-cms-preview .expandable-box .controls {
  background-image: url("../../../images/vsprite.png");
}
.expandable-box .start-hidden {
  display: none;
  padding: 10px;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}
.expandable-box .start-hidden > :last-child {
  margin-bottom: 0;
}
.expandable-box .expanded, .expandable-box.expanded {
  border-bottom: 1px solid #cccccc;
}
.expandable-box .expanded .controls, .expandable-box.expanded .controls {
  background-position: 0px -736px;
}
.expandable-box .expanded > .start-hidden, .expandable-box.expanded > .start-hidden {
  display: block;
  border-top: 1px solid #cccccc;
}

/* CUSTOM ADDED */
.responsive-form .form-field-error .form-control-tooltip-wrap, .responsive-form .form-field-error .toggle-tooltip {
  display: none;
}

.prominent-inline-help, .themed-inline-help {
  margin-bottom: 20px;
}
.prominent-inline-help .content, .themed-inline-help .content {
  border-bottom-width: 2px;
}
.prominent-inline-help .grouped-info-container, .themed-inline-help .grouped-info-container, .prominent-inline-help .message-container, .themed-inline-help .message-container {
  padding: 16px;
}
.prominent-inline-help .expanded .with-indicator, .themed-inline-help .expanded .with-indicator, .prominent-inline-help.expanded .with-indicator, .expanded.themed-inline-help .with-indicator {
  border-top: none;
}

.themed-inline-help .accordion-heading, .themed-inline-help .inline-accordion-heading {
  padding-left: 63px;
}

.expandable-box.prominent-inline-help .accordion-heading:after, .expandable-box.themed-inline-help .accordion-heading:after, .expandable-box.prominent-inline-help .inline-accordion-heading:after, .expandable-box.themed-inline-help .inline-accordion-heading: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 -352px;
  bottom: auto;
  left: auto;
  right: 6px;
  top: 50%;
}
.body-cms-preview .expandable-box.prominent-inline-help .accordion-heading:after, .body-cms-preview .expandable-box.themed-inline-help .accordion-heading:after, .body-cms-preview .expandable-box.prominent-inline-help .inline-accordion-heading:after, .body-cms-preview .expandable-box.themed-inline-help .inline-accordion-heading:after {
  background-image: url("../../../images/vsprite.png");
}
.expandable-box.prominent-inline-help .accordion-heading:after, .expandable-box.themed-inline-help .accordion-heading:after, .expandable-box.prominent-inline-help .inline-accordion-heading:after, .expandable-box.themed-inline-help .inline-accordion-heading:after {
  margin-top: -16px;
}
.expandable-box.prominent-inline-help .accordion-control, .expandable-box.themed-inline-help .accordion-control {
  color: black;
}
.expandable-box.prominent-inline-help .expanded .start-hidden, .expandable-box.themed-inline-help .expanded .start-hidden, .expandable-box.prominent-inline-help.expanded .start-hidden, .expandable-box.expanded.themed-inline-help .start-hidden {
  border-bottom: 1px solid #cccccc;
}

/**************************************************
FOLLOW SOCIAL
* Author: Rodrigo Lopes
* Created: 19/02/2013
* Modified by: John Boyle
* Modified date: 30/04/2013
* Pattern library URL: http://
**************************************************/
.follow-social {
  margin-bottom: 20px;
}
.follow-social .social-button {
  min-width: 75px;
  display: table;
  clear: both;
  margin-top: 10px;
}
.follow-social .social-button .secondary-button {
  color: #2070b0;
}
.follow-social.twitter .social-image {
  background: url("/static/1/images/SocialMedia_sprite.png") 0 0;
}
.follow-social.facebook .social-image {
  background: url("/static/1/images/SocialMedia_sprite.png") 64px 0;
}
.follow-social.youtube .social-image {
  background: url("/static/1/images/SocialMedia_sprite.png") 0 -66px;
}
.follow-social.linkedin .social-image {
  background: url("/static/1/images/SocialMedia_sprite.png") 64px -66px;
}
.follow-social.pinterest .social-image {
  background: url("/static/1/images/SocialMedia_sprite.png") 0 -132px;
}
.follow-social.googleplus .social-image {
  background: url("/static/1/images/SocialMedia_sprite.png") 64px -132px;
}
.follow-social.email .social-image {
  background: url("/static/1/images/SocialMedia_sprite.png") 0 -198px;
}
.follow-social.mail .social-image {
  background: url("/static/1/images/SocialMedia_sprite.png") 64px -198px;
}
.follow-social.instagram .social-image {
  background: url("/static/1/images/SocialMedia_sprite.png") 0 -264px;
}
.follow-social.foursquare .social-image {
  background: url("/static/1/images/SocialMedia_sprite.png") 64px -264px;
}
.follow-social.storify .social-image {
  background: url("/static/1/images/SocialMedia_sprite.png") 0 -330px;
}
.follow-social.tumblr .social-image {
  background: url("/static/1/images/SocialMedia_sprite.png") 64px -330px;
}
.follow-social.flickr .social-image {
  background: url("/static/1/images/SocialMedia_sprite.png") 0 -396px;
}
.follow-social .social-image {
  height: 66px;
  width: 64px;
  background: aqua;
  position: relative;
  display: inline-block;
  margin-right: 10px;
  float: left;
}
.follow-social .social-image:after {
  content: '';
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  height: 4px;
  bottom: 0;
  left: 0;
  width: 100%;
}
.follow-social .mode-icon {
  height: 50%;
  width: 50%;
  bottom: 0;
  position: absolute;
  right: 0;
  border-top-left-radius: 32px;
  background: #F7F7F7;
}
.follow-social .mode-icon:after {
  content: "";
  position: absolute;
  left: 3px;
  top: 2px;
  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 -128px;
  height: 32px;
  width: 32px;
  display: block;
}
.body-cms-preview .follow-social .mode-icon:after {
  background-image: url("../../../images/vsprite.png");
}
.body-cms-preview .follow-social .mode-icon:after {
  background-image: url("../../../images/vsprite.png");
}
.follow-social .mode-icon.tfl:after {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: 0px -128px;
  height: 32px;
  width: 32px;
  display: block;
}
.body-cms-preview .follow-social .mode-icon.tfl:after {
  background-image: url("../../../images/vsprite.png");
}
.follow-social .mode-icon.underground:after {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: 0px -1056px;
  height: 32px;
  width: 32px;
  display: block;
}
.body-cms-preview .follow-social .mode-icon.underground:after {
  background-image: url("../../../images/vsprite.png");
}
.follow-social .mode-icon.dlr:after, .follow-social .mode-icon.docklands:after, .follow-social .mode-icon.docklands-light-railway:after {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: 0px -1856px;
  height: 32px;
  width: 32px;
  display: block;
}
.body-cms-preview .follow-social .mode-icon.dlr:after, .body-cms-preview .follow-social .mode-icon.docklands:after, .body-cms-preview .follow-social .mode-icon.docklands-light-railway:after {
  background-image: url("../../../images/vsprite.png");
}
.follow-social .mode-icon.overground:after {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: -32px -1856px;
  height: 32px;
  width: 32px;
  display: block;
}
.body-cms-preview .follow-social .mode-icon.overground:after {
  background-image: url("../../../images/vsprite.png");
}
.follow-social .mode-icon.bus:after {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: -64px -1856px;
  height: 32px;
  width: 32px;
  display: block;
}
.body-cms-preview .follow-social .mode-icon.bus:after {
  background-image: url("../../../images/vsprite.png");
}
.follow-social .mode-icon.cycle:after {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: -64px -1088px;
  height: 32px;
  width: 32px;
  display: block;
}
.body-cms-preview .follow-social .mode-icon.cycle:after {
  background-image: url("../../../images/vsprite.png");
}
.follow-social .mode-icon.streets:after {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: -32px -1088px;
  height: 32px;
  width: 32px;
  display: block;
}
.body-cms-preview .follow-social .mode-icon.streets:after {
  background-image: url("../../../images/vsprite.png");
}
.follow-social .mode-icon.river:after {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: 0px -1888px;
  height: 32px;
  width: 32px;
  display: block;
}
.body-cms-preview .follow-social .mode-icon.river:after {
  background-image: url("../../../images/vsprite.png");
}
.follow-social .mode-icon.coach:after {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: -32px -1888px;
  height: 32px;
  width: 32px;
  display: block;
}
.body-cms-preview .follow-social .mode-icon.coach:after {
  background-image: url("../../../images/vsprite.png");
}
.follow-social .mode-icon.dial-a-ride:after {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: -64px -1888px;
  height: 32px;
  width: 32px;
  display: block;
}
.body-cms-preview .follow-social .mode-icon.dial-a-ride:after {
  background-image: url("../../../images/vsprite.png");
}
.follow-social .mode-icon.taxi:after {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: 0px -1920px;
  height: 32px;
  width: 32px;
  display: block;
}
.body-cms-preview .follow-social .mode-icon.taxi:after {
  background-image: url("../../../images/vsprite.png");
}
.follow-social .mode-icon.tram:after {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: -32px -1920px;
  height: 32px;
  width: 32px;
  display: block;
}
.body-cms-preview .follow-social .mode-icon.tram:after {
  background-image: url("../../../images/vsprite.png");
}
.follow-social .mode-icon.emirates:after {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: 0px -480px;
  height: 32px;
  width: 32px;
  display: block;
  top: 1px;
}
.body-cms-preview .follow-social .mode-icon.emirates:after {
  background-image: url("../../../images/vsprite.png");
}
.follow-social .social-text {
  min-height: 65px;
}
.follow-social .social-text p {
  line-height: 120%;
  margin-bottom: 0;
  padding-left: 75px;
}

.twitter-feed {
  margin-top: 15px;
  padding: 10px;
  position: relative;
}
.twitter-feed .twitter-feed-logo {
  right: 5px;
  top: 5px;
  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 -224px;
  height: 32px;
  width: 32px;
  display: block;
  content: "";
  position: absolute;
}
.body-cms-preview .twitter-feed .twitter-feed-logo {
  background-image: url("../../../images/vsprite.png");
}
.body-cms-preview .twitter-feed .twitter-feed-logo {
  background-image: url("../../../images/vsprite.png");
}
.twitter-feed #twitter .jtwt {
  margin-left: 0;
  margin-top: 15px;
  list-style: none;
}
.twitter-feed #twitter .jtwt li {
  padding: 10px;
  border: solid 1px #A8A8A8;
  border-top: none;
  position: relative;
}
.twitter-feed #twitter .jtwt li.jtwt_tweet:nth-child(2) {
  border-top: solid 1px #a8a8a8;
}
.twitter-feed #twitter .jtwt li.jtwt_tweet a.jtwt_date {
  display: none;
}
.twitter-feed #twitter .jtwt li: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 .twitter-feed #twitter .jtwt li:after {
  background-image: url("../../../images/vsprite.png");
}
.twitter-feed #twitter .jtwt li p.jtwt_tweet_text {
  margin-bottom: 0;
  width: 95%;
}

.single-tweet #twitter {
  border-left: 1px solid #a8a8a8;
  margin-left: 74px;
  padding-left: 10px;
  min-height: 65px;
}
.single-tweet #twitter p, .single-tweet #twitter a {
  line-height: 120%;
  margin-bottom: 0;
}
.single-tweet #twitter .jtwt {
  list-style: none;
  margin-left: 0;
}
.single-tweet #twitter .jtwt .jtwt_date {
  display: none;
}

/**************************************************
	A1 Primary Navigation / M004 Primary Navigation

* Author: 
* Created: 
* Pattern library URL: https://tflonline.atlassian.net/wiki/display/NWP/C1+-+Accordion &
                       \Google Drive\NWP\Front-end\Pattern library\Modules\M004-primary-navigation

**************************************************/
.top-row {
  border-bottom: 3px solid #121315;
  background-color: #2d3039;
  max-height: 58px;
}
.top-row.show-search {
  max-height: 113px;
}
.top-row a, .top-row a:visited {
  color: #fff;
}
.top-row .logo {
  float: left;
  margin-bottom: 0;
  margin-left: 0;
  padding: 6px 1% 6px 2.54%;
  width: 48px;
  height: 43px;
  background-color: #113B92;
  background-position: center center;
  text-transform: none;
  cursor: pointer;
}
.top-row .logo a:focus, .top-row .logo a:hover {
  text-decoration: none;
}
.top-row .main-roundel {
  position: absolute;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 126px 3822px;
  background-position: -42px -210px;
  height: 42px;
  width: 42px;
  display: block;
}
.body-cms-preview .top-row .main-roundel {
  background-image: url("../../../images/vsprite.png");
}
.top-row .tfl-name {
  display: none;
  margin: 7px 0 0 52px;
  font-size: 16px;
  font-family: "New Johnson Bold";
  line-height: 100%;
  text-transform: uppercase;
}

.collapsible-menu .plan-journey, .collapsible-menu .status-update, .collapsible-menu .maps, .collapsible-menu .fares-and-payments {
  display: none;
}
.collapsible-menu a {
  -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;
  border-bottom: 3px solid transparent;
  background-color: transparent;
}
.collapsible-menu a:hover, .collapsible-menu a:focus {
  background-color: #444856;
  border-bottom: 3px solid #2070b0;
  margin-bottom: -3px;
}

.menu-visible .mainnav {
  border-bottom: 3px solid #cccccc;
}
.menu-visible .more a:hover, .menu-visible .more a:focus {
  border-bottom: 0;
}

.extra-nav .plan-journey, .extra-nav .status-update, .extra-nav .maps, .extra-nav .fares-and-payments {
  display: block;
}

.navigation-style-1 {
  padding: 0;
  margin: 0 0 10px 0;
}
.navigation-style-1 > li {
  display: block;
  border-bottom: 1px solid #cccccc;
  background: #eeeeee;
}
.navigation-style-1 .item-title {
  display: block;
  padding: 10px 30px 10px 10px;
  color: #2d3039;
  font-size: 20px;
  text-decoration: none;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.navigation-style-1 .item-title:hover, .navigation-style-1 .item-title:focus {
  background-color: #e1e1e1;
}
.navigation-style-1 .footer-link {
  display: block;
  text-align: right;
  padding: 9px 5px;
}
.navigation-style-1 .selected {
  background: #fff;
  border: 1px solid #cccccc;
  border-bottom: 3px solid #cacaca;
}
.navigation-style-1 .selected .item-title:hover, .navigation-style-1 .selected .item-title:focus {
  background-color: #f2f2f2;
}

.top-row-extras div {
  float: left;
}
.top-row-extras a {
  display: block;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.top-row-extras a:hover, .top-row-extras a:focus {
  background-color: #444856;
  border-bottom: 3px solid #2070b0;
  margin-bottom: -3px;
}
.top-row-extras .login {
  cursor: pointer;
  position: relative;
  left: 0;
  border-left: 1px solid #565961;
  border-right: 1px solid #1e2228;
}
.top-row-extras .login a {
  padding: 13px 8px 42px;
}
.top-row-extras input[type="text"] {
  position: relative;
  margin: 8px 2.54%;
  padding: 5px;
  width: 94.92%;
  height: 40px;
  border: 1px solid #cccccc;
}
.top-row-extras .login-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: -34px -128px;
  height: 32px;
  width: 28px;
  display: block;
}
.body-cms-preview .top-row-extras .login-icon {
  background-image: url("../../../images/vsprite.png");
}
.body-cms-preview .top-row-extras .login-icon {
  background-image: url("../../../images/vsprite.png");
}
.top-row-extras .expand {
  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: -76px -672px;
  height: 32px;
  width: 8px;
  display: block;
}
.body-cms-preview .top-row-extras .expand {
  background-image: url("../../../images/vsprite.png");
}
.body-cms-preview .top-row-extras .expand {
  background-image: url("../../../images/vsprite.png");
}
.top-row-extras .collapse {
  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: -76px -608px;
  height: 32px;
  width: 8px;
  display: none;
}
.body-cms-preview .top-row-extras .collapse {
  background-image: url("../../../images/vsprite.png");
}
.body-cms-preview .top-row-extras .collapse {
  background-image: url("../../../images/vsprite.png");
}
.top-row-extras .search-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: -2px -32px;
  height: 32px;
  width: 28px;
  display: block;
}
.body-cms-preview .top-row-extras .search-icon {
  background-image: url("../../../images/vsprite.png");
}
.body-cms-preview .top-row-extras .search-icon {
  background-image: url("../../../images/vsprite.png");
}
.top-row-extras .texts {
  position: absolute;
  right: 0;
  width: 110px;
}
.top-row-extras .search {
  border-left: 1px solid #565961;
}
.top-row-extras .search a {
  padding: 13px 14px 42px 4px;
}
.top-row-extras .search-tools {
  padding: 8px 2.54%;
  position: absolute;
  top: 55px;
  left: 0;
  display: none;
  width: 100%;
  height: 55px;
  background: #2d3039;
}
.top-row-extras .search-tools input[type='text'] {
  margin: 0;
  padding-right: 32px;
  width: 100%;
}
.top-row-extras #search-button {
  position: absolute;
  right: 3.54%;
  margin-top: 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: -64px -32px;
  border: 0;
  background-color: transparent;
  color: #cccccc;
  line-height: 10px;
}
.body-cms-preview .top-row-extras #search-button {
  background-image: url("../../../images/vsprite.png");
}
.top-row-extras #search-button span {
  text-indent: 1000%;
}
.top-row-extras .more {
  position: absolute;
  right: 109px;
  border-right: 1px solid #1e2228;
}

.show-search {
  border-bottom: 3px solid #cccccc;
}
.show-search .top-row-extras {
  height: 110px;
}
.show-search .top-row-extras .search-tools {
  background-color: #eff6fd;
  display: block;
}
.show-search .top-row-extras .search-tools a.remove-content:hover {
  background-color: transparent;
  border-bottom: none;
}
.show-search .top-row-extras .texts .search {
  background-color: #d7dee4;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d7dee4), color-stop(100%, #eff6fd));
  background-image: -webkit-linear-gradient(#d7dee4, #eff6fd);
  background-image: linear-gradient(#d7dee4, #eff6fd);
}
.show-search .top-row-extras .texts .search a:hover, .show-search .top-row-extras .texts .search a:focus {
  background-color: transparent;
}
.show-search .top-row-extras .texts .search a span.search-icon {
  background-position: -34px -32px;
}
.show-search .top-row-extras .texts .search a span.expand {
  display: none;
}
.show-search .top-row-extras .texts .search a span.collapse {
  display: block;
}

.collapsible-menu {
  float: left;
  margin-left: 0;
  margin-bottom: 0;
  list-style-type: none;
  font-size: 14px;
}
.collapsible-menu li {
  float: left;
}
.collapsible-menu li.more {
  display: none;
}
.collapsible-menu a {
  display: block;
  padding: 18px 15px 13px;
  text-decoration: none;
  font-size: 16px;
  font-family: "New Johnson";
  margin-bottom: -2px;
}

.more a {
  display: block;
  padding: 18px 8px 37px;
  text-decoration: none;
  font-size: 16px;
  font-family: "New Johnson";
}
.more .arrow {
  display: inline-block;
  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 -672px;
  height: 28px;
  width: 21px;
  display: inline-block;
  margin: -4px 0 0 -8px;
}
.body-cms-preview .more .arrow {
  background-image: url("../../../images/vsprite.png");
}
.body-cms-preview .more .arrow {
  background-image: url("../../../images/vsprite.png");
}
.more a.expanded, .more a.expanded:visited {
  background-color: #d7dee4;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d7dee4), color-stop(100%, #eff6fd));
  background-image: -webkit-linear-gradient(#d7dee4, #eff6fd);
  background-image: linear-gradient(#d7dee4, #eff6fd);
  color: #000;
  margin-bottom: -3px;
  padding-bottom: 40px;
  border-bottom: 0;
}
.more a.expanded .arrow, .more a.expanded:visited .arrow {
  background-position: -64px -608px;
}

#mainnav {
  background-color: #eff6fd;
}

.extra-nav {
  display: none;
  padding-bottom: 2%;
}
.extra-nav.expanded, .extra-nav a {
  display: block;
}
.extra-nav .extras {
  margin: 10px 3% 0 3%;
}
.extra-nav .extras li {
  float: left;
  width: 48%;
}
.extra-nav .extras .plan-journey, .extra-nav .extras .maps {
  margin-right: 4%;
}
.extra-nav .extras a {
  text-align: center;
  border: 1px solid #cccccc;
  box-shadow: 0px 3px -2px 2px rgba(0, 0, 0, 0.15);
  padding: 10px 0;
  margin-bottom: 10px;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.extra-nav .extras a:hover, .extra-nav .extras a:focus {
  text-decoration: none;
  background-color: #f2f2f2;
  background-color: #f2f2f2;
  color: #185585;
}
.extra-nav .extras a:active {
  box-shadow: none;
  margin-top: 3px;
  margin-bottom: 7px;
}
.extra-nav h2 {
  color: #2d3039;
  font-size: 16px;
  margin: 10px 0 0;
}
.extra-nav .menu-sub-section {
  margin: 0 3%;
  width: 94%;
}
.extra-nav .menu-sub-section ul {
  border-left: 1px solid #cccccc;
  margin-left: 5px;
  margin-bottom: 0;
  padding-left: 5px;
  list-style-type: none;
}
.extra-nav .menu-sub-section a {
  padding: 0 0 5px;
}
.extra-nav .getting-around li {
  float: left;
  width: 50%;
}

/**************************************************
	A3 Footer

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

**************************************************/
#footer {
  border-top: 3px solid #cccccc;
  margin-top: 50px;
  background-color: #202329;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0px, #292c34), color-stop(6px, #373d48), color-stop(300px, #1f2329));
  background-image: -webkit-linear-gradient(#292c34 0px, #373d48 6px, #1f2329 300px);
  background-image: linear-gradient(#292c34 0px, #373d48 6px, #1f2329 300px);
}
#footer ul {
  list-style-type: none;
  margin-bottom: 0;
}
#footer a, #footer a:visited {
  color: #CDCDCD;
  font-size: 14px;
  padding: 7px 0;
  display: block;
}
#footer .footer-links {
  padding-top: 10px;
  height: 100%;
  margin: 0 2.54% 10px;
}
#footer .footer-links .languages {
  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 -1312px;
  height: 25px;
  width: 32px;
  display: inline-block;
}
.body-cms-preview #footer .footer-links .languages {
  background-image: url("../../../images/vsprite.png");
}
.body-cms-preview #footer .footer-links .languages {
  background-image: url("../../../images/vsprite.png");
}
#footer h2.heading {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  display: block;
  padding: 10px 9px 10px 30px;
  background-color: #2d3039;
  color: #fff;
  border-bottom: 3px solid #1B1D21;
  font-weight: bold;
  cursor: pointer;
  margin: 0 2.54%;
  position: relative;
}
#footer h2.heading: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: -32px -704px;
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
}
.body-cms-preview #footer h2.heading:before {
  background-image: url("../../../images/vsprite.png");
}
#footer .info-for-link {
  padding: 0;
}
#footer .info-for-link:visited, #footer .info-for-link:active {
  padding: 0;
}
#footer .info-for-link:focus, #footer .info-for-link:hover {
  text-decoration: none;
}
#footer .info-for-link:focus h2.heading, #footer .info-for-link:hover h2.heading {
  background-color: #444856;
}
#footer .info-for {
  margin-bottom: 10px;
  margin-left: 2.54%;
  background-color: #202329;
}
#footer .info-for li {
  display: none;
  padding: 0;
  border-right: 1px solid #868F98;
  border-bottom: 1px solid #868F98;
  border-left: 1px solid #868F98;
}
#footer .info-for a {
  display: block;
  padding: 18px 10px;
  position: relative;
}
#footer .info-for a:after {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  right: 2px;
  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;
}
.body-cms-preview #footer .info-for a:after {
  background-image: url("../../../images/vsprite.png");
}
#footer .expanded li {
  display: block;
}
#footer .expanded h2.heading: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: -32px -736px;
}
.body-cms-preview #footer .expanded h2.heading:before {
  background-image: url("../../../images/vsprite.png");
}
#footer .secondary-footer {
  background-color: #2C2F38;
  font-style: normal;
}
#footer .secondary-footer span.heading {
  margin-left: 2.54%;
  color: #fff;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
}
#footer .secondary-footer a, #footer .secondary-footer a:visited {
  color: #66CCCC;
  text-decoration: underline;
  font-size: 14px;
}

.footer-MOL-logo {
  float: left;
  padding: 0 2.54% 10px 2.54%;
  width: 100%;
}

.languages-footer a {
  position: relative;
  padding-left: 28px;
}
.languages-footer a: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 -1312px;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -16px;
  margin-left: -5px;
}
.body-cms-preview .languages-footer a:after {
  background-image: url("../../../images/vsprite.png");
}

/**************************************************
	M006 Autocomplete

* Author: 
* Created: 
* Pattern library URL: \Google Drive\NWP\Front-end\Pattern library\Modules\M006-autocomplete

**************************************************/
.twitter-typeahead {
  width: 100%;
}
.twitter-typeahead .tt-dropdown-menu {
  width: 100%;
  border: 1px solid #dddddd;
  z-index: 250;
}
.twitter-typeahead .source-header {
  display: block;
  background: #f7f7f7;
  padding: 6px;
  font-size: 12px;
  font-style: italic;
  line-height: 100%;
}
.twitter-typeahead .source-footer {
  display: block;
  border-top: 1px solid #cacaca;
  border-bottom: 1px solid #cacaca;
  height: 4px;
  background: #fff;
}
.twitter-typeahead .source-footer.collapsed {
  border-top: 0;
  border-bottom: 0;
  margin: 0 6px;
  height: 0px;
}
.twitter-typeahead .recent-searches-on-off-footer {
  display: block;
  color: #2d3039;
  padding: 6px;
  text-align: center;
}
.twitter-typeahead .recent-searches-on-off-footer a {
  text-decoration: none;
}
.twitter-typeahead .tt-suggestion {
  position: relative;
  background-color: #ffffff;
  clear: both;
  padding: 0px 6px;
  line-height: 2.5em;
  color: #1a5a92;
}
.twitter-typeahead .tt-suggestion:after {
  height: 1px;
  background: #cacaca;
  display: block;
  content: "";
  clear: both;
}
.twitter-typeahead .tt-suggestion:after .direction {
  vertical-align: middle;
  color: #565961;
}
.twitter-typeahead .tt-suggestion:first-child {
  border-top: none;
}
.twitter-typeahead .tt-suggestion.tt-is-under-cursor {
  background: #eeeeee;
}
.twitter-typeahead .tt-suggestion.tt-cursor {
  background: #eeeeee;
  white-space: nowrap;
  cursor: pointer;
}
.twitter-typeahead .tt-suggestion .stop-name {
  vertical-align: middle;
  word-wrap: break-word;
  display: block;
  padding: 8px 0;
}
.twitter-typeahead .tt-suggestion .mode-icons {
  float: right;
  max-width: 60%;
}
.twitter-typeahead .tt-suggestion .mode-icon {
  float: right;
  margin-top: 2px;
}
.twitter-typeahead .tt-suggestion .mode-icon span {
  bottom: 5px;
  height: 3px;
  width: 24px;
  right: 10px;
  position: absolute;
}
.twitter-typeahead .tt-suggestion .stop-name-container {
  padding: 5px 0;
  width: 80%;
}
.twitter-typeahead .tt-suggestion .stop-letter {
  background: #cc3333;
  border-radius: 50%;
  color: white;
  float: left;
  font-size: 12px;
  padding: 2px;
  height: 22px;
  width: 22px;
  text-align: center;
  position: absolute;
  top: 8px;
  right: 6px;
}
.twitter-typeahead .tt-suggestion .stop-letter.disrupted:after {
  background-size: 66px 2002px;
  background-position: 0px -572px;
  height: 22px;
  width: 22px;
  display: block;
  content: "";
  position: absolute;
  top: 14px;
  left: 11px;
}
.twitter-typeahead .tt-suggestion .towards-text {
  font-size: 14px;
  margin-top: -12px;
  padding: 6px;
}
.twitter-typeahead [class*='recent-magic-searches'] + [class*='recent-magic-searches'] .source-header {
  display: none;
}
.twitter-typeahead .tt-dataset-recent-searches-footer-on .tt-suggestion, .twitter-typeahead .tt-dataset-recent-searches-footer-off .tt-suggestion, .twitter-typeahead .tt-dataset-geolocation .tt-suggestion {
  background-color: #f7f7f7;
}
.twitter-typeahead .tt-dataset-recent-searches-footer-on .tt-suggestion:after, .twitter-typeahead .tt-dataset-recent-searches-footer-off .tt-suggestion:after, .twitter-typeahead .tt-dataset-geolocation .tt-suggestion:after {
  display: none;
}
.twitter-typeahead .tt-dataset-recent-searches-footer-on .source-footer, .twitter-typeahead .tt-dataset-recent-searches-footer-off .source-footer {
  height: 0;
  border-top: 0;
}
.twitter-typeahead .tt-dataset-geolocation .geolocation-link {
  text-decoration: none;
  vertical-align: middle;
  padding-left: 14%;
}
.twitter-typeahead .tt-dataset-geolocation .geolocation-link .geolocation-icon {
  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 0px;
  left: 4%;
  top: 50%;
  margin-top: -16px;
  -webkit-transform: rotate(0deg);
}
.body-cms-preview .twitter-typeahead .tt-dataset-geolocation .geolocation-link .geolocation-icon {
  background-image: url("../../../images/vsprite.png");
}
.twitter-typeahead .tt-dataset-geolocation .geolocation-link strong {
  vertical-align: middle;
}

/**************************************************
	C2 Contact / M007-contact-info-box

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

**************************************************/
.contact-info-box {
  background-color: #eeeeee;
  padding: 15px 0px 15px;
  display: block;
  margin-bottom: 20px;
}
.contact-info-box .contact-info-header {
  padding-left: 10px;
  position: relative;
  padding-right: 10px;
  margin-bottom: 0px;
}
.contact-info-box .content-group {
  padding-left: 50px;
  position: relative;
  padding-right: 10px;
  margin-top: 10px;
  margin-bottom: 0px;
}
.contact-info-box .content-group .fax-number {
  margin-left: 1px;
}
.contact-info-box .content-group > h4, .contact-info-box .content-group > p {
  margin: 0px;
  line-height: 20px;
}
.contact-info-box .icon {
  position: absolute;
  top: -6px;
  left: 10px;
}
.contact-info-box abbr {
  font-weight: bold;
  line-height: 22px;
}
.contact-info-box .contact-name {
  font-size: 20px;
  line-height: 100%;
  margin-top: 10px;
  font-family: "New Johnson Bold";
  padding-left: 10px;
  padding-right: 10px;
  display: block;
}
.contact-info-box .job-title {
  font-size: 18px;
  line-height: 100%;
  margin-top: 5px;
  font-family: "New Johnson";
  padding-left: 10px;
  padding-right: 10px;
  display: block;
}
.contact-info-box > img {
  width: 100%;
  margin-bottom: 10px;
  height: auto;
}
.contact-info-box .vertical-button-container {
  margin: 10px 10px 0;
}

/**************************************************
	A2 Breadcrumbs

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

**************************************************/
.breadcrumbs {
  list-style: none outside none;
  margin: 10px 0 0 -14px;
  padding-right: 14px;
}
.breadcrumbs li {
  float: left;
  margin-bottom: 2px;
  white-space: nowrap;
}
.breadcrumbs li.home a {
  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 -96px;
  height: auto;
  width: 32px;
  display: block;
}
.body-cms-preview .breadcrumbs li.home a {
  background-image: url("../../../images/vsprite.png");
}
.body-cms-preview .breadcrumbs li.home a {
  background-image: url("../../../images/vsprite.png");
}
.breadcrumbs li.home a span {
  display: block;
}
.breadcrumbs a {
  color: #2070b0;
}
.breadcrumbs a, .breadcrumbs .last-breadcrumb {
  display: block;
  padding: 3px 5px;
  margin-left: 14px;
  background-color: #eeeeee;
  border-bottom: 1px solid #d9d9d9;
  position: relative;
}
.breadcrumbs a:before, .breadcrumbs a:after, .breadcrumbs .last-breadcrumb:before, .breadcrumbs .last-breadcrumb:after {
  content: "";
  position: absolute;
  width: 14px;
  height: 31px;
  background-size: 100% 100%;
  top: 0;
}
.breadcrumbs a:before, .breadcrumbs .last-breadcrumb:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAA+CAYAAAA4aXupAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozMUQyQ0VFRkI2NjgxMUUzQUM3NjhEMTA0Q0U3RTY1NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozMUQyQ0VGMEI2NjgxMUUzQUM3NjhEMTA0Q0U3RTY1NCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjMxRDJDRUVEQjY2ODExRTNBQzc2OEQxMDRDRTdFNjU0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjMxRDJDRUVFQjY2ODExRTNBQzc2OEQxMDRDRTdFNjU0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+nv6sTAAAAm5JREFUeNq0md1KwzAUgNvgbqTgFHYlCL6AD6Eogi/hcEy8EwRfQRAE78QxmS8hiIU9hODFrgTBq8Fgf2x2dPVkWyFrk+bv5EBYaAJfz5ekaTq/1+sl3jJOoISrutftdhe/lUrlA36OPaQgTL0JJeD0qUEZuQDuQXnIdoBMm8PhMHABpFHn6KtNp9NRFEVOgDy1P1BuIEsvSRInQJ7axnw+D0cj+6H0mVmajSMYv3bmRr7K5XJQKpVQM0yjBUsip3YwGFipLQKK1LZt1BJJex2yPMxcq9JZO5vNnADR1aoAUdUSxX5oaolG3yZPre4DQQe4n1ULN9CI41hLLdEcAp7amo5aYjCz19RC/VtHrQnQSi0xfGAYqyWeeaxtY6pqbYBU7T1P7Xg8dgKkcQUlp3YymQjV2gJFam9FajGAPLVPIrUYQC21WEBltZhAJbWYQCW12ECpWhdAqvZOpNYFkGayzTsUwfU/dCC863jwcj3JXocsoyAIYnQgHSuAbnCann3f30QFwvbkwSnrl+4amaZzKGeos5SqXG3Al6CvxzTtshs2wVQJk+IVYG+cZbKDCpSoPEV9ljIqa0Uq0YCMyvcilShAHZXWQInKR/R3GonKLVQgo/JaVaUxMKOyr6rSGJiqhKqWSiNggcoLmUptIKsSSl+2wK2BK5Uvpiq1gAULXFmlMlCkEmaolkplIJZKJaBIJWSnrVIKxFYpBRaobJmoLARKVFp94ScFKquYKoVARmWIqZILdKkyB2RVstsO1PcwVOaAqUoAhBgLXBR+p9NJz8P0c+RBml3635O3/ED7iQVlDx2LBc6AnGT4L8AAejXoOugI3QQAAAAASUVORK5CYII=);
  right: 100%;
}
.breadcrumbs a:after, .breadcrumbs .last-breadcrumb:after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAA+CAYAAAAvS+tgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozMUQyQ0VGM0I2NjgxMUUzQUM3NjhEMTA0Q0U3RTY1NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozMUQyQ0VGNEI2NjgxMUUzQUM3NjhEMTA0Q0U3RTY1NCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjMxRDJDRUYxQjY2ODExRTNBQzc2OEQxMDRDRTdFNjU0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjMxRDJDRUYyQjY2ODExRTNBQzc2OEQxMDRDRTdFNjU0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+FeeMewAAAZ5JREFUeNq02EFKw0AUxvHpI8tuXHQreAEPUdB7CKK4EzyEIHiDil5CKPQwguCqkFISMGSR+EaNvJpMMm/mmwcDQxv+hJ9OWjrL87w1P3POa2MUs91une+R2K94zQ1oZPiY12OKsJ0rXmcpwjCSoTCEhByvW5JlirCd5xiSsXAUCU28H0xCHtcEkfiEg0jI8zo1CSmuVR0cTfhEQ0JKOm8SCvhP8iIJCXuRUODBmiShiOfMarFYzFOELclDirCdG77rZYqwkwQRHiRBhAdJUOEeCTJ8QIIMH5DMxHc31LzxOkXfcUdynyJs2rY9ytDRpmnMbrf7hN9xURQ2nkHDVVWZuq4/eHtHSIKyLO32mldOSAL+o73w9hV2QCQB7OQJgktLAAsLgjXs6TZEEB12EUSHXQRRYUFwC/uU/kewh4U7An6gr2HfhHwI1GFJwHe7h4V/CZ6mCFThsYMQHNYSeIe1BF7hEILJcCjBZDiUYDQcQ+AMC4KLEAJnWBBsTMQQmqAXRhH0wiiCbjLx++Q7guAvLPbfnwhjP4Rq5kuAAQA2lP0UNXleNQAAAABJRU5ErkJggg==);
  right: -11px;
  width: 11px;
}
.breadcrumbs a:not(.last-breadcrumb):after {
  content: none;
}

.breadcrumb-container {
  overflow-x: hidden;
}
.breadcrumb-container.scrolling {
  overflow-x: scroll;
}

/**************************************************
	M009 Route Summary

* Author: 
* Created: 
* Pattern library URL: \Google Drive\NWP\Front-end\Pattern library\Modules\M009-route-summary

**************************************************/
.route-summary {
  background-color: #eeeeee;
  margin-bottom: 20px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
.route-summary .box-section {
  padding: 15px 20px;
  border-top: 1px dotted #cccccc;
  position: relative;
}
.route-summary .box-section:first-child {
  border-top: 0;
}
.route-summary .station-stop-row {
  position: relative;
  padding-left: 50px;
  padding-bottom: 10px;
}
.route-summary .fixed-width-station-stop {
  position: absolute;
  left: 0;
  top: 0;
}
.route-summary .switch-directions-icon {
  display: inline-block;
  margin-top: -16px;
  position: relative;
  top: 4px;
}

/**************************************************
	M010 Fact-box

* Author: 
* Created: 
* Pattern library URL: https://tflonline.atlassian.net/wiki/display/NWP/D1+-+Fact+box
						//Google Drive\NWP\Front-end\Pattern library\Modules\M010-fact-box

**************************************************/
.fact-box {
  background-color: #eeeeee;
  margin-bottom: 10px;
  padding: 15px 10px;
  position: relative;
}
.fact-box h3 {
  margin-bottom: 10px;
}
.fact-box p {
  margin-bottom: 0;
}
.fact-box:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 45px;
  background-image: url("/static/1/images/fact.png");
  background-size: 30px 45px;
  top: -5px;
  right: 30px;
}
.lt-ie9 .fact-box:after {
  background-image: url("/static/1/images/fact-ie.png");
}

/**************************************************
TABS
* Author: Rodrigo Lopes
* Created: 19/02/2013
* Pattern library URL: //Google Drive\NWP\Front-end\Pattern library\Modules\M011-tabs
**************************************************/
.tabs-style-1, .tabs-style-2 {
  list-style-type: none;
  *zoom: 1;
  margin-left: 0;
}
.tabs-style-1:before, .tabs-style-1:after, .tabs-style-2:before, .tabs-style-2:after {
  content: " ";
  display: table;
}
.tabs-style-1:after, .tabs-style-2:after {
  clear: both;
}
.tabs-style-1.no-margin, .tabs-style-2.no-margin {
  margin: 0;
}
.tabs-style-1.pull-up, .tabs-style-2.pull-up {
  margin-bottom: -10px;
  position: relative;
  z-index: 10;
}
.tabs-style-1 > li, .tabs-style-2 > li {
  float: left;
  margin-right: 2px;
  border: 1px solid #1a5a92;
  background-color: #1a5a92;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.tabs-style-1 > li:hover, .tabs-style-1 > li:focus, .tabs-style-2 > li:hover, .tabs-style-2 > li:focus {
  background-color: #123f67;
}
.tabs-style-1 > li:hover a, .tabs-style-1 > li:hover span, .tabs-style-1 > li:focus a, .tabs-style-1 > li:focus span, .tabs-style-2 > li:hover a, .tabs-style-2 > li:hover span, .tabs-style-2 > li:focus a, .tabs-style-2 > li:focus span {
  text-decoration: none;
}
.tabs-style-1 > li > a, .tabs-style-1 > li > span, .tabs-style-2 > li > a, .tabs-style-2 > li > span {
  display: block;
  padding: 8px 10px;
  color: #fff;
  float: left;
}
.tabs-style-1 > li > a:active, .tabs-style-1 > li > a:visited, .tabs-style-1 > li > span:active, .tabs-style-1 > li > span:visited, .tabs-style-2 > li > a:active, .tabs-style-2 > li > a:visited, .tabs-style-2 > li > span:active, .tabs-style-2 > li > span:visited {
  color: #fff;
}
.tabs-style-1 > li > a.icon-solo, .tabs-style-1 > li > span.icon-solo, .tabs-style-2 > li > a.icon-solo, .tabs-style-2 > li > span.icon-solo {
  padding: 4px 7px;
}
.tabs-style-1 > li > a.search-icon, .tabs-style-1 > li > span.search-icon, .tabs-style-2 > li > a.search-icon, .tabs-style-2 > li > span.search-icon {
  margin-top: 3px;
  margin-right: -13px;
}
.tabs-style-1 > li.selected, .tabs-style-2 > li.selected {
  position: relative;
  cursor: default;
}

.tabs-style-1 > li.selected {
  background-color: white;
  border-color: #cccccc;
}
.tabs-style-1 > li.selected > a, .tabs-style-1 > li.selected > span {
  color: #1a5a92;
}
.tabs-style-1 > li.selected > a:hover, .tabs-style-1 > li.selected > a:focus, .tabs-style-1 > li.selected > a:active, .tabs-style-1 > li.selected > span:hover, .tabs-style-1 > li.selected > span:focus, .tabs-style-1 > li.selected > span:active {
  background-color: white;
}
.tabs-style-1 > li.selected:before, .tabs-style-1 > li.selected:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 100%;
  width: 0;
  height: 0;
}
.tabs-style-1 > li.selected:before {
  margin-left: -13px;
  border: 13px solid;
  border-color: #cccccc transparent transparent;
}
.tabs-style-1 > li.selected:after {
  margin-left: -12px;
  border: 12px solid;
  border-color: white transparent transparent;
}

.tabs-style-2 > li.selected {
  background-color: #2d3039;
  border-color: #2d3039;
}
.tabs-style-2 > li.selected:hover, .tabs-style-2 > li.selected:focus, .tabs-style-2 > li.selected:active {
  background-color: #2d3039;
}
.tabs-style-2 > li.selected > a, .tabs-style-2 > li.selected > span {
  color: #fff;
}
.tabs-style-2 > li.selected:after {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -12px;
  top: 100%;
  width: 0;
  height: 0;
  border: 12px solid;
  border-color: #2d3039 transparent transparent;
  z-index: 1;
}

/**************************************************
	B8 Social media share widget

* Author: 
* Created: 
* Pattern library URL: https://tflonline.atlassian.net/wiki/display/NWP/B8+-+Social+media+share

**************************************************/
.share-widget-wrapper {
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  position: relative;
  width: 180px;
  margin: 0 auto 10px;
  z-index: 1001;
  background-color: #fff;
}
.share-widget-wrapper.hidden {
  display: none;
}
.share-widget-wrapper .share-widget {
  display: block;
  padding: 2px;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.share-widget-wrapper .share-widget:hover, .share-widget-wrapper .share-widget:focus {
  background-color: #f2f2f2;
  text-decoration: none;
}
.share-widget-wrapper .share-widget:hover + .share-list, .share-widget-wrapper .share-widget:focus + .share-list {
  overflow: visible;
  clip: auto;
  height: auto;
}
.share-widget-wrapper .share-widget .icon {
  float: left;
}
.share-widget-wrapper .share-widget .share-text {
  float: left;
  margin: 5px;
}
.share-widget-wrapper .share-list {
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  height: 0;
  position: absolute;
  background: #fff;
  top: 36px;
  right: -1px;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  width: 180px;
  list-style: none outside none;
  margin: 0;
}
.share-widget-wrapper .share-list.visible-for-focus {
  clip: auto;
  height: auto;
}
.share-widget-wrapper .share-list:hover, .share-widget-wrapper .share-list:focus {
  overflow: visible;
  clip: auto;
  height: auto;
}
.share-widget-wrapper .share-list li a {
  display: block;
  padding: 0;
  clear: both;
}
.share-widget-wrapper .share-list li a span {
  float: left;
}
.share-widget-wrapper .share-list li a span.text {
  padding: 5px;
}
.share-widget-wrapper .share-list li a:hover, .share-widget-wrapper .share-list li a:focus {
  background: #f2f2f2;
  text-decoration: none;
}

/**************************************************
List ToDropdown

* Author: J Boyle 
* Created: 12/07/2013
* Pattern library URL: https://tflonline.atlassian.net/wiki/display/NWP/Service+Status+Pages

**************************************************/
.for-dropdown {
  position: relative;
}
.for-dropdown .dropdown-button {
  position: relative;
  padding: 9px 25px 9px 7px;
  cursor: pointer;
  background-color: #eff6fe;
  border: 1px solid #cacaca;
  border-bottom-color: #eff6fe;
}
.for-dropdown .dropdown-button.gla-dropdown {
  background: #202329;
}
.for-dropdown .dropdown-button.gla-dropdown img {
  margin-bottom: 8px;
}
.for-dropdown .dropdown-button.gla-dropdown: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 -608px;
}
.body-cms-preview .for-dropdown .dropdown-button.gla-dropdown:after {
  background-image: url("../../../images/vsprite.png");
}
.for-dropdown .dropdown-button.dropdown-closed {
  background-color: #fff;
  border-bottom-color: #cacaca;
}
.for-dropdown .dropdown-button.dropdown-closed: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 -672px;
}
.body-cms-preview .for-dropdown .dropdown-button.dropdown-closed:after {
  background-image: url("../../../images/vsprite.png");
}
.for-dropdown .dropdown-button.dropdown-closed.gla-dropdown {
  background: #202329;
}
.for-dropdown .dropdown-button.dropdown-closed.gla-dropdown: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;
}
.body-cms-preview .for-dropdown .dropdown-button.dropdown-closed.gla-dropdown:after {
  background-image: url("../../../images/vsprite.png");
}
.for-dropdown .dropdown-button:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -16px;
  right: 0;
  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 -608px;
}
.body-cms-preview .for-dropdown .dropdown-button:after {
  background-image: url("../../../images/vsprite.png");
}
.for-dropdown .links-list {
  background-color: #eff6fe;
  padding: 10px;
  margin: 0;
  border-left: 1px solid #cacaca;
  border-right: 1px solid #cacaca;
  border-bottom: 1px solid #cacaca;
  list-style: none outside none;
  z-index: 13;
}
.for-dropdown .links-list#gla-list {
  padding: 0;
  background-color: #202329;
  border-left: 1px solid #484848;
  border-right: 1px solid #484848;
  border-bottom: 1px solid #484848;
}
.for-dropdown .links-list#gla-list li {
  border: 0;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.for-dropdown .links-list#gla-list li:hover, .for-dropdown .links-list#gla-list li:focus {
  background-color: #15171b;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
  text-decoration: none;
}
.for-dropdown .links-list#gla-list li a {
  padding: 0 5px;
  background-color: transparent;
  color: #fff;
  padding: 8px 0 5px 40px;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.for-dropdown .links-list#gla-list li a:hover, .for-dropdown .links-list#gla-list li a:focus {
  background-color: #15171b;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
  text-decoration: none;
}
.for-dropdown .links-list#gla-list li a:after {
  content: '';
  height: 32px;
  width: 32px;
  position: absolute;
  left: 2px;
  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: -64px -2112px;
}
.body-cms-preview .for-dropdown .links-list#gla-list li a:after {
  background-image: url("../../../images/vsprite.png");
}
.for-dropdown .links-list#gla-list li.greater-london-authority-li {
  display: none;
}
.for-dropdown .links-list#gla-list li.lldc {
  margin-top: 0;
}
.for-dropdown .links-list:not(.datepicker-dropdown) a {
  min-height: 40px;
}
.for-dropdown li {
  display: block;
  border: solid 1px #cacaca;
  border-top-width: 0;
}
.for-dropdown a {
  position: relative;
  display: block;
  text-decoration: none;
  color: #2d3039;
  background-color: #fff;
  padding: 10px 32px 9px 10px;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.for-dropdown a:hover, .for-dropdown a:focus {
  background-color: #f2f2f2;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
  text-decoration: none;
  color: #1a5a92;
}
.for-dropdown .dropdown-name {
  margin: 4px 10px 0 0;
  display: inline-block;
}
.for-dropdown .dropdown-icon {
  margin: 4px 5px 0 -5px;
  display: inline-block;
}
.for-dropdown .right-arrow, .for-dropdown .timetable-list a:before, .timetable-list .for-dropdown a:before {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -16px;
}
.for-dropdown .datepicker-dropdown .no-hover {
  border: 0;
}
.for-dropdown .datepicker-dropdown .no-hover > span {
  font-weight: bold;
  font-size: 16px;
  margin-top: 10px;
}
.for-dropdown .datepicker-dropdown .fc-row .highlighted-day {
  overflow: hidden;
}
.for-dropdown .datepicker-dropdown .fc-row .highlighted-day a {
  background-color: #faf5e1;
  margin: 0;
  display: block;
  height: 100%;
  padding: 0;
}
.for-dropdown .datepicker-dropdown .fc-row .highlighted-day a > .fc-date {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
}
.for-dropdown .datepicker-dropdown .fc-row .highlighted-day a:hover, .for-dropdown .datepicker-dropdown .fc-row .highlighted-day a:focus {
  background-color: #f6eecb;
}

.modes-dropdown-placeholder .for-dropdown li > a {
  padding-left: 42px;
  position: relative;
}
.modes-dropdown-placeholder .for-dropdown li > a .dropdown-icon {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -16px;
}

li.MOL-logo-dropdown {
  display: none;
}

.MOL-logo-dropdown .mayor-of-london-logo, .dropdown-button .mayor-of-london-logo {
  color: #fff;
  font-size: 16pt;
  padding-right: 10px;
  border-right: solid 1px #484848;
}
.MOL-logo-dropdown .mol-gla, .dropdown-button .mol-gla {
  color: #fff;
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid #484848;
  font-size: 14pt;
}

/**************************************************
Login Widget

* Author: John Boyle
* Created: 
* Pattern library URL: https://tflonline.atlassian.net/wiki/display/NWP/B7+-+Login

**************************************************/
.login-widget, .cta-box-with-title {
  background: #fff;
  padding: 10px;
  position: relative;
  border: solid 1px #cacaca;
  border-bottom: 3px solid #cccccc;
  margin-bottom: 20px;
}
.login-widget .primary-button, .cta-box-with-title .primary-button {
  margin-bottom: 10px;
}
.login-widget p, .cta-box-with-title p {
  margin: 0;
}
.login-widget h3, .cta-box-with-title h3 {
  border-bottom: #cccccc 1px solid;
  background-color: #eeeeee;
  margin: -10px -10px 10px -10px;
  padding: 10px;
}
.section-overview .login-widget h3, .section-overview .cta-box-with-title h3 {
  background-color: transparent;
  margin: 0 0 10px;
  padding: 0;
}
.section-overview .login-widget, .section-overview .cta-box-with-title {
  margin-bottom: 0;
}

.cta-box-with-title {
  margin-bottom: 30px;
}
.cta-box-with-title p {
  margin-bottom: 20px;
}

/**************************************************
	C12 Image Gallery

* Author: Steven Swinbank
* Created: 20/03/2013
* Pattern library URL: https://tflonline.atlassian.net/wiki/display/NWP/C12+-+Image+gallery

**************************************************/
.gallery-caption {
  background-color: #eeeeee;
  padding: 12px;
  color: #6D6F75;
  margin-bottom: 10px;
  vertical-align: bottom;
  width: 100%;
  position: relative;
  border-bottom: 3px solid #cccccc;
}
.gallery-caption .first-line {
  margin-bottom: 30px;
}
.gallery-caption .title {
  float: left;
  font-size: 110%;
  width: 80%;
}
.gallery-caption .counter {
  float: right;
  text-align: right;
  width: 20%;
  font-weight: bold;
}

.galleria-image img {
  width: 100%;
  height: 100%;
}

.close-window {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 21474836470;
  background: #1a5a92;
  display: block;
  width: 146px;
  height: 40px;
  padding: 10px;
  color: #fff;
  margin: 0;
  border: none;
}

.galleria-fullscreen {
  background-color: white;
  width: 46px;
  height: 40px;
  overflow: hidden;
  position: absolute;
  top: -40px;
  right: 0;
  color: transparent;
  font: 0/0 a;
  text-shadow: none;
  z-index: 1;
  border: none;
}
.galleria-fullscreen: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 -64px;
  bottom: auto;
  left: auto;
  right: 5px;
  top: 6px;
}
.body-cms-preview .galleria-fullscreen:before {
  background-image: url("../../../images/vsprite.png");
}

#galleria {
  width: 100%;
  height: 100%;
}

#galleria-loader {
  height: 1px;
}

.galleria-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.galleria-container img {
  -moz-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}

.galleria-stage {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  overflow: hidden;
}

.galleria-loader {
  background: #000;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  display: none;
  background: url(../../../images/image-gallery-loader.gif) no-repeat 2px 2px;
}

.galleria-image-nav {
  position: absolute;
  top: 50%;
  margin-top: -62px;
  width: 100%;
  height: 62px;
  left: 0;
}
.galleria-image-nav .galleria-image-nav-left, .galleria-image-nav .galleria-image-nav-right {
  opacity: .3;
  filter: alpha(opacity=30);
  cursor: pointer;
  width: 46px;
  height: 42px;
  position: absolute;
  z-index: 2;
  background: white;
  top: 50%;
  margin-top: 2%;
  display: block;
}
.galleria-image-nav .galleria-image-nav-right {
  left: auto;
  right: 0px;
  z-index: 2;
}
.galleria-image-nav .galleria-image-nav-right: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 -640px;
  right: 5px;
  top: 50%;
  margin-top: -16px;
}
.body-cms-preview .galleria-image-nav .galleria-image-nav-right:before {
  background-image: url("../../../images/vsprite.png");
}
.galleria-image-nav .galleria-image-nav-left {
  left: 0px;
  z-index: 2;
}
.galleria-image-nav .galleria-image-nav-left: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: 4px;
  top: 50%;
  margin-top: -16px;
}
.body-cms-preview .galleria-image-nav .galleria-image-nav-left:before {
  background-image: url("../../../images/vsprite.png");
}

/**************************************************
ACCESS AND IMPROVEMENTS
* Author: Adrian Osmond
* Created: 20/08/2013
* Pattern library URL: //Google Drive\NWP\Front-end\Pattern library\Modules\M016-access-and-improvements
**************************************************/
.access-and-improvements {
  background-color: #eeeeee;
  padding: 15px;
  margin-bottom: 20px;
}
.access-and-improvements .vertical-button-container {
  margin: 10px 0;
}

.widget-wrapper {
  margin-bottom: 20px;
}
.widget-wrapper .content .payments-widget {
  padding: 15px 0 0 0;
  border: 0;
}
.widget-wrapper .content hr {
  border-top: 1px dashed #cccccc;
  height: 0px;
  background-color: transparent;
}
.widget-wrapper .padded-content {
  padding: 10px;
}
.widget-wrapper .padded-content > :last-child {
  margin-bottom: 10px;
}
.widget-wrapper .widget-content .board-wrapper {
  padding: 0;
}
.widget-wrapper .widget-content .board-wrapper .rainbow-board {
  margin-top: 0;
}
.widget-wrapper .widget-content .rainbow-list-wrapper {
  margin: 0;
}
.widget-wrapper .widget-content .rainbow-list-wrapper h2 {
  display: none;
}
.widget-wrapper .widget-content .rainbow-list-wrapper.visible {
  display: block;
}
.widget-wrapper.homepage-style {
  margin-bottom: 10px;
}
.widget-wrapper.homepage-style .expandable-box .content {
  border-bottom: 0px;
  margin-left: 0;
}
.widget-wrapper.homepage-style .expandable-box .journey-planner-widget {
  border-bottom: 1px solid #cccccc;
}

.widget-heading {
  font-size: 20px;
  width: 100%;
  background: #eeeeee;
  padding: 12px 40px 8px 14px;
  color: #2d3039;
  cursor: pointer;
  /*margin-top: -30px;*/
  position: relative;
  display: block;
  text-decoration: none;
}
.widget-heading:link, .widget-heading:visited, .widget-heading:hover, .widget-heading:active {
  text-decoration: none;
}
.widget-heading h3.widget-title,
.widget-heading .widget-title {
  color: #2d3039;
  display: block;
  font-size: inherit;
  margin: 0;
  line-height: inherit;
}
.widget-heading h3.widget-title.with-icon,
.widget-heading .widget-title.with-icon {
  position: relative;
  padding-right: 42px;
}
.widget-heading h3.widget-title.with-icon .i,
.widget-heading .widget-title.with-icon .i {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
}
.widget-heading .widget-subtitle {
  display: block;
  font-size: 16px;
}
.widget-heading.primary {
  color: #fff;
  background: #1a5a92;
  padding-left: 50px;
}
.widget-heading.primary .section-style {
  text-transform: none;
  background: transparent;
  font-size: 20px;
  padding: 0px;
  display: inline;
  font-family: New Johnson Bold;
}
.widget-heading.primary .controls {
  background-position: -32px -704px;
}
.widget-heading.primary:before {
  content: "";
  height: 48px;
  width: 48px;
  display: block;
  position: absolute;
  background-image: url("/static/1/images/homepage_sprite_x2.png");
  background-size: 96px 144px;
  background-image: url("/static/1/images/homepage_sprite.png") \9;
  background-position: -48px 0;
  top: 50%;
  margin-top: -26px;
  left: 0;
}

.expanded .widget-heading.primary .controls {
  background-position: -32px -736px;
}

.widget-wrapper.always-expanded .widget-heading {
  cursor: auto;
  padding-right: 10px;
}
.widget-wrapper.always-expanded .widget-content {
  border: 1px solid #cccccc;
}
.widget-wrapper.always-expanded .widget-content ~ .widget-content {
  border-top: 0;
}
.widget-wrapper.always-expanded.no-border .widget-content {
  border: none 0px;
}

.widget-wrapper.info-widget .widget-heading {
  background-color: #faf5e1;
  padding-left: 50px;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 15px;
}
.widget-wrapper.info-widget .widget-heading:hover, .widget-wrapper.info-widget .widget-heading:focus {
  background-color: #f6eecb;
}
.widget-wrapper.info-widget .widget-heading: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 -832px;
  position: absolute;
  top: 50%;
  margin-top: -16px;
  left: 10px;
  content: "";
}
.body-cms-preview .widget-wrapper.info-widget .widget-heading:before {
  background-image: url("../../../images/vsprite.png");
}
.widget-wrapper.info-widget .widget-heading .widget-title {
  font-family: Arial, Helvetica, sans-serif;
}
.widget-wrapper.info-widget .widget-content {
  border-top: 1px dashed #cccccc;
}
.widget-wrapper.info-widget .expandable-box .controls {
  background-position: 0px -704px;
}
.widget-wrapper.info-widget .expandable-box .expanded .controls {
  background-position: 0px -736px;
}
.widget-wrapper.info-widget .expandable-box .content {
  border-bottom: 0;
}
.widget-wrapper.info-widget .expandable-box .content.expanded {
  border-bottom: 1px solid #cccccc;
}

.widget-wrapper.plain-widget .widget-content .link-button {
  border: solid #cccccc;
  border-width: 1px 0 0;
  margin-bottom: 0;
}
.widget-wrapper.plain-widget .widget-content .link-button:first-child {
  border-top: 0px;
}
.widget-wrapper.plain-widget .widget-content .routes-list {
  margin-bottom: 0;
}
.widget-wrapper.plain-widget .widget-content .routes-list .route {
  border: solid #cccccc;
  border-width: 1px 0 0;
}
.widget-wrapper.plain-widget .widget-content .routes-list .route:first-child {
  border-top: 0px;
}
.widget-wrapper.plain-widget .widget-content .board-wrapper {
  border: 0;
}
.widget-wrapper.plain-widget .widget-content .board-wrapper .rainbow-board {
  border: 0;
}
.widget-wrapper.plain-widget .widget-content .board-wrapper .rainbow-board tr {
  border: 0;
  border-top: 1px solid #cccccc;
}
.widget-wrapper.plain-widget .widget-content .board-wrapper .rainbow-board tr:first-child {
  border-top: 0;
}
.widget-wrapper.plain-widget.no-border .widget-content {
  border: none 0px;
}

.widget-wrapper.fares-widget .start-hidden {
  padding: 0;
}

.widget-wrapper .cst-nearby h3 {
  margin-top: 10px;
}
.widget-wrapper .cst-nearby .vertical-button-container {
  margin-top: 5px;
}

/**************************************************
Search Filter

* Author: J Boyle 
* Created: 12/07/2013
* Pattern library URL: https://tflonline.atlassian.net/wiki/display/NWP/C16+-+Search+filters

**************************************************/
.search-filter {
  *zoom: 1;
  background-color: #eeeeee;
  margin-bottom: 20px;
  padding: 10px 10px 0px 10px;
  position: relative;
  /*.text-input {
      float: left;
      width: 80%;
  }*/
}
.search-filter:before, .search-filter:after {
  content: " ";
  display: table;
}
.search-filter:after {
  clear: both;
}
.search-filter #search-filter-form {
  position: relative;
  padding-right: 52px;
}
.search-filter.bus {
  margin-top: 0;
}
.search-filter p {
  margin-bottom: 10px;
}
.search-filter .submit-button {
  width: 42px;
  top: 0;
  right: 0;
  position: absolute;
}
.search-filter .plain-button {
  margin-top: 10px;
  display: inline-block;
  width: 47.3%;
  border: solid 1px #cccccc;
  color: #2070b0;
}
.search-filter .buttons-wrapper {
  clear: both;
}
.search-filter.without-box {
  background-color: #fff;
  padding: 0;
  border: 0;
  margin: 0;
}
.search-filter.button-text-search {
  /*.text-input {
      width: 65%;
  }
  .submit-button {
      width: 30%;
  }*/
}
.search-filter.button-text-search #search-filter-form {
  position: relative;
  padding-right: 80px;
}
.search-filter.button-text-search .submit-button {
  width: 70px;
}
.search-filter .heading {
  display: block;
  margin-bottom: 4px;
}
.search-filter .heading > [class*=icon] {
  float: left;
  margin-left: -8px;
}
.search-filter .heading h3 {
  float: left;
  margin-bottom: 0;
  padding-top: 8px;
}
.search-filter.loading:after {
  content: "";
  position: absolute;
  bottom: -70px;
  left: 50%;
  margin-left: -32.5px;
}

.filter-by-box {
  position: relative;
}
.filter-by-box > .heading {
  font-size: 24px;
  line-height: 120%;
  margin-bottom: 10px;
}
.filter-by-box .reset-filters {
  position: absolute;
  right: 15px;
  top: 10px;
}
.filter-by-box .filter-box-wrap {
  float: left;
  width: 100%;
}
.filter-by-box .filter-box-wrap .selector {
  width: 100%;
}
.filter-by-box .filter-box-wrap:nth-child(odd) {
  float: right;
}

.release-archive h2 {
  border-bottom: 1px solid #A8A8A8;
  margin-bottom: 25px;
  padding-bottom: 5px;
  font-size: 34px;
}
.release-archive .plain-button {
  border: solid 1px #a8a8a8;
  border-top: none;
}
.release-archive .plain-button:first-child {
  border-top: solid 1px #a8a8a8;
}

/**************************************************
	M020 - on this page

* Author: Alex Faunt
* Created: 22/08/2013
* Pattern library URL: \Google Drive\NWP\Front-end\Pattern library\Modules\M020-on-this-page

**************************************************/
ul.on-this-page-list {
  list-style-type: none;
  margin: 0;
}
ul.on-this-page-list + .on-this-page-list {
  margin-bottom: 20px;
}
ul.on-this-page-list > li {
  border-bottom: 1px solid #cacaca;
  padding: 9px 15px 9px 0px;
}
ul.on-this-page-list > li > a {
  position: relative;
  min-height: 15px;
  padding-left: 24px;
  line-height: 21px;
  display: inline-block;
}
ul.on-this-page-list > li > a:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  left: 5px;
  top: 8px;
  border-style: solid;
  border-width: 6px 5px;
  border-color: #2070b0 transparent transparent;
}

/**************************************************
	M022 - depeartures list

* Author: Alex Faunt
* Created: 23/08/2013
* Pattern library URL: \Google Drive\NWP\Front-end\Pattern library\Modules\M022-departures-list

**************************************************/
.departures-list {
  list-style-type: none;
  margin: 0;
}
.departures-list li {
  border-top: 1px dotted #cccccc;
}
.departures-list li:first-child {
  border-top: none;
}

.departure a {
  display: block;
  text-decoration: none;
  padding: 10px 70px 10px 20px;
  position: relative;
}
.departure a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
  height: 40px;
  width: 10px;
  background-color: #cccccc;
}
.departure a:hover {
  background-color: #eff6fd;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.departure .departure-headline {
  color: #2d3039;
  margin: 0;
}
.departure .departure-time {
  color: #BB3300;
  position: absolute;
  top: 10px;
  right: 10px;
  font-weight: bold;
}
.departure .calling-at {
  color: #666666;
  margin: 0;
}

/**************************************************
	M023 - fast-plan

* Author: Alex Faunt
* Created: 10/09/2013
* Pattern library URL: \Google Drive\NWP\Front-end\Pattern library\Modules\M023-fast-plan

**************************************************/
.fast-plan {
  background-color: #eeeeee;
  border-bottom: 3px solid #cccccc;
  padding: 16px 10px;
  margin-bottom: 20px;
}
.fast-plan .half-width {
  width: 50%;
  padding-right: 5px;
  float: left;
  margin-bottom: 10px;
}
.fast-plan .half-width + .half-width {
  padding-right: 0px;
  padding-left: 5px;
}
.fast-plan > .link-button {
  margin-bottom: 0;
}

/**************************************************
	M025 - map switcher

* Author: Alex Faunt
* Created: 27/08/2013
* Pattern library URL: \Google Drive\NWP\Front-end\Pattern library\Modules\M024-map-switcher

**************************************************/
.map-switcher {
  height: 60px;
  position: relative;
}
.map-switcher .map-switcher-container {
  position: relative;
  height: 100%;
  width: 50%;
  padding-right: 10px;
  float: left;
  background: #fff;
}
.map-switcher .map-switcher-container .map-switcher-inner {
  height: 100%;
  position: relative;
  border-bottom: 3px solid #cccccc;
}
.map-switcher .map-switcher-container + .map-switcher-container {
  padding-left: 10px;
  padding-right: 0;
}

/**************************************************
	M025 - routes list

* Author: Alex Faunt
* Created: 27/08/2013
* Pattern library URL: \Google Drive\NWP\Front-end\Pattern library\Modules\M025-routes-list

**************************************************/
.routes-list {
  list-style-type: none;
  margin: 0 0 20px;
  background-color: #fff;
}
.routes-list .route {
  position: relative;
  border: 1px solid #cccccc;
  border-top: 0px none;
}
.routes-list .route:first-child {
  border-top: 1px solid #cccccc;
}
.routes-list .route .tag {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0px;
  width: 10px;
  z-index: 1;
  text-indent: -10000px;
}
.routes-list .route .tag[class*=lines-] span {
  position: static;
  float: left;
  display: block;
  height: 100%;
}
.routes-list .route .tag.lines-2 span {
  width: 50%;
}
.routes-list .route .tag.lines-3 span {
  width: 33%;
}
.routes-list .route .tag.lines-4 span {
  width: 25%;
}
.routes-list .route .tag.lines-5 span {
  width: 20%;
}
.routes-list .route.disrupted > a {
  background-color: #faf5e1;
  padding-right: 64px;
}
.routes-list .route.disrupted > a:hover, .routes-list .route.disrupted > a:focus {
  background-color: #f6eecb;
}
.routes-list .route.disrupted .disruption-icon {
  position: absolute;
  top: 50%;
  right: 26px;
  margin-top: -16px;
}
.routes-list .route[class*=river] a {
  min-height: 92px;
  padding-left: 62px;
}
.routes-list .route[class*=river] a:before {
  content: "";
  display: block;
  position: absolute;
  left: 20px;
  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;
  background-color: #113b92;
}
.body-cms-preview .routes-list .route[class*=river] a:before {
  background-image: url("../../../images/vsprite.png");
}
.routes-list .route.river-tour a:before {
  background-color: #0098d4;
}
.routes-list .route > a {
  background-color: #fff;
  text-decoration: none;
  padding: 10px 32px 10px 20px;
  display: block;
  position: relative;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.routes-list .route > a:hover, .routes-list .route > a:focus {
  background-color: #eff6fd;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.routes-list .route > a:after {
  content: "";
  display: block;
  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: 0px -640px;
}
.body-cms-preview .routes-list .route > a:after {
  background-image: url("../../../images/vsprite.png");
}
.station-details .routes-list .route > a {
  padding-top: 15px;
  padding-bottom: 15px;
}
.routes-list .route.cycling > a {
  padding-left: 10px;
}
.routes-list .route.dlr .tag, .routes-list .route.docklands .tag, .routes-list .route.docklands-light-railway .tag {
  background-color: #fff;
  border-left: 3px solid #00afad;
  border-right: 3px solid #00afad;
}
.routes-list .route .route-headline {
  color: #2d3039;
  margin: 0;
  line-height: 18px;
  font-weight: normal;
}
.routes-list .route .route-info {
  color: #666666;
  margin: 0;
}
.routes-list .route .origin {
  display: block;
}
.routes-list .route .destination {
  padding-left: 33px;
  position: relative;
  display: inline-block;
}
.routes-list .route .destination:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  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 -2208px;
  margin-left: -3px;
  margin-top: -5px;
}
.body-cms-preview .routes-list .route .destination:before {
  background-image: url("../../../images/vsprite.png");
}

.routes-list-container {
  background-color: #eeeeee;
  padding: 10px;
  margin-bottom: 20px;
}
.routes-list-container .routes-list {
  margin-bottom: 10px;
}

.routeViaDropDownDisabled {
  background-color: lightgray;
}

.orderedRoutesViaDropDown {
  width: 150px;
  display: block;
  margin-top: 5px;
}

.routeReverse {
  width: 100%;
  margin-left: 0;
  display: inline;
}

.route-select {
  width: 100%;
  float: left;
}

.stop-list .lines span.disrupted-route-stop {
  content: "";
  position: absolute;
  background-position: -32px -1344px;
  bottom: -10px;
  right: -30px;
  background-size: 96px 2688px;
  height: 32px;
  width: 32px;
  background-image: url("/static/1/images/vsprite_x2.png");
}

/**************************************************
	M026 - live box

* Author: Alex Faunt
* Created: 23/08/2013
* Pattern library URL: \Google Drive\NWP\Front-end\Pattern library\Modules\M026-live-box

**************************************************/
.live-box {
  padding: 0;
  position: relative;
  margin-bottom: 20px;
}
.live-box .live-box-heading {
  position: relative;
}
.live-box .live-box-title {
  font-size: 24px;
  text-transform: uppercase;
}
.live-box .live-box-time {
  font-size: 18px;
  position: absolute;
  top: 6px;
  right: 0;
}
.live-box .live-board-last-updated {
  float: right;
  color: #676767;
}

/**************************************************
	M027 - icon info

* Author: Andrew Spencer
* Created: 10/09/2013
* Pattern library URL: \Google Drive\NWP\Front-end\Pattern library\Modules\M027-icon-info

**************************************************/
.icon-info {
  position: relative;
  margin: 10px 0px;
}
.icon-info .icon-info-content:after {
  content: '';
  clear: both;
  visibility: hidden;
}
.icon-info .icon-info-content .icon-info-image {
  height: 50px;
  width: 50px;
  background-color: #0053A6;
  position: relative;
  display: inline-block;
  margin-right: 20px;
  float: left;
}
.icon-info .icon-info-content .icon-info-image .icon {
  display: block;
  position: absolute;
  margin: 10px;
}
.icon-info .icon-info-content .icon-info-image .left-icon {
  left: 0;
  margin-left: -1px;
  float: left;
}
.icon-info .icon-info-content .icon-info-image .right-icon {
  right: 0;
  margin-right: -1px;
  float: right;
}
.icon-info .icon-info-content .icon-info-image .icon-info-corner {
  right: 0;
  top: 0;
  position: absolute;
}
.icon-info .icon-info-content .icon-info-image .icon-info-red-cross {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: -32px -1760px;
  height: 32px;
  width: 32px;
  display: block;
}
.body-cms-preview .icon-info .icon-info-content .icon-info-image .icon-info-red-cross {
  background-image: url("../../../images/vsprite.png");
}
.icon-info .icon-info-content .icon-info-image .icon-info-yellow-cross {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: 0px -1792px;
  height: 32px;
  width: 32px;
  display: block;
}
.body-cms-preview .icon-info .icon-info-content .icon-info-image .icon-info-yellow-cross {
  background-image: url("../../../images/vsprite.png");
}
.icon-info .icon-info-content .icon-info-image .icon-info-tick {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: -64px -1760px;
  height: 32px;
  width: 32px;
  display: block;
}
.body-cms-preview .icon-info .icon-info-content .icon-info-image .icon-info-tick {
  background-image: url("../../../images/vsprite.png");
}
.icon-info .icon-info-content .icon-info-image .icon-info-two-way {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: 0px -1760px;
  height: 32px;
  width: 32px;
  display: block;
}
.body-cms-preview .icon-info .icon-info-content .icon-info-image .icon-info-two-way {
  background-image: url("../../../images/vsprite.png");
}
.icon-info .icon-info-message {
  position: relative;
  padding-top: 0.1em;
  overflow: hidden;
}
.icon-info .icon-info-message p {
  line-height: 1em;
}
.icon-info .icon-info-message h4 {
  line-height: 0.8em;
}

/**************************************************
	M031 - Press Listing

* Author: Andrew Spencer
* Created: 11/09/2013
* Pattern library URL: \Google Drive\NWP\Front-end\Pattern library\Modules\M031-press-listings

**************************************************/
.press-box {
  padding: 10px 0;
  position: relative;
  margin-bottom: 3px;
}
.press-box .press-item-list {
  margin-bottom: 8px;
  list-style-type: none;
  margin-left: 0px;
}
.press-box .press-item-list:after {
  content: "";
  display: block;
  border-bottom: 3px solid #cccccc;
}
.press-box .press-item-list .press-item {
  border: 1px solid #cccccc;
  border-bottom: 0px;
}
.press-box .press-item-list .press-item h3 {
  margin-top: 8px;
  margin-bottom: 5px;
}
.press-box .press-item-list .press-item .press-date {
  color: #1e2228;
  margin-bottom: 0px;
}
.press-box .press-item-list .press-item .plain-button {
  border: 0px;
  margin: 0px;
}
.press-box .press-item-list-single .press-item h3 {
  margin-top: 10px;
}
.press-box .press-item-list-single .press-item .plain-button:before {
  background-color: #1a5a92;
  width: 80px;
  position: relative;
  color: white;
  line-height: 0.8em;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: bold;
  font-size: 0.9em;
  content: "LATEST";
}

/**************************************************
    A6 Nested Vertical (side navigation)

* Author: 
* Created: 
* Pattern library URL: https://tflonline.atlassian.net/wiki/display/NWP/A6+-+Nested+vertical

**************************************************/
.expandable-list {
  margin: 0 -2.7% 20px -2.7%;
}
.expandable-list .heading {
  background-color: #2d3039;
  padding: 0 2.54%;
  display: block;
  text-decoration: none;
  position: relative;
  border-bottom: 3px solid #24262e;
  padding-top: 3px;
}
.expandable-list .heading:hover {
  background-color: #24262e;
}
.expandable-list .heading h2 {
  text-transform: uppercase;
  color: #fff;
  font-size: 23px;
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 8px;
  word-wrap: break-word;
  display: block;
}
.expandable-list ul {
  list-style: none outside none;
  margin-left: 0;
  margin-bottom: 0;
}
.expandable-list .link-wrapper {
  background: #eeeeee;
  padding: 0 10px;
}
.expandable-list .link-wrapper > a, .expandable-list .link-wrapper .list-content {
  background: #fff;
  display: block;
  min-height: 40px;
  line-height: 1.2;
  padding: 10px 10px 8px 25px;
  font-size: 1.1em;
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  position: relative;
}
.expandable-list .link-wrapper > a {
  text-decoration: none;
  color: #2d3039;
  padding: 12px 0 6px 25px;
}
.expandable-list .link-wrapper > a:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: #1a5a92;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-top: -3px;
}
.expandable-list .parent > .link-wrapper > a:after {
  margin-top: -4px;
  margin-left: 1px;
  border-width: 5px 7px;
  border-color: transparent transparent transparent #1a5a92;
  border-radius: 0;
  width: 0;
  height: 0;
}
.expandable-list li:first-child > .link-wrapper > a {
  border-top: 1px solid #cccccc;
}
.expandable-list > ul > li:first-child > .link-wrapper {
  padding-top: 10px;
}
.expandable-list > ul > li:first-child > .link-wrapper > a {
  border-top: 1px solid #cccccc;
}
.expandable-list > ul > li:last-child > .link-wrapper {
  padding-bottom: 10px;
}
.expandable-list > ul > li.last-child > .link-wrapper {
  padding-bottom: 10px;
}
.expandable-list li > * {
  display: none;
}
.expandable-list li > .link-wrapper {
  display: block;
}
.expandable-list .content {
  margin: 0 10px;
}
.expandable-list .content.with-borders {
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}
.expandable-list .content .padded-content {
  padding: 10px;
  border-top: 1px dashed #cccccc;
}
.expandable-list .content .padded-content:first-child {
  border-top: 0px none;
}
.expandable-list .child-selected > ul > .parent:last-child > .link-wrapper {
  padding-bottom: 10px;
}
.expandable-list li.selected > .link-wrapper > a {
  color: #fff;
  background: #2d3039;
  border-color: #2d3039;
}
.expandable-list li.selected > .link-wrapper > a:after {
  border-color: #fff;
}
.expandable-list li.selected.parent > * {
  display: block;
}
.expandable-list li.selected.parent > .link-wrapper {
  padding-bottom: 10px;
}
.expandable-list li.selected.parent > .link-wrapper::after {
  top: 100%;
  left: 10px;
  right: 10px;
}
.expandable-list li.selected.parent > .link-wrapper > a:after {
  border-color: #fff transparent transparent transparent;
  border-width: 7px 5px;
  margin-top: -2px;
  margin-left: -1px;
}
.expandable-list li.selected.parent + li > .link-wrapper {
  padding-top: 10px;
}
.expandable-list li.selected.parent + li > .link-wrapper > a {
  border-top: 1px solid #cccccc;
}
.expandable-list li.selected.parent + li > .link-wrapper::after {
  bottom: 100%;
  top: auto;
  left: 10px;
  right: 10px;
}
.expandable-list li.selected.parent ul .link-wrapper {
  background: transparent;
}
.expandable-list li.selected.parent:last-child .content {
  border-bottom: 1px solid #cccccc;
  margin-bottom: -1px;
}
.expandable-list li.selected.parent.child-selected > .link-wrapper::after {
  left: 0;
  right: 0;
}
.expandable-list li.selected.parent.child-selected > .link-wrapper > a {
  background: #fff;
  color: #2d3039;
  border-color: #cccccc;
  font-weight: bold;
}
.expandable-list li.selected.parent.child-selected > .link-wrapper > a:after {
  border-color: #1a5a92 transparent transparent transparent;
}
.expandable-list li.selected.parent.child-selected > ul > li > .link-wrapper {
  background: #eeeeee;
}
.expandable-list li.selected.parent.child-selected.no-grandchildren ul > li > .link-wrapper {
  background: transparent;
}
.expandable-list li.selected.parent.child-selected.no-grandchildren .link-wrapper::after {
  left: 10px;
  right: 10px;
}
.expandable-list li.selected.parent.child-selected.no-grandchildren + li > .link-wrapper::after {
  left: 10px;
  right: 10px;
}
.expandable-list li.selected.parent.child-selected + li > .link-wrapper::after {
  left: 0;
  right: 0;
}
.expandable-list ul ul .link-wrapper > a {
  padding-left: 35px;
}
.expandable-list ul ul .link-wrapper > a:after {
  left: 19px;
}
.expandable-list ul ul ul .link-wrapper > a {
  padding-left: 45px;
}
.expandable-list ul ul ul .link-wrapper > a:after {
  left: 29px;
}
.expandable-list ul ul ul ul .link-wrapper > a {
  padding-left: 55px;
}
.expandable-list ul ul ul ul .link-wrapper > a:after {
  left: 39px;
}
.expandable-list .current.selected a {
  cursor: default;
}

/**************************************************
Key Improvements

* Author: John Boyle
* Created: 
* Pattern library URL: https://tflonline.atlassian.net/wiki/display/NWP/C21+-+Key+improvements+box

**************************************************/
.key-improvements {
  background: url("/static/1/images/key-improvements-tile.png") 0 0;
  width: 100%;
  margin-bottom: 15px;
  padding: 10px;
  background-color: #f7f7f7;
}
.key-improvements .key-improvements-title {
  display: block;
  width: 100%;
  padding: 7px;
  font-size: 13pt;
}
.key-improvements .key-improvements-title.line-text {
  font-weight: normal;
  text-shadow: none;
}
.key-improvements .key-improvements-title.transport-mode {
  background: #eeeeee;
  color: #000;
  position: relative;
  padding-right: 40px;
}
.key-improvements .key-improvements-title.transport-mode:after {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  content: "";
  display: block;
  position: absolute;
  right: 5px;
  top: 5px;
}
.body-cms-preview .key-improvements .key-improvements-title.transport-mode:after {
  background-image: url("../../../images/vsprite.png");
}
.key-improvements .key-improvements-title.transport-mode.bus:after {
  background-position: 0px -320px;
}
.key-improvements .key-improvements-title.transport-mode.tube:after {
  background-position: 0px -1056px;
}
.key-improvements .key-improvements-title.transport-mode.cable-car:after {
  background-position: 0px -480px;
}
.key-improvements .key-improvements-title.transport-mode.tram:after {
  background-position: -32px -1120px;
}
.key-improvements .key-improvements-title.transport-mode.dlr:after, .key-improvements .key-improvements-title.transport-mode.docklands:after, .key-improvements .key-improvements-title.transport-mode.docklands-light-railway:after {
  background-position: 0px -1088px;
}
.key-improvements .key-improvements-title.transport-mode.river:after {
  background-position: 0px -384px;
}
.key-improvements .key-improvements-title.transport-mode.overground:after {
  background-position: -64px -1056px;
}
.key-improvements .key-improvements-title.transport-mode.coach:after {
  background-position: 0px -1120px;
}
.key-improvements .key-improvements-title.transport-mode.cycling:after {
  background-position: 0px -288px;
}
.key-improvements .key-improvements-title.transport-mode.walking:after {
  background-position: 0px -256px;
}
.key-improvements .key-improvements-content {
  padding: 10px 5px;
  background: white;
}
.key-improvements .key-improvements-content ul {
  margin-bottom: 0;
}
.key-improvements .key-improvements-content ul li {
  margin-bottom: 2px;
}

/**************************************************
BusStopRecentlyViewed and BusStopFavourites MODULEs
* Author: Steven Swinbank
* Created: 14/03/2013
* Modified by: Steven Swinbank, Alex Faunt
* Modified date: 17/07/2013, 18/09/2013
* Pattern library URL: http://
**************************************************/
.bus-stops .bus-stop {
  position: relative;
  border-bottom: 1px solid #cccccc;
  background-color: #fff;
}
.bus-stops .bus-stop:first-child {
  border-top: 1px solid #cccccc;
}
.bus-stops .bus-stop .content {
  background-color: transparent;
  border-bottom: 0;
}
.accordion.basic .bus-stops .bus-stop .content {
  margin: 0;
  border-bottom-width: 0;
}
.accordion.basic .bus-stops .bus-stop .content.expanded {
  border: 0;
}
.accordion.basic .bus-stops .bus-stop .content.expanded .always-visible {
  border-bottom: 1px solid #cccccc;
}
.accordion.basic .bus-stops .bus-stop .content.expanded .start-hidden {
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}
.bus-stops .bus-stop.disrupted {
  background-color: #faf5e1;
}
.bus-stops .bus-stop.disrupted .always-visible {
  background-color: #faf5e1;
}
.bus-stops .bus-stop.disrupted .always-visible:hover, .bus-stops .bus-stop.disrupted .always-visible:focus {
  background-color: #f6eecb;
}
.bus-stops .always-visible {
  display: block;
  text-decoration: none;
  background-color: #fff;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.bus-stops .always-visible:hover, .bus-stops .always-visible:focus {
  background-color: #eff6fd;
}
.bus-stops .always-visible:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -16px;
  right: 0;
  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 .bus-stops .always-visible:after {
  background-image: url("../../../images/vsprite.png");
}
.bus-stops .expanded .always-visible:after {
  background-position: 0px -736px;
}
.bus-stops .side-bar {
  position: absolute;
  left: 0;
  width: 35px;
  top: 5px;
  min-height: 35px;
}
.bus-stops .title-row {
  padding: 10px 32px 2px 45px;
  min-height: 35px;
  color: #2d3039;
}
.bus-stops .stop-headline {
  padding: 0px 32px 10px 45px;
  min-height: 32px;
  color: #2d3039;
}

[data-set='widget'] .favourite-and-recent {
  margin-bottom: 20px;
}

/**************************************************
Pull Quotes Modules
* Author: Andrew Spencer
* Created: 19/09/2013
* Pattern library URL: https://tflonline.atlassian.net/wiki/display/NWP/C3+-+Body+Content
**************************************************/
.pull-quote {
  margin-bottom: 20px;
  float: right;
  width: 100%;
  position: relative;
  display: block;
}
.pull-quote .quote-body {
  padding: 10px;
  font-size: 1.3em;
  border-top: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  color: #565961;
  font-family: New Johnson;
  line-height: 1.3em;
}
.pull-quote .quote-footer {
  background-color: #eeeeee;
  padding: 5px 10px 5px 10px;
  font-size: 0.9em;
}
.pull-quote .quote-footer .quotee-name {
  font-weight: bold;
}

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

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

**************************************************/
.select-bus .towards-link {
  position: relative;
  padding: 15px 42px 10px 52px;
  min-height: 50px;
  border-top: 1px solid #cccccc;
  background-color: #eeeeee;
  display: block;
  text-decoration: none;
  color: #2d3039;
}
.select-bus .towards-link: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 -640px;
  top: 50%;
  margin-top: -16px;
  right: 0px;
}
.body-cms-preview .select-bus .towards-link:after {
  background-image: url("../../../images/vsprite.png");
}
.select-bus .towards-link .circle-icon {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -16px;
}
.select-bus .towards-link:hover, .select-bus .towards-link:focus {
  background-color: #e1e1e1;
}
.select-bus .bus-options {
  margin: 10px 0 20px 10px;
}

.select-bus-list {
  background: #fff;
  padding-bottom: 1px;
  margin-bottom: 20px;
}

/**************************************************
	M041-tube-station-select
* Author: Alex Faunt
* Created: 25/09/2013
* Pattern library URL: Google Drive\NWP\Front-end\Pattern library\Modules\M041-tube-station-select
**************************************************/
.tube-station-select .line-text {
  display: block;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
}

.tube-station-select-list {
  margin-left: 0px;
  list-style-type: none;
}

/**************************************************
	M042-list-loader
* Author: Alex Faunt
* Created: 25/09/2013
* Pattern library URL: Google Drive\NWP\Front-end\Pattern library\Modules\M042-list-loader
**************************************************/
.list-loader {
  display: block;
  position: relative;
}
.list-loader .heading {
  padding: 10px 10px 0;
  background: #eeeeee;
}
.list-loader .heading h3 {
  margin-bottom: 0;
  padding: 8px 0 0;
}
.list-loader .heading > * {
  float: left;
  display: block;
}
.list-loader .heading [class*=icon] {
  margin-left: -5px;
}
.list-loader .list-loader-options {
  list-style-type: none;
  margin-left: 0;
}
.list-loader .list-loader-option:first-child > .list-loader-link {
  padding-top: 10px;
}
.list-loader .list-loader-option:first-child > .list-loader-link > a {
  border-top: 1px solid #cccccc;
}
.list-loader .list-loader-option:last-child > .list-loader-link {
  padding-bottom: 10px;
}
.list-loader .list-loader-option.last > .list-loader-link {
  padding-bottom: 20px;
}
.list-loader .list-loader-link {
  background-color: #eeeeee;
}
.list-loader .list-loader-link > a {
  background: #fff;
  display: block;
  margin: 0px 10px;
  min-height: 40px;
  line-height: 1;
  padding: 12px 0 6px 25px;
  font-size: 1.1em;
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  text-decoration: none;
  color: #2d3039;
  position: relative;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.list-loader .list-loader-link > a:hover, .list-loader .list-loader-link > a:focus {
  background-color: #eff6fd;
}
.list-loader .list-loader-link > a:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -4px;
  left: 9px;
  border-style: solid;
  border-width: 5px 7px;
  border-color: transparent transparent transparent #1a5a92;
}
.list-loader .list-loader-result {
  display: none;
  padding: 0 10px;
  position: relative;
}
.list-loader .list-loader-result .disrupted {
  background-color: #FAF5E1;
  position: relative;
  overflow: hidden;
}
.list-loader .list-loader-result .small-disrupted-icon {
  display: block;
  position: absolute;
  bottom: -7px;
  right: -7px;
}
.list-loader .list-loader-result > *:last-child {
  margin-bottom: 0;
}
.list-loader .list-loader-option.expanded.secondary-expanded > .list-loader-link > a {
  background: #fff;
  color: #2d3039;
  font-weight: bold;
  border-color: #cccccc;
}
.list-loader .list-loader-option.expanded.secondary-expanded > .list-loader-link > a:after {
  border-color: #1a5a92 transparent transparent transparent;
}
.list-loader .list-loader-option.expanded.secondary-expanded > .list-loader-link > a:hover, .list-loader .list-loader-option.expanded.secondary-expanded > .list-loader-link > a:focus {
  background-color: #eff6fd;
}
.list-loader .list-loader-option.expanded > .list-loader-link {
  padding-bottom: 10px;
  position: relative;
  z-index: 3;
}
.list-loader .list-loader-option.expanded > .list-loader-link > a {
  background: #2d3039;
  color: #fff;
  border-color: #2d3039;
}
.list-loader .list-loader-option.expanded > .list-loader-link > a:hover, .list-loader .list-loader-option.expanded > .list-loader-link > a:focus {
  background-color: #17181d;
}
.list-loader .list-loader-option.expanded > .list-loader-link > a:after {
  border-color: #fff transparent transparent transparent;
  border-width: 7px 5px;
  margin-top: -2px;
  margin-left: -2px;
}
.list-loader .list-loader-option.expanded > .list-loader-result {
  display: block;
  position: relative;
  z-index: 4;
}
.list-loader .list-loader-option.expanded > .list-loader-result::after {
  left: 10px;
  right: 10px;
  opacity: 0.1;
}
.list-loader .list-loader-option.expanded > .list-loader-result[data-load-target] {
  min-height: 50px;
  position: relative;
}
.list-loader .list-loader-option.expanded > .list-loader-result[data-load-target]:after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
  top: 50%;
  height: 50px;
  width: 50px;
  background-image: url("/static/1/images/throbber.gif");
}
.list-loader .list-loader-option.expanded > .list-loader-result .list-loader-link > a {
  border-top: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-left: 0px;
}
.list-loader .list-loader-option.expanded > .list-loader-result.expanded {
  padding: 0;
  z-index: 4;
}
.list-loader .list-loader-option.expanded > .list-loader-result.expanded:after {
  left: 0;
  right: 0;
  top: -1px;
}
.list-loader .list-loader-option.expanded > .list-loader-result.expanded .list-loader-link {
  padding: 0px;
}
.list-loader .list-loader-option.expanded > .list-loader-result.expanded .list-loader-option {
  padding: 0;
  background: #eeeeee;
}
.list-loader .list-loader-option.expanded > .list-loader-result.expanded .list-loader-option.expanded, .list-loader .list-loader-option.expanded > .list-loader-result.expanded .list-loader-option.prev {
  padding-bottom: 10px;
  position: relative;
}
.list-loader .list-loader-option.expanded > .list-loader-result.expanded .list-loader-option.expanded + .list-loader-option, .list-loader .list-loader-option.expanded > .list-loader-result.expanded .list-loader-option.prev + .list-loader-option {
  padding-bottom: 10px;
}
.list-loader .list-loader-option.expanded > .list-loader-result.expanded .list-loader-option:first-child {
  padding-left: 10px;
}
.list-loader .list-loader-option.expanded > .list-loader-result.expanded .list-loader-option:first-child .list-loader-link > a {
  border-left: 1px solid #cccccc;
}
.list-loader .list-loader-option.expanded > .list-loader-result.expanded .list-loader-option:first-child + .list-loader-option {
  padding-right: 10px;
}
.list-loader .list-loader-option.expanded > .list-loader-result.expanded .list-loader-result + .list-loader-option {
  padding-left: 10px;
}
.list-loader .list-loader-option.expanded > .list-loader-result.expanded .list-loader-result + .list-loader-option .list-loader-link > a {
  border-left: 1px solid #cccccc;
}
.list-loader .list-loader-option.expanded > .list-loader-result.expanded .list-loader-result + .list-loader-option + .list-loader-option {
  padding-right: 10px;
}
.list-loader .list-loader-option.expanded > .list-loader-result.expanded .list-loader-result.expanded {
  display: block;
  width: 100%;
  z-index: 6;
}
.list-loader .list-loader-option.expanded > .list-loader-result.expanded .list-loader-result.expanded::after {
  left: 10px;
  right: 10px;
  opacity: 0.1;
  top: 1px;
}
.list-loader .list-loader-option.expanded > .list-loader-result.expanded .list-loader-result.expanded .bus-list > li > a {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  display: block;
}
.list-loader .list-loader-option.expanded > .list-loader-result.expanded .list-loader-result.expanded + .list-loader-option {
  position: relative;
  padding-top: 10px;
}
.list-loader .list-loader-option.expanded > .list-loader-result.expanded .list-loader-result.expanded + .list-loader-option + .list-loader-option {
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 0;
}
.list-loader .list-loader-option.expanded > .list-loader-result.expanded .list-loader-result.expanded + .list-loader-result + .list-loader-option {
  padding-top: 10px;
  position: relative;
}
.list-loader .list-loader-option.expanded > .list-loader-result.expanded .list-loader-result.expanded + .list-loader-result + .list-loader-option + .list-loader-option {
  padding-top: 10px;
}
.list-loader .list-loader-option.expanded + .list-loader-option .list-loader-link {
  padding-top: 10px;
}
.list-loader .list-loader-option.expanded + .list-loader-option .list-loader-link > a {
  border-top: 1px solid #cccccc;
}
.list-loader .list-loader-link > a.with-icon {
  position: relative;
  padding-right: 42px;
}
.list-loader .list-loader-link > a.with-icon > [class*=icon] {
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -16px;
}
.list-loader .expanded .list-loader-link > a.with-icon .tube-icon {
  background-position: 0px -416px;
}
.list-loader .expanded .list-loader-link > a.with-icon .bus-icon {
  background-position: -32px -320px;
}
.list-loader .expanded .list-loader-link > a.with-icon .river-icon {
  background-position: -32px -384px;
}
.list-loader .expanded.secondary-expanded .list-loader-link > a.with-icon .tube-icon {
  background-position: 0px -1056px;
}
.list-loader .expanded.secondary-expanded .list-loader-link > a.with-icon .bus-icon {
  background-position: 0px -320px;
}
.list-loader .expanded.secondary-expanded .list-loader-link > a.with-icon .river-icon {
  background-position: 0px -384px;
}
.list-loader .routes-list {
  margin: 0;
}
.list-loader .routes-list + .routes-list .route:first-child {
  border-top: 0;
}

.secondary-expanded .bus-list {
  border-left: 0px none;
}

.bus-list {
  display: block;
  width: 100%;
  margin-left: 0;
  margin-top: 2px;
  border-left: 1px solid #cccccc;
}
.bus-list:after {
  content: "";
  display: block;
  clear: both;
  position: static;
}
.bus-list > li {
  background: #fff;
  margin-top: -1px;
  display: block;
  float: left;
  width: 20%;
}
.bus-list > li > a {
  display: block;
  padding: 10px 10px 6px;
  text-decoration: none;
  text-align: center;
  font-size: 1em;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.bus-list > li > a:hover, .bus-list > li > a:focus {
  background-color: #eff6fd;
}
.bus-list > li.list-loader-option:first-child > div.list-loader-link {
  padding-top: 0;
}
.bus-list > li.list-loader-option:last-child > div.list-loader-link {
  padding-bottom: 0;
}
.bus-list.groups {
  margin-top: 1px;
}
.bus-list.groups > li {
  width: 50%;
  background: transparent;
}
.bus-list.groups > li > .list-loader-link > a {
  margin: 0;
  padding: 10px 10px 6px 25px;
  font-size: 1em;
}
.bus-list.groups .bus-list {
  border-left: 1px solid #cccccc;
}

/**************************************************
	M043-shop-widget
* Author: Andrew Spencer
* Created: 27/09/2013
* Pattern library URL: Google Drive\NWP\Front-end\Pattern library\Modules\M043-Tfl-Shop
**************************************************/
.shop-widget {
  background: #eeeeee;
  border-bottom: 3px solid #cccccc;
  padding-top: 15px;
  padding-bottom: 15px;
}
.shop-widget .shop-header {
  margin-top: 10px;
  margin-bottom: 20px;
  margin-left: 15px;
}
.shop-widget ul {
  margin-left: 0px;
  margin-bottom: 0px;
}
.shop-widget ul li {
  list-style: none;
  margin-bottom: 10px;
  clear: both;
}
.shop-widget ul li .shop-item {
  position: relative;
  display: block;
  height: 97px;
  padding-left: 15px;
  padding-right: 15px;
}
.shop-widget ul li .shop-item .shop-item-image {
  height: 97px;
  width: 97px;
  float: left;
  overflow: hidden;
}
.shop-widget ul li .shop-item .shop-item-image > img {
  height: 100%;
}
.shop-widget ul li .shop-item .shop-item-description {
  top: 50%;
  margin-left: 120px;
  color: black;
  text-decoration: none;
}
.shop-widget ul li .shop-item .shop-item-description .item-price {
  margin-top: 5px;
  color: black;
}
.shop-widget ul li .shop-item: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: 0px -640px;
  height: 32px;
  width: 32px;
  display: block;
  position: absolute;
  right: 0;
  top: 35px;
}
.body-cms-preview .shop-widget ul li .shop-item:after {
  background-image: url("../../../images/vsprite.png");
}
.body-cms-preview .shop-widget ul li .shop-item:after {
  background-image: url("../../../images/vsprite.png");
}
.shop-widget ul li:last-child {
  margin-bottom: 0px;
}
.shop-widget ul li a:focus, .shop-widget ul li a:hover, .shop-widget ul li a:hover:focus, .shop-widget ul li a:hover:hover, .shop-widget ul li a:visited:focus, .shop-widget ul li a:visited:hover, .shop-widget ul li a:active:focus, .shop-widget ul li a:active:hover {
  text-decoration: none;
  background-color: #eff6fd;
}

/**************************************************
	M044-platform-select
* Author: Alex Faunt
* Created: 30/09/2013
* Pattern library URL: Google Drive\NWP\Front-end\Pattern library\Modules\M044-platform-select
**************************************************/
.platform-select {
  margin-bottom: 20px;
}
.platform-select ul {
  list-style-type: none;
  margin: 0;
}
.platform-select ul.routes-list {
  display: none;
}
.platform-select.expanded ul.routes-list {
  display: block;
}
.platform-select.expanded .current-platform div.route > a:after, .platform-select.expanded .current-platform .placeholder:after {
  background-position: 0px -608px;
}
.platform-select .current-platform {
  cursor: pointer;
}
.platform-select .current-platform .route > a:after {
  background-position: 0px -672px;
}
.platform-select .current-platform .placeholder {
  padding: 0 42px 0 10px;
  line-height: 40px;
  min-height: 40px;
  color: #666666;
}
.platform-select .current-platform .placeholder:after {
  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: 0px -672px;
}
.body-cms-preview .platform-select .current-platform .placeholder:after {
  background-image: url("../../../images/vsprite.png");
}
.platform-select .routes-list {
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-top: 0;
  border-bottom: 1px solid #cccccc;
  margin: 0;
}
.platform-select .routes-list > .selected:first-child + .route.line {
  border-top: 0px none;
}
.platform-select .routes-list.current-platform {
  border: 1px solid #a8a8a8;
}
.platform-select .routes-list.current-platform .route > a:after {
  background-position: 0px -672px;
}
.platform-select .routes-list.current-platform .selected {
  display: block;
}
.platform-select .routes-list .route {
  border: 0px none;
}
.platform-select .routes-list .route h4 {
  color: #2d3039;
  padding-top: 5px;
  margin: 0;
}
.platform-select .routes-list .route > a {
  padding-left: 30px;
}
.platform-select .routes-list .route .tag {
  top: 10px;
  bottom: 10px;
  left: 10px;
}
.platform-select .routes-list .route.line {
  border-top: 1px solid #cccccc;
}
.platform-select .routes-list .route.line:first-child {
  border-top: 0px none;
}
.platform-select .routes-list .route.line .line-text {
  display: block;
  min-height: 30px;
  padding: 4px 10px;
  font-weight: normal;
}
.platform-select .routes-list .route .platforms {
  margin: 0;
  list-style-type: none;
}
.platform-select .routes-list .route .platforms .route > a {
  min-height: 50px;
  padding-top: 13px;
}
.platform-select .routes-list .route .platforms > :nth-child(odd) {
  background: #f7f7f7;
}

/**************************************************
	M045-disambiguation

* Author: 
* Created: 
* Pattern library URL: Google Drive\NWP\Front-end\Pattern library\Modules\M045-disambiguation

**************************************************/
.info-message.disambiguation {
  position: relative;
  padding: 5px 2.54%;
  margin: 0 0 10px;
  border: 0;
}
.info-message.disambiguation > span {
  display: block;
  padding-left: 40px;
}
.info-message.disambiguation > span > strong {
  text-transform: capitalise;
}
.info-message.disambiguation: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: 0px -832px;
  position: absolute;
  left: 2.54%;
  top: 50%;
  margin-top: -16px;
}
.body-cms-preview .info-message.disambiguation:before {
  background-image: url("../../../images/vsprite.png");
}

.disambiguation-form {
  background-color: #fff;
  padding-bottom: 10px;
}

.r .disambiguation-form {
  margin-left: 0;
  margin-right: 0;
}

.disambiguation-items {
  list-style: none;
  margin: 0 0 20px;
  border-bottom: 1px solid #cccccc;
}

.disambiguation-box {
  padding: 10px 0;
}
.disambiguation-box .location-outside-london {
  border: 1px solid #cccccc;
}

.map-marker {
  background-image: url("/static/1/images/mapmarkers.png");
  background-size: 126px 18px;
  width: 14px;
  height: 18px;
  display: none;
}

.disambiguation-map-outer-wrapper {
  height: 80px;
  margin-top: 10px;
}

.disambiguation-map {
  height: 100%;
}

.disambiguation-map-inner-wrapper {
  height: 100%;
}

.disambiguation-option {
  border-top: 1px solid #cccccc;
  overflow: hidden;
  position: relative;
}
.disambiguation-option:nth-child(even) .map-markers {
  background-color: #f7fbfe;
}
.disambiguation-option .place-name {
  font-weight: bold;
}
.disambiguation-option .map-markers {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 34px;
  background-color: #eff6fd;
  padding: 9px 5px;
}
.disambiguation-option .map-icons {
  position: relative;
}
.disambiguation-option .map-icons > .hide-text {
  display: block;
  float: left;
  width: 32px;
}
.disambiguation-option .map-icons > :first-child.tube-icon, .disambiguation-option .map-icons > :first-child.dlr-icon, .disambiguation-option .map-icons > :first-child.overground-icon, .disambiguation-option .map-icons > :first-child.plane-icon, .disambiguation-option .map-icons > :first-child.docklands-icon, .disambiguation-option .map-icons > :first-child.docklands-light-railway-icon {
  margin-left: -4px;
}
.disambiguation-option .map-icons > :first-child.tram-icon, .disambiguation-option .map-icons > :first-child.national-rail-icon, .disambiguation-option .map-icons > :first-child.cable-car-icon, .disambiguation-option .map-icons > :first-child.river-bus-icon {
  margin-left: -3px;
}
.disambiguation-option .map-icons > :first-child.bus-icon {
  margin-left: -8px;
}
.disambiguation-option .map-icons > :first-child.poi-icon {
  margin-left: -6px;
}
.disambiguation-option .map-icons .tube-icon span {
  bottom: 0px;
  height: 3px;
  width: 24px;
  left: 0px;
  position: absolute;
}
.disambiguation-option .marker-number {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  background: #fff;
  color: #1a5a92;
  border: 2px dotted #1a5a92;
  line-height: 20px;
  text-align: center;
  display: block;
}
.disambiguation-option .disambiguation-link {
  display: block;
  position: relative;
  padding: 10px 32px 10px 44px;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
  color: #2d3039;
  text-decoration: none;
}
.disambiguation-option .disambiguation-link:hover, .disambiguation-option .disambiguation-link:focus {
  text-decoration: none;
  background-color: #eff6fd;
}
.disambiguation-option .disambiguation-link:hover .map-markers, .disambiguation-option .disambiguation-link:focus .map-markers {
  background-color: #eff6fd;
}
.disambiguation-option .disambiguation-link:after {
  content: "";
  position: absolute;
  right: -2px;
  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 .disambiguation-option .disambiguation-link:after {
  background-image: url("../../../images/vsprite.png");
}

.disambiguation-in-page {
  margin-bottom: 20px;
  background: #faf5e1;
  position: relative;
  margin-top: -10px;
  padding: 10px;
  border-bottom: 3px solid #cccccc;
}
.disambiguation-in-page.no-results {
  background: #ffefef;
  padding: 0;
}
.disambiguation-in-page.no-results:before {
  border-color: transparent transparent #ffefef;
}
.disambiguation-in-page:before {
  content: "";
  position: absolute;
  left: 20px;
  top: -20px;
  border-color: transparent transparent #faf5e1;
  border-width: 10px;
  border-style: solid;
  height: 0;
  width: 0;
}
.disambiguation-in-page .map-markers {
  display: none;
}
.disambiguation-in-page .disambiguation-items {
  border-bottom: 0 none;
}
.disambiguation-in-page .disambiguation-option {
  border-top: 1px solid #faf5e1;
}
.disambiguation-in-page .map-icons {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -16px;
}
.disambiguation-in-page .place-name {
  font-weight: normal;
}
.disambiguation-in-page .disambiguation-link {
  background: #fff;
  padding: 8px 10px;
}
.disambiguation-in-page .disambiguation-link:after {
  display: none;
}
.disambiguation-in-page .pagination-controls {
  background: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
}
.disambiguation-in-page .info-message.disambiguation {
  margin-left: -10px;
  margin-right: -10px;
}
.disambiguation-in-page .icons-1 {
  padding-right: 52px;
}
.disambiguation-in-page .icons-2 {
  padding-right: 84px;
}
.disambiguation-in-page .icons-3 {
  padding-right: 116px;
}
.disambiguation-in-page .icons-4 {
  padding-right: 148px;
}
.disambiguation-in-page .icons-5 {
  padding-right: 180px;
}
.disambiguation-in-page .icons-6 {
  padding-right: 212px;
}

#light-box {
  position: fixed;
  top: 0px;
  left: 0px;
  height: 0px;
  width: 0px;
  overflow: hidden;
  text-align: center;
  z-index: 1200;
}
#light-box:after {
  display: block;
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: #000;
  opacity: 0.5;
  z-index: 1190;
}
.lt-ie9 #light-box:after {
  display: none;
}
.lt-ie9 #light-box .ie-polyfill {
  background-color: black \0;
  filter: alpha(opacity=50) \0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1200;
  background-color: #000;
}
#light-box.active {
  right: 0px;
  bottom: 0px;
  width: auto;
  height: auto;
}
#light-box .r {
  min-width: auto;
}
#light-box .content-wrap {
  display: inline-block;
  position: relative;
  top: 40px;
  margin-top: 2.54%;
  text-align: left;
  background-color: #fff;
  z-index: 1210;
}
#light-box .responsive {
  width: 85%;
}
#light-box .responsive .content {
  overflow-y: scroll;
}
#light-box .close-light-box {
  position: absolute;
  top: -40px;
  right: 0;
  background: #1a5a92;
  display: block;
  width: 57px;
  height: 40px;
  padding: 10px;
  color: #fff;
}
#light-box .close-light-box:visited {
  color: #fff;
}

@media (min-width: 592px) {
  #light-box[data-type=alert] .content-wrap {
    width: 592px;
  }
}
#no-content {
  padding: 10px;
}

/**************************************************
RAINBOW BOARD
* Created: 19/02/2013
* Pattern library URL: http://
**************************************************/
.rainbow-board {
  display: none;
  border-top: 1px solid #cccccc;
}
.rainbow-board .line-text {
  padding: 5px 5px 5px 10px;
}
.rainbow-board .line-text span {
  text-shadow: none;
  font-weight: normal;
  font-weight: normal;
}
.rainbow-board .lines-wrapper {
  width: 50%;
}
.rainbow-board table tr {
  background-color: #fff;
}
.rainbow-board.stations-status table .line-text {
  background-color: #eeeeee;
  color: #2d3039;
}
.rainbow-board td {
  vertical-align: middle;
  padding: 0;
  height: 100%;
}
.rainbow-board .service-status {
  width: 50%;
  background-color: #fff;
}
.rainbow-board .service-status strong {
  display: block;
}
.rainbow-board .service-status a {
  display: block;
  padding: 9px 25px 9px 10px;
  height: 100%;
  text-decoration: none;
  position: relative;
  min-height: 32px;
}
.rainbow-board .info-dropdown {
  display: none;
}
.rainbow-board .status-toggle {
  width: 20px;
  position: absolute;
  vertical-align: middle;
  top: 50%;
  margin-top: -10px;
  float: right;
  right: 5px;
}
.rainbow-board .status-toggle span {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: -6px -710px;
  height: 20px;
  width: 20px;
  display: block;
}
.body-cms-preview .rainbow-board .status-toggle span {
  background-image: url("../../../images/vsprite.png");
}
.rainbow-board .selected.has-disruption {
  border-bottom: 0;
}
.rainbow-board .selected .status-toggle span {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: -6px -742px;
  height: 20px;
  width: 20px;
  display: block;
}
.body-cms-preview .rainbow-board .selected .status-toggle span {
  background-image: url("../../../images/vsprite.png");
}
.rainbow-board .selected + .info-dropdown {
  background: #faf5e1;
  display: table-row;
}
.lt-ie8 .rainbow-board .selected + .info-dropdown {
  display: block;
  zoom: 1;
  position: relative;
}
.rainbow-board caption, .rainbow-board thead {
  /*  display: none; 	not acessible by screen readers */
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.rainbow-board .collapsed-lines {
  display: none;
}
.rainbow-board tr {
  border-bottom: 1px solid #cacaca;
}
.rainbow-board tr:first-child {
  border-top: 0;
}
.rainbow-board tbody ~ tbody tr:first-child {
  border-top: 1px solid #cacaca;
}
.rainbow-board table {
  position: relative;
}
.rainbow-board table:first-child:before {
  display: none;
}
.rainbow-board table:before {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  display: block;
  background-color: #cacaca;
}
.rainbow-board .service-status {
  color: #2d3039;
}
.rainbow-board .good-service-message {
  position: relative;
  padding: 9px 10px;
}
.rainbow-board.stations-status .line-text {
  text-shadow: none;
  font-weight: normal;
}
.rainbow-board.roads .tag {
  border-right: 0px none;
  width: 10px;
  min-width: 10px;
}
.rainbow-board.roads .select-corridor .line-text {
  background-color: #eeeeee;
  color: #2d3039;
  text-shadow: none;
  font-weight: normal;
  width: 30%;
  padding-left: 10px;
}
.rainbow-board.roads .service-status {
  width: auto;
}
.rainbow-board.roads td {
  cursor: pointer;
}
.rainbow-board.roads td .has-disruption {
  background: #faf5e1;
}
.rainbow-board.roads td .has-disruption > div {
  position: relative;
  height: 100%;
}
.rainbow-board.roads .disruption-info-link {
  overflow: hidden;
}
.rainbow-board.roads .disruption-info-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;
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -16px;
  margin-right: -6px;
}
.body-cms-preview .rainbow-board.roads .disruption-info-link:after {
  background-image: url("../../../images/vsprite.png");
}
.rainbow-board.roads table tr td.line-text {
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.rainbow-board.roads table tr:hover td.line-text {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
  background-color: #e1e1e1;
}
.rainbow-board .road-disruption-colour-span {
  width: 5px;
}
.rainbow-board .re-plan-button {
  position: relative;
  display: block;
  width: 100%;
  background: #fff;
  padding: 10px;
  margin: 10px 0;
  color: #24262e;
  border: solid 1px #cacaca;
  border-bottom: solid 3px #cccccc;
}
.rainbow-board .re-plan-button: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: 5px;
  right: 0;
  content: "";
}
.body-cms-preview .rainbow-board .re-plan-button:after {
  background-image: url("../../../images/vsprite.png");
}
.rainbow-board .re-plan-button:hover {
  text-decoration: none;
  background-color: #eff6fd;
}
.rainbow-board .close-disruption-info {
  float: right;
  margin-bottom: 10px;
}
.no-js .rainbow-board .close-disruption-info {
  display: none;
}

.no-disruptions {
  display: block;
  padding: 10px;
  background-color: #e6f6de;
}
.no-disruptions p {
  margin-bottom: 0px;
}
.no-disruptions.hidden {
  display: none;
}

.board-wrapper ~ .link-button {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  margin-bottom: 0;
}
.board-wrapper.lines-status {
  padding: 0;
  border-bottom: 1px solid #cacaca;
  border-top: 1px solid #cacaca;
}
.board-wrapper.lines-status .rainbow-board {
  display: block;
}
.board-wrapper.lines-status .no-disruption {
  display: table-row;
}
.board-wrapper.lines-status .service-status {
  color: #2d3039;
  position: relative;
  height: 100%;
}
.board-wrapper .rainbow-board div.collapsed-lines {
  display: block;
  min-height: 60px;
  border-bottom: 1px solid #cacaca;
  border-top: 0;
  position: relative;
}
.board-wrapper .rainbow-board div.collapsed-lines .line-text {
  border-top: 1px solid #cacaca;
}
.board-wrapper .rainbow-board div.collapsed-lines .line-text:first-child {
  border-top: 0px;
}
.board-wrapper .rainbow-board div.collapsed-lines .service-status {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
.board-wrapper .rainbow-board div.collapsed-lines .service-status .vertical-center-message {
  position: absolute;
  top: 50%;
  margin-top: -22px;
}
.board-wrapper .rainbow-board.roads {
  margin-top: 0;
}
.board-wrapper .rainbow-board.roads .collapsed-lines {
  display: table-row;
}
.board-wrapper .rainbow-board.roads .tag {
  display: none;
}
.board-wrapper .rainbow-board.roads .tag.roads-a316 + .line-text {
  background: #ec83bb;
  color: #fff;
}
.board-wrapper .rainbow-board.roads .tag.roads-a41 + .line-text {
  background: #8a4088;
  color: #fff;
}
.board-wrapper .rainbow-board.roads .tag.roads-a40 + .line-text {
  background: #ceff00;
}
.board-wrapper .rainbow-board.roads .tag.roads-a23 + .line-text {
  background: #59ffa3;
}
.board-wrapper .rainbow-board.roads .tag.roads-a21 + .line-text {
  background: #446081;
  color: #fff;
}
.board-wrapper .rainbow-board.roads .tag.roads-a3 + .line-text {
  background: #5a9262;
  color: #fff;
}
.board-wrapper .rainbow-board.roads .tag.roads-a2 + .line-text {
  background: #ee3cc2;
  color: #fff;
}
.board-wrapper .rainbow-board.roads .tag.roads-a1 + .line-text {
  background: #3d8c0f;
  color: #fff;
}
.board-wrapper .rainbow-board.roads .tag.roads-a205 + .line-text, .board-wrapper .rainbow-board.roads .tag.roads-south-circular-a205 + .line-text {
  background: #6d2039;
  color: #fff;
}
.board-wrapper .rainbow-board.roads .tag.roads-a406 + .line-text, .board-wrapper .rainbow-board.roads .tag.roads-north-circular-a406 + .line-text {
  background: #a22cd9;
  color: #fff;
}
.board-wrapper .rainbow-board.roads .tag.roads-a24 + .line-text {
  background: #6e573e;
  color: #fff;
}
.board-wrapper .rainbow-board.roads .tag.roads-a13 + .line-text {
  background: #56dcfa;
}
.board-wrapper .rainbow-board.roads .tag.roads-a12 + .line-text {
  background: #e86445;
  color: #fff;
}
.board-wrapper .rainbow-board.roads .tag.roads-a10 + .line-text {
  background: #5b4bcc;
  color: #fff;
}
.board-wrapper .rainbow-board.roads .tag.roads-a4 + .line-text {
  background: #5bf105;
}
.board-wrapper .rainbow-board.roads .tag.roads-a20 + .line-text {
  background: #f1e77d;
}
.board-wrapper .rainbow-board.roads .tag.roads-central-london + .line-text, .board-wrapper .rainbow-board.roads .tag.roads-central-london-red-routes + .line-text {
  background: #9bf46a;
}
.board-wrapper .rainbow-board.roads .tag.roads-blackwall-tunnel + .line-text {
  background: #ec9c59;
}
.board-wrapper .lines-wrapper {
  padding: 0;
  vertical-align: top;
}
.board-wrapper .lines-wrapper .line-text {
  display: block;
  width: 100%;
  height: 10px;
}
.board-wrapper .no-disruption {
  display: none;
}
.board-wrapper .service-status a {
  overflow: hidden;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.board-wrapper .service-status a:hover, .board-wrapper .service-status a:focus {
  background-color: #eff6fd;
}
.board-wrapper .service-status a:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -16px;
  right: 0;
  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 .board-wrapper .service-status a:after {
  background-image: url("../../../images/vsprite.png");
}
.board-wrapper .collapsed-lines a {
  color: #2d3039;
}
.board-wrapper .collapsed-lines a:visited {
  color: #2d3039;
}
.board-wrapper .status-toggle {
  display: none;
}

.rainbow-board tr .has-disruption {
  background-color: #faf5e1;
}
.rainbow-board tr td {
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.rainbow-board tr:hover td, .rainbow-board tr:focus td {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.rainbow-board tr:hover td.service-status, .rainbow-board tr:focus td.service-status {
  background-color: #eff6fd;
}
.rainbow-board tr:hover td.bakerloo, .rainbow-board tr:focus td.bakerloo {
  background-color: #75431f;
}
.rainbow-board tr:hover td.central, .rainbow-board tr:focus td.central {
  background-color: #c6201c;
}
.rainbow-board tr:hover td.circle, .rainbow-board tr:focus td.circle {
  background-color: #e6b900;
}
.rainbow-board tr:hover td.district, .rainbow-board tr:focus td.district {
  background-color: #005920;
}
.rainbow-board tr:hover td.dlr, .rainbow-board tr:hover td.docklands, .rainbow-board tr:hover td.docklands-light-railway, .rainbow-board tr:focus td.dlr, .rainbow-board tr:focus td.docklands, .rainbow-board tr:focus td.docklands-light-railway {
  background-color: #009694;
}
.rainbow-board tr:hover td.hammersmith, .rainbow-board tr:focus td.hammersmith {
  background-color: #d087a1;
}
.rainbow-board tr:hover td.jubilee, .rainbow-board tr:focus td.jubilee {
  background-color: #5e656a;
}
.rainbow-board tr:hover td.metropolitan, .rainbow-board tr:focus td.metropolitan {
  background-color: #5f0d46;
}
.rainbow-board tr:hover td.northern, .rainbow-board tr:focus td.northern {
  background-color: black;
}
.rainbow-board tr:hover td.overground, .rainbow-board tr:focus td.overground {
  background-color: #d05f0e;
}
.rainbow-board tr:hover td.piccadilly, .rainbow-board tr:focus td.piccadilly {
  background-color: #00158e;
}
.rainbow-board tr:hover td.victoria, .rainbow-board tr:focus td.victoria {
  background-color: #008ec9;
}
.rainbow-board tr:hover td.waterloo, .rainbow-board tr:focus td.waterloo {
  background-color: #63c9b4;
}
.rainbow-board tr:hover td.tramlink1, .rainbow-board tr:focus td.tramlink1 {
  background-color: #b9cb27;
}
.rainbow-board tr:hover td.tramlink2, .rainbow-board tr:focus td.tramlink2 {
  background-color: #b9cb27;
}
.rainbow-board tr:hover td.tramlink3, .rainbow-board tr:focus td.tramlink3 {
  background-color: #6db038;
}
.rainbow-board tr:hover td.tramlink4, .rainbow-board tr:focus td.tramlink4 {
  background-color: #295610;
}
.rainbow-board tr:hover td.rb1, .rainbow-board tr:focus td.rb1 {
  background-color: #03002c;
}
.rainbow-board tr:hover td.rb2, .rainbow-board tr:focus td.rb2 {
  background-color: #0063a3;
}
.rainbow-board tr:hover td.rb3, .rainbow-board tr:focus td.rb3 {
  background-color: #ef5b9e;
}
.rainbow-board tr:hover td.rb4, .rainbow-board tr:focus td.rb4 {
  background-color: #4fbb92;
}
.rainbow-board tr:hover td.rb5, .rainbow-board tr:focus td.rb5 {
  background-color: #a65d2b;
}
.rainbow-board tr:hover td.rb6, .rainbow-board tr:focus td.rb6 {
  background-color: #6356a1;
}
.rainbow-board tr:hover td.city-cruises, .rainbow-board tr:focus td.city-cruises {
  background-color: #d82f12;
}
.rainbow-board tr:hover td.westminster-greenwich, .rainbow-board tr:focus td.westminster-greenwich {
  background-color: #242884;
}
.rainbow-board tr:hover td.westminster-st-katherines-circular, .rainbow-board tr:focus td.westminster-st-katherines-circular {
  background-color: #3da12f;
}
.rainbow-board tr:hover td.westminster-passenger-services-association, .rainbow-board tr:hover td.wetsminster-passenger-services-association, .rainbow-board tr:focus td.westminster-passenger-services-association, .rainbow-board tr:focus td.wetsminster-passenger-services-association {
  background-color: #e3a700;
}
.rainbow-board tr:hover td.woolwich-free-ferry, .rainbow-board tr:focus td.woolwich-free-ferry {
  background-color: #f28709;
}
.rainbow-board tr:hover td.emirates, .rainbow-board tr:focus td.emirates {
  background-color: #cb1630;
}
.rainbow-board tr.has-disruption:hover td.service-status, .rainbow-board tr.has-disruption:focus td.service-status {
  background-color: #f6eecb;
}

.rainbow-board.stations-status tr:hover td.line-text {
  background-color: #e1e1e1;
}

/**************************************************
	D5 Related links (internal/external)

* Author: 
* Created: 
* Pattern library URL: https://tflonline.atlassian.net/wiki/display/NWP/D5+-+Related+Links

**************************************************/
.related-links {
  padding: 15px 15px 0 15px;
  background-color: #eeeeee;
  margin-bottom: 10px;
  border-bottom: 3px solid #cccccc;
  border-bottom: 3px solid rgba(0, 0, 0, 0.2);
}
.related-links.full-width {
  width: 100%;
  float: none;
}

/**************************************************
	M045-image-list
* Author: John Boyle
* Created: 03/10/2013
* Pattern library URL:
**************************************************/
ul.image-list {
  margin: 15px 0;
  width: 100%;
  margin-left: 0;
}
ul.image-list li {
  width: 100%;
}
ul.image-list li.image-list-title {
  background: #eeeeee;
  padding: 10px;
  list-style: none;
}
ul.image-list li.image-item {
  position: relative;
  padding-left: 50%;
  list-style: none;
  padding: 15px 2px;
  border-bottom: solid 1px #cacaca;
}
ul.image-list li img {
  display: block;
  margin: 15px auto;
}

/*.service-status-links, .heading-dropdown-links {
    display: none;
}
.status-dropdowns-wrap, .heading-dropdown-wrap {
	position: relative;
	float: left;
	width: 100%;
}
.status-update-heading {
	.heading-dropdown {
		float: right;
		width:100%;
		margin: 10px 0;
	}
	.date-dropdown-placeholder {
		float: right;
		width:100%;
		margin: 0px 0 10px 0;
	}
}
*/
.heading-dropdowns-wrap .dropdowns-wrap {
  padding: 10px 0;
  border-top: 1px solid #cccccc;
}
.heading-dropdowns-wrap .heading-dropdown:first-child {
  margin-bottom: 10px;
}

.service-status-links {
  display: none;
}

.date-link-container {
  display: none;
}

.advance-month-container {
  display: none;
}

.article-teaser {
  background: #eeeeee;
  padding: 20px;
  font-family: arial;
  font-size: 15px;
  margin-bottom: 10px;
}

.secondary-teaser img, .tertiary-teaser img {
  display: none;
}

.news-teaser {
  margin-bottom: 20px;
  position: relative;
}
.news-teaser h2 {
  font-size: 20px;
}
.news-teaser img {
  width: 100%;
  height: auto;
}
.news-teaser.overground > a {
  border-bottom-color: #e86a10;
}
.news-teaser.cablecar > a {
  border-bottom-color: #e21836;
}
.news-teaser.bus > a {
  border-bottom-color: #cc3333;
}
.news-teaser.tram > a {
  border-bottom-color: #7cc144;
}
.news-teaser.bch > a {
  border-bottom-color: #0099cc;
}
.news-teaser.coach > a {
  border-bottom-color: #fdb813;
}
.news-teaser > a {
  display: block;
  -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;
  border-bottom: 3px solid #999999;
}
.news-teaser > a:focus, .news-teaser > a:hover {
  border-bottom-color: #2070b0;
  background-color: #eff6fd;
  text-decoration: none;
}
.news-teaser a.external-link:after {
  margin-right: 2px;
}
.news-teaser a.external-link .text-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: -32px -1152px;
}
.body-cms-preview .news-teaser a.external-link .text-link:after {
  background-image: url("../../../images/vsprite.png");
}
.news-teaser .text-link {
  padding: 15px 30px 15px 15px;
  position: relative;
}
.news-teaser .text-link:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -16px;
}
.news-teaser .text-only {
  padding: 15px;
}
.news-teaser p {
  margin-bottom: 0;
  width: 90%;
}
.news-teaser .call-to-action-button {
  background: #eeeeee;
  padding: 10px;
}
.news-teaser .action-icon {
  height: 48px;
  width: 48px;
  position: absolute;
  right: 20px;
  top: -15px;
}
.news-teaser .vertical-button-container {
  margin: 10px 0 0;
}

.content-area .news-teaser > a:focus, .content-area .news-teaser > a:hover, .primary-teaser .news-teaser > a:focus, .primary-teaser .news-teaser > a:hover {
  background-color: #2d3039;
}

.content-image {
  background: #f6f6f6;
}
.content-image img {
  width: 100%;
}
.content-image span {
  font-weight: bold;
}
.content-image .image-caption {
  padding: 10px;
}

.tickets-fares-wrap {
  padding: 10px;
  *zoom: 1;
  background: #eeeeee;
}
.tickets-fares-wrap:before, .tickets-fares-wrap:after {
  content: " ";
  display: table;
}
.tickets-fares-wrap:after {
  clear: both;
}
.tickets-fares-wrap h2 {
  margin: 10px 0 15px 0;
}
.tickets-fares-wrap h3 {
  margin-bottom: 15px;
}
.tickets-fares-wrap p {
  margin-bottom: 5px;
}
.tickets-fares-wrap .buying-tickets {
  width: 100%;
  border-bottom: solid 1px #a8a8a8;
  padding-bottom: 10px;
}
.tickets-fares-wrap .fares {
  padding-top: 15px;
  width: 100%;
}
.tickets-fares-wrap .fares .plain-button {
  margin-top: 10px;
  border: solid 1px #a8a8a8;
}

/**************************************************
	C5 Calendar view

* Author: 
* Created: 
* Pattern library URL: https://tflonline.atlassian.net/wiki/display/NWP/C6+-+Calendar+view

**************************************************/
.fc-calendar-wrapper {
  border: 1px solid #cccccc;
  min-width: 240px;
}
.fc-calendar-wrapper .current-month {
  text-align: center;
  font-size: 16px;
  background-color: #eeeeee;
  padding: 5px;
  position: relative;
}
.fc-calendar-wrapper .current-month .calendar-previous-month {
  left: 0px;
}
.fc-calendar-wrapper .current-month .calendar-previous-month: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 .fc-calendar-wrapper .current-month .calendar-previous-month:after {
  background-image: url("../../../images/vsprite.png");
}
.fc-calendar-wrapper .current-month .calendar-next-month {
  right: 0;
}
.fc-calendar-wrapper .current-month .calendar-next-month: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 .fc-calendar-wrapper .current-month .calendar-next-month:after {
  background-image: url("../../../images/vsprite.png");
}
.fc-calendar-wrapper .fc-calendar {
  background: #fff;
}
.fc-calendar-wrapper .fc-calendar .fc-head {
  height: 35px;
  padding: 6px;
  border-bottom: 1px solid #cacaca;
}
.fc-calendar-wrapper .fc-calendar .fc-head > div {
  text-align: center;
}
.fc-calendar-wrapper .fc-calendar .fc-row > div, .fc-calendar-wrapper .fc-calendar .fc-head > div {
  float: left;
  height: 100%;
  width: 14.28%;
  /* 100% / 7 */
  position: relative;
}
.fc-calendar-wrapper .fc-calendar .fc-row {
  border-bottom: 1px solid #cacaca;
  height: 45px;
}
.fc-calendar-wrapper .fc-calendar .fc-row a {
  text-align: center;
  margin-top: 5px;
}
.fc-calendar-wrapper .fc-calendar .fc-row .highlighted-day {
  background: #faf5e1;
  color: #2070b0;
  font-weight: bold;
}
.fc-calendar-wrapper .fc-calendar .fc-row .highlighted-day a {
  border-bottom: 3px solid transparent;
}
.fc-calendar-wrapper .fc-calendar .fc-row .highlighted-day a:hover, .fc-calendar-wrapper .fc-calendar .fc-row .highlighted-day a:focus {
  border-bottom: 3px solid #feb914;
}
.fc-calendar-wrapper .fc-calendar .fc-row:last-child {
  border-bottom: none;
}
.fc-calendar-wrapper .fc-calendar .fc-row > div {
  border-right: 1px solid #cacaca;
  position: relative;
  font-weight: normal;
}
.fc-calendar-wrapper .fc-calendar .fc-row > div:empty {
  background: #eeeeee;
  border-bottom: none;
}
.fc-calendar-wrapper .fc-calendar .fc-row > div.fc-today {
  font-weight: bold;
  border: 1px solid #2d3039;
}
.fc-calendar-wrapper .fc-calendar .fc-row > div > span.fc-date {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  text-align: center;
}
.fc-calendar-wrapper .fc-calendar .fc-row > div > span.fc-weekday {
  display: none;
}
.fc-calendar-wrapper .fc-calendar .fc-row > div:last-child {
  border-right: none;
}

/*.coming-soon-widget {
	background-repeat: no-repeat;
	position: relative;
    width: 100%;
	background-size: cover;
	&.single-fare-finder {
		background-image: url('/static/'+$version+'/images/placeholder/coming-soon/Singlefarefinder.png');
		height: 315px;
		padding-bottom:110%;
	}
	&.emirates-airline-map { 
		background-image: url('/static/'+$version+'/images/placeholder/coming-soon/Emirates_map.png');
		height:287px;
	}
	&.river-map {
		background-image: url('/static/'+$version+'/images/placeholder/coming-soon/River_map.png');
		height:293px;
	}
	&.tram-map {
		background-image: url('/static/'+$version+'/images/placeholder/coming-soon/Tram_map.png');
		height: 404px;
	}
    &.bus-status {
		background-image: url('/static/'+$version+'/images/placeholder/coming-soon/Bus_statusx1.png');
		height: 63px;
		padding-bottom: 21%;
	}
	&.bus-search {
		background-image: url('/static/'+$version+'/images/placeholder/coming-soon/Bus_searchx1.png');
		height: 213px;
		padding-bottom: 70%;
	}
	&.roads-status {
		background-image: url('/static/'+$version+'/images/placeholder/coming-soon/Roads_statusx1.png');
		height: 63px;
		padding-bottom: 21%;
	}
	&.roads-search {
		background-image: url('/static/'+$version+'/images/placeholder/coming-soon/Roads_searchx1.png');
		height: 163px;
		padding-bottom: 50%;
	}
	&.emirates-airline-status {
		background-image: url('/static/'+$version+'/images/placeholder/coming-soon/Emirates_statusx1.png');
		height: 63px;
		padding-bottom: 21%;
	}
	&.river-status {
		background-image: url('/static/'+$version+'/images/placeholder/coming-soon/River_statusx1.png');
		height: 63px;
		padding-bottom: 21%;
	}
	&.river-search {
		background-image: url('/static/'+$version+'/images/placeholder/coming-soon/River_searchx1.png');
		height: 213px;
		padding-bottom: 70%;
	}
	&.tram-status {
		background: url("/static/'+$version+'/images/placeholder/coming-soon/Tram_statusx1.png");
		height: 63px;
		padding-bottom: 21%;
	}
	.coming-soon-icon {
		background-color: #fff;
		font-family: New Johnson;
		height: 50px;
		left: 50%;
		margin-left: -107px;
		padding: 10px;
		position: absolute;
		top: 50%;
		margin-top:-25px;
		min-width: 225px;
		border-bottom: 2px solid $lighter-grey-border-colour;
		text-align: center;
		span {
			font-family: "New Johnson Bold";
			margin-right: 5px;
            font-size: 18px;
		}
		p {
			float: right;
			margin-top: 4px;
		} 
	}
}*/
.coming-soon-widget {
  position: relative;
  width: 100%;
  height: 180px;
  margin: 20px 0;
  background: url(data:image/gif;base64,R0lGODlhBwAHAIAAAPb29unp6SH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjEgNjQuMTQwOTQ5LCAyMDEwLzEyLzA3LTEwOjU3OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgTWFjaW50b3NoIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjMxNUJFNjBDQ0NGQzExRTJBQzgxQjlFMkQ4MkM4NzEzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjMxNUJFNjBEQ0NGQzExRTJBQzgxQjlFMkQ4MkM4NzEzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTJBM0VGNkJDQ0Y3MTFFMkFDODFCOUUyRDgyQzg3MTMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTJBM0VGNkNDQ0Y3MTFFMkFDODFCOUUyRDgyQzg3MTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQAAAAAACwAAAAABwAHAEACDAx+BqGYxpxcLT5XAAA7);
  margin-bottom: 10px;
}
.coming-soon-widget .coming-soon-icon {
  position: absolute;
  padding: 10px;
  min-width: 225px;
  height: 70px;
  top: 50%;
  margin-top: -35px;
  left: 50%;
  margin-left: -112px;
  background-color: #fff;
  border-bottom: 3px solid rgba(0, 0, 0, 0.2);
}
.coming-soon-widget .coming-soon-icon span {
  font-family: "New Johnson Bold";
  font-size: 18px;
  display: block;
  text-align: center;
}
.coming-soon-widget .coming-soon-icon p {
  text-align: center;
  font-family: "New Johnson";
}

.content-information-box {
  margin-bottom: 20px;
  position: relative;
}
.content-information-box h2 {
  font-size: 20px;
}
.content-information-box img {
  width: 100%;
  height: auto;
}
.content-information-box > a {
  display: block;
  -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;
  border-bottom: 3px solid #999999;
}
.content-information-box > a:focus, .content-information-box > a:hover {
  border-bottom-color: #2070b0;
  background-color: #eff6fd;
  text-decoration: none;
}
.content-information-box .text-link {
  padding: 15px 30px 15px 15px;
  position: relative;
}
.content-information-box .text-link:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -16px;
}
.content-information-box .text-only {
  padding: 15px;
}
.content-information-box p {
  margin-bottom: 0;
  width: 90%;
}
.content-information-box .call-to-action-button {
  background: #eeeeee;
  padding: 10px;
}
.content-information-box .action-icon {
  height: 48px;
  width: 48px;
  position: absolute;
  right: 20px;
  top: -15px;
}
.content-information-box .vertical-button-container {
  margin: 10px 0 0;
}
.content-information-box p {
  margin-top: 10px;
  margin-bottom: 10px;
}
.content-information-box .text-only .accordion {
  margin-bottom: 0px;
}
.content-information-box .text-only > p {
  margin-top: 20px;
  margin-bottom: 20px;
}

/**************************************************
	C7 Database - Record

* Author: 
* Created: 
* Pattern library URL: 

**************************************************/
.database-record {
  width: 100%;
  border-collapse: separate;
  border-spacing: 5px 5px;
  border: 1px solid #cccccc;
}
.database-record tr:nth-child(2n) {
  background-color: #eeeeee;
}
.database-record th {
  font-weight: bold;
}
.database-record th, .database-record td {
  display: table-row;
}

.table-container {
  position: relative;
  margin-bottom: 20px;
}
.table-container.hiding {
  overflow-x: scroll;
}

.responsive-table-wrapper {
  position: relative;
  overflow: hidden;
}

.hiding .responsive-table-shadow {
  position: absolute;
  top: 0;
  height: 100%;
  width: 15px;
  display: block;
}
.hiding .responsive-table-shadow.left-shadow {
  background-color: "transparent";
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.2)), color-stop(100%, transparent));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.2) 0%, transparent 100%);
  background-image: linear-gradient(to right,rgba(0, 0, 0, 0.2) 0%, transparent 100%);
}
.hiding .responsive-table-shadow.right-shadow {
  background-color: "transparent";
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.2)), color-stop(100%, transparent));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.2) 0%, transparent 100%);
  background-image: linear-gradient(to left,rgba(0, 0, 0, 0.2) 0%, transparent 100%);
}

.responsive-table-shadow {
  display: none;
}

.hiding-table {
  position: absolute;
}
.hiding-table.first-col {
  left: 0;
}
.hiding-table.first-col tr:nth-child(even) {
  background-color: #fff;
}

/**************************************************
	M063-timing-ribbon
* Author: Andrew Spencer
* Created: 17/10/2013
* Pattern library URL: 
**************************************************/
.TDM-table {
  display: none;
}

.TDM-chart {
  position: relative;
  margin-top: 20px;
  height: 182px;
  width: 100%;
  cursor: default;
  overflow: visible;
  background-color: #F4F4F4;
}

.TDM-box {
  position: relative;
  margin: 0 0 20px 0;
  width: 100%;
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #F4F4F4;
  display: block;
}

.barCollection {
  width: 100%;
  position: relative;
  top: 30px;
  height: 110px;
  background-color: white;
}

.TDM-bar {
  position: absolute;
  bottom: -1px;
  width: 100%;
  background-color: #99CC33;
  border-bottom: 3px solid rgba(0, 0, 0, 0.1);
}

.TDM-column {
  float: left;
  height: 110px;
  width: 8.33%;
  position: relative;
  display: inline;
  z-index: 2;
}
.TDM-column:before {
  content: attr(data-content);
  position: absolute;
  font-size: 11px;
  top: -20px;
  left: -1px;
}
.TDM-column:after {
  width: 0px;
  content: '';
  border-left: 1px dashed rgba(0, 0, 0, 0.2);
  height: 100%;
  background: none;
  left: 0;
  position: absolute;
}
.TDM-column:nth-child(even) {
  height: 100px;
  top: 10px;
}
.TDM-column:nth-child(even):before {
  content: "";
}
.TDM-column:nth-child(even) .hatch-box {
  top: 0px;
}
.TDM-column .hatch-box {
  background-image: url("/static/1/images/TDM-stripe-pattern.png");
  background-repeat: repeat;
  position: absolute;
  z-index: -1;
  left: -10px;
  top: 10px;
  right: -10px;
  height: 100px;
}
.TDM-column .connected-hatch {
  right: 0px;
}
.TDM-column .follow-hatch {
  left: -0px;
  right: -10px;
}
.TDM-column .middle-hatch {
  left: -0px;
  right: 0px;
}

.chartedge-top {
  width: 100%;
  height: 40px;
  top: 0px;
  background-color: #F4F4F4;
  clear: both;
  position: absolute;
  z-index: 1;
}

.chartedge-bottom {
  display: block;
  position: absolute;
  top: 140px;
  width: 100%;
  bottom: 0px;
  background-color: #F4F4F4;
  padding: 10px;
}
.chartedge-bottom .chart-scale {
  position: absolute;
  left: 35px;
}
.chartedge-bottom .chart-scale:before {
  content: " ";
  background-image: url("/static/1/images/TDM-stripe-pattern.png");
  background-repeat: repeat;
  position: absolute;
  left: -35px;
  width: 22px;
  height: 22px;
}
.chartedge-bottom a:hover .text-link {
  text-decoration: underline;
}
.chartedge-bottom .text-link {
  right: 40px;
  position: absolute;
}
.chartedge-bottom .text-link:before {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: -64px -352px;
  height: 32px;
  width: 32px;
  display: block;
  position: absolute;
  top: -5px;
  left: 80px;
  content: ' ';
}
.body-cms-preview .chartedge-bottom .text-link:before {
  background-image: url("../../../images/vsprite.png");
}

/**************************************************
	M066 cycle-hire-block
* Author: Alex Faunt
* Created: 25/10/2013
* Pattern library URL: Google Drive\NWP\Front-end\Pattern library\Modules\M066-cycle-hire-block
**************************************************/
.cycle-hire-block {
  margin: 0 0 20px;
}
.cycle-hire-block .docks {
  width: 100%;
  display: table;
  table-layout: fixed;
  margin-bottom: 10px;
}
.cycle-hire-block .docks.borderless {
  border: 1px solid #cccccc;
}
.cycle-hire-block .docks.borderless .dock {
  border: 0px;
}
.cycle-hire-block .dock {
  display: table-cell;
  border: solid #cccccc;
  border-width: 1px 1px 1px 0px;
  background: #fff;
  height: 48px;
  width: 1%;
}
.cycle-hire-block .dock.full {
  background: #0099cc;
}
.cycle-hire-block .dock:first-child {
  border-width: 1px;
}

.availability {
  padding: 0;
  margin: 0;
}
.availability .spaces {
  float: right;
}

.search-box-settings {
  background: #eeeeee;
  padding: 15px 10px 5px 10px;
  border-bottom: 3px solid #cccccc;
  margin-bottom: 15px;
}

.search-title {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  padding-top: 5px;
}
.search-title .dots {
  position: absolute;
  width: 40px;
  right: 0;
  top: 1px;
  bottom: 1px;
  margin: 0;
  padding: 0;
  background: #2d3039;
  z-index: 999;
  color: #fff;
}

.search-results, #pagination-items .search-results, #results-list .search-results {
  position: relative;
  margin-top: 15px;
  background: #fff;
  border-bottom: 1px solid #cccccc;
}
.search-results.number-pad-result, #pagination-items .number-pad-result.search-results, #results-list .number-pad-result.search-results {
  padding-left: 100px;
}
.search-results.number-pad-result a h3, #pagination-items .number-pad-result.search-results a h3, #results-list .number-pad-result.search-results a h3 {
  margin-bottom: 5px;
}
.search-results.number-pad-result .number-pad-result-number, #pagination-items .number-pad-result.search-results .number-pad-result-number, #results-list .number-pad-result.search-results .number-pad-result-number {
  position: absolute;
  left: 0px;
  top: 40%;
  margin-top: -20px;
  font-size: 40px;
  text-align: center;
  width: 80px;
  display: block;
}
.search-results .match-result-link, #pagination-items .search-results .match-result-link, #results-list .search-results .match-result-link, .search-results li.search-results, .search-results #pagination-items li.search-results, #pagination-items .search-results li.search-results, .search-results #results-list li.search-results, #results-list .search-results li.search-results {
  display: table;
  padding: 15px 15px 15px 0;
  color: #2d3039;
  background: inherit;
  height: 100%;
}
.search-results .match-result-link:hover, #pagination-items .search-results .match-result-link:hover, #results-list .search-results .match-result-link:hover, .search-results li.search-results:hover, .search-results #pagination-items li.search-results:hover, #pagination-items .search-results li.search-results:hover, .search-results #results-list li.search-results:hover, #results-list .search-results li.search-results:hover {
  text-decoration: none;
}
.search-results .match-result-link.docs a h3, #pagination-items .search-results .match-result-link.docs a h3, #results-list .search-results .match-result-link.docs a h3, .search-results li.search-results.docs a h3, .search-results #pagination-items li.docs.search-results a h3, #pagination-items .search-results li.docs.search-results a h3, .search-results #results-list li.docs.search-results a h3, #results-list .search-results li.docs.search-results a h3 {
  position: relative;
  padding-left: 35px;
}
.search-results .match-result-link.docs a h3:before, #pagination-items .search-results .match-result-link.docs a h3:before, #results-list .search-results .match-result-link.docs a h3:before, .search-results li.search-results.docs a h3:before, .search-results #pagination-items li.docs.search-results a h3:before, #pagination-items .search-results li.docs.search-results a h3:before, .search-results #results-list li.docs.search-results a h3:before, #results-list .search-results li.docs.search-results a h3:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -16px;
  left: 0;
  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;
}
.body-cms-preview .search-results .match-result-link.docs a h3:before, .body-cms-preview #pagination-items .search-results .match-result-link.docs a h3:before, #pagination-items .body-cms-preview .search-results .match-result-link.docs a h3:before, .body-cms-preview #results-list .search-results .match-result-link.docs a h3:before, #results-list .body-cms-preview .search-results .match-result-link.docs a h3:before, .body-cms-preview .search-results li.search-results.docs a h3:before, .body-cms-preview .search-results #pagination-items li.docs.search-results a h3:before, .body-cms-preview #pagination-items .search-results li.docs.search-results a h3:before, #pagination-items .body-cms-preview .search-results li.docs.search-results a h3:before, .body-cms-preview .search-results #results-list li.docs.search-results a h3:before, .body-cms-preview #results-list .search-results li.docs.search-results a h3:before, #results-list .body-cms-preview .search-results li.docs.search-results a h3:before {
  background-image: url("../../../images/vsprite.png");
}
.search-results .match-result-link.docs a.pdf h3:before, #pagination-items .search-results .match-result-link.docs a.pdf h3:before, #results-list .search-results .match-result-link.docs a.pdf h3:before, .search-results li.search-results.docs a.pdf h3:before, .search-results #pagination-items li.docs.search-results a.pdf h3:before, #pagination-items .search-results li.docs.search-results a.pdf h3:before, .search-results #results-list li.docs.search-results a.pdf h3:before, #results-list .search-results li.docs.search-results a.pdf h3: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: -64px -192px;
  height: 32px;
  width: 32px;
  display: block;
}
.body-cms-preview .search-results .match-result-link.docs a.pdf h3:before, .body-cms-preview #pagination-items .search-results .match-result-link.docs a.pdf h3:before, #pagination-items .body-cms-preview .search-results .match-result-link.docs a.pdf h3:before, .body-cms-preview #results-list .search-results .match-result-link.docs a.pdf h3:before, #results-list .body-cms-preview .search-results .match-result-link.docs a.pdf h3:before, .body-cms-preview .search-results li.search-results.docs a.pdf h3:before, .body-cms-preview .search-results #pagination-items li.docs.search-results a.pdf h3:before, .body-cms-preview #pagination-items .search-results li.docs.search-results a.pdf h3:before, #pagination-items .body-cms-preview .search-results li.docs.search-results a.pdf h3:before, .body-cms-preview .search-results #results-list li.docs.search-results a.pdf h3:before, .body-cms-preview #results-list .search-results li.docs.search-results a.pdf h3:before, #results-list .body-cms-preview .search-results li.docs.search-results a.pdf h3:before {
  background-image: url("../../../images/vsprite.png");
}
.body-cms-preview .search-results .match-result-link.docs a.pdf h3:before, .body-cms-preview #pagination-items .search-results .match-result-link.docs a.pdf h3:before, #pagination-items .body-cms-preview .search-results .match-result-link.docs a.pdf h3:before, .body-cms-preview #results-list .search-results .match-result-link.docs a.pdf h3:before, #results-list .body-cms-preview .search-results .match-result-link.docs a.pdf h3:before, .body-cms-preview .search-results li.search-results.docs a.pdf h3:before, .body-cms-preview .search-results #pagination-items li.docs.search-results a.pdf h3:before, .body-cms-preview #pagination-items .search-results li.docs.search-results a.pdf h3:before, #pagination-items .body-cms-preview .search-results li.docs.search-results a.pdf h3:before, .body-cms-preview .search-results #results-list li.docs.search-results a.pdf h3:before, .body-cms-preview #results-list .search-results li.docs.search-results a.pdf h3:before, #results-list .body-cms-preview .search-results li.docs.search-results a.pdf h3:before {
  background-image: url("../../../images/vsprite.png");
}
.search-results .match-result-link.docs a.xlsx h3:before, #pagination-items .search-results .match-result-link.docs a.xlsx h3:before, #results-list .search-results .match-result-link.docs a.xlsx h3:before, .search-results .match-result-link.docs a.xls h3:before, #pagination-items .search-results .match-result-link.docs a.xls h3:before, #results-list .search-results .match-result-link.docs a.xls h3:before, .search-results li.search-results.docs a.xlsx h3:before, .search-results #pagination-items li.docs.search-results a.xlsx h3:before, #pagination-items .search-results li.docs.search-results a.xlsx h3:before, .search-results #results-list li.docs.search-results a.xlsx h3:before, #results-list .search-results li.docs.search-results a.xlsx h3:before, .search-results li.search-results.docs a.xls h3:before, .search-results #pagination-items li.docs.search-results a.xls h3:before, #pagination-items .search-results li.docs.search-results a.xls h3:before, .search-results #results-list li.docs.search-results a.xls h3:before, #results-list .search-results li.docs.search-results a.xls h3: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: -64px -160px;
  height: 32px;
  width: 32px;
  display: block;
}
.body-cms-preview .search-results .match-result-link.docs a.xlsx h3:before, .body-cms-preview #pagination-items .search-results .match-result-link.docs a.xlsx h3:before, #pagination-items .body-cms-preview .search-results .match-result-link.docs a.xlsx h3:before, .body-cms-preview #results-list .search-results .match-result-link.docs a.xlsx h3:before, #results-list .body-cms-preview .search-results .match-result-link.docs a.xlsx h3:before, .body-cms-preview .search-results .match-result-link.docs a.xls h3:before, .body-cms-preview #pagination-items .search-results .match-result-link.docs a.xls h3:before, #pagination-items .body-cms-preview .search-results .match-result-link.docs a.xls h3:before, .body-cms-preview #results-list .search-results .match-result-link.docs a.xls h3:before, #results-list .body-cms-preview .search-results .match-result-link.docs a.xls h3:before, .body-cms-preview .search-results li.search-results.docs a.xlsx h3:before, .body-cms-preview .search-results #pagination-items li.docs.search-results a.xlsx h3:before, .body-cms-preview #pagination-items .search-results li.docs.search-results a.xlsx h3:before, #pagination-items .body-cms-preview .search-results li.docs.search-results a.xlsx h3:before, .body-cms-preview .search-results #results-list li.docs.search-results a.xlsx h3:before, .body-cms-preview #results-list .search-results li.docs.search-results a.xlsx h3:before, #results-list .body-cms-preview .search-results li.docs.search-results a.xlsx h3:before, .body-cms-preview .search-results li.search-results.docs a.xls h3:before, .body-cms-preview .search-results #pagination-items li.docs.search-results a.xls h3:before, .body-cms-preview #pagination-items .search-results li.docs.search-results a.xls h3:before, #pagination-items .body-cms-preview .search-results li.docs.search-results a.xls h3:before, .body-cms-preview .search-results #results-list li.docs.search-results a.xls h3:before, .body-cms-preview #results-list .search-results li.docs.search-results a.xls h3:before, #results-list .body-cms-preview .search-results li.docs.search-results a.xls h3:before {
  background-image: url("../../../images/vsprite.png");
}
.body-cms-preview .search-results .match-result-link.docs a.xlsx h3:before, .body-cms-preview #pagination-items .search-results .match-result-link.docs a.xlsx h3:before, #pagination-items .body-cms-preview .search-results .match-result-link.docs a.xlsx h3:before, .body-cms-preview #results-list .search-results .match-result-link.docs a.xlsx h3:before, #results-list .body-cms-preview .search-results .match-result-link.docs a.xlsx h3:before, .body-cms-preview .search-results .match-result-link.docs a.xls h3:before, .body-cms-preview #pagination-items .search-results .match-result-link.docs a.xls h3:before, #pagination-items .body-cms-preview .search-results .match-result-link.docs a.xls h3:before, .body-cms-preview #results-list .search-results .match-result-link.docs a.xls h3:before, #results-list .body-cms-preview .search-results .match-result-link.docs a.xls h3:before, .body-cms-preview .search-results li.search-results.docs a.xlsx h3:before, .body-cms-preview .search-results #pagination-items li.docs.search-results a.xlsx h3:before, .body-cms-preview #pagination-items .search-results li.docs.search-results a.xlsx h3:before, #pagination-items .body-cms-preview .search-results li.docs.search-results a.xlsx h3:before, .body-cms-preview .search-results #results-list li.docs.search-results a.xlsx h3:before, .body-cms-preview #results-list .search-results li.docs.search-results a.xlsx h3:before, #results-list .body-cms-preview .search-results li.docs.search-results a.xlsx h3:before, .body-cms-preview .search-results li.search-results.docs a.xls h3:before, .body-cms-preview .search-results #pagination-items li.docs.search-results a.xls h3:before, .body-cms-preview #pagination-items .search-results li.docs.search-results a.xls h3:before, #pagination-items .body-cms-preview .search-results li.docs.search-results a.xls h3:before, .body-cms-preview .search-results #results-list li.docs.search-results a.xls h3:before, .body-cms-preview #results-list .search-results li.docs.search-results a.xls h3:before, #results-list .body-cms-preview .search-results li.docs.search-results a.xls h3:before {
  background-image: url("../../../images/vsprite.png");
}
.search-results .match-result-link.docs a.doc h3:before, #pagination-items .search-results .match-result-link.docs a.doc h3:before, #results-list .search-results .match-result-link.docs a.doc h3:before, .search-results .match-result-link.docs a.docx h3:before, #pagination-items .search-results .match-result-link.docs a.docx h3:before, #results-list .search-results .match-result-link.docs a.docx h3:before, .search-results li.search-results.docs a.doc h3:before, .search-results #pagination-items li.docs.search-results a.doc h3:before, #pagination-items .search-results li.docs.search-results a.doc h3:before, .search-results #results-list li.docs.search-results a.doc h3:before, #results-list .search-results li.docs.search-results a.doc h3:before, .search-results li.search-results.docs a.docx h3:before, .search-results #pagination-items li.docs.search-results a.docx h3:before, #pagination-items .search-results li.docs.search-results a.docx h3:before, .search-results #results-list li.docs.search-results a.docx h3:before, #results-list .search-results li.docs.search-results a.docx h3: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: -64px -192px;
  height: 32px;
  width: 32px;
  display: block;
}
.body-cms-preview .search-results .match-result-link.docs a.doc h3:before, .body-cms-preview #pagination-items .search-results .match-result-link.docs a.doc h3:before, #pagination-items .body-cms-preview .search-results .match-result-link.docs a.doc h3:before, .body-cms-preview #results-list .search-results .match-result-link.docs a.doc h3:before, #results-list .body-cms-preview .search-results .match-result-link.docs a.doc h3:before, .body-cms-preview .search-results .match-result-link.docs a.docx h3:before, .body-cms-preview #pagination-items .search-results .match-result-link.docs a.docx h3:before, #pagination-items .body-cms-preview .search-results .match-result-link.docs a.docx h3:before, .body-cms-preview #results-list .search-results .match-result-link.docs a.docx h3:before, #results-list .body-cms-preview .search-results .match-result-link.docs a.docx h3:before, .body-cms-preview .search-results li.search-results.docs a.doc h3:before, .body-cms-preview .search-results #pagination-items li.docs.search-results a.doc h3:before, .body-cms-preview #pagination-items .search-results li.docs.search-results a.doc h3:before, #pagination-items .body-cms-preview .search-results li.docs.search-results a.doc h3:before, .body-cms-preview .search-results #results-list li.docs.search-results a.doc h3:before, .body-cms-preview #results-list .search-results li.docs.search-results a.doc h3:before, #results-list .body-cms-preview .search-results li.docs.search-results a.doc h3:before, .body-cms-preview .search-results li.search-results.docs a.docx h3:before, .body-cms-preview .search-results #pagination-items li.docs.search-results a.docx h3:before, .body-cms-preview #pagination-items .search-results li.docs.search-results a.docx h3:before, #pagination-items .body-cms-preview .search-results li.docs.search-results a.docx h3:before, .body-cms-preview .search-results #results-list li.docs.search-results a.docx h3:before, .body-cms-preview #results-list .search-results li.docs.search-results a.docx h3:before, #results-list .body-cms-preview .search-results li.docs.search-results a.docx h3:before {
  background-image: url("../../../images/vsprite.png");
}
.body-cms-preview .search-results .match-result-link.docs a.doc h3:before, .body-cms-preview #pagination-items .search-results .match-result-link.docs a.doc h3:before, #pagination-items .body-cms-preview .search-results .match-result-link.docs a.doc h3:before, .body-cms-preview #results-list .search-results .match-result-link.docs a.doc h3:before, #results-list .body-cms-preview .search-results .match-result-link.docs a.doc h3:before, .body-cms-preview .search-results .match-result-link.docs a.docx h3:before, .body-cms-preview #pagination-items .search-results .match-result-link.docs a.docx h3:before, #pagination-items .body-cms-preview .search-results .match-result-link.docs a.docx h3:before, .body-cms-preview #results-list .search-results .match-result-link.docs a.docx h3:before, #results-list .body-cms-preview .search-results .match-result-link.docs a.docx h3:before, .body-cms-preview .search-results li.search-results.docs a.doc h3:before, .body-cms-preview .search-results #pagination-items li.docs.search-results a.doc h3:before, .body-cms-preview #pagination-items .search-results li.docs.search-results a.doc h3:before, #pagination-items .body-cms-preview .search-results li.docs.search-results a.doc h3:before, .body-cms-preview .search-results #results-list li.docs.search-results a.doc h3:before, .body-cms-preview #results-list .search-results li.docs.search-results a.doc h3:before, #results-list .body-cms-preview .search-results li.docs.search-results a.doc h3:before, .body-cms-preview .search-results li.search-results.docs a.docx h3:before, .body-cms-preview .search-results #pagination-items li.docs.search-results a.docx h3:before, .body-cms-preview #pagination-items .search-results li.docs.search-results a.docx h3:before, #pagination-items .body-cms-preview .search-results li.docs.search-results a.docx h3:before, .body-cms-preview .search-results #results-list li.docs.search-results a.docx h3:before, .body-cms-preview #results-list .search-results li.docs.search-results a.docx h3:before, #results-list .body-cms-preview .search-results li.docs.search-results a.docx h3:before {
  background-image: url("../../../images/vsprite.png");
}
.search-results .match-result-link.docs a.ppt h3:before, #pagination-items .search-results .match-result-link.docs a.ppt h3:before, #results-list .search-results .match-result-link.docs a.ppt h3:before, .search-results .match-result-link.docs a.pptx h3:before, #pagination-items .search-results .match-result-link.docs a.pptx h3:before, #results-list .search-results .match-result-link.docs a.pptx h3:before, .search-results li.search-results.docs a.ppt h3:before, .search-results #pagination-items li.docs.search-results a.ppt h3:before, #pagination-items .search-results li.docs.search-results a.ppt h3:before, .search-results #results-list li.docs.search-results a.ppt h3:before, #results-list .search-results li.docs.search-results a.ppt h3:before, .search-results li.search-results.docs a.pptx h3:before, .search-results #pagination-items li.docs.search-results a.pptx h3:before, #pagination-items .search-results li.docs.search-results a.pptx h3:before, .search-results #results-list li.docs.search-results a.pptx h3:before, #results-list .search-results li.docs.search-results a.pptx h3: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: -64px -192px;
  height: 32px;
  width: 32px;
  display: block;
}
.body-cms-preview .search-results .match-result-link.docs a.ppt h3:before, .body-cms-preview #pagination-items .search-results .match-result-link.docs a.ppt h3:before, #pagination-items .body-cms-preview .search-results .match-result-link.docs a.ppt h3:before, .body-cms-preview #results-list .search-results .match-result-link.docs a.ppt h3:before, #results-list .body-cms-preview .search-results .match-result-link.docs a.ppt h3:before, .body-cms-preview .search-results .match-result-link.docs a.pptx h3:before, .body-cms-preview #pagination-items .search-results .match-result-link.docs a.pptx h3:before, #pagination-items .body-cms-preview .search-results .match-result-link.docs a.pptx h3:before, .body-cms-preview #results-list .search-results .match-result-link.docs a.pptx h3:before, #results-list .body-cms-preview .search-results .match-result-link.docs a.pptx h3:before, .body-cms-preview .search-results li.search-results.docs a.ppt h3:before, .body-cms-preview .search-results #pagination-items li.docs.search-results a.ppt h3:before, .body-cms-preview #pagination-items .search-results li.docs.search-results a.ppt h3:before, #pagination-items .body-cms-preview .search-results li.docs.search-results a.ppt h3:before, .body-cms-preview .search-results #results-list li.docs.search-results a.ppt h3:before, .body-cms-preview #results-list .search-results li.docs.search-results a.ppt h3:before, #results-list .body-cms-preview .search-results li.docs.search-results a.ppt h3:before, .body-cms-preview .search-results li.search-results.docs a.pptx h3:before, .body-cms-preview .search-results #pagination-items li.docs.search-results a.pptx h3:before, .body-cms-preview #pagination-items .search-results li.docs.search-results a.pptx h3:before, #pagination-items .body-cms-preview .search-results li.docs.search-results a.pptx h3:before, .body-cms-preview .search-results #results-list li.docs.search-results a.pptx h3:before, .body-cms-preview #results-list .search-results li.docs.search-results a.pptx h3:before, #results-list .body-cms-preview .search-results li.docs.search-results a.pptx h3:before {
  background-image: url("../../../images/vsprite.png");
}
.body-cms-preview .search-results .match-result-link.docs a.ppt h3:before, .body-cms-preview #pagination-items .search-results .match-result-link.docs a.ppt h3:before, #pagination-items .body-cms-preview .search-results .match-result-link.docs a.ppt h3:before, .body-cms-preview #results-list .search-results .match-result-link.docs a.ppt h3:before, #results-list .body-cms-preview .search-results .match-result-link.docs a.ppt h3:before, .body-cms-preview .search-results .match-result-link.docs a.pptx h3:before, .body-cms-preview #pagination-items .search-results .match-result-link.docs a.pptx h3:before, #pagination-items .body-cms-preview .search-results .match-result-link.docs a.pptx h3:before, .body-cms-preview #results-list .search-results .match-result-link.docs a.pptx h3:before, #results-list .body-cms-preview .search-results .match-result-link.docs a.pptx h3:before, .body-cms-preview .search-results li.search-results.docs a.ppt h3:before, .body-cms-preview .search-results #pagination-items li.docs.search-results a.ppt h3:before, .body-cms-preview #pagination-items .search-results li.docs.search-results a.ppt h3:before, #pagination-items .body-cms-preview .search-results li.docs.search-results a.ppt h3:before, .body-cms-preview .search-results #results-list li.docs.search-results a.ppt h3:before, .body-cms-preview #results-list .search-results li.docs.search-results a.ppt h3:before, #results-list .body-cms-preview .search-results li.docs.search-results a.ppt h3:before, .body-cms-preview .search-results li.search-results.docs a.pptx h3:before, .body-cms-preview .search-results #pagination-items li.docs.search-results a.pptx h3:before, .body-cms-preview #pagination-items .search-results li.docs.search-results a.pptx h3:before, #pagination-items .body-cms-preview .search-results li.docs.search-results a.pptx h3:before, .body-cms-preview .search-results #results-list li.docs.search-results a.pptx h3:before, .body-cms-preview #results-list .search-results li.docs.search-results a.pptx h3:before, #results-list .body-cms-preview .search-results li.docs.search-results a.pptx h3:before {
  background-image: url("../../../images/vsprite.png");
}
.search-results .match-result-link.docs a.rtf h3:before, #pagination-items .search-results .match-result-link.docs a.rtf h3:before, #results-list .search-results .match-result-link.docs a.rtf h3:before, .search-results li.search-results.docs a.rtf h3:before, .search-results #pagination-items li.docs.search-results a.rtf h3:before, #pagination-items .search-results li.docs.search-results a.rtf h3:before, .search-results #results-list li.docs.search-results a.rtf h3:before, #results-list .search-results li.docs.search-results a.rtf h3: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: -64px -192px;
  height: 32px;
  width: 32px;
  display: block;
}
.body-cms-preview .search-results .match-result-link.docs a.rtf h3:before, .body-cms-preview #pagination-items .search-results .match-result-link.docs a.rtf h3:before, #pagination-items .body-cms-preview .search-results .match-result-link.docs a.rtf h3:before, .body-cms-preview #results-list .search-results .match-result-link.docs a.rtf h3:before, #results-list .body-cms-preview .search-results .match-result-link.docs a.rtf h3:before, .body-cms-preview .search-results li.search-results.docs a.rtf h3:before, .body-cms-preview .search-results #pagination-items li.docs.search-results a.rtf h3:before, .body-cms-preview #pagination-items .search-results li.docs.search-results a.rtf h3:before, #pagination-items .body-cms-preview .search-results li.docs.search-results a.rtf h3:before, .body-cms-preview .search-results #results-list li.docs.search-results a.rtf h3:before, .body-cms-preview #results-list .search-results li.docs.search-results a.rtf h3:before, #results-list .body-cms-preview .search-results li.docs.search-results a.rtf h3:before {
  background-image: url("../../../images/vsprite.png");
}
.body-cms-preview .search-results .match-result-link.docs a.rtf h3:before, .body-cms-preview #pagination-items .search-results .match-result-link.docs a.rtf h3:before, #pagination-items .body-cms-preview .search-results .match-result-link.docs a.rtf h3:before, .body-cms-preview #results-list .search-results .match-result-link.docs a.rtf h3:before, #results-list .body-cms-preview .search-results .match-result-link.docs a.rtf h3:before, .body-cms-preview .search-results li.search-results.docs a.rtf h3:before, .body-cms-preview .search-results #pagination-items li.docs.search-results a.rtf h3:before, .body-cms-preview #pagination-items .search-results li.docs.search-results a.rtf h3:before, #pagination-items .body-cms-preview .search-results li.docs.search-results a.rtf h3:before, .body-cms-preview .search-results #results-list li.docs.search-results a.rtf h3:before, .body-cms-preview #results-list .search-results li.docs.search-results a.rtf h3:before, #results-list .body-cms-preview .search-results li.docs.search-results a.rtf h3:before {
  background-image: url("../../../images/vsprite.png");
}
.search-results .match-result-link.docs a.jpg h3:before, #pagination-items .search-results .match-result-link.docs a.jpg h3:before, #results-list .search-results .match-result-link.docs a.jpg h3:before, .search-results li.search-results.docs a.jpg h3:before, .search-results #pagination-items li.docs.search-results a.jpg h3:before, #pagination-items .search-results li.docs.search-results a.jpg h3:before, .search-results #results-list li.docs.search-results a.jpg h3:before, #results-list .search-results li.docs.search-results a.jpg h3: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: -64px -96px;
  height: 32px;
  width: 32px;
  display: block;
}
.body-cms-preview .search-results .match-result-link.docs a.jpg h3:before, .body-cms-preview #pagination-items .search-results .match-result-link.docs a.jpg h3:before, #pagination-items .body-cms-preview .search-results .match-result-link.docs a.jpg h3:before, .body-cms-preview #results-list .search-results .match-result-link.docs a.jpg h3:before, #results-list .body-cms-preview .search-results .match-result-link.docs a.jpg h3:before, .body-cms-preview .search-results li.search-results.docs a.jpg h3:before, .body-cms-preview .search-results #pagination-items li.docs.search-results a.jpg h3:before, .body-cms-preview #pagination-items .search-results li.docs.search-results a.jpg h3:before, #pagination-items .body-cms-preview .search-results li.docs.search-results a.jpg h3:before, .body-cms-preview .search-results #results-list li.docs.search-results a.jpg h3:before, .body-cms-preview #results-list .search-results li.docs.search-results a.jpg h3:before, #results-list .body-cms-preview .search-results li.docs.search-results a.jpg h3:before {
  background-image: url("../../../images/vsprite.png");
}
.body-cms-preview .search-results .match-result-link.docs a.jpg h3:before, .body-cms-preview #pagination-items .search-results .match-result-link.docs a.jpg h3:before, #pagination-items .body-cms-preview .search-results .match-result-link.docs a.jpg h3:before, .body-cms-preview #results-list .search-results .match-result-link.docs a.jpg h3:before, #results-list .body-cms-preview .search-results .match-result-link.docs a.jpg h3:before, .body-cms-preview .search-results li.search-results.docs a.jpg h3:before, .body-cms-preview .search-results #pagination-items li.docs.search-results a.jpg h3:before, .body-cms-preview #pagination-items .search-results li.docs.search-results a.jpg h3:before, #pagination-items .body-cms-preview .search-results li.docs.search-results a.jpg h3:before, .body-cms-preview .search-results #results-list li.docs.search-results a.jpg h3:before, .body-cms-preview #results-list .search-results li.docs.search-results a.jpg h3:before, #results-list .body-cms-preview .search-results li.docs.search-results a.jpg h3:before {
  background-image: url("../../../images/vsprite.png");
}
.search-results .match-result-link.docs a.zip h3:before, #pagination-items .search-results .match-result-link.docs a.zip h3:before, #results-list .search-results .match-result-link.docs a.zip h3:before, .search-results li.search-results.docs a.zip h3:before, .search-results #pagination-items li.docs.search-results a.zip h3:before, #pagination-items .search-results li.docs.search-results a.zip h3:before, .search-results #results-list li.docs.search-results a.zip h3:before, #results-list .search-results li.docs.search-results a.zip h3: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: -64px -128px;
  height: 32px;
  width: 32px;
  display: block;
}
.body-cms-preview .search-results .match-result-link.docs a.zip h3:before, .body-cms-preview #pagination-items .search-results .match-result-link.docs a.zip h3:before, #pagination-items .body-cms-preview .search-results .match-result-link.docs a.zip h3:before, .body-cms-preview #results-list .search-results .match-result-link.docs a.zip h3:before, #results-list .body-cms-preview .search-results .match-result-link.docs a.zip h3:before, .body-cms-preview .search-results li.search-results.docs a.zip h3:before, .body-cms-preview .search-results #pagination-items li.docs.search-results a.zip h3:before, .body-cms-preview #pagination-items .search-results li.docs.search-results a.zip h3:before, #pagination-items .body-cms-preview .search-results li.docs.search-results a.zip h3:before, .body-cms-preview .search-results #results-list li.docs.search-results a.zip h3:before, .body-cms-preview #results-list .search-results li.docs.search-results a.zip h3:before, #results-list .body-cms-preview .search-results li.docs.search-results a.zip h3:before {
  background-image: url("../../../images/vsprite.png");
}
.body-cms-preview .search-results .match-result-link.docs a.zip h3:before, .body-cms-preview #pagination-items .search-results .match-result-link.docs a.zip h3:before, #pagination-items .body-cms-preview .search-results .match-result-link.docs a.zip h3:before, .body-cms-preview #results-list .search-results .match-result-link.docs a.zip h3:before, #results-list .body-cms-preview .search-results .match-result-link.docs a.zip h3:before, .body-cms-preview .search-results li.search-results.docs a.zip h3:before, .body-cms-preview .search-results #pagination-items li.docs.search-results a.zip h3:before, .body-cms-preview #pagination-items .search-results li.docs.search-results a.zip h3:before, #pagination-items .body-cms-preview .search-results li.docs.search-results a.zip h3:before, .body-cms-preview .search-results #results-list li.docs.search-results a.zip h3:before, .body-cms-preview #results-list .search-results li.docs.search-results a.zip h3:before, #results-list .body-cms-preview .search-results li.docs.search-results a.zip h3:before {
  background-image: url("../../../images/vsprite.png");
}
.search-results .match-result-link p, #pagination-items .search-results .match-result-link p, #results-list .search-results .match-result-link p {
  margin-bottom: 0;
  padding-right: 25px;
  color: #2d3039;
  overflow: hidden;
  max-height: 110px;
  position: relative;
  line-height: 22px;
  background: inherit;
  word-wrap: break-word;
  word-break: break-word;
}
.search-results .match-result-link p em, #pagination-items .search-results .match-result-link p em, #results-list .search-results .match-result-link p em {
  background: #d8e3f0;
  font-style: normal;
}
.search-results a.search-url, #pagination-items .search-results a.search-url, #results-list .search-results a.search-url {
  padding-top: 10px;
}
.search-results h3, #pagination-items .search-results h3, #results-list .search-results h3, .search-results .search-result-text a h3, #pagination-items .search-results .search-result-text a h3, #results-list .search-results .search-result-text a h3 {
  word-wrap: break-word;
  word-break: break-word;
  color: #2070b0;
}
.search-results h3:hover, #pagination-items .search-results h3:hover, #results-list .search-results h3:hover, .search-results .search-result-text a h3:hover, #pagination-items .search-results .search-result-text a h3:hover, #results-list .search-results .search-result-text a h3:hover {
  text-decoration: underline;
}

.search-filter-results {
  margin-bottom: 20px;
}

#pagination-items, #results-list {
  margin-left: 0;
}
#pagination-items li, #results-list li {
  list-style: none;
}
#pagination-items li.search-results, #results-list li.search-results {
  margin-top: 30px;
}
#pagination-items .search-results .search-result-text, #results-list .search-results .search-result-text {
  position: relative;
  margin-bottom: 10px;
}
#pagination-items .search-results .search-result-text p, #results-list .search-results .search-result-text p {
  margin-bottom: 0;
  padding-right: 25px;
  color: #000;
}
#pagination-items .search-results .search-result-text h3, #results-list .search-results .search-result-text h3 {
  color: #000;
}
#pagination-items .search-results .search-tags, #results-list .search-results .search-tags {
  display: none;
}

.re-search {
  margin-bottom: 5px;
}
.re-search span {
  float: left;
  width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
.re-search .remove-content-container {
  float: left;
  width: 100%;
}
.re-search .primary-button {
  float: left;
  width: 25%;
  min-width: 70px;
}

.results-filter-box label.heading {
  float: left;
  width: 100%;
  text-align: left;
}
.results-filter-box label.heading.results-from {
  width: 100%;
  margin-left: 0;
}
.results-filter-box span.heading.results-from {
  font-weight: bold;
  border: none;
}
.results-filter-box .sort-by {
  float: left;
  width: 100%;
  margin-top: 5px;
}
.results-filter-box .sort-by .selector {
  width: 100%;
  float: left;
}
.results-filter-box .sort-by .primary-button {
  margin-bottom: 10px;
}
.results-filter-box .num-pages-holder {
  width: 47.46%;
  margin-right: 2.54%;
  float: left;
}
.results-filter-box .sort-by-holder {
  width: 50%;
  float: left;
}
.results-filter-box .results-from {
  padding-top: 5px;
  float: left;
  width: 100%;
}
.results-filter-box .results-from span.heading {
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
}
.results-filter-box .results-from .selector {
  width: 100%;
  float: left;
}

/**************************************************
	M068 timetable options
* Author: Alex Faunt
* Created: 19/11/2013
* Pattern library URL: Google Drive\NWP\Front-end\Pattern library\Modules\M068-timetable-options
**************************************************/
.timetable-options {
  background-color: #eeeeee;
  border-bottom: 3px solid #cccccc;
  padding: 10px;
}
.timetable-options > * {
  margin-bottom: 10px;
}
.timetable-options > p {
  margin-bottom: 15px;
}
.timetable-options .hidden {
  display: none;
}
.timetable-options hr {
  padding: 0;
  margin: 0 -10px 10px;
  border: 0 none;
  border-top: 1px dotted #cccccc;
  height: 0;
  background: transparent;
}
.timetable-options .select-from-to {
  padding-right: 60px;
  position: relative;
}
.timetable-options .select-from-to .edit {
  position: absolute;
  top: 0;
  right: 0;
}
.timetable-options .edit {
  width: auto;
  min-width: 50px;
}
.timetable-options .edit.full-width {
  display: block;
}
.timetable-options .edit.full-width .i {
  display: inline-block;
  margin-top: -16px;
  position: relative;
  top: 4px;
}
.timetable-options .field {
  padding-left: 50px;
  position: relative;
  font-weight: bold;
  margin-bottom: 0;
}
.timetable-options .field .label {
  position: absolute;
  left: 0;
  top: 0;
  font-weight: normal;
}
.timetable-options .field .extra {
  font-weight: normal;
}
.timetable-options .select-time-range .half-width {
  width: 50%;
  padding-right: 5px;
  float: left;
}
.timetable-options .select-time-range .half-width + .half-width {
  padding-right: 0;
  padding-left: 5px;
}
.timetable-options .select-time-range .half-width .selector {
  margin: 0;
}
.timetable-options .select-time-range input[type=submit] {
  display: none;
}
.no-js .timetable-options .select-time-range input[type=submit] {
  display: block;
  position: relative;
  top: 10px;
}
.timetable-options .line-info {
  padding-left: 70px;
  position: relative;
  min-height: 45px;
}
.timetable-options .line-info .route {
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 45px;
  text-align: center;
  line-height: 45px;
  color: #fff;
  background-color: #cc3333;
  font-size: 30px;
  padding-top: 2px;
}
.timetable-options .line-info .towards {
  font-weight: bold;
  *display: block;
}
.timetable-options .stop-info {
  position: relative;
  min-height: 40px;
  padding-right: 60px;
}
.timetable-options .stop-info .label {
  line-height: 29px;
  height: 29px;
  float: left;
  font-weight: bold;
}
.timetable-options .stop-info .stop-name {
  font-weight: bold;
}
.timetable-options .stop-info .stop-letter {
  background-color: #cc3333;
  color: #fff;
  border-radius: 50%;
  width: 29px;
  text-align: center;
  position: absolute;
  height: 29px;
  margin-left: 5px;
  line-height: 29px;
  float: left;
}
.timetable-options .stop-info .edit {
  position: absolute;
  top: 0;
  right: 0;
}
.station-details .timetable-options {
  background-color: transparent;
  border-bottom: none 0px;
  padding: 0;
}
.station-details .timetable-options:last-child {
  margin-bottom: -10px;
}
.station-details .timetable-options .half-width {
  padding: 0;
  width: 100%;
  float: none;
}
.station-details .timetable-options input[type=submit] {
  display: none;
}
.no-js .station-details .timetable-options input[type=submit] {
  display: block;
}

/**************************************************
	M069 timetable list
* Author: Alex Faunt
* Created: 19/11/2013
* Pattern library URL: Google Drive\NWP\Front-end\Pattern library\Modules\M069-timetable-list
**************************************************/
.timetable-list {
  margin: 0 0 20px;
  padding: 0;
  list-style-type: none;
  position: relative;
}
.timetable-list > *:nth-child(odd) {
  background-color: #f7f7f7;
}
.timetable-list > * {
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.timetable-list > *:hover, .timetable-list > *:focus {
  background-color: #eff6fd;
}
.timetable-list a {
  display: block;
  padding: 10px 32px 10px 10px;
  position: relative;
  min-height: 50px;
  color: #2d3039;
  text-decoration: none;
  white-space: nowrap;
}
.timetable-list a:before {
  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;
  height: 32px;
  width: 32px;
  background-position: 0px -640px;
}
.body-cms-preview .timetable-list a:before {
  background-image: url("../../../images/vsprite.png");
}
.timetable-list a:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
  font-size: 0;
}
.timetable-list .period {
  width: 105px;
  padding: 5px 10px 5px 0;
  vertical-align: middle;
  margin: 0;
  position: absolute;
  left: 10px;
  top: 10px;
  bottom: 10px;
  border-right: 1px dotted #cccccc;
}
.timetable-list .period + * {
  padding: 5px 0 5px 115px;
  display: block;
  height: 100%;
  vertical-align: middle;
}
.timetable-list .period .label {
  width: 50px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.timetable-list .period .time {
  font-weight: bold;
}
.timetable-list .single-departure {
  font-weight: bold;
}
.timetable-list .single-departure > a {
  line-height: 30px;
}
.timetable-list .time-group .times {
  margin: 0;
  list-style-type: none;
}
.timetable-list .specific-departure .route .terminates, .timetable-list .specific-departure .route .via {
  display: block;
  word-wrap: break-word;
  white-space: normal;
}
.timetable-list .specific-departure .route .terminates {
  font-size: 18px;
}
.timetable-list .specific-departure .route .via {
  color: #676767;
}
.timetable-list .load-more {
  background: #fff;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
  display: none;
}
.timetable-list .load-more:hover, .timetable-list .load-more:focus {
  background-color: #eff6fd;
}
.timetable-list .load-more a {
  text-align: center;
  min-height: 0px;
}
.timetable-list .load-more a:before {
  display: none;
}
.timetable-list .load-more a span {
  position: relative;
  color: #2070b0;
}
.timetable-list .load-more a span:before {
  content: "";
  position: absolute;
  right: 100%;
  top: 50%;
  border-style: solid;
  border-color: #2070b0 transparent transparent;
  border-width: 5px 6px;
  margin-top: -2px;
  margin-right: 5px;
}
.timetable-list.compact .compact-hidden {
  display: none;
}
.timetable-list.compact .compact-hidden.load-more {
  display: block;
}

.timetable-list-message {
  margin: 20px 0;
}

/**************************************************
	M071 flip table
* Author: Adrian Osmond
* Created: 20/11/2013
* Pattern library URL: Google Drive\NWP\Front-end\Pattern library\Modules\M071-flip-table
**************************************************/
.flip-table {
  width: 100%;
  margin-bottom: 10px;
}
.flip-table tr {
  border: 1px solid #cccccc;
  border-top: 0;
}
.flip-table td {
  text-align: center;
  padding: 5px 10px;
}
.flip-table thead tr {
  border-top: 1px solid #cccccc;
  background-color: #fff;
}
.flip-table thead td {
  font-weight: bold;
}
.flip-table.flipped thead {
  display: none;
}
.flip-table.flipped tr {
  display: table;
  width: 100%;
  border: 0;
}
.flip-table.flipped td {
  display: table-row;
  padding-left: 50%;
  text-align: left;
  border: 1px solid #cccccc;
  border-top-width: 0;
}
.flip-table.flipped td:nth-child(even) {
  background-color: #fff;
}
.flip-table.flipped td:first-child {
  border-top-width: 1px;
}
.flip-table.flipped td:before {
  display: table-cell;
  width: 50%;
  padding: 5px 10px;
  font-weight: bold;
}
.flip-table.flipped td .cell {
  display: table-cell;
  width: 50%;
  padding: 5px 10px;
  border-left: 1px solid #cccccc;
  vertical-align: middle;
}

/**************************************************
	M073 more info header
* Author: Alex Faunt
* Created: 10/12/2013
* Pattern library URL: Google Drive\NWP\Front-end\Pattern library\Modules\M073-more-info-header
**************************************************/
.more-info-header .header {
  position: relative;
  padding-right: 128px;
}
.more-info-header.expanded .more-info {
  display: block;
}
.more-info-header .more-info {
  background-color: #eff6fd;
  padding: 20px 10px;
  border-bottom: 3px solid #cccccc;
  border-top: 3px solid #cccccc;
  z-index: 10;
  position: relative;
  margin-top: 20px;
  display: none;
}
.more-info-header .more-info > :last-child {
  margin-bottom: 0;
}
.more-info-header .more-info:after {
  position: absolute;
  content: "";
  top: -20px;
  right: 20px;
  border-width: 10px;
  height: 0;
  width: 0;
  border-style: solid;
  border-color: transparent transparent #eff6fd;
  z-index: 12;
}
.more-info-header .more-info:before {
  position: absolute;
  content: "";
  top: -27px;
  right: 17px;
  border-width: 13px;
  height: 0;
  width: 0;
  border-style: solid;
  border-color: transparent transparent #cccccc;
  z-index: 11;
}
.more-info-header .show-more-info {
  position: absolute;
  right: 0;
  bottom: 2px;
  padding-right: 42px;
}
.more-info-header .show-more-info .info-icon {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  right: 0;
}
.more-info-header.widget-wrapper .header {
  padding-right: 138px;
}
.more-info-header.widget-wrapper .header .show-more-info {
  font-size: 15px;
  font-weight: normal;
  bottom: auto;
  top: 16px;
  right: 10px;
  font-family: arial;
}
.more-info-header.widget-wrapper.expanded .widget-heading {
  padding-bottom: 12px;
}
.more-info-header.widget-wrapper .more-info {
  margin-top: 0px;
}

/**************************************************
	M074 dashed table
* Author: Alex Faunt
* Created: 10/12/2013
* Pattern library URL: Google Drive\NWP\Front-end\Pattern library\Modules\M074-dashed-table
**************************************************/
.dashed-table {
  background-color: #fff;
  display: table;
  width: 100%;
  border-bottom: 1px solid #cccccc;
  margin-bottom: -1px;
}
.dashed-table .row {
  display: table-row;
}
.dashed-table .row > * {
  display: table-cell;
  padding: 20px 10px;
  position: relative;
  /*border-bottom: 1px dashed $light-grey-border-colour;*/
}
.dashed-table .row > * > :last-child {
  margin-bottom: 0;
}
.dashed-table .row > * > p .sub-text {
  display: block;
  font-weight: normal;
  color: #676767;
}
.dashed-table .row:last-child > * {
  border-bottom: 0;
}
.dashed-table .label:before, .dashed-table .label-no-height:before {
  content: " ";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.dashed-table .label:after, .dashed-table .label-no-height:after {
  content: "";
  position: absolute;
  top: 10px;
  right: 0px;
  bottom: 10px;
  border-right: 1px dashed #cccccc;
}
.dashed-table .label > p, .dashed-table .label-no-height > p {
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
}
.dashed-table .label > p.with-icon, .dashed-table .label-no-height > p.with-icon {
  position: relative;
  padding-left: 38px;
}
.dashed-table .label > p.with-icon .i, .dashed-table .label-no-height > p.with-icon .i {
  position: absolute;
  display: block;
  left: 0;
  top: 50%;
  margin-top: -16px;
}
.dashed-table .label-no-height {
  vertical-align: top;
}
.dashed-table .label-no-height:before {
  height: auto;
  vertical-align: top;
  display: inline;
}
.dashed-table .label-no-height > p {
  display: block;
  vertical-align: top;
  font-weight: bold;
}

/**************************************************
	M072-press-listing
* Author: John Boyle
* Created: 22/11/2013
* Pattern library URL:  
**************************************************/
.press-listing-wrap {
  margin-bottom: 15px;
}
.press-listing-wrap .press-listing h2 {
  margin-bottom: 0;
}
.press-listing-wrap .press-listing p {
  color: #666;
}
.press-listing-wrap .press-listing .news-teaser {
  background: #fff;
  margin-bottom: 0;
  margin-top: 0;
  border: none;
  border: 1px solid #cccccc;
}
.press-listing-wrap .press-listing .latest {
  padding: 0 5px;
  background: #1a5a92;
  color: white;
  font-size: 11pt;
  font-weight: bold;
  width: 62px;
  margin-bottom: 10px;
}
.press-listing-wrap .press-listing.multiple-release .news-teaser {
  border-bottom: none;
}
.press-listing-wrap .press-listing.multiple-release .news-teaser > a {
  border-bottom: none;
}
.press-listing-wrap .press-listing.multiple-release .news-teaser:last-child {
  border-bottom: 3px solid #cccccc;
}
.press-listing-wrap .plain-button {
  background: #eeeeee;
  border-bottom: 3px solid #cccccc;
  margin: 10px 0 15px 0;
}
.press-listing-wrap .plain-button:after {
  margin-right: 0;
}

/**************************************************
	M046-fact-box
* Author: John Boyle
* Created: 31/10/2013
* Pattern library URL:
**************************************************/
.fact-box-wrapper {
  width: 100%;
  border: solid 1px #a8a8a8;
  padding: 10px;
  margin-bottom: 20px;
}
.fact-box-wrapper span {
  font-size: 30px;
  display: block;
  line-height: 1;
  width: 100%;
}
.fact-box-wrapper span.blue-span {
  color: #2070b0;
  margin: 0 0 10px 0;
}
.fact-box-wrapper.blue-fact-box {
  background: #eff6fc;
  border-color: #eff6fc;
}
.fact-box-wrapper .vertical-button-container {
  margin: 20px 0 5px;
}

/**************************************************
	M073-Other-Languages
* Author: John Boyle
* Re-Created: 03/12/2013
* Pattern library URL:  
**************************************************/
.other-languages-wrap {
  background: #eeeeee;
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}
.other-languages-wrap:after {
  height: 45px;
  width: 45px;
  position: absolute;
  content: '';
  top: -20px;
  right: 20px;
  background-image: url("/static/1/images/language_icon.png");
}
.other-languages-wrap .other-languages {
  padding: 20px 10px 10px;
  width: 100%;
}
.other-languages-wrap .other-languages h3 {
  margin-bottom: 20px;
}
.other-languages-wrap .other-languages ul {
  margin-left: 0;
  margin-bottom: 0;
}
.other-languages-wrap .other-languages ul li {
  list-style: none;
  display: inline-block;
  width: calc(50% - 5px);
  background: #f7f7f7;
  margin-bottom: 10px;
  position: relative;
}
.other-languages-wrap .other-languages ul li:hover {
  background-color: #eff6fd;
}
.other-languages-wrap .other-languages ul li:nth-child(even) {
  margin-left: 5px;
}
.other-languages-wrap .other-languages ul li:nth-child(odd) {
  margin-right: 5px;
}
.other-languages-wrap .other-languages ul li a {
  display: block;
  padding: 10px;
}
.other-languages-wrap .other-languages ul li a: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: 5px;
  right: 0;
  content: "";
}
.body-cms-preview .other-languages-wrap .other-languages ul li a:after {
  background-image: url("../../../images/vsprite.png");
}
.other-languages-wrap .other-languages ul li a:hover {
  text-decoration: none;
}
.other-languages-wrap .more-button {
  border-top: 1px solid #cccccc;
  padding: 10px;
  position: relative;
  padding-left: 40px;
  cursor: pointer;
  color: #2070b0;
  border-bottom: 3px solid #cccccc;
}
.other-languages-wrap .more-button:after {
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  background-position: -64px -704px;
  height: 32px;
  width: 32px;
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
  content: "";
}
.body-cms-preview .other-languages-wrap .more-button:after {
  background-image: url("../../../images/vsprite.png");
}
.other-languages-wrap .more-button.hidden-languages:after {
  background-image: none;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 5.5px 8px 5.5px;
  border-color: transparent transparent #1a5a92 transparent;
  position: absolute;
  top: 17px;
  left: 15px;
  content: "";
}

/**************************************************
	M078-advert-tile
* Author: Alex Faunt
* Re-Created: 17/12/2013
* Pattern library URL:  
**************************************************/
.advert-tile {
  margin: 0 auto 20px;
  height: 284px;
}
#promo-slot .advert-tile {
  display: block;
}
@media (max-width: 332px) {
  .advert-tile .advert-content {
    -webkit-transform: scale(0.86);
    -moz-transform: scale(0.86);
    -ms-transform: scale(0.86);
    -o-transform: scale(0.86);
    transform: scale(0.86);
  }
}
@media (min-width: 580px) and (max-width: 667px) {
  .aside .advert-tile .advert-content {
    -webkit-transform: scale(0.86);
    -moz-transform: scale(0.86);
    -ms-transform: scale(0.86);
    -o-transform: scale(0.86);
    transform: scale(0.86);
  }
}
@media (min-width: 900px) and (max-width: 1020px) {
  .aside .advert-tile .advert-content {
    -webkit-transform: scale(0.86);
    -moz-transform: scale(0.86);
    -ms-transform: scale(0.86);
    -o-transform: scale(0.86);
    transform: scale(0.86);
  }
}
@media (min-width: 580px) and (max-width: 667px) {
  .main-and-aside.one-row .main .advert-tile .advert-content {
    -webkit-transform: scale(0.86);
    -moz-transform: scale(0.86);
    -ms-transform: scale(0.86);
    -o-transform: scale(0.86);
    transform: scale(0.86);
  }
}
@media (min-width: 900px) and (max-width: 1020px) {
  .main-and-aside.one-row .main .advert-tile .advert-content {
    -webkit-transform: scale(0.86);
    -moz-transform: scale(0.86);
    -ms-transform: scale(0.86);
    -o-transform: scale(0.86);
    transform: scale(0.86);
  }
}
.main-and-aside.one-row .main .content-area .advert-tile {
  display: block;
}
.advert-tile .advert-link {
  display: block;
  position: relative;
  padding-bottom: 24px;
  text-decoration: none;
}
.advert-tile .advert-link:focus .caption, .advert-tile .advert-link:hover .caption {
  background-color: #2d3039;
  -webkit-transition: background-color 0s;
  -moz-transition: background-color 0s;
  transition: background-color 0s;
}
.no-caption .advert-tile .advert-link {
  height: 100%;
}
.advert-tile .advert-block-link {
  display: block;
}
.advert-tile .advert-imagery {
  width: 100%;
  height: auto;
}
.advert-tile .disclaimer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 24px;
  color: #fff;
  background-color: #000;
  font-weight: bold;
  line-height: 26px;
  font-size: 12px;
  text-transform: uppercase;
  padding: 0 10px;
}
.advert-tile .caption {
  color: #fff;
  background-color: rgba(31, 32, 37, 0.9);
  text-decoration: none;
  padding: 14px 32px 14px 10px;
  max-height: 82px;
  position: absolute;
  bottom: 24px;
  right: 0;
  left: 0;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.advert-tile .caption: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 -2112px;
  top: 50%;
  margin-top: -16px;
  right: 0;
}
.body-cms-preview .advert-tile .caption:after {
  background-image: url("../../../images/vsprite.png");
}
.advert-tile .caption h3 {
  line-height: 130%;
  margin-bottom: 6px;
  font-size: 16px;
}
.advert-tile .caption p {
  margin-bottom: 0;
  font-size: 12px;
}
.advert-tile.hero-style, .advert-tile.two-column {
  height: auto;
  width: auto;
  display: block;
}
.advert-tile.hero-style .caption, .advert-tile.two-column .caption {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  max-height: inherit;
}
.advert-tile.unsponsored-style .advert-link {
  background-color: #f7f7f7;
  padding-top: 10px;
}
.advert-tile.unsponsored-style .advert-content {
  max-width: 300px;
  display: block;
  max-height: 250px;
  overflow: hidden;
  margin: 0 auto;
}
.advert-tile.unsponsored-style .disclaimer {
  color: #2d3039;
  background-color: transparent;
  text-align: center;
}

/**************************************************
	M081-variable-message-sign

* Author: Alex Faunt
* Created: 08/01/2014
* Pattern library URL: \Google Drive\NWP\Front-end\Pattern library\Modules\M081-variable-message-sign

**************************************************/
.variable-message-sign {
  padding: 20px;
  min-height: 100px;
  background-color: #2d3039;
  margin-bottom: 3px;
  position: relative;
}
.variable-message-sign:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  height: 3px;
  background: #000;
  opacity: 0.1;
  width: 100%;
}
.variable-message-sign .message {
  text-transform: uppercase;
  color: #fdb813;
  text-align: center;
  margin: 0 auto;
  font-size: 20px;
}
.variable-message-sign .message:first-child:before, .variable-message-sign .message:first-child:after, .variable-message-sign .corners:before, .variable-message-sign .corners:after {
  content: "";
  background: #fdb813;
  width: 6px;
  height: 6px;
  position: absolute;
  border-radius: 50%;
}
.variable-message-sign .message:first-child:before, .variable-message-sign .corners:before {
  left: 7px;
}
.variable-message-sign .message:first-child:after, .variable-message-sign .corners:after {
  right: 7px;
}
.variable-message-sign .message:first-child:before, .variable-message-sign .message:first-child:after {
  top: 7px;
}
.variable-message-sign .corners:before, .variable-message-sign .corners:after {
  bottom: 7px;
}
.variable-message-sign .corners {
  height: 0px;
  width: 0px;
  display: block;
}

/**************************************************
	M082-zoomable-content

* Author: Alex Faunt
* Created: 08/01/2014
* Pattern library URL: \Google Drive\NWP\Front-end\Pattern library\Modules\M082-zoomable-content

**************************************************/
.zoomable-content {
  height: 500px;
  overflow: hidden;
  position: relative;
}

.panzoom-wrapper .zoom-in {
  top: 10px;
  left: 10px;
}
.panzoom-wrapper .zoom-out {
  top: 50px;
  left: 10px;
}
.panzoom-wrapper .full-screen {
  top: 10px;
  right: 10px;
}

.no-js .zoomable-content {
  display: block;
  overflow: scroll;
}

/**************************************************
	M083-Broadcast Comms
* Author: John Boyle
* Re-Created: 15/01/2013
* Pattern library URL:  
**************************************************/
.broadcast-comms {
  background: #faf5e1;
  width: 100%;
  border-bottom: solid 2px #fdb813;
  position: relative;
  display: block;
  color: #000;
}
.broadcast-comms:hover, .broadcast-comms:focus {
  background-color: #f6eecb;
}
.broadcast-comms .broadcast-icon {
  height: 50px;
  width: 50px;
  background: url("http://png-3.findicons.com/files/icons/1684/ravenna/256/exclamation.png") no-repeat 0 0 !important;
  background-size: 100% 100% !important;
}
.broadcast-comms .broadcast-text {
  padding-left: 0px;
}
.broadcast-comms .broadcast-text h2 {
  margin-bottom: 0;
}
.broadcast-comms .broadcast-text:before {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  left: 0;
  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 -2144px;
}
.body-cms-preview .broadcast-comms .broadcast-text:before {
  background-image: url("../../../images/vsprite.png");
}
.broadcast-comms .broadcast-text:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -16px;
  right: 0;
  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 .broadcast-comms .broadcast-text:after {
  background-image: url("../../../images/vsprite.png");
}

/**************************************************
	M084-large-icon-accordion
* Author: Alex Faunt
* Re-Created: 27/01/2013
* Pattern library URL:  M084-large-icon-accordion
**************************************************/
.large-icon-accordion ul {
  list-style-type: none;
  margin: 0 0 20px;
  padding: 0;
}
.large-icon-accordion ul li {
  position: relative;
  border-bottom: 1px solid #cccccc;
}
.large-icon-accordion ul li:first-child {
  border-top: 1px solid #cccccc;
}
.large-icon-accordion ul li.nearby a:before {
  background-position: -32px -1312px;
}
.large-icon-accordion ul li.tube-and-rail a:before {
  background-position: 0px -2240px;
}
.large-icon-accordion ul li.car-clubs a:before {
  background-position: -32px -2592px;
}
.large-icon-accordion ul li.mobile a:before {
  background-position: -32px -2656px;
}
.large-icon-accordion ul li.tube a:before {
  background-position: -32px -1408px;
}
.large-icon-accordion ul li.rail a:before {
  background-position: -64px -1408px;
}
.large-icon-accordion ul li.overground a:before {
  background-position: 0px -1440px;
}
.large-icon-accordion ul li.dlr a:before {
  background-position: -32px -1440px;
}
.large-icon-accordion ul li.tram a:before {
  background-position: -64px -1440px;
}
.large-icon-accordion ul li.river a:before {
  background-position: -32px -1472px;
}
.large-icon-accordion ul li.bus a:before {
  background-position: 0px -1536px;
}
.large-icon-accordion ul li.cycle a:before {
  background-position: -64px -1536px;
}
.large-icon-accordion ul li.poi a:before {
  background-position: -32px -2272px;
}
.large-icon-accordion ul li.oyster a:before {
  background-position: -64px -2272px;
}
.large-icon-accordion ul li.congestion a:before {
  background-position: -64px -2240px;
}
.large-icon-accordion ul li.audio a:before {
  background-position: -32px -2240px;
}
.large-icon-accordion ul li.lez a:before {
  background-position: 0px -2272px;
}
.large-icon-accordion ul li.coach a:before {
  background-position: 0px -1472px;
}
.large-icon-accordion ul a {
  display: block;
  min-height: 60px;
  padding: 17px 32px 17px 70px;
  position: relative;
  text-decoration: none;
  color: #2d3039;
  font-size: 22px;
  line-height: 25px;
  -webkit-transition: background-color, 0.3s;
  -moz-transition: background-color, 0.3s;
  transition: background-color, 0.3s;
}
.large-icon-accordion ul a.regular-text {
  font-family: Arial, helvetica, sans-serif;
  font-size: 15px;
  line-height: 150%;
  padding-top: 10px;
  padding-bottom: 10px;
  min-height: initial;
}
.large-icon-accordion ul a:before, .large-icon-accordion ul a:after {
  content: "";
  display: block;
  position: absolute;
  background-image: url("../../../images/vsprite_x2.png");
  background-image: url("../../../images/vsprite.png") \9;
  background-size: 96px 2912px;
  height: 32px;
  width: 32px;
  top: 50%;
  margin-top: -16px;
  z-index: 3;
}
.body-cms-preview .large-icon-accordion ul a:before, .body-cms-preview .large-icon-accordion ul a:after {
  background-image: url("../../../images/vsprite.png");
}
.large-icon-accordion ul a:before {
  left: 14px;
}
.large-icon-accordion ul a:after {
  background-position: 0px -640px;
  right: 0px;
}
.large-icon-accordion ul a .mini-map {
  position: absolute;
  left: 0;
  width: 60px;
  top: 0;
  height: 100%;
  background-color: #eeeeee;
  background-position: center;
  -webkit-transition: background-color, 0.3s;
  -moz-transition: background-color, 0.3s;
  transition: background-color, 0.3s;
}
.large-icon-accordion ul a.with-subtext {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 25px;
}
.large-icon-accordion ul a.with-subtext .subtext {
  line-height: 15px;
  margin-left: 1px;
}
.large-icon-accordion ul a:hover, .large-icon-accordion ul a:focus {
  background-color: #eff6fd;
}
.large-icon-accordion ul a:hover .mini-map, .large-icon-accordion ul a:focus .mini-map {
  background-color: #e1e1e1;
}
.large-icon-accordion ul .subtext {
  display: block;
  color: #676767;
  font-size: 16px;
}
.large-icon-accordion ul ul {
  margin: 0;
  background: #fff;
}
.large-icon-accordion ul ul a {
  font-size: 20px;
}

.popup, .popup-banner {
  background: #00857C;
  position: fixed;
  z-index: 2000;
  color: #FFF;
}

.popup {
  bottom: 0;
  float: left;
  margin: 0 0 0 2.54%;
  width: 94.864%;
  right: 2.54%;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  transition: all .5s ease;
}
.popup .popup-title {
  cursor: pointer;
}

@media screen and (min-width: 580px) {
  .popup {
    float: left;
    margin: 0 0 0 2.54%;
    width: 46.162%;
  }
}
@media screen and (min-width: 900px) {
  .popup {
    float: left;
    margin: 0 0 0 2.54%;
    width: 29.928%;
  }
}
@media screen and (min-width: 1140px) {
  .popup {
    width: 341px;
    left: 50%;
    margin-left: 199px;
  }
}
.popup-title-icon {
  position: absolute;
  right: 4px;
  top: 50%;
  margin-top: -16px;
}

.popup-title {
  padding: 18px 40px 10px 10px;
  position: relative;
}

.popup-content {
  padding: 10px;
}

.popup-banner {
  top: 0;
  width: 100%;
  text-align: center;
  padding: 10px 40px 10px 10px;
}
.popup-banner .popup-title-icon {
  right: 10px;
}

.popup-link {
  color: #fff;
  margin-left: 5px;
  text-decoration: underline;
}

.tooltip-control {
  width: 42px;
  height: 38px;
  display: block;
  right: 0;
  margin-top: -49px;
}
.tooltip-control.hide-text {
  color: transparent;
  font: 0/0 a;
  text-shadow: none;
}
.tooltip-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 -352px;
  bottom: auto;
  left: 5px;
  right: auto;
  top: auto;
}
.body-cms-preview .tooltip-control:after {
  background-image: url("../../../images/vsprite.png");
}

.form-control-wrapper + .inline-help-wrap {
  margin-top: -10px;
}

.inline-help-wrap {
  margin-bottom: 20px;
  width: 100%;
  display: block;
}
.inline-help-wrap.expanded {
  border-bottom: none;
}
.inline-help-wrap.message-container {
  border: solid 1px #cccccc;
  border-top-width: 0;
}
.inline-help-wrap .tooltip-control {
  width: 100%;
  line-height: 30px;
  margin-top: auto;
  right: auto;
  position: relative;
}
.inline-help-wrap .tooltip-control:after {
  right: 7px;
  left: auto;
  vertical-align: middle;
}

.form-field-tooltip .tooltip-control {
  position: absolute;
}

.form-field-tooltip.expandable-box.expanded {
  border-bottom-width: 0;
}

.message-container .expandable-form-message-wrap {
  margin-bottom: 0;
}
.message-container.inline-help-wrap {
  padding-bottom: 0;
  padding-top: 10px;
}
.message-container .expandable-form-message-wrap {
  margin-bottom: 10px;
}

.show-hide-link {
  padding-left: 34px;
  position: relative;
  left: -11px;
}
.show-hide-link:after {
  background-position: 0px -608px;
  content: "";
  position: absolute;
  top: 50%;
  left: 4px;
  margin-top: -16px;
  margin-right: -6px;
}
.show-hide-link.hide:after {
  background-position: 0px -672px;
}

.show-hide-link.active:after {
  background-position: 0px -672px;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -16px;
  margin-right: -6px;
}

#footer .about-tfl-menu, #footer .terms-and-conditions-menu {
	margin: 0;
}