body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,legend,button{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal;}
q:before,q:after{content:'';}

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
* html .clearfix {height:1px;}


body {
  background-color: #0099cc;
}
body, input, button {
  font-family: Helvetica, Verdana, sans-serif;
  font-size: 1em;
}
select {
  border: solid 1px #999;
}
select:focus {
  outline-color: #8bdbf7;
}
button {
  outline: none;
}

::selection {
  background: #025; /* Safari */
  color: #fff;
}
::-moz-selection {
  background: #025; /* Firefox */
  color: #fff;
}

.wrapper {
  width: 910px;
  display: table;
  margin: 0 auto;
  position: relative;
}

a {
  cursor: pointer;
}
a.tiffl {
  font-family: "Lucida Grande";
  text-decoration: underline;
}

a.tiffl:hover {
  color: #fff;
}

a.tiffl.options {
  font-weight: bold;
}

p.user-input {
  background-color: #fff;
  padding: 2px 0 0 4px;
  height: 26px;
  margin-bottom: 14px;
  position: relative;
  width: 262px !important;
  border-radius: 2px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 2px;
}
p.user-input label {
  position: absolute;
  padding-top: 4px;
  left: 7px;
  cursor: text;
}
p.user-input input {
  border: solid 1px #eee;
  border-top-color: #ddd;
  border-left-color: #ddd;
  height: 19px;
  padding: 3px 0 0 1px;
  width: 182px;
}

p.user-input input:focus {
  border: solid 1px #8bdbf7;
}

p.user-input input {
  outline: none;
}

p.user-input label,
p.user-input input {
  font-weight: bold;
  color: #999;
}

p.user-input input {
  color: #000;
}

p.user-input select {
  width: 70px;
  position: relative;
  top: -1px;
  margin-left: 4px;
}

p.user-input.readonly {
  background-color: #23a6d3;
}

p.user-input.readonly input {
  background-color: #23a6d3;
  color: #fff;
  height: 19px;
  padding-top: 5px;
  width: 255px;
  border: none;
  outline: none;
}


p.user-input.origin {
  margin-bottom: 7px;
}

.station-list {
  position: absolute;
  background-color: #fff;
  left: 0;
  top: 0;
  width: 183px;
  font-size: 0.8em;
  border: 1px solid #666;
  z-index: 10000;
}

.station-list a {
  display: block;
  color: #000;
  font-weight: bold;
  padding: 4px 7px;
}

.station-list a.high,
.station-list a:hover {
  background-color: #0099cc;
  color: #fff;
}


.tfl-search {
  text-align: right;
}

button {
  border-radius: 2px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 2px;
  cursor: pointer;
}
button.tfl_submit {
  background-color: #23a6d3;
  width: 115px;
  height: 28px;
  border: none;
  text-align: center;
  color: #fff;
  font-size: 1em;
  position: relative;
}

button.tfl_submit:focus,
button.tfl_submit:hover {
  background-color: #8bdbf7;
}

button.tfl_submit em {
  background-image: url(/i/blue/roundel.png);
  background-repeat: no-repeat;
  background-position: 0 0px;
  width: 19px;
  height: 15px;
  padding-left: 22px;
  position: relative;
  top: 1px;
}

button.tfl_submit:focus em,
button.tfl_submit:hover em {
  background-position: 0 -35px;
}

#sheets { position: relative; }

#banner {
  background-color: #001446;
  height: 31px;
  padding-top: 2px;
}
#banner h1 {
  color: #fff;
  font-size: 26px;
  float: left;
  vertical-align: bottom;
  height: 33px;
}

#banner h2 {
  color: #0099cc;
  font-size: 16px;
  float: left;
  vertical-align: bottom;
  padding-top: 10px;
  margin-left: 10px;
}

#banner .edit_options {
  float: left;
  padding-top: 7px;
}

#banner .edit_options a {
  color: #e5e5e5;
}

.corners {
  position: relative;
  z-index: 50;
  display: block;
}

.corners .l,
.corners .r {
  display: block;
  width: 1px;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #109fcf;
}

.corners .r {
  left: auto;
  right: 0;
}

.corners.bottom {
  bottom: 0;
}
.corners.bottom .r,
.corners.bottom .l {
  top: auto;
  bottom: 0;
  background-color: #17a2d1;
}

.widget {
  background-color: #3cb0d8;
  width: 294px;
  margin-bottom: 14px;
}

.widget h3 {
  background-color: #23a6d3;
  color: #fff;
  padding: 4px 0 4px 7px;
  cursor: move;
  position: relative;
  font-size: 0.9em;
}
.widget h3 span {
  display: block;
  width: 250px;
}


.widget .contents {
  padding: 14px;
}

.widget .delete-widget {
  display: block;
  position: absolute;
  width: 21px;
  height: 21px;
  background: transparent url(/i/blue/close.png) 4px 0 no-repeat;
  /*z-index: 100;*/
  top: 2px;
  right: 3px;
}
.widget .delete-widget:hover {
  background-position: 4px -46px;
}
.widget.advanced_search {
  background-image: none
}
.widget.advanced_search {
  padding-bottom: 0;
}

.widget.advanced_search .contents fieldset {
  display: block;
  margin-right: 14px;
  width: 266px;
  color: #fff;
  margin-bottom: 14px;
}

.widget.advanced_search .contents fieldset .row {
  background-color: #5fc3e5;
  padding-top: 4px;
  height: 59px;
/*  margin-bottom: 14px;*/
}

.widget.advanced_search .contents fieldset.journey .row {
  background-color: transparent;
  padding-top: 0;
  height: 63px;
}

.widget.advanced_search .contents fieldset .corners .l,
.widget.advanced_search .contents fieldset .corners .r {
  background-color: #48b7db;
}

.widget.advanced_search .contents fieldset.when .row {
  padding-top: 5px;
  height: 58px;
  font-family: "Lucida Grande";
  font-size: 12px;
}

.widget.advanced_search .contents fieldset.when p {
  margin-bottom: 10px;
}

.widget.advanced_search .contents fieldset.when select#depart-arrive {
  width: 100px;
}

.widget.advanced_search .contents fieldset.when span.col1 {
  width: 110px;
  display: block;
  float: left;
  text-align: right;
}

.widget.advanced_search .contents fieldset.when a.tiffl.inactive,
.widget.advanced_search .contents fieldset.when a.tiffl.inactive:hover {
  display: none;
}

.widget.advanced_search .contents fieldset.when a.tiffl:hover,
.widget.advanced_search .contents fieldset.when a.tiffl {
  color: #fff;
}

.widget.advanced_search .contents fieldset.transport {
  margin-right: 0;
}
.widget.advanced_search .contents fieldset.transport .row {
  padding-left: 8px;
  padding-top: 4px;
  height: 59px;
}

.widget.advanced_search .contents fieldset.transport .row p {
  margin-bottom: 5px;
}

.widget.advanced_search .contents fieldset.transport label input {
  margin-right: 5px;
}

.widget.advanced_search .contents fieldset label input.checkbox {
  vertical-align: bottom;
}

.widget.advanced_search .contents fieldset.transport label {
  font-family: "Lucida Grande";
  font-size: 12px;
  background-color: transparent;
  width: 60px;
  display: block;
  float: left;
}

.widget.advanced_search .contents fieldset.transport label.toggle_all {
  width: 80px;
  color: #0099cc;
  margin-left: 60px;
}

.widget.advanced_search a.show-advanced {
 float: left;
 color: #d8f3fa;
 font-size: 11px;
 font-family: "Lucida Grande";
 position: relative;
 top: 5px;
}

.widget.advanced_search a.show-advanced:hover {
  color: #fff;
}


#add-widget {
  margin-bottom: 28px;
}

#add-widget .banner  {
  height: 23px;
  padding-top: 5px;
  background-color: #23a6d3;
/*  border-top: solid 1px #0099cc;*/
  position: relative;
  /*padding-left: 8px;*/
}
#add-widget .banner p {
  padding-left: 8px;
}
#add-widget .banner p.reveal {
  float: left;
}
#add-widget .banner p.edit_options {
  float: right;
  margin-right: 14px;
}
#add-widget .banner p.show_help {
  float: right;
  margin-right: 14px;
}
#add-widget .banner a.tiffl {
  font-weight: bold;
  text-decoration: none;
  color: #8bdbf7;
  font-size: 14px;
 }

#add-widget .banner a.tiffl.add {
  background-image: url(/i/blue/plus.png);
  background-position: 0 2px;
  background-repeat: no-repeat;
  padding-left: 16px;
}

#add-widget .banner a.tiffl:hover {
  color: #fff;
}

#add-widget .banner a.tiffl.add:hover {
  background-position: 0 -48px;
}

.search-widgets {
  float: left;
  width: 308px;
  min-height: 100px;
  padding-bottom: 100px;
  position: relative;
}

.search-widgets#column3 {
  width: 294px;
}

#search-overlay {
  position: fixed;
  width: 100%;
  left: 0;
  top: 90px;
  z-index: 1000;
  text-align: center;
}

#search-overlay div {
  position: absolute;
  width: 100%;
  top: 70%;
  left: 0;
}

#search-overlay div p {
  display: table;
  margin: 0 auto;
  width: 294px;
  padding: 14px;
  text-align: center;
  color: #fff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #3cb0d8;
  border: solid 4px #23a6d3;
  font-size: 0.8em;
}

#search-overlay div p strong {
  font-weight: bold;
  display: block;
  padding-bottom: 2px;
}
#search-overlay div p button {
  margin-top: 7px;
}
#search-overlay div p span {
  display: table;
  margin: 0 auto;
  text-align: center;
  background: #3cb0d8 url(/i/blue/loadinfo.net.gif) 50% 0 no-repeat;
  width: 48px;
  height: 48px;
  padding-top: 14px;
  padding-bottom: 0;
  margin-bottom: 14px;
}


#profile-options {
  background-color: #222;
  color: #fff;
  padding: 0px 20px;
  position: absolute;
  width: 862px;
  z-index: 1000;
  font-size: 0.9em;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border: solid 4px #1d1d1d;
  border-top-width: 0;
}

#profile-options form {
  width: 630px;
  display: table;
  margin: 0 auto;
  padding: 20px 0;
}
#profile-options fieldset {
  float: left;
  width: 300px;
}

#profile-options fieldset#walking-options {
  width: 320px;
}


#profile-options fieldset label {
  font-weight: normal;
  padding: 0 0 5px 0;
  display: block;
}

#profile-options fieldset legend {
  padding: 5px 0 10px 0;
  font-weight: bold;
}

#profile-options div.foot {
 clear: both;
 margin-top: 10px;
 color: #999;
}

#profile-options div.foot p {
  float: left;
}

#profile-options div.foot p.save {
  float: right;
  margin-right: 20px;
}

#profile-options a.cancel {
  color: #999;
}


#add-widget #add-widget-form {
  display: table;
  margin: 0 0;
  padding: 0px 40px 0px 40px;
  background-color: #222;
  width: 822px;
  color: #fff;
  position: absolute;
  z-index: 100;
  font-size: 0.9em;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border: solid 4px #1d1d1d;
  border-top-width: 0;
}

#add-widget #add-widget-form h3 {
  font-size: 1.25em;
}
#add-widget #add-widget-form p#search-class-desc {
  padding: 7px 0 14px 40px;
  width: 300px;
  color: #ccc;
}

#add-widget #add-widget-form .intro p {
  margin-bottom: 10px;
  color: #999;
}

#add-widget #add-widget-form p.description {
  display: none;
}

#add-widget #add-widget-form a.cancel {
  color: #999;
}

#add-widget #add-widget-form .panel {
  float: left;
  width: 350px;
}

#add-widget #add-widget-form .tab {
  height: 50px;
  /*border-bottom: dotted 1px #111;*/
  padding: 10px 10px;
  cursor: pointer;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  
}
#add-widget #add-widget-form .tab:hover {
  background-color: #444;
}

#add-widget #add-widget-form .tab p {
  color: #999;
}

#add-widget #add-widget-form .tab.selected,
#add-widget #add-widget-form .panel#widget-forms {
  background-color: #111;
  border-bottom-color: transparent;
  
}

#add-widget #add-widget-form .panel#widget-forms {
  padding: 10px 20px;
  height: 240px;
  -moz-border-radius-rightleft: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}



#add-widget #add-widget-form h3 {
  margin-bottom: 10px;
}

#add-widget #add-widget-form .add-widget-wrap {
  padding: 20px 0 30px 0;
  display: table;
  margin: 0 auto;
}

#add-widget #add-widget-form form label {
  font-weight: bold;
}

#add-widget #add-widget-form form select#search-class-name {
  font-size: 1em;
}

#add-widget #add-widget-form form fieldset {
  display: block;
}

#add-widget #add-widget-form form fieldset legend {
  padding-bottom:7px;
  font-style: italic;
  width: 200px;
  color: #ccc;
  font-size: 0.9em;
}



#add-widget #add-widget-form form.travel-info p {
  margin-bottom: 10px;
}
#add-widget #add-widget-form form.travel-info label {
  display: block;
}
#add-widget #add-widget-form form.travel-info fieldset {
  float: left;
  margin-right: 20px;
}
#add-widget #add-widget-form form.travel-info label {
  width: 140px;
  padding: 4px;
  font-size: 0.9em;
  margin-bottom: 4px;
  font-weight: normal;
}


.search-widgets .place {
  outline: dashed 1px #8bdbf7;
}

.widget.adwords {
  border-top: solid 1px #0099cc;
  margin-bottom: 0;
  background-color: #23a6d3;
  position: relative;
  top: -14px;
}
.widget.adwords .corners.top {
  display: none;
}
.search-widgets .widget.adwords:first-child,
.widget.adwords.top-row {
  margin-bottom: 14px;
  top: 0;
  border-top: none;
}
.search-widgets .widget.adwords:first-child .corners.top,
.widget.adwords.top-row .corners.top {
  display: block;
}

.widget.adwords iframe {
  display: table;
  margin: 0 auto;
  width: 200px;
  height: 200px;
  padding: 0;
  border: none;
  overflow: hidden;
}

.widget.recent_searches ul li {
  margin-bottom: 2px;
}

.widget.recent_searches ul li button {
/*  background-image: url(/i/blue/tfl_search.png);*/
/*  padding: 4px 2px 4px 24px;*/
  padding: 4px 2px 4px 7px;
  background-repeat: no-repeat;
  background-position: 2px 5px;
  color: #0099cc;
  display: block;
  background-color: transparent;
  border: none;
  cursor: pointer;
  text-align: left;
  width: 280px;
}

.widget.recent_searches ul li button:hover {
  background-position: 2px -45px;
  background-color: #5fc3e5;
}

.widget.recent_searches ul li button strong {
  color: #fff;
}
.widget.recent_searches ul li.empty {
  color: #8bdbf7;
}
table.service-status {
  width: 100%;
}
table.service-status tbody td {
  padding: 3px 4px;
  font-size: 0.8em;
}

.service-status tbody td.line {
  width: 130px;
  padding-left: 24px;
  background-repeat: no-repeat;
  background-image: url(/i/status/combo.png);
  background-position: 0px 1px;
}

table tfoot td {
  color: #8bdbf7;
  font-size: 11px;
  padding-top: 6px;
}

table.service-status tbody td a {
  text-decoration: none;
  display: block;
  width: 150px;
}

table.service-status tbody td a:hover {
  text-decoration: underline;
}

table.service-status tbody tr td.status {
/*  color: #fff;*/
  font-size: 60%;
  padding-bottom: 0;
}
table.service-status tbody tr td.status span{
  position: relative;
  top: -1px;
  padding: 2px;
}
table.service-status tbody tr td.status.problem  {
  background-color: #f00;
  color: #fff;
}
table.service-status tbody tr td.line.good {
  background-position: 0 1px;
}

table.service-status tbody tr td.line.delays {
  background-position: 0 -28px;
}

table.service-status tbody tr td.line.problem  {
  background-position: 0 -57px;
}

table.service-status tfoot tr td {
  padding-top: 7px;
}
table.service-status tfoot tr td.refresh {
  padding-left: 7px;
}

.results-status a.refresh {
  color: #8bdbf7;
}

.results-status a.refresh:hover {
  color: #fff;
}

.tfl-search a.refresh {
  font-family: "Lucida Grande";
  font-size: 12px;
  float: left;
  color: #8bdbf7;
  position: relative;
  top: 6px;
  padding-left: 6px;
}
.tfl-search a.refresh:hover {
  color: #fff;
}
table.timetable {
  padding: 4px;
  background-color: #23a6d3;
  margin-bottom: 14px;
}

table.timetable tbody th,
table.timetable tbody td {
  color: #fff;
  width: 50px;
  padding: 2px 0;
}

table.timetable thead th,
table.timetable tfoot td {
  color: #8bdbf7;
  font-size: 11px;
  font-weight: bold;
  padding-top: 6px;
}


table.timetable th.duration {
  padding-right: 6px;
}

table.timetable .in {
  padding-left: 6px;
/*  text-align: right;*/
}
table.timetable th.depart {
  padding-left: 6px;
}

table.timetable tfoot td {
  padding-bottom: 6px;
}
table.timetable tbody tr.gone td {
  text-decoration: line-through;
  color: #8bdbf7;
}
table.timetable tbody tr.gone td.means span {
  display: none;
}

table.timetable tbody tr.odd td {
  background-color: #0099cc;
}
table.timetable tbody td.depart {
  font-weight: bold;
  width: 60px;
}

table.timetable tbody td.means {
  width: 80px;
  font-size: 14px;
}

table.timetable tbody td.means span {
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  background-position: 0 0;
  background-repeat: no-repeat;
  position: relative;
  top: -1px;
  background-image: url(/i/transport/blue/combo.png);
}

table.timetable tbody td.means span.bike {
    background-position: 0 0;
}

table.timetable tbody td.means span.bus {
  width: 11px;
  background-position: -3px -160px;
}

table.timetable tbody td.means span.coach {
  background-position: 0 -100px;
  width: 17px;
}

table.timetable tbody td.means span.rail {
  background-position: 0 -20px;
  width: 17px;
  top: -2px;
}

table.timetable tbody td.means span.river {
  background-position: 0 -120px;
}

table.timetable tbody td.means span.walk {
  width: 10px;
  background-position: -4px -60px;
}

table.timetable tbody td.means span.tube {
  background-position: -1px -86px;
  height: 10px;
  top: 3px;
}
table.timetable tbody td.means span.tram {
  background-position: 0 -40px;
}
table.timetable tbody td.means span.dlr {
  background-position: 0 -140px;
}
table.timetable tbody td.means span.more {
  width: 7px;
  background-position: -5px -188px;
  height: 10px;
  top: 4px;
}

table.timetable tfoot td {
  font-weight: normal;
}

table.timetable tfoot td.time {
  padding-left: 6px;
}

table.timetable tfoot td span {
  display: block;
}

table.timetable tfoot td.time span {
  color: white;
  display: block;
}

table.timetable tbody td.in span.units {
  font-size: 0.8em;
  position: relative;
  left: 1px;
}

p.spinner {
  background: transparent url(/i/blue/loadinfo.net.gif) 50% top no-repeat;
  height: 48px;
  margin-bottom: 14px;
}

.widget.recent_searches .contents {
  padding-left: 7px;
}


.wrapper.words {
  margin-top: 28px;
  color: #8bdbf7;
  font-size:0.9em;
}

.wrapper.words h1 {
  color: #fff;
  font-size: 2em;
  margin-bottom: 14px;
}

.wrapper.words p {
  width: 602px;
  margin-bottom: 14px;
}

.wrapper.words .tiffl {
  color: #fff;
}

.wrapper.words a {
  color: #fff;
}

.wrapper.words dl {
  margin-bottom: 14px;
  width: 574px;
  padding: 14px;
  padding-bottom: 0;
  background-color: #23a6d3;
  border-radius: 2px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 2px;
}
.wrapper.words dl dt {
  font-size: 1.2em;
  color: #fff;
  font-weight: normal;
}
.wrapper.words dl dt.intro {
  color: #8bdbf7;
  font-weight: normal;
  font-size: 1em;
  padding-bottom: 7px;
}
.wrapper.words dl dd {
  padding-left: 14px;
  padding-bottom: 14px;
}

.wrapper.welcome h2#create {
  border-radius: 2px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 2px;
  background-color: #23a6d3;
  padding: 7px 14px;
  margin-bottom: 14px;
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
}
.wrapper.welcome .widget {
  background-color: #23a6d3;
}

.wrapper.welcome .myinfo .widget h3 {
  cursor: auto;
}

.wrapper.welcome .widget .contents {
  padding-bottom: 14px;
}

.wrapper.welcome .widget button.tfl_submit {
  background-color: #09c;
}

.wrapper.welcome p.question label {
  font-size: 1.1em;
  font-weight: bold;
  color: #fff;
}

.wrapper.welcome .myinfo .notes {
  width: 280px;
  float: left;
  margin-right: 14px
}

.wrapper.welcome .myinfo .notes p {
  width: auto;
}

.wrapper.welcome .myinfo label.where {
  position: static;
  display: block;
  padding: 5px;
  background-color:#09c;
  color: #fff;
  font-weight: bold;
  font-size: 1.1em;
}

.wrapper.welcome p.question {
  background-color: #09c;
  width: auto;
  height: 25px;
  padding: 3px 4px 0 0;
  border-radius: 2px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 2px;
}
.wrapper.welcome p.question label span {
  float: left;
  display: block;
  text-align: left;
  padding-right: 14px;
  padding-left: 5px;
  width: 160px;
  padding-top: 2px;
/*  border: solid 1px red;*/
}

.wrapper.welcome p.question label select {
  width: 80px;
}

.wrapper.welcome p.submit {
  text-align: right;
  width: auto;
  margin-bottom: 0;
}


.wrapper.welcome form button em {
  background-image: none;
  padding-left: 0;
  font-weight: bold;
}

.wrapper.welcome form button em {
  background-image: none;
  padding-left: 0;
  font-weight: bold;
}

.wrapper.welcome #signup p.user-input {
  margin-right: 14px;
}

.wrapper.welcome #signup p.user-input input {
  width: 255px;
}



.helpbox {
  background-color: #222;
  color: #fff;
  position: relative;
  top: -14px;
  border-radius: 3px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 3px;
  border: solid 4px #1d1d1d;
}

#helpbox.helpbox {
  top: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: none;
  position: absolute;
  width: 902px;
  
  z-index: 1000;
}

.helpbox .contents {
  padding: 14px;
  font-size: 0.9em;
  width: 680px;
  display: table;
  margin: 0 auto;
}

.helpbox .contents .col {
  float: left;
  width: 294px;
  margin-right: 28px;
}

.helpbox .contents .col .two {
  margin-right: 0;
}

.helpbox .contents h3 {
  font-size: 1.3em;
  margin-bottom: 14px;
}

.helpbox .contents p {
  margin-bottom: 14px;
}

.helpbox .contents p strong {
  font-weight: bold;
  color: #8bdbf7;
}

.helpbox .contents p.close {
  margin-bottom: 0;
  text-align: right;
  width: 600px;
}

.helpbox .contents button {
  background-color: #111;
  border: none;
  color: #fff;
  font-weight: bold;
  padding: 7px 14px;
}


a#uservoice-feedback-tab {
  top: 135px !important;
}
#uservoice-overlay {
  opacity: 0.85 !important;
}

ul#footer {
  float: left;
  font-size: 0.8em;
  width: 100%;
}

ul#footer li {
  float: left;
  color: #8bdbf7;
  padding-right: 50px;
  text-align: left;
}


ul#footer li,
ul#footer li a {
  color: #8bdbf7;
}

ul#footer li a:hover {
  color: #fff;
}
ul#footer li.by {
  float: right;
  padding-right: 0;
}
ul#footer li.icons {
  float: right;
/*  padding-right: 0;*/
}

.wrapper.words #footer {
  margin-top: 50px;
}


/*.widget.advanced_search {
  background-color: #35bce9;
}

.widget.advanced_search h3 {
  background-color: #1eb2e7;
}
*/
.widget.cycle_route {
  background-color: #4fa95a;
}

.widget.cycle_route h3,
.widget.cycle_route button.tfl_submit {
  background-color: #3ea34b;
}
.widget.cycle_route button.tfl_submit:hover,
.widget.cycle_route button.tfl_submit:focus {
  background-color: #86c78e;
}

.widget.cycle_route button.tfl_submit em {
  background-position: 0px -35px;
}
.widget.cycle_route .delete-widget {
  background: transparent url(/i/blue/close_cycle.png) 4px 0px no-repeat;
}

.widget.cycle_route .delete-widget:hover {
  background: transparent url(/i/blue/close_cycle.png) 4px -46px no-repeat;
}

.wrapper.words.faq dl {
  background-color: transparent;
  padding: 0;
}

/* http://tfl.gov.uk/tfl-global/css/typography.css */

.bakerloo {
color: #FFF;
background: #AE6118;
}
.central {
color: #FFF;
background: #E41F1F;
}
.circle {
color: #113B92;
background: #F8D42D;
}
.district {
color: #FFF;
background: #00A575;
}
.eastlondon {
color: #113B92;
background: #F2AD41;
}
.hammersmithandcity {
color: #113B92;
background: #E899A8;
}
.jubilee {
color: #FFF;
background: #8F989E;
}
.metropolitan {
color: #FFF;
background: #893267;
}
.northern {
color: #FFF;
background: #000000;
}
.piccadilly {
color: #FFF;
background: #0450A1;
}
.victoria {
color: #FFF;
background: #009FE0;
}
.waterlooandcity {
color: #113B92;
background: #70C3CE;
}
.dlr {
color: #FFF;
background: #00BBB4;
}