/*----------------------------FROM SPLIT HOME----------------------------------*/ .sprite-main{background-image:url(../images/bg-sprite-main-new.png);background-repeat:no-repeat;} /* ------------------------------------------------ OVERALL LAYOUT ----------------------------------------- */ #myContent{float:right;} .c-150{background-position:0 150px;} /* REwork of header for CTF */ .login .padding {padding:17px 10px 15px 0;} .c-0{background-position:0 0;} .content{text-align:left;width:960px;margin:15px auto 0 auto;} /* adlink */ .ad,.ad-side-1,.ad-side-2{position:relative;} .ad-side-1,.ad-side-2{padding-bottom:25px;} .ad-side-1{min-height:125px;} .ad-side-2{min-height:600px;} .ad-info .sprite-main{background-image:url(../images/sprite-home.png);} /* ------------------------------------------------ COMMON PRESENTATIONAL ELEMENTS ----------------------------------------- */ .page button.b-b{color:#fff;font-family:Arial,Helvetica,sans-serif;background:url(../images/bg-sprite-main-new.png) -924px -432px no-repeat;padding:0 0 0 12px;float:left;border:0;overflow:visible;cursor:pointer;position:relative;height:24px;} .page button.b-b span{background:url(../images/bg-sprite-main-new.png) 100% -456px no-repeat;height:20px;padding:4px 16px 0 0;display:block;font-weight:bold;white-space:nowrap;position:relative;margin:0px} .page a.b-y{font-size:1.1em;color:#000;background:url(../images/bg-sprite-main-new.png) -924px -384px no-repeat;padding-left:14px;display:block;float:left;text-decoration:none;} .page a.b-y:hover{text-decoration:none;} .page a.b-y span{background:url(../images/bg-sprite-main-new.png) 100% -408px no-repeat;height:18px;padding:3px 16px 3px 0;display:block;font-weight:bold;cursor:pointer;float:left;white-space:nowrap}/* WHITE SPACE NOWRAP ADDED BY JG for larger text sizes in IE*/ .page a.b-b, .modal-popup a.b-b{font-size:1.1em;color:#fff;background:url(../images/bg-sprite-main-new.png) -924px -432px no-repeat;padding-left:14px;display:block;float:left;text-decoration:none;white-space:nowrap;} .page a.b-b:hover, .modal-popup a.b-b:hover{text-decoration:none;} .page a.b-b span, .modal-popup a.b-b span{background:url(../images/bg-sprite-main-new.png) 100% -456px no-repeat;height:21px;padding:3px 16px 0 0;display:block;font-weight:bold;cursor:pointer;float:left;} .page button.b-y-lrg,.otherFaresContainer button.b-y-lrg{height:34px;color:#000;font-family:Arial,Helvetica,sans-serif;padding:0 0 0 13px;float:left;border:0;overflow:visible;cursor:pointer;position:relative;background:url(../images/bg-sprite-main-new.png) -924px -316px no-repeat;font-size:1.3em;} .page button.b-y-lrg span,.otherFaresContainer button.b-y-lrg span{background:url(../images/bg-sprite-main-new.png) 100% -350px no-repeat;height:26px;padding:8px 16px 0 0;display:block;font-weight:bold;white-space:nowrap;text-transform:uppercase;position:relative;margin:0;} .page button.jp-submit{float:right;margin-top:6px;} .page button.button-margin-top:focus{margin-top:9px;} .page button.button-margin-right:focus{margin-right:9px;} @media screen and (-webkit-min-device-pixel-ratio:0) { /*Safari and Google Chrome only */ .register .b-y span{margin-top:0;padding-top:6px!important;padding-left:3px!important;} body .jp-220 input.day{width:42px!important;} .input-border a.date-picker-control{float:right!important;} .pocket-timetable .input-border a.date-picker-control, .farefind .input-border a.date-picker-control{float:none!important;} .page button:focus{border:1px dotted #ccc;margin:-1px;} .single-field .error{color:#FFEC8C;font-size:.94em;padding:3px 0 0 3px;display:block;}} .live-trains .invalid span.input-border, .live-trains .invalid .select-border,.op-3 .invalid span.input-border{background-color:#FF0000;padding:3px;position:relative;} .valid, .valid-large, .invalid, .invalid-large{padding:0 16px 0 0;margin:0 8px 0 0;float:left;position:relative;} .invalid .sprite-error, .invalid-large .sprite-error{position:absolute;right:0;top:50%;margin:-8px 0 0;left:auto;width:12px;height:16px;background-position:-232px 0;text-indent:-9999px;} /* -------------------------------------------------------- COMMON STRUCTURAL ELEMENTS -------------------------------------------------- */ /* OVERLAYS */ .overlay-left{padding-left:6px;position:relative;} .heading-left{padding:0 0 0 6px;} .heading-empty{height:6px;overflow:hidden;} .op-red {background-color:rgba(98,0,0,.8);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;} /* SIDE TABS */ .side-tabs{padding-top:0.5em;} .side-tabs ul.side-tabs-ul{list-style-type:none;padding:20px 0 0;margin:0 0 0 0;position:relative;} .side-tabs li.side-tab {margin-left:0;} .jq .side-tabs .tab{width:220px; margin:-10px 0 0 0; padding:0; position:relative;} .jq .side-tabs .tab .sprite-divider{position:absolute;bottom:0;left:-10px;background-position:0 -138px;} .jq .side-tabs .side-tab-container{position:absolute;top:-38px;left:220px;width:520px;display:none;} .jq .side-tabs .b11-p{padding:16px 12px 20px 22px;} .jq .side-tabs li.selected .side-tab-container{display:block;height:auto;} .jq .side-tabs .tab a .indicator {position:absolute;top:-9999em;left:-9999em;width:23px;height:39px;background:url(../images/bg-sprite-main-new.png) -840px -269px no-repeat;z-index:100} .jq .side-tabs .tab a .sprite-rollover-arrow{position:absolute;left:-9999px;top:4px;background-position:-863px -269px;} .jq .side-tabs li.selected .tab a .sprite-rollover-arrow{display:none;} .jq .side-tabs .selected .tab a .indicator {top:4px;right:-3px;left:auto;} .jq .side-tabs .selected .tab a, .jq .side-tabs .selected .tab a:hover, .jq .side-tabs .selected .tab a:focus, .jq .side-tabs .selected .tab a:active{color:#800000;background:none;} .jq .side-tabs li .tab a:hover, .jq .side-tabs li .tab a:focus, .jq .side-tabs li .tab a:active{color:#800000;border:none;cursor:pointer;} .jq .side-tabs li .tab a:hover .sprite-rollover-arrow, .jq .side-tabs li .tab a:focus .sprite-rollover-arrow, .jq .side-tabs li .tab a:active .sprite-rollover-arrow{left:auto;right:0;} .jq .side-tabs li .tab a:focus, .tab a:active{outline:none;border:none;} .side-tabs li .tab a{color:#5a5a5a;display:block;font-size:1.3em;padding:10px 0 19px;text-decoration:none;} .side-tabs li .tab a span.icon{background-position:right top;background-repeat:no-repeat;padding:0 55px 25px 0;display:block;min-height:30px;} .side-tabs .side-tab-container .side-tab-content{border:1px solid #a6a6a6;min-height:244px} .side-tabs .side-tab-container .side-tab-content .h2{font-size:1.9em;} .side-tabs .selected .side-tab-container a.arrowlink-light{color:#fff;margin-left:0.5em;} .side-tabs .selected .side-tab-container .overlay-red{margin:14px 13px;padding:12px;} .travel-alert{position:relative;padding:3px 0 5px 43px;min-height:43px;} .travel-alert .sprite-bell{position:absolute;top:0;left:0;background-position:-845px -226px;} .travel-alert a.arrow-link{margin-left:35px;} .travel-alert a.arrowlink-light .sprite-main {top:55%} /* SIDE TABS - variations */ .side-tabs.travel-centre .side-tab-container .side-tab-content{background:url(../images/bg-sidetab-inner.jpg) no-repeat top left;} .side-tabs .op-red{margin:13px 12px} /* SIDE TABS - HOMEPAGE */ .jq .homepage .side-tabs .tab{width:165px; margin:0 0 10px 0;} .jq .homepage .side-tabs .tab a{padding:0 23px 0 0;} .jq .homepage .side-tabs .side-tab-container{width:427px;} .jq .homepage .side-tabs .b11-p{padding:24px 15px 42px 23px;}/*NREOJPTEST-1969*/ .jq .homepage .side-tabs li.selected .side-tab-container{top:0; left:166px;} /* SIDE TABS - GENERIC CONTENT */ .side-tabs .side-tab-generic-content h3{margin-bottom:.7em; color:#404040; font:normal 1.973em/* 24px */ Arial, Helvetica, sans-serif;} .side-tabs .side-tab-generic-content h4{margin:.3em 0; color:#093d71; font-size:1.973em/* 24px */; font-weight:normal;} /* -------------------------------------- FORM PANEL FOR A FORM - WITH HELP -------------------------------------------------- */ .jp-farefind .invalid .sprite-error, .jp-farefind .invalid-large .sprite-error{position:absolute;right:0;top:50%;margin-top:-8px;left:auto;width:12px;height:16px;background-position:-232px 0;text-indent:-9999px;} .valid-large, .invalid-large{margin-right:0;float:left;} /* ERROR MESSAGES */ .error-message, #other-cheap-fares-reveal{padding:10px;-moz-border-radius:6px;-webkit-border-radius:6px;border:1px solid #ddd;background:whiteSmoke;} .in-page{background:#F5F5F5;margin-bottom:15px;} .box-1 .error-message{background:#e7f4ff;} .box-6 .error-message{background-color:transparent; margin-bottom:10px;} .error-message-padding{position:relative;padding:0 0 0 40px;} .error-message-padding .sprite-main{position:absolute;left:0;top:0;background-position:-664px -74px;} .error-arrow {background:url("../images/icon-error-arrow.png") no-repeat scroll right center transparent;display:inline-block;padding-right:10px;} .page .error-message h2, .page .error-message h3, .page .error-message h4,.page .journey-search .error-message h2, .page .journey-search .error-message h3, .page .journey-search .error-message h4{color:#800000;font-family:Arial,Helvetica,sans-serif;font-size:1em;font-weight:bold;margin:0;padding:0;} .error-message ol{list-style:none;padding:0;margin:0;} .error-message ol li{color:#800000;padding:0;margin:0;border-bottom:none;background:none;} .error-message ol li a{text-decoration:underline;} .error-message ol li a:hover{text-decoration:none;} .box-1 .error-message a{color:#003366;} span.error {color:#FFEC8C;display:block;font-size:0.94em;padding:3px 0 0 3px;} /* Facilities */ .jq ul.stn-fac .tooltip .tooltip-top{background:url(../images/tooltips/bg-tooltip-t-facilities.png) right top no-repeat;width:383px;padding-top:8px;font-weight:normal;z-index:100;} .jq ul.stn-fac .tooltip .tooltip-bottom{background:url(../images/tooltips/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;} .facilitiestip .tooltip-tip{width:29px;height:17px;} .facilitiestip .tip-top-left{left:0;} .facilitiestip .tip-top-left .tooltip-tip{background-image:url(../images/tooltips/facilitiestip-t-l.png);left:0;top:-18px;} .facilitiestip .tip-top-right{left:0;} .facilitiestip .tip-top-right .tooltip-tip{background-image:url(../images/tooltips/facilitiestip-t-r.png);right:0;top:-18px;} .facilitiestip .tip-bottom-left{left:0;} .facilitiestip .tip-bottom-left .tooltip-tip{background-image:url(../images/tooltips/facilitiestip-b-l.png);left:0;bottom:-11px;} .facilitiestip .tip-bottom-left{left:0;} .facilitiestip .tip-bottom-right .tooltip-tip{background-image:url(../images/tooltips/facilitiestip-b-r.png);right:0;bottom:-11px;} /* -------------------------------------------------------- HEADER and FOOTER -------------------------------------------------- */ /* NAVIGATION */ .navigation{clear:both;margin:0 0 2px 0;font-weight:bold;background:#003060;padding:0 10px 0 0;position:relative;} .navigation ul,.navigation form{position:relative;z-index:2;} .navigation .sprite-main{position:absolute;top:0;left:0;z-index:1;background-position:0 -151px;} .navigation ul{list-style-type:none;margin:0;padding:0;} .navigation ul li,.navigation ul li.selected,.navigation ul li a:hover,.navigation ul li a:focus,.navigation ul li a:active,.navigation ul li.selected a,.navigation ul li.first-selected a{background-image:url(../images/bg-sprite-main-new.png);background-repeat:no-repeat;} .navigation ul li{float:left;width:auto;display:block;margin:0;padding:0;background-position:100% 0;} .navigation ul li.first{padding-right:2px;} .navigation ul li.selected{background-color:#fff;background-position:100% -104px;padding:0 14px 0 0;margin-left:-2px;} .navigation ul li a{color:#FFF;display:block;float:left;width:auto;text-decoration:none;margin:0;padding:17px 20px;min-height:13px;line-height:1.05em;} .navigation ul li a:hover,.navigation ul li a:focus,.navigation ul li a:active{background-position:100% -52px;text-decoration:none;} .navigation ul li.first a:hover,.navigation ul li.first a:focus,.navigation ul li.first a:active{background-position:-740px -51px;} .navigation ul li.selected a,.navigation ul li.selected a:hover,.navigation ul li.selected a:focus,.navigation ul li.selected a:active{color:#404040;display:block;float:left;width:auto;background-position:-746px -104px;padding:17px 8px 17px 20px;} .navigation ul li.first-selected{background-color:transparent;} .navigation ul li.first-selected a,.navigation ul li.first-selected a:hover,.navigation ul li.first-selected a:focus,.navigation ul li.first-selected a:active{background-position:-740px -104px;padding-left:24px;} .navigation fieldset{padding:11px 0 0 0;float:right;width:222px;} .navigation input.search{width:130px;height:15px;background:url(../images/bg-sprite-main-new.png) no-repeat 0 -198px;border:none;margin:0;padding:6px 0 5px 12px;float:left;outline-width:0;font-weight:normal;color:#444444;} .navigation input.btn-search{float:left;width:74px;height:27px;background:url(../images/bg-sprite-main-new.png) -169px -198px no-repeat;} .search-partner{float:right;margin:15px 0 0 5px;background:url(../images/bg-sprite-main-new.png) -243px -198px no-repeat;} /* LOGIN BOX */ .login{width:460px;float:right;position:relative;} .login .padding{padding:25px 10px 15px 0;} .login p{margin:0;padding:0;float:left;width:365px;clear:left;font-weight:bold;} .login p.close{position:absolute;top:10px;right:10px;width:50px;} .login p.btn{float:right;width:85px;clear:none;/*margin-top:-13px;*/} .login p.btn a:link, .login p.btn a:hover{outline:none;} .login p.sign-in{font-size:0.94em;font-weight:normal;padding-top:0.2em;} .register-panel{position:absolute;right:0px;left:-60px;top:20px;width:520px;z-index:10000;opacity:0;display:none;} .register-panel iframe{width:520px;min-height:850px;background:transparent;} /* --------------------------------------- PANELS (ON STATIONS DESTINATIONS AND OTHER PAGES) ----------------------------- */ .alert{position:relative;} .alert .mobile-img{top:auto;right:auto;left:-16px;bottom:-100px;} /* ask lisa */ .ask-lisa {width:580px; min-height:230px; padding:25px 20px 20px; margin-bottom:10px; background:transparent url(../images/bg-ask-lisa-large.jpg) left bottom no-repeat; position:relative;} .ask-lisa h2{margin:0;font-weight:normal;color:#404040;width:130px;} .ask-lisa h2 span{color:#412e68;} .ask-lisa h3 {color:#494949;font-weight:normal;margin-bottom:10px;font-family:Arial, Helvetica, sans-serif;} .ask-lisa .lisa-form-wrapper {position:relative; padding:0 0 6px;float:left; width:283px;margin-top:-50px;} .ask-lisa .lisa-form-wrapper .sprite-main{position:absolute;left:0;bottom:0;background-position:-243px -219px;} .ask-lisa form {background:transparent url(../images/bg-sprite-main-new.png) -115px -287px no-repeat; width:242px; margin-top:135px;padding:12px 20px 0;} .ask-lisa label {color:#fff; font-family:Georgia,"Trebuchet MS","Times New Roman",Times,serif;font-size:1.9em;; margin:0 0 5px;} .ask-lisa .txtarea-border{display:block;padding:3px;margin:0 0 10px 0;} .ask-lisa textarea {height:60px; margin:0;color:#666666; font-size:1em;overflow:auto;width:231px;} .ask-lisa button {font-size:.9em;} .page .ask-lisa .b-b {float:right; width:auto; display:inline;margin-bottom:10px;} .ask-lisa .recently-asked {float:right; width:275px; padding-top:5px;} .ask-lisa .arrowlinklist-dark {float:left;} /* --------------------------------------- PANELS RE-USED ON THE JOURNEY PLANNER PAGES ---------------------------------------------------*/ .container .search{margin-top:-2.3em;padding-right:90px;background:url(../images/bg-search-m-glass.png) no-repeat 99% 4px;} .container .search h2, .search h3{margin-bottom:0.2em;} .container .search .pad7top{padding-top:0px;} .container .search .arrowlinklist-light a{font-weight:bold;} /* -------------------------------------------------------- COMMON ELEMENTS and FIXES -------------------------------------------------- */ .margin-bottom-2em{margin-bottom:2em;} .float-left{width:auto;float:left;} .float-right{width:auto;float:right;} input.text, select{border:1px solid #323232;border-right:1px solid #aaa; border-bottom:1px solid #aaa;-moz-border-radius:3px;-webkit-border-radius:3px;} span.radio-border{padding:2px 2px 3px 3px;} span.checkbox-border input{margin:0;} span.radio-border{-moz-border-radius:10px;-webkit-border-radius:10px;} .invalid span.input-border, .invalid span.select-border, .invalid span.checkbox-border, .invalid span.radio-border, .invalid span.txtarea-border, .invalid-large span.input-border{background-color:#AF0002;} #jp .invalid span.input-border, #jp .invalid span.select-border, #jp .invalid span.checkbox-border{background-color:Transparent;} .pocket-timetable .date-field input{float:left;} .pocket-timetable .date-field .dpc{margin-top:-5px;} .pocket-timetable .date-field .input-border{ padding-bottom: 6px;} .valid-div{padding:7px;} .invalid-div{border:2px solid #FF0000;padding:5px;} /* POPUP BOX */ .overlay{position:fixed;z-index:10000;top:0;left:0; height:100%;width:100%;} .overlayMacFFBGHack{background:url(../images/macFFBgHack.png) repeat;} .overlayBG {background-color:#000;filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;} .hideSelect{z-index:999;position:absolute;top:0;left:0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;height:100%;width:100%;} .box-8.modal-popup,.modal-popup{width:360px !important;position:absolute;z-index:10001;top:10%;left:50%;margin-left:-199px;margin-top:-100px;text-align:center;} .modal-popup .b8-m .b8-p {padding:14px 20px 20px 24px;min-height:0;} .modal-popup .popup-text{margin:16px 0 20px 0;padding:0;} .modal-popup .buttons{width:150px;margin:auto;} .modal-popup .buttons a.popup-no{float:left;} .modal-popup .buttons a.popup-yes{float:right;} .modal-popup .buttons a.popup-ok{float:left;margin-left:50px} .modalContainer h1{color:#494949;font-size:1.5em;padding-bottom:0;} /* hide from IE-mac \*/ .clear, .caption {display:block;} /* end hide from IE-mac */ /* -------------------------------------------------------- 0.0 HOMEPAGE -------------------------------------------------- */ .homepage .c2 h2{color:#404040;font-size:2.5em;} .homepage .c2 h2 span{color:#003366} /* JOURNEY FLYOUT */ .ticker p.jf-open, .ticker p.jf-closed{padding:0 0 0 6px;margin:0.6em 2px 0 0;} .ticker p.jf-open a, .ticker p.jf-closed a{outline:none;font-weight:normal;text-decoration:underline;} .ticker p.jf-open a:hover, .ticker p.jf-open a:focus, .ticker p.jf-open a:active, .ticker p.jf-closed a:hover, .ticker p.jf-closed a:focus, .ticker p.jf-closed a:active{text-decoration:none;} .ticker p.jf-open span, .ticker p.jf-closed span{padding:0.5em 8px 8px 1px;margin:0;display:block;} .ticker p.jf-open{background:url(../images/bg-journey-flyout-t-l.gif) top left no-repeat;} .ticker p.jf-open span{background:url(../images/bg-journey-flyout-t-r.gif) top right no-repeat;} div.jf-container{display:none;position:relative;clear:both;z-index:10000;visibility:hidden;} div.jf{background:url(../images/bg-journey-flyout-content-b.png) bottom left no-repeat;position:absolute;top:0;right:0;width:313px;padding:0 0 6px 0;} div.jf .padding{background:url(../images/bg-journey-flyout-content-t.png) top left no-repeat;padding:22px 10px 2px 10px;min-height:50px;} div.jf .padding h2{position:absolute;left-500em;top:-500em;} div.jf button.b-y{float:right;} div.jf label{float:left;font-weight:bold;margin-right:10px;text-align:right;width:35px;padding-top:5px;} div.jf .field input{width:170px;} div.jf .field{width:auto;float:left;margin:0 0 5px 0;} div.jf .predText .padding{background:transparent;} div.jf .predText ul{float:none;} div.jf .predText li{float:none;display:block;} /* live-trains - for arrival/departure information */ .live-trains{overflow:visible;} .live-trains label {float:left; width:auto; padding-top:6px; font-size:.9em; font-weight:bold;color:#fff;} .live-trains input, .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;} .live-trains input {width:155px;} .live-trains select {padding:1px 2px;} .homepage .live-trains .input-border, .homepage .live-trains .select-border{-moz-border-radius:4px; -webkit-border-radius:3px; color:#666666;margin:0 4px 0 5px;display:block;padding:3px;float:left;} .live-trains .select-border{} .live-trains .valid, .live-trains .invalid{float:left;} .live-trains .error{color:#FFEC8C;margin:0 0 3px 8px;display:block;} .live-trains .field{float:left;width:auto;} .live-trains-inner-box {background:none; padding:5px 15px 2px; margin:10px 0; clear:both; min-height:1%;} .box-3 .live-trains-inner-box {background:#424242;margin-top:1.5em;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;} .daily-commute{padding:7px 0 0 60px;position:relative;} .daily-commute .sprite-person{position:absolute;top:0;left:0;background-position:-886px -226px;} .daily-commute h3 {color:#fff; font-size:1em; font-weight:bold;margin-bottom:4px;font-family:Arial, Helvetica, sans-serif } .daily-commute p {color:#fff; font-size:.9em;} .live-trains .arrow-link{margin:0 10px;color:#fff;} /*stay updated */ .stay-updated{position:relative;padding:5px 0 0 85px;min-height:65px;margin:25px 0 10px 0;} .stay-updated .sprite-main{position:absolute;top:0;left:0;background-position:0 -226px;} .stay-updated strong{display:block;font-size:1.1em;} /* RIGHT HAND COLUMN */ /* hitwise */ .hitwise{margin-top:3em;border-top:1px solid #c2c2c2;padding:15px 20px 0 15px;} .hitwise a{float:right;} .hitwise p{float:left;margin-top:30px;width:200px;} .hitwise .sprite-main{background-position:-514px -226px;} /* --------------------------------------- 9.0 LATEST TRAINS ---------------------------------------------------*/ /* TIMETABLE */ .livetrain-section .live-trains .valid, .live-trains .invalid{margin-right:4px;} /*JP For other pages*/ .journey-planner{background:url(../images/bg-journey-planner.jpg) no-repeat bottom center;padding-bottom:29px;} .journey-planner-inner{text-align:left;margin:0 auto;} .journey-planner .button-holder{padding-right:52px;position:relative;z-index:110;} .journey-planner .location{margin-top:.8em;float:left;} .journey-planner .single{width:auto;margin-top:.8em;} .journey-planner label{float:left;width:auto;font-size:1.1em;font-weight:700;display:block;color:#fff;padding:5px 5px 0 0;} .journey-planner .input-border label,.journey-planner .select-border label{padding:2px;} .journey-planner input,.journey-planner select{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:#666;outline-width:0;float:left;text-align:left;margin:0;padding:2px 1px;} .journey-planner .checkfield input,.journey-planner input.check{border:none;padding:0;} .journey-planner select{padding:1px 0;} .journey-planner .valid input{width:128px;} .journey-planner input.day{width:65px;} .journey-planner .valid,.journey-planner .invalid{width:auto;float:left;} .journey-planner #rcards-holder{padding-left:0;} .journey-planner .invalid span.input-border,.journey-planner .invalid span.select-border,.journey-planner .invalid span.txtarea-border,.journey-planner .invalid-large span.input-border,.live-trains .invalid span.input-border,.live-trains .invalid .select-border,.op-3 .invalid span.input-border{background-color:red;position:relative;padding:3px;} .no-left .input-border,.no-left .select-border{margin-left:0;} .journey-planner .valid a.date-picker-control,.journey-planner .invalid a.date-picker-control{margin-right:0;} .journey-planner .input-border,.journey-planner .select-border{-moz-border-radius:4px;-webkit-border-radius:4px;display:block;margin:0;padding:3px;} .journey-planner span.select-border,.journey-planner span.input-border,.journey-planner span.txtarea-border{float:left;} .journey-planner ul.actions{clear:both;float:left;padding-bottom:0;margin-left:40px;display:none;} .jq .journey-planner ul.actions{display:inline;} .logged-in .journey-planner-homepage ul.actions{float:none;display:block;} .journey-planner ul.actions li{width:auto;float:left;display:inline;list-style:none;margin:0;padding:0;} .journey-planner ul.actions li a{float:left;color:#FFF;font-weight:700;text-decoration:none;font-size:1.1em;display:block;min-height:20px;padding:3px 20px 0 27px;} a.add-journey,a.remove-journey{position:relative;} a.add-journey .sprite-main{background-position:-664px 0;} a.remove-journey .sprite-main{background-position:-686px 0;} .journey-planner .slower-trains{float:right;margin-top:12px;margin-bottom:12px;} .jq .journey-planner .slower-trains{margin-top:0;margin-bottom:0;} .journey-planner .slower-trains label{padding-top:3px;padding-left:2px;font-size:1.1em;font-weight:400;} .journey-planner .slower-trains .more-help{margin-top:1px;} .journey-planner .more-help .sprite-main{background-position:-119px -284px;} .page .journey-planner .b-y{right:-5px;} .page .journey-planner .b-b,.page .journey-planner .b-y{margin-top:1px;height:24px;} .journey-planner .button-holder .fluid{position:absolute;bottom:0;right:0;z-index:1;} .jq .journey-planner .button-holder .fluid{bottom:42px;right:-3px;} .journey-planner span.b-y{margin:2px 1px;} .journey-planner span.b-y input{color:#000;margin:0;} .jq .journey-planner .return{display:none;width:100%;float:left;margin-bottom:10px;} .journey-planner .return .valid,.journey-planner .return .invalid{padding-bottom:0;} .journey-planner .return ul{float:left;width:216px;padding-bottom:0;} .journey-planner .return h3{color:#fff;font-family:Arial, Helvetica, sans-serif;font-size:1.1em;width:105px;float:left;text-align:right;font-weight:700;margin:0 10px 0 0;padding:10px 0 0;} .journey-planner .location,.journey-planner .single,.journey-planner .return{margin-bottom:12px;} .advanced-search-h .b-y{position:absolute;right:0;bottom:0;} .advanced-search-p{margin:0 22px 0 34px;} .journey-planner .advanced-search-p ul.actions{float:left;position:relative;z-index:100;margin-left:0;padding:0;} .journey-planner .advanced-search .more-help{margin-top:3px;} .advanced-search-f{width:420px;float:right;} .advanced-search .checkfield fieldset{float:none;} .advanced-search .b20-p{margin:0;padding:0 1px 0 8px;} .page .advanced-search a.delete{color:#fff;font-weight:400;background:transparent url(../images/icon-remove-station.png) no-repeat right top;float:right;margin:-10px 0;padding:3px 28px 3px 0;} .advanced-search-w{padding-bottom:5px;clear:both;} .advanced-search-w ul{list-style:none;margin:0;padding:0;} .advanced-search-w li{list-style:none;float:left;width:100%;margin:0 0 .5em;padding:0;} .advanced-search-w p{margin:-9px 0;padding:0;} .advanced-search-w input.check{width:auto;float:right;margin:-7px 6px;padding:0;} .advanced-search-route{float:right;margin-bottom:12px;} .advanced-search-route span.input-border input{width:154px;} .page .advanced-search-o,.page .journey-planner .advanced-search-o{float:right;padding-right:21px;} .advanced-search-o-bottom{float:right;padding-right:21px;margin-bottom:12px;} .page .advanced-search .b-b,.page .advanced-search .more-help{left:5px;} .page .advanced-search .more-help{margin-right:10px;} .journey-planner .checkfield{position:static;padding:3px 0 4px;} .journey-planner span.checkbox-border{float:left;-moz-border-radius:4px;-webkit-border-radius:4px;font-size:1em;color:#333;outline-width:0;margin:0;padding:3px;} .journey-planner .invalid span.checkbox-border{border:3px solid red;background-color:red;padding:0;} .journey-planner .checkfield input.check,#add-fares input.check{width:auto;float:left;padding:0;} .journey-planner .checkfield label{float:none;padding:2px 8px 2px 22px;} .journey-planner .checkfield .field label{padding:0 1px 2px 2px;} a.adv-search,a.hide-search,a.add-fares{position:relative;display:block;text-decoration:none;padding:3px 0 10px 27px;} a.adv-search .sprite-main{background-position:-708px 0;} a.hide-search .sprite-main{background-position:-732px 0;} #add-fares-show .sprite-main{background-position:0 -335px;} .js .journey-planner ul.actions li a{opacity:.5;cursor:progress;} .js .journey-planner ul.actions li a.active,.js .popup .journey-planner ul.actions li a{opacity:1;cursor:pointer;} #add-fares{clear:both;margin-left:45px;width:auto;margin-bottom:25px;} #add-fares label{vertical-align:middle;font-size:1.3em;padding-left:2px;padding-right:0;} #add-fares select{vertical-align:middle;font-size:1.1em;} #add-fares .checkbox-border{margin-top:.5em;margin-left:.1em;} #add-fares div a img{margin-left:5px;margin-top:2px;} #add-fares hr{float:left;width:0;height:3em;border-color:#000 #3371AF #000 #001B35;border-style:solid;border-width:0 1px;margin:0 1em;} #first-class-holder{margin-right:1.3em;} .journey-planner input,.journey-planner #txtFromSelect,.journey-planner #txtFromSelect{width:112px;} .journey-planner span.sp-has-icon input{width:88px;} .journey-planner span.sp-has-icon.dlrlu input{width:68px;} .journey-planner .invalid,.journey-planner .invalid-large,.journey-planner .valid,.journey-planner .valid-large{padding-right:16px;padding-left:5px;margin:0 0 12px;} .journey-planner .valid,#add-fares-show{padding-right:0;} a.add-journey .sprite-main,a.remove-journey .sprite-main,a.adv-search .sprite-main,a.hide-search .sprite-main,#add-fares-show .sprite-main{position:absolute;top:0;left:0;} .journey-planner .slower-trains input.check,#add-fares input{width:auto;} .journey-planner .location .valid,.journey-planner .location .invalid,.journey-planner .single .valid,.journey-planner .single .invalid,.journey-planner .return .valid,.journey-planner .return .invalid,.advanced-search-route .valid,.journey-planner .advanced-search-route .invalid,.advanced-search-o .valid,.advanced-search-o-bottom .valid,.journey-planner .advanced-search-o .invalid,.journey-planner .advanced-search-o-bottom .invalid,.journey-planner .checkfield .valid,.journey-planner .checkfield .invalid{margin-bottom:0;} .advanced-search-h,.advanced-search-h,#add-fares{clear:both;width:100%;padding-top:7px;} .advanced-search .float-right fieldset,.page .advanced-search-w button.b-b,.page .advanced-search-w span.b-b,.advanced-search-route fieldset,.advanced-search-o fieldset,.advanced-search-o-bottom fieldset{float:right;} .jq .advanced-search-h,.js #add-fares{display:none;} @media screen and (-webkit-min-device-pixel-ratio:0){.journey-planner #sltArr, #sltArrRet{width: 6.8em;} .journey-planner .button-holder {padding-right: 50px;} .journey-planner #txtFromAW {width:139px;}} .accordian.jp-acc .head .head-arrow{margin-top:0;} .js .accordian.jp-acc .head .head-arrow .sprite-main{margin:10px 0} .js .stations .accordian .head .head-arrow .sprite-main{margin:5px 0;} .js .toc-info .accordian .head .head-arrow, .js .cB .accordian .head .head-arrow{margin:0;} .js .toc-info .accordian .head .head-arrow .arrow .sprite-main, .js .cB .accordian .head .head-arrow .arrow .sprite-main{margin:10px 0;} /*END SPLIT HOME*/ /*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 */ /*.no-sub-nav{margin-top:20px;}*/ .page-heading .padding{padding:0px 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;} /* 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-new.png) -735px -198px no-repeat;padding:0 0 0 5px;} .page .blue-lozenge span{background:url(../images/bg-sprite-main-new.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;} .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 */} .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;} /* 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;} /* HEADERS */ .small-text h2{font-size: 2.128em;} 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;} .w-twi dl.zebra{float:left;width:507px;} 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;} /*TwitterFeed*/ .w-twi .twi{background:#f0f8ff;border-left:1px solid #bababa;color:#404040;text-align:left;width:250px;float:right;padding:8px 10px;min-height:350px;overflow:auto;} .twi .twi-h{border-bottom:1px solid #bababa;padding:0 0 15px;margin-bottom:10px;} .twi .twi-h h2{float:left;color:#404040;font-family:Arial, Helvetica, sans-serif;font-size:1em;font-weight:bold;margin:0;padding:2px 0 0;} .twi .twi-h p{font-size:1em;padding:0;} .twi .twi-h a{background:url(../images/twitter-sprite.png) no-repeat 0 -62px;color:#003366;display:block;float:right;font-weight:bold;padding:1px 0 0 25px;} ul.tweets{list-style:none;margin:0;padding:5px 0 0;} table.accordian-table td ul.tweets li{background:url(../images/twitter-sprite.png) no-repeat -58px 0px;margin:0;padding:3px 0 12px 30px;position:relative;} table.accordian-table td ul.tweets li.retweet{background:url(../images/twitter-sprite.png) no-repeat -31px -28px;} /*l.tweets li.retweet img{position:absolute;top:0;left:0;height:22px;width:22px;}*/ table.accordian-table td ul.tweets li.reply{display:none;} ul.tweets li .date{font-size:0.9em;float:right;} ul.tweets li a{color:#003366;} ul.tweets li a.title-user{display:block;font-weight:bold;padding:0 0 5px;} li.new-tweet{display:none;} /* 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;} 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.expanded td{color:#fff;background:#1e5892 url(../images/bg-table-cell-exp2.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:9px;width:16px;margin-top:12px;background: url(../images/sprite-home.png) no-repeat 0 -104px;} .js table.accordian-table tr.accordian-header.expanded td.last .sprite-main{background-position: -1px -196px} 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;} .popup .snav{width:auto;} /* FORMS */ .label{padding:0;margin:0;text-align:left;} input.text{width:95%;padding:1px 3px;} input.radio{display:block;float:left;margin:0 5px 5px 0;padding:0;} .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;margin-top:0;} .panel-blue a.b-y span, .overlay-275 a.b-y span{padding-bottom:3px;} .page .content .button-margin-top, .page .content .button-margin-top:hover, .page .content .button-margin-top:focus, .page .content .button-margin-top:active{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-2 { border-color:#d8d8d8; background:#fff url(../images/bg-box-2-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.022%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%);} .box-3 { border-color:#69a5c9; background:#606060 url(../images/bg-box-3-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.022%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%23333%3B%20stop-opacity%3A%201%3B%22/%3E%3Cstop%20offset%3D%2296%25%22%20style%3D%22stop-color%3A%20%23606060%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%, #333),color-stop(96%, #606060)); background-image:-moz-linear-gradient(center top,#333 15%,#606060 96%); color:#fff;} .homepage .b11-m{padding-right:9px;background:url(../images/box-11-home.png);background-repeat:no-repeat;} .box-20 {-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;border-style:none;background-color:#002657;color:#fff;} .box-20 .b20-t .b20-tr, .box-20 .b20-b .b20-br{display:none;} .box-21 { border-style:none; background:url(../images/bg-box-21-m.png) right top repeat-x; background:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.022%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%23013467%3B%20stop-opacity%3A%201%3B%22/%3E%3Cstop%20offset%3D%2297%25%22%20style%3D%22stop-color%3A%20%23013467%3B%20stop-opacity%3A%200%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, rgba(1, 52, 103, 1)),color-stop(97%, rgba(1, 52, 103, 0))); background:-moz-linear-gradient(center top,rgba(1, 52, 103, 1) 0,rgba(1, 52, 103, 0) 97%);color:#fff;} .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-23,.box-24,.box-25,.box-26,.box-28,.box-29,.box-30,.box-31,.box-32,.box-33,.box-34,.box-35 { -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;border-width:1px;border-style:solid;} /* variation on the dark grey box */ /* same as box-3-css with black border */.box-3-black {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.022%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%);} /* 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.022%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%);} /* BLUE GRADIENT BOX - BLUE BORDER - SQUARE CORNERS */ /* [!] Exactly the same as box-5-css, but with a darker border, and no rounded corners */ .box-5-alt-border {border-color:#6290ba;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;/* for Opera, up to version 10.6, lose the SVG background. */} /*NRE-2.2.1-stations-template.html*/ .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.022%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;} /* fix for opera <=10 Opera 10 for SVG backgrounds on elements with borders. */ /* DARK BLUE HEADER - #fff BACKGROUND - DARK BLUE BORDER - ROUNDED CORNERS */ .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.022%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;} /* fix for opera <=10 Opera 10 for SVG backgrounds on elements with borders. */ /* 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%);} /* fix for opera <=10 Opera 10 for SVG backgrounds on elements with borders. */ /* 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 #fff - LIGHT BLUE BORDER THAT FADES TO #fff */ /* 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;} /* #fff 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;} /* 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;} .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.022%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%, maroon),color-stop(96%, #340000));background-image:-moz-linear-gradient(center top,#ba0000 0,maroon 7%,#340000 96%);color:#fff;} /* fix for opera <=10 Opera 10 for SVG backgrounds on elements with borders. */ /* 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.022%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;} /* 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.022%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;} /* #fff 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.022%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;} /* LIGHT GREY BOX - ROUNDED CORNERS - #fff 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.022%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%);} /* fix for opera <=10 Opera 10 for SVG backgrounds on elements with borders. */ /* BLUE BOX - ROUNDED CORNERS - DARK BLUE TO #fff 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.022%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%);} .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.022%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%);} /* 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.022%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%);} /* fix for opera <=10 Opera 10 for SVG backgrounds on elements with borders. */ /* BOX 29- LIGHT GREY - #fff TO LIGHT GREY GRADIENT - ROUNDED CORNERS - GREY BORDER - NO DROP SHADOW made with gifs as on #fff 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.022%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%);} /* fix for opera <=10 Opera 10 for SVG backgrounds on elements with borders. */ /* 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.022%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;} /* fix for opera <=10 Opera 10 for SVG backgrounds on elements with borders. */ /* 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.022%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%);} /* fix for opera <=10 Opera 10 for SVG backgrounds on elements with borders. */ .box-30 .box-31{margin-top:10px;color:#444;} /* BOX-32 - #fff BOX - ROUNDED CORNERS - NO GRADIENTS */ .box-32 {border-color:#cbcbcb;} /* BOX-33 - #f5f5f5 BOX - ROUNDED CORNERS - NO GRADIENTS - used on alerting pages */ .box-33 {background:#f5f5f5; border-color:#f5f5f5;} .box-34 { background: #165e99; /* Old browsers */ background: -moz-linear-gradient(top, #165e99 0%, #003364 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#165e99), color-stop(100%,#003364)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #165e99 0%,#003364 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #165e99 0%,#003364 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #165e99 0%,#003364 100%); /* IE10+ */ background: linear-gradient(top, #165e99 0%,#003364 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#165e99', endColorstr='#003364',GradientType=0 ); /* IE6-8 */ color:#fff; border:none; } /*BOX-SPLIT - TWO SHADES OF BLUE*/ .box-s{width:780px;} .box-s .b-s-t, .box-s .b-s-b{font-size:0px;background:url(../images/bg-sprite-main-new.png) no-repeat 0 -658px; display:block; height:3px;} .box-s .b-s-b{background-position: 0px -653px; height:5px;} .box-s .b-s-m{background:url(../images/box-split-mid.gif) repeat-y left top; padding:13px 20px; } /* BOX WITH PICTURE 1 - Square box at the top of 6.3 with picture 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;} .box-28 .b28-t .b28-tr,.box-28 .b28-b .b28-br,.box-26 .b26-t .b26-tr,.box-26 .b26-b .b26-br,.box-3 .b3-t .b3-tr,.box-3 .b3-b .b3-br,.homepage .b11-t, .homepage .b11-tl, .homepage .b11-b,.homepage .b11-bl,.box-14 .b14-t .b14-tr,.box-14 .b14-b .b14-br,.box-21 .b21-t .b21-tr, .box-2 .b2-t .b2-tr,.box-2 .b2-b .b2-br.box-20 .b20-t .b20-tr,.box-20 .b20-b .b20-br,.box-4 .b4-t .b4-tr,.box-4 .b4-b .b4-br,.box-7 .b7-b .b7-br,.box-8 .b8-t .b8-tr,.box-8 .b8-b .b8-br,.box-12 .b12-t .b12-tr,.box-12 .b12-b .b12-br,.box-13 .b13-t .b13-tr,.box-13 .b13-b .b13-br,.box-15 .b15-t .b15-tr,.box-15 .b15-b .b15-br,.box-17 .b17-t .b17-tr,.box-17 .b17-b .b17-br,.b18-tl,.box-18 .b18-b .b18-bl,.box-23 .b23-t .b23-tr,.box-23 .b23-b .b23-br,.box-24 .b24-t .b24-tr,.box-24 .b24-b .b24-br,.box-25 .b25-t .b25-tr,.box-25 .b25-b .b25-br,.box-29 .b29-t .b29-tr,.box-29 .b29-b .b29-br,.box-30 .b30-t .b30-tr,.box-30 .b30-b .b30-br,.box-32 .b32-t .b32-tr,.box-32 .b32-b .b32-br{display:none;} .box-12 a.arrowlink-light,.box-15 h1, .box-15 h2,.box-15 h1, .box-15 h2,.box-30 h2, .box-12 h2,.box-4 .b4-m .b4-p, .box-12 .b12-m .b12-p{color:#fff;} .box-25 .b25-m .b25-p,.box-26 .b26-m .b26-p,.box-28 .b28-m .b28-p,.box-29 .b29-m .b29-p{padding:9px 15px;} .homepage .b11-p,.box-17 .backtotop {background:none;} .box-12 .box-6,.box-13 .box-6{background-image:none;background-color:#fff;} .box-13 .box-6 a{color:#003366;} .box-13 .box-6 .arrowlinklist-light a{color:#fff;} .box-2 h2,.box-13 h2,.box-26 h2{color:#404040;} .box-2 h2 span, .box-25 h2, .box-25 h1.sifr {color:maroon;} .box-30 h2 span, .box-3 h2 span{color:#bce5ff;} .box-3 h2 span.sifr-yellow, .box-4 h1 span, .box-4 h2 span, .box-13 h1 span,.box-12 h2 span,.box-13 h2 span, .box-15 h1 span, .box-15 h2 span, .box-15 h3{color:#ffe155;} .box-8 h2 span{color:#226ab1;} .box-26 h2 .sifr-purple{color:#603672;} .box-26 h2 .sifr-orange{color:#da3700;} .box-2 .b2-m .b2-p, .box-3 .b3-m .b3-p{padding:14px 10px 6px 14px;color:#fff;} .box-3 h2{color:#fff;margin-bottom:.5em;} .box-3 .error-message{background-color:#fff;margin-bottom:1.5em;border:1px solid #424242;} .box-3 .arrowlink-light{color:#fff;margin-left:10px;} .jq .homepage .b11-p, .jq .b11-p{padding-left:0;} .box-14 {border-color:#aad0f2;background-color:#e7f4ff;} .box-20 .b20-m .b20-p{padding-top:12px;padding-bottom:12px;} .box-21 .b21-m .b21-p{padding:8px 5px 0} .box-4 h1, .box-4 h2, .box-13 h1{color:#fff;margin-bottom:.3em;} .box-6 .padding{padding:20px;} .box-7 {border-color:#6290ba;background-color:#fff;} .box-7 .b7-m{padding-bottom:6px;} .box-10 .b10-m{padding-left:6px;} .homepage .b11-p{padding-left:9px;} .box-8 .b8-m .b8-p{padding:13px 10px 6px 14px;} .box-8 h2{color:#242424;margin-bottom:.5em;} .box-8 h3{color:#494949;font-size:1.5em;} .box-10 .b10-p{padding:6px 20px 15px 9px;} .box-12 .b12-m .b12-p, .box-13 .b13-m .b13-p, .box-30 .b30-m .b30-p{padding:16px 20px 20px;} .box-13 a{color:#ffffff;} .box-14 .b14-m .b14-p, .box-4 .b4-m .b4-p, .box-15 .b15-m .b15-p{padding:14px 20px 20px;} .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-17 .b17-m .b17-p,.box-17 .b17-m .box-17-a-padding, .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-18 {border-color:#990b61;background-color:#ea007b;color:#fff;} .box-18 .b18-p{padding:16px 10px;} .pocket-timetable .box-20 {background-color:#dedede;color:#000;} .box-23 .b23-m .b23-p{padding:10px;} .box-24 {border-style:none;background-color:#404040;color:#fff;} .box-24 .b24-m .b24-p{color:#fff;padding:10px;} .box-25 .b25-m .b25-p-h1{padding:13px 20px 19px;} .box-32 .b32-m{padding:6px 0;} /* 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:#036;} .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:maroon;} .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;} @media all and (resolution = 0dpi) {.box-31 {background-image:url(../images/bg-box-31.gif);}.box-30 {background-image:url(../images/bg-box-30-m.gif);}.box-29 {background-image:url(../images/bg-box-29-m.gif);}.box-28 {background-image:url(../images/bg-box-28-m.gif);}.box-26 {background-image:url(../images/bg-box-26-m.gif);}.box-25 {background-image:url(../images/bg-box-25-m.gif);}.box-23 {background-image:url(../images/bg-box-23-m.gif);}.box-17 {background-image:url(../images/bg-box-17.gif);}.box-15 {background-image:url(../images/bg-box-15-m.gif);}.box-13 {background-image:url(../images/bg-box-13-m.gif);}.box-12 {background-image:url(../images/bg-box-12-m.gif);}.box-8 {background-image:url(../images/bg-box-8.gif);}.box-7 .b7-t {background-image:none;}.box-6 {background-image:url(../images/bg-box-6.gif);}.box-5 {background-image:url(../images/bg-box-5.gif);}.box-4 {background-image:url(../images/bg-box-4-m.gif);}.box-21 {background-image:url(../images/bg-box-21-m.png);}.box-2 {background-image:url(../images/bg-box-2-m.gif);}.box-3 {background-image:url(../images/bg-box-3-m.gif);}} /* 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:9;} .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, .op-1 button.b-y:hover, .op-1 button.b-y:focus, .op-1 button.b-y:active{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 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 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, .op-3 button.b-y:hover, .op-3 button.b-y:focus, .op-3 button.b-y:active{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 - 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 .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:5px 2px;line-height:1em;} .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 .inline-label{float:left;line-height:2.3em;padding:0;} .form-panel .floatradios .field{float:left;width:auto;} .form-panel .floatradios .field input.radio{margin:4px 2px;line-height:1em;} .form-panel .floatradios .field label{float:left;white-space:nowrap;margin-right:14px;} /* 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;} .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 .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, .register .form-panel button.b-y:hover, .register .form-panel button.b-y:focus, .register .form-panel button.b-y:active{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 {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, .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 span{background:url(../images/register-tab-right.gif) no-repeat top right; } .register .tabs ul li.selected span 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;} .logged-in .jp-small form{width:100%;} .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 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 .alt td.alert{background-color:#e7eef5;} .timetable td {border:none; padding:11px; color:#484848; font-size:.94em;background:#FFF;} .timetable .destination,.timetable .from{text-align:left; } .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 .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{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 panel*/ .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;} /* 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{background:none;padding:0;width:auto;} .ask-lisa-380 .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;} .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 .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;} /* 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 .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 .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;} .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;} .page .jp-acc .journey-planner .change-label{width: 154px;padding-top:0;} .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:5px;} .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;} .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;} .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;} .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: 16%;} 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; } .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;} .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 FIXES */ .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-clock h2, .bg-speech h2{padding-bottom:0.2em;} /**/ h2.basic {color: #404040;font-family: Arial,Helvetica,sans-serif;font-size: 1.7em;font-weight: normal;margin: 0;} /* 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;} .no-bottom-padding{padding-bottom:0;} .pad7top{padding-top:7px;} .mt-n1{margin-top:-1px;}/* reversed in IE7 */ .mt-2{margin-top:2px;}/*USED FOR IE6 - MOVE ACROSS TO SEPERATE STYLES*/ .mt-4{margin-top:4px;}/*USED FOR IE6 - MOVE ACROSS TO SEPERATE STYLES*/ .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} /* 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;} .ic-walklu{background-position:-182px 0;width:38px;} .ic-walkdlr{background-position:-231px 0;width:44px;} .ic-walkludlr{background-position:-285px 0;width:77px;} /* 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;} /* 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 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{border:5px solid red!important; 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 .journey-planner-left ul.actions {margin-top:0px;padding-top:10px;} /* 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 dd h2 { padding:0px;font-family:Arial,Helvetica,sans-serif;font-size:1.5em;} .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-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} .js .stns-easy{cursor:pointer;} .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, .find-stn button.b-y:hover, .find-stn button.b-y:focus, .find-stn button.b-y:active{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;} /* 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-blue{background-color:#003366;} .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:#000;} .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, .search-results .search-form button.b-y:hover, .search-results .search-form button.b-y:focus, .search-results .search-form button.b-y:active{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*/ .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;} /* inside black box on homeage (from home.css) */ .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 button.b-y{float:right;margin-right:24px;} /* 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 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.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;} /* 20.0 MY ACCOUNTS PAGE - JOURNEYS TABLE*/ .my-account .none{font-weight:bold;position:relative} .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.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:none;padding:0 8px 15px;} .my-account-alerts .b10-p p.intro{font-size:1em} .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 .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;} .buttons .b-y{margin-right:35px;} .my-account-alerts{background:#FFF;} .my-account-alerts .my-account-heading{border-bottom:0;} .my-account-alerts .popup{border-top:0;width:auto;border-color:#A3A3A3;} .my-account-alerts .popup .alert-desc p{width:360px;} .my-account-alerts .confirm-alerts #jp-cdao .box-34{-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;} .my-account-alerts .popup .alert-desc ul{margin:0;} .my-account-alerts .popup .alert-desc li{padding:0;border:0;} .my-account-alerts .popup .confirm-alerts .timetable .button-holder{padding-left:15px;padding-right:15px;} .my-account-alerts .popup .no-alerts{padding:15px;} .my-account-alerts .popup .confirm-alerts .tbl-cont{margin:0;} .my-account-alerts .popup .confirm-alerts .dis-alerts{padding:15px;} .my-account-alerts .popup .button-holder .right{float:right;padding-top:13px;} .my-account-alerts .popup .button-holder .right p{float:left;padding-right:10px;font-weight:bold;} .my-account-alerts .popup .button-holder .left{float:left;padding-top:13px;} .my-account-alerts .popup .button-holder .left a{background: url(../images/alerting/alerts-sprite-ie6.gif) no-repeat left -492px;font-size:1.1em;padding:0 0 3px 23px;} /* SELECT A STATION - currently only used on 20.0 - My Account */ .my-account-stations p{clear:both;} .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 {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} .form-panel .select-station select {width:150px;} /* 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 */} .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 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 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*/ .usp-module{color:#fff;font-size:1.2em;float:right;width:50%; background: #001B35; /* Old browsers */ background: -moz-linear-gradient(top, #2C5F93 0%, #001B35 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2C5F93), color-stop(100%,#001B35)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2C5F93 0%,#001B35 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #2C5F93 0%,#001B35 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #2C5F93 0%,#001B35 100%); /* IE10+ */ background: linear-gradient(top, #2C5F93 0%,#001B35 100%); /* W3C */ } .usp-module .padding{padding:10px 20px 14px} .usp-module p{font-size:1.1em;font-weight:bold;padding-bottom:0.2em;} .usp-module ul{margin:0;padding:0;} .usp-module ul li{list-style:none;margin:0;padding:0;} .usp-module ul li img{margin:3px 10px 1px 0;vertical-align:bottom;} .register-form .b-y{margin-bottom:1em;} .sign-in-header{background:url(../images/icon-person-signedin.png) top right no-repeat;padding:10px 50px 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} .pocket-timetable input,.pocket-timetable select{font-size:1em;} .pocket-timetable .more-help{margin-top:6px;} .date-field a.date-picker-control{margin-right:0;} .page .date-field .valid{padding-right: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{ } .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 12px;} .costs .content-item table th.price{padding-top:7px;text-align:left;} .costs .content-item td.price{text-align:left;/*padding-right:150px*/} .costs .content-item td.avg{background:#efefef;} .costs .content-item tr.selected td.avg{background:#efeed2;} .costs table span{display:block;float:left;margin-top:2px;width: 100px;} .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-new.png) no-repeat -440px -523px;height:24px;display:block;text-decoration:none;padding-left:10px;cursor:pointer;} a.loz-btn span {background:#f7fbfe url(../images/bg-sprite-main-new.png) no-repeat 100% -523px;height:16px;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;display:inline-block;} .livetrain-section #livetrain-section-detail .b8-p .hc h2 span.from{margin:0 5px 0 0;padding:0;} .livetrain-section #livetrain-section-detail .b8-p .hc h2 span.to{margin-left:0;} .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;} .livetrain-section .results.no-results p{background: url(../images/icon-disruption-large.png) no-repeat 11px 11px;padding:10px 10px 15px 45px;color:#800000;} #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,.page .filter .button-margin-top:hover {margin-top:23px;} /*Ticket basket*/ .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;} .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;} .tickets tbody th{padding-left: 0;} .tickets tbody th[scope=rowgroup]{font-size: 1.068em;} .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;} .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;} .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;} /*JOURNEY PLANNER*/ /* 1.1.2 */ .journey-planner .box-19{margin-top:0.8em;padding-bottom:0} /* end */ /* 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, a.disruptiondesc {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 0 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 3px 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;clear:both;} .journey-details-panel h2{color:#404040;font-size:1.2em;font-weight:bold;font-family:Arial, Helvetica, sans-serif;} .journey-details-panel table{margin-top:0.6em;margin-bottom:0.6em;} .journey-details-panel tr th{padding:3px 0 0 0;color:#484848;font-size:0.9em;font-weight:normal;text-align:center;background-color:#dfeffb;border-right:2px solid #fff;width:124px;} .journey-details-panel tr td{padding:0 0 3px 0;color:#484848;font-size:0.95em;font-weight:bold;text-align:center;background-color:#dfeffb;border-right:2px solid #fff;width:124px;} .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.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 .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 tr.addinforow td{text-align:left;} .journey-details .addinfotext ul li{list-style-type:none;margin: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:1px 0 6px;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;} .sprite-walklu{background-position:-438px -25px;width:38px;} .sprite-walkdlr{background-position:-438px -49px;width:44px;} .sprite-walkludlr{background-position:-438px -73px;width:71px;} .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 .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;} /*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 */ /* 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;} /* 22 SELECTORS - 26/06/12 .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;} .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; line-height: 1.8; text-decoration: underline;}*/ /*.journey-planner-times .timetable-progress .back {float:right;} .journey-planner-times .timetable-progress .back a{display: block; min-height: 25px; padding: 3px 0 0 30px;background: url(../images/pagination-prev.png) left top no-repeat;}*/ .travelcard-buttons a { display: block; } /* 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;} /* 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, .timetable .show-single tr th.fares-tab .price-from-other{left: 0;} .timetable .show-return tr th.fares-tab .price-from-other, .timetable .show-single tr th.fares-tab .price-from{right: 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, .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;z-index:100;} .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 .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 .head-arrow a:hover span,.journey-summary .head-arrow a:active span, .journey-summary .head-arrow a:focus span{text-decoration:none;} .journey-summary td a:hover,.journey-summary td a:active,.journey-summary td a:focus{text-decoration:none;} .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 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;} .my-account .operator-price{float:right;width:132px;padding:10px 60px 0 0;display:block;} .my-account .operator-price img{padding:1em 0 0;} .my-account .form-panel .ticket-provider .field {padding: 7px 0 0;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;} .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;} /* 24 SELECTORS - 26/06/12 .ticket-summary th{padding:0;} .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;} .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-summary th{padding:0;} */ .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;} .jq .timetable .expanded{background:#1E5892 url(../images/bg-table-cell-exp-top.gif) repeat-x top left;} .js .timetable .head .head-arrow .sprite-main{margin-top:6px;height:9px;} .js .timetable .expanded .head-arrow .sprite-main {background-position: 0 -400px;} .jq .timetable .expanded h2, .jq .journey-summary .timetable .expanded h3{color:#fff;} /*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;} .farefind{margin-top:0;border:0} .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 .invalid label, .farefind .invalid-large label{color:#fff;} .farefind .text{width:150px;} .farefind .checkfield .valid{float:left;} .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} /* 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} .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;} /* 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;width:auto;} .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;} /* TRAVEL ALERTS - JOURNEY RESULTS*/ .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;} /* -------------------------------------------------------- 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:26em;}*/ .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; } #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;} */ /* 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 {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #e8ecf0; padding: 2px 10px; margin: 4px 0; background:#f3f8fd; color:#666; background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%, #ebedf4),color-stop(80%, #fff)); background-image:-moz-linear-gradient(center top,#ebedf4 0%,#fff 80%); background-image: linear-gradient(center top, #ebedf4 #fff); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ebedf4', EndColorStr='#ffffff');} .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;} /* long selector is slow but avoids regression - avoid line wrapping on firefox */ .popup .box-17 .al-out-col-l .field.checkfield .valid, .popup .box-17 .al-out-col-l .field.checkfield .invalid { 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;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: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;} /* Header */ /* header buttons */ #ctf-h1, .summary-page h1{float:left;font-size:2em;padding-bottom:14px;width:auto} #ctf-h1{padding:0;line-height:1.5em} .summary-page h1{padding-bottom:20px;} /*CTF h Nav*/ #ctf-h-nav{display:block;float:right;list-style:none;padding:6px;} /*-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#f2f2f2;*/ /*#ctf-h-nav.p2p{-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;}*/ #ctf-h-nav li{display:block;float:left;margin:0;padding:0;} #ctf-h-nav li.ctf-bl{background: url(../images/bg-sprite-main-new.png) no-repeat -934px -48px;color:#fff;} #ctf-h-nav li.ctf-wh{background: url(../images/bg-sprite-main-new.png) no-repeat -933px -105px;} #ctf-h-nav li.ctf-save{background: url(../images/bg-sprite-main-new.png);background-position: right -134px;margin:0;padding:0 6px 0 0;} #ctf-h-nav li.ctf-txt{background: url(../images/bg-sprite-main-new.png);background-position: right -134px;margin:0 10px 0 0;padding:0 6px 0 0;} #ctf-h-nav li.ctf-rcard{margin:0px 15px 0 8px;} #ctf-h-nav li.ctf-bl a{color:#fff;text-decoration:none; background: url(../images/bg-sprite-main-new.png) no-repeat right -76px;margin:0 0 0 6px;padding:6px 10px 0 3px;display:block;float:left;min-height:22px;} #ctf-h-nav li.ctf-wh a{text-decoration:none; background: url(../images/bg-sprite-main-new.png) no-repeat right -134px;margin:0 0 0 7px;padding:6px 5px 0 0;display:block;float:left;} #ctf-h-nav li.ctf-prtn a, #ctf-h-nav li.ctf-cal a{background-position: -727px -134px;padding:6px 5px 3px 0px;} #ctf-h-nav li.ctf-save a, #ctf-h-nav li.ctf-txt a{background-position:-934px -277px;padding:6px 5px 3px 5px;} #ctf-h-nav li a:hover, #ctf-h-nav li a:focus{text-decoration:underline;outline:1px dotted #222222;} #ctf-h-nav li a{font-weight:700;} #ctf-h-nav .sprite-main{float:left;margin:0 6px;} li.ctf-edit .sprite-main{background-position:left -391px;} #ctf-h-nav li.ctf-edit-j a{background-position: right -76px;margin-right:19px;padding-right:13px;} li.ctf-edit-j .sprite-main{background-position:left -518px;} li.ctf-rcard .sprite-main{background-position:left -414px;} li.ctf-save .sprite-main{background-position:left -456px;} li.ctf-save.saved .sprite-main{background-position:left -476px;} li.ctf-save.save-dis .sprite-main{background-position:left -496px;} li.ctf-prtn .sprite-main{background-position:left -435px;} /*FOLLOWING 5 SELECTORS USED 26/06/12*/ li.ctf-cal .sprite-main{background-position:left -581px;} li.ctf-txt .sprite-main{background-position:left -603px;} #ctf-h-nav li.ctf-prtn{display:none;} .js #ctf-h-nav li.ctf-prtn{display:block} #ctf-h-nav li.ctf-save.save-dis a, #ctf-h-nav li.ctf-save.save-dis a:hover{text-decoration:none;color:#999;} #ctf-h-nav.p2p li.ctf-wh a{text-indent:-9999em;margin:0 0 0 7px;} #ctf-h-nav.p2p li.ctf-prtn{min-width:34px;} #ctf-h-nav.p2p li.ctf-save{min-width:39px;} #ctf-h-nav.p2p li.ctf-prtn a{padding:6px 0px 3px;} #ctf-h-nav.p2p li.ctf-save a{padding:6px 0px 3px 6px;margin:0 0 0 3px;} /*pagination */ #ctf-pagination{float:right;margin:6px 0 0 10px;padding:0 13px 7px 10px;display:block;background-color:#f2f2f2;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} #ctf-pagination li{float:left;list-style:none;padding:0;margin:7px 0 0 1px;background-color:#fff;} #ctf-pagination a{min-width:15px;min-height:15px;display:block;text-align:center;font-weight:700;} #ctf-pagination a.ctf-pag-on{color:#666;} #ctf-pagination li.next a{background:url(../images/bg-sprite-main-new.png) no-repeat left -291px;text-indent:-200em;text-align:left;} #ctf-pagination li.next a.ctf-dis{background-position:-17px -291px;} #ctf-pagination li.previous a{background:url(../images/bg-sprite-main-new.png) no-repeat -34px -291px;text-indent:-200em;text-align:left;} #ctf-pagination li.previous a.ctf-dis{background-position:-51px -291px;} /* error msg */ #ctf .error-message {clear:both;margin:10px 0;} /* other cheapest fares reveal */ #ctf-ocfr {clear:both;position: relative;top: 20px;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:90px;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;} #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;margin-bottom:-15px;} #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 {color:#dee9f4;} /*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 {float:left;list-style:none;margin:0;padding:0;width:575px;overflow:visible;position:relative;min-height: 42px;} #ctf-so li {background-color:#aecce4;float:left;width:150px;float:right;margin:0;padding:5px 0;-webkit-border-radius:3px 3px;-moz-border-radius:3px 3px;border-radius:3px 3px;} /*#ctf-so li.ctf-first{-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;} #ctf-so li.ctf-no-card, #ctf-so li.ctf-card{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;margin:0 0 0 1px;}*/ #ctf-so li.ctf-first{width:128px;margin:0 2px 0 5px;} #ctf-so li.ctf-no-card, #ctf-so li.ctf-card{margin:0 0 0 1px;} #ctf-so li.ctf-oyster, #ctf-so li.ctf-smartcard{background-color:Transparent;width:140px;} #ctf-so li.ctf-smartcard{margin:0 0 0 4px;} #ctf-so li a{color:#333;display:block;float:left;padding-left:35px;text-decoration:none;background-repeat:no-repeat;background-position:4px 0px;background-image:url("../images/icon-ctf-sprite.gif");} #ctf-so li.ctf-oyster a, #ctf-so li.ctf-smartcard a{color:#fff;} #ctf-so li.ctf-oyster a {background-position: -369px 2px;color:#dee9f4;} #ctf-so li.ctf-smartcard a {background-position: -955px 0px;color:#dee9f4;} #ctf-so li.ctf-card a,#ctf-so li.ctf-no-card a {background-position: -185px 2px;} #ctf-so li a span{font-weight:700;} #ctf-so li a span.ctf-price{font-weight:normal;display:block;float:left;} #ctf-so li a span.ctf-price span{color:#fff;} #ctf-so li.ctf-no-card span.ctf-price span, #ctf-so li.ctf-card span.ctf-price span, #ctf-so li.ctf-first span.ctf-price span{color:#036;} #ctf-so li.ctf-alerts{background-color:#012249;clear:both;min-width:150px;padding:2px 8px;right:0;width:auto;position:absolute;top:100%;margin:8px 2px} #ctf-so li.ctf-alerts a{background:none;padding:0;color:#fff;} #ctf-so li.ctf-alerts a.alert-popup .sprite-main{background:transparent url(../images/icon-ctf-sprite.gif) no-repeat -559px 0px; float:left;} #ctf-so li.ctf-alerts a span{float:left;display:block;padding:2px 0 0 5px;} /*button*/ #ctf-cf {float:left;width:182px;position: relative;z-index:20;} #ctf-cf button{margin-bottom:4px;width:184px;font-size:1em;background:url(../images/bg-sprite-main-new.png) no-repeat -923px -619px;min-height:42px;padding-left:15px;} #ctf-cf button span{font-weight:bold;text-transform:none;background:url(../images/bg-sprite-main-new.png) no-repeat right -576px;min-height:37px;font-size:1.1em;padding:5px 20px 0 0;line-height:2.3em;} #ctf-cf button:focus{outline:1px dotted #fff;} #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:#036;clear:both;color:#fff;font-family:arial;font-size:1.2em;font-weight:bold;padding-bottom:10px;} #ctf h3.outward.ctf-h3 {padding-left:10px;} #ctf h3.return.ctf-h3 {padding-left:10px;width:770px;} #ctf h3.ctf-h3 .unb{font-weight:normal;} #ctf .firstUpsell{position:relative;top:0;} #ctf .firstUpsell p{border:2px solid #fff000;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#111;margin:0;padding:4px 8px 5px;position:absolute;right:16.6em;top:2em; background: #fffbc0 url(../images/first-upsell-back.png) left bottom repeat-x; /* Old browsers */ background: -moz-linear-gradient(top, #fffbc0 0%, #fff000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffbc0), color-stop(100%,#fff000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fffbc0 0%,#fff000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fffbc0 0%,#fff000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fffbc0 0%,#fff000 100%); /* IE10+ */ background: linear-gradient(top, #fffbc0 0%,#fff000 100%); /* W3C */ -webkit-box-shadow:2px 2px 4px rgba(0, 0, 0, .4); -moz-box-shadow:2px 2px 4px rgba(0, 0, 0, .4); box-shadow:1px 2px 4px rgba(0, 0, 0, .4); } #ctf .firstUpsell p a{color:#111;} #ctf .firstUpsell p span.arrow{background-image:url(../images/first-upsell-arrow.png);bottom:-22px;display:block;height:20px;right:12.6em;position:absolute;width:34px;} /* results table */ #ctf-results table, #ctf-results1 table {margin:0;} #ctf-results table{width:780px;} #ctf-results table table{width:auto;} #ctf-results th, #ctf-results1 th {border-top: 1px solid #C5C5C5;background:white;padding:2px 5px;} #ctf-results tr th, #ctf-results1 tr th{text-align:left;} #ctf-results th.dep{width:34px;} #ctf-results tr th.info, #ctf-results1 tr th.info {text-indent: -9999px;width:38px;} #ctf-results th.to, #ctf-results1 th.to {padding-left:20px;} #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;width:63px;} #ctf-results th.from{width:140px;} #ctf-results th.dur{width:55px;} #ctf-results th.chg{width:31px;padding:2px 0px;} #ctf-results th.arr{width:20px;} #ctf-results tr.alt, #ctf-results1 tr.alt {background-color:#f5f5f5;} #ctf-results tr tr:hover, #ctf-results1 tr tr:hover {background-color:inherit;} #ctf-results tr:hover , #ctf-results tr.sel, #ctf-results1 tr:hover , #ctf-results1 tr.sel {background-color:#FFFEE2;} #ctf-results td, #ctf-results1 td {padding:7px 3px;} #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 .from td, #ctf-results .to td, #ctf-results1 .from td, #ctf-results1 .to td{text-align: left;} #ctf-results tr.cheapest td, #ctf-results1 tr.cheapest td {padding-top:13px;} #ctf-results td.from, #ctf-results td.to{width:144px;} #ctf-results td.dur{width:59px;} #ctf-results td.status{width:69px;} #ctf-results td.arr{width:24px;} #ctf-results td.chg{width:25px;} #ctf-results td.fare, #ctf-results1 td.fare {width:191px;background-color:#f0f8ff;padding:5px 0 0;text-align:left;width:191px;} #ctf-results tr.alt td.fare, #ctf-results1 tr.alt td.fare {background-color:#e7eef5;} #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;} #ctf-results td.dep, #ctf-results1 td.dep {padding:7px 5px;width:34px;} #ctf-results td.info, #ctf-results1 td.info {text-align:center;width:42px;} #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;} #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 tr td .ctf-plat, #ctf-results1 tr td .ctf-plat {display: block;font-size: 80%;} /* t header and controls */ #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 {padding: 10px 0 0 10px;} #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;} #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 .changestip .innertable td, #ctf-results1 .changestip .innertable td {background-image:none; /* NREOJPTEST-2191 */} /* tbody */ #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;} /* 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: #FFF;} #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;} #ctf-results tr td.status p a, #ctf-results1 tr td.status p a {display:inline;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-top .padding a.close, #ctf-results1 tr td.status .tooltip-top .padding a.close{min-width:0;} #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 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 label, #ctf-results1 td.fare label{color: #333;font-weight: bold;font-size: 1.4em;line-height:30px;padding:5px 0 2px 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:170px;float:left;padding:0 7px 0 13px;overflow:hidden;} .js #ctf-results td.fare label.opsingle {background: url(../images/buynowbtns.png) no-repeat 94px 3px; cursor: pointer;} .js #ctf-results td.fare label.opreturn {background: url(../images/buynowbtns.png) no-repeat 94px -108px; cursor: pointer;} .js #ctf-results td.fare .return-only label.opreturn {background: url(../images/buynowbtns.png) no-repeat left -108px; cursor: pointer;} .js #ctf-results td.fare label.opreturnselected {background: url(../images/buynowbtns.png) no-repeat 94px -219px; cursor: pointer;} .js #ctf-results td.fare .return-only label.opreturnselected {background: url(../images/buynowbtns.png) no-repeat left -219px; cursor: pointer;} .js #ctf-results td.fare .more-fares-list label{width:52%;padding:5px 0 2px 3%;} .js #ctf-results td.fare .more-fares-list .fare-type{margin:6px 0 0;} .js #ctf-results td.fare button, .js #ctf-results1 td.fare button{float:right;margin-top: 3px;} .js #ctf-results td.fare input, #ctf-results1 td.fare input {margin: 0 0 0 10px;/*width: 80px;removed due to click issue*/float:right;height:30px;opacity:0;/* 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:2px 0 10px 10px;} .js #ctf-results td.fare .fare-type, .js #ctf-results1 td.fare .fare-type, #ctf-results1 td.fare .single .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 .single .more-fares, #ctf-results td.fare .hide-fares{width:46%;float:right;margin:1px 7px 9px 0;} #ctf-results td.fare .more-fares a {padding-right: 14px;background:url("data:image/gif;base64,R0lGODlhCwAIALMKAAAzZprK+/f39/Ly8uzs7OXl5d/f39jY2NPT087OzgAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAAoALAAAAAALAAgAAAQnUIlJqRo460F66MTXFSQQFAFAFkZrmIBrHDQN1DSi7zyiJMBgUBEBADs=") no-repeat right center;} #ctf-results td.fare .hide-fares a {padding-right: 14px;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:0;width:100px;height:30px;position:relative;left:50%;margin:7px 0 5px -50px;} /* 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:30px;width:49%;} #ctf-results .single, #ctf-results1 .single{float:right;} #ctf-results .return{float:left;position:relative;} #ctf-results .single, .js #ctf-results .return, #ctf-results1 .single, .js #ctf-results1 .return{float:none;width:190px;} .jq #ctf-results.single td.fare .single, .jq #ctf-results.single1 td.fare .single, .jq #ctf-results.return td.fare .return {display:block;} .jq #ctf-results.single td.fare .return, .jq #ctf-results.return td.fare .single {display:none;} .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;} .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 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 tr.next-day td, #ctf-results1 tr.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;} .ctf-info-links{margin:0;padding:0.5em 5px 0 0;} .ctf-info-links li{list-style:none;margin:0;padding:0 0 0.5em 0;} .ctf-info-links li img.sprite-main{top:8px;} /* 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-new.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-new.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-new.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-new.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;} /* CK - POST PURCHASE PAGE STYLES - 01/09/11 */ .summary-page .c1 .c2{width:300px;} .summary-page .c1 .cl{clear:both;} .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,.summary-page .sp-t h2{color: #404040;font-family:Arial,Helvetica,sans-serif;font-size:1.2em;font-weight:bold;padding:10px 0 15px;} .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 0;} .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 .c2 ul{list-style:none;margin:0;padding:0;} .summary-page .c2 ul li{margin:0px;} .summary-page dl{padding:0;} .summary-page dd{font-weight:bold;margin:0 0 10px 45px;} .summary-page .box-14{margin-bottom:15px;} .summary-page .box-14 .b14-p{padding:13px 20px 15px;} .summary-page .b14-p li{padding-left:45px;} .summary-page .b14-p li a{display:block;padding:5px 0 0;text-decoration:none;} .summary-page .b14-p li a:hover,.summary-page .b14-p li a:focus,.summary-page .b14-p li a:active{text-decoration:underline;} .summary-page .b14-p li a .sprite-main, .ticketdets a .sprite-main{background:url(../images/bg-sprite-main-new.png) no-repeat 0px -564px;float:left;} .summary-page .hr{clear:both;border-color:#c1c1c1;margin-left:0;} .summary-page .sp-t table{width:300px;border-collapse:collapse;} .summary-page .sp-t .pri,.summary-page .sp-t .adv{width:23%;text-align:right;} .summary-page .sp-t .total td{border-top:1px solid #c1c1c1;font-weight:bold;font-size:1.2em} .summary-page .sp-t td{padding:8px 0;} .summary-page .op-1{margin: 2em 0 0;} /*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;} .summary-page a.other-fares-popup-link{background:none;color:#003366;font-size:1em;width:auto;} 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;} .summary-page .otherFaresContainer { position:relative;} #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:-20px -226px;} #ad-postpurchase .ad-info a:hover,#ad-postpurchase2 .ad-info a:hover{background-position:-20px -236px;} #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;} a.further-fares-trigger{width:160px;height:30px;display:block;} /*PERMITTED ROUTE*/ #pr .c2 h2{font-size:1.32em; font-family:Arial, Helvetica, Sans-Serif; font-weight:bold; margin-bottom:12px;} #pr .c1{padding-right:5.5%} #pr .c1, #pr .c2{width:47%;} #pr .c2{float:right;} #pr ol{list-style-type:none; padding-bottom:0;} #pr li{margin-left:0;} #pr .c2 p{color:#000; font-size: 1.07em; padding-bottom:0.7em;} #pr .c2 img{margin-bottom:16px;} #pr .c2 li p{float:left; padding-top:4px; color:#404040;} #pr .c2 li p strong{color:#000;} #pr li span{margin-right:11px;float:left;text-indent:-9999em;width:24px; height:24px; display:block;background:url(../images/bg-sprite-main-new.png) no-repeat -745px -296px;} #pr li.item-2 span{background-position:-771px -296px;} #pr li.item-3 span{background-position:-797px -296px;} #pr li.item-4 span{background-position:-744px -322px;} #pr li.item-5 span{background-position:-771px -322px;} #pr form label{color:#444;font-weight:bold; font-size: 1.15em; padding-bottom:8px;} #pr form .field{padding-bottom:12px;} #pr form .submit{padding-bottom:0;} #pr form .day{float:left; width: 48%;} #pr form .day .day{width:auto;} #pr form select {width:309px; padding: 2px 1px; height:27px;} #pr form .input-border input{color:#333; width:300px; min-height: 24px;font-size: 1.07em;} #pr form .day .input-border input{width:111px;} #pr .dpc, .farefind .dpc{overflow:hidden;background:url(../images/bg-sprite-main-new.png) no-repeat -695px -70px;height:22px;width:22px;min-width:0px; float:right;} .farefind a.dpc{float:none;vertical-align: top;margin: -2px 0 -14px 0;height: 26px;display:inline-block;} #pr button.b-y{margin-top:20px;} #pr .input-border, #pr .select-border{background:transparent;} #pr .input-border, #pr .select-border, #pr .invalid, #jp-errp{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;display:block;padding:3px;} #pr .invalid{background:#af0002;padding:0; color:#FFF;} #pr .valid, #pr .valid-large, #pr .invalid, #pr .invalid-large{margin:0;} #pr .jperror{clear:both;display:block;padding:2px 10px 5px; width: 294px;} #pr .day .jperror{width:121px;} /*#pr .route .jperror{width:105px;}*/ #pr #jp-errp1{background:#af0002;padding:15px;margin:0 30px 10px 0; color:#FFF;} #pr #jp-errp1 a{color:#fff;} /*OJP Landing*/ .jphome .jp-left{width:536px;padding: 16px 0 0 15px;} .jphome .jp-right, .jphome .jp-right #jp-tabs, .jphome .jp-right div{width:226px;} .jphome #jp-tabs li, .jphome #jp li a{width:112px;} .jphome #jp #rcards-holder li a.remove{width:11px;} .jphome #jp .j-l li a {width:auto;} .jphome #jp-login{width:196px;padding: 20px 0 0;} .jphome #jp.box-1 #jp-login ul{padding:0 5px 10px;} .jphome #jp.box-1 #jp-login ul li{font-size:0.9em;} .jphome #jp-errp{padding:15px;} .jphome #jp span input{width:194px;} .jphome #jp span.sp-has-icon input{width:169px;} .jphome #jp span.sp-has-icon.dlrlu input{width:150px;} .jphome .jperror{width:190px;} .jphome #jp input.day{width:98px} .jphome #jp-out select, .jphome #jp-in select{width:116px;} .jphome #jp label.t-l{padding-right:15px;} /*.jphome #jp select{width:116px;} .jphome #jp-moreOp select{width:165px;}*/ .jphome #jp .jpPass select {width: 55px;} .jphome #jp-out, #jp-in{width:460px;} .jphome #jp input.check{width:auto;} .jphome #jp .m-o-c{width:453px;margin-bottom:10px;} .jphome #jp .m-o-c .fast{padding-top:6px;} .jphome #jp .m-o-c .fast label{margin-left:1px;} .jphome #jp .m-o-c .valid,.jphome #jp .m-o-c .invalid{margin-right:0;} .jphome .j-l li ul{width:225px;} .jphome .j-l{padding-top:5px;} .jphome .j-l li .sprite-home{display:none;} .jphome .j-l li {padding-bottom:1px;} .jphome #jp-moreOp li label{width:207px;} .jphome #jp #adv{padding:10px 8px 8px 6px;} .jphome #jp #adv img{margin-left:5px;} .page-heading .padding.alternate p{margin-bottom:10px;} /* BOX-35 - ASK LISA BOX - light blue - rounded corners - no gradients */ .box-35 {border-color: #cde0f8; background-color: #cde0f8;} .box-35 .b35-t .b35-tr,.box-35 .b35-b .b35-br{display:none;} .box-35 .b35-m .b35-p{padding:0px;} /* ASK LISA */ .asl{position:relative;margin-bottom:3px;margin-top:11px;} .asl-h{position:relative;background:url(../images/lisa-grad.png) repeat-x bottom left; padding: 13px 94px 6px 16px;border-bottom:1px solid #FFF;} .asl-h h2{background:url(../images/lisa-bubble.png) no-repeat top left;float:left;height:61px;margin:0;width:191px;overflow:hidden;text-indent:-9999px;} .asl-h p{color:#333;float:left;font-weight:bold;margin:11px 0 0 20px;padding:0;line-height:1.3em; font-size: 1.15em;width: 212px;} .asl-h p span{color:#036;font-weight:normal;} .asl-h .lisa-img{background:url(../images/lisa-small.png) no-repeat top left;height:98px;width:78px;position:absolute;right:20px;bottom:0px;} .asl-c .asl-qb {padding-bottom:10px;} .asl-c{padding:16px 16px 7px;} .asl-c p{background:#FFF;padding:10px 12px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin-bottom:10px;} .page .asl-c button span{padding-top:5px;height:19px;} .asl-c input{float:left;font-size:1em;padding:4px 10px 3px;margin:0;width:404px;} .page .asl-c .b-y{float:right;} .asl-c p.asl-invalid{background:#AF0002;color:#FFF;font-weight:bold;height: 19px;display:none;} .asl-c p.asl-invalid span{background: url(../images/sprite-home.png) no-repeat -20px -99px;float: left;display: block;text-indent: -9999em;width: 22px;height: 19px;padding-right:6px;} .ch-prnt h1{float:left;padding:4px 0 8px;width:440px;} .ch-prnt #ctf-h-nav{padding:0;} .ch-prnt #ctf-h-nav li.ctf-prtn a{background-position:right -134px;padding-right:14px;} /*124 SELECTORS FREED UP - 26/06/12 5 USED FOR CTF Buttons above - 26/06/12 19 USED BELOW for Journey Details header 24 USED 100 LEFT 19 USED 81 LEFT 1 Style removed on line 3776, 82 LEFT 28 used for Historic departures, 54 LEFT - 10/10/12 */ /*Journey Details*/ a.ctf-back{margin:-5px 0 10px 0;clear:both;} .b14-p .det{color:#000;font-size:1.0em;font-family:Arial, Verdana, Sans-Serif;} .box-14.journey-details-panel{background-color:#f7fbfe;} .box-14.journey-details-panel .b14-m .b14-p{padding:17px 20px;} .journey-details-panel .two-col-50pc .c1{width:484px;padding:0 19px 10px 0} .journey-details-panel .two-col-50pc .c2{width:234px;} .journey-details-panel .two-col-50pc hr{border-bottom:1px solid #aad0f2;border-left:0;border-right:0;border-top:0;clear:both;} .journey-details-panel td.fi{-moz-border-radius: 0 0 0 5px;-ms-border-radius: 0 0 0 5px;-o-border-radius: 0 0 0 5px;-webkit-border-radius: 0 0 0 5px;border-radius: 0 0 0 5px;width:115px;} .journey-details-panel th.fi{-moz-border-radius: 5px 0 0 0;-ms-border-radius: 5px 0 0 0;-o-border-radius: 5px 0 0 0;-webkit-border-radius: 5px 0 0 0;border-radius: 5px 0 0 0;width:115px;} .journey-details-panel th.la{-moz-border-radius: 0 5px 0 0;-ms-border-radius: 0 5px 0 0;-o-border-radius: 0 5px 0 0;-webkit-border-radius: 0 5px 0 0;border-radius: 0 5px 0 0;width:115px;border-right:0px;} .journey-details-panel td.changes{-moz-border-radius: 0 0 5px 0;-ms-border-radius: 0 0 5px 0;-o-border-radius: 0 0 5px 0;-webkit-border-radius: 0 0 5px 0;border-radius: 0 0 5px 0;width:115px;border-right:0px;} .page .journey-details-panel button.b-y{width:234px;margin:14px 0 0 0;padding:0 0 0 20px;background-position: -378px -183px;} .page .journey-details-panel button.b-y.lrg span{padding:5px 20px 0 0;margin:0;} a.alert-bl.sprite-main{background-position:-933px -660px;height:34px;display:block;width:234px;float:left;margin:7px 0 14px 0; } a.alert-bl span.sprite-main{background-position:100% -694px;height:25px;display:block;float:left;margin:0 7px 0 0;width:234px;text-align:center;padding:9px 0 0 0;vertical-align:middle;position:relative; } a.alert-bl span.sprite-main span.sprite-main{background-position:0 -28px;width:auto;height:auto;margin:0;padding:1px 0 0 20px;float:none;display:inline-block;} a.alert-bl img.sprite-main{position:relative;left:-10px;top:-5px;} a.alert-bl:hover span span{text-decoration:underline;} .departure-detail a.alert-bl{float:right;margin:-7px 0 0;} .journey-details-panel .c1 .disruptions{margin-top:7px;} /*End Journey Details*/ /*Historic Trains*/ .timetable ul.timetable-tabs li span{color:#566c11;} .historic-trains .depart-info{float:left;} .historic-trains .depart-info p{padding:0 0 0.4em 0;} .historic-trains .depart-info p.depart-date{font-size:1.15em;font-weight:bold;} .historic-trains .live-trains .select-border label{padding:2px;} .historic-trains .live-trains input, .historic-trains .live-trains select{float:left;} .historic-trains .live-trains input.day{width:135px;} #live-departure-board a.dpc{background-position:-30px -356px;height:20px;margin:0 0 0 2px;min-width:0;width:20px;} .historic-trains #ldb, .historic-trains .box-8{border:1px solid transparent;background:#d7de94 url(../images/bg-box-32.gif) left top repeat-x;background: -moz-linear-gradient(top, #e5e9be 0%, #d7de94 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e9be), color-stop(100%,#d7de94)); background: -webkit-linear-gradient(top, #e5e9be 0%,#d7de94 100%); background: -o-linear-gradient(top, #e5e9be 0%,#d7de94 100%); background: linear-gradient(top, #e5e9be 0%,#d7de94 100%);} .historic-trains .results{background:none;background-color:#EFEFEF;padding-bottom:6px;border:1px solid #909295;border-top:none;margin:0 2px 1em 2px;-moz-border-radius: 0 0 6px 6px;-ms-border-radius:0 0 6px 6px;-o-border-radius:0 0 6px 6px;-webkit-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;} .historic-trains .timetable-progress, .historic-trains .results .tbl-cont{padding:0;} .historic-trains #ldb-tabs li a{background:#bfca53;color:#333;} .historic-trains .ldbf label{padding-left:4px;} .historic-trains .ldbf .input-border{padding:3px 4px;} .historic-trains .ldbf-swt{margin:18px 10px 0 0;} .historic-trains .single{padding-top:0.6em;} .historic-trains .single .ldbf-ti label, .historic-trains .single .ldbf-ti select{float:left;} .historic-trains .single .ldbf-ti{padding-top:1.6em;} .historic-trains .single .ldbf-ti label{padding:3px 4px;} .historic-trains .single .ldbf-ti .select-border label{font-weight:bold;padding:0 6px;} .page .historic-trains .ldbf .b-y{margin-top:1.6em;} .historic-trains a.dpc{background-position:-50px -356px;height:20px;margin:0 0 0 5px;min-width:0;width:20px;} .livetrain-section h1 .sifr-green{color:#566c11;} /*End Historic Trains*/ /*1 used for CTF Third Party retailer message - 53 LEFT 22/10/12*/ .op-party-msg{display:none;} /*9 selectors freed by deleting box-19 and box-22 - 62 LEFT 25/10/12*/ /* 225 selectors freed by deleting CFF stuff - 289 LEFT 26/10/12 */ /*CHEAPEST FARE FINDER SEARCH*/ .cff .jp-left { width:758px;border:0;} .cff #jp.box-1, .cff .box-1 { background:#92b7d8 url(../images/bg-box-1-rev-cff.png) left top repeat-x;background: -moz-linear-gradient(top, #d3e4f1 0px, #91b7d7 218px);background: -webkit-gradient(linear, left top, left bottom, color-stop(0px,#91b7d7), color-stop(218px,#91b7d7)); background: -webkit-linear-gradient(top, #d3e4f1 0px,#91b7d7 218px); background: -o-linear-gradient(top, #d3e4f1 0px,#91b7d7 218px); background: -ms-linear-gradient(top, #d3e4f1 0px,#91b7d7 218px);background: linear-gradient(top, #d3e4f1 0px,#91b7d7 218px);} .cff #jp label { color:#036;} .cff #jp #adv { background-color: #86abcc; font-weight:bold;} .cff #jp #adv span.t{color:#333;} .cff #jp-moreOp { background-color: #86abcc; } .cff #jp-moreOp legend { color:#333;text-align:left;left:-90px;} .cff #jp #txtFrom, .cff #txtTo { width:250px;} .cff #jp .sp-has-icon #txtFrom, .cff .sp-has-icon #txtTo {width:226px;} .cff #jp label.f-l { width:67px;} .cff #jp label.t-l { padding:5px 10px 0px 24px} .cff #jp label.jp-when { width:75px;} .cff #jp span.rcard-lab { color:#333;} .cff #jp-moreOp fieldset { border:0px;} .js .cff #jp .rcards-add { color:#036} .cff #jp-out, .cff #jp-in { float:left;width:670px;} .cff #jp input.day, .cff #jp #sltArr, .cff #jp #sltArrRet { width:95px;} #jp select.cff-time{ width:52px} .cff #jp .input-border.day {margin:0 14px 0 0; } .cff #jp .day label { font-weight:normal;font-size:1.1em;color:#333;padding: 7px 2px 0px 3px;} .cff #jp .day .select-border label { font-weight:bold;font-size:1.3em;color:#036;padding: 5px 2px 0px 3px;} .cff #jp label#ret-lab { font-weight:bold;margin:1px 0 0;width:60px;font-size:1.3em;} .cff #jp .chk-ad { padding:7px 0 7px 4px;float:left;} .cff #jp .chk-ad label { font-size:1.1em;font-weight:normal;color:#333;padding:1px 0;} .cff #jp #adv img { background-position:-99px -308px;} .cff #jp .ex #adv img{ background-position:-79px -308px;} .cff #jp-moreOp fieldset.oper { padding:5px 0px 10px 14px;} .cff #jp-moreOp fieldset.oper legend { padding-top:8px;} .cff #jp-moreOp label { color:#333;} .cff #jp-moreOp input, .cff #jp-moreOp select { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 4px; } .times { float:left;} .cff .times.dis { opacity:0.5;} .rWrapOnShort{display:block;position:absolute;top:0;right:78px;height:100%;width:320px;z-index:4;} .rWrapOffShort{display:none;} /*CFF Results Single*/ #cff-header {min-height:90px;background:#92b7d8 url(../images/bg-box-1-rev-cff.png) left top repeat-x;background: -moz-linear-gradient(top, #d3e4f1 0px, #91b7d7 218px);background: -webkit-gradient(linear, left top, left bottom, color-stop(0px,#91b7d7), color-stop(218px,#91b7d7)); background: -webkit-linear-gradient(top, #d3e4f1 0px,#91b7d7 218px); background: -o-linear-gradient(top, #d3e4f1 0px,#91b7d7 218px); background: -ms-linear-gradient(top, #d3e4f1 0px,#91b7d7 218px);background: linear-gradient(top, #d3e4f1 0px,#91b7d7 218px);-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 0 10px 0;margin:20px 0 0;} .cff .box-1#jp h1 { font-size:2.1em;padding:0 0 15px; width:590px;color:#036} .cff h1 { font-size:2.1em;padding:0 12px 15px;width:590px;color:#036} #cff-header h1 { float:left;} #cff-header h2 { font-family:Arial, Verdana, sans-serif;font-size:1.3em;color:#333;font-weight:bold;} .js .cff #ctf-results th.fare{ width:165px;position:relative;padding:5px 0;} .js .cff #ctf-results .single, .js .cff #ctf-results .return{ width:160px;} .cff #ctf-results td.fare { width:165px;background-color:#faefb9;vertical-align:middle;} .cff #ctf-results .alt td.fare { background-color:#fff9d8;} .cff #ctf-results td.fare:hover, .cff #ctf-results .sel td.fare { background-color:#ffe347;} .cff #ctf-results th{ padding:5px 3px;} .cff #ctf-results .day-heading th { padding:0;} .cff #ctf-results td.dep, .cff #ctf-results th.dep{ width:37px;text-align:center;} .cff #ctf-results td.from, .cff #ctf-results th.from { width:131px;} .cff #ctf-results td.to { width:145px;} .cff #ctf-results th.to { width:131px;} .cff #ctf-results td.arr, .cff #ctf-results th.arr { width:37px;} .cff #ctf-results td.dur, .cff #ctf-results th.dur { width:69px;} .cff #ctf-results td.status {width:68px;} .cff #ctf-results th.status {width:68px;border-right:0px;} .cff #ctf-results td.chg{ width:27px;} .cff #ctf-results th.chg { width:33px;} .cff #ctf-results td.info, .cff #ctf-results th.info { width:55px;} .cff #ctf-results th.fare div.ctf-fare-inner{width:159px;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:-13px;padding:7px 3px 0;position:absolute;text-align:center;z-index:2;min-height:20px;} .js .cff #ctf-results td.fare label {width:105px;padding-left:5px; } .js .cff #ctf-results td.fare .fare-type { width:50px;float:right;margin-top:10px;} #cff-header #jp { float:left;padding:20px 15px 10px 12px; margin:0; display:none;background: -moz-linear-gradient(top, #aac0d3 0%, #d0e2f0 10px, #d0e2f0 94%, #aac0d3 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aac0d3), color-stop(10px,#d0e2f0), color-stop(94%,#d0e2f0), color-stop(100%,#aac0d3));background: -webkit-linear-gradient(top, #aac0d3 0%,#d0e2f0 10px,#d0e2f0 94%,#aac0d3 100%);background: -o-linear-gradient(top, #aac0d3 0%,#d0e2f0 10px,#d0e2f0 94%,#aac0d3 100%);background: -ms-linear-gradient(top, #aac0d3 0%,#d0e2f0 10px,#d0e2f0 94%,#aac0d3 100%);background: linear-gradient(to bottom, #aac0d3 0%,#d0e2f0 10px,#d0e2f0 94%,#aac0d3 100%);} .page #cff-header #jp button.b-y.rgt {margin-right: 0px;font-size: 1.2em;} .page #cff-header #jp button.b-y.rgt span {line-height:1.5em;} .cff #ctf-cf { float:left;width:753px;padding:0 15px 10px 12px;position:relative;} .cff #ctf-cf .headers { width:590px;float:left;} .cff #ctf-cf h3 { font-size:1.2em;color:#333;font-family: Arial, Verdana, sans-serif;font-weight:bold;} .cff h3 .unb { font-weight:normal;} .page .cff button#buyNowHead { font-size:1em;background: url(../images/sprite-home.png) -379px -183px no-repeat;min-height:35px;margin:0;padding:0 0 0 15px;height:35px;float:right;width:155px;top:-40px;position:absolute;right:6px;font-weight:bold;line-height:2.3em;} .page .cff button#buyNowHead span{ min-height:30px;background: url(../images/sprite-home.png) 100% -148px no-repeat;padding:0 16px 0 0;height:35px;font-weight:bold;line-height:2.3em;font-size:1.1em;} .cff #ctf-results div.ctf-bar { position:relative;} .cff #cancel {background-position:0 -624px; display:block;padding:0 0 0 15px;float:left;font-size:1em;margin:10px 0 0 70px;} .cff .jperror { color:#fff;} .cff #ctf-results > div.after { border-bottom-color: #d3e4f1; } .cff #ctf-costs-p {color:#333;background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcyMiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0QzRTRGMSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzkxQjdENyIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzIyKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top, #d3e4f1 0px, #91b7d7 218px);background: -webkit-gradient(linear, left top, left bottom, color-stop(0px,#d3e4f1), color-stop(218px,#91b7d7)); background: -webkit-linear-gradient(top, #d3e4f1 0px,#91b7d7 218px); background: -o-linear-gradient(top, #d3e4f1 0px,#91b7d7 218px); background: -ms-linear-gradient(top, #d3e4f1 0px,#91b7d7 218px);background: linear-gradient(top, #d3e4f1 0px,#91b7d7 218px); } .cff #ctf-costs-p .tickets th .title { color:#036;} .cff .tickets th.price {color:#036; } .cff .tickets tbody tr.first th { border-top-color: #85b0d2; } .cff .tickets { border-bottom-color: #85b0d2;} .cff .tickets a {color:#036;} .cff .tickets .saving { color:#036;} .page .cff button.b-y-lrg span { background-image: url(../images/sprite-home.png)} .page .cff button.b-y-lrg { background: url(../images/sprite-home.png) -379px -183px no-repeat;min-height:35px;margin:0;height:35px;top:auto;} .page .cff button.b-y-lrg span{ min-height:20px;background: url(../images/sprite-home.png) 100% -148px no-repeat;padding:8px 16px 0 0;height:27px;text-transform:none;} .cff .jp-ff-left {margin:20px 0; } .cff a.other-fares-popup-link { width:134px;} .cff #ctf-results th.fare { background-color:white;border-right:0px;border-top: 1px solid #C5C5C5;} .cff #ctf-results h3.return.ctf-h3 {padding-left: 10px;width: 770px;background-color:#d3e4f1;font-family:arial;font-size:1.2em;font-weight:bold;line-height:40px;min-height:40px;position:relative;z-index:10px;} .cff #rcards-holder a.remove {background-position:-131px -337px;} .cff a.dpc { background-position:-28px -377px; } .cff #ctf-results td.fare .return-only label { width:163px;margin:0;padding:0;left:auto;} /*100 used*/ .ticketdets { padding:3px 0 3px 28px;} .journey-details-panel .two-col-50pc .c1.last { padding:0 19px 0 0;} /*3 used .ticketdets + 3382 .ticketdets a .sprite-main*/ /*185 left 03/12/12*/ /* to sort out */ #recFnd{background:url(../images/recFndBGt.png) repeat-x 0 0;color:#444;} #recFnd .cRF{background:url(../images/recFndBGb.png) repeat-x 0 bottom;min-height:788px;} #recFnd .cRFtxt{float:left;width:440px;padding:30px 0 30px 40px;} #recFnd .cRFtxt h1{font-size:2.5em;padding:0 0 27px;line-height:normal;} #recFnd h2 { font-size:1.6em;padding:0;} #recFnd .cRFtxt p{font-size:1.2em;} #recFnd .cRFtxt ol li{font-size:1.2em;background:url(../images/recFndsprite.png) no-repeat 0 0;list-style:none;margin:0;min-height:30px;padding:7px 0 10px 44px;} #recFnd .cRFtxt ol.olReg{margin-top:25px;padding:0;} #recFnd .cRFtxt ol li.one{background-position:0 6px;} #recFnd .cRFtxt ol.olReg li.one{background-position:0 0;} #recFnd .cRFtxt ol li.two{background-position:0 -198px;} #recFnd .cRFtxt ol.olReg li.two{background-position:0 -202px;} #recFnd .cRFtxt ol li.three{background-position:0 -393px;} #recFnd .cRFtxt ol.olReg li.three{background-position:0 -396px;} #recFnd .cRFconf{background:#fffedf;padding:12px 15px;margin:10px 0 30px;} #recFnd .cRFconf p{padding:0;font-weight:bold;font-size:1.5em;} #recFnd .cRFconf a{font-weight:normal;font-size:0.9em;} #recFnd .cRFfrm{background:#d8e5ed;padding:25px 30px;margin-top:35px;} #recFnd .cRFfrm h3, #recFnd .cRFfrm h2{color:#444;font-size:1.4em;font-weight:bold;font-family:Arial, Helvetica, sans-serif;padding:0 0 17px} #recFnd .cRFfrm p{font-size:1.1em} #recFnd .cRFfrm .field {margin:0 -4px 10px;clear:both;} #recFnd .cRFfrm label{float:none;padding:0 5px 3px;} #recFnd .cRFfrm input{margin:0;border:1px solid #323232;border-right:1px solid #aaa; border-bottom:1px solid #aaa;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:4px;color:#666666;outline-width:0;float:left;text-align:left;height:22px;padding:4px 12px;width:345px;} #recFnd .cRFfrm button{top:0;} #recFnd .cRFimg{float:left;width:300px;padding:30px 0 0;text-align:center;} #recFnd .cRFreg{clear:both;padding: 0 40px 30px;} #recFnd .cRFreg .f-left{float:left;width:auto;margin:0 20px 10px -4px;clear:none;} #recFnd .cRFreg .cRFfrm{margin-top:20px;} #recFnd .cRFreg input{width:200px;} #recFnd .cRFreg .f-chk input{float:left;width:auto;margin: 0 10px 0 4px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0; border:0;padding:0;} #recFnd .cRFreg .f-chk label{float:left;max-width:600px;padding:3px;} #recFnd .cRFreg .f-chk p{float:left;line-height: 1em;padding:3px 0;} #recFnd .cRFfrm select{margin:0;border:1px solid #323232;border-right:1px solid #aaa; border-bottom:1px solid #aaa;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:4px;color:#666666;outline-width:0;float:left;text-align:left;padding:4px 4px 4px 9px;height:33px;width:226px;} /*#recFnd .cRFreg .pre-filled {padding-top:6px;}*/ #recFnd .cRFreg .pre-filled p{float:left;margin:3px 10px 3px 4px;padding:6px 11px 8px;} #recFnd .cRFreg .pre-filled p.val{background:#eaf1f6;width:204px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:4px;} #recFnd .cRFreg .change-field{display:none;} #recFnd .invalid{background:#AF0002;padding:0;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:4px;margin:0 24px 0 0;} #recFnd .f-chk .invalid{padding:0 5px 0 0;} #recFnd .invalid a,#recFnd .invalid p,#recFnd .invalid label{color:#FFF;} #recFnd .error{color:#FFF;clear:left;padding:1px 6px 6px;font-size:1.0em;} #recFnd .tooltip {margin:10px 0 0 -10px } /*46 used*/ /*139 left 01/03/12*/ div.fare-slide{display:none;height:auto;padding:17px 0 17px 45px;} .js #ctf-results .faredets td, #ctf-results .faredets th { border:0px;height:0px;padding:0;} .js #ctf-results .faredets .minibasket td, #ctf-results .faredets .minibasket th { padding:0 0 9px} .js #ctf-results .open td, .js #ctf-results .open.selected td {border-top:1px solid #ffec50;border-bottom:2px solid #ffec50;background-color: #fffee2;} .js .colorTr { background-color:#fffee2;} .js #ctf-results table.tickets{padding:0;border:0;width:100%;margin:17px 0 0;} .js #ctf-results .faredets.open table.tickets td { border:0;} .js .faredets .tickets a{color: #036;font-weight:bold;} .js #ctf-results tr.last td.price { border:0;background:none;} .js #ctf-results .faredets.open table.tickets tr.ticket-total td, #ctf-results .faredets tr.ticket-total th, #ctf-results .faredets tr.last td { border-top:1px solid #cccbb7;font-size:1.05em;font-weight:bold;padding:10px 0;} .js #ctf-results .faredets .sub-total { display:none;} .js #ctf-results .faredets.open td.exp-content {padding: 0 30px 0 16px; } .js .fare-slide h5 { background-image:url(../images/fare-det-icons.jpg);background-repeat:no-repeat;padding:0 0 0 30px;margin:0 0 12px -30px;min-height:17px;font-family:Arial, Verdana, sans-serif;font-weight:bold;color:#555;font-size:1.05em;} .js .fare-slide h5.sum { background-position:0 0;} .js .fare-slide h5.fareinfo { background-position:0 -32px;margin:38px 0 12px -30px;} .js .fare-slide h5.out { background-position:0 -63px;} .js .fare-slide h5.in { background-position:0 -95px;} .js .fare-slide .tickets .type, .fare-slide .tickets .saving { display:inline;margin:0;} .js .fare-slide .tickets .saving { color:#036} .js #ctf-results td.fare .more-fares-list input, #ctf-results1 td.fare input {margin: 0;width: 0.8em;float:none;height:auto;opacity:1;/* Makes this element take up about the same amount of horizontal space in IE as it does in other browsers */} .js .fare-slide .ticket-details { background-color:transparent;margin:0;padding:0;} .js .fare-slide .sltProvider{float:left;} .js .fare-slide .operator-price{clear:none;float:left;margin:-14px 0 0 15px;} .js #fim { display:none;} .js #nonJsTd { display: none; } .js .cff #ctf-results td.fare input{margin: 0;width: .8em;float:none;opacity:1;height:auto;} .cff #ctf-results td.fare label { line-height:normal;} #ad-postpurchase3{z-index:100;} .sprite-mode {background:url(../images/sprite-mode.png) no-repeat -85px 0;} .sprite-mode.sprite-train{background-position:0 -20px;width:20px;} .sprite-mode.sprite-tube, .sprite-mode.sprite-underground, .sprite-mode.sprite-lu{background-position:-23px -20px;} .sprite-mode.sprite-walklu, .sprite-mode.sprite-walktube{background-position:0 -45px;width:38px;} .sprite-mode.sprite-walkdlr{background-position:0 -69px;width:44px;} .sprite-mode.sprite-walkludlr, .sprite-mode.sprite-walktubedlr{background-position:0 -93px;width:71px;} .sprite-mode.sprite-ferry, .sprite-mode.sprite-hovercraft {background-position:0 -117px; } .sprite-mode.sprite-bus {background-position:0 -143px; } .sprite-mode.sprite-walk {background-position:0 -45px;width:13px; } .sprite-mode.sprite-dlrtube {background-position:-16px -93px;width:60px; } .sprite-mode.sprite-dlr {background-position:-43px -93px;width:28px; } .sprite-mode.sprite-tramlink, .sprite-mode.sprite-tram, .sprite-mode.sprite-metro {background-position:-65px -148px; } .sprite-mode.sprite-transfer, .sprite-mode.sprite-platformchange{background-position:-64px -118px;height:26px } /*55 used - 84 left 10/03/13*/ .ajaxWait { text-align:center;vertical-align:middle;background-color:#efefef;} .ajaxText { display:block;} #ctf-results .faredets th { background-color:#fffee2;} .page .cff button#buyNowHead {z-index:20; } .buyDis { opacity:0.5;} .cff #jp-errp a { color:#fff} .cff #jp-errp { padding:15px;} /*7 used - 77 left 24/04/13*/ .js #ctf-results td.fare .return-only label.opreturndisabled{opacity:0.2;filter:alpha(opacity=20);cursor:default;} /*1 used - 76 left 02/05/13*/ .type a.group-save{background:url(../images/groupsave.gif) no-repeat 0 0;padding:1px 0 0 25px;} .type a.no-rc{background:url(../images/icon-note-noshadow.png) no-repeat 0 0;padding:1px 0 0 25px;} /*2 used - 74 left 07/06/13*/ /* removed 33 - 107 left - Removing hotels CK 04/07/13 */ /*BUS- TRAIN- FERRY- Walk- Underground- Taxi Metro- Tramlink- Platform Change- Checkin Time HOVERCRAFT- Transfer- Tram- DLR- LU- DLR/Tube- Walk/Tube- Walk/DLR- Walk/Tube/DLR- Unknown*/