/* This is the CSS for everything other than the homepage, it's post loaded on the signed out HP along with functions.other */ /* /*------------------------------------------------ OVERALL LAYOUT ----------------------------------------- */ .logged-in .header{clear:both;margin:17px 0 2px 0;} .logged-in .header .sprite-main.login-bg{background-position:-2px -82px;} .header a.logo{width:auto;float:left;} .no-sub-nav{margin-top:20px;} /* Now we have removed the grey BG grad these can be lost .c-85{background-position:0 85px;} .c-150{background-position:0 150px;} .c-200{background-position:0 200px;} .c-280{background-position:0 280px;} .c-360{background-position:0 360px;} .cs-25{background:url(../images/bg-container-short.gif) repeat-x 0 30px;} */ .page-heading .padding{padding:10px 10px 0 10px;} .main{width:800px;float:left;position:relative;z-index:1;} .additional{width:160px;float:left;} /* adlink */ #ad-placeholder-side{width:125px;height:780px;padding:7px 7px 1px 8px;background-color:#e4e4e4;margin:-2px 0 0 0;} #ad-side a, #ad-side a img{display:block;} /* ------------------------------------------------ COMMON PRESENTATIONAL ELEMENTS ----------------------------------------- */ /* Sprite */ .icon-tube {background-position:-461px 0px} .icon-train {background-position:-433px 0px} /* FORMAT */ a abbr,a acronym,a dfn{cursor:pointer;} pre,address{margin:0;padding:0;line-height:1.5em;} address{font-style: normal;} blockquote {margin:1em 0; padding:1em 0 1em 35px; border-top:1px solid #DDD; border-bottom:1px solid #DDD;} .tick-yes{background:transparent url(../images/icon-tick.png) no-repeat;text-indent:-200em;display:block;padding:5px 0;width:1.5em} /* HR's */ div.hr{border-top:1px solid #949494;height:1px;overflow:hidden;margin:0 0 15px 3px;} div.hr hr{display:none;} .hr-blue{border-top:1px solid #c1d8ed;height:1px;overflow:hidden;margin-top:0.5em;} .hr-blue hr{display:none;} .hr-white{border-top:1px solid #FFF;height:1px;overflow:hidden;margin:1em 0;} .hr-white hr{display:none;} /* FORMAT > fonts */ em,i{font-style:italic;} dfn{font-style:normal;} cite{font-style:italic;} code,kbd,pre{font-family:"Courier New",Courier,mono;font-size:1em;} .small-text{font-size: .94em/* 11.4px */;} p.next-week{float:right;width:300px;padding:0 0 0.4em 0;line-height:1.4em;} .page .container .blue-lozenge{height:27px;background:url(../images/bg-sprite-main.png) -735px -198px no-repeat;padding:0 0 0 5px;} .page .blue-lozenge span{background:url(../images/bg-sprite-main.png) no-repeat 100% -198px;display:block;padding:3px 8px 4px 3px;color:#fff;font-weight: bold;white-space:nowrap;} .page .container .blue-lozenge-tall{height:43px;background-position:-735px -480px;line-height:1;} .page .blue-lozenge-tall span{background-position:100% -480px;height:37px;} .page .container .blue-lozenge-small{background:url(../images/bg-blue-lozenge-small-r.gif) right top no-repeat;padding:0 5px 0 0; line-height: 1;} .page .blue-lozenge-small span{background:url(../images/bg-blue-lozenge-small-l.gif) left top no-repeat;display: block; min-height: 12px; padding: 3px 0 3px 5px; color: #fff; font-size: .951em/* 11px */; font-weight: bold;} .field p.note{clear:both;font-size:0.94em;line-height:1.2em;padding:5px 0 0 2px;margin:0 0 10px 0;} .field p.note strong{color:#800000;} .page .tt-sc .journey-type-outward,.page .tt-sc .journey-type-return{min-width:43px;position:relative;padding-top: 18px;font-size: 0.95em;} .page .tt-sc .journey-type-outward .sprite-main, .page .tt-sc .journey-type-return .sprite-main{position:absolute;top:0;left:0;} .page .tt-sc .journey-type-outward .sprite-main{background-position:-264px 0;} .page .tt-sc .journey-type-return .sprite-main{background-position:-264px -13px;} .tt-sc .journey-type-outward, .tt-sc .journey-type-return{width:auto;float:left;margin-right:10px;font-family:Arial,Helvetica,sans-serif;color:#404040;padding-bottom:1em;} /* tt-top: Train Times top, used on 1.1.1 */ .tt-top .tt-sc h1, .tt-top .tt-sc .edit{float:left;} .tt-top .tt-sc .edit{font-weight:normal;padding:1.2em 0 0 1em;} .tt-top .tt-sc .multi-button{float:right;margin-top:.5em;} .padding-left-2{padding-left:2px;} /* ANCHORS */ a.edit,a.renew {position:relative;padding:0 25px 15px 0;display:block;text-decoration:none;} a.edit .sprite-main,a.renew .sprite-main{position:absolute;top:0;right:0;background-position:-697px -96px;} a.external{padding-right:15px;text-decoration:none;background:url(../images/icon-external-link.png) 100% 50% no-repeat;/* See also ie6.css */} a.external .sprite-main{position:absolute;right:0;top:50%;margin-top:-6px;background-position:-42px 0;} .page a.delete, .my-account-alerts a.edit, .my-account-alerts a.renew{position:relative;font-weight:bold;text-decoration:none;display:block;padding:4px 0 3px 28px;} .page a.delete .sprite-main{position:absolute;top:0;left:0;background-position:-116px 0;} .my-account-alerts a.edit .sprite-main{left:0;background-position:-697px -96px;} .my-account-alerts a.renew .sprite-main{left:0;background-position:-527px 3px;} .my-account-alerts a.edit, .my-account-alerts a.delete, .my-account-alerts a.renew{display:inline;padding:4px 10px 3px 28px;} a.add-favourite{font-weight:bold;background:url(../images/icon-add-favourite.png) no-repeat top left;float:left;margin:8px 0 0 10px;display:block;padding:3px 0 10px 27px;text-decoration:none;} /* used on 7.0 */ .more-info a{position:relative;zoom:1;} .farefind .more-info a{color:#FFF} a.toggle-date{display:none;} .jq a.toggle-date{display:inline;} a.toggle-time{display:none;} .jq a.toggle-time{display:inline;} .remove{position:relative;padding:5px 0 12px 25px;display:block;color:#fff;text-decoration:none;font-weight:bold;} .remove .sprite-main{position:absolute;left:0;top:50%;margin-top:-15px;background-position:-686px 0;} .selected-arrow{background:url(../images/bg-selected-arrow.png) no-repeat left top;width:17px; height:47px;float:right;margin:-14px -26px -14px 0;} /* on the service disruptions page - needs genericising if to go into other pages */ a.pdf-download{background:url(../images/icon-pdf-download.png) left top no-repeat;width:115px;height:49px;display:block;position:relative;float:right;/*margin-left:2em*/} a.pdf-download span.pdf-download-text{font-weight:bold;font-size:0.94em;position:absolute;right:10px;bottom:8px;text-transform:capitalize;} /* CONTEXTUAL LINKS */ ul.c-links{list-style: none;} ul.c-links li{margin-left: 0;} ul.c-links li a{display: block; padding: 2px 7px; background-color: #f5f5f5; text-decoration: none;} ul.c-links li.alt a{background-color: transparent;} /* PAGE HEADING */ .page-heading h1{margin-bottom:0.2em} .page-heading p{padding:0;} .page-heading a.update-now{padding:0 0 0 10px;} /* HEADERS */ .small-text h1, .small-text h2.h1{font-size: 2.66em;} .small-text h2{font-size: 2.128em;} .small-text h3{font-size: 1.702em;} .small-text h4{font-size: 1.33em;} .small-text h5, .small-text h6{font-size: 1.064em;} h1.basic{color:#404040;font-family:Arial,Helvetica,sans-serif;font-size:1.7em;margin-bottom:0.4em;} .page h2.basic{color:#404040;font-family:Arial,Helvetica,sans-serif;font-size:1.7em;font-weight:normal;margin:0;} h2.page-title{font-size:2em;} h2.intro{padding-bottom: .5em; color: #000; font: bold 1em Arial, Helvetica, sans-serif;} .page-heading .alternate h1{color:#404040;} .page-heading p{width:400px;} .page .heading-3{font-family:Georgia,"Trebuchet MS","Times New Roman",Times,serif;color:#003366;font-weight:normal;font-size:1.6em;} /* LISTS */ dt{display:block;float:left;} dd{margin-left:10em;} dl.zebra{margin:0;padding:0;} dl.zebra dt{width:140px;padding:10px 0 0 10px;font-weight:bold;clear:left;position:relative;z-index:100;} /* 25 / 02 / 11 added z-index and pos : rel NREOJPTEST-1967 - untested fix*/ dl.zebra dd{padding:10px 10px 10px 160px;margin:0;} dl.zebra dd.hlt{background-color:#f5f5f5;} dl.zebra dd.bg-yes, dl.zebra dd.bg-no{position:relative;padding-left:184px;} dl.zebra dd.bg-yes .sprite-tick, dl.zebra dd.bg-no .sprite-cross{position:absolute;top:8px;left:160px;} dl.zebra dd.bg-yes .sprite-tick{background-position:-380px 0;} dl.zebra dd.bg-no .sprite-cross{background-position:-486px -11px;} dl.zebra dd a{font-weight:bold;} dl.run-in dt{float: left; width: auto; padding-right: .5em; color: #036; font-weight: bold;} dl.run-in dd{margin: 0 0 1em 0;} ul.zebra li{list-style:none;width:auto;background:none;padding:4px 10px;margin:0;border:none;} ul.zebra li.hlt{background-color:#f5f5f5;} li.hlt{background-color:#f5f5f5;} table ul.arrowlinklist-dark{margin:0;} table ul.arrowlinklist-dark li{padding:0 0 0.3em;} li.no-arrow a{background:none;} ul.content-list li{list-style:none;background:url(../images/bullet-content-list.gif) 0 0.6em no-repeat;padding:0.2em 0 0.2em 1.2em;margin:0 0 0 1em;} ul.arrowlinklist-dark li.selected{padding-left:1.6em;} /* list in a row, usually of links, items separated with a border to the left */ .page ul.border-list{margin:0;} .page ul.border-list li{display:inline;float:left;width:auto;list-style:none;margin:0;padding:0 0 0 8px;border-left:1px solid #777A7D;} .page ul.border-list li.first{padding-right:8px;border-left:none;} .page ul.border-list li a{font-weight:bold;text-decoration:none} /* TABLES */ caption{display:block;padding:0;margin:0;} table{border:0;width:100%;margin:0 0 20px 0;} th{border:0;padding:2px 5px 2px 5px;} th.row-header{background-color:transparent;color:#000;} td{border:0;padding:2px 5px 2px 5px;vertical-align:top;text-align:left;} td span.arrow .sprite-main { background-position: 0px 0px; left: 0px; margin-top: -13px; position: absolute; top: 50%; } /* on the alerts pages */ td span.arrow{position:relative;padding-left:20px;display:block;text-align:left;background-position:-410px -328px;} .page tr.selected td{background-color:#fffee2} table.accordian-table{color:#404040;clear:both;} table.accordian-table-nh{border-top:1px solid #bababa;} table.accordian-table th{border-bottom:1px solid #bababa;text-align:left;vertical-align:bottom;padding:0 0 6px 10px;} table.accordian-table th.center{text-align:center;padding:0 0 6px 0;} table.accordian-table th.first{padding-left:0} table.accordian-table .accordian-header td{color:#fff;background:#1e5892 url(../images/bg-table-cell-exp.gif) repeat-x top left;border-bottom:1px solid #bababa;padding:8px 10px 6px;vertical-align:middle;line-height:1.4em;} .js table.accordian-table .accordian-header{cursor:pointer;} .jq table.accordian-table .accordian-header td{color:#404040;background:#f3f3f3 url(../images/bg-table-cell.gif) repeat-x top left;} table.accordian-table .acc-c td{border-bottom:none;} table.accordian-table .acc-c td .exp-c{background-color:#fff;border:1px solid #bababa;border-top:none;} .jq table.accordian-table .acc-c td .exp-c{display:none;} .jq table.accordian-table .acc-c td .expanded-content{display:block;border:1px solid #3a6c9f;border-top:none;} .jq table.accordian-table tr.hlt td{background:url(../images/bg-table-cell-hlt.gif) repeat-x top left;} .jq table.accordian-table tr.expanded td{color:#fff;background:#1e5892 url(../images/bg-table-cell-exp.gif) repeat-x top left;border-bottom:1px solid #3a6c9f;} table.accordian-table tr.expanded td a{color:#fff;} /* AB 11/08/2010 */ table.accordian-table td.first{border-left:1px solid #bababa;padding-right:35px;} .jq table.accordian-table tr.expanded td.first{border-left:1px solid #3a6c9f;} table.accordian-table td.last{border-right:1px solid #bababa} .jq table.accordian-table tr.expanded td.last{border-right:1px solid #3a6c9f;} .js table.accordian-table tr.accordian-header td.last a{height:27px;display:block;} /* AB 11/08/2010 */ .js table.accordian-table tr.accordian-header td.last .sprite-main{height:26px;width:26px;background-position: -64px 0;} .js table.accordian-table tr.accordian-header.expanded td.last .sprite-main{background-position: -90px 0;} table.accordian-table td.list{background:none;padding:0;} table.accordian-table td .more-info{color:#404040;margin:2px 0 -12px 0;} table.accordian-table td ul{margin:0;padding:0;list-style:none;} table.accordian-table td li{background:url(../images/bullet-blue.gif) no-repeat left 5px;padding-left:11px;margin:0;} table.route th{background:#FFF;color:#282828;border-top:1px solid #c5c5c5; border-bottom:1px solid #c5c5c5;padding:8px 5px;text-align:center;} table.route th.journey{text-align:left;} table.route td{padding:8px 5px;color:#484848} /* USED IN THE TRAVEL ALERT POPUPS */ th.alert, td.alert{background-color:#f0f8ff;min-width:55px;} tr.alt td.alert{background-color: #e7eef5;} td.alert label{position:relative;width:26px;height:21px;} td.alert label span.sprite-main{background:none;} .alert-popup .sprite-main{background-position:-206px 0;} td.alert label .sprite-main{position:absolute;left:0;top:3px;width:26px;height:21px;text-indent:-9999px;} td.alert input{float: right;margin-top: 7px;margin-left: 10px;} .page .alerts td{background:#f5f5f5 url(../images/bg-alerts-b.gif) bottom left repeat-x;vertical-align:top;padding:0 0 15px 0;} .page .alerts td span.td-bg-top{display:block;background:transparent url(../images/bg-alerts-t.gif) top left repeat-x;padding:11px;} .page .verify .alerts td.alert{background-color:#f5f5f5;} /* FORMS */ .element{float:left;width:55%;} .subnav .element{float:none;width:100%;} .label{padding:0;margin:0;text-align:left;} .input{padding:0 20px 0 0;margin:0;} .element .col div{padding:0 0 5px 0;} input.text{width:95%;padding:1px 3px;} input.radio{display:block;float:left;margin:0 5px 5px 0;padding:0;} .button-left{float:left;width:auto;} .button-right{float:right;width:auto;} input.submit{border:2px solid #999;background:#fff;width:auto;} .highlight{color:#F00;} .hide{display:none;} button.b-b-lrg{background:transparent url(../images/bg-button-blue-large-l.png) no-repeat left top;border:0 none;color:#ffffff;cursor:pointer;float:right;font-family:Arial,Helvetica,sans-serif;overflow:visible;padding:0 0 0 13px;position:relative;zoom:1;} button.b-b-lrg span{background:transparent url(../images/bg-button-blue-large-r.png) no-repeat right center;display:block;font-size:1.3em;font-weight:bold;height:26px;padding:8px 16px 0 0;position:relative;white-space:nowrap;} .panel-blue a.b-y span, .overlay-275 a.b-y span{padding-bottom:3px;} .page .content .button-margin-top{margin-top:10px;} .page .content .button-margin-right{margin-right:10px;} .floated-button-center{float:right;position:relative;left:-50%;} .floated-button-center-inner{position:relative;left:50%;} /* IMAGES */ .image-left{float:left;display:block;width:auto;background-color:#ccc;margin:0 15px 10px 0;padding:0 0 2px 0;border:1px solid #FFF;} .image-left img{display:block;border-bottom:1px solid #fff;margin:0 0 0 0;} .image-right{float:right;display:block;width:auto;background-color:#ccc;margin:0 0 10px 15px;padding:0 0 2px 0;border:1px solid #FFF;} .image-right img{display:block;border-bottom:1px solid #fff;margin:0 0 0 0;} .caption{display:inline;border-top:0px;background-color:transparent;color:#000;padding:2px 0 0 5px;} /* -------------------------------------------------------- COMMON STRUCTURAL ELEMENTS -------------------------------------------------- */ /* HIGHLIGHT BOXES */ .box-4, .box-5, .box-25, .box-6, .box-7, .box-8, .box-10, .box-12, .box-13, .box-15, .box-17, .box-18, .box-19, .box-22, .box-23, .box-24, .box-25, .box-26, .box-28, .box-29, .box-30, .box-31, .box-32 { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border-width: 1px; border-style: solid; } /* variation on the dark grey box */ .box-3-black { /* [!] Exactly the same as box-3-css, but with a black border */ border-color: #333; } /* PURPLE GRADIENT BOX - LIGHT TO DARK BLUE (NOT PURPLE - SEE BOX 13 FOR VARIATION) - ROUNDED CORNERS */ .box-4 { border-color: #32254a; background: #031930 url(../images/bg-box-4-m.gif) left top repeat-x; background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.0%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22grad%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3A%20%239481ba%3B%20stop-opacity%3A%201%3B%22/%3E%3Cstop%20offset%3D%227%25%22%20style%3D%22stop-color%3A%20%23645483%3B%20stop-opacity%3A%201%3B%22/%3E%3Cstop%20offset%3D%22100%25%22%20style%3D%22stop-color%3A%20%23031930%3B%20stop-opacity%3A%201%3B%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20fill%3D%22url%28%23grad%29%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20/%3E%3C/svg%3E); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0%, #9481ba), color-stop(7%, #645483), color-stop(100%, #031930) ); background-image:-moz-linear-gradient( center top, #9481ba 0%, #645483 7%, #031930 100% ); } /* Thumping great hack to turn off borders for Opera 10.0 and below, because Opera 10.0 has odd bugs with SVG backgrounds on elements with borders. */ @media all and (resolution = 0dpi) { .box-4 { background-image: url(../images/bg-box-4-m.gif); } } .box-4 .b4-t .b4-tr, .box-4 .b4-b .b4-br{display:none;} .box-4 .b4-m .b4-p{padding:14px 20px 20px 20px;color:#FFF;} .box-4 h1, .box-4 h2, .box-13 h1{color:#FFF;margin-bottom:0.3em;} .box-4 h1 span, .box-4 h2 span, .box-13 h1 span{color:#ffe155;} /* BLUE GRADIENT BOX - GREY BORDER - SQUARE CORNERS */ .box-5 { border:1px solid #ccc; background: #ebf3fb url(../images/bg-box-5.gif) left top repeat-x; background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.0%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22grad%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%229%25%22%20style%3D%22stop-color%3A%20%23fff%3B%20stop-opacity%3A%201%3B%22/%3E%3Cstop%20offset%3D%22100%25%22%20style%3D%22stop-color%3A%20%23eaf2fb%3B%20stop-opacity%3A%201%3B%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20fill%3D%22url%28%23grad%29%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20/%3E%3C/svg%3E); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(9%, #fff), color-stop(100%, #eaf2fb) ); background-image:-moz-linear-gradient( center top, #fff 9%, #eaf2fb 100% ); } /* Thumping great hack to turn off borders for Opera 10.0 and below, because Opera 10.0 has odd bugs with SVG backgrounds on elements with borders. */ @media all and (resolution = 0dpi) { .box-5 { background-image: url(../images/bg-box-5.gif); } } /* BLUE GRADIENT BOX - BLUE BORDER - SQUARE CORNERS */ .box-5-alt-border { /* [!] Exactly the same as box-5-css, but with a darker border, and no rounded corners */ border-color: #6290ba; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;/* This line inexplicably makes Opera, up to version 10.6, lose the SVG background. */ } /*NRE-2.2.1-stations-template.shtml*/ .box-5-blue{border:1px solid #6290ba;background:#ebf3fb url(../images/bg-box-5.gif) left top repeat-x;} .box-6 { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-color: #d5d5d5; background: #fff url(../images/bg-box-6.gif) left top repeat-x; background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.0%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22grad%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%2215%25%22%20style%3D%22stop-color%3A%20%23f1f1f1%3B%20stop-opacity%3A%201%3B%22/%3E%3Cstop%20offset%3D%2296%25%22%20style%3D%22stop-color%3A%20%23fff%3B%20stop-opacity%3A%201%3B%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20fill%3D%22url%28%23grad%29%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20/%3E%3C/svg%3E); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(15%, #f1f1f1), color-stop(96%, #fff) ); background-image:-moz-linear-gradient( center top, #f1f1f1 15%, #fff 96% ); color: #333; } /* Thumping great hack to turn off borders for Opera 10.0 and below, because Opera 10.0 has odd bugs with SVG backgrounds on elements with borders. */ @media all and (resolution = 0dpi) { .box-6 { background-image: url(../images/bg-box-6.gif); } } .box-6 .padding{padding:20px;} /* DARK BLUE HEADER - WHITE BACKGROUND - DARK BLUE BORDER - ROUNDED CORNERS */ .box-7 { border-color: #6290ba; background-color: #fff; } .box-7 .b7-t { -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin: -1px -1px 0; padding: 10px; border-color: #00254a; background: #002e5c; background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.0%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22grad%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3A%20%23245a91%3B%20stop-opacity%3A%201%3B%22/%3E%3Cstop%20offset%3D%2224%25%22%20style%3D%22stop-color%3A%20%230b457e%3B%20stop-opacity%3A%201%3B%22/%3E%3Cstop%20offset%3D%2285%25%22%20style%3D%22stop-color%3A%20%23036%3B%20stop-opacity%3A%201%3B%22/%3E%3Cstop%20offset%3D%22100%25%22%20style%3D%22stop-color%3A%20%23002e5c%3B%20stop-opacity%3A%201%3B%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20fill%3D%22url%28%23grad%29%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20/%3E%3C/svg%3E); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0%, #245a91), color-stop(24%, #0b457e), color-stop(85%, #036), color-stop(100%, #002e5c) ); background-image:-moz-linear-gradient( center top, #245a91 0%, #0b457e 24%, #036 85%, #002e5c 100% ); color: #fff; } /* Thumping great hack to turn off borders for Opera 10.0 and below, because Opera 10.0 has odd bugs with SVG backgrounds on elements with borders. */ @media all and (resolution = 0dpi) { .box-7 .b7-t { background-image: none; } } .box-7 .b7-b .b7-br{display:none;} .box-7 .b7-m{padding-bottom:6px;} /* LIGHT BLUE BOX - LIGHT TO DARK - BLUE BORDER - ROUNDED CORNERS */ .box-8, .box-8.box-8-shadow { border-color: #aad0f2; background: #dde9f5 url(../images/bg-box-8.gif) left top repeat-x; background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.0%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22grad%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%225%25%22%20style%3D%22stop-color%3A%20%23f7fbfe%3B%20stop-opacity%3A%201%3B%22/%3E%3Cstop%20offset%3D%2295%25%22%20style%3D%22stop-color%3A%20%23dde9f5%3B%20stop-opacity%3A%201%3B%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20fill%3D%22url%28%23grad%29%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20/%3E%3C/svg%3E); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #f7fbfe), color-stop(95%, #dde9f5) ); background-image:-moz-linear-gradient( center top, #f7fbfe 5%, #dde9f5 95% ); } /* Thumping great hack to turn off borders for Opera 10.0 and below, because Opera 10.0 has odd bugs with SVG backgrounds on elements with borders. */ @media all and (resolution = 0dpi) { .box-8 { background-image: url(../images/bg-box-8.gif); } } .box-8 .b8-t .b8-tr, .box-8 .b8-b .b8-br{display:none;} .box-8 .b8-m .b8-p{padding:13px 10px 6px 14px;} .box-8 h2{color:#242424;margin-bottom:0.5em;} .box-8 h2 span{color:#226ab1;} .box-8 h3{color:#494949;font-size:1.5em;} /* edit link */ .box-8 p.edit{position:absolute;top:24px;right:22px;width:115px;} .logged-in .journey-planner-homepage .box-8 p.edit{top:14px;width:auto;} /* BLUE BOX - GRADIENT GOES FROM BLUE TO WHITE - LIGHT BLUE BORDER THAT FADES TO WHITE */ /* used on 20.0 - My Account */ .box-9 .b9-t{background:url(../images/bg-box-tb.png) left -362px no-repeat;padding:0 0 0 5px;} .box-9 .b9-t .b9-tr{background:url(../images/bg-box-tb.png) right -368px no-repeat;height:6px;overflow:hidden;} .box-9 .b9-m{background:url(../images/bg-box-9-ml.png) left top no-repeat;padding-left:2px;} .box-9 .b9-m .b9-p{padding:8px 20px 0 18px;background:url(../images/bg-box-9-mr.png) right top no-repeat;} /* WHITE BOX - INNER SHADOW TOP AND LEFT BORDERS - NO OUTER BORDER */ /* used on 20.0 - My Account */ .box-10 { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-color: #a3a3a3; padding-top: 14px; -webkit-box-shadow: inset 3px 3px 6px rgba(0, 0, 0, .08); -moz-box-shadow: inset 3px 3px 6px rgba(0, 0, 0, .08); box-shadow: inset 3px 3px 6px rgba(0, 0, 0, .08); background: #fff; } .box-10 .b10-m{padding-left: 6px;} .box-10 .b10-p{padding: 6px 20px 15px 9px;} /* DARK GREY BOX - DARK GREY - LIGHT GREY GRADIENT ACROSS THE BOX - ROUND CORNERS - USED FOR THE SIDE TABS*/ .b11-t{padding-right: 9px;background: url(../images/bg-box-tb.png) right -381px no-repeat;} .b11-tl{height: 7px;overflow: hidden;background: url(../images/bg-box-tb.png) left -374px no-repeat;} .b11-m{padding-right: 9px;background: url(../images/bg-box-11-mr.png) right top repeat-y;} .b11-p{background: url(../images/bg-box-11-ml.png) left top repeat-y;padding-left: 9px;} .jq .b11-p{padding-left: 0;} .b11-b{padding-right: 9px;background: url(../images/bg-box-tb.png) right -415px no-repeat;} .b11-bl {height: 27px;overflow: hidden;background: url(../images/bg-box-tb.png) left -388px no-repeat;} /* RED BOX - DARK TO LIGHT - ROUNDED CORNERS */ .box-12 { border-color: #340000; background: #340000 url(../images/bg-box-12-m.gif) left top repeat-x; background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.0%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22grad%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3A%20%23ba0000%3B%20stop-opacity%3A%201%3B%22/%3E%3Cstop%20offset%3D%227%25%22%20style%3D%22stop-color%3A%20%23800000%3B%20stop-opacity%3A%201%3B%22/%3E%3Cstop%20offset%3D%2296%25%22%20style%3D%22stop-color%3A%20%23340000%3B%20stop-opacity%3A%201%3B%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20fill%3D%22url%28%23grad%29%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20/%3E%3C/svg%3E); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0%, #ba0000), color-stop(7%, #800000), color-stop(96%, #340000) ); background-image:-moz-linear-gradient( center top, #ba0000 0%, #800000 7%, #340000 96% ); color: #fff; } /* Thumping great hack to turn off borders for Opera 10.0 and below, because Opera 10.0 has odd bugs with SVG backgrounds on elements with borders. */ @media all and (resolution = 0dpi) { .box-12 { background-image: url(../images/bg-box-12-m.gif); } } .box-12 .b12-t .b12-tr, .box-12 .b12-b .b12-br{display:none;} .box-12 .b12-m .b12-p{padding: 16px 20px 20px 20px;color: #FFF;} .box-12 h2{color: #FFF;} .box-12 h2 span{color: #ffe155;} .box-12 .box-6{background-image: none;background-color: #fff;} .box-12 a.arrowlink-light{color: #fff;} /* PURPLE BOX - DARK TO LIGHT PURPLE - ROUNDED CORNERS */ .box-13 { border-color: #33254a; background: #332848 url(../images/bg-box-13-m.gif) left top repeat-x; background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.0%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22grad%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3A%20%239481ba%3B%20stop-opacity%3A%201%3B%22/%3E%3Cstop%20offset%3D%227%25%22%20style%3D%22stop-color%3A%20%23645483%3B%20stop-opacity%3A%201%3B%22/%3E%3Cstop%20offset%3D%2295%25%22%20style%3D%22stop-color%3A%20%23332848%3B%20stop-opacity%3A%201%3B%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20fill%3D%22url%28%23grad%29%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20/%3E%3C/svg%3E); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0%, #9481ba), color-stop(7%, #645483), color-stop(95%, #332848) ); background-image:-moz-linear-gradient( center top, #9481ba 0%, #645483 7%, #332848 95% ); color: #fff; } /* Thumping great hack to turn off borders for Opera 10.0 and below, because Opera 10.0 has odd bugs with SVG backgrounds on elements with borders. */ @media all and (resolution = 0dpi) { .box-13 { background-image: url(../images/bg-box-13-m.gif); } } .box-13 .b13-t .b13-tr, .box-13 .b13-b .b13-br{display:none;} .box-13 .b13-m .b13-p{padding: 16px 20px 20px 20px;} .box-13 h2{color: #404040;} .box-13 h2 span{color: #ffe155;} .box-13 .box-6{background-image: none;background-color: #fff;} /* DARK BLUE BOX - DARK TO LIGHT - ROUNDED CORNERS */ .box-15 { border-color: #00254a; background: #001b35 url(../images/bg-box-15-m.gif) left top repeat-x; background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.0%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22grad%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3A%20%232c5f93%3B%20stop-opacity%3A%201%3B%22/%3E%3Cstop%20offset%3D%227%25%22%20style%3D%22stop-color%3A%20%23023a72%3B%20stop-opacity%3A%201%3B%22/%3E%3Cstop%20offset%3D%22100%25%22%20style%3D%22stop-color%3A%20%23001b35%3B%20stop-opacity%3A%201%3B%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20fill%3D%22url%28%23grad%29%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20/%3E%3C/svg%3E); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0%, #2c5f93), color-stop(7%, #023a72), color-stop(100%, #001b35) ); background-image:-moz-linear-gradient( center top, #2c5f93 0%, #023a72 7%, #001b35 100% ); color: #fff; } /* Thumping great hack to turn off borders for Opera 10.0 and below, because Opera 10.0 has odd bugs with SVG backgrounds on elements with borders. */ @media all and (resolution = 0dpi) { .box-15 { background-image: url(../images/bg-box-15-m.gif); } } .box-15 .b15-t .b15-tr, .box-15 .b15-b .b15-br{display:none;} .box-15 .b15-m .b15-p{padding:14px 20px 20px 20px;} .box-15 h1, .box-15 h2{color:#FFF;} .box-15 .b15-m .b15-p-h2{padding:4px 15px;border-right:1px solid #00254a;color:#FFF;} .box-15 .b15-m .b15-p-h2 .field {padding:1em 0;} .box-15 h1, .box-15 h2{color:#FFF;} .box-15 h1 span, .box-15 h2 span, .box-15 h3{color:#ffe155;} /* GREY GRADIENT BOX - LIGHT TO DARK - ROUNDED CORNERS - DROP SHADOW */ /* No longer used */ /* WHITE BOX - ROUNDED CORNERS - TO GREY GRADIENT BOTTOM */ .box-17 { margin-bottom:3em; border-color: #cbcbcb; background: #fff url(../images/bg-box-17.gif) left bottom repeat-x;/* background-repeat is also required to work around an SVG background bug in Opera (up to at least 10.6) */ background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.0%22%20width%3D%22100%25%22%20height%3D%2230%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22grad%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3A%20%23fff%3B%20stop-opacity%3A%201%3B%22/%3E%3Cstop%20offset%3D%22100%25%22%20style%3D%22stop-color%3A%20%23ececec%3B%20stop-opacity%3A%201%3B%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20fill%3D%22url%28%23grad%29%22%20width%3D%22100%25%22%20height%3D%2230%22%20/%3E%3C/svg%3E); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #ececec) ); background-image: -moz-linear-gradient( center top, #fff 0%, #ececec 100% ); -webkit-background-size: 100% 30px; -moz-background-size: 100% 30px; background-size: 100% 30px; background-position: left bottom; } /* Thumping great hack to turn off borders for Opera 10.0 and below, because Opera 10.0 has odd bugs with SVG backgrounds on elements with borders. */ @media all and (resolution = 0dpi) { .box-17 { background-image: url(../images/bg-box-17.gif); } } .box-17 .b17-t .b17-tr, .box-17 .b17-b .b17-br{display:none;} .box-17 .b17-m .b17-p, .box-17 .b17-m .box-17-a-padding, .box-17 .b17-m .box-17-p-alt, .box-17 .b17-m .b17-p-alt {padding: 16px 20px;} .box-17 .b17-m .b17-p{padding-right: 0;} .box-17 .b17-m .b17-p-alt{padding:6px 5px;} .box-17 .backtotop{background:none;} /* PINK BOX - ROUNDED CORNERS - SOLID PINK BACKGROUND COLOUR - USED ON HOTELS LANDING PAGE */ .box-18 { border-color: #990b61; background-color: #ea007b; color: #fff; } .b18-tl, .box-18 .b18-b .b18-bl{display:none;} .box-18 .b18-p{padding:16px 10px;} /* WHITE BOX - ROUNDED CORNERS - WHITE BOTTOM */ .box-19 { margin-bottom:3em; border-style: none; background-color: #fff; } .box-19 .b19-t .b19-tr, .box-19 .b19-b .b19-br{display:none;} .box-19 .b19-m .b19-p{padding:6px 17px 6px 0;} /* grey box rounded corners - same as previous box-20 in split-home.css, but used on Pocket timetable page - update pathing if used elsewhere */ .pocket-timetable .box-20 { background-color: #dedede; color:#000; } /* white box rounded corners - same as previous box-20 in split-home.css, but used on Pocket timetable page - update pathing if used elsewhere .jp-acc .journey-planner .box-20 .b20-m{background-color:#fff;color:#000} */ /* WHITE BOX - ROUNDED CORNERS - WHITE BOTTOM */ .box-22 { margin-bottom:3em; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border-width: 3px; border-color: #427390; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .5); box-shadow: 0 0 5px rgba(0, 0, 0, .5); } .box-22 .b22-t .b22-tr, .box-22 .b22-b .b22-br{display:none;} .box-22 .b22-m{padding-left:9px;} .box-22 .b22-m .b22-p{padding:8px 0 10px;border-right:3px solid #9dd2f1;background-color:#fff;} /* LIGHT GREY BOX - ROUNDED CORNERS - WHITE BOTTOM */ .box-23 { border-color: #c5c5c5; background: #fefefe url(../images/bg-box-23-m.gif) repeat-x left top; background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.0%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22grad%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3A%20%23e3e3e3%3B%20stop-opacity%3A%201%3B%22/%3E%3Cstop%20offset%3D%22100%25%22%20style%3D%22stop-color%3A%20%23fff%3B%20stop-opacity%3A%201%3B%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20fill%3D%22url%28%23grad%29%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20/%3E%3C/svg%3E); background: -webkit-gradient( linear, left top, left bottom, color-stop(0%, #e3e3e3), color-stop(100%, #fff) ); background:-moz-linear-gradient( center top, #e3e3e3 0%, #fff 100% ); } /* Thumping great hack to turn off borders for Opera 10.0 and below, because Opera 10.0 has odd bugs with SVG backgrounds on elements with borders. */ @media all and (resolution = 0dpi) { .box-23 { background-image: url(../images/bg-box-23-m.gif); } } .box-23 .b23-t .b23-tr, .box-23 .b23-b .b23-br{display:none;} .box-23 .b23-m .b23-p{padding:10px;} .box-24 { border-style: none; background-color:#404040; color: #fff; } .box-24 .b24-t .b24-tr, .box-24 .b24-b .b24-br{display:none;} .box-24 .b24-m .b24-p{color:#fff;padding:10px;} /* BLUE BOX - ROUNDED CORNERS - DARK BLUE TO WHITE GRADIENT used on register page */ .box-25 { border-color: #5682ae; background:#FFF url(../images/bg-box-25-m.gif) repeat-x left top; background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.0%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22grad%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3A%20%23e2ecf8%3B%20stop-opacity%3A%201%3B%22/%3E%3Cstop%20offset%3D%22100%25%22%20style%3D%22stop-color%3A%20%23fff%3B%20stop-opacity%3A%201%3B%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20fill%3D%22url%28%23grad%29%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20/%3E%3C/svg%3E); background: -webkit-gradient( linear, left top, left bottom, color-stop(0%, #e2ecf8), color-stop(100%, #fff) ); background:-moz-linear-gradient( center top, #e2ecf8 0%, #fff 100% ); } /* Thumping great hack to turn off borders for Opera 10.0 and below, because Opera 10.0 has odd bugs with SVG backgrounds on elements with borders. */ @media all and (resolution = 0dpi) { .box-25 { background-image: url(../images/bg-box-25-m.gif); } } .box-25 .b25-t .b25-tr, .box-25 .b25-b .b25-br{display:none;} .box-25 .b25-m .b25-p{padding:9px 15px;} .box-25 .b25-m .b25-p-h1{padding:13px 20px 19px;} .box-25 h2, .box-25 h1.sifr {color:#800000;} .box-25 h1 {width:180px;} /* LIGHT GREY BOX - ROUNDED CORNERS - LIGHT GREY TO SLIGHTLY DARKER GREY */ .box-26 { border-color: #c5c5c5; background: #f6f6f6 url(../images/bg-box-26-m.gif) repeat-x left top; background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.0%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22grad%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%225%25%22%20style%3D%22stop-color%3A%20%23ededed%3B%20stop-opacity%3A%201%3B%22/%3E%3Cstop%20offset%3D%2295%25%22%20style%3D%22stop-color%3A%20%23f6f6f6%3B%20stop-opacity%3A%201%3B%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20fill%3D%22url%28%23grad%29%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20/%3E%3C/svg%3E); background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #ededed), color-stop(95%, #f6f6f6) ); background:-moz-linear-gradient( center top, #ededed 5%, #f6f6f6 95% ); } /* Thumping great hack to turn off borders for Opera 10.0 and below, because Opera 10.0 has odd bugs with SVG backgrounds on elements with borders. */ @media all and (resolution = 0dpi) { .box-26 { background-image: url(../images/bg-box-26-m.gif); } } .box-26 .b26-t .b26-tr, .box-26 .b26-b .b26-br{display:none;} .box-26 .b26-m .b26-p{padding:9px 15px;} .box-26 h2{color:#404040;} .box-26 h2 .sifr-purple{color:#603672;} .box-26 h2 .sifr-orange{color:#da3700;} /* BOX-27: As box-23 (LIGHT GREY BOX - ROUNDED CORNERS - WHITE BOTTOM), but shorter (so some code could be consolidated). First used on ticket pages of Journey Planner */ /* No longer used */ /* BOX 28- LIGHT BLUE - DARK TO LIGHT GRADIENT - ROUNDED CORNERS */ .box-28 { border-color: #aad0f2; background: #f7fbff url(../images/bg-box-28-m.gif) repeat-x left top; background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.0%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22grad%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%225%25%22%20style%3D%22stop-color%3A%20%23ebf3fc%3B%20stop-opacity%3A%201%3B%22/%3E%3Cstop%20offset%3D%2295%25%22%20style%3D%22stop-color%3A%20%23e7f4ff%3B%20stop-opacity%3A%201%3B%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20fill%3D%22url%28%23grad%29%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20/%3E%3C/svg%3E); background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #ebf3fc), color-stop(95%, #f7fbff) ); background:-moz-linear-gradient( center top, #ebf3fc 5%, #f7fbff 95% ); } /* Thumping great hack to turn off borders for Opera 10.0 and below, because Opera 10.0 has odd bugs with SVG backgrounds on elements with borders. */ @media all and (resolution = 0dpi) { .box-28 { background-image: url(../images/bg-box-28-m.gif); } } .box-28 .b28-t .b28-tr, .box-28 .b28-b .b28-br{display:none;} .box-28 .b28-m .b28-p{padding:9px 15px;} /* BOX 29- LIGHT GREY - WHITE TO LIGHT GREY GRADIENT - ROUNDED CORNERS - GREY BORDER - NO DROP SHADOW */ /* made with gifs as on white bg in 2.2.1 */ .box-29 { border-color: #e1e1e1; background: #fefefe url(../images/bg-box-29-m.gif) repeat-x left bottom; background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.0%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22grad%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%225%25%22%20style%3D%22stop-color%3A%20%23fff%3B%20stop-opacity%3A%201%3B%22/%3E%3Cstop%20offset%3D%2295%25%22%20style%3D%22stop-color%3A%20%23f6f6f6%3B%20stop-opacity%3A%201%3B%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20fill%3D%22url%28%23grad%29%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20/%3E%3C/svg%3E); background: -webkit-gradient( linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f6f6f6) ); background:-moz-linear-gradient( center top, #fff 0%, #f6f6f6 100% ); } /* Thumping great hack to turn off borders for Opera 10.0 and below, because Opera 10.0 has odd bugs with SVG backgrounds on elements with borders. */ @media all and (resolution = 0dpi) { .box-29 { background-image: url(../images/bg-box-29-m.gif); } } .box-29 .b29-t .b29-tr, .box-29 .b29-b .b29-br{display:none;} .box-29 .b29-m .b29-p{padding:9px 15px;} /* DARK GREY BOX - LIGHT TO DARK - ROUNDED CORNERS - LIKE BOX-12 BUT GREY */ .box-30 { margin-bottom: 25px; border-color: #32254a; background: #2d2d2d url(../images/bg-box-30-m.gif) left top repeat-x; background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.0%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22grad%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3A%20%236c6c6c%3B%20stop-opacity%3A%201%3B%22/%3E%3Cstop%20offset%3D%229%25%22%20style%3D%22stop-color%3A%20%23404040%3B%20stop-opacity%3A%201%3B%22/%3E%3Cstop%20offset%3D%2295%25%22%20style%3D%22stop-color%3A%20%232d2d2d%3B%20stop-opacity%3A%201%3B%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20fill%3D%22url%28%23grad%29%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20/%3E%3C/svg%3E); background: -webkit-gradient( linear, left top, left bottom, color-stop(0%, #6c6c6c), color-stop(9%, #404040), color-stop(95%, #2d2d2d) ); background:-moz-linear-gradient( center top, #6c6c6c 0%, #404040 9%, #2d2d2d 95% ); color: #fff; } /* Thumping great hack to turn off borders for Opera 10.0 and below, because Opera 10.0 has odd bugs with SVG backgrounds on elements with borders. */ @media all and (resolution = 0dpi) { .box-30 { background-image: url(../images/bg-box-30-m.gif); } } .box-30 .b30-t .b30-tr, .box-30 .b30-b .b30-br{display:none;} .box-30 .b30-m .b30-p{padding: 16px 20px 20px 20px;} .box-30 h2{color:#fff;} .box-30 h2 span{color:#BCE5FF;} /* BOX 31 - LIGHT GREY GRADIENT, LIGHT TO EVEN LIGHTER - SQUARE CORNERS - BORDER */ .box-31 { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-color: #d5d5d5; padding: 10px; background: #fefefe url(../images/bg-box-31.gif) left top repeat-x; background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.0%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22grad%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%2215%25%22%20style%3D%22stop-color%3A%20%23f1f1f1%3B%20stop-opacity%3A%201%3B%22/%3E%3Cstop%20offset%3D%2296%25%22%20style%3D%22stop-color%3A%20%23fff%3B%20stop-opacity%3A%201%3B%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20fill%3D%22url%28%23grad%29%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20/%3E%3C/svg%3E); background: -webkit-gradient( linear, left top, left bottom, color-stop(15%, #f1f1f1), color-stop(96%, #fff) ); background:-moz-linear-gradient( center top, #f1f1f1 15%, #fff 96% ); } /* Thumping great hack to turn off borders for Opera 10.0 and below, because Opera 10.0 has odd bugs with SVG backgrounds on elements with borders. */ @media all and (resolution = 0dpi) { .box-31 { background-image: url(../images/bg-box-31.gif); } } .box-30 .box-31{margin-top: 10px; color: #444;} /* BOX-32 - WHITE BOX - ROUNDED CORNERS - NO GRADIENTS */ .box-32 { border-color: #cbcbcb; } .box-32 .b32-t .b32-tr, .box-32 .b32-b .b32-br{display:none;} .box-32 .b32-m{padding:6px 0;} /* BOX WITH PICTURE 1 */ /* Square box at the top of 6.3, with the picture in it. The picture can be any height and width. */ .box-pic, .box-pic .picture, .box-pic-content {border-color: #6290ba; border-width: 1px;} .box-pic {margin-bottom: 1.5em; border-style: solid; background: #eaf3fb url(../images/bg-box-pic.gif) left top repeat-x;} .box-pic .picture {float: right; margin-left: -1px;border-left-style: solid;} .box-pic-content {overflow: auto; border-right-style: solid; padding: 15px 18px;} /* OVERLAYS */ .op-purple .heading-left{background:transparent url(../images/bg-overlay-box-purple-l.png) left top no-repeat;} .op-purple .heading-right{background:transparent url(../images/bg-overlay-box-purple-r.png) right top no-repeat;} .op-purple .bg{background-color:#473461;} .op-purple .overlay-left{background:transparent url(../images/bg-overlay-box-purple-l.png) left bottom no-repeat} .op-purple .overlay-right{background:transparent url(../images/bg-overlay-box-purple-r.png) right bottom no-repeat;} .op-blue .heading-left{background:transparent url(../images/bg-overlay-box-blue-l.png) left top no-repeat;} .op-blue .heading-right{background:transparent url(../images/bg-overlay-box-blue-r.png) right top no-repeat;} .op-blue .bg{background-color:#003366;} .op-blue .overlay-left{background:transparent url(../images/bg-overlay-box-blue-l.png) left bottom no-repeat} .op-blue .overlay-right{background:transparent url(../images/bg-overlay-box-blue-r.png) right bottom no-repeat;} .op-green .heading-left{background:transparent url(../images/bg-overlay-box-green-l.png) left top no-repeat;} .op-green .heading-right{background:transparent url(../images/bg-overlay-box-green-r.png) right top no-repeat;} .op-green .bg{background-color:#395c1b;} .op-green .overlay-left{background:transparent url(../images/bg-overlay-box-green-l.png) left bottom no-repeat} .op-green .overlay-right{background:transparent url(../images/bg-overlay-box-green-r.png) right bottom no-repeat;} .op-grey .heading-left{background:transparent url(../images/bg-overlay-box-grey-l.png) left top no-repeat;} .op-grey .heading-right{background:transparent url(../images/bg-overlay-box-grey-r.png) right top no-repeat;} .op-grey .bg{background-color:#4d4d4d;} .op-grey .overlay-left{background:transparent url(../images/bg-overlay-box-grey-l.png) left bottom no-repeat} .op-grey .overlay-right{background:transparent url(../images/bg-overlay-box-grey-r.png) right bottom no-repeat;} .op-pink .heading-left{background:transparent url(../images/bg-overlay-box-pink-l.png) left top no-repeat;} .op-pink .heading-right{background:transparent url(../images/bg-overlay-box-pink-r.png) right top no-repeat;} .op-pink .bg{background-color:#a2005b;} .op-pink .overlay-left{background:transparent url(../images/bg-overlay-box-pink-l.png) left bottom no-repeat} .op-pink .overlay-right{background:transparent url(../images/bg-overlay-box-pink-r.png) right bottom no-repeat;} /* Red HP box - duplicated in split-signed out.css */ .op-red {background:none;} .op-red .heading-left{background:transparent url(../images/bg-overlay-box-red-l.png) left top no-repeat;} .op-red .heading-right{background:transparent url(../images/bg-overlay-box-red-r.png) right top no-repeat;} .op-red .bg{background-color:#800000;} .op-red .overlay-left{background:transparent url(../images/bg-overlay-box-red-l.png) left bottom no-repeat} .op-red .overlay-right{background:transparent url(../images/bg-overlay-box-red-r.png) right bottom no-repeat;} /* OVERLAY PANELS */ .op-1{margin-bottom:2em;} .op-1 .heading-right{width:292px;padding:10px 18px 0 12px;} .op-1 .heading-wrapper{position:relative;z-index:10;} .op-1 h2{font-size:1.6em;color:#FFFFFF;margin-bottom:-0.2em;padding:0;position:relative} .op-1 h3{color:#fff;margin-bottom:-0.2em;position:relative} .op-1 .bg{width:380px;position:relative;min-height:197px;} .op-1-short .bg{min-height:148px;} .op-1 .bg img.overlay-img{position:absolute;} .op-1 .overlay-right{width:322px;} .op-1 p{color:#fff;padding-left:3px;} .op-1 p.no-bottom{padding-bottom:0;} .op-1 label{color:#fff;padding-left:3px;} .op-1 span.error{color:#FFEC8C;font-size:0.94em;padding:3px 0 0 3px;display:block;} .op-1 span.input-border{-moz-border-radius:4px;-webkit-border-radius:4px;padding:3px;margin:3px 0 0 0;float:left;} .op-1 .invalid .input-border {background-color:#FF0000;} .op-1 span.input-border input{float:left;padding:1px;border:1px solid #323232;border-right:1px solid #aaa; border-bottom:1px solid #aaa;-moz-border-radius:3px;-webkit-border-radius:3px;} .op-1 button.b-y{margin-top:5px;} .op-1 button.b-y:focus{margin-top:4px;} .mobile{margin-top:-2.3em;} .mobile-img{position:absolute;top:-13px;right:10px;} .op-1 ul{list-style:none;padding:7px 0;} .op-1 .mobile ul{padding-right:56px;} .op-1 ul li{margin:0 0 0 3px;} .op-1 p.more, .op-1 ul li.more{font-weight:bold;} .op-1 ul li.more{padding-top:0.7em;} .op-1 ul li a, .op-3 ul li a{color:#fff;text-decoration:none;font-weight:normal;} .op-1 ul p.more a, .op-1 ul li.more a{font-weight:bold;} .op-1 p.more a{color: #fff;} .op-1 ul li a:hover, .op-1 ul li a:focus, .op-1 ul li a:active{text-decoration:underline;} .op-1 ul.alternate li a, .op-3 ul.alternate li a{font-weight:bold;} .op-1 .no-head{margin-top:-36px;} .op-1 .alert h2{margin-bottom:0.2em;} .op-1-short-wide .bg{min-height:148px;} .op-1-short-wide .heading-right{width:312px;} .op-1-short-wide .overlay-right{width:342px;} .op-1 .alert{background:url(../images/bg-alert-phone.png) no-repeat left 5px;margin: -2.3em -10px 0 -16px;padding: 0 10px 0 70px;min-height:140px} .op-1 .alert h3{margin-bottom:0.2em;} .op-1-short-wide input{width:110px;} .op-1 .alert .input-border{margin-top:0;} .op-1 .alert .invalid{margin-right:4px;} .op-1 .alert button.b-y{margin-top:2px;} .op-1 .alert button.b-y:focus{margin-top:1px;} .op-1 .train-tracker{margin-top:-2.3em;} .train-tracker{background:url(../images/bg-train-tracker.png) no-repeat left 5px;padding-left:114px;} .sms{background:url(../images/bg-sms.png) no-repeat left top;padding-left:114px;} .train-tracker h2, .train-tracker h3{margin-bottom:0.2em;} .op-1 .no-padding{padding:0;} .op-1-short-wide span.error{padding-bottom:3px;} .op-1-short-wide .invalid .input-border {background-color:#f00;padding:3px;display:inline;} .op-1-small p, .op-1-small a, .op-1-small p, .op-1-small label{font-size:0.94em;} .op-1-small ul li a{font-weight:bold;} .op-2{margin-bottom:2em;} .op-2 .heading-right{width:572px;height:16px;} .op-2 .bg{width:780px;min-height:139px;position:relative;} .op-2 .bg img.overlay-img{position:absolute;} .op-2 .overlay-right{width:572px;} .op-2 ul{list-style:none;padding:7px 0;float:left;width:30%;margin-top:-2em;} .op-2 ul li{margin:0 0 0 3px;} .op-2 ul li.more{font-weight:bold;padding-top:0.7em;} .op-2 ul li a{color:#fff;text-decoration:none;font-weight:normal;} .op-1 ul li.more a{font-weight:bold;} .op-2 ul li a:hover, .op-2 ul li a:focus, .op-2 ul li a:active{text-decoration:underline;} .op-3 .heading-right{width:184px;padding:10px 18px 0 12px;} .op-3 h2, .op-3.op-red h3, .op-3.op-purple h3, .op-3.op-blue h3, .op-3.op-grey h3, .op-3 .ask-lisa h2{color:#fff;margin-bottom:-0.2em;position:relative;z-index:10;font-size:1.6em;padding-bottom:0.2em;} .op-3 .bg{width:220px;position:relative;min-height:249px;} .op-3 .bg img.overlay-img{position:absolute;} .op-3 .overlay-right{width:214px;} .op-3 p{color:#fff;} .op-3 label{color:#fff;padding-left:3px;} .op-3 span.error{color:#FFEC8C;font-size:0.94em;padding:3px 0 0 3px;display:block;} .op-3 span.input-border{-moz-border-radius:4px;-webkit-border-radius:4px;padding:3px;margin:3px 0 0 0;/*right margin was 15px*/float:left;} .op-3 ul li a:hover, .op-3 ul li a:focus, .op-3 ul li a:active{text-decoration:underline;} .op-3 span.input-border input{float:left;padding:1px;border:1px solid #323232;border-right:1px solid #aaa; border-bottom:1px solid #aaa;-moz-border-radius:3px;-webkit-border-radius:3px;} .op-3 .b-y{margin:6px 0 0 3px;} .op-3 h3.subhead, .op-3 h4.subhead{font-family:Arial, Helvetica, sans-serif;color:#FFF;font-size:1em;padding:0 0 0.3em;font-weight:bold;} .overlay-275 .bg{min-height:275px;} .no-neg-margin .mobile-img{top:auto;bottom:-60px;right:0px;} .op-3 ul li.right-padding{padding-right:80px;word-wrap:break-word;} ul.left-padding{padding-left:44px;clear:left;} ul.top-padding{padding-top:10px;} .op-c2{float:left;} .op-c2 .heading-right{width:206px;} .op-c2 .overlay-right {width:236px;} .op-c2 .bg{width:300px;min-height:117px;} .op-c2 .b-y{margin-bottom:10px;} /* COLUMNS */ .cA .c1{width:240px;} .cA .c2{width:560px;} .cB .c1{width:560px;} .cB .c2{width:240px;} .cC .c1, .cC .c2, .cC .c3{width:266px;} .cC .c3{float:right;} .cD .c1{width:480px;} .cD .c2{width:320px;} .cE .c1{width:320px;} .cE .c2{width:240px;} .lanA .c1, .lanA .c2{width:400px;} .lanB .c1, .lanB .c2, .lanB .c3, .lanB .c4{width:177px;} .lanB .c2, .lanB .c3, .lanB .c4{padding-left: 10px;} .two-col-50pc .c1{width:50%;} .two-col-50pc .c2{width:50%;} .summary-page .c1{width:640px;position:relative;z-index:1;} .summary-page .c2{width:320px;} /* SIDE TABS */ /* SIDE TABS - MY ACCOUNT PAGE */ .my-account ul.side-tabs-ul{margin:0;} .my-account ul.side-tabs-ul .form-panel h3.sifr{font-size:1.6em;color:#003366;margin:0 0 2px 0;font-weight:normal;padding:0 2em 0 0;font-family:Georgia,"Trebuchet MS", "Times New Roman", Times, serif;} .my-account ul.side-tabs-ul .form-panel h4{font-size:1em;color:#333;padding:7px 1px 2px 2px;font-family:Arial, Helvetica, sans-serif;} .my-account ul.side-tabs-ul .form-panel .heading-3{font-size:1.6em;color:#003366;font-family:Georgia,"Trebuchet MS", "Times New Roman", Times, serif;padding:0.8em 0 0.1em;} .my-account ul.side-tabs-ul .sprite-divider {display:none;} .js .my-account ul.side-tabs-ul .sprite-divider {display:inline;} /* -------------------------------------- FORM PANEL FOR A FORM - WITH HELP -------------------------------------------------- */ .page .journey-search h2{margin:0 0 0.5em;font-weight:normal;font-family:Georgia, "Times New Roman", Times, serif;font-size:2em;color:#fff;} .season-ticket-calculator .journey-search h2 {color:#333;} .journey-search .from-large{width:217px;margin-right:5px} .journey-search .to-large{width:195px;} .journey-search .form-panel input.text, .journey-search .form-panel select{width:170px;} .journey-search .two-field .valid{padding-right:5px; margin-right:0;} .form-panel .padding{padding:20px 20px 10px 20px;} .form-panel h2, .page .journey-search .form-panel h2, .form-panel .heading-2{color:#003366;font-size:1.6em;font-weight:normal;margin:10px 0 2px 0;padding:0;} .form-panel span.subtitle{font-family:Arial,Helvetica,sans-serif;color:#333;font-size:0.94em;font-weight:normal;} .form-panel div.group{margin:0.5em 0 1.5em 0;} .form-panel div.group .field{padding-top:0;} .form-panel div.group .field label{padding-top:2px;padding-left:2px;} .form-panel .field{padding:7px 0 4px 0;position:static;} .form-panel .checkfield, .form-panel .radiofield{padding:3px 0 4px 0;position:static;} .form-panel .two-field .field{width:auto;float:left;padding-top:0;} .form-panel .large label{color:#333;float:left;width:auto;font-size:1.2em;font-weight:bold;display:block;padding-top:6px;} .form-panel .large input.text, .form-panel .large select{float:left;width:147px;margin:2px 6px;padding:4px;border:1px solid #323232;border-right:1px solid #aaa; border-bottom:1px solid #aaa;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:1.3em;color:#666666;outline-width:0;} /* input size can't exceed 147px or breaks on 20.3 */ .form-panel label, .form-panel h3, .form-panel .heading-3{font-family:Arial,Helvetica,sans-serif;color:#333;width:auto;font-size:1em;font-weight:normal;display:block;padding:7px 1px 2px 2px;} .form-panel input.text, .form-panel select{font-size:0.94em;padding:1px;width:190px;} .form-panel .checkfield input.check, .form-panel .radiofield input.radio{margin:0;float:left;} .form-panel .two-field-radio-label .radio-holder{margin-top:24px;} .form-panel .two-field-radio .radio-holder{margin-top:6px;} .form-panel .checkfield label, .form-panel .radiofield label{padding:2px 1px 2px 30px;} .form-panel .checkfield .field label, .form-panel .radiofield .field label{padding:0 1px 2px 2px;} .form-panel select{width:194px;} .form-panel textarea{font-size:0.94em;width:420px;height:10em;border:1px solid #323232;border-right:1px solid #aaa; border-bottom:1px solid #aaa;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:1em;color:#333;outline-width:0;} .form-panel span.short{margin:0 12px 0 0;} .form-panel select.short{width:76px;} .form-panel span.last{margin:0;} .form-panel span.top-label{margin-top:2px;clear:left;} .form-panel input.year{position:absolute;left:-500em;} .form-panel .calendar{height:48px;width:34px;display:block;float:left;margin:-4px 15px -17px 0;} .form-panel .calendar-alt .calendar{width:27px;margin:-4px 0 -17px 0;height:42px;} .form-panel .calendar-alt .date-picker-control{margin-right:0} .form-panel .calendar-alt input{font-size:1.2em;} .form-panel .calendar:hover{text-decoration:none;} .form-panel .valid-large .input-border, .form-panel .invalid-large .input-border{margin:0 6px 0 6px;} .form-panel .valid-large input.text, .form-panel .invalid-large input.text{margin:0;} .form-panel .large label{padding-top:8px;} .form-panel .txtarea{float:none;padding:0;} .form-panel .no-margin{margin:0;} /* PAGE SPECIFIC STYLES FOR ERROR MESSAGES */ .my-account-timetable .error-message{margin:10px 0} .fare-type .tooltip-top{right:-200px;top:-6px;z-index:102;} .more-fares-list .fare-type .tooltip-top{top:0;} .fares .tooltip .tooltip-top{left:45px;} .form-panel .sublinks{padding:5px 0 0 0;} .form-panel .sublinks li{width:auto;float:left;display:inline;list-style:none;margin:0;padding:0 30px 0 0;} .form-panel .sublinks li a{color:#404040;font-weight:bold;font-size:1.1em;} .help-panel{margin-top:10px;} .help-panel h3{padding-bottom:0.2em;} .privacy-link{font-size:1.1em;padding:5px 0;display:block;} /* POPUP NAVIGATION */ .popup .navigation{margin-bottom: 24px;background:#003060 url(../images/bg-nav-popup.gif) no-repeat top right;} .popup .navigation ul li a{padding:10px 20px;} .popup .navigation ul li.first{background:url(../images/bg-nav-popup-li-first.gif) no-repeat top right;} .popup .navigation ul li.selected{background:#FFF url(../images/bg-nav-popup-li.gif) no-repeat right -87px;} .popup .navigation ul li a:hover, .popup .navigation ul li a:focus, .popup .navigation ul li a:active{background:url(../images/bg-nav-popup-li.gif) right -43px no-repeat;text-decoration:none;} .popup .navigation ul li.first a:hover, .popup .navigation ul li.first a:focus, .popup .navigation ul li.first a:active{background:url(../images/bg-nav-popup-li-first.gif) left -43px no-repeat;} .popup .navigation ul li.selected a, .popup .navigation ul li.selected a:hover, .popup .navigation ul li.selected a:focus, .popup .navigation ul li.selected a:active{background:transparent url(../images/bg-nav-popup-li.gif) no-repeat left -87px;padding:10px 3px 10px 17px;} .popup .navigation ul li.first-selected a, .popup .navigation ul li.first-selected a:hover, .popup .navigation ul li.first-selected a:focus, .popup .navigation ul li.first-selected a:active{background-image:url(../images/bg-nav-popup-li-first.gif);padding-left:24px;} /* SUBNAVIGATION */ .subnavigation{position:relative;padding:0 0 1em 0;} .subnavigation .sprite-main{position:absolute;left:0;bottom:1em;background-position:0 -225px;} .subnavigation ul{list-style-type:none;margin:0;padding:0 6px;} .subnavigation ul li{position:relative;float:left;width:auto;display:block;margin:0 0 -8px 0;padding:0;} .subnavigation ul li .sprite-main{right:0;top:10px;left:auto;bottom:auto;background-position:-307px -199px;} .subnavigation ul li.last{background:none;} .subnavigation ul li a{font-weight:bold;margin:0;padding:10px 12px 20px 12px;display:block;text-decoration:none;} .subnavigation ul li.selected a{color:#4a4a4a;font-weight:bold;margin:0;padding:10px 14px 20px 14px;display:block;position:relative;} .subnavigation ul li.selected a .sprite-main{right:50%;margin-right:-47px;bottom:0;top:auto;background-position:-309px -199px;} /* ADDITIONAL NAVIGATION */ .page .addnavigation h2{color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:1em;font-weight:bold;} /* LOGIN BOX */ .logged-in .login p{width:305px;} .logged-in .login ul{float:right;width:145px;} .logged-in .login ul li{display:inline;float:left;width:auto;list-style:none;margin:0 5px;padding:0;} .logged-in .login ul li.first{border-right:1px solid #777a7d;padding-right:8px;} /* REGISTRATION PANELS */ .register h1{background:url(../images/icon-user.png) no-repeat left top; padding:12px 37px 0px 57px;min-height:32px;float:left;color:#404040;font-family: Arial, Helvetica, Verdana, Sans-Serif;font-size:1.48em;} .register .step-2{margin:0 0 -1px 120px;} .register .step-2 h2{padding-bottom:3px;} .register .step-3{margin:0 0 -1px 240px;} .register .step-3 h2{padding-bottom:3px;} .register h2{color:#404040;font-family:Arial, Helvetica, Verdana, Sans-Serif;padding-bottom:10px;font-size:1.48em;} .register .form-panel h2{color:#4a4a4a; font-weight:bold; font-size:1.1em;} .register p.close{font-weight:bold; padding-top:6px;padding-right:18px;} .register p.close a{text-decoration:none;} .register p.close a:hover, .register p.close a:active, .register p.close a:focus{text-decoration:underline;} .register .form-panel h3 span{font-weight:normal;} .register .form-panel .group{margin:0 0 5px 0;} .register .form-panel .field{float:left;width:300px;} .register .form-panel .checkfield{width:320px;} .register .form-panel .fullwidth{float:none; width:100%;} .register .form-panel div.short{width:190px;} .register .form-panel label{padding-bottom:0;font-size:1em;} .register-body .register .form-panel .group label{padding-left:5px; } .register .form-panel label span{color:#868686;font-size:0.94em;} .register .form-panel input.text{font-size:1em;width:260px; padding-left:4px;} .register .form-panel input.short{width:160px;} .register .form-panel .b-y{float:right;margin:1.2em 0 0 0;height:24px;} .register .form-panel .b-y span{height:20px;line-height:1em;} .register .form-panel, .register .panel-body{margin-left:57px;} .register .error-message {margin-left:48px;} .register .form-panel .fullwidth p{padding-left:4px;} .register strong{color:#770000;} .register .hr{width:100%;} .register .note{padding:0 0 0 30px;background:url(../images/icon-note.png) left top no-repeat;} .register .note h3{color:#4a4a4a;font-size:1.1em;margin:0;padding:0;font-family:Arial, Helvetica, Verdana, Sans-Serif;font-weight:bold;} .register .note p{font-weight:bold;font-size:1em;} .register .note p strong{color:#770000;} .register .form-panel button.no-margin{margin-top:0.9em;} .register {background:#fff url(../images/bg-register-panel-top.gif) repeat-x fixed top left; text-align:left;} .register .tabs {float:left; padding-top:6px;} .register .tabs ul li{list-style-type:none; float:left;font-size:1.32em;margin:0;padding-right:5px;} /*.register .tabs ul li a span, .register .tabs ul li span span{ padding-top:10px;}*/ .register .tabs ul li a, .register .tabs ul li span {display:block;padding:0px 5px 0px 0px;} .register .tabs ul li span span, .register .tabs ul li a span {padding:5px 17px 0px 22px;min-height:33px;} .register .tabs ul li.selected a, .register .tabs ul li.selected span{background:url(../images/register-tab-right.gif) no-repeat top right; } .register .tabs ul li.selected span span, .register .tabs ul li.selected a span {background:url(../images/register-tab-left.gif) no-repeat top left;} .register .panel{padding:5px 13px 20px 13px; background:url(../images/bg-register-panel-bottom.gif) repeat-x bottom left;} .register .panel .b-y{float:left;} .register .panel .panel-header {padding-bottom:12px;} .register .panel .panel-header h2{float:left; margin:0;} .register .panel .panel-header h2 span{font-size:0.9em; font-weight:normal;} .register .panel .panel-header a{float:right; display:block;} /* --------------------------------------- JOURNEY PLANNER - THE RE-USED SEARCH BOX --------------------------------------- */ .journey-planner-replan .button-holder{z-index:100;} .journey-planner-replan{margin-top:2em;background-image:none;} /* JOURNEY PLANNER SMALL */ .jp-small{background:url(../images/bg-journey-planner-small.jpg) no-repeat bottom center;} .jp-small h2{margin-bottom:0.2em;} .jp-small label{font-size:1.1em;font-weight:bold;padding-right:0;} .jp-small .single{margin-top:0;float:right;} .jp-small .input-border, .jp-small .select-border{margin:0 0 0 6px;} .jp-small input, .jp-small select{font-size:1em;} .jp-small .input-border input{width:8.5em;} .jp-small .valid .input-border input{width:9.6em;} .jp-small .input-border input.day{width:5.2em;} .jp-small .form-wrapper{margin-top:0.8em;} .jp-small .second-row{margin:5px 15px 0 0;width:auto;float:right;} .logged-in .jp-small form{width:100%;} .t-sep{padding:0 10px 0 8px;} .jp-small .no-margin{margin-right:0;} .page .jp-small .location .valid, .page .jp-small .location .invalid{margin-bottom:10px;} .page .jp-small .location{margin-bottom:0;} .page .jp-small .location .valid{padding-right:0;} .jp-small button.b-y{margin-left:5px} .jp-small button.b-y:focus{margin-left:4px} .journey-planner-inner h3.page-title {font-size:2em;} /* JOURNEY PLANNER SMALL */ .jp-small{background:url(../images/bg-journey-planner-small.jpg) no-repeat bottom center;} .jp-small h2{margin-bottom:0.2em;} .jp-small label{font-size:1.1em;font-weight:bold;padding-right:0;} .jp-small .single{margin-top:0;float:right;} .jp-small .input-border, .jp-small .select-border{margin:0 0 0 6px;} .jp-small input, .jp-small select{font-size:1em;} .jp-small .input-border input{width:8.5em;} .jp-small .valid .input-border input{width:9.6em;} .jp-small .input-border input.day{width:5.2em;} .jp-small .form-wrapper{margin-top:0.8em;} .jp-small .second-row{margin:5px 15px 0 0;width:auto;float:right;} .logged-in .jp-small form{width:100%;} .t-sep{padding:0 10px 0 8px;} .jp-small .no-margin{margin-right:0;} .page .jp-small .location .valid, .page .jp-small .location .invalid{margin-bottom:10px;} .page .jp-small .location{margin-bottom:0;} .page .jp-small .location .valid{padding-right:0;} .jp-small button.b-y{margin-left:5px} .jp-small button.b-y:focus{margin-left:4px} .journey-planner-inner h3.page-title {font-size:2em;} /* --------------------------------------- TIMETABLE --------------------------------------- */ .timetable .prog-int{padding:10px 8px 0 8px;min-height:28px} .timetable th .tooltip a{text-decoration:none;border-bottom:1px dotted #003366;} /* timetable */ .timetable ul.timetable-tabs {margin:1em 1em 0; padding:0;} .timetable ul.timetable-tabs li {color:#5a5a5a; font-size:1.5em; float:left; margin:0 0.5em -2px 0; padding:0; list-style-type:none;position:relative;} .timetable ul.timetable-tabs li.active {background:transparent url(../images/arrow-timetable.png) center 100% no-repeat; padding-bottom:35px;position:relative;} .timetable ul.timetable-tabs li span {color:#800;} .timetable ul.timetable-tabs li a {color:#5a5a5a;padding-bottom:35px;text-decoration:none;}/*IE6 and 7 - float:left*/ .timetable ul.timetable-tabs a:hover, .timetable ul.timetable-tabs a:focus, .timetable ul.timetable-tabs a:active{background:url(../images/bg-timetable-rollover-arrow.png) no-repeat center bottom;} .timetable .live-trains {padding:0 0 0 9px; margin:0; background:transparent url(../images/bg-timetable-grey-l.png) top left no-repeat;} .homepage .timetable .live-trains{position:relative;z-index:15;} .timetable .live-trains .live-trains-right {background:transparent url(../images/bg-timetable-grey-r.png) top right no-repeat; padding:1.3em 0; width:100%; } .timetable .live-trains .live-trains-right .error-message {background:#FFFFFF url(../images/bg-box-6.gif) repeat-x scroll left top;margin:0 15px 10px 5px;padding:10px; } .timetable form {padding:0 1em; margin:0; } .timetable form#share-page-by-email{padding:0px;}/*NREOJPTEST-2906 */ .timetable label {color:#fff; } .timetable table{padding:0;margin:0;} /* THIS IS VERY DELICATE, FUBARS TOOLTIP Z-INDEX in IE */ #live-departure-board .tbl-cont table {position:relative;} .timetable .tbl-cont{padding:0 4px; margin:0;} .timetable th, .timetable td{text-align:center;} .timetable tr.last td {background:transparent url(../images/bg-timetable-b.png) bottom left repeat-x;} .timetable tr.last td td{background:none;} .timetable tr.alt td{background-color:#f5f5f5;} .timetable td a{font-weight:bold;text-decoration:none;} .timetable td a span{position:absolute;left:-500em;top:-500em;} .timetable th {font-weight:bold; color:#282828; background:#fff; padding:1em; border:none;font-size:.95em;} .timetable th.alert, .timetable td.alert{background-color:#f0f8ff;} .timetable th.alert a{color:#000;text-decoration:none;border-bottom:1px dotted #000;} .timetable .alt td.alert{background-color:#e7eef5;} .timetable tr.firstRow td {background:#FFF url(../images/bg-timetable-shadow-t.png) top left repeat-x;} .timetable td {border:none; padding:11px; color:#484848; font-size:.94em;background:#FFF;} .timetable .destination, .timetable .from{text-align:left; } .timetable .delay {color:#700; font-weight:bold; } .timetable .delayed{color:#700;font-weight:bold;} .timetable tr.delayed td.status {color:#700;} .timetable tr.slightdelay td.status{color:#000;font-weight:bold;} .timetable td .tick-yes{margin:auto;} .timetable .on-time .sprite-main{background-position:-380px 0;} .timetable .tbl-cont .origin{text-align: left;} .timetable th.destination span, .journey-details th.to span{padding-left:20px;} .timetable tr.first td{background:url(../images/bg-timetable-shadow-t.png) left top repeat-x} .timetable tr.first td td{background:none;}/* JG added 13/11 */ .timetable tr.first.alt td{background-color:#F5F5F5;} .timetable tr.first.alt.selected td{background-color:#FFFEE2;} .timetable tr.first td.alert{background-color:#F0F8FF;} .timetable tr.selected td.alert{background-color: #fffdc6;} .timetable-progress{padding:0 4px;margin:0;position:relative;z-index:1;} .journey-planner-times .timetable-progress{position:static;z-index:auto;} .prog-int{padding:10px 16px 0;background:#efefef;} .popup .field.sms-alert{margin:10px 0 0 0;padding-bottom:10px;} .timetable-progress p{margin:0;padding:0;} .timetable-progress ul{float:right;width:auto;margin:0;padding:3px 0 0;} .timetable-progress ul li{width:auto;float:left;display:block;list-style:none;margin:0 5px;padding:0;} .timetable-progress ul li.first{border-right:1px solid #8b8b8b;padding-right:8px;} .timetable-progress ul li.uc{font-size:0.94em;padding-right:10px;white-space:nowrap;} .timetable-progress a{font-weight:bold;display:block;text-decoration:none;} .timetable-progress a.earlier,.timetable-progress a.later{background-color:#efefef;position:relative;} .timetable-progress a.earlier{padding:1px 0 10px 32px} .timetable-progress a.later{padding:1px 0 5px 32px} .timetable-progress a.earlier .sprite-main,.timetable-progress a.later .sprite-main{position:absolute;top:0;left:0;} .timetable-progress a.earlier .sprite-main{background-position:-184px 0;} .timetable-progress a.later .sprite-main{background-position:-162px 0;} .timetable-progress a.later.last{padding-bottom:0px} .timetable-progress .update{text-decoration:underline;} .timetable-progress-b-off{background:transparent url(../images/bg-timetable-progress-b.png) top left no-repeat;overflow:hidden;height:11px;margin-left:1px;} .jq .timetable-progress-b-off{background:transparent url(../images/bg-timetable-progress-b-off.png) top left no-repeat;} .timetable-progress-b{background:transparent url(../images/bg-timetable-progress-b.png) top left no-repeat;overflow:hidden;height:11px;margin-left:1px;} /* --------------------------------------- PANELS (ON STATIONS DESTINATIONS AND OTHER PAGES) ----------------------------- */ /* 1.1 BOXES ON THE JOURNEY PLANNER PAGE */ /* offer panel with table*/ .offer-table-header h2, .offer-table-header h3{float:left;color:#003366;font-size:2em;padding-bottom:0.2em;} .offer-table-header span{color:#404040;font-size:0.94em;float:right;display:block;padding:16px 12px 0;} .offer-table{background-color:#f5f5f5;} .offer-table .c1{width:220px} .offer-table .c2{width:320px} .offer-table table{border-collapse:collapse;border:none;margin:0;} .offer-table thead{display:none;} .offer-table tr.hlt{background-color:#fff;} .offer-table td{border:none;padding:3px 8px 3px 8px;} .offer-table td a{position:relative;padding-left:20px;margin-left:4px;text-decoration:none;} .offer-table td a .sprite-main{position:absolute;left:0;top:50%;margin-top:-5px;background-position:-484px 0;} .offer-table td.price{color:#003366;font-weight:bold;} .offer-table a.more{padding-left:20px;margin:8px 12px;display:block;font-weight:bold;font-size:1.1em;} .poweredby{padding:6px 0;} .poweredby img{float:right;} .poweredby .sprite-main{background-position:-404px -198px;} /*offer panel*/ .offer-promo a.link{color:#fff;padding-left:18px;display:block;font-size:1.1em;font-weight:bold;text-decoration:none;position:relative;zoom:1;} .offer-promo a.link .sprite-main{position:absolute;left:0;top:50%;margin-top:-4px;background-position:-54px 0;} .offer-promo a.b-b{margin-left:16px;} .offer-promo .stars{margin:4px 0 6px 18px;} .offer-promo p{color:#fff;padding-left:18px;line-height:1.3em;padding-bottom:0.5em;font-size:0.94em;} .sprite-stars-1{background-position:-644px -226px;} .sprite-stars-2{background-position:-644px -241px;} .sprite-stars-3{background-position:-644px -256px;} .sprite-stars-4{background-position:-644px -271px;} .sprite-stars-5{background-position:-644px -286px;} .offer-promo-1 .bg{width:220px;position:relative;min-height:112px;background:none;padding-top:30px;} .offer-promo-1 .bg img.overlay-img{position:absolute;top:0;left:0;} .offer-promo-1 .heading-left{padding:0 0 0 6px;position:relative;} .offer-promo-1 .heading-right{width:200px;height:6px;} .offer-promo-1 .overlay-left{padding:0 0 0 6px;position:relative;} .offer-promo-1 .overlay-right{width:200px;} .offer-promo-2 .bg{width:246px;position:relative;min-height:112px;background:none;padding-top:30px;} .offer-promo-2 .bg img.overlay-img{position:absolute;top:0;left:0;} .offer-promo-2 .heading-left{padding:0 0 0 6px;position:relative;} .offer-promo-2 .heading-right{width:226px;height:6px;} .offer-promo-2 .overlay-left{padding:0 0 0 6px;position:relative;} .offer-promo-2 .overlay-right{width:226px;} /* etw - train tracker modules */ .op-red .train-tracker{min-height:52px;padding-top:0;padding-bottom:5px;background-position:left top;} .op-red .sms{background-position:-24px 0;min-height:52px;padding-left:91px;padding-bottom:5px;margin-top:10px;} .op-red .train-tracker .contact, .op-red .sms .contact{padding:10px 0;font-size:1.2em;line-height:1.1;} .op-red.train-tracker p strong, .op-red .sms p strong{display:block;} .op-red li a{font-weight:bold;} /* ask lisa */ .ask-lisa-380{background-image:url(../images/bg-ask-lisa-380.jpg);min-height:0;padding-left:60px;padding-bottom:0;width:300px;} .ask-lisa-380 form, .ask-lisa-220 form{background:none;padding:0;width:auto;} .ask-lisa-380 .form-wrapper, .ask-lisa-220 .form-wrapper{margin-top:-2.3em;} .ask-lisa-380 .padding{padding-left:40px;} .ask-lisa-380 .op-3 .overlay-right{width:284px;} .ask-lisa-380 .op-3 .heading-right{width:254px;} .ask-lisa-380 textarea{width:225px;height:43px;} .ask-lisa-380 form label, .ask-lisa-380 form textarea{position:relative;z-index:3;} .ask-lisa-220{background:url(../images/bg-ask-lisa-220.jpg) no-repeat left top;padding:153px 0 0 0;width:220px;min-height:0;} .ask-lisa-220 h2{width:auto;color:#fff;} .page .ask-lisa-220 h3{font-family:Georgia,"Trebuchet MS", "Times New Roman", Times, serif;color:#fff;margin:0;} .ask-lisa-220 label, .ask-lisa-380 label{font-size:1.6em;} .ask-lisa-220 textarea{width:180px;} .lisa{position:absolute;bottom:0;left:-60px;} /* JOURNEY PLANNER */ .jp-220 .button-holder{padding:0;} .jp-220 .single{margin:0;} .jp-220 .time{width:160px;} .jp-220 .time span.select-border{float:right;} .jp-220 .location label, .jp-220 .time label{width:33px;text-align:right;} .jp-220 .location .invalid, .jp-220 .location .valid{margin-bottom:5px;} .jp-220 .single .time{margin-top:5px;} .jp-220 input.day{width:38px;} .jp-220 .time span label{width:auto;text-align:left;} .jp-220 .button-holder button, .jp-220 .button-holder span.b-y{float:right;} .page .jp-220 .margin-top{margin-top:10px;} .page .jp-220 button.margin-top:focus{margin-top:9px;} .jp-220 select#sltArr {width:63px;} .jp-220 .no-left {padding-left:38px;} /* FAREFIND PANEL */ .jp-farefind .decobar{border:1px solid #001f3e;background:#003367;padding:0;height:5px;font-size:1%;} .jp-farefind .intro{padding: 75px 0 55px; background: url(../images/bg-arrow-right-fade-onwhite.png) right 30px no-repeat;/* 8-bit PNG, used because it was much smaller than the equivalent GIF. See also ie6.css */} .jp-farefind .intro h2{color:#800000;padding-bottom: 0;} .jp-farefind .intro p{font-size: 1.315em/* 16px */;padding:0;} .jp-farefind .farefind{float: right; width: 300px;margin-top:-1px;border:0px;} .jp-farefind .farefind h2{padding:0 14px 14px 0;margin:0;background:none;color:#ffe155;} .jp-farefind .farefind .heading-wrapper .more-info {margin-top:.7em;} .jp-farefind .farefind .calculator{padding-right: 0;} .jp-farefind .farefind .b1-m .b1-p{padding:10px 14px 4px 14px;} .page .jp-farefind .b1-m .b1-p button.b-y-lrg span{text-transform:none;} .farefind .valid label{color:#fff;} .jp-ff-left{float:left;width:458px;} .jp-ff-right{float:right;width:300px;} .jp-ff-clear{clear:both;} .fares-terms{overflow:hidden;padding:.5em 5px .5em 0;} .fares-terms p{float:right;padding:0;} .fares-terms img.sprite-main{top:8px;} .jp-farefind .fares-terms {clear:both;} /* NREOJPTEST-1953 */ .timetable-progress .fares-terms{float:right;padding-top:0.2em;padding-right:5px;} /* positioning the fare-terms text with the timetable footer */ .fares-terms a:hover, .fares-terms a:focus, .fares-terms a:active{text-decoration:underline;} /*adding hover/focus/active states the the fare-terms */ /* FAREFIND WIDE PANEL */ .jp-farefind-wide .farefind {width:780px;} .jp-farefind-wide .calculator fieldset {float: left; border: 0; padding-top: 0;} .jp-farefind-wide .calculator h3 {padding: 11px 5px 0 0;} .jp-farefind-wide .farefind .submit {border: 0;float:right;margin-top:-50px;} .jp-farefind-wide .farefind .two-field div, .jp-farefind-wide .farefind .two-field div {clear:both;display:inline-block;margin-bottom:2px;} .jp-farefind-wide .farefind .add {float:left;margin-top:9px;} .jp-farefind-wide .farefind fieldset.ff-tickets {background: url(../images/bg-fieldset-ff-tickets.png) no-repeat; padding: 10px 0 10px 20px;margin-right:20px;margin-top:-5px;width:199px;} .jp-farefind-wide .farefind fieldset.ff-tickets .invalid, .jp-farefind-wide .farefind fieldset.ff-tickets .valid {padding-right: 12px; margin-right: 0;} .jp-farefind-wide .farefind .calculator .actions li {margin-right: 3px;} .jp-farefind-wide .farefind fieldset.ff-class-preferences {position:relative;width: 140px;min-height:111px;margin-right:15px;padding-right:10px;background: url(../images/bg-fieldset-separator.png) no-repeat 100% 0px;} .jp-farefind-wide .farefind fieldset.ff-class-preferences .sprite-main{position:absolute;top:0;right:0;background-position:0 -26px;} .jp-farefind-wide .calculator .rcards {float:left !important; width:200px !important;} .jp-farefind-wide .calculator .rcards fieldset {float:left !important;width: 255px;} .jp-farefind-wide .calculator .rcards span.input-border {margin-bottom: 5px;} .jp-farefind-wide .calculator .rcards .b-b {clear:both;float:left;} .jp-farefind-wide .farefind .more-info {margin: 13px 15px 6px -8px; height: auto;} .jp-farefind-wide .farefind .more-info a {height: 18px;} .farefind .heading-wrapper h2{float:left;position:relative;width:190px;z-index:10;text-indent: 0;} .jp-farefind-wide .heading-wrapper h2{width:auto;} .farefind .heading-wrapper h2 span{color: #fff;} .farefind .heading-wrapper .more-info{margin:2.2em 0 0 0;height:33px;} .farefind .submit{border-top:1px solid #000;padding-top:10px;} .jp-farefind .intro{float:left;width:458px;} .jp-farefind .pocket-timetables, .jp-farefind .station-route, .jp-get-oyster, .jp-get-smartcard, .jp-get-to-know-tickets, .jp-acc, .jp-promotions-rcards, .jp-fim{float:left;width:458px;clear:left;margin-top:20px;} .summary-page .station-route{float:left;width:620px;clear:left;margin-top:20px;} .station-route .b-y {margin:2px 0 0 0;} .jp-farefind-wide .pocket-timetables, .jp-farefind-wide .station-route{width:780px;} .journey-details ul.addinfo li .tooltip .tooltip-top{z-index:100;} .journey-details ul.addinfo li.food .tooltip .tooltip-top{left:13px;} .journey-details ul.addinfo li.cafe .tooltip .tooltip-top{left:18px;} .journey-details ul.addinfo li.bike .tooltip .tooltip-top{left:26px;} .journey-details ul.addinfo li.bathroom .tooltip .tooltip-top{left:20px;} .journey-details ul.addinfo li.babypooh .tooltip .tooltip-top{left:16px;} .journey-details ul.addinfo li.luggage .tooltip .tooltip-top{left:16px;} .js .addinforow{display:none;} /* PROMOTIONS AND RAILCARDS */ .jp-promotions-rcards h2 span{color:#800000} .jp-promotions-rcards h3{font-family:Arial, Helvetica, sans-serif;color:#4f4f4f;font-size:1em;padding-left:2em;font-weight:bold;margin:0 0 0.3em} .bg-img{background:url(../images/bg-railcards-promotions.png) no-repeat bottom right;padding:5px 170px 0 0;zoom:1;} .jp-promotions-rcards ul {margin-bottom:10px} .jp-promotions-rcards ul li a{font-weight:normal;} .jp-promotions-rcards ul li.last a{font-weight:bold;margin-top:10px;} /* POCKET TIMETABLES */ .pocket-timetables img.clock{float:left;margin:4px;background-position:-85px -226px;} .pocket-timetables .text-right{padding-left:74px;} .pocket-timetables .text-right h2{color:#fff;font-size:1.8em;padding-bottom:0.2em;} .pocket-timetables .text-right p{padding-bottom:0.2em;} .pocket-timetables .text-right ul.arrowlinklist-light li{float:left;margin:0 2em 0 0;} .pocket-timetables .text-right ul.arrowlinklist-light li a{color:#fff;} /* STATION ROUTE */ .station-route img.arrow-route{float:left;margin:4px;} .station-route .text-right{padding-left:95px;} .station-route .text-right h2{color:#006837;font-size:1.6em;} .station-route .text-right p{padding-bottom:0.8em;} .station-route .text-right .select-border{margin-right:5px;} /*JOURNEY PLANNER ACCORDIAN PANEL */ .jp-acc .head a{float:left; padding-left:15px; margin-top:6px;color:#FFF} .jq .jp-acc .head a{color:#003366;} .jp-acc .head.expanded a{color:#FFF;} .jp-acc .head a.arrow{margin-top:0px;} .jp-acc .calculator {padding:0px;} .page .jp-ff-left .jp-acc .calculator label, .page .jp-acc .calculator a{color:#404040;} .jp-acc .calculator fieldset{border-bottom:none; padding-left:125px;} .jp-acc .no-padding-top, .jp-acc .rcards,.jp-acc .acc-c .header {background-color:#f5f5f5;} .jp-acc .acc-c .header{position:relative;z-index:9999} .jp-acc .acc-c .header h3{float:left; padding-right:15px;} #ctf .jp-acc .acc-c .header{padding-left:125px; padding-bottom:10px;background-image:none; margin:0; padding-top:8px;} .jp-acc .acc-c .header .more-info{margin-top:8px;} .jp-acc .acc-c .acc-footer{padding:10px;width:auto;} .jp-acc .rcards .choose-railcard select{width:150px;} .jp-acc .acc-c .b-b{float:none;} .page .jp-ff-left .box-6 {border: 1px solid #d5d5d5;} .page .jp-ff-left .box-6 .b6-b {border: none;} /*SMARTCARD PANEL */ .jp-get-smartcard .text-right{padding-left:92px;margin-top:6px;background:url(../images/bg-smartcard.png) no-repeat left top; min-height:86px;} .jp-get-smartcard .text-right{color:#404040;} .jp-get-smartcard .text-right span{color:#800000; font-weight:bold;} .jp-get-smartcard .text-right strong {display:block; padding-bottom:5px;} /*OYSTER PANEL */ .jp-get-oyster .text-right{padding-left:92px;margin-top:6px;background:url(../images/bg-oyster-card.png) no-repeat left top; min-height:86px;} .jp-get-oyster .text-right{color:#404040;} .jp-get-oyster .text-right span{color:#800000; font-weight:bold;} .jp-get-oyster .text-right strong {display:block; padding-bottom:5px;} /*GET TO KNOW TICKETS PANEL */ .jp-get-to-know-tickets h2{color:#404040; margin-bottom:11px;} .jp-get-to-know-tickets h2 .sifr-red {color:#800000;} .jp-get-to-know-tickets ul{list-style-type:none;padding-bottom:0px;} .jp-get-to-know-tickets ul li{background:url(data:image/gif;base64,R0lGODlhLgAjAPfLAO/1/KampvH2/enp6dPT03p6eunw+IWFhfL3/e3z+ry8vOvy+UuSo+30++Xt9oe3wurx+cPb4PH3/Zubm5CQkOLq9O70+9Xg7fD2/PT09Ofv97TS2d7e3uTs9uDp8+bu9/D2997n8uTs9ezz+trk8Nnj7y2Ak+fu99zm8WmksuLr9LHD2LTF2uHp89Lk6N/o8tji7nituujv+M/b6cHP4VqbqjF+lcTS4+Hq9N/o8+Pr9cjV5dfh7kCKnsnW5qy/1dLd68zY5+Ht8D+JnbXG2qfH1R53jFWPp73N38/b6rGxsTSDl5bAydLe6+zy+sfHx25ubtzl8Oju9dzl8cDP4b7N3s7a6TyJm6XJ0dDb58vY53ykvMrX532kvObs8rDC2MXT5OHo77zM3rnJ3HKnuLjJ3EOHnrfI3MzZ6K3A1rfI293n8t/n8WNjY/H1+XOnuSV6kJa5y7/O4K/C16PD0jJ/lkWIoI23x0yRpHGmuKW50b7W4a/B15GyyOft9M3a6HSpuit8krvL3rTG2sfV5cLR4rLE2cbU5NDc6jqCmqLC0sHP4FWQqKa60nKet1+VrbHM2vT3+rXH26fD09Pe7Cd7kMrX5nGetqe70xt0i+nv9VCUptHc6qu+1ZG6yNDf63Gmt/n6/E2MpGWgspm+zSB2jb7O4Obs89Df6tTf7FWPqNHd6/j6+8LQ4n+uv5u0zKi80zSBlyN5jhdxiKm80yh5kYepwrbP3LrK3bnK3dPd6BhyiCZ6kKLF0t3m8afG1FmYq3ujvMPX46vJ18fU45Wyypy1zKq91Giasg9uhP////P4/gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAMsALAAAAAAuACMAAAj/AJcJHEiwoMGDBCUIAACgQQMLAAQgQEixokCFACwkcALBwIkOKnC0UPFhAYCJFhEikIAhY4IFEGR86FDBw6cipMgAG5Ip2RIYFSBgSLkMgYCWGhcY0OBARIUcqIrcIYNnSLKrWLPGuaAjgUGjLRuMUMpUBI4cwoq4ytNjSda3b68weDDJBwoIEgYuVOpAR4sXt369AdUWruFkDGo8YBJBiLLHynTJ4XFCgEABI/YMAzSqR6XDcBM/wBIBBOTTp8OUAdIBgMAGvUBjNcIgxYMNEVDr3q3MCwsrFSwIhLDprQkGMW7n5s2c+RwtHrwu0+ApeQQXzbPvzoB6xY41TgR+/5CivXyGAAGUTSgQYADqKjdIQBDPpvzpAe4JEFBWQNmBAQoocQBvxFABgwx5yRAFcwMQgN9+BDwRwIABtJHBBAMM+FgAFFCw32lZiHHBB5YZQAJqHAxIQAEKFDBAfwGsGCMBE6C3ImQB7qYaa64tgEIkpylwwH4DSjgBB+1RMAAFSE4QIIb8EZCebr7NUIFrCeTgxmkxDjhgBv91qEwbFEDxYgZQBMABBRJmUMABE6AWyhdBRLeMBRX4cdp/LvbHn38upiflgArE2WB2P+wQwgjLACDCKadREEChFJyngDItcnCpMhy4Z99jVYAxxXwYOFAfZH46Oemn2i1CQwkGSP8ggQYLQsYBq7hmgcQFlSFgIq72uRDBAzEwYEIydozRhAM9osAKsKhFsMEDKRh7WB1EJKECli9saR8I0lLLgBGyvbXLCmi00MAyDeCgCW/gYvFADQyUa28yaVjyglcA6ECeEBEw8QAD9d5rMFZ9cPECo6UqgpUJ9B4scSBqzICDVwJoAMlVRsSAHQggXCExXLXYoMojWxQzyA08MFuUASVcZcIGGygjbAoH25DIEchs8QomnfBhiBqCtKLFBRUsYNkyPvJy1QZMCAECzobNYoMZR1zShTGw/PAFC2eIQcUNhHDxxyqplBCCCBCcJFACHlhlWClXH+FIF3rQ8sMKRIyogQQNN+wQxAxAXAADCb7kUIEIDhiwQAMSDQRAB3TAIUssojASjC2NHJMG37n8DYYPQSTRhOEkrOFBBR18IAMECyQAEQYSoESQAAaEYAUNZ7AgCS6mFHKID2iYfkEJU4TggQodnGAABE7IHlFeRCHQgAYhXMDJDIhQwkMJKIQwkgPOQzBCAwwJQD1RBwnQgAF9Le6ABo6fn/767Fe/UEYAYBB5/gBcRkAAADs=) no-repeat left top; color:#404040; padding-bottom:15px; margin:0; min-height:35px; padding-left:66px;} .jp-get-to-know-tickets ul li.off-peak{background-image:url(data:image/gif;base64,R0lGODlhLgAjAPfJAO/1/NPT0/H2/Xp6eunp6aampu3z+urx+ZCQkOXt9uhjQOnw+PfLv/L3/e70+/H3/fCXgLGxseLq9Jubm7y8vPT09PD2/ODp8+Ts9W5ubuvy+YWFhezz+vvl39Xg7ebu9+30+97e3sfHx+fv99zm8dxaO9rk8Ojv+Ofu9+x9YNuHdvnYz+RJIOzy+uLr9OI8ENnj7+Ts9vGkj+Hp8+Pr9fOxn+ZWMN/o8srX5r/O4M/b6sTS49fh7tji7tLd675wZt3m8bTF2u6KcP3y78zY58HP4d7n8rHD2M1OMt/o893n8rGUm83a6M3Z6Oju9cjV5bjJ3Ny3tK/C18DP4dDb5/H1+ae70s7a6ebs8t/n8c5PMt45Dt85D/W+r77N3tLe67PF2bbH27p5c6y/1bnJ3K3A1rLE2cvY57XG2r3N3+pwUMnW5ttxWL1wZbfI3NTf7NHd61hYWOHq9LvL3sXT5LrK3bGVnNeoorKirNzl8d3DxMZgTeft9K6eqclYP9p8aNtaOsHP4OSyqaq+1NxmSuHo79JGJc9QM8FoWbXH29VJJ+bs89w3DcfV5beCgMrX591QLM/b6dzl8Ku+1du2s/j6+8yqq6m8097P0904Dti/wdc/Gd7n8eC6ttqqpKq91LOLjbydodvl8Nri7d24tN2UhubW2NnAwdPd6LTG2rCUmrDC2MfU5c+3ut1FHduflcdhTsbU5OCil8fU47zM393b499dPNDc6sPR4qi809uflNBQNPT3+rfI29Pe7K7B1qW50auntqixxPn6/Onv9cLR4rzM3uAvAP////P4/gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAMkALAAAAAAuACMAAAj/AJMJHEiwoMGDBBsIsADAAQgHAAQgnEhx4AMBAACA4KBhwYgENCTIofFBA4AGFSlezGiAw4EFKBK4mGFEDyUVf0q4OlYChoQDFlIma7DSgYEWB058iOHighFSnlSwKcHlmNWrVy15wGDAIFGGRjUk/YBBwoVaUV5JpYq1LVYWCoS0WkPiwIOBGFssICshCaYoulQQKuG28DG4QiAwWIGsMTJUOXigkJhMAAdTnUqpKAHJsFsbCiDIYNDBsWnThaD4iAFAIAhBnrEqUAOhBunTuHNjCXJFggOBB2y1fTG7NoMhuZMrbyzlzIWuyUbISgGhC4Pl2JNXEOH4yBMlLQQm/3CSvXxjAgMap0dAwLGXHSYOCPyQxbxpAiIKEAiBYEABZAFkQAEyGRCAgGmzTNHDCXeNIAl2FQRQQASOTRhgABNUKEJ6AwzAnWNU0OLBBxItYMJ9AVSAzAYbICACAik6RgGF6WUgITITEDBBAAhMkIGKjY2iGmvJaEACL40FsIEIGxB4XpOmBTDABAfGQUGKUw6AQAEBhJBeY1ikooMLrRmQRBWNcYkMAl4GEAEBcfRHQAQFVFCgeo59OUAEFFIwIDLDHEHEc8k4IAEfaQaAzIwb7EhABo4F0N6Xa9JZQIbIEEAAkKaNsYYRHCQDAAaLNBbBgBKqiQyljkEJYJflef9BRx7yWZBAfcjwh4wIp/5ZQAj2LRdIETAscNEInDjW4wYV7BdseVSk4cFkDZj4rHkdMCADBAoocAwsZHyRQGtGVnLtaStoy60Nhh2CxpitcXADmvalC4EQCrAQW1uMCHoBCMmAMAMxyjHQBQQpKPDCvgyXgcMNoQJAA3lDMFADwgozrHFboTwcqq2aXAUXuxuXfIwiYVwxQ1cCjHCKVS+kUFoHQ5BsMlabIIHID6rgEcQOPCTwW7UwWMVCDYylm0LJhmjRhhhL9GHFJ2WYkUgdReDggRwHUGbkFlZp20EHEHiGhNNQB2PFIL+Y0cscORQTCw5N3OJLD0pgcMBJAhm7cAEgZvvxgyNLCJPLJFKA4QbcuLDyCBNwvMGDCSTcMAMNCZxwAAgWoCTQqHdskckue/wAih3AXDLGKkG4YcwUOzRyBuSSU56EBBgkMMICGnAAAgAWCOA5QQIsAEQTOYQBBhpkpFHEDk8QEYkPHvRgAhAX4K477wZAFPzwFDVgAApAeKADEzp84QEMoiiRfQwfaN5C9xE9AL5QxBuwQAISSOBCAihYwAHmlxEB3AV/CHwAWCBSPwQ6UCABAQA7);} .jp-get-to-know-tickets ul li.anytime{background-image:url(data:image/gif;base64,R0lGODlhLwAjAPfSANPT0+/1/Kampnp6evH2/fH3/Ya8R/T09Nfpwunw+PL3/e70++Xt9unp6e3z+t7e3vD2/IWFha7ShZCQkOfv9+rx+eTs9eDp8+vy+drk8FhYWOLq9MfHx25ubpubm7y8vO30++zz+nGwKczjsuTs9ujv+Ozy+sLdo97n8s3a6OLr9NXg7ebu97GxsWNjY7vL3tTf7LLE2ev04KTMdXmzQnu2ON/o89fh7tHd67/O4Ofu99zm8cnW5uHu0WerGdnj77vUtpnCe5rHZuHp88rX5tPe7JCynvX58LfI28TS493n8rjYlMzY5+Hq9MDP4Xuqa3ysa73M3bzM3q7B1qy/1Ym6X9/o8tDc6ufs8rHPp9ji7sfU5a/B19zl8crX58LR4tLd67DC2Ke70menLtXi48PR4r3N32unObTF2murJePr9cHP4WyoOpDBV3qzQoavhMjV5brJ3MbU5LfI3L7UwqrMmWinL5jCe5vEfbTG2vH1+NXf6bHD2NHc6s/b6oG2UbXH2+ft9Ieye7bH267Gt4Gtd3+tbLjJ3PL1+I+xnYGvbYaug9Pd6Ku+1bXG2c3e1HCoRouxkezx9qm809vk8LrK3c/b6cXT5KC4xX21RKbIlu/z+HuzQ73Wt7zVt+Hp8qC3xHOpU93o5cja0sXaxqnFq01NTenv9pu1t6i806e705W0q2SoF+Do8cfV5eHs6rbRtKHHit/n8a3A1nyvV9vl8JC/Yu3x9pGznqq+1H6sa9bk5NDa5/H1+c3Z6GGlFsvX5aW50dfi7rrL3qjMjW2oO7PSnbzM33OvNOPq8nyyTXKvM93m8bvN02SnIvz8/V2lCv////P4/gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAANIALAAAAAAvACMAAAj/AKUJHEiwoMGDAwsQCBAARAgMGEyAgKAAocWL0hQydFghgQ4GKoagINVpl4UEASpiRKhxgQMTHXWQUHEBhacsQarQSAOtZ5oVFxJAWKmg5csKJViQ2HCBDBCcOln1nEq1ZykYahwYVLDQJYYEFBhYYOq0TpA/NKqqnSrCwAwJCJrx2FFBpTQFAUIkYLDBxiMgse64SbtWbQ0DEpYg6BGtsWNGa4RRIDAwwCtieDghK6zWAGLFMhyLHh1tT6UiDIZmNGGLc08DbSScQHCEtG3bWABdURNAIAQKmab6MCBEwggEt5OTbvDAMaIYvoaAEBiAgbHjyrOLbiCAe4cJAkTP/yJiJQR1Eqe0jz4A4IMADh8emAIQjYMGAAI+kI4jZwcG3wx8kh0ADxwQzQMtRDDBBABw4AEA30UjQAQC4NeggY1F8UUGCVREgA6tiPZAcwBoYOB9A0jIQTQARBDNASkOMMABAgjwoAYCtIBhNMDkcMNkGSXwg2guuAiAC+GlyOCMjaUYjQvRaPBBCwM0ECNpvLwAQ2oCVdDFM47J2EA0A0TQQAQFduBklI11QOYBaj7JJnOOYYEEDhb0Jk0IKPTSGAAeuBdlA+DR10J4TRo4wAMMepCimxEMMEELjt0SQwobLCCQAxdI0hgHAjygAZnReEAhixM4xqCEFjagX3O3Tf/hhQ1aSROACoE0JkAHE34QAQAHuODBi2sCMGYDO2rnyBb+nZdMY79G0wCv9HGw4oHqKRdFGRx6yIIsjQ3b2JjZZisDAoT4SEEBGZVASbnmIrCEBAbUMJUhWnIpTQUZwEtaDwhIMIMBIrhWzJ15CmSCEnpki8AIAhPs2lp2XJrpphdsQtoRD0sghAE+TCxyT2EwIZ1AC2wgCgInSNCGASPHrBYaKTQxna0WaDJVDQK3FbLMEzsjiBRFWKCpNASwAEtPNZwQ2hEjFAz0VGOw8YQuiawiBhcvEFELBXoWUMIoPYmAnQw9wCxy1U8UYgQqYuQyRQyDDJPDFzzgkAEDDrDqexe/Zc8gxAknqF3VGZBAsYgRoKjSCBcxIPFCDmVsQUQKfRRxQwZKqECBA5QNFIIVy6j1yxmhQPGGEZikQkUYaMwhhRNJuOJFCjjAsPkONjRhAQMUJIABCAH4PdACFtChDC2KRIJLMJNQwUcehxxDOxxMWALGClpkwIwNG/wePAYOLBAABATYZRABCaBwRRJmvGDGGpfwwIQf23evxAUbkMBCCRUgn/kgUAD1EWUBJbjAD1YAgxX8oAsouIAK/AdAE5QvAAQw3kouQoAFYCAsDNBBAioQAgcwJIMbTOFWCEAACKBPgyqMYUAAADs=);} .jp-get-to-know-tickets ul li a{font-weight:bold;} /* HOTEL OFFERS ON 1.1.1 */ .offers-wide{padding-top: 1em;} .cC .padding .poweredby{padding-bottom:0;} .cC.offers-wide .offer-table-header .padding{padding-bottom:0;} .cC.offers-wide .c1 .padding, .cC.offers-wide .c2 .padding, .cC.offers-wide .c3 .padding{padding:0 9px 10px 9px;} /* JP ACCORDIAN */ .page .jp-acc h3{font-size:2em;color:#003366;} .jp-acc .calculator h3{font-size:1.32em;} .jp-acc .rcards h3{color:#003366;} .jp-acc .add{background-position:125px 7px;background-color:#F5F5F5;padding:10px 0 10px 155px;} .jp-acc .add .sprite-main {margin-left:125px;} .jp-acc .journey-planner{background:none;padding-bottom:0;} .jp-acc .journey-planner-inner{background:#f5f5f5;} .jp-acc .journey-planner .location{padding:18px 10px 0 10px;margin-top:0;float:none;} .jp-acc .journey-planner .single{padding:0 10px;} .jp-acc .journey-planner .padding{padding:10px 0 0 0;} .jq .jp-acc .journey-planner .return, .jq .jp-acc .journey-planner .actions{min-height:0px;/*Fix for large spacing*/float:none;/* Disable float here so that the add return journey animation doesn’t end up looking weird. */display:block;/* Reverse IE double float margins fix */} .jq .jp-acc .journey-planner .return-open .actions{position:relative;top:3em;/* Allow space for the .slower-trains checkbox to appear above the “Remove return journey? control, even though they have to be the other way around in the HTML */} .jp-acc .journey-planner .slower-trains{float:none;padding-bottom:10px;padding-left:26px;position:relative;/* position: relative is used by the JavaScript to move this checkbox above the “Remove return journey? control, in an animated fashion, when that appears */} .jp-acc .journey-planner .slower-trains label{font-size: 1em;} .jp-acc .journey-planner .advanced-search{clear:both;} .jp-acc .journey-planner .advanced-search-p{margin:0;} .jp-acc .journey-planner .return fieldset{clear:both;margin-left:26px;} .page .jp-acc .journey-planner .advanced-search-o{float:none;padding-right:0;border-top:1px solid #fff;padding-top:10px;} .page .jp-acc .journey-planner .checkfield{border-top:none;padding:10px 0 10px 34px;border-top:1px solid #fff;width:auto;} .page .jp-acc .journey-planner .reduceLondon{padding:0;border-top:none;} .page .jp-acc .journey-planner .reduceLondon fieldset{margin-left:115px;} .journey-planner .reduceLondon{padding-top:5px;} .jp-acc .advanced-search-h{width:100%;} .jp-acc .journey-planner .reduceLondon{border:none;} .jp-acc .journey-planner .reduceLondon label{padding-right:6px;} .jp-acc .journey-planner .advanced-search-o fieldset{padding:5px 0;} .jp-acc .journey-planner .advanced-search-o fieldset{float:none;margin-left:36px;} .jp-acc .journey-planner .advanced-search-o select.slt-fixed{width:/*118px;*/189px;} .jp-acc .journey-planner .viaAv select{width:/*80px*/130px;} .jp-acc .journey-planner .viaAvDest input{width:/*200px*/207px;} .jp-acc .journey-planner .advanced-search-w{margin-left:34px;margin-right:30px;} .jp-acc .journey-planner .advanced-search-w li{width:95%;} .jp-acc .journey-planner .advanced-search-o-bottom{float:none;padding-right:0;margin-left:27px;} .jp-acc .journey-planner .advanced-search-o-bottom .slt-fixed{width:/*166px*/240px;} .jp-acc .journey-planner .advanced-search-o-bottom fieldset{float:none;} .jp-acc .journey-planner .advanced-search-f{float:none;width:auto;} .jp-acc .journey-planner .advanced-search-route, .jp-acc .journey-planner .advanced-search-route fieldset{float:none;} .jp-acc .journey-planner .advanced-search-route fieldset{padding-left:/*26px*/5px;} .jp-acc .journey-planner .checkfield{clear:both;} .jp-acc .journey-planner ul.actions li{float:left;} .jp-acc .journey-planner ul.actions li a{color:#003366;} .jp-acc .journey-planner .button-holder{padding:0;} .jp-acc .journey-planner label{color:#404040;} .jp-acc .journey-planner input{width:155px;} .jp-acc .journey-planner input.check{width:auto;} /* reset width of checkbox*/ .jp-acc .journey-planner input.day{width:65px;} .jp-acc .journey-planner .left-margin{margin-left:16px;} .jp-acc .button-container{padding:10px 10px 10px 34px;background-color:#fff;} /* layout is abit borked, fix up, done post-merge 3/3/11 */ .page .jp-acc .journey-planner .advanced-search-o, .page .jp-acc .journey-planner .reduceLondon, .page .jp-acc .journey-planner .advanced-search-o-bottom { margin-right:15px; float:right; } .jp-acc .journey-planner .return ul.actions{margin-top:10px;} .jp-acc .journey-planner ul.actions{margin-left:/*33px*/12px;} .page .jp-acc .journey-planner .advanced-search a.delete{color:#003366;} .jp-acc .journey-planner .tooltip .padding{padding:8px 16px 0 26px;} .jp-acc .journey-planner .advanced-search-h{background-color:#f2f8ff;padding-top:10px;} /* JP FIMS */ .jp-fim .information h2{color:#404040; margin-bottom:4px;} /* SMALL SEARCH BOX */ .dest-search h2{font-size:1.6em;margin-bottom:0.4em;} .dest-search span.error{color:#ffec8c;font-size:0.94em;margin:0 0 0 5px;} .dest-search span.input-border{float:left;margin:3px 0 0;padding:3px;-moz-border-radius:4px;-webkit-border-radius:4px;font-size:1em;color:#333;position:relative;} .dest-search .invalid span.input-border{background-color:#FF0000;padding:3px;} .dest-search span.input-border input{width:218px;float:left;padding:1px;margin:0;border:1px solid #323232;border-right:1px solid #aaa; border-bottom:1px solid #aaa;-moz-border-radius:3px;-webkit-border-radius:3px;outline-width:0;} .dest-search button.b-y{margin:4px 0 0 0;} .dest-search button.b-y:focus{margin:3px -1px -1px -1px;} /* CALLING POINTS */ .page tr.callingpoints td, .page tr.changes td{padding-top:0;padding-bottom:0;} .callingpoints table.innertable{border:1px solid #C5C5C5;border-top:none;width:84%;margin:0 auto;} .callingpoints table.innertable tr th, .callingpoints table.innertable tr td{padding:11px;font-size:1em;} tr.callingpoints table.innertable tr th, tr.callingpoints table.innertable tr td{text-align: left;} tr.callingpoints table.innertable tr .calling-points{width: 42%; padding-left: 11%;} tr.callingpoints table.innertable tr .arrives{width: 13%;} tr.callingpoints table.innertable tr .departs{width: 45%;} tr.callingpoints .callingpointslide{width:100%;} .jq tr.callingpoints .callingpointslide{display:none;} /*NREOJPTEST-2689 */ .callingpointdesc{text-align: center;} .journey-details .disruptiondesc, .journey-details .waitdesc{text-align: left;} .callingpointdesc{padding:3px 0;/*text-align:left;*//*NREOJPTEST-2689 */ } .callingpointdesc .callingpointplus{background:url(../images/bullet-plus.gif) left 4px no-repeat;padding-left:12px;margin-left:10px;} .callingpointdesc .callingpointminus{background:url(../images/bullet-minus.gif) left 4px no-repeat;padding-left:12px;margin-left:10px;} /* DISRUPTIONS */ .disruptions{margin-bottom:1em;} .page .disruptions .b19-m .b19-p{padding:4px 10px;} .disruptions .no-disruption{background:url(../images/icon-tick3.png) left top no-repeat;padding-left:34px;margin:0 6px;min-height:21px;} .disruptions .disruption{background:url(../images/icon-disruption-large.png) left top no-repeat;padding:0 5px 5px 5px;padding-left:38px;margin:2px;min-height:21px;} .disruption-alerts{position:relative;padding-left:38px;margin:12px;min-height:26px;} .disruption-alerts .sprite-main{position:absolute;top:0;left:0;background-position:-206px 0;} .disruptions .no-disruption h3, .disruptions .disruption h3, .disruption-alerts h3, .disruptions .disruption h4{color:#404040;font-size:1em;font-weight:bold;font-family:Arial, Helvetica, sans-serif;} .disruptions .no-disruption h3{padding-top:3px;} .disruptions .disruption h3, .disruptions .disruption h4{color:#800000;} .disruptions .no-disruption p, .disruptions .disruption p, .disruption-alerts p{padding:0;} /*.disruptions .disruption a.arrowlink-dark, .disruption-alerts a.arrowlink-dark{display:block;}*/ .disruption ul{margin-top:5px;padding:0;} .disruption ul li{list-style:none;padding:0 0 6px;margin:0 0 6px;border-bottom:1px solid #c5c5c5;} .disruption ul li.last{margin:0;padding:0;border-bottom:none;} .disruption ul li ul li {margin:0;padding:0;border-bottom:none;list-style:disc outside} /* -------------------------------------------------------- COMMON ELEMENTS and HACKS -------------------------------------------------- */ .bg-tick{background:url(../images/icon-tick-large.png) right top no-repeat;} .bg-clock{background:url(../images/icon-clock-large.png) right top no-repeat;} .bg-speech{background:url(../images/icon-speech-large.png) right top no-repeat;} .bg-calculator{background:url(../images/icon-calculator-large.png) right top no-repeat;} .bg-none .padding, .bg-tick .padding, .bg-clock .padding, .bg-speech .padding, .bg-calculator .padding{padding-top:2em;} .bg-none h2, .bg-tick h2, .bg-clock h2, .bg-speech h2{padding-bottom:0.2em;} /* back to top */ .backtotop{background:url(../images/bg-backtotop.gif) left bottom repeat-x;min-height:40px;position:relative;} .backtotop a{background:url(../images/bg-backtotop-link.gif) right center no-repeat;padding:6px 32px 10px 0;display:block;float:right;font-weight:bold;position:absolute;right:10px;bottom:4px;text-decoration:none;} /* PAGINATION */ .pagination ul{float: left;clear: both;} .pagination ul li{float: left;list-style-type: none;font-size: 1.08em;color: #003366;font-weight: bold;border-left: 1px solid #c4c4c4;padding-left: 7px;padding-right: 7px;margin-left: 0px;} .pagination ul .last{border-right: 1px solid #c4c4c4;} .pagination ul li a,.popup .f-links ul li.prev a{display: block;color: #838383;text-decoration:none;} .pagination ul li.prev, .pagination ul li.next{border: 0px solid transparent;margin-top: -2px;} .pagination ul li.last{border-right: 1px solid #c4c4c4;} .pagination ul li.prev a, .pagination ul li.prev span, .pagination ul li.next a, .pagination ul li.next span, .popup .f-links ul li.prev a{min-height: 25px;color: #003366;background-repeat: no-repeat;padding-top: 2px;display:block;} .pagination ul li.prev a, .pagination ul li.prev span, .popup .f-links ul li.prev a{padding-left: 30px;} .pagination ul li.next a, .pagination ul li.next span{padding-right: 30px;} .pagination ul li.prev a, .pagination ul li.prev span,.popup .f-links ul li.prev a{background-image: url(../images/pagination-prev.png);background-position: top left;} .pagination ul li.next a, .pagination ul li.next span{background-image: url(../images/pagination-next.png);background-position: top right;} .pagination ul li.prev .disabled{background-image: url(../images/pagination-prev-inactive.png);color: #a7b8ca;} .pagination ul li.next .disabled{background-image: url(../images/pagination-next-inactive.png);color: #a7b8ca;} /* TABLE WITH ZEBRA STRIPING */ .content-item{padding-top:1em;} .content-item h2{color:#404040;font-family:Arial,Helvetica,sans-serif;font-size:1.1em;font-weight:bold;margin:0.5em 0;} .content-item h3{color:#404040;font-family:Arial,Helvetica,sans-serif;font-size:1em;font-weight:bold;margin:0.5em 0;} .content-item .content-text{width:300px;float:left;} .content-item .content-text .show-more{width:300px;} .jq .content-item .content-text .show-more{display:none;} .content-item .content-text .show-more-link{text-decoration:none;background:url(../images/bg-link-more-down.gif) right center no-repeat;padding-right:20px;} .content-item .content-text .show-more-link-expanded{background:url(../images/bg-link-more-up.gif) right center no-repeat;} .content-item .content-text .show-more .show-more-text{margin:6px 0 0 10px;background-color:#deefff;padding:6px 10px;} .content-item img.content-image{float:right;border:1px solid #cccccc;} .kb-content table{border-collapse:collapse;border:none;border-bottom:1px solid #c5c5c5;background-color:#f5f5f5;} .kb-content thead{background-color:#dedede;border-top:1px solid #c5c5c5;border-bottom:1px solid #c5c5c5;font-weight:bold;font-size:1.1em;} .kb-content table tr.hlt{background-color:#fff;} .kb-content table td, .kb-content table th{border:none;padding:8px 12px;text-align:center;} .kb-content table td.left, .kb-content table th.left{text-align:left} /* nre want to add vertical-align:top */ .kb-content table td.hlt-r{color:#770000;font-weight:bold;} .kb-content table td span.text{position:absolute;} .kb-content table td span.tick{background:url(../images/icon-tick.png) top left no-repeat;height:22px;width:15px;display:block;} .no-bottom-padding{padding-bottom:0;} .page .norightpad{padding-right:0;} .pad9left{padding-left:9px;} .pad7top{padding-top:7px;} .mt-n1{margin-top:-1px;}/* reversed in IE7 */ .mt-2{margin-top:2px;} .mt-4{margin-top:4px;} .padding-lr{padding:0 10px;} .temp{height:100px;width:100%;background-color:#00ffff;} .additional .temp{height:400px;} .page .no-bold{font-weight:normal;} .page .no-border{border:0;} .relative{position:relative;} .uc{text-transform:uppercase} .z100{z-index:100} .z1{z-index:1} .z110{z-index:110} /* TRANSPORT ICONS */ .ic{background-image:url(../images/icon-transport-sprite.png);background-repeat:no-repeat;display:inline-block;margin:-3px 2px 0;height:24px;text-indent:-500em;vertical-align:top;width:28px;} .ic-dlr{background-position:-144px 0;height:21px;} .ic-walk{background-position:-86px 0;} .ic-tube{background-position:-118px 0;width:25px;} .ic-dlrlu {background-position:-118px 0;width:53px;} .ic-train{background-position:-55px 0;} .ic-bus{background-position:-27px 0;} .ic-boat{background-position:0 0;} /* Bad fix for wrapping brackets and spans EW */ .journey-details td.origin .ic , .journey-details td.destination .ic { background-image:url(../images/sprite-icon-table-dlrlu.png); height:16px; vertical-align:middle; } .journey-details td.origin .ic-tube , .journey-details td.destination .ic-tube{ background-position:0 -38px; width:20px; } .journey-details td.origin .ic-dlr , .journey-details td.destination .ic-dlr{ background-position:0 -77px; width:30px; } .journey-details td.origin .ic-dlrlu , .journey-details td.destination .ic-dlrlu{ background-position:0 2px; width:45px; } /*Transport icons on LDB Details*/ #live-departure-details .ic{display:block;float:right;} .box-6 .b6-b { background: white url(../images/bg-box-6-b.gif) repeat-x 0% 0%; border-top: 1px solid #D5D5D5; } .box-6 .b6-b-padding { padding: 10px 20px 10px; } /* End styles originally in base.css */ /* Styles originally in home.css */ /* TIMETABLE */ .homepage .box-8 h2{font-size:2.32em;width:78%;} .jq .homepage .timetable, .jq .homepage .timetable table {position:relative;} .jq .homepage .timetable .tbl-cont tbody{display:table-row-group !important;overflow:hidden;} .homepage .results{background:transparent url(../images/bg-table-shadow.png) top left repeat-y;/*IE6,7,8*/} /* --------------------------------------- JOURNEY PLANNER ------------------------------------------------ */ /* JOURNEY PLANNER ON LOGGED IN HOMEPAGE */ .logged-in .journey-planner-homepage .journey-planner-left{float:left;width:500px;position:relative;z-index:101;} .logged-in .journey-planner-homepage .journey-planner-right{float:right; width:380px; margin:0; padding:0;position:relative;z-index:100;min-height:230px;/*NREOJPTEST-2737*/position:relative;/*NREOJPTEST-2737*/} .journey-planner-right .edit a{color:#003366;} .logged-in .journey-planner-homepage .location{margin-top:0.8em;float:right;} .logged-in .journey-planner-homepage .single{margin-top:0;float:right;} .logged-in .journey-planner-homepage .return h3{float:none;width:100px;padding:0 0 0 72px;} .logged-in .journey-planner-homepage input{width:145px;} .logged-in .journey-planner-homepage input.day{width:77px;} .logged-in .journey-planner-homepage select{margin:0;} .logged-in .journey-planner-homepage .return{padding-bottom:6px;margin-bottom:30px;} .jq .logged-in .journey-planner-homepage .return{margin-bottom:-3.3em;} .logged-in .journey-planner-homepage .return ul{margin-top:12px} .journey-planner-homepage .journey-planner-left ul.actions{margin-left:14px;} .journey-planner-homepage .journey-planner-left .advanced-search-p{margin-left:8px;} .logged-in .journey-planner-homepage .return ul.actions{margin-top:10px;} .jq .logged-in .journey-planner-homepage .button-holder .fluid{bottom:66px;/* 40px + 26px approximate height of .slower-trains */} /* SIGNED IN HOMEPAGE */ .journey-planner .journeyslinklist {padding:0.65em 0 0;list-style:none;} .journey-planner .saved{padding-top:0.5em;} .journey-planner .journeyslinklist li {padding:0 0 0.5em;margin:0;float:none;font-size:1em;display:block;} .journey-planner .journeyslinklist li a {font-weight:bold;padding:0;color:#003366;text-decoration:none;} .journey-planner .journeyslinklist li a:hover{text-decoration:underline;} .journey-planner .journeyslinklist li a span {color:#404040;padding-bottom:.5em;} .journey-planner-right .hr-blue{margin-top:0;} .journey-planner-right .journeyslinkmore{position:absolute;right:10px;bottom:5px;padding:0;float:right;} .journey-planner-right .sprite-arrowlinkdark {background-position: -484px 0;} .journey-planner-right .arrowlink-dark {color:#003366;} /* ETW - tweaks to logged in */ .jq .logged-in .journey-planner-homepage .journey-planner-inner .location .valid input{ width:12em; } .jq .logged-in .journey-planner-homepage .journey-planner-inner .location .invalid input{ width:11em; } .jq .logged-in .journey-planner-homepage .journey-planner-inner .location > div.valid:first-child { padding-left:0px; } .jq .logged-in .journey-planner-homepage input.day { width:81px; } .jq .logged-in .journey-planner-homepage .journey-planner-left ul.actions { margin-top:5px; } .jq .logged-in .journey-planner-homepage .button-holder .fluid { right:1px; bottom:72px; } .jq .logged-in .journey-planner-homepage .journey-planner-left ul.actions { margin-top:0px; padding-top:10px; } /* End styles originally in home.css */ /* Styles originally in generic.css */ /* ------------------------------------------------------------------------ 1.1.3-JP-T&Cs------------------------------------------------------- */ .page .ticket-terms .b-y-lrg{float:right;} .page .ticket-terms .b-y-lrg span, .page .ticket-terms .b-y-lrg input{text-transform:none;} .ticket-terms .two-col-50pc{margin-bottom:10px;} .three-col .c1, .three-col .c2, .three-col .c3{width:30%;float:left;} .zebra-container{border:1px solid #c4c4c4;margin:20px 0;background:#fff;} .zebra-container h2{color:#404040;padding:15px;float:none;display:block;} .zebra-container dl.zebra dl{padding-bottom:0;} .zebra-container dl.zebra dl dt{width:auto;padding:0;display:block;clear:none;float:none;color:#4a4a4a;} .zebra-container dl.zebra dl dd{float:none;padding:0;display:block;line-height:1.5;} .zebra-container dl.zebra .bullet{padding-left:10px;background:url(../images/bg-bullet.gif) no-repeat left center;} dl.zebra .margin-bottom{margin-bottom:1em;} .ticket-terms dl.zebra dt{padding:5px 0 5px 15px;width:215px;color:#4a4a4a;} .ticket-terms dl.zebra dd{padding:5px 35px 5px 245px;color:#4a4a4a;} .ticket-terms dl.zebra dd a{font-weight:normal;} /* -------------------------------------------------------- 1.3.1 TRAIN TRACKER-------------------------------------------------- */ .tt-tabs h3{color:#404040;font-family:Arial, Helvetica, sans-serif;background:url(../images/bg-train-tracker-square.gif) no-repeat right top;padding:15px 100px 0 0;font-size:2em;} .tt-tabs .tt-sms h3{background-image: none;} .tt-tabs h4, .tt-tabs h5, .tt-tabs h6{padding-bottom:0.4em;} .tt-tabs h5, .tt-tabs h6{color: #404040; font: bold 100% Arial, Helvetica, sans-serif;} .tt-tabs ul{padding-bottom: 1em;} .tt-tabs ul li{padding-bottom: .5em;} .tt-tabs h5{color:#404040;font-family:Arial, Helvetica, sans-serif;font-weight:bold;padding-bottom:1em;} .tt-tabs .strapline{padding:0 80px 1.5em 0} .tt-tabs .tcs{padding:1em 0 10px;} .tt-tabs .header-padding{padding:5px 10px 1em 10px} .tt-tabs .b10-p{padding:0 15px 0 15px;} .tt-tabs .find-out-more{padding: .3em .5em 0 0;} .icon-list{margin-top:1em;} .icon-list dt{text-indent:-3000em;min-height:37px;min-width:65px;margin-bottom:2em} .icon-list dd{margin-bottom:2em;margin-left:8em;font-weight:bold;} .icon-list .dt-traintracker{background:url(../images/icon-traintracker-sms.gif) no-repeat 0 0;} .icon-list .dt-sms{background:url(../images/icon-traintracker-sms.gif) no-repeat -90px 0;} .bullet-list{margin:0 0 2em 1.5em} .bullet-list li{margin-left:0;padding-bottom:0.5em} .tt-background{padding-left: 15px; background-repeat: no-repeat;} .tt-phone, .tt-people, .tt-hints{background-position: right bottom;} .tt-cost{padding-right: 150px;background-image:url(../images/bg-tt-cost.jpg); background-position: right top;} .tt-phone{padding-right: 160px;background-image:url(../images/bg-tt-phone.jpg);} .tt-hints{padding-right: 140px;background-image:url(../images/bg-tt-people.jpg);} .tt-sms{background: url(../images/icon-sms-large.gif) 97% 10px no-repeat;} /* Train Tracker Text Simulator */ .ttt-sim{position: relative; padding-top: 315px; background: url(../images/bg-train-tracker-text-simulator.jpg) left top no-repeat;} .ttt-sim .phone-number{position: absolute; top: 0; left: 204px; width: 155px; padding-top: 6px; background: url(../images/bg-train-tracker-simulator-phone-t.gif) left top no-repeat;} .ttt-sim .phone-number-bottom{background: url(../images/bg-train-tracker-simulator-phone-b.gif) left bottom no-repeat;} .ttt-sim .phone-number p{padding:0 8px 7px;color:#fff;font: 1.6em/* 20px */ Georgia,"Trebuchet MS", "Times New Roman", Times, serif; line-height:1;top:-2px;position:relative;} .ttt-sim .message .fields, .ttt-sim .reply .fields{position: absolute; width: 118px; height: 174px;} .ttt-sim .message .fields{top: 51px; left: 25px;} .ttt-sim .message .fields label, .ttt-sim .reply .fields h5 {min-height: 18px; padding: 3px 5px 0; background: #385370 url(../images/bg-train-tracker-text-simulator-headings.gif) left top repeat-x; color: #fff; line-height: 1; font-weight: bold;} .ttt-sim .message .fields label{display: block;} .ttt-sim .message .fields textarea, .ttt-sim .reply .fields .reply-text{padding: 4px; font-size: .904em/* 11px */;} .ttt-sim .message .fields textarea{width: 100px; height: 100px; margin: 4px 4px 7px; border: solid 1px #7f9db9; background: #fff;} .ttt-sim .reply .fields .reply-text{overflow-y: scroll; height: 145px; line-height: 1.5;} .ttt-sim .message .fields .button{text-align: center;} .ttt-sim .message .fields .button .b-y{float: none; display: inline-block; margin: 0 auto; font-size: .945em/* 11.5px */;} .ttt-sim .reply .fields{top: 99px; left: 256px;} .ttt-sim .message .tips{padding-top: 1em; width: 215px;} .ttt-sim .message .tips h5{padding-bottom: .5em;} .ttt-sim .message .tips ul{margin-left: 0;} /* -------------------------------------------------------- 2.2.1 STATIONS -------------------------------------------------- */ .stations h1{padding-bottom: 0; font-family:Arial, Helvetica, sans-serif} .stations .page-heading .managed-by{clear: left;} /* station photo/address box */ .page .stn-add-w{width:460px;color:#fff;background:url(../images/bg-station-pic.jpg) top left no-repeat;margin-bottom:15px} .stn-add-w .heading-left{float:right;width:207px} .stn-add-w .overlay-left{float:right;width:207px;min-height:137px;clear:both;/*background:url(../images/bg-red-trans.png) no-repeat;*/} .stn-add-w .overlay-right{min-height:137px;} .stn-add-w .padding{padding:5px 20px;} .stn-add-w p{padding:0;margin:0} .stn-add-w a{color:#FFF;} .stn-add-w address{font-style:normal;margin-bottom:0.8em;font-size:0.94em;} .stn-add-w strong{font-size:1.15em} /* station info box */ .stations .box-8, .stations .box-8 h2{margin-bottom:0;} .stations .box-8 h2{font-size: 1.479em;/* 18px */} .stations .box-8 .arrowlinklist-dark{margin-bottom:1em;} .stations .box-8 .arrowlinklist-dark a{font-weight:normal;font-size:0.94em;padding-left:1.4em} .stations input.predictText{z-index:1;} ul.col-2 li{width:48%;float:left;display:inline;} .stns-easy-b{background:transparent url(../images/bg-stns-made-easy-b.png) no-repeat bottom left;padding-bottom:8px; margin-bottom: 8px;} .stns-easy{background:transparent url(../images/bg-stns-made-easy.png) no-repeat top left;padding:10px 0 0 90px;font-size:0.94em} .stns-easy h3{background:url(../images/bg-green-arrow.gif) bottom left no-repeat;padding-bottom:7px;color:#006837;} .stns-easy p{padding:0.25em 0 0} .stn-message{margin-bottom:20px} .stn-message .padding{padding: 15px 20px;} .stn-message h2{background:url(../images/icon-note-shad-lg.png) no-repeat right top;font-family:Arial, Helvetica, sans-serif;color:#4a4a4a;width:20%;float:left;font-size:1.5em;padding:5px 28px 0 0;} .stn-message .msg{width:62%;float:left;color:#4a4a4a;padding:7px 0 0 8px} .find-stn, .find-stn-small{width:751px;min-height:100px;margin:40px 0 0;padding:15px;background:url(../images/bg-find-a-station.jpg) top left no-repeat} .find-stn h2, .find-stn-small h2{color:#fff} .find-stn h2 span, .find-stn-small h2 span{color:#bce5ff} .find-stn input{width:240px;} .find-stn button.b-y{margin-top:3px;} /* Station Facilities - non-JavaScript version of icon tooltips */ ul.stn-fac{list-style: none; padding-bottom: 0;} ul.stn-fac li{margin-left: 0;} ul.stn-fac li h3{min-height: 21px; margin-top: 1em; padding-top: 5px; padding-bottom: 5px; color: #404040; font: bold 1.068em/* 13px */ Arial, Helvetica, sans-serif;} ul.stn-fac li.first h3{margin-top: 0;} #stn-fac-seating h3{background: url(../images/icon-facilities-seating.gif) 8px 0 no-repeat;} #stn-fac-trolleys h3{background: url(../images/icon-facilities-trolleys.gif) 6px 3px no-repeat;} #stn-fac-refreshment h3{background: url(../images/icon-facilities-refreshment.gif) 10px 0 no-repeat;} #stn-fac-atm h3{background: url(../images/icon-facilities-atm.gif) 6px 4px no-repeat;} #stn-fac-toilets h3{background: url(../images/icon-facilities-toilets.gif) 4px 0 no-repeat;} #stn-fac-payphone h3{background: url(../images/icon-facilities-payphone.gif) 10px 3px no-repeat;} #stn-fac-internet h3{background: url(../images/icon-facilities-internet.gif) 6px 2px no-repeat;} #stn-fac-postbox h3{background: url(../images/icon-facilities-postbox.gif) 5px 3px no-repeat;} #stn-fac-touristinformation h3{background: url(../images/icon-facilities-touristinformation.gif) 6px 1px no-repeat;} #stn-fac-shops h3{background: url(../images/icon-facilities-shops.gif) 4px 0 no-repeat;} ul.stn-fac li table{border-collapse: collapse;} ul.stn-fac li th, ul.stn-fac li td{vertical-align: top;padding: 5px;} ul.stn-fac li h3, ul.stn-fac li th{padding-left: 34px;} ul.stn-fac li th{width: 10em; padding-right: 1em; font-weight: bold;} ul.stn-fac li tr.hlt th, ul.stn-fac li tr.hlt td{background-color: #ebf3f9;} /* Station Facilities - style changes for JavaScript version */ .jq ul.stn-fac{float: left; width: 100%;/* Contains descendant floats */} .jq ul.stn-fac li{float: left;} .jq ul.stn-fac li .factip-ctl{width: 42px; height: 42px; display: block;} .jq ul.stn-fac li h3{margin-top: 0; margin-bottom: .5em;} .jq ul.stn-fac li .factip-ctl{background-image: url(../images/icon-facilities-sprites.gif); background-repeat: no-repeat; text-indent: -9999px; overflow: hidden;/* Stops focus outline extending to the edge of the big negative text indent */} #stn-fac-seating .factip-ctl{background-position: 0 0;} #stn-fac-trolleys .factip-ctl{background-position: -42px 0;} #stn-fac-refreshment .factip-ctl{background-position: -84px 0;} #stn-fac-atm .factip-ctl{background-position: -126px 0;} #stn-fac-toilets .factip-ctl{background-position: -168px 0;} #stn-fac-payphone .factip-ctl{background-position: -210px 0;} #stn-fac-internet .factip-ctl{background-position: -252px 0;} #stn-fac-postbox .factip-ctl{background-position: -294px 0;} #stn-fac-touristinformation .factip-ctl{background-position: -336px 0;} #stn-fac-shops .factip-ctl{background-position: -378px 0;} #stn-fac-seating.disabled .factip-ctl{background-position: 0 -42px;} #stn-fac-trolleys.disabled .factip-ctl{background-position: -42px -42px;} #stn-fac-refreshment.disabled .factip-ctl{background-position: -84px -42px;} #stn-fac-atm.disabled .factip-ctl{background-position: -126px -42px;} #stn-fac-toilets.disabled .factip-ctl{background-position: -168px -42px;} #stn-fac-payphone.disabled .factip-ctl{background-position: -210px -42px;} #stn-fac-internet.disabled .factip-ctl{background-position: -252px -42px;} #stn-fac-postbox.disabled .factip-ctl{background-position: -294px -42px;} #stn-fac-touristinformation.disabled .factip-ctl{background-position: -336px -42px;} #stn-fac-shops.disabled .factip-ctl{background-position: -378px -42px;} /* .jq ul.stn-fac .tooltip .tooltip-top{background:url(../images/bg-tooltip-t-facilities.png) right top no-repeat;width:387px;position:absolute;left:5px;top:40px;padding-top:18px;font-weight:normal;z-index:100;} .jq ul.stn-fac .tooltip .tooltip-bottom{background:url(../images/bg-tooltip-b-facilities.png) right bottom no-repeat;min-height:70px;} .jq ul.stn-fac .tooltip .padding{position:relative;top:5px;margin-bottom:0;padding:0 10px 15px;} .jq ul.stn-fac .tooltip .padding p{text-indent:0;background:#FFF;} */ /* -------------------------------------------------------- 2.2.2 DESTINATIONS LISTING-------------------------------------------------------- */ .alphabetical{text-transform:uppercase;margin-left:-20px;position:relative;padding:10px 20px 20px 20px;background:url(../images/bg-box-17.gif) repeat-x left bottom;border-bottom:1px solid #d2d2d2;} .box-17 .alphabetical ul{float:none;padding:0;} .box-17 .alphabetical ul li{color:#6f6f6f;font-weight:normal;font-size:1.23em;} .box-17 .alphabetical ul li a{color:#003366;text-decoration:none;} .box-17 .alphabetical ul li{padding:0 4px;} .alphabetical ul li.first{border:none;} .destinations{list-style-type:none;margin:0 0 -10px 0;padding:0;} .destinations li{padding-top:25px;margin:0;border-bottom:1px solid #d1d1d1;margin-left:-20px;padding-left:20px;background:url(../images/bg-box-17.gif) repeat-x left bottom;} .destinations li.last{border:none;background:none;} .destinations h2, .destinations h3{float:left;width:30px;margin-top:0.8em;font-size:2.2em;color:#4a4a4a;} .destinations table{float:left;width:488px;margin-bottom:10px;} .destinations th, .destinations td{padding:4px 10px;} .destinations th{color:#4a4a4a;font-size:1em;padding-bottom:0.8em;} .destinations .alt .hospital{background-color:#f5f5f5;} .destinations .alt .station{background-color:#eff9ff;} .destinations .backtotop a{text-decoration:none;} .destinations td img{margin-right:5px;float:left;} .op-2-thin .heading-right, .op-2-thin .overlay-right{width:446px;} .op-2-thin .bg{width:540px;} .op-2-thin ul{width:45%;} /* -------------------------------------------------------- 3.1 SERVICE DISRUPTIONS -------------------------------------------------- */ p.last-updated{font-size:0.94em;} p.last-updated a{font-size:1.1em;} p.next-week{float:right;width:300px;padding:0 0 0.4em 0;line-height:1.4em;} .panel-color .corner-tl{background:url(../images/bg-white-corners.png) left top no-repeat;} .panel-color .corner-tr{background:url(../images/bg-white-corners.png) right top no-repeat;} .panel-color .corner-bl{background:url(../images/bg-white-corners.png) left bottom no-repeat;} .panel-color .corner-br{background:url(../images/bg-white-corners.png) right bottom no-repeat;} .panel-color .padding{padding:10px 14px;} .panel-color h3{color:#fff;} .panel-color ul{list-style:none;padding:7px 0;} .panel-color ul li{margin-left:3px;} .panel-color ul li a{color:#fff;text-decoration:none;font-weight:normal;} .panel-color ul li a:hover, .panel-color ul li a:focus, .panel-color ul li a:active{text-decoration:underline;} .panel-color p{color:#fff;padding:7px 0;} .panel-color span.input-border{-moz-border-radius:4px;-webkit-border-radius:4px;padding:3px;margin:3px 0 0 0;float:left;} .panel-color span.input-border input{float:left;padding:1px;border:1px solid #323232;border-right:1px solid #aaa; border-bottom:1px solid #aaa;-moz-border-radius:3px;-webkit-border-radius:3px;} .panel-color button.b-y{margin:5px 0 0 0;} .panel-blue{background-color:#003366;} .panel-blue span.error{color:#FFEC8C;font-size:0.94em;padding:3px 0 0 3px;display:block;} .panel-blue .invalid .input-border {background-color:#FF0000;} .panel-blue .padding{background:url(../images/bg-panel-blue.jpg) left center no-repeat;padding-left:70px;} .panel-purple{background-color:#44266d;} .panel-purple .padding{background:url(../images/bg-panel-purple.jpg) 97% bottom no-repeat;} .panel-purple ul.arrowlinklist-light{margin-right:20px;} .panel-purple h2, .panel-blue h2 {color:#ffffff;font-size:1.6em;padding-bottom:0;} /*---------------------------------------- 3.2 PLANNED ENGINEERING -----------------------------------------------------------------*/ .page div.no-top-padding{padding-top:0;} .neg-top{margin-top:-30px;float:left;} .no-padding-bottom .padding{padding-bottom:0;} .filter{margin-bottom:1em;} .filter input.text, .filter select{width:160px;} .filter .first .valid{padding-right:35px;} .filter .valid{padding-right:2px;} .filter label{padding-bottom:0;} .pag-alternate{padding-top:1em;} .page .pag-alternate ul li.prev{padding-right:15px;border-right: 1px solid #c4c4c4;} .pag-alternate ul li.next{border-left:1px solid #C4C4C4;padding-left:15px;} .pag-alternate li a{text-decoration:none;} /* -------------------------------------------------------- 5.0 TOCs MAP -------------------------------------------------- */ .companies{list-style:none;margin:0;float:left;margin-right:40px;width:170px;} .companies li{margin:0;background:url(../images/bg-companies-divider-blue.png) no-repeat left top;} .companies .first{background:none;} .companies a{display:block;padding:6px 0 6px 0;} .companies a:hover, .companies a:focus, .companies a:active{color:#800000;text-decoration:none;} .map .box-11{float:right;margin-top:6px;} .box-11-narrow .b11-t{background: url(../images/bg-box-tb.png) right -1025px no-repeat;} .box-11-narrow .b11-tl{background: url(../images/bg-box-tb.png) left -1018px no-repeat;} .box-11-narrow .b11-b{background: url(../images/bg-box-tb.png) right -1043px no-repeat;} .box-11-narrow .b11-bl{background: url(../images/bg-box-tb.png) left -1032px no-repeat;} .box-11-narrow .b11-m{background-image:url(../images/bg-box-11-mr-narrow.png);} .jq .map .b11-p{padding:15px 6px 15px 20px;background-image:url(../images/bg-box-11-ml-narrow.png);} .map-container{border:1px solid #A6A6A6;background-color:#fff;text-align:center;width:276px;height:370px;} .op-1-short-wide label{font-weight:bold;} .op-1 .alert-no-img{background:none;margin-top:-2.3em;padding-right:45px;} .op-1 .alert-no-img p{margin:0.5em 0;} .op-1 .alert-no-img span.error{padding-top:0;} /* -------------------------------------------------------- 5.0 TOCs INFOLIST -------------------------------------------------- */ .toc-details{margin-bottom:10px;} .toc-details h1{float:left;width:45%;padding-bottom:0.5em;color:#002142;font-size:2.2em;} .toc-details img{float:right;} .toc-details .external{font-weight:bold;} .toc-details p{margin-top:5px;} .toc-info .accordian .head{padding-left:20px;} .toc-info .acc-c{background-color:#fff;position:relative;} .toc-info .route .zebra{width:429px;} .toc-info dl.zebra dt{padding-left:20px;width:130px;} .toc-info dl.zebra dd{padding-left:160px;} .toc-info dd span{display:block;} .mail{text-decoration:none;} .toc-info .pdf-download{background:none;position:absolute;top:12px;right:10px;float:none;height:97px;width:85px;} .accordian .zebra h3{font-size:1em;color:#404040;font-family:Arial, Helvetica, sans-serif;font-weight:bold;} .cE .c1{width:320px;} .cE .c2{width:240px;} .cE .c1 .op-1 .padding{padding:10px 16px 5px 10px;} .cE .c1 .op-1 .bg{width:100%;} .cE .c1 .op-1 .heading-right{width:264px;} .cE .c1 .op-1 .overlay-right{width:294px;} .op-1 .no-top-padding{padding-top:0;} .op-1 .padding .no-neg-margin, .op-3 .padding .no-neg-margin{margin:0;} /* -------------------------------------------------------- 6.0 SEARCH RESULTS -------------------------------------------------- */ .search-results .search-form{clear:both;padding-bottom:19px;} .search-results .search-form label{font-weight:bold;} .search-results .search-form input{float:left;} .search-results span.highlight{background:#ffe571;} .search-results ol li p span.highlight{color:#000000;} .search-results ol li h2 span.highlight{color:#003366;} .search-results .search-form .input-border{-moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;float:left;padding:3px;width:auto;margin-right:10px;} .search-results .search-form .input-border .text{width: auto;margin: 0;border: 1px solid #323232;border-right:1px solid #aaa;border-bottom:1px solid #aaa;-moz-border-radius: 3px;-webkit-border-radius: 3px;font-size: 1.3em;color: #666666;outline: none;} .search-results .search-form .b-y{margin-top: 2px;} .search-results p{font-size: 1.32em;padding-bottom: 1.5em;} .search-results ol{color: #404040;font-size: 1.4em;padding-right: 170px;} .search-results ol li{margin-left: 25px;padding-bottom: 10px;} .search-results ol h2{font-family: Arial, Helvetica, sans-serif;color: #003366;padding-bottom: 4px;font-size: 0.88em;} .search-results ol p{color: #404040;font-size: 0.68em;padding-bottom: 1em;} .search-results .pagination{margin-left: 17px;padding-bottom:1em;} .search-results .pagination ul li.prev a, .search-results .pagination ul li.prev span{padding-right:30px;} .search-results .pagination ul li.next a, .search-results .pagination ul li.next span{padding-left:30px;} /* --------------------------------------- 9.0 LATEST TRAINS ---------------------------------------------------*/ /* TIMETABLE */ /*.livetrain-section .box-8 h2{font-size:2.32em;width:78%;}*/ /*.jq .livetrain-section .timetable{position:relative;}*/ .jq .livetrain-section .timetable .waiting{position:absolute;left:185px;top:10px;} .jq .livetrain-section .timetable .tbl-cont tbody{display:table-row-group !important;} .livetrain-section .results{background:transparent url(../images/bg-table-shadow.png) top left repeat-y;} /* live-trains - for arrival/departure information (from home.css) */ .livetrain-section .live-trains{overflow:visible;} .livetrain-section .live-trains label {float:left;width:auto;padding:6px 5px 0 0;font-size:.9em;font-weight:bold;color:#fff;} .livetrain-section .live-trains input, .livetrain-section .live-trains select {-moz-border-radius:3px; -webkit-border-radius:3px;width:auto;padding:2px; border:1px solid #323232; border-right:1px solid #aaa; border-bottom:1px solid #aaa; font-size:.9em; display:inline;outline:none;/*margin:0;*/outline-width:0;} .livetrain-section .live-trains input {width:155px;} .livetrain-section .live-trains select {padding:1px 2px;} .livetrain-section .live-trains .input-border, .live-trains .select-border{-moz-border-radius:4px; -webkit-border-radius:3px; color:#666666;margin:0;display:block;padding:3px;float:left;} .livetrain-section .live-trains .valid, .live-trains .invalid{float:left;/*position:relative;*/} .livetrain-section .live-trains .error{color:#FFEC8C;margin:0 0 3px 8px;display:block;} .livetrain-section .live-trains .field{float:left;width:auto;} /* inside black box on homeage (from home.css) */ .livetrain-section .live-trains-inner-box {background:none; padding:5px 15px 2px; margin:10px 0; clear:both; min-height:1%; } .livetrain-section .box-3 .live-trains-inner-box {background:#424242;margin-top:1.5em;} .livetrain-section .daily-commute h3, .page #livetrain-section-detail .daily-commute h2{color:#494949; font-size:1em; font-weight:bold;margin-bottom:4px;font-family:Arial, Helvetica, sans-serif } .livetrain-section .daily-commute p {font-size:0.9em; color:#404040;padding-bottom:0;} .livetrain-section .live-trains .arrow-link{margin:0 10px;color:#fff;} .livetrain-section .live-trains button.b-y{float:right;margin-right:24px;} .livetrain-section .box-3 .arrowlink-light{display:block;} /* Column two promos */ .livetrain-section .c2 .op-3{margin-bottom:30px;} .jq .livetrain-section #live-departure-details .tbl-cont tbody{height:auto;overflow:auto;} #live-departure-details td.station{text-align:left;font-weight:bold;font-size:1em;} #live-departure-details td.station div{font-weight:normal;} #live-departure-details td.station a{display:block;} #live-departure-details td.station a.callingpointplus{background:url(../images/bullet-plus.gif) no-repeat left 4px transparent;padding-left:12px;} #live-departure-details td.station a.callingpointminus{background:url(../images/bullet-minus.gif) no-repeat left 4px transparent;padding-left:12px;} /*#live-departure-details tr.callingpoints td{padding:0;}*/ #live-departure-details td.inmotion, #live-departure-details td.progress{background:transparent url(../images/bg-live-progress.gif) center left repeat-y;vertical-align:middle;text-align:left;padding:11px 0;} #live-departure-details td.atstation{background:transparent url(../images/bg-live-progress-atstation.gif) center left repeat-y;vertical-align:middle;text-align:left;padding:11px 0;} #live-departure-details td.departed{background:transparent url(../images/bg-live-progress-departed.gif) center left repeat-y;vertical-align:middle;text-align:left;padding:11px 11px 11px 0;} #live-departure-details td.startatstation{background:transparent url(../images/bg-live-progress-start.png) top left no-repeat;vertical-align:middle;text-align:left;padding:11px 11px 11px 0;} #live-departure-details td.startdeparted{background:transparent url(../images/bg-live-progress-start-departed.png) top left no-repeat;vertical-align:middle;text-align:left;padding:11px 11px 11px 0;} #live-departure-details td.endinmotion, #live-departure-details td.end{background:transparent url(../images/bg-live-progress-end.png) bottom left no-repeat;vertical-align:middle;text-align:left;padding:11px 11px 11px 0;} #live-departure-details td.endatstation{background:transparent url(../images/bg-live-progress-end-arrived.png) bottom left no-repeat;vertical-align:middle;text-align:left;padding:11px 11px 11px 0;} #live-departure-details tr.alt td{background-color:#F5F5F5;} #live-departure-details td.inmotion, #live-departure-details td.endinmotion{vertical-align:top;} #live-departure-details td.inmotion div, #live-departure-details td.endinmotion div{position:relative;top:-25px;} #live-departure-details td div.current span{background:transparent url(../images/bg-live-progress-current.png) center left no-repeat;padding-left:36px;display:block;} #live-departure-details tr.departed td {color:#888} #live-departure-details tr.delayed td span {color:#700} #live-departure-details tr.station td {background-color:#feffe0} #live-departure-details tr.delayed.station td , #live-departure-board tr.delayed td {background-color:#faeceb} #livetrain-section-detail .timetable td a, #live-departure-details .timetable td a {text-decoration:underline;} /*body .timetable tr.delayed td, body #live-departure-details tr.delayed td{xbackground-color:#feffe0;}*/ /* --------------------------------------- 20.0 MY ACCOUNTS PAGE - JOURNEYS TABLE ---------------------------------------------------*/ .my-account .none{font-weight:bold;position:relative} .my-account h3.tooltip-container{float:left;width:auto;} .my-account h3 .tooltip{display:block;float:right;width:auto;margin-left:10px} .my-account .my-account-heading {position: relative;} .my-account .my-account-heading h2 {padding-bottom: 0; color: #093d71;} .my-account .my-account-heading p{padding-bottom: 0;} .my-account .my-account-heading .intro, .my-account .my-account-heading p.edit {font-size: .94em;/*11.5px*/} .my-account .my-account-heading .intro {color: #404040;} .my-account .my-account-heading p.edit {position: absolute;top: 10px;right: 20px;} .my-account .instruction .tooltip-bottom{background:url(../images/tooltips/bg-tooltip-instruction-b.png) no-repeat right bottom;} .my-account h3 .tooltip p{font-size:0.59em;color:#404040;} .my-account h3.sifr{float:left;margin-top:0;padding-right:2em;} .my-account .tooltip-container{float:left;} .my-account .route td{vertical-align:middle;font-size:0.94em;padding-right:0} .my-account .route td.stationname{padding:8px 0} .my-account .route td span.arrow{padding-left:15px;} .page .my-account ul.border-list{margin-bottom:0.7em;} .page .my-account ul.border-list li.first{padding:0 8px 0 0;} .page .my-account ul.border-list li {padding:0 0 0 8px;} .my-account .box-6 .padding{padding-bottom:10px;} .my-account .box-6 .saved{border-bottom:1px solid #c5c5c5;padding-bottom:0;} .my-account .box-6 .saved .route{margin-bottom:0;} .my-account .box-14{clear:both;margin-top:14px;} .my-account .box-14 .b14-m .b14-p{padding:5px 10px;} .my-account .box-14 h3{font-size:1em;font-weight:bold;font-family:Arial, Helvetica, sans-serif;color:#404040;margin-top:0;padding-top:0;} .my-account .b10-p {background:transparent url(../images/icon-person-large.png) no-repeat 9px 0;padding-left:67px;} .my-account-alerts .b10-p {background-image: url(../images/icon-phone.png);background-position: 18px 0;} .my-account-stations .b10-p {background-image: url(../images/icon-train-large.gif);} .my-account-favourite .b10-p {background-image: url(../images/icon-star.png);} .my-account-timetable .b10-p {background-image: url(../images/icon-clock-large.png);} .my-account-overview .box-5-blue{margin-bottom:25px; color: #4a4a4a;} .my-account-overview table.route{margin-top:7px;border-bottom:1px solid #c5c5c5;} .my-account-alerts h3{padding-bottom:0.7em} .my-account-alerts ul{margin:20px 0 0;} .my-account-alerts ul.alerts-set{margin:0 0 5px;float:left;} .my-account-alerts li{margin:0 0 1em;padding:0 20px;list-style:none;border-bottom:1px solid #dbdbdb} .my-account-alerts li h3, .my-account-alerts li h4{padding:0;font-family:Arial, Helvetica, sans-serif;font-size:1em;font-weight:bold} .my-account-alerts li h4{color:#2B2B2B;padding:0.5em 0 0.7em;clear:both;} .my-account-alerts li h4.alerts{clear:none;float:left;padding:0.5em 0.5em 0.7em;} .my-account-alerts ul.border-list li{border-bottom:none;padding-bottom:0.7em;} .my-account-alerts ul.border-list li.first{padding-left:0} .my-account-alerts ul.alerts-set li{border-bottom:none;padding:5px;text-indent:-200em;float:left;min-width:26px;} .my-account-alerts ul.alerts-set li.alerts-text{background:url(../images/alerts_sms_icon.png) no-repeat;min-width:18px;} .my-account-alerts ul.alerts-set li.alerts-email{background:url(../images/alerts_email_icon.png) no-repeat;} .my-account-alerts ul.alerts-set li.alerts-twitter{background:url(../images/alerts_twitter_icon.png) no-repeat;} .my-account-alerts p{clear:both;padding-bottom:0.7em} .my-account-alerts p.options-bar{padding-top:10px;} /*.my-account-alerts .padding{padding:0 20px 20px}*/ .my-account .buttons{margin:0;list-style-type:none;border:0;padding:0;} .my-account ul.margin-top{margin-top:10px;} .my-account .buttons li{margin:0;padding:0;float:left;border:0;} .my-account .selected .side-tab-container .buttons a{color:#003366;display:block;margin-top:5px;} .my-account .selected .side-tab-container .buttons .b-y{color:#000;} .my-account .selected .side-tab-container .buttons .b-b{color:#fff;} .buttons .b-y{margin-right:35px;} /* SELECT A STATION - currently only used on 20.0 - My Account */ .my-account-stations .inner{border-bottom:1px solid #dbdbdb;padding-bottom:10px;} .my-account-stations p{clear:both;} .my-account-stations .checkboxes label {padding-top: 0;} .form-panel .select-station {padding-bottom: 10px;} .form-panel .select-station .field {width: auto;float: left;margin-left: 0;padding-bottom: 0;} .form-panel .select-station input, .form-panel .select-station select, .form-panel .select-station img {vertical-align: middle;} /* Hide all form field labels from sighted users, apart from the first station */ .form-panel .select-station label {position: absolute;top: -9999px;left: -9999px;} .form-panel .select-station-first label {position: static;padding: 0 0 2px 3px;} /* Add space equivalent to one label's height to the button field, as buttons don't have label elements */ .form-panel .add-station, .form-panel .remove-station {padding:9px 0 0 28px;float:left;width:auto;} .my-account-stations .add-station, .my-account-stations .remove-station {padding:9px 0 0 8px;} .form-panel .select-station-first .add-station, .form-panel .select-station-first .remove-station {padding-top:26px;} .form-panel .select-station input.text, .form-panel .select-station select {margin: 0;color:#949494} .my-account .form-panel .two-field .alternate{float:right;} .form-panel .select-station select {width:150px;} .form-panel .add-station .tooltip-top{left:30px;top:22px;} /* Field-specific styles */ .select-station .station input.text {width: 160px;} .my-account-stations .select-station .arrive-depart {padding-left: 9px;} .my-account-stations .arrive-depart select {width: 110px;} .select-station .am-pm .field{width:44px;padding:0 0 4px 4px;text-align: center;} .form-panel .select-station .am-pm .field label{padding:4px 1px 2px 2px;} .select-station .am-pm .field input.radio {float:none;display:inline;margin-top: 10px;/* See ie7.css and ie6.css */} .select-station-first .am-pm .field input.radio {margin-top: 6px;/* See ie7.css and ie6.css */} .select-station-last{border-top:1px solid #c5c5c5;margin:0 -20px;padding:5px 20px;} .select-station-last button.b-y{clear:both;} .my-account-timetable .two-field .field .wide{width:170px;} .my-account .form-panel input.short{width:145px;} .form-panel .select-station .valid{margin:0;padding:0;} .form-panel .select-station .input-border, .form-panel .select-station .select-border{padding:3px;} .my-account input.text{outline-width:0;} /* JOURNEYS */ .my-account-favourite h3{padding-bottom:0.7em;} .my-account-favourite h3.tooltip-container{padding:0;} .my-account-favourite a.delete, .my-account-timetable a.delete{margin-top:5px;} .my-account-favourite a.delete .sprite-main, .my-account-timetable a.delete .sprite-main{background-position: -686px 0px;} .my-account-favourite .route{border-bottom:1px solid #c5c5c5;} .my-account-favourite .saved .route{border:none;} .saved table ul.arrowlinklist-dark{margin-left:-2px;} .saved table ul.arrowlinklist-dark li{margin-left:0;} /* POCKET TIMETABLE */ .my-account-timetable ul{margin:10px 0 0;padding-top:1em;border-top:1px solid #dbdbdb} .my-account-timetable li{margin:0 0 1em;padding:0 0 1em;list-style:none;border-bottom:1px solid #dbdbdb} .my-account-timetable li h4{padding:0;font-family:Arial, Helvetica, sans-serif;font-size:1em;color:#2B2B2B;} .my-account-timetable ul.arrowlinklist-dark{border-top:0;padding-top:0;} .my-account-timetable ul.arrowlinklist-dark li{border-bottom:none;padding-bottom:0;margin-left:0;} .my-account-timetable ul.arrowlinklist-dark li.first{padding-left:0} .my-account-timetable h3{padding-bottom:0.7em} /* SITE PREFERENCES */ .my-account-prefs .b10-p{padding-bottom:30px;} .my-account-prefs fieldset.margin{margin-top:1em;} .my-account-prefs button.button-margin-top{margin-top:15px;} /* PERSONAL DETAILS */ .my-account-details .padding{padding-top:10px;} .my-account-details .field select{width:202px;} .my-account-details .field label{padding-top:0;} /* --------------------------------------- 20.1 REGISTER PAGE ---------------------------------------------------*/ .sign-in-header{background:url(../images/icon-person-signedin.png) top right no-repeat;padding:10px 0;margin:5px 0;} .sign-in .checkfield input{float:left;margin:0;} .sign-in .checkfield label{padding-left:24px;} .sign-in .invalid{margin-right:0;} .sign-in input.text{font-size:0.94em;width:158px;} .sign-in .field p{padding:5px 0 0.5em 0;clear:left;} .sign-in button{margin-bottom:0.5em;} .sign-in label{color:#333;} /* --------------------------------------- 20.2 POCKET TIMETABLE ---------------------------------------------------*/ .pocket-timetable .from label{float:left;width:40px;padding:3px 10px 0 0;} .pocket-timetable .to label{float:left;width:40px;padding:3px 10px 0 0;} .pocket-timetable .from a.arrowlink-dark, .pocket-timetable .to a.arrowlink-dark{display:block;clear:both;margin:0 0 0 50px;font-weight:normal;text-decoration:underline;font-size:0.94em;color:#003366;} .pocket-timetable .morefrom label, .pocket-timetable .moreto label{visibility:hidden;} .pocket-timetable .from .remove-station, .pocket-timetable .to .remove-station{padding:0;font-size:0.94em;padding:3px 0 0 5px;display:none;} .pocket-timetable .from .morefrom .remove-station, .pocket-timetable .to .moreto .remove-station{display:block;} .pocket-timetable .search-closed{background:url(../images/bg-advanced-search-closed.gif) left top no-repeat;min-height:67px;} .pocket-timetable .search-open{background:url(../images/bg-advanced-search-open.gif) left top no-repeat;min-height:225px;} .pocket-timetable .advanced-search{margin:10px -10px 0 -10px;padding:5px 10px;} .pocket-timetable .advanced-search ul.sublinks a{color:#404040;} .jq .pocket-timetable .search-closed .advanced-search-f{display:none;} .pocket-timetable .advanced-search-f{padding:0 0 0 10px;width:435px} .pocket-timetable .advanced-search-route fieldset input.txtCallingStn{width:115px} .page .pocket-timetable .advanced-search a.delete{color:#404040;} .pocket-timetable input, .pocket-timetable select{font-size:1em;} .pocket-timetable .form-panel input.split-date{float:left;} .date-field a.date-picker-control{margin-right:0;} .page .date-field .valid{padding-right:0;} .pocket-timetable input.year{position:static;left:0;} .pocket-timetable .w3em {vertical-align:middle;} .pocket-timetable .advanced-search-route{float:none;padding-left:9px} .pocket-timetable .advanced-search-route .invalid{margin-right:0;} .pocket-timetable .advanced-search-route fieldset{float:none;} .pocket-timetable .advanced-search-route fieldset .float-left{margin:0 10px 0 0;} .pocket-timetable .advanced-search-route fieldset input{width:174px;} .pocket-timetable .advanced-search-route fieldset button{float:right;} .pocket-timetable .advanced-search select{width:auto;} .pocket-timetable .advanced-search-o fieldset .float-left{margin:0 10px 0 0;} .pocket-timetable .advanced-search-o label{float:left;width:auto;padding:6px 10px 0 0;} .pocket-timetable .advanced-search .checkfield label{padding:2px 1px 2px 5px;} .pocket-timetable .reduceLondon{margin-right:21px;} .page .calling-points{padding:0 0 5px 0;} /* -------------------------------------------------------- 20.4 SEASON TICKET COSTS -------------------------------------------------- */ .costs{margin-top:1.5em;} .costs.first{margin:0;} .costs h2{color:#404040;margin-bottom:0;font-size:1.6em;} .costs .padding{padding-bottom:0;} .costs-content{position:relative;width:100%;min-height:174px;} .costs .content-item{width:420px;padding-top:0;} .costs .content-item table{margin:0;border:0 !important;border-collapse:separate;} .costs .content-item table th, .costs .content-item table td{text-align:left;padding:6px 12px 6px 20px;font-size:1.1em;} .costs .content-item table th{color:#404040;} .costs .more-info{margin:0 0 0 10px;z-index:5;} .costs thead{background-color:#dedede;font-size:1em;} .costs .content-item table th.price, .costs table td.price{font-weight:bold;padding:6px 10px 6px 0;} .costs .content-item table th.price{padding-top:7px;text-align:right;} .costs .content-item td.price{text-align:right;padding-right:150px} .costs table span{display:block;float:left;margin-top:2px;} .costs .tooltip{margin-bottom:-18px;float:left;padding-left:10px} .costs .tooltip a{width:20px;height:28px;} .costs .op-1{position:absolute;top:0;right:-1px;} .costs .op-1 .heading-right{width:176px;} .costs .op-1 .overlay-right{width:206px;} .costs .op-1 .bg{background-color:transparent;width:300px;} .costs .op-1 .padding{padding-left:14px;} .costs .op-1 p{padding-bottom:0;} .costs .op-1 ul li.more{padding:0;} p.info{padding:0.51em 310px 0 0;} /* --------------------------------------- 20.7 SIGN IN NOW ---------------------------------------------------*/ .not-registered-header{padding:10px 0;margin:5px 0;} .not-registered-header h2{font-size:1.8em;} /* --------------------------------------- 9.1 LIVE TRAIN DEPARTURES ------------------------------------------------------*/ a.loz-btn {background:url(../images/bg-sprite-main.png) no-repeat -440px -523px;min-height:15px;display:block;text-decoration:none;padding-left:10px;cursor:pointer;} a.loz-btn span {background:#f7fbfe url(../images/bg-sprite-main.png) no-repeat 100% -523px;min-height:15px;display:block;padding:4px 10px 4px 0;cursor:pointer} .livetrain-section .b8-p h1{float:left;} /*NREOJPTEST-2609*/ .livetrain-section #livetrain-section-detail .b8-p .hc h2, .homepage .box-8 h3{float:left;font-size:1.3em;font-weight:bold;color:#323232;padding:10px 20px 10px 0;/*width:600px;commented out NREOJPTEST-2892*//*added width NREOJPTEST-2609*/} .livetrain-section #livetrain-section-detail .b8-p .hc h2 span, .homepage .box-8 h3 span{color:#323232;position:relative;padding-left:20px;margin-left:5px;} .livetrain-section #livetrain-section-detail .b8-p .hc h2 span .sprite-main, .homepage .box-8 h3 span .sprite-main{ background-position: 0px 0px; left: 0px; margin-top: -13px; position: absolute; top:0.6em; } /* refresh link */ .livetrain-section p.refresh{float:right;width:200px;text-align:center;} .livetrain-section p.prev, #live-departure-board {clear:both} #live-departure-board{margin-top:30px;} .livetrain-section .live-trains{background: transparent url(../images/bg-live-trains.png) no-repeat top left;padding:15px 10px 0 10px;} .livetrain-section .results{background: #e2edf7 url(../images/bg-live-trains-table.png) repeat-y top left;position:relative;z-index:1;} .livetrain-section .results .tbl-cont{padding:0 3px 0 4px;} #live-departure-details .tbl-cont table{border-top:1px solid #c5c5c5;} #live-departure-details .callingpoints table.innertable{width:98%;border-top:none;} #live-departure-details tr.callingpoints table.innertable tr .calling-points {padding-left:1%;width:11%;} #live-departure-details tr.callingpoints td.station{width:44%} .base{background: transparent url(../images/bg-timetable-progress.png) scroll no-repeat bottom left;height:13px;} .livetrain-section h1{color:#242424;font-size:2.12em;} .livetrain-section h1 .sifr-blue{color:#226AB1;} #live-departure-details .base, #live-departure-details .box-8, #livetrain-section-detail .base, #livetrain-section-detail .box-8, #livetrain-section-detail .box-17, #live-departure-details .box-17{margin-bottom:1em;} /*NREOJPTEST-2609 & NREOJPTEST-2709*/ #live-departure-details h2, #livetrain-section-detail h2, #live-departure-board h3.h-results, .homepage .box-8 h3{font-size:1.5em;font-family:Arial,Helvetica,sans-serif;color:#404040;margin-bottom:0;padding-bottom:0;} /*NREOJPTEST-2609 & NREOJPTEST-2709*/ .livetrain-section #livetrain-section-detail .b8-p .hc h2, .homepage .box-8 h3{padding:10px 20px 10px 0;} .homepage .box-8 h3{font-size:1.3em;margin:-10px 0 0;} #live-departure-details .blue-lozenge{font-size:1.2em} #live-departure-details .blue-lozenge span{padding:5px 7px 2px 1px} .key .c1{background:url(../images/bg-ldb-key.png) no-repeat right center;width:46%;margin-right:2%;padding-right:2%} .key .c2{width:47%;padding-left:3%} .key dt{/*color:#770000;*/float:none;font-weight:700;} .key dd{margin:0 0 1em 0;} .key {border-bottom:1px solid #C5C5C5;margin-bottom:10px;} #live-departure-details .b-i h3, #livetrain-section-detail .b-i h2{font-size:1.2em;margin-bottom:15px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;} #live-departure-board h3.h-results{border-top:1px solid #18497a;color:#FFF;background:#0b3f73 url(../images/bg-h-results.gif) repeat-x bottom left;margin:0 3px;padding:6px 0 6px 18px;} .prev a{font-weight:bold;background:url(../images/pagination-prev.png) no-repeat left top;padding-left:30px;display:block;min-height:25px;padding-top:2px;text-decoration:none;} #live-departure-board h3{padding:10px;} #live-departure-details .disruptions{margin:10px 10px 0 10px;position:relative;top:-10px;} #livetrain-section-detail .disruptions{margin:10px 0 15px;clear:both;} #livetrain-section-detail .hc{min-height:45px;} body .departure-detail .live-trains {padding:0 0 0 9px; margin:0; background:transparent url(../images/bg-timetable-grey-l.png) top left no-repeat;/*position:relative;z-index:20;*/} body .departure-detail .valid {padding:0;} body .page .departure-detail button.b-y{margin-right:0;} .depart-time{float:left; margin-right:10px;} .unbold {font-weight:normal;} .delayed .unbold, .slightdelay .unbold{font-weight:bold;} .larger-font {font-size:150%} #livetrain-section-detail .box-17 .two-col-50pc { margin-right:20px; } #live-departure-details.timetable td { vertical-align:middle; } .page .filter .button-margin-top, .page .filter .button-margin-top:focus { margin-top:1.9em; } /* End styles originally in generic.css */ /* Styles originally in ojp.css */ /* -------------------------------------------------------- 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-mid h3 {padding-top:0px} .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;z-index:1000;} .tt-sc-col .journey-planner-submit a.view-summary{display:none;} .journey-details .tt-sc-col .journey-planner-submit{position:static;/*NREOJPTEST-2009*/} .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;display:none;padding-bottom:10px;margin-bottom:10px;} .js .tickets{display:table;} .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;display:none;} .js .ticket-total .total{display:block;} .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:block; clear:both; white-space: nowrap;} .ticket-total button{margin: 10px 0;} .jp-farefind .box-1-vshort .ticket-total .buy-or-view button, .jp-farefind .box-1-vshort .ticket-total .buy-or-view input{margin:0 0 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;} .main .last .calculator .add img.sprite-main {position:relative !important;top:7px;left:-4px;} .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;color:#fff;text-decoration:none;font-size:1.32em;padding:2px 0 3px 30px;margin:10px 0;} .jq .add{display:block;position:relative;} .jq .add .sprite-main{position:absolute;left:0;top:50%;margin-top:-12px;background-position:-140px 0;} /* PASSENGERS - RAILCARDS - TO GO WITH calculatorULATOR */ .jq .rcards{display:none;} .rcards h3{float:left;width:auto;margin:0 2px 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;} .rcards .tooltip.more-info{margin-left:0;} .add:hover, .add:active, add.focus{color:#FFF;} .jq .rcards .card{opacity:0;} /*NREOJPTEST-2103*/ .jq .rcards .more-info, .jq .rcards .more-info a { height:auto; } /* ---------------------------------------------------- 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;} .disruptiondesc.bus{background:url(../images/icon-blue-warning.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, .addinfo h4{color:#404040;font-size:1em;font-weight:bold;font-family:Arial, Helvetica, sans-serif;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:-1.3em;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;margin-right:0px;} .page .container .journey-details .tt-sc h2.blue-lozenge {color:#fff;margin-right:8px;} .page .container .journey-details .tt-sc .blue-lozenge span {padding-right:8px} .journey-details .tt-sc a.back{font-weight:bold;min-height: 25px;color: #003366;padding:6px 0 0 38px;display:block;background: url(../images/icon-search-again.png) 8px 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{max-width:780px;border-top:1px solid #C5C5C5;margin:0;} .journey-details thead tr th{white-space:nowrap;text-align:center;} .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, .journey-details tr th.from,.journey-details tr th.to{text-align:left;} /*.journey-details tr td.changes, .journey-details tr td.platform, .journey-details tr td.alert{text-align:center;}*/ .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} .jp-farefind .box-1-vshort button.b-y-lrg {margin: .5em 1em 1em 2em;} /* .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 .tooltip-bottom li, .journey-details .selected ul.addinfo .tooltip .tooltip-bottom li {background:none;text-align:left;padding-bottom:.5em;float:none;list-style:none;} .journey-details ul.addinfo .tooltip .tooltip-bottom li{padding-left:0;} .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 h3,.journey-details .addinfotip div h3 {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 h3,.journey-details .addinfotip div .tooltip-bottom h3 {background:none;padding: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 h3 span{background-color:#fff;padding-left:5px;margin-left:-5px; } .journey-details .addinfotip div.padding div h3 span{background-color:#fafcff;padding-left:5px;margin-left:-5px; } .journey-details div.sleeper h3{background-position:-19px 0;} .journey-details div.catering h3{background-position:-48px 0;} .journey-details div.cycle h3{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;} /* Changes tooltip */ .changestip .tooltip-top{background:url(../images/tooltips/bg-changestip-t.png) right top no-repeat;width:459px;font-weight:normal;z-index:100;padding-top:8px;} .changestip .tooltip-bottom{background:url(../images/tooltips/bg-changestip-b.png) right bottom no-repeat;padding-bottom:6px;} .changestip .tooltip-bottom .padding{background:url(../images/tooltips/bg-changestip-m.png) right bottom repeat-y;} .changestip .padding{position:relative;top:1px;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;} .changestip .tooltip-tip{width:27px;height:16px;} .changestip .tip-top-left{left:0;} .changestip .tip-top-left .tooltip-tip{background-image:url(../images/tooltips/changestip-t-l.png);left:0;top:-19px;} .changestip .tip-top-right{left:0;} .changestip .tip-top-right .tooltip-tip{background-image:url(../images/tooltips/changestip-t-r.png);right:0;top:-19px;} .changestip .tip-bottom-left{left:0;} .changestip .tip-bottom-left .tooltip-tip{background-image:url(../images/tooltips/changestip-b-l.png);left:0;bottom:-11px;} .changestip .tip-bottom-left{left:0;} .changestip .tip-bottom-right .tooltip-tip{background-image:url(../images/tooltips/changestip-b-r.png);right:0;bottom:-11px;} .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;} .sprite-train{background-position:-433px 0;} .sprite-tube{background-position:-458px 0;} .statustip .tooltip-top{left:70px;top:0;text-align:left;} .statustip .tooltip-flip{top:auto;bottom:0;} .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-left:10px;} .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;position:relative;}/* Duplicate of .popup .timetable .timetable-progress .prog-int a.later */ .journey-planner-times .timetable .timetable-progress .prog-int a.earlier{position:relative;} .journey-planner-times .timetable .tbl-cont{background:#fff;padding:0;} .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-on-time .sprite-main{background-position:-380px 0;} .timetable td .journey-status-late .sprite-main{background-position:-395px 0;} .timetable td .journey-status-disrupted .sprite-main{background-position:-415px 0;} .timetable td .journey-status-bus .sprite-main{background-position:-509px 0;} .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-sprite-main.png) -452px -523px no-repeat;min-height:15px;} .multi-button ul li.first a{background-position:-440px -523px;padding-left:12px;} .multi-button ul li.last a{background-position:100% -523px;padding-right:12px;} .multi-button ul li.disabled-first a{background-position:-440px -547px;color:#2B2B2B} .multi-button ul li.disabled a{background-position:-452px -547px;color:#2B2B2B} .multi-button ul li.disabled-last a{background-position:100% -547px;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:-440px -547px;} .multi-button ul li a:hover, .multi-button ul li a:focus, .multi-button ul li a:active{background-position:-452px -547px;} .multi-button ul li.last a:hover, .multi-button ul li.last a:focus, .multi-button ul li.last a:active{background-position:100% -547px;} .multi-button ul li a.print span.image, .multi-button ul li a.save span.image{position:relative;} .multi-button ul li a.print span.image {background: url(../images/icon-print.png) left center no-repeat} .multi-button ul li a.print span.image .sprite-main, .multi-button ul li a.save span.image .sprite-main{position:absolute;top:50%;margin-top:-5px;left:0;right:auto;} .multi-button ul li a.print span.image .sprite-main{background-position:-42px -12px;} .multi-button ul li a.save span.image .sprite-main{background-position:-53px -12px;} /*NREOJPTEST-2782*/ .multi-button ul li a.save.saved span.image .sprite-main{background-position:-549px -12px;} .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{font-size:1.1em;} .journey-planner-submit button.b-y-lrg span{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;} /* Travelcard buttons - replaces switch class buttons, changed the sliding doors from being on the left to now on the right*/ .journey-planner-times .travelcard-buttons .switch-class, .journey-planner-times .travelcard-buttons .switch-class-first .switch-class-left, .journey-planner-times .travelcard-buttons .switch-class-travelcard .switch-class-left, .journey-planner-times .travelcard-buttons .switch-class-standard .switch-class-left {background-image:url(../images/bg-travelcards-button.png);background-repeat:no-repeat;} .journey-planner-times .travelcard-buttons {clear:left;padding:10px 0 0;height: 35px;} .journey-planner-times .travelcard-buttons .switch-class{float:left;margin:0 10px 0 0;padding-right:0px;} .journey-planner-times .travelcard-buttons .switch-class-first{background-position:-68px -45px;padding-left:25px;} .journey-planner-times .travelcard-buttons .switch-class-travelcard{background-position:-16px -45px;padding-left:42px;} .journey-planner-times .travelcard-buttons .switch-class-standard{background-position:0px -45px;padding-left:6px;} .journey-planner-times .travelcard-buttons .switch-class-left{min-height: 31px; padding: 2px 6px 2px 4px; background-position: right top;} .travelcard-buttons a { display: block; } .journey-planner-times .travelcard-buttons .switch-class a{background-position: 0 .5em; color: #036; font-weight: normal; text-decoration: none; min-width: 14em;} .journey-planner-times .travelcard-buttons .switch-class a.arrowlink-light{background-position: 0 .25em; padding: 0 0 0 16px;} .journey-planner-times .travelcard-buttons .switch-class a span{line-height: 1.1;float:left;padding-top:2px;} .journey-planner-times .travelcard-buttons .switch-class-first a span{width: 9em;} .journey-planner-times .travelcard-buttons .switch-class-travelcard a span{width: 11em;} .journey-planner-times .travelcard-buttons .switch-class-standard a span{width: 12.5em;} .journey-planner-times .travelcard-buttons .switch-class a strong{font-weight: bold; font-size: 1.391em/* 16px */; line-height: 1.8; text-decoration: underline;} /* Oystercard promotion - positioned where the switch class buttons where */ .timetable-progress .oystercard {float:right;font-size:0.9em;colour:#404040;background:url(../images/bg-travelcards-button.png) -123px -45px no-repeat;height: 26px;margin:-1px 19.2em 0 0; padding:3px 0 0 32px;} .timetable-progress .oystercard a {display:inline;text-decoration:underline} .timetable-progress .oystercard a:hover,.timetable-progress .oystercard a:focus,.timetable-progress .oystercard a:active{text-decoration:none;} .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;} /* Other cheap fares reveal box - styles and display */ #other-cheap-fares-reveal{clear:both;padding:10px;margin:10px 0;position:relative;top:-10px;} .js #other-cheap-fares-reveal{display:none;} #other-cheap-fares-reveal h4, #ctf-ocfr h4{padding-bottom: 10px;} #other-cheap-fares-reveal p{padding: 0px 0px 10px;} /* to fix the spacing issue with the reveal box in IE */ .timetable-progress .prog-int-top{margin-top:15px;} /* ----------------------------------------- 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 tr td.fares, .timetable tr.first td.fares, .timetable tr td.return-journey, .timetable tr.first td.return-journey{background-color: #f0f8ff;} .timetable tr td.fares{text-align: left;} .timetable tr.alt td.fares, .timetable tr.alt td.return-journey{background-color: #e7eef5;} .timetable tr.selected td{background-color:#FFFEE2;} .timetable tr td.selected-fare, .timetable tr.first td.selected-fare, .timetable tr.alt td.selected-fare, .timetable tr.first.alt td.selected-fare, .timetable tr.first.selected td.selected-fare, .timetable tr.selected td.fares, .timetable tr.selected td.fares-return{background-color: #fffdc6;} .jq .timetable tr td.show-more-fares, .jq .timetable tr.first td.show-more-fares, .jq .timetable tr.alt td.show-more-fares, .jq .timetable tr td.show-more-fares .more-fares-list{background-color: #fffcb6;} .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:0px;} .journey-summary .multi-button .last{padding-right:0;} .journey-summary .journey-type-outward, .jq .journey-summary .expanded .journey-type-outward{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{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-outward, .journey-summary .journey-type-return{position:relative;padding-left:40px;} .journey-summary .journey-type-outward .c1 .sprite-main, .journey-summary .journey-type-return .c1 .sprite-main{position:absolute;top:12px;left:0;} .jq .journey-summary .journey-type-outward .c1 .sprite-main{background-position:-307px 0;} .jq .journey-summary .journey-type-return .c1 .sprite-main{background-position:-307px -12px;} .jq .journey-summary .expanded .journey-type-outward .c1 .sprite-main{background-position:-336px 0;} .jq .journey-summary .expanded .journey-type-return .c1 .sprite-main{background-position:-336px -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{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.alert a .sprite-bell-ring, .results td.alert label img.sprite-bell-ring{background-position:-206px 0;} /* .journey-summary td.leaving, .journey-summary td.arriving{font-size:1.15em;} NREOJPTEST-1847 */ .journey-summary td a{font-weight:normal;text-decoration:underline;} .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;} .page .operator-price .btnBuyNow button.b-y-lrg span{height:34px;padding-top:0;margin-top:0; line-height:32px;} .page .operator-price .btnBuyNow button.b-y-lrg{overflow:hidden; outline:0;min-height:34px; height:0;} .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;} #ctf-costs .journey-summary-purchase{clear:both;padding:10px 0 0;} #ctf-costs .change-provider{padding:0 10px 0 0;float:left;} #ctf-costs .change-provider a{color:#FFF;} #ctf-costs .more-help{margin-top:0;} #ctf-costs .sub-total{display:none;} .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;margin-top:20px;} .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/travel-card-sprite.jpg) no-repeat right top;padding:0 204px 0 0;margin-bottom:20px;} .seven-day{background-position:right bottom} .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;} /* * Validities work on Jan 2011 by ETW */ .journey-summary p.validities { line-height:2.4em; font-weight:bold; padding:0 1em; } .journey-details .journey-summary tr.alt td { background-color:#fff; } .journey-details .journey-summary tr.alt:hover td { background-color:#fffee2; } .journey-summary .timetable-progress { padding:0; } .journey-summary .timetable-progress .prog-int-top { margin-top:0px; } .journey-summary .timetable-progress .prog-int-bottom, .journey-summary p.validities { border-top:1px solid #adadad; } /* End styles originally in ojp.css */ /* Styles originally in cff.css */ .farefind{margin-top:0;border:0} .ff-search .b3-m{background-color:#525252;} .farefind .box-3{margin:0;padding:0;} .content .farefind .b3-m .b3-p{padding:0;border:0;} .farefind .last .add{padding-left:2px;} .content .farefind .b3-m .ticket-total-padding{padding:10px 14px 4px 14px;position::relative;} .farefind ol{padding:0;margin:0;} .farefind li{list-style-type:none;margin:0;} .farefind .overlay{background:#525252 url(../images/bg-farefind.gif) repeat-x left top;z-index:50;position:relative} /* if wanting to change z-index talk to Julia */ .farefind .overlay .box-22 .b22-m{padding-left:0;} .farefind .ff-padding{padding: 0 10px 20px 60px;} .content .farefind .b3-m .ticket-total-padding .fares-terms {position:absolute;width:270px;} .farefind li.split-row-1{width:350px;float:left;z-index:30;position:relative}/* if wanting to change z-index talk to Julia */ .farefind li.split-row-2{width:430px;float:right;z-index:20;position:relative}/* if wanting to change z-index talk to Julia */ .farefind .split-row-2 .ff-padding{background:url(../images/bg-box-arrow.gif) no-repeat 0 31px;padding-left:100px} .farefind .last{background:#FFF;clear:both;/*margin:0 0 0 -1px;width:780px;*/ } /* NREOJPTEST-1970*/ .farefind .last .box-3{width:386px;float:right;border:1px solid transparent;-webkit-border-radius: 0 0 6px 6px;-moz-border-radius: 0 0 6px 6px;border-radius: 0 0 6px 6px;border-top: 0 none;} .farefind .last .information{width:390px;float:left;background:#FFF;color:#404040;} .farefind .last .information .padding{padding:10px 10px 10px 0;} .farefind .information h3{color:#404040;font-size:0.94em;font-weight:bold;font-family:Arial, Helvetica, sans-serif;} .farefind .information p{font-size:0.94em;} .farefind h2{margin:0 0 0 -60px;padding:18px 14px 10px 60px;background-repeat:no-repeat;background-image:url(../images/bg-farefind-steps-sprite.png);} .ff-results h2{background:none;margin:0 0 15px 0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:1.32em;} .ff-results .search-again{font-size:1em;font-weight:bold;margin-bottom:10px;} .ff-results .search-again a{text-decoration:none;color:#fff;background:url(../images/icon-search-again.png) no-repeat left top;padding:3px 0 15px 30px;display:block;} .farefind .step-1{background-position:0 0;} .farefind .step-2{background-position: 0 -111px;} .farefind .step-3{background-position: 0 -223px;} .farefind .step-4{background-position: 0 -335px;} .farefind .step-5{background-position: 0 -445px;} .farefind .input-border{-moz-border-radius:4px;-webkit-border-radius:4px;display:block;padding:3px;float:left;} .farefind .valid-large, .farefind .invalid-large{margin:0 2px 0 0;} .farefind .valid-large input, .farefind .invalid-large input{font-size:1.3em;width:215px;} .farefind .valid-large label, .farefind .invalid-large label{float:left;font-size:1.55em;padding-top:5px;margin-right:6px;} .farefind .ff-padding .b-y-lrg.margin-left{margin-left:6px;} .farefind .invalid label, .farefind .invalid-large label{color:#fff;} .farefind .row label{float:left;margin-top:5px;display:block;margin-right:4px;} .ff-search form button.margin-left{margin-left:25px;width:auto;} /*.ff-search form .margin-left{width:235px;}*/ .farefind .text{width:150px;} .farefind a.date-picker-control{margin:-2px 0 -14px 0;height:26px;vertical-align:top;} .farefind .checkfield .valid{float:left;} .farefind .margin-left{margin-left:32px;} .farefind .margin-left span{margin-left:3px;} .farefind form .margin-left span{margin-left:0;} .farefind .checkbox-border{float:left;padding:3px;margin:0;} .farefind .checkfield label{padding:2px 2px 2px 25px;float:none;margin:0;} .farefind input.check{float:left;margin:0;} .farefind .arrowlink-light{color:#fff;font-weight:bold;margin-left:5px;} .farefind .arrowlink-light:hover, .farefind .arrowlink-light:focus, .farefind .arrowlink-light:active{color:#fff;} .page .farefind button.b-y-lrg span{text-transform:none} .farefind .operators{width:auto;float:left;} .farefind .operators div.TOC{float:left;background:none;margin-left:30px;padding:0;/*position:relative; - JG 20/11 for z-index reasons*/} .farefind .operators div.first{margin-left:0;} .farefind .operators div.TOC span.title{display:block;padding:0;min-height:76px;text-align:center;font-size:1.4em;} .farefind .operators div.TOC img{border:2px solid transparent;} .farefind .operators div.TOC input{position:absolute;z-index:10;left:-3px;top:0;width:20px;} .jq .farefind .operators div.TOC input{left:-500em;top:auto;} .farefind .operators div.active img.operator{border:2px solid #ffda4c;} .farefind .operators label{cursor:pointer;} .ff-results .ff-results-operators form{float:left;width:100%;} .ff-results .operators div.TOC{margin-left:12px;} .ff-results .operators div.first{margin-left:0;} .page .ff-results-operators .b-y-lrg{margin-top:25px;float:right;} /* operators price button*/ .farefind .price-btn{background:url(../images/bg-farefind-button-top.gif) no-repeat left top;display:block;padding-top:6px;color:#404040;text-decoration:none;font-weight:bold;width:125px;margin:-18px 0 0 13px;position:relative;z-index:2;} .farefind .price-btn .bottom{background:url(../images/bg-farefind-button-bottom.png) no-repeat left bottom;display:block;padding:4px 16px 5px 16px;} .farefind .price-text{.3;float:left;display:block;margin-right:5px;} .farefind .price{display:inline;font-size:1.32em;font-weight:bold;} .farefind .active .price-btn{background:url(../images/bg-farefind-button-top-on.png) no-repeat left top;display:block;padding-top:6px;color:#404040;text-decoration:none;font-weight:bold;margin:-18px 0 0 13px;position:relative;z-index:2;width:125px;} .farefind .active .price-btn .bottom{background:url(../images/bg-farefind-button-bottom-on.png) no-repeat left bottom;display:block;padding:4px 16px 5px 16px;} .specific-time .field{margin-bottom:5px;} .specific-time input{width:2em;margin-bottom:5px} .specific-time label{float:left;width:auto;padding:4px 5px;} /* Tooltips */ .operators .tooltip .tooltip-top{background:url(../images/tooltips/bg-tooltip-t-farefind.png) right top no-repeat;width:297px;padding-top:8px;font-weight:normal;z-index:100;} .operators .tooltip .tooltip-bottom{background:url(../images/tooltips/bg-tooltip-b-farefind.png) right bottom no-repeat;min-height:70px;} .operators .tooltip .padding p{text-indent:0;background:#FFF;} .operators .tooltip .padding{position:relative;top:5px;padding:0 16px 0 28px;margin:0 0 0 12px;background:url(../images/icon-op-all-tooltip.gif) no-repeat 0 0;} .operators .tooltip .padding p{text-indent:0;background:#FFF;padding:0;} .operators .tooltip-tip{width:29px;height:17px;} .operators .tip-top-left{left:0;} .operators .tip-top-left .tooltip-tip{background-image:url(../images/tooltips/facilitiestip-t-l.png);left:0;top:-18px;} .operators .tip-top-right{left:0;} .operators .tip-top-right .tooltip-tip{background-image:url(../images/tooltips/facilitiestip-t-r.png);right:0;top:-18px;} .operators .tip-bottom-left{left:0;} .operators .tip-bottom-left .tooltip-tip{background-image:url(../images/tooltips/facilitiestip-b-l.png);left:0;bottom:-11px;} .operators .tip-bottom-left{left:0;} .operators .tip-bottom-right .tooltip-tip{background-image:url(../images/tooltips/facilitiestip-b-r.png);right:0;bottom:-11px;} .farefind .disabled .operators div.TOC img{border-color:#a5a5a5;} .farefind .heading-left{text-align:center;font-size:1.6em;} .farefind .heading-left p{padding:2px 0 0;margin:0;} .operators-disabled{background:url(../images/bg-ff-operators.gif) top left repeat-x;padding:10px 50px 50px} .farefind .op-blue .overlay-left, .farefind .op-blue .overlay-right{height:6px} ul.TIMs{width:130px;margin-left:16px;} .operators .TIMs li{float:left;margin:8px 0 0 0;background:url(../images/icon-op-all.gif) no-repeat 0 0;} .operators .TIMs li a{text-indent:-200em;display:block;height:23px;width:27px;position:relative;} .active .TIMs li{background-image:url(../images/icon-op-all-on.gif)} .TIMs li a{background:none;padding:0;margin:0;width:auto;display:block;position:relative;} .TIMs li.direct-service, .operators .direct-service .padding{background-position:0 0;} .TIMs li.reservations, .operators .reservations .padding{background-position:-30px 0;} .TIMs li.first-class, .operators .first-class .padding{background-position:-54px 0;} .TIMs li.restaurant, .operators .restaurant .padding{background-position:-83px 0;} .TIMs li.cafe, .operators .cafe .padding{background-position:-113px 0;} .TIMs li.reservations{width:20px} .TIMs li.first-class{width:28px} .TIMs li.restaurant{width:26px} .TIMs li.trolley, .operators .trolley .padding{background-position:0 -76px;} .TIMs li.laptop, .operators .laptop .padding{background-position:-30px -80px;} .TIMs li.wifi, .operators .wifi .padding{background-position:-54px -80px;} .TIMs li.sleep, .operators .sleep .padding{background-position:-83px -80px;} .TIMs li.comments, .operators .comments .padding{background-position:-113px -80px;} .TIMs li.generic, .operators .generic .padding{background-position:0 -138px;} .TIMs li.laptop{width:20px} .TIMs li.sleep{width:26px} .farefind ol{margin-bottom:-3px;} /* FAREFINDER TIME RANGES (inc SLIDER) */ .farefind .time-range label{float:left;width:160px;margin:0 10px 0 0;padding:2px 0 0 0;} .jq .farefind .time-range label{position:absolute;left:-500em;top:-500em;} .farefind .time-range ul{list-style-type:none;margin:0;width:304px;padding:0 0 10px 0;} .farefind .time-range ul li{float:left;width:45%;text-align:center;margin:0;padding:0;} .farefind .time-range ul li a{display:block;color:#FFF;text-decoration:none;outline:none;} .farefind .time-range ul li a:hover, .farefind .time-range ul li a:focus, .farefind .time-range ul li a:active{text-decoration:underline;} .farefind .time-range ul li.earlier{width:25%;text-align:left;} .farefind .time-range ul li.earlier a{background:url(../images/icon-times-earlier.gif) left top no-repeat;padding:2px 0 5px 25px;} .farefind .time-range ul li.later{float:right;width:25%;text-align:right;} .farefind .time-range ul li.later a{background:url(../images/icon-times-later.gif) right top no-repeat;padding:2px 25px 5px 0;} .farefind .time-range ul li.times{float:right;font-size:1.4em;font-weight:bold;} .farefind .time-range ul.time-labels{margin:0 0 10px 0;font-weight:bold;} .farefind .time-range ul.time-labels li.step1{width:50px;text-align:left;} .farefind .time-range ul.time-labels li.step2{width:67px;text-align:left;} .farefind .time-range ul.time-labels li.step3{width:75px;text-align:center;} .farefind .time-range ul.time-labels li.step4{width:60px;text-align:right;} .farefind .time-range ul.time-labels li.step5{width:50px;text-align:right;float:right;} .farefind .time-range .input-border, .farefind .time-range .select-border{color:#FFF;} .farefind .time-range .invalid-div .input-border, .farefind .time-range .invalid-div .select-border{background-color:#FF0000;} /* when javascript is turned off, make it like a regular error state */ .farefind .time-range .invalid-div{border:none;padding:5px;float:left;margin:0 8px 0 0;padding:0 16px 0 0;} /* when javascript is turned on, change to a border around the slider */ .jq .farefind .time-range .invalid-div{border:2px solid #FF0000;padding:5px;background:none;} .jq .farefind .time-range .invalid-div .select-border{background:none;} .farefind .time-range .field{width:97%;margin-bottom:10px;} .jq .farefind .time-range select{position:absolute;left:-500em;} /*FAREFIND - RESULTS*/ .ff-results li .padding{padding:20px 10px 20px 20px;} .ff-results .box-19{width:370px;float:left;} .farefind table .price{display:table-cell;text-align:right;font-size:0.95em;} .ff-results .box-19 .b19-m .timetable, .ff-results .box-22 .b22-m .timetable{padding:13px 0 0 0;} .content .farefind .timetable{border-right:none;}/*NREOJPTEST-1942*/ .farefind .timetable h3{color:#404040;font-size:1.08em;font-weight:bold;font-family:Arial, Helvetica, sans-serif;border-bottom:1px solid #c5c5c5;padding-bottom:10px;} .farefind .journey-type{background:url(../images/icon-return-small.gif) no-repeat;padding-top: 18px;display:block;float:left;width:28px;height:12px;margin:5px 13px 0 13px;} .farefind .timetable .result{padding:0.5em 1em 0 1em;} .farefind .result .blue-lozenge{margin:-0.3em 1em 0 1.5em;height:23px;} .farefind h3 span{float:left;} .farefind .result .price{margin:-3px 0 0 0.4em;} .farefind .timetable-progress{padding:0;} .farefind .timetable label{float:left;color:#404040;font-size:1.38em;font-weight:bold;;padding:0;} .farefind .timetable table a{font-weight:bold;padding-left:17px;display:block;} .farefind .timetable a label{color:#003366;font-size:1em;font-weight:normal;float:none;} .ff-results .box-22{width:380px;float:left;position:relative;margin:-5px 0 0 -11px;z-index:5;background:#fff; border-color:#9DD2F1;}/*NREOJPTEST-1942*/ .ff-results .prog-int-bottom{border-bottom:1px solid #EFEFEF;} .timetable .train-dates{position:relative;width:370px;margin:0 0 38px -9px} .train-dates th, .train-dates td{padding:11px 9px 11px 9px;} .train-dates th.first, .train-dates td.first{background:url(../images/bg-ff-table-td.gif) left top repeat-y;} .train-dates td{font-weight:bold;font-size:0.94em;vertical-align:middle;} .timetable .train-dates td.price{font-size:1.32em;} .timetable .train-dates tr.selected td{background:#ecf8ff url(../images/bg-selected-gradient.gif) repeat-x left bottom;padding:0;vertical-align:top;} .timetable .train-dates tr th.first, .timetable .train-dates tr td.first{padding:11px 5px 11px 22px;text-align:left;} .timetable .train-dates tr.selected td{padding:0;} .timetable .train-dates tr.selected td div{border-top:3px solid #99d1f4;padding:11px 5px 11px 14px;min-height:19px;} .timetable .train-dates tr.selected td.first{background:url(../images/bg-selected-left.gif) no-repeat left bottom;} .timetable .train-dates tr.selected td.first div{margin:0 0 0 9px;padding-top:14px;} .timetable .train-dates tr td.end{background:url(../images/td-ff-last.gif) right top repeat-y;padding-right:17px;} .timetable .train-dates tr.alt td.end{background:#F5F5F5 url(../images/td-ff-last.gif) right top repeat-y;} .timetable .train-dates tr.selected td.end{background:url(../images/bg-selected-arrow.gif) no-repeat right bottom;} .timetable .train-dates tr.selected td.end div{margin:0;padding:14px 0 0 25px;} .timetable .train-dates tr.rollover td{background-color:#FFFEE2;} .timetable .train-dates tr.rollover td.end{background-color:#FFFEE2;} table.train-times{border-top:1px solid #c5c5c5;} .train-times td{padding:11px 0 11px 13px;font-weight:bold;font-size:0.94em;vertical-align:middle;} .train-times th{padding:1.5em 0 1.5em 13px;} .train-times .first{padding-left:1em;text-align:left;} .train-times .duration{font-weight:normal;} .train-times .changes{text-align:center;} .train-times td span.arrow{padding:5px 0 5px 20px;margin:-5px 0 -5px -13px;} .farefind .timetable .train-times a{font-weight:normal;} .ff-results .last .box-3{width:300px;} /* HIDING/SHOWING LINKS AND HEADINGS */ .farefind .time-range h3, .farefind .specific-time h3{color:#FFF;font-size:1.4em;margin:0 0 10px 0;} .jq .farefind .time-range h3{display: none;} .jq .farefind .specific-time h3{display: none;} /* HIDING / SHOWING SLIDER */ .sliderHide{position:absolute;left:-500em;} /* End styles originally in cff.css */ /* Styles originally in kb.css */ /* -------------------------------------------------------- 8.0 KNOWLEDGE BASE -------------------------------------------------------- */ .header-kb{clear:both;padding:27px 0 10px 0;} .header-kb a.logo{width:auto;float:left;} .logo-kb{color:#757575;font-size:3.3em;width:auto;float:right;} .find-stn-small{width:350px;min-height:97px;margin-top:25px;padding-bottom:27px;background-image:url(../images/bg-find-a-station-small.jpg)} .find-stn-small h2{margin-bottom:5px;} .find-stn-small input{width:258px;} .main-kb{width:100%;} h2.kb-sifr{font-size:2.4em;color:#404040;} .content-kb .c1{width:560px;} .content-kb .c2{width:400px;float:right;} .content-kb .box-32{margin-bottom:25px;} .content-kb .c1 ul.arrowlinklist-dark{margin:0;padding:5px 0 0;} .content-kb .c1 ul.arrowlinklist-dark li{padding:6px 30px 6px 15px;font-size:0.94em;margin:0;} .content-kb .c1 ul.arrowlinklist-dark li.final{font-size:1.1em;padding:17px 30px 20px 15px;} .content-kb .destinations h3{margin-top:0;} .content-kb ul.zebra{margin-left:30px;} .content-kb ul.zebra li{width:40%;float:left;margin-right:3%;} ul.quick-links {list-style-type:none;margin:0;padding:5px 0;width:auto;float:left} ul.quick-links li{display:inline;margin:0 7px;padding:0;border-right:1px solid #868686;font-weight:bold;} ul.quick-links li.last{border-right:none;} ul.quick-links li a{padding:0 20px 0 0;color:#003366;text-decoration:none;} .content-kb span.error {padding:3px 0 3px 3px;} .content-kb .box-12 h2{margin-bottom:8px;} .kb-content h1 em{font-style:normal} .kb-content h1{color:#404040;font-family:Arial,Helvetica,sans-serif;font-size:1.7em;margin-bottom:0.4em;} .kb-content h1.sifr{font-family:Georgia, "Times New Roman", Times, serif;font-size:2.5em;margin:0;color:white;} .kb-content h2{color:#404040;font-family:Arial,Helvetica,sans-serif;font-size:1.1em;font-weight:bold;margin:0.5em 0;} .kb-content h3, .kb-content h4{color:#404040;font-family:Arial,Helvetica,sans-serif;font-size:1em;font-weight:bold;margin:0.5em 0;} .kb-content .op-3 h2, .kb-content .op-3.op-red h3, .kb-content .op-3.op-purple h3, .kb-content .op-3.op-blue h3, .kb-content .op-3.op-grey h3, .kb-content .op-3 .ask-lisa h2{color:#fff;font-size:1.6em;font-weight:normal;margin:0;font-family:Georgia, "Times New Roman", Times, serif} /* images */ .kb-content img.content-image{float:right;border:1px solid #cccccc;} .kb-content img.imgfloatleft{float:left;margin-right:10px} .kb-content img.imgfloatright{float:right;margin-left:10px} /* generic list type */ .kb-content ul{margin:0;padding:0 0 1em;list-style:none;}.kb-content .two-col-50pc ul{padding:0 0 .4em} .kb-content li{background:url(../images/bullet-content-list.gif) no-repeat left 5px;padding:0 0 0.2em 11px;margin:0;} .kb-content .box-5 .two-col-50pc li a, .kb-content ul.arrowlinklist-dark a, .kb-content a.arrowlink-dark, .kb-content a.arrowlink-light { background: url(../images/link-arrow.png) 0 .25em no-repeat; padding: 0 0 0 1.6em; } .kb-content a.arrowlink-light { background-image:url(../images/link-arrow-light-blue.png); } .kb-content ul.arrowlinklist-dark a .sprite-main, .kb-content a.arrowlink-dark .sprite-main, .kb-content a.arrowlink-light .sprite-main {display:none;} /* End styles originally in kb.css */ /* Styles originally in popup.css */ /* -------------------------------------------------------- 6.4 ALERT BOXES - POPUPS -------------------------------------------------- */ /* POPUPS */ .popup{width:648px;text-align:left;float:left;} .popup .popup-padding{padding: 0px 18px;} .popup h2{font-size: 1.65em;} .popup h2.page-title{font-size: 2em;} .popup .container, .popup .header{background-image: none;} .popup .journey-planner-inner, .popup .top-section, .popup .f-links, .popup .content, .popup .content .main{width: auto;} .popup .f-links, .verify {border-top:1px solid #c5c5c5;padding-top:8px;} .popup .f-links ul li{border:0px; float:right;display:block;} .popup .f-links ul li a{padding:0px;} .popup .f-links ul li.prev{float:left;} .popup .f-links ul{width:100%;} .popup .verify {width:612px;} .popup h1.verify{position:absolute;left:-500em;} .popup .tt-sc .blue-lozenge span {line-height: 1.6em;} /* TRAVEL ALERTS - JOURNEY RESULTS*/ /* timetable on popup page */ .popup .timetable th {padding:1em 9px;} .popup td {padding:11px 1px;} .popup .timetable td.alert{padding:11px} .popup .timetable .tbl-cont, .popup .timetable-progress, .popup .timetable-progress-b{background-image:none;padding:0;} .popup .timetable .timetable-progress .prog-int a.later{padding-bottom:10px;} .popup .timetable .timetable-progress .prog-int-top{border-bottom:1px solid #c5c5c5;} .popup .field{padding-bottom:21px; padding-top:7px;} .popup .field ul {list-style-type:none;} .popup .main h1{width:612px;margin:0 0 5px 0;font-size:2em;} .popup .field ul li {margin:0 2em 0 0;float:left;} .popup .field ul li .b-y input{font-size:0.95em;} .popup .field ul li a.arrowlink-light{margin-top:5px; display:block;} .popup .box-14 p{font-weight:bold;padding:0 0 5px 0;} .popup .form-panel div.group{float:left;width:50%;margin:0 0;} .popup .form-panel div.group label{font-size:0.94em;padding-bottom:0;padding-left:4px;} .popup .form-panel div.group .field{padding:0 0 5px 0;} .popup .form-panel div.group select{width:auto;} .popup .form-panel div.group p.send{padding:20px 0 9px 4px;} .popup .f-links ul li.prev a{font-weight:bold;} .popup .timetable.alerts{margin:0;} .popup .alert .tooltip .tooltip-top{left:-221px;background:transparent url(../images/bg-tooltip-t-left.png) 1px top no-repeat;} .popup .alert .tooltip .tooltip-bottom{background:transparent url(../images/bg-tooltip-b-left.png) left bottom no-repeat;} .popup .alert .tooltip .padding{padding:0 26px 0 16px} .popup .box-14 .b14-m .b14-p{padding:3px 15px 0 15px;} .popup .box-14 .b14-m .b14-p li{line-height:1.5em;} /* TRAVEL ALERTS - VERIFY */ .verify td.alert,.verify th.alert{background-color:Transparent;} .verify tr.alt td.alert{background-color:#F5F5F5;} .verify .form-panel label{color:#404040;} .popup .verify .form-panel .field, .popup .verify .form-panel .checkfield {padding-bottom:10px; padding-top:0px;} .verify p a.arrowlink-light{margin-left:8px;} .verify .timetable {margin-bottom:27px;} .verifyemail, .verifypassword {width:229px;} /* TRAVEL ALERTS - EDIT */ .more-options .padding{padding:10px;} .more-options legend{left:0;margin:0;padding:0 0 0 6px;position:relative;text-indent:0;top:0;width:auto;font-size:0.94em;color:#404040} /*.more-options p{font-size:0.94em;color:#404040;font-weight:normal;}*/ .more-options label{display:inline;float:left;} .page .more-options .valid{padding-right:0;} /* TRAVEL ALERTS - JOURNEY PLANNER*/ .popup .journey-planner{background-image: none;padding-bottom: 14px;} .popup .journey-planner-inner .b1-p{background:url(../images/alerts_icon.png) no-repeat 520px 48px} .popup .journey-planner form{width: 480px;} .popup .journey-planner .button-holder{padding-right:90px;position:relative;clear:both} .popup .journey-planner .single, .popup .journey-planner .return{margin-top:0;} .popup .journey-planner label{font-size: 1.07em;font-weight:bold;} .popup .journey-planner input, .popup .journey-planner select{font-size: 0.95em;} .popup .journey-planner ul.actions{margin-left:10px;float:none;display:block;} .popup .journey-planner ul.arrowlinklist-light{margin-left:10px;} .popup .journey-planner ul.arrowlinklist-light li{padding-right: 1.6em;float:left;} .popup .journey-planner ul.arrowlinklist-light li a{padding: 0 0 0 1.1em;color:#fff;font-size:1.1em;} .popup .journey-planner input.station{width:152px;} .popup .journey-planner h1.page-title{font-size:1.6em;font-weight:normal;margin:-5px 0 10px 0;} .popup .journey-planner input, .popup .journey-planner span.day input.day, .popup .journey-planner span.hours input.hours, .popup .journey-planner span.mins input.mins{padding:2px;} .popup .journey-planner select{padding:1px;} .popup .journey-planner .align-1{float: left; min-width: 222px;} .jq .popup .journey-planner .button-holder .fluid{bottom:auto; top: 0;} .jq .popup .journey-planner .return{margin-bottom:13px;} .popup .journey-planner .noleftpad{padding-left:0;} /* for Jonathan */ .popup .journey-planner-inner-textme .b1-p{background: url(../images/bg-phone-text.png) no-repeat 510px 40px;} /* End styles originally in popup.css */ /* Styles originally in slider.css */ /* Slider CSS, style as you please. Note: The png images used for this demo were originally located at http://www.schillmania.com/ Remove the -moz & -khtml styles if you want the css to validate. Change the image paths to suit you installation. */ /* Styles for the horizontal slider */ .fd-slider { position:relative; width:304px; height:27px; padding:0; text-align:center; border:0 none; text-decoration:none; display:block; margin:0 0 5px 0; -moz-user-select:none; -khtml-user-select:none; cursor:pointer; background:url(../images/bg-slider.gif) left top no-repeat; z-index:1; } .fd-slider-inner { position:relative; display:block; z-index:1; height:26px; text-align:left; } .fd-slider-bar { position:absolute; display:block; z-index:2; height:16px; border:0; margin:0; padding:0; overflow:hidden; line-height:4px; top:5px; bottom:none; z-index:5; } /* Styles for the vertical slider */ .fd-slider-vertical { position:relative; border:0 none; text-decoration:none; display:block; width:20px; height:100%; text-align:center; -moz-user-select:none; -khtml-user-select:none cursor:pointer; cursor:hand; } .fd-slider-vertical .fd-slider-inner { display:block; width:18px; height:100%; text-align:left; background:#fcfcfc; border:1px solid #ccc; } .fd-slider-vertical .fd-slider-bar { width:2px; top:10px; bottom:10px; left:8px; right:none; height:auto; } .fd-slider-vertical .fd-slider-handle { cursor:N-resize; } .focused .fd-slider-inner { } /* black handle, no glow */ .fd-slider-handle { position:absolute; display:block; padding:0; border:0 none; margin:0; z-index:3; top:3px; left:0; width:112px; height:22px; outline:0px none; background:transparent url(../images/bg-slider.png) no-repeat center bottom; cursor:W-resize; line-height:22px; font-size:22px; -webkit-user-select: none; -moz-user-select:none; -moz-user-focus:none; -moz-outline:0px none; } .fd-slider-handle:focus { outline:0px none; border:0 none; -moz-user-focus:normal; } button.fd-slider-handle:focus::-moz-focus-inner { border-color: transparent; } /* black handle, glow */ .fd-slider-hover .fd-slider-handle { background:transparent url(../images/bg-slider.png) no-repeat center bottom; } /* blue handle, no glow */ .focused .fd-slider-handle { background:transparent url(../images/bg-slider.png) no-repeat center bottom; } /* blue handle glow */ .focused.fd-slider-hover .fd-slider-handle { background:transparent url(../images/bg-slider.png) no-repeat center bottom; } body.slider-drag-vertical { cursor:N-resize !important; } body.slider-drag-horizontal { cursor:W-resize !important; } .fd_hide_slider_input { display:none; } /* ENHANCEMENTS BY FC */ .amount{ position:absolute; left:-15px; top:-10px; width:50px; height:30px; margin:-20px 0 0 0; padding:0; z-index:10; text-align:center; font-size:1.3em; font-weight:bold; } .upper{ float:right;width:20%; margin:5px -10px 0 0; font-weight:bold; font-size:0.94em; } .lower{ float:left;width:20%; margin:5px 0 0 -10px; font-weight:bold; font-size:0.94em; } /* End styles originally in slider.css */ /* Styles originally in hotels.css */ /* -------------------------------------------------------- 4.0 HOTEL LANDING -------------------------------------------------- */ h1.margin{margin-top:10px;margin-bottom:0;padding-right:400px;} .margin-top{margin-top:10px;} .hotel-offers{padding:18px 18px 5px 18px;background-color:#fff;border:1px solid #fde1ef;} .hotel-offers ul{margin:0;padding:217px 0 0 0;list-style:none;position:relative;} .hotel-offers li{margin:0;padding:0;float:left;margin:0 0 0 7px;width:100px;} .hotel-offers li a{display:block;text-decoration:none;} .hotel-offers li a img{display:block;margin-bottom:5px;} .hotel-offers li a span{text-decoration:underline;font-size:1.1em;} .hotel-offers li a:hover span, .hotel-offers li a:focus span, .hotel-offers li a:active span{text-decoration:none;} .hotel-offers li a .price{font-size:1em;text-decoration:none;color:#e9028c;} .hotel-offers .first{margin-left:0;} .hotel-offers .large{position:absolute;margin:0;top:0;left:0;width:300px;float:none;} .hotel-offers .large .wrapper{position:relative;height:208px;} .hotel-offers .large img{position:absolute;top:0;left:0;} .hotel-offers .large .offer-promo-1{position:absolute;bottom:0;right:-14px;} .hotel-offers .large .offer-promo-1 h2{color:#fff;font-size:1.5em;} .hotel-offers .offer-promo-1 .heading-right{width:226px;} .hotel-offers .offer-promo-1 .overlay-right{width:226px;} .hotel-offers .offer-promo-1 .padding{padding:9px 10px;} .hotel-booking{margin:0;} .hotel-booking h2{margin-bottom:1em;} .box-3 .sifr-yellow{color:#ffe155;} .hotel-booking .b3-m .b3-p {padding-bottom:10px;} .hotel-booking .input-border, .hotel-booking .select-border{padding:3px;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;display:block;float:left;} .hotel-booking input.text, .hotel-booking select{width:170px;font-size:1.3em;color:#404040 !important;} .hotel-booking input.mid{width:160px;} .hotel-booking .disabled{background-color:#333;border:1px solid #a5a5a5;color:#fff !important;font-weight:bold;padding:5px;width:130px;} .hotel-booking .two-field select{width:140px;} .hotel-booking select.small{width:50px;} .hotel-booking label, .hotel-booking .valid label{font-weight:bold;color:#fff;margin-left:3px;} .hotel-booking .two-field .field, .hotel-booking .two-field .valid, .hotel-booking .three-field .field{width:auto;float:left;} .hotel-booking .field{width:auto;} .hotel-booking .three-field{margin-top:1em;} .hotel-booking .field{margin-right:10px;} .hotel-booking .buttons{margin-top:10px;} .hotel-booking .buttons button{float:left;margin-right:40px;} .hotel-booking .buttons .arrowlink-light{color:#fff;float:left;background-position:left 5px;} .hotel-booking .arrowlink-light span{display:block;font-weight:normal;font-size:0.94em;} .style-1{border-top:1px solid #606060;border-bottom:1px solid #606060;border-left:1px solid #606060;} .style-1 th{background-color:#333;padding:15px 0 10px 0;border-bottom:1px solid #606060;color:#fff;font-weight:bold;font-size:1.4em;} .style-1 th, .style-1 td{border-right:1px solid #606060;padding-left:40px;} .style-1 td{font-size:1.1em;padding:3px 0 3px 40px;} .style-1 td .price{color:#e9028c;} .style-1 a{text-decoration:none;color:#050505;} .style-1 a span{text-decoration:underline;} .style-1 a:hover span, .style-1 a:focus span, .style-1 a:active span{text-decoration:none;} .style-1 a .price{text-decoration:none;} .provider{margin-top:-37px;float:right;} .hotel-promo h3 a{color:#e9028c;font-size:0.62em;text-decoration:none;font-weight:bold;font-family:Arial, Helvetica, sans-serif;} .hotel-promo p{float:right;width:355px;margin-top:-20px;position:relative;z-index:2;color:#050505;} .promos{margin:-96px 0 0 0;padding:0 0 0 30px;list-style:none;position:relative;z-index:2;float:left;width:auto;} .promos li{margin:0;padding:0;width:182px;float:left;} .promos li.first{margin:0 20px 0 0;} .promos .copy{padding:5px 8px;} .promos .copy p{float:none;margin:0;padding:0;position:static;width:auto;} .promos img{background:#fff;padding:8px;background:url(../images/bg-promo-frame.png) no-repeat left top;display:block;} .promos .price{color:#e9028c;} /* End styles originally in hotels.css */ /* * Mini CTF patch * Keeping seperate from main styles * reset of rules found in split_signed_out css under #add-fares ID */ .jq .logged-in .journey-planner-homepage .journey-planner-left ul.actions li { padding-right:0px; } .jq .logged-in .journey-planner-homepage .journey-planner-left ul.actions li a { padding-right:11px; /* reduced by 1px for FF4 on OSX */ } .logged-in #first-class-holder { margin-right: 0.5em; margin-left: 10px; } .logged-in #add-fares { margin-left:8px; margin-top:10px; } XX.logged-in #add-fares hr { border:0px; background:none; height:0px; width:100%; clear:both; } .jq .logged-in .journey-planner-homepage #add-fares .b21-m .b21-p { padding-top:1em; padding-left:1em; } .logged-in #add-fares fieldset hr { display:none; } .logged-in #rcards-holder { clear:both; } .logged-in .journey-planner #rcards-holder { clear: none; } .logged-in .journey-planner #rcards { width:28em; } /* NREOJPTEST-1971*/ .logged-in #rcards-holder ul { width:29em; } .logged-in #rcards-holder ul label{ width:24.6em; } /* JP1.1 tweaks */ #jp11 ul.actions { margin-left:1px; } #jp11 ul.jpActions { margin-left:0px; } #jp11 #add-fares , #jp11 .advanced-search-p { margin-left:0px; } #jp11 #rcards { width:11.4em; } #jp11 #rcards-holder ul { width:17em; width:16em; /* mac */ } #jp11 #rcards-holder ul label { width:12em; } #jp11 #add-fares .checkbox-border { margin-top:3px; } #jp11 .advanced-search-p .b21-m .b21-p { padding-right:20px; padding-top:10px; } /* * Alerts - to be merged into main styles by ETW */ /* NRE-6.5-TravelAlerts-Results.shtml + NRE-6.6-TravelAlerts-Verify.shtml */ .popup .sms-alert ul li a.arrowlink-light{margin-top:11px; display:block;} .header-link h1.alerts-header, .header-link h2.alerts-header, .header-link p.alerts-header {float:left; width:auto;} .header-link p {padding: 0.8em 0 0 1em;} .header-link a {font-weight:normal; text-decoration:underline;} .header-link a:hover, .header-link a:focus, .header-link a:active {font-weight:normal; text-decoration:none;} /* NRE-6.6-TravelAlerts-Verify.shtml */ .box-pad {padding: 10px 15px;} .popup .box-17 .b17-m .b17-p {padding: 16px 20px;} .box-mrg-btm {margin-bottom: 15px;} .al-out-col-l {float:left; width:267px;} .al-out-col-r {float:right; width:297px;} .box-17 .box-inside {background-position: 0% 0%; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #e8ecf0; padding: 2px 10px; margin: 4px 0; color:#666; background-image: linear-gradient( center top, #ebedf4 #fff ); background-color: #f3f8fd; background-repeat: repeat; background-attachment: scroll; } .box-17 .box-inside .al-inn-col-l{float:left; width:50px; text-align:right; padding: 7px 0; color:#666;} .box-17 .box-inside .al-inn-col-r{float:right; width:215px; font-size:0.9em; padding: 1px 0; color:#666;} .box-inside .row-single {padding-top:7px;} .al-out-col-l .row-single {padding-top:9px; display:block;} .al-out-col-l .low .checkbox-border {margin: 2px 0 0 0;} .al-out-col-l .low .checkbox-border input {padding:0;} .box-17 .label-h1 {font-size:1.6em; color:#666;} .box-25 .label-h1 {color:#404040;} .box-17 .box-text {padding:9px 0 0 31px; color:#666;} .box-17 .day-names{text-transform:capitalize;} .box-17.al-sms .box-text{background:url(../images/alerts_sms_icon.png) no-repeat 1px 10px;} .box-17.al-twitter .box-text{background:url(../images/alerts_twitter_icon.png) no-repeat 0 10px;} .box-17.al-twitter .alert-al-twitter {vertical-align:middle; padding:0 3px 3px 0;} .box-17.al-email .box-text {background:url(../images/alerts_email_icon.png) no-repeat 0 10px;} .box-17.al-sms .input-border {position:relative;left:-4px;} .box-text-high .box-text {padding:0 0 0 31px; color:#666;} .box-17 .box-text p {padding:0;line-height:1.4em;word-wrap: break-word} .box-17 .al-out-col-l .small {font-size:0.9em; line-height:1.6em;} .box-17 .box-text .important {color:#d00000;} .box-text label {float: left; padding: 7px 5px 2px 0;} .box-17 .al-out-col-l, .verify .box-17 .form-panel .al-out-col-l label {color:#666;} .box-text input.short {width: 135px;} .box-text .invalid {margin: 0; padding: 0;} .box-17 .label-replacer{padding:2px 1px 2px 30px; color:#666;} .popup .verify .form-panel .al-out-col-l .checkfield {padding:0;} .alert-mrg-btm {margin-bottom: 3px;} .alert-twitter {float:left; margin:3px 7px 1px 0;} .popup .error-message { border:1px solid #ddd; margin-bottom:5px; } .popup .box-17 h3 { padding:0 0 0 30px; } .popup .box-17 h3 label { display:inline; padding:0; } .popup .box-17 h3.label-replacer { background:url(../images/icon-tick.png) no-repeat 3px center; } .box-17 .al-out-col-l .small.less-ls, .box-17 .al-out-col-l .small.row-single { line-height: 1.2em; margin-left: 31px; } .popup .box-8 .b8-m .b8-p { min-height:0; } .popup .box-17 .al-out-col-l .field.checkfield .valid, .popup .box-17 .al-out-col-l .field.checkfield .invalid { /* long selector is slow but avoids regression */ /* avoid line wrapping on firefox */ float:none; } #twitter-form { margin:10px 0; padding: 0 16px 0 0; } /* Timetable feature */ .timetable-feature{float:right;width:220px;background:url(../images/img-departure-board5.png) no-repeat 0 0;color:#FFF;padding-bottom:110px;margin-top:.6em} .timetable-feature .feature-body{background:rgba(21,0,61,.85);padding:0 20px 15px 20px;background:url(../images/bg-purple-opaque.png)} .timetable-feature, .timetable-feature .feature-body {-moz-border-radius:7px 7px 0 0;-webkit-border-radius:7px 7px 0 0;-o-border-radius:7px 7px 0 0;border-radius:7px 7px 0 0} .timetable-feature .feature-body h3{margin:0;font-family:georgia,garamond,serif;color:#FFF;font-size:1.7em;font-weight:normal;padding:15px 0 13px 0;} .timetable-feature .feature-body .b-y{font-size:.9em;} .timetable-feature .feature-body .b-y span{padding:4px 16px 2px 0;} .timetable-feature .feature-copy{background:url(../images/icon-clock-larger.png) no-repeat right 2px;padding-right:66px;min-height:65px;font-size:.9em;padding-bottom:15px} /* ------------------------------------------------ 1.1.5 CTF PAGES ----------------------------------------- */ /* There are a lot of URI images in this section TH isn't happy with this solution and we run out of time to get it working in IE6/7 Resprite this data into a traditional method */ /* postcode to postcode search */ #jpo { clear:both; list-style:none; /*margin:20px 0 0;*/ overflow:auto; padding:0; text-align:center; } #jpo li .ctf-title a, #jpo li h2.ctf-title, #sob-r h2{ color:#333; display:block; font-family:Arial, Helvetica, sans-serif; font-size:1em; line-height:1em; overflow:hidden; padding-bottom: 4px; text-decoration:none; font-weight: bold; } #sob-r h2{ font-size:1.3em; margin-bottom:15px } #jpo li span.ctf-arrow{ display:block; text-indent:-9000px; background: url(../images/icon-tofrom-gray.png) center 4px no-repeat; height: 16px; padding:3px 0; } #jpo li.selected span.ctf-arrow{ background: url(../images/icon-tofrom.png) center 1px no-repeat; } #jpo li .ctf-title .ctf-dfp{ display: block; font-size:0.9em; line-height:1.7em; padding-top: 5px; } #jpo li p{ font-size:0.9em; line-height:1.7em; margin:0; padding:5px 0; } #jpo li { background:#FFF url(../images/bg-ctf-jpo-g.png) repeat-x left bottom; background: -webkit-gradient( linear, left bottom, left top, color-stop(0.15, #f1f1f1), color-stop(0.96, #fff) ); background:-moz-linear-gradient(top, #fff, #f1f1f1 96%); border:1px solid #d4d4d4; border-bottom:none; -webkit-border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0; float:left; margin:0 4px 0 0; min-height:90px; padding:10px 0 4px; width:259px; } #jpo li.last{ } #jpo li:hover { background:url(../images/bg-ctf-jpo-hover-g.png) repeat-x left top; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.15, #f1f1f1), color-stop(0.96, #fff) ); background:-moz-linear-gradient(top, #f1f1f1, #fff 96%); } #jpo li.selected, #jpo li.selected:hover { background:#003366 url(../images/bg-ctf-jpo.png) no-repeat 0 0; background: -webkit-gradient( linear, left bottom, left top, color-stop(0.15, #003366), color-stop(0.96, #3371af) ); background:-moz-linear-gradient(top, #3371af, #003366 96%); border:none; color:#FFF; padding-bottom:5px; width:245px } #jpo li.selected h2, #sob-r h2{ color:#FFF; } #jpo .ctf-f, #jpo .ctf-t{ font-size:1.1em; padding:2px 6px; } #jpo .ctf-f{margin-right:4px;} #jpo .ctf-t, #jpo .ctf-f{background:#d4d4d4; -webkit-border-radius:5px; -moz-border-radius:5px;border-radius:5px;} #jpo .selected .ctf-t, #jpo .selected .ctf-f{background:#2b66a3;} /* change the layout for more hSpace */ /* #ctf .main { width:815px; } #ctf .main .padding { padding:7px 0px 7px 10px; } #ctf .additional {float:right;width:141px;} #ctf .additional .ad-placeholder { padding:1px; } #ctf .additional .ad-placeholder .ad-side-2 { margin-left:3px; } #ctf .jp-ff-left, #ctf .jp-acc { width:480px; } #ctf .jp-ff-left { padding-top:20px; } #ctf .jp-acc { margin-bottom:20px; }*/ /* Header */ /* header buttons */ #ctf-h1, .summary-page h1{float:left;font-size:2em;padding-bottom:14px;width:auto} .summary-page h1{padding-bottom:20px;} #ctf-h-nav { background-repeat: no-repeat; background-position: left center; color:#333; float:left; font-size:1.1em; margin-top:7px; padding-left:16px; width:370px; } .summary-page #ctf-h-nav{float:right;width:260px;} #ctf-h-nav li{float:left;list-style:none;margin:0;width:auto;background:url(../images/bg-sprite-main.png) no-repeat;padding:4px 4px 0 0;height:20px;} #ctf-h-nav li.last{margin-right:0;background-position:right -523px;} #ctf-h-nav li.mid{background-position:-440px -523px;padding:4px 0 0 10px;} #ctf-h-nav li.first{background:none;} #ctf-h-nav a, a.edit.ppe { background-repeat: no-repeat; background-position: left center; color:#333; margin:0 8px 0 0; padding:0 0 0 20px; } a.edit.ppe{color:#555;text-decoration:underline;} a.edit.ppe:hover{text-decoration:none;} #ctf-h-nav.std li.last a{border-right: 1px solid #DBDBDB;padding:0 10px 0 20px;margin:4px 8px 4px 0;} #ctf-h-nav li.mid a{border-right:1px solid #dbdbdb;padding:0 10px 0 20px;margin:4px 8px 4px 0;} #ctf-h-nav a.ctf-h-nav-edit, a.edit.ppe { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAMAAACDd7esAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFRQTFRF////f39/gICA7+/vmJiYn5+f5eXlpaWl9fX19PT0np6enJyc5OTk+Pj4urq6rKys6urql5eX8/PzwsLC8PDwkJCQlpaWubm5wMDA29vb8vLy39/f5o13mgAAAEpJREFUeNpiYIAAZjF2XhiThZGRHc5kYuRGMFmlEEwOOJOLE8QUEASJCoEV84FEwQoYJNn4GVk5IcaJi7JJiEBt4RGWZsACAAIMAH46Aemb330kAAAAAElFTkSuQmCC); } #ctf-h-nav a.ctf-h-nav-print { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAMAAABVLlSxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADBQTFRFpaWl39/f1NTU2tramJiY29vb7e3t1dXV7OzsW1tb9/f3l5eXzs7OgICA////r6+viPm+NAAAAEVJREFUeNpUzFsKwDAIRFHTp0064/53W8dAIQeE+6Ea+U6kkZu7X35Xn1327IhGaRHZv7WBR4CwnAmwOtdC/RxyDPITYAA4+gVRfOJeBgAAAABJRU5ErkJggg==); } #ctf-h-nav a.ctf-h-nav-save { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADBQTFRFycnJsrKy9fX10NDQ29vb6Ojoz8/P3Nzcvb291NTUw8PDt7e3+/v7W1tbr6+v////LEcQWgAAAEJJREFUeNpUyEESgDAIBMFNDBAV3P//Nhi52KepgX/CHWciGSQOVWW8gN5R99p2ThGZMz9xl8xmZmOMlvmUXy4BBgDq7wRjfcQScAAAAABJRU5ErkJggg==); background-repeat: no-repeat; } /*NREOJPTEST-2782*/ #ctf-h-nav a.ctf-h-nav-save.saved{background-image:url(../images/icon-saved.png)} #ctf-h-nav a.ctf-h-nav-save-disabled { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAZ0lEQVQYGYVOsQ3AIAyDKr8w8P8nYeAWBtqEGrkgVC/YxnESW2s9HFBrDSkl/xUTjJwzyyAiI/hxX1FKmfbkqtoB5uax9t459fSAbyfYDjYRXP1o9WaegBJfDbGGuX27cQ1DXyB/7w3VykfzgLOdXAAAAABJRU5ErkJggg%3D%3D%0A); text-decoration: none; color: #666; } #ctf-h-nav.std { width:auto; float:none; } #ctf-h-nav.std li { float:right; border:0; background-position:right -523px; } #ctf-h-nav.std li.last{background-position:-440px -523px;padding:4px 0 0 10px;} #ctf-h-nav.std li.first { float:left; padding:0 0 0 20px; background-position:-440px -523px; } #ctf-h-nav li#share, #ctf-h-nav.std li#share, div#share{background-position:-904px -595px;padding:0 0 0 36px;height:24px;margin:0 0 2px 10px;} #ctf-h-nav.std li#share{margin:0 0 0 25px;} #ctf-h-nav li#share.open, div#share.open{background-position:-904px -282px;height:26px;margin-bottom:0;} /*pagination */ #ctf-pagination{float:right;margin:13px 0 0;} #ctf-pagination li{float:left;list-style-type:none;padding:0 3px;margin:0;} #ctf-pagination a{color:#404040;} #ctf-pagination .previous{border-right:1px solid #dbdbdb;font-weight:normal;margin-right:2px;padding-right:5px;} #ctf-pagination .next{border-left:1px solid #dbdbdb;margin-left:2px;padding-left:5px;} #ctf-pagination .next a{background:url(../images/icon-ctf-sprite.gif) no-repeat -746px -4px;padding-right:9px;text-indent:-200em;display:block;} #ctf-pagination .previous a{background:url(../images/icon-ctf-sprite.gif) no-repeat -803px -4px;padding-left:9px;text-indent:-200em;display:block;} .js #ctf-h-nav .ctf-h-nav-print-item { display: block; } /* error msg */ #ctf .error-message { clear:both; margin:10px 0; } /* other cheapest fares reveal */ #ctf-ocfr { clear:both; position: relative; top: 20px;/* Any top margin applied to this element won't move it away from the elements above it, because they're floated. So we use position: relative;, and add a bottom margin to create the necessary space. */ padding: 10px; -moz-border-radius: 6px; border-radius: 6px; border: 1px solid #DDD; background: white; margin:0 10px 32px;/* Margin bottom should be 32px to compensate for #ctf-results{margin-top:32px} in split-home-signed-out.css, plus the value of "top" above, plus any other desired space. */ color:#333; } .js #ctf-ocfr { display:none; } /* CTF Header */ #ctf-header { min-height: 80px;/* Leave enough room for the absolutely-positioned #ctf-so if #ctf-ocfr isn't present (because there are no fares available) */ background: #036 url(../images/bg-ctf-sob-r.png) repeat-x 0 0; background: -webkit-gradient( linear, left bottom, left top, color-stop(0.35, #036), color-stop(0.96, #3371AF) ); background: -moz-linear-gradient(top, #3371AF, #036 60%); -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; clear: both; position: relative; padding: 12px 12px 1px 10px; margin-bottom:-12px; } #ctf .ctf-p2p{ background: #003366; -webkit-border-radius:0 6px 0 0; -moz-border-radius:0 6px 0 0; border-radius:0 6px 0 0; padding:9px 12px 1px 10px; min-height: 55px; } #ctf .ctf-p2p #ctf-so{ top: 9px; margin-top: 0; } #ctf-header, #ctf-header .ctf-title, #ctf-header #jpo li.selected { color:white; } #ctf-header .ctf-title { color: #333; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 1.25em; font-weight: bold; line-height: 1em; overflow: hidden; padding-bottom: 4px; text-decoration: none; color:#fff; font-size: 1.3em; margin-bottom: 10px; } #ctf-header span.ctf-arrow { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAeCAYAAADzXER0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWBJREFUeNrElUtKA0EURVNtWjoxalARZyKOBIduwoEbcOzIRSi4guwgOHEBguBORHDiIIqfgaj4qw7tvXAbiga7XicDCw5VCdz3q1evXVEUrUlX0ppiTSVuB+d50AGp/n8AX00908AK2J4kbHrtgg2wbhWXZc91poE90LOIKfoAXrnmqsOBRUyBA5/gXYa4NsGOJWcvEQ08gTcZPARZTFxeDcXPYCTGYN9S7bzinfs32AWrMXHonec7hU+jR5b2zJX/C/gBr9q3wuLV9bYPrm2sMw0cW8Su8rsI3kBUnAqKZtRxXMOYuC0oXtAdJ6rBaZ04Cwz0wZr6m95PLNVOFeainii934CrOnEmjx15XdY+CwaxDivfclfCJVX3AjzWicPG7yvknrrrPDbDylyzIHw2yNlfsyypGEqVn1OLXoLbJjPM61HcV6sbC9vLO5vhusncntM7HlmHvvu3b9WvAAMA43xTRjtL9ioAAAAASUVORK5CYII=") center center no-repeat; display: inline-block; width:15px; text-indent:-9999px; } /* offers */ #ctf-sob { background: #d7e6f6; background: #003366; -webkit-border-radius:0 6px 0 0; -moz-border-radius:0 6px 0 0; border-radius:0 6px 0 0; overflow:auto; padding:10px 12px 0 10px; } #ctf-sob-r{ background:#003366 url(../images/bg-ctf-sob-r.png) repeat-x 0 0; background: -webkit-gradient( linear, left bottom, left top, color-stop(0.35, #003366), color-stop(0.96, #3371af) ); background:-moz-linear-gradient(top, #3371af, #003366 60%); -webkit-border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0; clear:both; overflow:hidden; padding:12px 12px 0 10px; } #ctf-so { position: absolute; left: 0; top: 1em; z-index:20; list-style:none; margin: 26px 0 0 12px; padding:0; width:561px; } #ctf-so li { background:#FFF url(../images/bg-ctf-so.png) repeat-x left bottom; background: -webkit-gradient( linear, left bottom, left top, color-stop(0.15, #f1f1f1), color-stop(0.96, #fff) ); background:-moz-linear-gradient(top, #FFF, #F1F1F1 96%); -webkit-border-radius:6px 6px; -moz-border-radius:6px 6px; border-radius:6px 6px; float:left; margin:0 10px 6px 0; padding:3px 0 3px 0; width:177px; } #ctf-so li a { color:#333; display:block; float:left; padding-left:45px; text-decoration:none; background-repeat:no-repeat; background-position:10px center; } #ctf-so li a span { float:left; width:48%; margin:0 1% 0 0; cursor:pointer; } #ctf-so li a span.ctf-price { display:block; width:44%; font-size:.9em; text-transform:uppercase; } #ctf-so li a span.ctf-price span{ display:block; width: auto; } #ctf-so li a span span { float:none; width: auto; font-weight:bold; font-size:1.4em; /*text-decoration:underline;*/ } #ctf-so .ctf-oc, #ctf-so .ctf-sc{ font-size:1em; font-weight:normal; text-decoration:underline; } #ctf-so li.ctf-oc-small, #ctf-so li.ctf-sm-small{float:right;padding-bottom:0;padding-top:1px;} #ctf-so li.ctf-oc-small a, #ctf-so li.ctf-sm-small a{padding:4px 0 4px 44px;text-decoration:underline;} #ctf-so li.ctf-oc-small span, #ctf-so li.ctf-sm-small span{width:auto;} #ctf-so li.ctf-oyster, #ctf-so li.ctf-smartcard, #ctf-so li.ctf-alerts{ background:#2964a0; } #ctf-so li.ctf-smartcard{ float:right; } #ctf-so li.ctf-first a { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAY5JREFUeNpi/P//PwMy+P3r3/8oqzlgNiMjE8Oq0ymMDHjA03tfwQZIK3EzsqBLbph1D2wICPz//4+BEJhZcwVMNy0zZ0Ax7NaFD/83LzuP0wVNiUcZ3n19wCDErcAQU6wDFn/w4BGYXtjO/5/lzqWP/58/+Mpw6dhbhoN7T6K4COZCEFjSfRMkwrD6TBrDzqWPwOqTajQZ1k6XAMu7RsgysFQmrYRrRPcWMt89So5hes0bhnT7XQxWHnIMidWaDJw8LIx8gmzgMJNS5GZkQrYdxIZhdJcZ2IowzjzoxpjZYsRw/tBrhkKffWDxf/8QEciioaqL4hpQGHz/9R7DpWun3f2/a+VdhtLJ5gySCtwMzx9AxHkF2RjuXXvDcGTL8/+M6EmjLurk/xu3L8P5yEkDZODFI28YxGQ4GQIzlMHJASS+c9mj/9x8rAxYDbt+6yKcDwxwRgYiAQs2QeSwIgVgNYyYxIoNMOFyGTmuw6kD5DpSDWTCZxCp3sVrNakuY8HnzcEXAVRNGuQCgAADAACYpbmsCie5AAAAAElFTkSuQmCC"); } #ctf-so li.ctf-card a, #ctf-so li.ctf-no-card a { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAaCAYAAACgoey0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAACJlJREFUeNqklttvY1cVxtfeZ5+r7/fYiR0nceJMZjLVTNTL0JZOL3SkVkBFAfHA5QXx2jeQ4C/gmQcQPFCKEH0pah8qQKUzldoJmZnehs50JuPYuduO42scH/vc9mZ5REWhQCls6egcy+fs3157fd/aiwgh4LOOrmkRAEJBCEVm1LBUOXrcHWbIndfy/MZrEw0adkLnv3c7HEveoJQeyITbIUP9BxD7bEAbgUBxBoVR8BFNjbVtmGxdfHkuePWXxVTpckHtt+IhD47fkdIR+cK3BgGfbgogHfzO+8zgMRA3RiJEKBioj1I53jbtKfvirwvpd19Y1LY/KESODrLMhjj4dT385DP9VDHjNurVqm862yAKM3GXhuGPRc0+PUIhCUIUQiW/JyDOhJ2tvbc2H7n4o2J847153/Fx1i9BnPt9vtGjX1G9R75NaCqlZB179s213eVkLLqtRsNtnMfGKd3/CEYgxZtE6Bgo+z1KEsOhme1s3JwPv/LDxbnSpQJ1vSnKIO5NJX185QnFO/8diU9MkLsTCEdVVZLIT7HF/XqzEo2Gq4TQQce0zYih8E+AeyO4C6RMUQWDAP5KjHr93OjOtfmj1d8Vk2s/LSRtPiV0iInZeZ974kEEPkO93ElCPBOo5wEhHFzPo5bl+JNxObe9s3eq08lsxuLBphDE7o7ACWsg7oK7YyDmkDFQuQxBByBptg6nrdL1Bbr622Lo8vNzuSHPgAYxLzFheA8/rIjHvkvdzL2EQA0kp4sCJ8Axg/3+AOrVDmkdNuWlpXQsFbcWtvb2TkajxT1KpD4KbbzdgiFUxjA1qkHQJJCSOwfTrZvvLxhv/mQx8OGV2chWM6P4IeoVIoZ3/9dkcfqLlC8vEQ8jo1YZONKorMCgb0KtfgjbW1VwHA+s0ZBGa7qRTgUmNyoHJ5utqUpqItRwHD7qjojNZAYxm0GmYx7PDFb/WEy88fNifPPGrF6rZjQGEX5iWvdOnZGdRy9Qb/lRjDCAEmmBQTkQ1QAbIZvlXbAcB/b3DmB3uwkrKwUQRBDDF2B+mUZ8ar+wu793Kh7z71ACPdwdl/WHo1P85utnxNrzy6m3L87ptXZaGULEW4jpw3OPMfLIVynPLxOuYTasY8xjC1RVg2bLHJcQFAQBRZOh0+tCJpOC1EQCJicMUFQKnuUQd+BpAc1KNzqdpWZnWJ5I+A8clw/ZYO3lM5EXnjuf7DWKrgkxmo/po8eflcny54iYXiRcD6BILVBtDpqqw3BEoVSqQr3eQKAC3OUwkUpBYSYLVMJ3cIEcRWYNTeC2g3ELKRg1gqH6rZlWLXAqErtnmxLaZpZHIk7/eIIpkBg+/U2feOgChfw8EUxDGTggoVoVhcFhswu1/Q6CLTBHQ6jv9mBpOQvhZAQSST+ouAh35CLUAdsywUPTC6IDtwY08Pqv1Ikrbyc3HvxBsZk7sZ4OKduMT59tVp99ru9bKbhSbglsTADxbCDodVU2wEPx/OXmBnSaPQhHQ7Bf2of07BScvX8SsrkoMNxqipdjuzA2sSMo2kkC3t4FZe0SwBt/AOu4J2mWZyRuvZQYPHAhbQVnAiySzFZqp7+xNcr0sjpxfdSlFIhEbIvD/u7e3TxGQkEYmTYMTQtO3jcH2fwM+A0Glm2hMQA4lTDZOniYK6isg3xtFfjabwAaGDmaB+s531BC3NXzXvzoyHFtl7NAUNu245nbnWaroCZY1HEduVJuEEkBuH59HaZnpuHcA6chGPSBqmuYZw0c3ErLxprPVDwyFCyGfeDb7wF/dw3kSy8CLbfgWAZhoh43aNC15s+NhguPHQ5nH97KB0I7DESXSRQOdD14p1L1VQzfIBMIaHq5UlPiKT85sVSAbDYOaHwIR8KYNw4cbSNQZASNL5wRkNomyG+9BPTSq8DWa+DgOnYN4P1Ayq1E7h2Z+fuOpNNP1XOJSDkX1q4Fw9Fbsix3GPHEUTSsbLVCmdu948pcMskiC0sZmXuELC5OgW7o4OB+oQWAoAI5iwMRaKvyn4Fc/hM4V64C27sNxghEPwx8z8g4b6dWTFF8osvyK/WZzNT2VFAphcLh26qmlbBy7aAWBmzsTjzvDtAS6+Wt6ol2e5BZXJjWuSCKYhhkhN4d5xnkDHBA4I0rIF//PdB3XgXYrYOK1RJU8HaSMfv9yfODw/wj7WD+nlosld3MJUN3gj6trOn6NgrwgAjo4qaZlHKX4VHh2Y44CofkLU1O37at6pwSlyJoRdnDsKmaQKoO0t41gIsvgnT5IpB2HbWLQAbe1lzWKkfuPa6mzzah8Pn9fHqyko2HSuGgsYGFZlempIn6O5KEGI2PRYkKoSlUMEOh3LT5CEEH+dnJ9c3N/gmfeZwxfJqOM8t0c5Ww114F6c6bAPU9QTDFIIPb02H0VurrR93phw7l/JndbDK1kYmFS9FgoMJUZR9blBa2VX2C0sMLXQ1CV8bNC/n7eYyPHhq+Z2h0S1ZC641Gey4XNiP06huMla8Sb31V0EaPj+16GAiNrmS/1O1nVg5oaml7ejJXnkwn7vj9xqbMlBpjpI3mMvG4ugv8OOxftT7jPy3XEfVMJrl+62p5cf7HT6UhV1Dgye8zgi476r1ifpA+1/lw9tlacmpxK59KlmLxeCkQ0Lf9uu8AxdLF1sjkQuCpCvzfAT8a5KMuc2jz8Zt+SaLFg/3qBe1nj38hYu3OdqLL0vV+rFOa/XI1mDu1OZsKllLxxAbaa0dRaINyciRROsJvXSyS3LgL/PTxMTCWcxAyPiZQeWc/XL30eX7tF3M7epH3557eP5kJl9LJcCUQDu2pEmtiD9aXCApGCHwdxH8L/AT4o6jxphFCJo5sKJQOraTiDZyU4TUCgXANj782fjDAFY4bt3H+OPyPg/xzQ/83uIqV3981XZVw7mkqHSkSHeLbLhXU0xQi4P8cfxVgAF6CIKmJ8FAlAAAAAElFTkSuQmCC"); } #ctf-so li.ctf-no-card a { padding-left: 35px; background-position: 3px center; } #ctf-so li.ctf-no-card a span { width: 77px; margin:0 1px 0 0; } #ctf-so li.ctf-no-card a span.ctf-price { width: 62px; margin:0; float: right; } #ctf-so li.ctf-oyster a { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAZCAYAAAAv3j5gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABTFJREFUeNqkVglMFFcY/mb2Zm8OWbxBFIpKQWypwVKIBiXVVpvSw9hGq8amqRY1WmtrLDamHmkaa5tIozZRUUttTRqijW01FFzQekWx68oh6+ICy3KtLLizx/QfGOxCqEaY5GXeMe99//f9xxsJRvawKampUt/krUk98nkLoEq4hwcXvUN9KBkmACPsHZvypvpO55yFPR75HjCSV8GquuW8/WrgoStI6/xIgAQANjc3Vz4rb1dSeWXYNvDydZDJJtGSBgw7PsDGXIT7QtNgIOZpQJLT0qQdK3aP+i0v+e14vf7d01fciYtW/iwDF+g7luG9CHLHJT1lmwKOX9poJvA0jHplit7wjaZuzuc5nbrEL75zapbUqKRjP50eJp09Ox5H/rwLtHcDUqkUPGPiWaNtsqn9dpur6ZGEkifJlPjGMoXrvaJpnrisLVCH56PKnoyoCFWVFUzXaOD9SUqMijTgtLme7O89MwyMLLLNH16BjorWJwExcSRT+6qjJtfMZasRHVOA263ZOFlqRPYLLBRkgxyoaACU44F1yQa4gwpUnrPSvIyhwIgAr2RfmhVbaau+wglgzFAssHKnBjPfmY/wiA9x5voMKDUqtHcyUCmAybFAfLjok177UfsyMJG6MfOK4bQ0ErqCR9BvB9/+cTx7+FRNTQ3HhgLoMnLl+NqSjqy1h2A0FeLAuQwCCUN9Qx9I3MSBIMJDrsk0C9YBm1bMFOUjAqxkDFj9R/K4pRME5Zh+Z6OgdBwmpKyBUv0W6jpMuGHtO1wInKhIIC1uYJzyISYqgXMLgSzqGnOK0Xm7meakmJoyrufW3Xv7kv0HCiRpi/Pkjfm/z8foKd/CGXgFV616XPuHgbsLSCRjpicBCcQiKB7azyZUdLKlnuaXjwJKLjTCXu2EpWwVZj03RvbX302G5pZACbshb7ERRu3rYGXPouqOTB1BXk57BjDRrueJhYFE8YWwYAalojguvd833PYBydfCYe2uSqzbUcbZrtbWdzobA5Kqqip2eV4mzN6o2VAadT4PBUkmAcSO+y/dmMckQD8opedrqUReq8TuEzf5upu21pZWx/F4hXlnm/1XB2u1Wv22/XsugWs+izFqDqkUVQ+GOIwfAiS0rwEs9JVBEfCgy/VHlOz6ao1j15c11hJKAviEPGIbGhr4NXOntJuRkAGpLHyAowe/QwFUIUWGD/qmGt0WXKnYe9O8d1+t5Ww1x3nJ0ejpB4LX64W7rtbDZOboPGwEicxIB7BhBrGjXdkUI/Xe3vAOwud1RbN3T0Qf27ljy8aNZrvd3kErHmoPqfmFXY8qg9PpDK6ZEeMqV6emQ6aIpkOZocDGUiXQkkw36mhQ3eWHzl1ZwJ3afmn9kuLy8+cb/X5/PwtO5MuHiiLkm0KtVuumHTy/9GIwdRskUu0AmQwgFwL3KfFhJ2Mjmfr8yGuHyrfmn7p8+XJbX+pC4CjEaFBsQ95HvM/nQ4bE3XwrLnsapGGxYBhGSMbpFB8B2tZsIRW6OdeCKbbDM4o3fHbgk/VlDoejXZQpFIR/7LUssNJqtZGLjpYsRdHDJpzheZyl9r2Px1cdnYafbCc3b948V6lUEjQo0aAT9ogGM091PQuB+mJmZiyK7hfhxyCHQl83jrWUbi8szNPpdPG0bqKmF2NOKho4rH8BueCRFft/yMKRewepn5ienp4kFGehlPXVa8hEAGYkfzYCK6VerzcmJCTQ1YYoEUAtGjEsAOb/blYRUCI6NhASSfxwpXrcfGg140ci078CDACmP+Qhj8KDVQAAAABJRU5ErkJggg=="); color:#FFF; } #ctf-so li.ctf-smartcard a { background: url("../images/icon-ctf-sprite.gif") no-repeat -947px 2px; color:#FFF; } #ctf-so li.ctf-smartcard.ctf-sm-small a { background: url("../images/icon-ctf-sprite.gif") no-repeat -947px -1px; color:#FFF; } #ctf-so li.ctf-alerts { float:right; margin-bottom:0; padding-top: 1px; padding-bottom: 0; } #ctf-so li.ctf-alerts a img.sprite-bell-ring { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAXCAYAAAAYyi9XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABBRJREFUeNqsll1sFFUUx++9s7Msu+y2KVZL6dZPyka30W4bkkL9YA08VE3TVlvsg2BifeLBxGhIVKLyAEoI4ZXAE/HjgcQH+qDGBy2ERqIlqZIU2aak0uJHQwRq3Z2dnfF/Zs60l8kWIfEmv87tnTv3f86595y7Utx5kxqKxxzgagjXdfV5QVuaE8GE/1aSMhA0mIgmWGEczTDFSBZyAtQKHsgqHpHIKrB6YGDgWH9///voJ+h/Hjc1Y6j/CHhDe+cZoEJiwQeBJ0obW8WLJ1sfsgZN03wO/RqQAnEQ0xaPMnvAxzxGayjJIVUhET3uiKiMsNiafD7/fGtm7ZF7aspiomD+iHeubds/z8/PfzY6Onoe61F4T4EP2IkvwVbwA7AiWsgMtuoMeAec5rjT+1hfX9/+9Dr5Yi5zI9m+YUZkmv4Wblm1C0uJ8V9qOg6dangU814CZXAFHAdPgZNgCIyTTiQUyh5wP7gIPgLXwSF4tXXblsVXh/um4TOm26CsBJ0l+jf3wIJ4uKF+UzabpX0rgH3gJ/AYOAd6q+0h9Z8EX4F/wA6eHEXIzPq1RfTgsOEsH3gv6NJ75poXRGNj42Y2/CbPSAbpEjxV6DRmwRx7nGJBA/ti4C9maykEIdfBJ0yuaVEkEolN/O12cIO3h8ZmAvNUKOWuax5TI4sVBJWfTRiu4JOKDKFEc8oSdUmzgwWpUdo0sPgnQa4qLTHpeRb0c582+z321F8YB0TYPi49SdxeFu1Il9ZxlL4Bn3O6fAq+rSZYYUtIYCfYy/uZ9AUx1TI8UZeEy4T0DSj7Xnfh8KAo7EGqmNJvE+BtUAY2cFSoRM2D3RyOjeAgHXEkecrzZEnMYEHG9ncgU18U+Rarvbu7+zVOMSNU2lylJbhNiQm+AK1gOkj82tra/Mb1ixAzlrz0xVjYXa7TQ09cE48/mHirp6fnzZaWljqtnnpHTVFhpmpB7rLbFpgC0/QunU7XNTcYz2TuQ6aUWMzi8JKYI285dXHTER9umxOvd1m729rajoSK+FLVDyyoaH2qf7Kzs/PA0JY/kp5YRduzKmKLGJv5Kyom/4yJ8dm4QP5e0NYTuqAu6rBVbm9v73A+W3w2h3B6Htm+4OTV1V4Yac9o4a8vpcTla8bVm0UxWywWz5VKpYmpqfPfFQqF33mrnGqCIiTuwMLLF+diVw6MpJsuzEYnHcdZoAsWC16Kx+NPn9jxK6WB+L5QOjoyMnKYK1SJ62mZxW4RlCvc7MH9Fw3dZwFReP9u1wbxCn1w8vRvL4yNjY2zoKVdyE7oV8GKTb9w45yLKaYW1IP1g4ODY8O7XqaF7uV3Me2Kkyv9TrmT3zAyNKZf0q4WOpu9u+2id9tkKLyiSvj+V0ER8liEr6DbtX8FGABTOIk4uZWAlQAAAABJRU5ErkJggg==") 0 0; float:left; display:block; } #ctf-so li.ctf-alerts a { color:#FFF; /*padding:4px 0 4px 47px;*/ padding:1px 0px 1px 3px; text-decoration:underline; width:177px; } #ctf-so li.ctf-alerts a span{width:auto;display:block;padding:2px 0 2px 5px;} #ctf-so li.ctf-min{ float:left; min-height:37px; } #ctf-so li.ctf-min a{ padding:8px 0 11px 40px; } #ctf-so li.ctf-alerts.ctf-min a{padding:8px 0 11px 3px;} #ctf-so li.ctf-standard a { padding-left:5px; } /* button */ #ctf-cf { float:right; width: 175px; position: relative; z-index:20; } #ctf-cf button{ margin-bottom:4px; /*min-width:170px;*/ font-size:1em; } #ctf-cf button span{ font-weight:bold; text-transform:none; } #ctf-cf p { text-align:center; padding:0; color:#FFF; clear:left; } #ctf-cf p a { color:#FFF; font-size:90%; } /* CTF P2P Header */ /* results etc */ #ctf div.ctf-bar { background: #EFEFEF; padding-top: 7px; } #ctf div.ctf-bar .ctf-earlier a, #ctf div.ctf-bar .ctf-later a { background: url(../images/icon-arrow-up-greybg.gif) no-repeat top left; display: inline-block; font-size: 1.1em; font-weight: bold; margin-left: 10px; padding: 2px 0 9px 30px; text-decoration: none; } #ctf div.after .ctf-later a { background-image: url(../images/icon-arrow-down-greybg.gif); margin-left: 10px; } #ctf h3.ctf-h3 { background-color:#d7e6f6; background-color:#003366; color:#fff; font-family:arial; font-size:1.3em; font-weight:bold; line-height:40px; min-height:40px; position:relative; z-index:10px; } #ctf h3.outward.ctf-h3 { padding-left:70px; background:#003366 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAVCAMAAAAHMYwRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJBQTFRFADNmy9Xg////wM3ZQGaMytXfgJmzEEBw4ObsMFmDcI2p8PP2kKa8IE15UHOW0NnjYICgsMDQoLPGXH2dEUFworXHyNPex9LdT3KVFkVzGUd1nLDEydTftcTTpLbIJlF9SW2SYoGhVHaYeJOuw8/bFURzp7nKfpiyN1+HRmuQhZ22BTdpmq7CE0JxDj5ulqvAJS9BVAAAASRJREFUeNrM0Ud2xCAMAFAhegdPS++93v92EZ4M85zynGW0kI38EQYA9rFcDOuTzc1m9fgGs3F0uZKSMfZy8TqPl1fvjLA8Tofz+Pnh/rR1PlvczuODpzVRJu+uzyd11kO2lSche2JSbqnsle/R6wBSTmvyK9nT/xA6/hFajmhKH4WflUBqaUyxDndW8d9pQU1vwUCwtIA1nhPmBZyy1RsFpfpgs+e4ayNQc9HykAWKhBVM4VUo1Mo74WvKjZotjSNtM2sIxlvUOqmKggr0ERzRhJZoMcDTJ3U5Jxw4cD8EoqotRoy2lbPQzgfgAdRII9LfoANM1KtRoEElCjEjIh2RQz8gZQ4506QIAY3B1GjBcVvtCsT4iONNRNsPKIp+Sa34IcAAt+cMGjx0f9wAAAAASUVORK5CYII=") no-repeat 10px 10px; } #ctf h3.return.ctf-h3 { padding-left:70px; background:#003366 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAVCAMAAAAHMYwRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJBQTFRFADNmy9Xg////QGaMgJmzytXfwM3ZYICg4ObsIE15EEBwMFmDoLPG8PP2sMDQ0NnjkKa8cI2pUHOWXH2dEUFwx9LdorXHyNPeRmuQw8/bBTdplqvAmq7CtcTTVHaYfpiyN1+HYoGhp7nKSW2ST3KVFURzDj5uJlF9hZ22nLDEGUd1FkVzydTfeJOupLbIE0JxkyCZkAAAAPBJREFUeNrMkdd2wyAQRMfLwtKR5Jbu9F7+/+8iOceR5djROXnKvMDCZZgFAFDUygq+5CMOSxEQIrm++hVFoAApRRDJBANUEoyxzDHFAcpc2YKGRFIQUt1Zw4pyzVQ3pLZRYygDsTWxVcttUAe2QKmHAYQEuTCzbKEAm262kzUnJ8mhVIF86+ftYdSn7DMl65HIWbL7XXu57sF824by+Iea7EgPx+9S96ie7Jfe7AFa96T+gW2tDLI8vF2vt5aPt+PB76bvndn56vJkHH5pnnR38+nFbBz+uDlbd7y4eh6H748W8+P56zJOZ3/8gU8BBgBe+AnVMFeVugAAAABJRU5ErkJggg==") no-repeat 10px center; } /* results table */ #ctf-results th, #ctf-results1 th { border-top: 1px solid #C5C5C5; background:white; } #ctf-results tr th.info, #ctf-results1 tr th.info { text-indent: -9999px; } #ctf-results tr td .ctf-plat, #ctf-results1 tr td .ctf-plat { display: block; font-size: 80%; } /* #ctf-results tr.first td { background-image: url(../images/bg-timetable-shadow-t.png); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, .2)), color-stop(0.25, rgba(255, 255, 255, 0)) ); background-repeat: repeat-x; background-position: top; padding-top: 10px; } #ctf-results tr td.info a { background: url(../images/info_icon.png) no-repeat top center; display: block; min-height: 25px; text-indent: -9999px; }*/ #ctf-results { /*margin-top: -15px;*/ } /* t header and controls */ #ctf-results table, #ctf-results1 table { margin:0; } #ctf-results div.ctf-bar, #ctf-results1 div.ctf-bar { background:#efefef; padding-top:7px; } #ctf-results > div.after, #ctf-results1 > div.after { border-bottom: 6px solid #036; } #ctf-results > h3.return.ctf-h3, #ctf-results1 > h3.return.ctf-h3 { margin-top:-6px; } #ctf-results div.ctf-bar .ctf-earlier a, #ctf-results div.ctf-bar .ctf-later a, #ctf-results1 div.ctf-bar .ctf-earlier a, #ctf-results1 div.ctf-bar .ctf-later a { background: url("data:image/gif;base64,R0lGODlhFgAYAOYAAGSSvl5zjZSdqejo6M7Ozurq6sHBwavL6GqZxn2u28nJyZums3Oj0Obm5rm5uWuTvcjM0XqEkKzS85WYnGuj2+Tk5IWz3tbW1tra2t7e3tjY2HiVs2J0imeGqmV7luHh4WN9m7S0tKysrb7e+Nzc3HWUs9LS0oSu03aBj26axnKt5ZzJ8IqXp6KjpYKPn7a+x1iHtmWDpL6/v22DnYu55+Li4oa35VuJt3eHml2Rw1uKulSBsNvd4GGOu2x9klF/r1aGuFJ/rezs7Hi17U99rFyLuLK6xH+Ysl+Nubjb+Lrc+JfE7pjH8I6222ibzWyXwLq/xWN3kcLDw3Or4F+Nvm6Rs2h6j4CZtI++6KG+3LK2u2WUw9DU2GWbz6DA3nKav6PM8Yimw4mivZ+gonqSroaQnH+IlHuo01aEr3iGmHibvH6LnKu0vmqPt5/G6Kavu7bV8HOfx6OnrMfHx5S22Has4Hav5GOJr5SwzJK74WOZzVyPw+3t7e7u7u/v7////yH5BAAAAAAALAAAAAAWABgAAAf/gH6Cg319PC9GiVyFg42EfEY4HkeURzM+bwN9jn59fDwLMwcjSklJSiNwVwEvfJuCnhABYnASK0xLS0wrYBJZUWxCr3wDLHgHSzQ2y8w0WG5eARCufQULZG4WCdvc3RZ5YSwDfEI1AXQnDOrqf3/r6mdNHhAFBVAzJykI+wjt7fz7GGwQMGCAgBJxACgE4M/fQgBP1OBoUMFFiQdFiiBp2BBJxh5frHz4sKZKDxgwbrRT+YflDZQ3nnDIkMFFBzREiATZGaQdzyA5g9zxgSGDgBgwfihVuqPdjqVM76QpqsUDFSBYsepopyOr1hgCSNQgEABAjj1o06pNuyWAlAwNqS4IAOFEj927eO126VDGRI0BGBSY6UChsOHDhR9EkKGhQYEaJhxE6DBFheXLl9ugkEMgw7gBGQg4MBPgQZ0hqIfYSeEhgggFGBoIK9AgsIMWETgEAAEiAAcUExwo0FChwKZqtQlIcSCixYQJY0SEMEAAQ3E+g/gUGPBBAwEFUgzIkDKHwAW4BVw16iNkQIMPJDBcuIABw4cGA4S9Ws9+u3v8AxQghHqDBAIAOw==") no-repeat top left; display:inline-block; font-size:1.1em; font-weight:bold; margin-left:10px; padding:2px 0 9px 30px; text-decoration:none; } #ctf-results div.ctf-bar .ctf-earlier a, #ctf-results1 div.ctf-bar .ctf-earlier a { display: block; float: left; } /* alt trains */ #ctf-results div.ctf-bar .ctf-alt-trains, #ctf-results1 div.ctf-bar .ctf-alt-trains { float:left; width:257px; margin-top:-6px; padding-left:15px; padding-right:8px; } #ctf-results div.ctf-bar .ctf-alt-trains h4,#ctf-results1 div.ctf-bar .ctf-alt-trains h4 { float:left; /* padding-right:10px;*/ } #ctf-results div.ctf-bar .ctf-alt-trains p, #ctf-results1 div.ctf-bar .ctf-alt-trains p { overflow: hidden;/* Make this element take up all remaining space left by the previous floating element */ line-height: 1.2em; padding: 2px 0 0 3px; font-size: .8em; } #ctf-results div.ctf-bar .ctf-back, #ctf-results1 div.ctf-bar .ctf-back { float:left; width:175px; } #ctf-results div.ctf-bar .ctf-back a, #ctf-results1 div.ctf-bar .ctf-back a{ display:block; min-height:25px; padding:2px 0 0 30px; background: url(../images/pagination-prev.png) left top no-repeat; font-weight:bold; text-decoration:none; } /* end alt trains */ #ctf-results div.after .ctf-later a, #ctf-results1 div.after .ctf-later a { background-image: url("data:image/gif;base64,R0lGODlhFgAYAOYAAGJ0il5zjZSdqejo6M7Ozurq6sHBwavL6GmYxcnJyZums2STv+bm5rm5uWuTvcjM0XqEkFF/rqzS85WYnGuj2+Tk5IWz3tbW1tra2nyt297e3tjY2FmIuXiVs2eGqmV7luHh4WN9m7S0tKysrb7e+Nzc3HWUs9LS0oSu03eCkG2axnKt5V+RxJzJ8IqXp6KjpXKiz4KPn7a+x1iHtmWDpL6/v22DnYu55+Li4oa35VyPw1SBsHeHmluJt2KRvtvd4GGOu2t8kVaGuOzs7Hi17bK6xE99rFyLuV+NuX+Ysrrc+Ljb+JjH8Hal0ZfE7pSwzKmyvX+IlGN3kXOr4J/G6GyQtaG+3ICZtGWUw2Wbz2yXwHas4GibzaOnrLK2u6DA3nKav6PM8XqSromivZ+gorq/xYaQnHR/jF+Nvnuo01aEr3iGmHibvH6LnI++6LbX9Iimw8LDw8fHx9DU2JG22nav5HijzJK74bbS7GOIrmKJsGOZze3t7e7u7u/v7////yH5BAAAAAAALAAAAAAWABgAAAf/gH6Cg319PzJFiXOFg42EfEU8H0mUSTZBUAN9jn59fD8KNgckSktLSiR4VwEyfJuCng8BY28SLUxOTkwtYRJWUlBDr3wDLk8HTjc5y8w3blRfAQ+ufQUKYlQWGdvc3RZ3cC4DfEM4AXQoMOowTX9/TeswaXQfDwUFZTYoKgj9CCru+PlDYKeDgAEDBJiA4cPHgocL3EFc0FALGx4MKsQw4eDIESTuQP4RicQjEDBBQIBoUwXIjBk93MmU2eNlDy0ANGiI4UGNESMRIsx0F/RnBD1BMGgQQGNG0Ag7dsyM+nRHnjVKvXxAI6SrEA4c3IH1KuQIDQElcBAIsICFjrc6tVjIdQtXB5YAcTQwuCAgBJc9gAMLBpzFg5kTOAZgSBDFA4XHkCM/dpCixgYGBXCcaADBw5QVoEOHrpKiCwEN4wZoINAgSgAHW4jIJlJHxQcIIxJgYCCsAIPFDV5AABAgRIgAAM5MaJBgQ4UCm6r9JhCnwYgXEyaQGSHCAAEMz/kM4lNgAIgNBBLEMVAjjhwCF/QWcNWoz5ABDECUwHDhAgYMIDAwgDCv1GdfefgJOEABQ9A3SCAAOw=="); margin-left:10px; } #ctf-results tr.last td, #ctf-results1 tr.last td { background-image: url(../images/bg-timetable-b.png); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgba(0,0,0,.2)), color-stop(0.25, rgba(255,255,255,0)) ); background-image:-moz-linear-gradient(top, rgba(0,0,0,.2), 25% rgba(255,255,255,0)); background-repeat:repeat-x; background-position:bottom; padding-bottom:13px; } #ctf-results tr.first td, #ctf-results1 tr.first td { background-image: url(../images/bg-timetable-shadow-t.png); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgba(0,0,0,.2)), color-stop(0.25, rgba(255,255,255,0)) ); background-repeat:repeat-x; background-position:top; padding-top:10px; } #ctf-results .changestip .innertable td, #ctf-results1 .changestip .innertable td { background-image:none; /* NREOJPTEST-2191 */ } #ctf-results tr tr:hover, #ctf-results1 tr tr:hover { background-color:inherit; } #ctf-results .from td, #ctf-results .to td, #ctf-results1 .from td, #ctf-results1 .to td{text-align: left;} #ctf-results th.to, #ctf-results1 th.to { padding-left:20px; } #ctf-results tr.alt, #ctf-results1 tr.alt { background-color:#f5f5f5; } #ctf-results tr.alt td.fare, #ctf-results1 tr.alt td.fare { background-color:#e7eef5; } #ctf-results tr:hover , #ctf-results tr.sel, #ctf-results1 tr:hover , #ctf-results1 tr.sel { background-color:#FFFEE2; } #ctf-results tr:hover td.fare, #ctf-results tr.sel td.fare, #ctf-results1 tr:hover td.fare, #ctf-results1 tr.sel td.fare { background-color:#FFFDC6; } /* tbody */ #ctf-results td, #ctf-results1 td { padding:7px 3px; } #ctf-results tr th, #ctf-results1 tr th{text-align:left;} /* bold ARR & DUR cols */ #ctf-results tr .chg, #ctf-results tr .status, #ctf-results tr .dur, #ctf-results1 tr .chg, #ctf-results1 tr .dur { text-align:center; } #ctf-results tr td.arr, tr td.dep, #ctf-results1 tr td.arr { font-weight:bold; } /* pad out DEP and STATUS cols */ #ctf-results tr td.dep, #ctf-results1 tr td.dep { padding-left:5px; padding-right:5px; } #ctf-results td.info, #ctf-results1 td.info { text-align:center; } #ctf-results1 td.status div.journey-status p, #ctf-results1 td.status div.statustip{text-align:center;} #ctf-results1 td.status div.statustip div.content p{text-align:left;} /* #ctf-results tr td.status { padding-right:10px; background-image:url("../images/ctf-status-row-bg.png"); background-repeat:repeat-y; background-position:right; } #ctf-results tr.first td.status { background: url(../images/bg-timetable-shadow-t.png),url("../images/ctf-status-row-bg.png") repeat-y right; } #ctf-results tr.last td.status { background: url(../images/bg-timetable-shadow-b.png) repeat-x bottom,url("../images/ctf-status-row-bg.png") repeat-y right; } */ /* sprites */ #ctf-results .ic, #ctf-results1 .ic { background-image: url(../images/sprite-icon-table-dlrlu.png); height: 16px; vertical-align: middle; } #ctf-results .ic-dlrlu, #ctf-results1 .ic-dlrlu { background-position: 0 2px; width: 45px; } #ctf-results .ic-tube, #ctf-results1 .ic-tube { background-position: 0 -38px; width: 20px; } #ctf-results .ic-dlr, #ctf-results1 .ic-dlr { background-position: 0 -77px; width: 30px; } #ctf-results tr td .ctf-plat, #ctf-results1 tr td .ctf-plat{ display:block; font-size:80%; } /*details icon */ #ctf-results tr th.info, #ctf-results1 tr th.info { text-indent:-9999px; } #ctf-results tr td.info a, #ctf-results1 tr td.info a { background: url("data:image/gif;base64,R0lGODlhDwAQAOZRANHk8R9cjOHt9bTR5+jx+MfW4vf6/ZW/3nyv26TI41mPt3Cl0yJfj4Cw1Mzb553E4E2BqoCx2crZ5azN5UJ7qmeYwXCiyYCx1ZW62tXi7srf7oKw2dHf626ZvV6UwLTM4XSmzH+x1napz564zX6w1k6FsXGl0zlzn0x9pHSo1IGy2bvW6n2v2rjT6m+fyHyt0k2Fr1+UvNzp9XmmzE6GsJe30Xyt04W12TVwnYS12Ovy+GugzFKItGCNsFOJs9Th7XOly8/d6SVikWWaxnao0PD2+o6722WbylGJuCtnlj13p1uSwcLa7DRvnkeAr4a22f///////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAFEALAAAAAAPABAAAAe9gFGCgkUATEwCg4pRBAlPj49GTIsAjyosCAgRN08JBoICTzkpCxsyLQsmJE8DggdPO0dHGFA6skchTwIET0RLv0szLsBDTxNMTx5ISBUfGT/LyzaST07WPDVQHNbWIk/IFEriHVBB4uIgTxpPJU3uEFAO7u4vB0VPFkn6PVAS+kkwnqyIMuAJDQYoCigcwQDHBSNFohgw8kSBkAAYA5xo8ATAIAIPnjSI4UMBkEceFzF5FWlAxEWDDAh4qSgQADs=") no-repeat top center; display:block; min-height:25px; min-width:20px; overflow:hidden; text-indent:-9999px; } /* changes tooltip */ #ctf-results .changestip .padding td, #ctf-results1 .changestip .padding td { vertical-align:middle; text-align:center; padding:8px; } #ctf-results .changestip .padding table, #ctf-results1 .changestip .padding table { font-size:.9em; } #ctf-results .changestip .padding td.origin, #ctf-results .changestip .padding td.destination, #ctf-results1 .changestip .padding td.origin, #ctf-results1 .changestip .padding td.destination { text-align:left; } #ctf-results .changestip tr th, #ctf-results1 .changestip tr th { text-align:center; background:none; border:0; line-height: 1.65em; padding:8px; } #ctf .changestip .padding a.close { text-decoration: none; border-bottom: 1px dotted #036; } #ctf .changestip table.innertable tr th, #ctf .changestip table.innertable tr td { background-color: transparent; } #ctf .changestip table.innertable tr.alt td { background-color: #FFFFFF; } #ctf-results tr.alt .changestip tr.alt td, #ctf-results1 tr.alt .changestip tr.alt td { background:#fff; } #ctf-results tr.alt .changestip tr td, #ctf-results1 tr.alt .changestip tr td { background:#f7fbff; } /* service icons */ #ctf-results tr td.status a, #ctf-results1 tr td.status a { border-bottom:1px dotted; color:#333; text-decoration:none; min-width:46px; /*NREOJPTEST-2758 AND Partial NREOJPTEST-2743*/ } #ctf-results tr td.status .journey-status-disrupted p a, #ctf-results1 tr td.status .journey-status-disrupted p a { /* NREOJPTEST-2105 && NREOJPTEST-2164 */ border:0; font-size: .8em/*10px*/; color:#036; line-height:1.1em; } .timetable td .journey-status a.status { /* NREOJPTEST-2164 */ } #ctf-results tr td.status p a, #ctf-results1 tr td.status p a { display:inline; /*border:0;*/ font-size:100%; } #ctf-results td .journey-status img, #ctf-results1 td .journey-status img { display: block; margin: 0 auto 5px; } #ctf-results td .journey-status-on-time .sprite-main, #ctf-results1 td .journey-status-on-time .sprite-main{background-position:-380px 0;} #ctf-results td .journey-status-late .sprite-main, #ctf-results1 td .journey-status-late .sprite-main{background-position:-395px 0;} #ctf-results td .journey-status-disrupted .sprite-main, #ctf-results1 td .journey-status-disrupted .sprite-main{background-position:-415px 0;} #ctf-results td .journey-status-bus .sprite-main, #ctf-results1 td .journey-status-bus .sprite-main{background-position:-509px 0;} /* service tooltip */ #ctf-results tr td.status .tooltip-top, #ctf-results1 tr td.status .tooltip-top{ font-size:100%; } #ctf-results tr td.status .tooltip-bottom .padding div a, #ctf-results1 tr td.status .tooltip-bottom .padding div a { border:0; text-indent:5px; } /*fare tD redux */ #ctf-results tr.cheapest td, #ctf-results1 tr.cheapest td { padding-top:13px; } #ctf-results tr td.fare.has-cheapest, #ctf-results1 tr td.fare.has-cheapest { background-color: #ffe255; } #ctf-results tr td.fare.has-cheapest .single, #ctf-results1 tr td.fare.has-cheapest .return, #ctf-results tr td.fare.has-cheapest .return { color:#a65200; padding-top:0; margin-top:-5px; } #ctf-results td.fare div.cheapest, #ctf-results1 td.fare div.cheapest { font-size:.9em; text-transform:uppercase; font-weight:bold; background-color:#ffe984; padding:3px 0; text-align:left; padding-left:10px; } #ctf-results td.fare, #ctf-results1 td.fare { width:190px; background-color:#f0f8ff; padding:5px 0 0; } #ctf-results td.fare, #ctf-results1 td.fare { text-align:left; width:190px; } #ctf-results td.fare label, #ctf-results1 td.fare label{ color: #333; font-weight: bold; font-size: 1.4em; line-height:30px; padding-top:5px; padding-left:3%; } #ctf-results td.fare .more-fares-list label.mfsel{color:#ccc;} .js #ctf-results td.fare label, .js #ctf-results1 td.fare label{ width:52%; float:left; } #ctf-results td.fare input, #ctf-results1 td.fare input { margin: 0; width: .8em;/* Makes this element take up about the same amount of horizontal space in IE as it does in other browsers */ } #ctf-results td.fare .inner ul, #ctf-results1 td.fare .inner ul { padding: 0; } #ctf-results td.fare .fare-type, #ctf-results1 td.fare .fare-type { font-size: .95em; margin-top:5px; } .js #ctf-results td.fare .fare-type, .js #ctf-results1 td.fare .fare-type{ width:42%; float:left; } #ctf-results td.fare .fare-type a, #ctf-results1 td.fare .fare-type a { border-bottom: 1px dotted #036; font-size:.9em; } #ctf-results td.fare .unavailable, #ctf-results1 td.fare .unavailable { float: left; font-weight: bold; padding: .5em 0 .5em 5%; font-size:.95em; width:52%; } #ctf-results td.fare .more-fares , #ctf-results td.fare .hide-fares{ text-align:left; display: block; } .js #ctf-results td.fare .more-fares, #ctf-results td.fare .hide-fares{ width:41%; float:left; } #ctf-results td.fare .more-fares a { padding-right: 15px; background:url("data:image/gif;base64,R0lGODlhCwAIALMKAAAzZprK+/f39/Ly8uzs7OXl5d/f39jY2NPT087OzgAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAAoALAAAAAALAAgAAAQnUIlJqRo460F66MTXFSQQFAFAFkZrmIBrHDQN1DSi7zyiJMBgUBEBADs=") no-repeat right center; } #ctf-results td.fare .hide-fares a { padding-right: 15px; background: url(../images/icon-arrow-box-blue-up.gif) no-repeat right center; background-image:url("data:image/gif;base64,R0lGODlhCwAIAMQUAMXh/83l/+Lw/wAzZprK+7/e/7/f/8Th/8Xi/83m/87m/9fr/9jr/+Hw/+v1/8Ti/9fs/+r1/+Hx//D4/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABQALAAAAAALAAgAAAU1IDWNJElFTqSiayQIUiMMkiALy8JAAzHkO0Ui0Uv4hgHEA0EAAJgHwKNALRiuhiqlerVSKSEAOw=="); z-index:102; position:relative; } /*More fares option and concertinas*/ .js .further-fares ul{display: none;} .further-fares{list-style:none;} .more-fares-list ul li.further-fares{border-top: 1px solid #feea5b;padding:8px 0;} li.further-fares img{left:8px;margin-top: -8px;position: absolute;top: 50%;} li.further-fares .fares-plus{background-position: -32px -340px;} li.further-fares.open .fares-plus{background-position: -46px -340px;} .more-fares-list ul li.further-fares.open{background-color:#fffeed;} .further-fares h4{color:#003366;font-family: Arial, Helvetica, Sans-Serif;font-size:12px;padding-left:30px;width:160px;position:relative;} .further-fares strong{color:#323232;display:block;} .more-fares-list ul li ul{margin:0;padding:0;} .more-fares-list ul li.further-fares.open ul{background-color:#fffeed;margin:0;padding:0;} .more-fares-list ul li.further-fares.open ul li{margin:0;} .more-fares-list ul li ul li{margin:0;} .more-fares-list ul li.clear span.unavailable, .more-fares-list ul li.clear span.fare-type{color:#555;} #ctf-results td.fare a, #ctf-results1 td.fare a { text-decoration:none; } #ctf-results td.fare .return-only label, #ctf-results1 td.fare .return-only label { text-align:center; display:block; padding:10px 0 0 0; width:100%; } /* fare TD */ #ctf-results td.fare div.price, #ctf-results td.fare div.more { padding:5px 0; float:left; width:49%; text-align:left; } #ctf-results td.fare div.price { padding-top:10px; } #ctf-results td.fare div.price label { display:inline-block; color:#333; font-weight:bold; font-size:1.4em; } #ctf-results td.fare.no-price { text-align:center; } #ctf-results td.fare.no-price input { margin-top:10px; } #ctf-results td.fare div.more a { display:inline-block; padding-left:2%; } #ctf-results td.fare div.more a.tooltip { border-bottom:1px dotted #036; text-decoration:none; font-size:.8em; } #ctf-results td.fare div.more a.link { padding-right:15px; background:url(../images/icon-arrow-box-grey-down.gif) no-repeat right center; text-decoration:none; } /* more fares */ #ctf-results .single, #ctf-results .return, #ctf-results1 .single, #ctf-results1 .return{ min-height:40px; width:49%; } #ctf-results .single, #ctf-results1 .single{ float:right; } #ctf-results .return{ float:left; } .js #ctf-results .single, .js #ctf-results .return, .js #ctf-results1 .single, .js #ctf-results1 .return{ float:none; width:auto; } .jq #ctf-results.single td.fare .single, .jq #ctf-results.single1 td.fare .single { display:block; } .jq #ctf-results.single td.fare .return { display:none; } .jq #ctf-results.return td.fare .single { display:none; } .jq #ctf-results.return td.fare .return { display:block; } .jq #ctf-results tr td.show-more-fares { background-color: #FFFCB6; } .jq #ctf-results td.show-more-fares .return, .jq #ctf-results td.show-more-fares .single { position: relative; z-index: 101; } .jq #ctf-results td.show-more-fares .more-fares a, .jq #ctf-results td.show-more-fares .hide-fares a { position: relative; z-index: 100; } .jq #ctf-results tr td.show-more-fares .more-fares-list { background: url(../images/bg-more-fares-shadow-left.png) left bottom no-repeat; margin: 0 -19px; padding: 0 19px; position: absolute; top: 100%; width: 168px; z-index: 99; left:11px; } .jq #ctf-results tr td.show-more-fares .more-fares-list-top { background: url(../images/bg-more-fades-shadow-fadeout-left.png) left bottom no-repeat; left: 0; position: absolute; top: -20px; width: 206px; } .jq #ctf-results 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 #ctf-results tr td.show-more-fares .more-fares-list .shadow-right { background: url(../images/bg-more-fares-shadow-right.png) right bottom no-repeat; margin: 0 -19px 0 -11px; padding: 0 19px 9px 11px; } .jq #ctf-results .more-fares-list .inner { background: #fffcb5 url(../images/bg-yellow-gradient-vertical.gif) left bottom repeat-x; border: 1px solid #FEEA5B; border-width: 0 1px 1px 1px; margin: 0 -12px; /*padding-top:10px;*/ } .jq #ctf-results tr td.fares .more-fares-list .loading { padding-top: 8px; text-align: center; } #ctf-results tr td.fares .more-fares-list ul { border-width: 1px; padding:5px 10px; } #ctf-results .more-fares-list ul li{ margin:0; } #ctf-results .more-fares-list ul li .fare-type a { line-height:25px; } .jq #ctf-results tr td.fares .more-fares-list .inner, .jq #ctf-results tr td.fares .more-fares-list ul, .jq #ctf-results tr td.show-more-fares, #ctf-results .more-fares-list .see-all, #ctf-results .more-fares-list .see-fewer { border:1px solid #feea5b; /*NREOJPTEST-2733*/ border-top:2px solid #A65200; width:188px; } #ctf-results .more-fares-list .see-all, #ctf-results .more-fares-list .see-fewer { border-width:1px 0 0 0; margin: 1em 1em 0; padding-bottom: 1em; padding-top: .7em; } #ctf-results .more-fares-list .see-all a, #ctf-results .more-fares-list .see-fewer a { background-position: 5px .3em; background-repeat: no-repeat; padding-left: 18px; text-decoration: none; } #ctf-results .more-fares-list .see-all a { background-image: url(../images/icon-plus-blue.gif); } #ctf-results .more-fares-list .see-fewer a { background-image: url(../images/icon-minus-blue.gif); } /* fare headers */ #ctf-results th.fare { background:#f0f8ff; border:1px solid #8a8a8a; padding:0px; border-width:1px 1px 0px 0px; width:190px; } #ctf-results th.status, #ctf-results1 th.status { border-right: 1px solid #8A8A8A; } #ctf-results th.fare div.ctf-fare { font-weight:normal; position:relative; } #ctf-results th.fare div.ctf-fare div { background:#f4f4f5 url(../images/bg-ctf-tab-g.png) repeat-x left top; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #fff), color-stop(0.33, #f4f4f5) ); background-image:-moz-linear-gradient(top, #fff, #f4f4f5 33%); border:1px solid #8a8a8a; -webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; bottom:100%; padding:7px 3px 5px; position:absolute; text-align:center; z-index:2; min-height:25px; } #ctf-results th.fare div.ctf-fare div.left { left:-1px; margin-right:52%; padding-right:7px; /* NREOJPTEST-2197 */ } #ctf-results th.fare div.ctf-fare div.right{ right:-1px; margin-left:52%; } #ctf-results th.fare div.ctf-fare div.center { left:-1px; width:179px; } #ctf-results.single th.fare div.ctf-fare div.right, #ctf-results.return th.fare div.ctf-fare div.left { background:#f0f8ff url(../images/bg-ctf-tab-selected-g.png) repeat-x left top; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #dceeff), color-stop(0.33, #f0f8ff) ); background-image:-moz-linear-gradient(top, #dceeff, #f0f8ff 33%); border-bottom:0; padding-bottom:8px; } #ctf-results th.fare div strong.ctf-pr { font-size:1.333em; } #ctf-results th.fare div a { color:#333; text-decoration:none; } #ctf-results th.fare div p { padding:4px 0 5px; text-align:center; } /* new day heading */ #ctf-results .day-heading th, #ctf-results1 .day-heading th{ background:#036; border:0; height:1px; padding:0; text-align:left; } #ctf-results .day-heading p, #ctf-results1 .day-heading p{ background:#036; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; color:#FFF; float:left; font-size:0.9em; margin:0 0 -22px 0; padding:1px 6px; position:relative; } #ctf-results .next-day td, #ctf-results1 .next-day td{ padding-top:20px; } #ctf-results .next-day td.fare, #ctf-results1 .next-day td.fare{ padding-top:8px; } #ctf-results .next-day td.status, #ctf-results1 .next-day td.status{ padding-top:10px; } /* Ticket Summary */ #ctf-costs { float:right; width:300px; } #ctf-costs-p { background: #3371af url(../images/bg-box-1-m.gif) left top repeat-x; background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.0%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22grad%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3A%20%23036%3B%20stop-opacity%3A%201%3B%22/%3E%3Cstop%20offset%3D%2296%25%22%20style%3D%22stop-color%3A%20%233371af%3B%20stop-opacity%3A%201%3B%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20fill%3D%22url%28%23grad%29%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20/%3E%3C/svg%3E); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.15, #003366), color-stop(0.96, #3371af) ); background-image:-moz-linear-gradient(top, #003366, #3371AF 96%); -webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px; color:#fff; padding:10px; } #ctf-costs-p .tickets th .title { color:#ffe155; } /* removed NREOJPTEST-2107 #ctf-costs-p .tickets tbody tr.first td, .tickets tbody tr.first th, #ctf-costs-p .tickets { border-color:#425c76; } */ /* footer fixes */ #ctf .accordian { margin:20px 0 20px; } #fim, #pro-rcards { clear: both; margin: 0; padding: 7px 10px; } #ctf #pro-rcards { width: 436px; margin-bottom: 0; } /* Hotels and PT links */ #ctf-adv { clear:both; padding-top:20px; } #ctf-adv .c1, #ctf-adv .c2, #ctf-adv .c3 { width:256px; } #ctf-adv .c3 .padding { padding-right:0px; } #ctf-adv .offer-table-header .padding { padding-left:0px; } /* Hotel Spriting */ .offer-promo-2 .bg img.overlay-img { background:url("../images/img-offer-promo-wide-sprite.jpg"); } .c2 .offer-promo-2 .bg img.overlay-img { background-position:-246px top; } .c3 .offer-promo-2 .bg img.overlay-img { background-position:-482px top; } /* Hotel Background */ .cC.offers-wide .c1 .padding { padding-left:0; } .cC.offers-wide .offer-promo-2 .padding { background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADJJREFUeNrszkEBADAIBKBz9cxlSNsshh9IQE16c+jlmICAgICAgICAgICAgICAwBdgANYaAemHxQ/pAAAAAElFTkSuQmCC"); -moz-border-radius:4px; border-radius:4px; position:relative; padding:10px; margin-right:20px; } /* NREOJPTEST-2104 */ #ctf .buy-or-view button.b-y-lrg span { text-transform:none; } #ctf-costs .price { font-weight:bold; } /* JS views */ .js #ctf-results tr.changes, .js #ctf-results tr.status, .js #ctf-results1 tr.changes, .js #ctf-results1 tr.status { display:none; } #ctf-costs .ticket-total .total span { font-size:1.32em; } /*share menu*/ #share{float:right;position:relative;z-index:99;} #share-cont{height:26px;position:relative;z-index:99;} #livetrain-section-detail #share-cont{position:static;} div#share{background-image:url(../images/bg-sprite-main.png);background-repeat:no-repeat;} .b4-p div#share, .b3-p div#share{position:absolute;right:0px;top:-42px;} .b4-p #share-cont, .kb-content #share-cont, .b3-p #share-cont{height:1px;} .c2 #share-cont{padding-right:10px;} .page-heading #share-cont{padding:5px 160px 0 0;} #share-details{margin:3px 0 0 5px;float:left;display:block;color:#000;width:150px;min-height:1em;font-size:0.92em;} #share-menu { position:absolute; top:26px; right:0; border:3px solid #c3e0ff; border-top:0px; min-width:150px; display:none; background:#fff url(../images/bg-sprite-main.png) no-repeat right -648px; padding:10px 10px 3px; z-index:98; box-shadow: 1px 11px 28px rgba(0, 0, 0, 0.22); -moz-box-shadow: 1px 11px 28px rgba(0, 0, 0, 0.22); -webkit-box-shadow: 1px 11px 28px rgba(0, 0, 0, 0.22); } #share a.shareicon, #share-menu a{width:16px;height:16px;padding:0 0 0 5px;} #share a.shareicon{float:right;} #share a{text-indent:-200em;float:left;margin:0;text-decoration:none;overflow: hidden;} #share a.sharelink, #share span.sharelink { text-indent:0px; background:url(../images/bg-sprite-main.png) no-repeat right -571px; padding:4px 5px 4px 3px; min-height:16px; } div#share a.sharelink{padding:5px 5px 0px 4px;min-height:19px;color:#036;} #share.open a.sharelink, #share.open span.sharelink{background-position:right -619px;padding-bottom:11px;} #share a.sharelink, #share span.sharelink{color:#036;} #share a .share-open{background-position:0px -366px;padding:0 6px 0 0;margin-left:6px;} #share.open a .share-open{background-position:0px -378px;} #share span.sharelink{display:block;float:left;padding-right:10px;min-width:120px;} .js #share a.shareicon{display:none; visibility:hidden;} .js #share span.sharelink{min-width:20px;} #share-menu a img, #share a.shareicon img{float:left;} #share a img.tw, #share-menu a img.tw{background-position:0px -406px;} #share a img.fb, #share-menu a img.fb{background-position:0px -390px;} #share-menu a img.digg{background-position:0px -454px;} #share-menu a img.stumble{background-position:0px -439px;} #share-menu a img.delicious{background-position:0px -422px;} #share-menu a img.reddit{background-position:0px -470px;} #share-menu a.email, #share a img.email{background-position:0px -486px;} #share-menu form#share-page-by-email label { display:block; float:left; margin:2px 0.2em 0 0; text-indent:-200em; background-position:0px -486px; width:16px; min-height:14px; overflow: hidden; } form#share-page-by-email{display:none;width:220px;} form#share-page-by-email input{display:block;float:left;width:120px;margin:0 5px;font-size:1.0em;} .page #share-menu form#share-page-by-email button.b-y{font-size:1.0em;} .page #share-menu form#share-page-by-email button.b-y span{padding-right:14px;font-size:1.0em;} #live-departure-board li#share{ list-style:none; margin:0; width:auto; background:url(../images/bg-sprite-main.png) no-repeat; padding:4px 4px 0 0; height:20px; background-position:-904px -595px; padding:0 0 0 36px; height:24px; margin:0 0 0 25px; font-size:1.0em; } #live-departure-board li#share a.sharelink{height:18px;padding:5px 5px 4px 4px;} #live-departure-board li#share.open{background-position:-904px -282px;height:26px;margin-bottom:0;} /* FACEBOOK LIKE */ /*#facebook{position:absolute;right:10px;top:10px;display:none;width:170px;padding:15px 0 0 0;text-align:left;} #facebook p{font-size:1em;} #facebook p strong{display:block;padding:3px 0 0 0;font-size:1.2em;} #facebook p a{text-decoration:none;display:block;text-align:center;} #facebook p a:hover, #facebook p a:focus, #facebook p a:active{text-decoration:underline;} #facebook p a.external{padding:0;background:transparent;} #facebook p a.external strong{background:url(../images/icon-external-link.png) right 6px no-repeat;padding-right:15px;width:75px;margin:0 auto;} #facebook iframe{margin:0 0 0 46px;}*/ /* CK - POST PURCHASE PAGE STYLES - 01/09/11 */ .summary-page .c1 hr {clear:both;margin:20px 0 10px;display:block;} .summary-page .c1 .c2{width:300px;} .summary-page .c1 .cbuttons{width:320px;} .summary-page .c1 .cbuttons a{font-size:1em;} .summary-page .c1 .cbuttons a.b-y{float:right} .summary-page .c1 .cr{margin-left:20px;} .summary-page .c1 .c2 h2{color: #404040;font-family:Arial,Helvetica,sans-serif;font-size:1.2em;font-weight:bold;padding:0 0 7px;} .summary-page .c1 .c2 p{padding:0 0 5px;} .summary-page .c1 .c2 .total{font-size:1.4em;font-weight:bold;} .summary-page .offer-table-header span{padding:0;float:none;display:inline;color:#323232;} .summary-page .offer-table-header h2{color:#206ab1;} .summary-page .cC.offers-wide .c1{width:300px;} .summary-page .cC.offers-wide .c1 .padding {padding:10px 25px 10px;} .summary-page h2{clear:both;padding:20px 0 10px;} .summary-page .station-route h2{clear:none; padding: 0 0 0.2em 0;} .summary-page .op-1 h3{color:#FFFFFF;font-size:1.6em;margin-bottom:-0.2em;padding:0;position:relative;} .summary-page .maps h2{color:#206ab1;padding:0 0 10px;} .summary-page .maps h2 span{color:#323232;} .summary-page .maps p{font-size:1.2em;} .summary-page .maps p a{color:#555;} .summary-page .maps p .active{color:#870600;text-decoration:none;} /*NREOJPTEST-2463*/ .summary-page a.edit.b-b{padding:0 0 0 14px;} .summary-page a.edit.b-b .sprite-main{background-position:-697px -115px;position:static;margin-left:-5px;padding-right:3px;} #ad-placeholder-pp-t, #ad-placeholder-pp-b {height:250px;width:300px;} /*NREOJPTEST-2463*/ #ad-placeholder-pp-mb {height:130px;width:640px;margin-top:20px;float:left;} #ad-postpurchase, #ad-postpurchase2, #ad-postpurchase3 /*NREOJPTEST-2463*/ {visibility:hidden;position:absolute;} .summary-page p a.arrowlink-dark{float:right;color:#036;font-size:0.9em;font-weight:normal;} form#share-pp-email label { display:block; float:left; margin:2px 0 0 0; text-indent:-200em; background-position:0px -486px; width:16px; height:16px; overflow: hidden; } form#share-pp-email{display:none;width:220px;float:left;} form#share-pp-email input{display:block;float:left;width:120px;margin:0 5px;} form#share-pp-email button{margin-top:0px;} /* CK -OTHER FARES POPUP STYLES - 01/09/11 */ a.other-fares-popup-link{clear:both;background:#ffd300 url(../images/icon-popup.gif) no-repeat 6px 5px;clear:both;color:#000000;float:left;font-size:0.8em;padding:3px 10px 3px 21px;width:160px;line-height:1.3em;} a.other-fares-popup-link:hover,a.popup-link:active,a.popup-link:focus{text-decoration:underline;} .has-popup td {border-bottom:1px solid #ffd300;} .other-fares-popup{width:780px!important;text-align:center;background:#fff;text-align:left;} .js .other-fares-popup{position:absolute;z-index:10001;top:0;left:50%;margin-left:-9999px;} .otherFaresContainer{position: absolute;top: 0;left: 0;width: 100%;height: 100%;visibility:hidden;z-index:105;} #ad-postpurchase .ad-info, #ad-postpurchase2 .ad-info{position: absolute;text-indent:-9999px;overflow:hidden;} #ad-postpurchase .ad-info a, #ad-postpurchase2 .ad-info a{display:block;width:100%;height:100%;} #ad-postpurchase .ad-info a, #ad-postpurchase2 .ad-info a{background-position:-573px -296px;} #ad-postpurchase .ad-info a:hover, #ad-postpurchase2 .ad-info a:hover{background-position:-573px -306px;} #ad-postpurchase .ad-info, #ad-postpurchase2 .ad-info{width:71px;height:10px;bottom:10px;left:50%;margin-left:-36px;} #ad-postpurchase, #ad-postpurchase2{padding-bottom: 25px;} #ad-postpurchase.css-pos, #ad-postpurchase2.css-pos{left:0;height:1px;width:100%;position:absolute;top:288px;margin:0;visibility:hidden;z-index:0;padding:0;} .ofp-info {padding:15px 20px;} .ofp-info h2{padding-bottom:0;} .ofp-info h3{font-family:Arial, Helvetica, sans-serif;color:#333333;font-size:1em;padding-bottom:20px;} .ofp-info p{color:#333;} .ofp-info .ic-tube{background-position:0 -38px;width:20px;background-image:url(../images/sprite-icon-table-dlrlu.png);height:16px;vertical-align:middle;} .ofp-info .ctf-plat{display:block;font-size:80%;} .ofp-info .to,.ofp-info .from{float:left;width:168px;} .ofp-info span.arrow{background-position:-410px -328px;display:block;padding-left:20px;position:relative;text-align:left;} .ofp-info span.arrow .sprite-main{background-position:0 0;left:0;margin-top:-13px;position:absolute;top:50%;} .ofp-info .price-single{float:left;width:100px;padding-left:23px;} .ofp-info .price-single span{display:block;font-size:80%;} .ofp-info .price-return{float:left;width:100px;font-size:1.3em;font-weight:bold;} .ofp-info .price-return span{display:block;font-size:65%;font-weight:normal;line-height:1em;} .ofp-info #ctf-cf{float:left;width:150px;} .ofp-info .b-y-lrg{width:150px;} .otherFaresContainer .ofp-info .b-y-lrg{width:auto;} .other-fares-popup .close-button{display:block; background:url(../images/icon-close.gif) no-repeat right 2px;color:#000000;float:right;font-size:0.9em;font-weight:bold;margin:15px 20px 0 0;padding:0 16px 0 0;position:absolute;right:0;} .other-fares-popup #ctf-results1{background-color:#ffe984;clear:both;padding:5px 20px 10px;color:#333;} .other-fares-popup #ctf-results1 th, .other-fares-popup #ctf-results1 td {background-color:#ffe984;border-bottom:1px solid #FFFFFF;border-top:0;} .other-fares-popup #ctf-results1 div.ctf-bar {background-color:#ffe984;border:0;} .other-fares-popup #ctf-results1 .day-heading th{border-bottom:0;} .other-fares-popup #ctf-results1 tr.first td, .other-fares-popup #ctf-results1 tr.last td {background-image:none;} .other-fares-popup #ctf-results1 .day-heading p{background-color:#FFFFFF;color:#000000;} .other-fares-popup #ctf-results1 th.status {border-right:0;} .other-fares-popup #ctf-results1 > div.after {border-bottom:0;} .other-fares-popup #ctf-results1 th.status{text-align:left;padding-left:15px;} .other-fares-popup #ctf-results1 tr .journey-status{width:70px;} .other-fares-popup #ctf-results1 div.ctf-bar .ctf-earlier a{background:url(../images/icon-ofp-earlier.gif) no-repeat 1px 2px;} .other-fares-popup #ctf-results1 div.ctf-bar .ctf-later a{background:url(../images/icon-ofp-later.gif) no-repeat 1px 2px;} /*.page .operator-price .btnBuyNow button.b-y-lrg:focus{outline:2px solid #FFE155;}*/ a.further-fares-trigger{width:160px;height:30px;display:block;} /*a.further-fares-trigger:focus{outline:2px solid #ff9c00;}*/