/* --------------------------------------------------------   JOURNEY PLANNER  -------------------------------------------------- */

/* 1.1.2 */
.journey-planner .box-19{margin-top:0.8em;padding-bottom:0}


.tt-sc p,
.tt-sc h3{float: left;margin-right: 10px;font-size: 1.07em;line-height: 1.2em;color: #404040;padding-top: 3px;}
.tt-sc h3{font-family: Arial, Helvetica, sans-serif;}

/* 1.1.1 & 1.1.3 - etw - three col update */
.tt-sc {margin:10px 0 15px;}
.tt-sc-col {float:left;width:570px;}
.tt-sc-col .multi-button {padding:0;}
.tt-sc-col-first{width:170px;}
.tt-sc-col-mid {width:400px;}
.tt-sc-col-last {margin-top:-8px;width:210px;float:right;}
.tt-sc-col .journey-planner-submit{width:100%;margin-top:8px;text-align:center;position:relative;}
.tt-sc-col .journey-planner-submit a.view-summary{display:none;}
.jq .tt-sc-col .journey-planner-submit a.view-summary{display:inline;}
.jq .tt-sc-col .journey-planner-submit p.view-summary-p{font-size:1em;clear:both;padding:.5em 0;margin:0;float:none}
.jq .tt-sc-col .journey-planner-submit p.view-summary-p .tooltip {text-align:left;}
.jq .tt-sc-col div.more-options{clear:both;}
.tt-sc-col .journey-planner-submit button.view-summary{margin:.1em 0;}
.tt-sc-col .journey-planner-submit .fares-terms{position:absolute;right:210px;margin-right:1em;bottom:-1.2em;width:550px;text-align:right;}
/* end */

/* --------------------------------------------------------  OJP + CFF styles  -------------------------------------------------- */

/* Tickets table (currently used on Farefind results, and Journey Planner ticket pages) */
.tickets{border-bottom: 1px solid #000;}
.tickets a{color: #fff;}
.tickets th{font-weight: bold;}
.tickets tbody tr.first td,
.tickets tbody tr.first th{border-top: 1px solid #000;}
.jp-farefind .tickets-empty p{margin-bottom: 1.2em; border-style: solid none; border-width: 1px; border-color: #000; padding: 1.4em 0; font-size: 1.068em/* 13px */; font-weight: bold;}
.tickets th .title,
.tickets-empty h2{color: #beddf8; font-size: 2em; font-weight: normal; display: block; font-family: Georgia,"Trebuchet MS","Times New Roman", Times, serif;}
.jp-farefind .tickets .title,
.jp-farefind .tickets-empty h2{color: #ffe155;}
.tickets tbody th{padding-left: 0;}
.tickets tbody th[scope=rowgroup]{font-size: 1.068em/* 13px */;}
.tickets tbody th[scope=row]{text-align: right; padding-right: 2em;}
.tickets td,
.tickets th{padding: .5em 0;text-align:left;}
.tickets .price{ text-align:right; }
.tickets .type,
.tickets .saving{display: block; margin-left: 4.7em;}
.tickets .saving{color: #ffe155; font-weight: bold;}
.farefind .tickets .last{background-color: transparent;}
.tickets .first td{padding-top: 1.5em;}
.tickets .last td{padding-bottom: 1.5em;}
.tickets .sub-total td.price{padding: 1em 0;font-size:1.3em;}
.tickets td.price{text-align: right; font-size: 1em;}

.ticket-total-padding{padding: 20px;}
.ticket-total .total{float: right; font-size: 1.32em; font-weight: bold; padding-bottom:0;}
.ticket-total .total span{margin-left:1em;}
.ticket-total .note{clear: right; font-weight: bold; padding-left: 25px; background: url(../images/icon-note.png) left top no-repeat;/*IE6*/}
.ticket-total .buy-or-view{float:left; clear:right; text-align:center;}
.ticket-total .buy-or-view a{display:none; clear:both;white-space: nowrap;}
.ticket-total .buy-or-view button.view-summary{clear:both;display:block;}
.ticket-total button{margin: 10px 0;}
.ticket-total .buy-or-view button,
.ticket-total .buy-or-view input{margin-bottom:5px;}
.ticket-total button:focus{margin: 9px -1px;}

/* ---------------------------------------   CALCULATOR ----------------------------- */
/* OJB PASSENGER BOX - ADDING PASSENGERS AND RAILCARDS */
.calculator{padding-right:20px;clear:both;}
.calculator fieldset{border-bottom:1px solid #000;padding:10px 0;}
.calculator .no-padding-top{padding-top:0;}
.calculator label{font-weight:normal;float:left;}
.calculator .narrow{width:70px;font-size:1.32em;padding:6px 5px 0 0;}
.calculator label span{font-size:0.72em;}
.calculator input.text{width:30px;font-size:1.5em;}
.calculator .actions{float:left;margin:0 0 0 8px;list-style:none;padding:0;}
.calculator .actions li{float:left;padding-top:5px;margin:0 8px -6px 0;}

.calculator h3{color:#fff;font-family:Arial, Helvetica, sans-serif;font-size:1.32em;margin-bottom:0.5em;}
.calculator .two-field .valid{float:left;}
/*.calculator .two-field .valid .first{margin-right:25px;}*/
.calculator .two-field label{padding-left:20px;float:none;}
.calculator .two-field .field{padding-bottom:0;}
.calculator .input-border{-moz-border-radius:4px;-webkit-border-radius:4px;display:block;padding:3px;float:left;}
.calculator .checkfield label{padding:2px 2px 2px 25px;float:none;margin:0;}
.calculator input.check{margin:0;}
.calculator .invalid label, .calculator .invalid-large label{color:#fff;}
.calculator .two-field .valid label {color:#fff;}
.add{display:none;background:url(../images/icon-add.png) no-repeat left center;color:#fff;text-decoration:none;font-size:1.32em;padding:2px 0 3px 30px;margin:10px 0;}
.jq .add{display:block;}

/* PASSENGERS - RAILCARDS - TO GO WITH calculatorULATOR */
.jq .rcards{display:none;}
.rcards h3{float:left;width:auto;margin:0 10px 0 0;}
.rcards fieldset{border:0;}
.rcards .choose-railcard{position:relative;margin:0 0 0 -3px;}
.rcards .choose-railcard select{width:200px;}
.rcards .choose-railcard button.b-b{margin:2px 0 0 5px;}
.rcards .choose-railcard button.b-b:focus{margin:1px -1px -1px 4px;}
.rcards label{font-size:1.2em;width:140px;margin:0 10px 0 0;padding:7px 0 0 0;}
.add:hover, .add:active, add.focus{color:#FFF;}
.jq .rcards .card{opacity:0;}


/* ----------------------------------------------------  1.1.1 JOURNEY PLANNER ROUTE DETAILS -------------------------------------------------- */
/* tube colour highlights */
.tube-bak{color:#fff;background:#ae6118;font-weight:bold;padding:0 3px;}
.tube-cen{color:#fff;background:#e41f1f;font-weight:bold;padding:0 3px;}
.tube-cir{color:#000;background:#f8d42d;font-weight:bold;padding:0 3px;}
.tube-dis{color:#fff;background:#00a575;font-weight:bold;padding:0 3px;}
.tube-ham{color:#000;background:#e899a8;font-weight:bold;padding:0 3px;}
.tube-jub{color:#fff;background:#8f989e;font-weight:bold;padding:0 3px;}
.tube-met{color:#fff;background:#893267;font-weight:bold;padding:0 3px;}
.tube-nor{color:#fff;background:#000;font-weight:bold;padding:0 3px;}
.tube-pic{color:#fff;background:#0450a1;font-weight:bold;padding:0 3px;}
.tube-vic{color:#fff;background:#009fe0;font-weight:bold;padding:0 3px;}
.tube-wat{color:#000;background:#70c3ce;font-weight:bold;padding:0 3px;}
.tube-dlr{color:#FFF;background:#00aba7;font-weight:bold;padding:0 3px;}

.dtime{text-decoration:line-through;}
.etime{color:#800000;}

.notedesc{padding:3px 0 3px 28px;background:url(../images/icon-note.png) left 5px no-repeat;}
.infodesc{padding:3px 0 3px 28px;background:url(../images/icon-info-vsmall.png) left 5px no-repeat;}
.disruptiondesc{padding:3px 0 3px 28px;background:url(../images/icon-disruption.png) left 5px no-repeat;}
.waitdesc{padding:3px 0 3px 28px;background:url(../images/icon-wait.png) left 5px no-repeat;}
.multipledesc{padding:3px 0 3px 28px;background:url(../images/icon-multiple.png) left 5px no-repeat;}
.overtakendesc{padding:3px 0 3px 28px;background:url(../images/icon-overtaken.png) left 5px no-repeat;}
.notedesc h3, .notedesc h4, .infodesc h4, .disruptiondesc h4, .waitdesc h4, .multipledesc h4, .overtakendesc h4{color:#404040;font-size:1em;font-weight:bold;font-family:Arial, Helvetica, sans-serif;padding-bottom:0.2em;line-height:1.65em;}
.disruptiondesc .title{color:#800000; font-weight: bold;}
.notedesc p, .infodesc p, .disruptiondesc p, .waitdesc p, .multipledesc p, .overtakendesc p{padding-bottom:0;}
.page .content .notedesc a.outdent, 
.page .content .disruptiondesc a.outdent, 
.page .content .waitdesc a.outdent, 
.page .content .multipledesc a.outdent, 
.page .content .overtakendesc a.outdent{margin-left:-18px;padding-left:1.3em;text-decoration:none;border-bottom:none;}

.journey-details-panel{margin-bottom:29px;}
.journey-details-panel h2{color:#404040;font-size:1.2em;font-weight:bold;font-family:Arial, Helvetica, sans-serif;}
.journey-details-panel table{border-bottom:1px solid #C5C5C5;margin-top:0.6em;margin-bottom:0.6em;}
.journey-details-panel tr th{border:none;padding:3px 11px;color:#484848;font-weight:normal;text-align:center;}
.journey-details-panel tr td{border:none;padding:3px 11px 11px 11px;color:#484848;font-size:1.2em;font-weight:bold;text-align:center;}

.journey-details .tt-sc h2{width:auto;float:left;margin-right:10px;font-family:Arial,Helvetica,sans-serif;font-size:1.383em;}
.page .container .journey-details .tt-sc .blue-lozenge {color:#fff;}
.journey-details .tt-sc a.back{font-weight:bold;min-height: 25px;color: #003366;padding:6px 0 0 30px;display:block;background: url(../images/icon-search-again.png) left 3px no-repeat;float:left;text-decoration:none;}
.journey-details .tt-sc a.back:hover{text-decoration:underline;}
.journey-details .tt-sc .multi-button{float:right;}

.journey-details table{border-top:1px solid #C5C5C5;margin:0;}
.journey-details thead tr th{white-space:nowrap;}

.journey-details tr th,
.journey-details tr td{padding: 1em .8em; font-size:.95em; vertical-align: middle; background:#fff; border:none;}
.journey-details tr th{font-weight:bold; color:#282828;}
.journey-details tr td{color:#484848;}

.journey-planner-times .journey-details tr td,
.journey-planner-times .journey-details tr th{padding-left: .5em;padding-right: .5em;/* Allow space for more columns, including big fares columns */}

.journey-details tr th img.real-time{margin:-8px -8px -7px 2px;vertical-align:middle;}
.journey-details tr td.origin-initial, .journey-details tr td.destination-final{font-weight:bold;}
.journey-details tr td span.request{color:#800000;white-space:nowrap;font-weight:normal;}

.journey-details tr td{text-align:center;}
.journey-details tr td.method, .journey-details tr td.leaving, .journey-details tr td.arriving{font-weight:bold;}
.journey-details tr td.origin, .journey-details tr td.destination{text-align:left;}

.journey-details tr.firstRow td {background:#FFF url(../images/bg-timetable-shadow-t.png) top left repeat-x;}
.journey-details tr.lastRow td {background:#FFF url(../images/bg-timetable-shadow-b-2.png) bottom left repeat-x;}
.journey-details tr.alt td{background-color:#f5f5f5;}
.journey-details tr.selected td{background-color:#fffee2}
.journey-details tr.selected td tr th{background-color:#fff;}
.journey-details tr.selected td tr td{background-color:#fff;}
.journey-details tr.selected td tr.alt td{background-color:#f5f5f5;}
.journey-details tr.selected td tr.selected td{background-color:#fffee2}
.page .journey-details tr.alt td tr th{background-color:#f5f5f5;}
.page .journey-details tr.alt td tr td{background-color:#fff;}
.page .journey-details tr.alt td tr.alt td{background-color:#f5f5f5;}
.page .journey-details tr.alt td tr.selected td{background-color:#fffee2}
.journey-details tr td.delay{background-color:#f4ecda}
/*
.journey-details tr.callingpoints td, .journey-details tr.changes td{padding-top:0;padding-bottom:0;}
.journey-details table.innertable{border:1px solid #C5C5C5;border-top:none;width:84%;margin:0 auto;}
.journey-details table.innertable tr th,
.journey-details table.innertable tr td{padding:11px;font-size:1em;}
.journey-details tr.callingpoints table.innertable tr th,
.journey-details tr.callingpoints table.innertable tr td{text-align: left;}
.journey-details tr.callingpoints table.innertable tr .calling-points{width: 42%; padding-left: 11%;}
.journey-details tr.callingpoints table.innertable tr .arrives{width: 13%;}
.journey-details tr.callingpoints table.innertable tr .departs{width: 45%;}
.journey-details tr.callingpoints .callingpointslide{width:100%;}
.jq .journey-details tr.callingpoints .callingpointslide{display:none;}

.journey-details .callingpointdesc,
.journey-details .disruptiondesc,
.journey-details .waitdesc{text-align: left;}

.journey-details .callingpointdesc{padding:3px 0; text-align: left;}
.journey-details .callingpointdesc .callingpointplus{background:url(../images/bullet-plus.gif) left 4px no-repeat;padding-left:12px;margin-left:10px;}
.journey-details .callingpointdesc .callingpointminus{background:url(../images/bullet-minus.gif) left 4px no-repeat;padding-left:12px;margin-left:10px;}
*/
.journey-details .waitdesc{color:#800000;}

.journey-details ul.addinfo{padding:0;height:20px;display:inline-block;}
.journey-details ul.addinfo li{float:left;margin:0;background:url(../images/icon-jp-info-onwhite.gif) no-repeat 0 0;padding:0;width:auto;display:block;}
.journey-details .alt ul.addinfo li{background:url(../images/icon-jp-info-ongrey.gif) no-repeat 0 0;}
.journey-details .selected ul.addinfo li {background:url(../images/icon-jp-info-onyellow.gif) no-repeat 0 0;}
.journey-details ul.addinfo .tooltip-bottom li, .journey-details .selected ul.addinfo .tooltip-bottom li  {background:none;text-align:left}
.journey-details ul.addinfo li.seating{width:17px;}
.journey-details ul.addinfo li.sleeper{width:25px;background-position:-19px 0;}
.journey-details ul.addinfo li.catering{width:17px;background-position:-48px 0;}
.journey-details ul.addinfo li.cycle{width:20px;background-position:-71px 0;}

.journey-details ul.addinfo li a{text-indent:-200em;display:block;height:21px; overflow:hidden;}
/*.journey-details ul.addinfo li .tooltip .padding{background:url(../images/icon-jp-info-ongrey.gif) no-repeat 0 0;}*/
.journey-details tr.addinforow td{text-align:left;}
.journey-details .addinfotext ul li{list-style-type:none;margin:0;}
/*.journey-details .addinfotext ul ul{margin-left:0;}*/
.journey-details .addinfotext div ul li,.journey-details .addinfotip div.padding div ul li{padding-left:27px;padding-bottom:12px; background-position:left top;background-repeat:no-repeat;}

.journey-details .addinfotext div h4,.journey-details .addinfotip div h4 {color:#404040;padding-bottom:12px;font-weight:bold;background:url(../images/icon-jp-info-onwhite.gif) no-repeat 0 0;font-size:1em; font-family:Arial, Helvetica, verdana, Sans-Serif;padding-left:27px;}
.journey-details .addinfotext div .tooltip-bottom h4,.journey-details .addinfotip div .tooltip-bottom  h4 {background:none;padding-left:0;text-align:left}
.journey-details .addinfotip div.padding div {padding-left:0px;text-align:left;}
.journey-details .addinfotip div.cycle a{height:auto; text-indent:0;}
.journey-details .addinfotext div h4 span{background-color:#fff;padding-left:5px;margin-left:-5px; }
.journey-details .addinfotip div.padding div h4 span{background-color:#fafcff;padding-left:5px;margin-left:-5px; }
.journey-details div.sleeper h4{background-position:-19px 0;}
.journey-details div.catering h4{background-position:-48px 0;}
.journey-details div.cycle h4{background-position:-71px 0;}
.journey-details div.seating li.first,.journey-details div.sleeper li.first{background-image:url(../images/icon-jp-info-tt-first.gif);}
.journey-details div.seating li.standard,.journey-details div.sleeper li.standard {background-image:url(../images/icon-jp-info-tt-standard.gif);}
.journey-details div.catering li.buffet {background-image:url(../images/icon-jp-info-tt-buffet.gif);}
.journey-details div.catering li.restaurant-car-fc{background-image:url(../images/icon-jp-info-tt-restaurant-car.gif);}
.journey-details div.catering li.hot-food{background-image:url(../images/icon-jp-info-tt-hot-food.gif);}
.journey-details div.catering li.meal-included-fc{background-image:url(../images/icon-jp-info-tt-meal-fc.gif);}
.journey-details div.catering li.wheelchair{background-image:url(../images/icon-jp-info-tt-wheelchair.gif);}
.journey-details div.catering li.restaurant{background-image:url(../images/icon-jp-info-tt-restaurant.gif);}
.journey-details div.catering li.trolley-service{background-image:url(../images/icon-jp-info-tt-trolley-service.gif);}
.journey-details .addinfotext ul, .journey-details .addinfotip ul{margin:0;padding:0;}
.journey-details .addinfotext ul {margin-bottom:12px;}
.journey-details .addinfotip .tooltip-bottom{min-height:60px;}
/* changestip */
.changestip .tooltip-top{background:url(../images/bg-changestip-t.png) right top no-repeat;width:465px;position:absolute;left:8px;top:16px;font-weight:normal;z-index:100;}
.changestip .tooltip-bottom{background:url(../images/bg-changestip-b.png) right bottom no-repeat;}
.changestip .tooltip-bottom .padding{background:url(../images/bg-changestip-m.png) right bottom repeat-y;margin-bottom:6px}

.changestip .padding{position:relative;top:-8px;padding:2px 8px;margin:0;}
.changestip .padding a.close{margin:1px 6px 0 5px;}
.changestip .infodesc{margin-left:10px;text-align:left;}
.changestip table.innertable{width:100%;border:none;border-top:1px solid #c5c5c5;}
.page .journey-details tr td .changestip table.innertable tr th,
.page .journey-details tr td .changestip table.innertable tr td{background-color:transparent;padding:8px;}
.page .journey-details tr td .changestip table.innertable tr.alt td{background-color:#fff;}
.changestip .padding p{text-indent:0;background:#FFF;}

.statustip .tooltip-top{left:70px;top:0;text-align:left;}
.statustip .tooltip-flip{top:auto;bottom:0;}
.statustip .tooltip-bottom{}
.statustip .padding{margin-bottom:-4px;}
.statustip .disruptiondesc a, .statustip .notedesc a{padding-top:3px;padding-bottom:3px;display:block;}

/* JOURNEY PLANNER TRAIN TIMES */
.journey-planner-times .tt-sc p{font-size:1.383em/*18px*/;}
.journey-planner-times .tt-sc .tooltip p{font-size:1em;}
.journey-planner-times .tt-sc h3{font-size: 1.479em/* 18px */;padding-bottom:10px;padding-top:0px;}
.journey-planner-times .tt-sc p.blue-lozenge span{padding-top: 3px;}
.journey-planner-times .timetable .timetable-progress{padding:0}
.journey-planner-times .timetable .timetable-progress .prog-int a.later{padding-bottom:10px;}/* Duplicate of .popup .timetable .timetable-progress .prog-int a.later */
.journey-planner-times .timetable .tbl-cont{background:#fff;padding:0;position:static;/*z-index:1*/}
.journey-planner-times .timetable td a{font-weight:normal;text-decoration:underline;}

.journey-planner-times .timetable td .tooltip a{text-decoration:none;border-bottom:1px dotted #003366;}

.jq .journey-planner-times .timetable tr.changes{display:none;}
.jq .journey-planner-times .timetable tr.status{display:none;}

.journey-planner-times .timetable tr.last-before-day-heading td{padding-bottom: 1.6em;}
.journey-planner-times .timetable tr.day-heading th{height: 1px; padding: 0 0 0 9px; background: #036; text-align: left;}
.journey-planner-times .timetable tr.day-heading th .blue-lozenge-small{float: left; height: 19px; margin: -10px 0;/* See also ie7.css and ie6.css */}

.timetable td .journey-status{width:80px;margin:0;text-align: center;}
.timetable td .journey-status img{display:block;margin:0 auto;}
.timetable td .journey-status p{padding:4px 0 0 0;line-height: 1.2;}
.timetable td .journey-status a.status{color:#404040;text-decoration: none;border-bottom:1px dotted #404040;}
.timetable td .journey-status a.alternate{font-size:.865em/*10px*/;text-decoration:none;}

.multi-button{padding-left: 12px;}
.multi-button ul{list-style: none;/*overflow:hidden;*/float:left;}
.multi-button ul li{margin-left:0;float:left;}
.multi-button ul li a{padding:5px 0 4px 0;text-decoration:none;float:left;height:15px;}
.multi-button ul li a span.image{line-height:1;padding-left: 18px;}
.multi-button ul li a span.border{border-left: solid 1px #dbdbdb;padding:0 8px 0 6px;}
.multi-button ul li.first a span{border-left-style: none;margin-left:0;}

.multi-button ul li a{background:url(../images/bg-multi-button.gif) center top repeat-x;min-height:15px;}
.multi-button ul li.first a{background-position:left top;padding-left:12px;}
.multi-button ul li.last a{background-position:right top;padding-right:12px;}
.multi-button ul li.disabled-first a{background-position:left bottom;color:#2B2B2B}
.multi-button ul li.disabled a{background-position:center bottom;color:#2B2B2B}
.multi-button ul li.disabled-last a{background-position:right bottom;color:#2B2B2B}

.multi-button ul li.first a:hover,
.multi-button ul li.first a:focus,
.multi-button ul li.first a:active{background-position:left bottom;}
.multi-button ul li a:hover,
.multi-button ul li a:focus,
.multi-button ul li a:active{background-position:center bottom;}
.multi-button ul li.last a:hover,
.multi-button ul li.last a:focus,
.multi-button ul li.last a:active{background-position:right bottom;}

.multi-button ul li a.print span.image{background:url(../images/icon-print.gif) left center no-repeat;}
.multi-button ul li a.save span.image{background:url(../images/icon-save.gif) left center no-repeat;}
.multi-button ul li a.no-image span.image{padding:0;}

/* ADDED AK FOR ADDING PRINT BUTTON WITH JS */
.multi-button ul li.both a{padding-top:0;padding-bottom:0;min-height:24px;}
.multi-button ul li.both span.border{border:none;background:url(../images/bg-multi-button.gif) center top repeat-x;background-position:left top;padding-top:5px;padding-bottom:4px;}

/* Extra submit button under multi-button */
.journey-planner-submit{clear:right;float:right;padding-bottom:12px;}
.journey-return .journey-planner-submit{padding-bottom:22px;}
.journey-planner-submit .b-y-lrg{margin:0;}
.journey-planner-submit .b-y-lrg.check-fares,
.page .journey-planner-submit .b-y-lrg.check-fares{float:right;}/* The second selector overrides a rule in ie6.css with this selector: .page span.b-y-lrg */
.journey-planner-submit button.b-y-lrg span{font-size:1.1em;text-transform:none;}

.journey-planner-times .tt-sc .multi-button{float:right;position:relative;z-index:1}

.journey-planner-times .timetable-progress .alt-trains{float: left;width: 250px;margin-top:-5px;padding-left: 115px;}
.journey-planner-times .timetable-progress .alt-trains h4{float: left;padding-right: 10px;}
.journey-planner-times .timetable-progress .alt-trains p{line-height:1.2;}


.journey-planner-times .timetable-progress .switch-class{float: right; margin: -8px 22.5em/* The width of .jq .timetable tr td.fares, plus 1em (plus another .5em for Opera 10's benefit). */ 0 0; padding-right: 4px;background-position: right top; background-repeat: no-repeat;}
.jq .journey-planner-times .timetable-progress .switch-class{float: right; margin: -8px 18em/* The width of .jq .timetable tr td.fares, plus 1em (plus another .5em for Opera 10's benefit).  */ 0 0; padding-right: 4px;background-position: right top; background-repeat: no-repeat;}
.journey-planner-times .timetable-progress .switch-class-first{background-image: url(../images/bg-switch-class-first-right.gif);}
/*url(../images/text-first.gif) 0 6px no-repeat*/
.journey-planner-times .timetable-progress .switch-class-standard{background-image: url(../images/bg-switch-class-standard-right.gif);}

.journey-planner-times .timetable-progress .switch-class-left{min-height: 31px; padding: 2px 6px 2px 10px; background-position: left top; background-repeat: no-repeat;}
.journey-planner-times .timetable-progress .switch-class-first .switch-class-left{padding-left: 39px; background-image: url(../images/bg-switch-class-first-left.gif);}
.journey-planner-times .timetable-progress .switch-class-standard .switch-class-left{background-image: url(../images/bg-switch-class-standard-left.gif);}

.journey-planner-times .timetable-progress .switch-class a{background-position: 0 .5em; color: #fff; font-weight: normal; text-decoration: none;}
.journey-planner-times .timetable-progress .switch-class a.arrowlink-light{background-position: 0 .25em;}
.journey-planner-times .timetable-progress .switch-class a span{float: left; line-height: 1.2;}
.journey-planner-times .timetable-progress .switch-class-first a span{width: 9em;}
.journey-planner-times .timetable-progress .switch-class-standard a span{width: 12.5em;}

.journey-planner-times .timetable-progress .switch-class a strong{font-weight: bold; font-size: 1.391em/* 16px */; line-height: 1.8; text-decoration: underline;}


.journey-planner-times .timetable-progress .back {float:right;}
.journey-planner-times .timetable-progress .back a{display: block; min-height: 25px; padding: 3px 0 0 30px;background: url(../images/pagination-prev.png) left top no-repeat;}

/* -----------------------------------------   1.1.3 JOURNEY PLANNER TICKET TYPE  -------------------------------------------------- */
.tkt-t-f{padding:10px 10px 2em;position:relative;width:436px;z-index:3;}

.tkt-t-f h2,
.tkt-t-f .fields,
.tkt-t-f .fields .checkfield,
.tkt-t-f .fields .checkfield label{float: left;}

.tkt-t-f h2{width: 210px;}
.tkt-t-f h2 .sifr-grey{color: #404040;}

.tkt-t-f .fields{min-height:50px;}

.tkt-t-f .fields .checkfield{width: 145px; white-space: nowrap;}
.tkt-t-f .fields .checkfield.travelcard{width: auto;}
.tkt-t-f .fields .checkfield .tooltip-top{white-space: normal;}
.tkt-t-f .fields .checkfield div.typeDesc{white-space: normal;padding:4px;}
.tkt-t-f .fields .checkfield .tooltip-top a{width:auto;height:auto;display:inline;}
.jq .tkt-t-f .fields .checkfield div.typeDesc{display:none;}

.tkt-t-f .fields .checkfield.new-row{clear: left;}

.tkt-t-f .fields button{float: right;}

.tkt-t-f .fields .checkfield .valid{padding:0;width:100%;}
.tkt-t-f .fields .checkfield .checkbox-border{margin: 0 3px 3px;}
.tkt-t-f .fields .checkfield label,
.tkt-t-f .fields .checkfield .more-help{padding-top: 2px;}
.tkt-t-f .fields .checkfield label{width: auto; color: #404040; font-weight: bold; white-space: nowrap;}
.tkt-t-f .fields .checkfield .more-help{margin: 0; padding-left: .5em;}

.tkt-t-f .statustip .tooltip-top{left:25px;top:-2px;}

/* 1.1.3 JOURNEY PLANNER - JOURNEY DETAILS TABLE WITH FARES */

.timetable tr th.fares-tab,
.timetable tr th.fares-heading{text-align: center; white-space: normal; background-color: #f0f8ff;}

.timetable tr th.fares-tab .small-print,
.timetable tr th.fares-heading .small-print{padding: 0; font-size: .951em/* 11px */; font-weight: normal;}
.timetable tr th.fares-tab .small-print{margin-top: .5em;}

.timetable tr th.fares-tab,
.timetable tr th.fares-tab .small-print{background-image: url(../images/bg-fares-header-border.gif); background-repeat: no-repeat;}
.timetable tr th.fares-tab{background-position: right bottom; padding: 0; vertical-align: top;}
.timetable tr th.fares-tab .small-print{margin: 0 0 -1px; border-top: solid 1px #8a8a8a; padding: 1.052em/* same as top and bottom padding of .timetable th */ 5px; background-position: left bottom; position: relative; top: -1px; z-index: 1; font-weight: normal;}

.timetable tr th.fares-heading{padding: 0;}
.timetable tr th.fares-heading .fares-heading-container{padding-top: 1em; padding-bottom: 1em;/* Top and bottom padding to match .timetable th */}

.timetable tr th.fares-tab .fares-container,
.timetable tr th.fares-heading .fares-heading-container{position:relative;}
.timetable tr th.fares-tab .price-from,
.timetable tr th.fares-tab .price-from-other{position: absolute; bottom: 100%; width: 100%; z-index: 2; font-weight: normal;}
.jq .timetable tr th.fares-tab .price-from,
.jq .timetable tr th.fares-tab .price-from-other{width: 49%;}
.timetable tr th.fares-tab .price-from,
.timetable tr th.fares-tab .price-from-other,
.timetable tr th.fares-tab .price-from-other a{color: #404040;}
.timetable tr th.fares-tab .price-from{background: url(../images/bg-table-tab-left.gif) left top no-repeat;}
.timetable tr th.fares-tab .price-from-other{margin-bottom: 1px; background: url(../images/bg-table-tab-unselected-left.gif) left top no-repeat;}

.timetable .show-return tr th.fares-tab .price-from{left: 0;}
.timetable .show-return tr th.fares-tab .price-from-other{right: 0;}
.timetable .show-single tr th.fares-tab .price-from{right: 0;}
.timetable .show-single tr th.fares-tab .price-from-other{left: 0;}

.timetable tr th.fares-heading .small-print{background: url(../images/bg-table-tab-lightborder-left.gif) left top no-repeat; position: absolute; bottom: 0; left: 0; width: 100%; font-weight: normal;}

.timetable tr th .small-print strong{white-space: nowrap;}

.timetable tr th.fares .price-from .inner,
.timetable tr th.fares .price-from-other .inner,
.timetable tr th.fares-heading .small-print .inner{margin-left: 5px; padding: 10px 8px 10px 3px;}
.timetable tr th.fares .price-from .inner{background: url(../images/bg-table-tab-right.png) right top no-repeat;}
.timetable tr th.fares .price-from-other .inner{background: url(../images/bg-table-tab-unselected-right.png) right top no-repeat;}
.timetable tr th.fares-heading .small-print .inner{background: url(../images/bg-table-tab-lightborder-right.gif) right top no-repeat; padding-top: 20px; padding-bottom: 20px;}

.timetable tr th.fares .price-from strong{font-size: 1.383em/* 16px */;}
.timetable tr th.fares .price-from-other strong{font-size: 1.125em/* 13px */;}

.timetable tr th.fares .price-from-other a{display: block; text-decoration: none; color: #404040;}

.jq table.show-return .fares-single{display: none;}
.jq table.show-single .fares-return{display: none;}
.timetable tr td.fares label{color: #404040; font-size: 1.383em;/* 16px */ font-weight: bold;position:relative;}
.timetable tr td.fares label .cheapest-fare-label{position:absolute;top:-.8em;left:0;font-size: .6875em;/* 11px */ font-weight: normal;}
.timetable tr td.fares .fare-type a{font-size: .865em;/* 10px */}
.timetable tr td.fares .more-fares-list .fare-type a{font-size:1em;}
.timetable tr td.fares .more-fares,
.timetable tr td.fares .hide-fares{padding-bottom: 0;}
.jq .timetable tr td.show-more-fares .more-fares a,
.jq .timetable tr td.show-more-fares .hide-fares a{position:relative;z-index:100;}
.timetable tr td.fares .more-fares a,
.timetable tr td.fares .hide-fares a{display: inline-block; text-decoration: none; padding-right: 16px; background-position: right center; background-repeat: no-repeat;}
.timetable tr td.fares .more-fares a{background-image: url(../images/icon-arrow-box-grey-down.gif);}
.timetable tr td.fares .hide-fares a{background-image: url(../images/icon-arrow-box-blue-up.gif);}

.timetable tr td.fares{padding-left: 11px; padding-right: 11px;}
.timetable tr td.fares,
.timetable tr td.return-journey{width: 10em;}/* See also ie7.css and ie6.css */
.jq .timetable tr td.fares,
.timetable .single-fare tr td.fares,
.jq .timetable tr td.return-journey{width: 16em;}/* See also ie7.css and ie6.css */
.timetable tr td.fares label,
.timetable tr td.fares .more-fares-list li .unavailable{width: 100%;}
.timetable .single-fare tr td.fares label,
.timetable .single-fare tr td.fares .more-fares-list li .unavailable,
.jq .timetable tr td.fares label,
.jq .timetable tr td.fares .more-fares-list li .unavailable{float: left; width: 48%; padding-right: 2%;}
.timetable tr td.fares label{padding-top: .3em;}
.timetable tr td.show-more-fares label{position:relative;z-index:100;}
.timetable tr td.fares label input{margin: 0;}
.timetable .single-fare tr td.fares .fare-type,
.timetable .single-fare tr td.fares .more-fares,
.jq .timetable tr td.fares .fare-type,
.jq .timetable tr td.fares .more-fares{float: left;width: 49%;}

.timetable td.disabled input{margin-left:68px}
.timetable td.disabled span{color:#404040;font-size:0.94em}

.timetable tr td.return-journey{text-align: center;}
.timetable tr td.return-journey .select-outward{font-weight: bold; display: block; padding: 0 3em;}

.timetable tr a.change-fares{text-decoration: none; white-space: nowrap;}
.timetable tr a.change-fares strong{text-decoration: underline; font-size: 1.391em/* 16px */; font-weight: bold; vertical-align: middle;}

.timetable tr td.fares .more-fares-list{clear: left; padding-top: .5em;}
.timetable tr td.fares .more-fares-list ul{list-style: none; margin: 0; border-top-style: solid; padding: .5em 0 0;}
.timetable tr td.fares .more-fares-list li{margin-left: 0; padding:0;}
.timetable tr td.fares .more-fares-list li label{padding-top: 0.5em;padding-bottom:0.5em; font-size: 1em/* 11.5px */;}
.timetable tr td.fares .more-fares-list li .fare-type{font-size: 1em/* 11.5px */;padding-top: 0.5em;padding-bottom:0.5em;}
.timetable tr td.fares .more-fares-list li .unavailable{padding-top: 0.5em;padding-bottom:0.5em; display:block; font-weight: bold;}


.jq .timetable tr td.show-more-fares{border-style: solid solid none;}
.jq .timetable tr.first td.show-more-fares{border-style: none solid;}

.jq .timetable tr td.show-more-fares .more-fares-container{position: relative;/* See also ie7.css and ie6.css */z-index:101;}

.jq .timetable tr td.show-more-fares .more-fares-list{position: absolute; z-index: 3; top: 100%; left: 0; width: 100%; margin: 0 -19px; padding: 0 19px; background: url(../images/bg-more-fares-shadow-left.png) left bottom no-repeat;}
.jq .timetable tr td.show-more-fares .more-fares-list-top{position: absolute; top: -20px; left: 0; width: 100%; background-color: #fdf; background: url(../images/bg-more-fades-shadow-fadeout-left.png) left bottom no-repeat;}
.jq .timetable tr td.show-more-fares .more-fares-list-top-right{background: url(../images/bg-more-fades-shadow-fadeout-right.png) right bottom no-repeat; height: 20px;}

.jq .timetable tr td.show-more-fares .more-fares-list .shadow-right{margin: 0 -19px 0 -11px; padding: 0 19px 9px 11px; background: url(../images/bg-more-fares-shadow-right.png) right bottom no-repeat;}

.jq .timetable tr td.fares .more-fares-list .inner{border-style: none solid solid; margin: 0 -12px; padding: 11px; background: #fffcb5 url(../images/bg-yellow-gradient-vertical.gif) left bottom repeat-x;}

.jq .timetable tr td.fares .more-fares-list .loading{text-align:center;padding-top:8px;}
.jq .timetable tr td.fares .more-fares-list .loading img{width:170px;}

.timetable tr td.fares .more-fares-list ul{border-width: 1px;}

.jq .timetable tr td.fares .more-fares-list .inner,
.jq .timetable tr td.fares .more-fares-list ul,
.jq .timetable tr td.show-more-fares,
.timetable .more-fares-list .see-all,
.timetable .more-fares-list .see-fewer{border-width: 1px; border-color: #feea5b;}

.timetable .more-fares-list .see-all,
.timetable .more-fares-list .see-fewer{margin-top: 1em; border-top-style: solid; padding-top: .7em;padding-bottom:0;}
.timetable .more-fares-list .see-all a,
.timetable .more-fares-list .see-fewer a{padding-left: 18px; background-position: 5px .3em; background-repeat: no-repeat; text-decoration: none;}
.timetable .more-fares-list .see-all a{background-image: url(../images/icon-plus-blue.gif);}
.timetable .more-fares-list .see-fewer a{background-image: url(../images/icon-minus-blue.gif);}

/* changestip */
.changestip a.changestip-link,
.journey-planner-times .timetable td .changestip a.changestip-link{text-decoration: none;border-bottom-style: dotted; border-bottom-width: 1px;}
.page .journey-details tr td .changestip table.innertable a{text-decoration: none;}

/* VISIT TRANSPORT DIRECT LINK ON THE BOTTOM OF PAGE 1.1.1 */
.j-details{float:right;padding-bottom:0;}
.j-details li{margin-top:0.5em; list-style:none;}
.j-details a{font-weight: bold;text-decoration: none;}

/* --------------------------------------- 1.1.4 TICKET SUMMARY ---------------------------------------------------*/
.page .container .journey-summary .blue-lozenge{padding-bottom:5px;}
.journey-summary .multi-button .last{padding-right:0;}
.journey-summary .journey-type-outward, .jq .journey-summary .expanded .journey-type-outward{background:url(../images/icon-outward-small-sprite.png) no-repeat left -127px;padding-left:40px;}
.jq .journey-summary .journey-type-outward{background-position:left 12px;}
.journey-summary a.journey-details{float:right;}
.journey-summary .head-arrow-return, .journey-summary .head-arrow-outward{float:right;width:40%;} 
.journey-summary .head-arrow-outward span, .journey-summary .head-arrow-return span{text-decoration:underline;display:block;float:left;margin:5px 10px 0 0;}
.journey-summary .head-arrow-outward a, .journey-summary .head-arrow-return a{text-decoration:none;padding-top:3px;}
.journey-summary .expanded .head-arrow-outward a, .journey-summary .expanded .head-arrow-return a{color:#fff;}
.journey-summary .head-arrow-text-anchor a img{}

.journey-summary .head{padding-right:15px;}
.journey-summary .head h3, .journey-summary .head h3{font-size:1em;font-weight:bold;float:none;}
.journey-type-outward p, .journey-type-return p, .jq .expanded .journey-type-return p, .jq .expanded .journey-type-outward p{padding-bottom:0;color:#fff;}
.jq .journey-type-outward p, .jq .journey-type-return p{color:#404040;}
.journey-summary .journey-type-return, .jq .journey-summary .expanded .journey-type-return{background:url(../images/icon-return-small-sprite.png) no-repeat left -127px;padding-left:40px;}
.jq .journey-summary .journey-type-return{background-position:left 12px;}

.journey-details .journey-summary th{border-bottom:1px solid #adadad;}
.journey-details .journey-summary td{background-color:#f5f5f5;}
.jq .journey-details .journey-summary .expanded a{color:#fff;}

.journey-summary .leaving{text-align:left;}
.journey-summary .changes{font-weight:bold;text-align:center;}
.journey-summary .last{padding-right:20px;padding-left:0;}
.journey-summary .arrow{min-height:21px;padding-top:5px;}
.journey-summary .alert{text-align:center;}
.journey-summary .timetable tr.selected td.alert{background-color: #fffee2;}
.journey-summary td.alert a{background:none;float:none;margin:0 auto;}
.journey-summary td.leaving, .journey-summary td.arriving{font-size:1.15em;}
.journey-summary td a{font-weight:normal;text-decoration:underline;}
.page .journey-summary th.alert{background-color:#fff;}
.jq .journey-summary .head{background-color:#f3f3f3;}
.jq .journey-summary .head-hlt{background-color:#fffef5;}
.jq .journey-summary .expanded{background-color:#1E5892;}

.box-1 .b1-m-small{background-image:url(../images/bg-box-1-m-small.gif);}
.box-1 .b1-m-small .b1-p{min-height:91px;}
.operator-price{padding-bottom:15px;clear:left;}
.operator-price img{float:left;}
.operator-price p{float:left;font-size:1.5em;font-weight:bold;width:130px;text-align:left;padding:6px 8px 0 0;}
.operator-price .btnBuyNow button, .operator-price .btnBuyNow span {float:right;}

.ticket-provider-btn{width:auto;float:right;}
.jq .ticket-provider{display:none;}

.journey-summary-purchase label, .journey-summary-purchase select{width:auto;float:left;}
.journey-summary-purchase label{font-weight:bold;padding-bottom:5px;}
.journey-summary-purchase .select-border{width:auto;}
.journey-summary-purchase button{/*width:100%;*/text-align:left;}
.journey-summary-purchase button span{text-align:left;}
.journey-summary .panel-collapsed, .journey-summary .panel-expanded{float:right;}

.jp-farefind .ticket-summary{float:left;width:458px;}
.ticket-summary .ticket-summary-title{padding:24px 0 15px 0;}
.ticket-summary .ticket-summary-title h2{float:left;margin-right:15px;font-family:Arial, Helvetica, sans-serif;color:#404040;font-size:1.5em;font-weight:bold;}
.ticket-summary .edit{padding:5px 0 0 0;float:left;font-weight:bold;font-size:1.1em;background:none;text-decoration:underline;}
.tt-sc .edit{float:left;background:none;font-weight:bold;text-decoration:underline;padding-top:5px;}
.ticket-summary table{margin-bottom:0;}
.ticket-summary th, .ticket-summary td{padding:10px;}
.ticket-summary .table-header{background: #f1f8ff url(../images/bg-ticket-summary-th.gif) repeat-x left top;border-top:1px solid #d2d6db;font-size:1.1em;padding:5px 10px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;color:#404040;}
.ticket-summary .saving{font-weight:bold;color:#800000;display:block;margin:0.2em 0 0 0.5em;}
.ticket-summary .alt{background-color:#f5f5f5;}

.ticket-summary .type{padding-right:0;}
.ticket-summary .description{padding-left:0;}
.ticket-summary table td.price{text-align:right;}
.ticket-summary .total-price{text-align:right;}

.ticket-summary .journey-total th, .ticket-summary .trip-total{text-align:right;font-weight:bold;padding:10px 5px 10px;}

.ticket-summary .journey-total th{padding-right:0;}
.ticket-summary .journey-total .total-price{padding-left:0;padding-right:10px;}
.ticket-summary .journey-total{font-size:1.1em;}
.ticket-summary .trip-total{font-size:1.4em;text-align:right;padding-right:0;}

.ticket-summary .trip-total{margin-right:10px;padding-top:0;}
.ticket-summary .trip-total span{padding-right:9px;}

.ticket-details{background-color:#f5f5f5;padding:10px;}
.ticket-details .route{text-transform:uppercase;}
.ticket-details h3{font-size:1em;color:#404040;font-size:1.1em;font-weight:bold;font-family:Arial, Helvetica, sans-serif;margin-bottom:10px;}
.ticket-details p{color:#404040;}

.page .jp-travelcards .b28-m .b28-p{padding-bottom:15px;}
.jp-farefind .purchase-info{width:300px;float:right;margin-top:15px;}
.jp-travelcards h2{color:#4f4f4f;}
.jp-travelcards h2 span{color:#603672;}
.jp-travelcards{width:458px;clear:left;float:left;margin-top:20px;}
.jp-travelcards p{font-weight:bold;}
.travelcards{background:url(../images/icon-travelcard.jpg) no-repeat right 5px;padding:0 204px 0 0;margin-bottom:20px;}
.seven-day{background-image:url(../images/icon-travelcard-seven-days.gif); }
.jp-travelcards .travelcards th, .jp-travelcards .travelcards td{text-align:center;padding:5px 20px;}
.travelcards .alt th, .travelcards .alt td{background-color:#e0ecf8;}
.travelcards td.price, .travelcards th.price{text-align:right;}
.travelcards td.last, .travelcards th.last{padding-right:15px;padding-left:0;}
.travelcards td.first, .travelcards th.first{padding-left:15px;padding-right:0;}

.page .jp-farefind .b1-m .b1-p button.b-y-lrg span.normal{font-weight:normal;background:none;display:inline;padding:0 0.3em 0 0;position:static;font-size:1em;}

.ticket-summary th{padding:0;}
