/* --------------------------------------- ADVERTISEMENT PLACEMENT ---------------------------------------------------*/ #ad-top{position:absolute;top:10px;left:50%;width:728px;margin:0 0 0 -470px;} #ad-bottom{position:absolute;/*NREOJPTEST-2682*/bottom:6em;left:50%;width:728px;margin:0 0 0 -460px;} #ad-side{position:absolute;top:288px;right:50%;width:125px;margin:0 -462px 0 0;visibility:hidden;}/* This is invisible when loading because we need to work out the space from the top of the screen. The visibility is set to visible when the JS is execute - see line 3319 in functions.js*/ #ad-side.css-pos{left:0;height:1px;width:100%;position:absolute;top:288px;margin:0;visibility:hidden;z-index:0;} #innerad, #innerad2{width: 960px;margin: 0 auto 0 auto;position:relative;height:1px;} #inad1{width: 160px;height: 780px;float:right;padding:7px 10px;} #inad2{width: 125px;height: 780px;float:right;margin: -2px 7px 7px;z-index:0;} #ad-homepage{position:absolute;visibility:hidden;} #ad-placeholder-homepage{height:280px;} #ad-homepage.css-pos{height:1px;width:100%;position:absolute;top:288px;margin:0;visibility:hidden;z-index:0;padding:0;} #hme-ad, #pp-ad, #pp-ad2{float:right;padding-right:7px;position:relative;height:280px;} /* --------------------------------------- /ADVERTISEMENT PLACEMENT ---------------------------------------------------*/ /* Styles originally in base.css */ /* ------------------------------------------------ OVERALL LAYOUT ----------------------------------------- */ body{font-size:76%; margin:0; padding:0; color:#2b2b2b; text-align:center;position:relative;} .leaderboard{margin:0 auto 0 auto;padding:0;text-align:left;width:940px;} #myContent{float:right;} .top-section{text-align:left;width:940px;margin:0 auto 0 auto;position:relative;z-index:1;} .header{clear:both;margin:17px 0 2px 0;} .header, .header .logo, .header .login{position:relative;z-index:99;/*TEST-158 changed z-index from 9998*/} .header .sprite-main.login-bg{position:absolute;top:10px;right:0;background-position:-2px -26px;} .c-150{background-position:0 150px;} .header h1{padding:0;} .header h1.logo{width:auto;float:left;padding-bottom:0;} .header .logo .sprite-main{background-position:-141px -226px;} /* REwork of header for CTF */ .leaderboard-container{background:none;border-bottom:none;min-height:94px;} #ad-placeholder-top{margin-top:4px} .header{clear:none;margin-top:17px;} .header .logo{margin-top:14px;} .login .padding {padding: 17px 10px 15px 0;} .main .padding{padding-top:5px;} .c-0{background-position:0 0;} .content{text-align:left;width:960px;margin:0 auto 0 auto;} /* adlink */ .ad{/*display:none; Hide adlink ads until they’re in to the correct place in the DOM */} .ad-placeholder .ad{display:block;/* Show adlink ads once they’re in the correct place in the DOM */} .ad, .ad-side-1, .ad-side-2{position:relative;/* To allow positioning of info links */} #ad-placeholder-top, #ad-placeholder-bottom{width:728px;height:90px;} #ad-placeholder-top{float:left;margin-top:8px;} #ad-placeholder-bottom{margin-top:18px;/* See also ie7.css and ie6.css */} #ad-homepage, .ad-side-1, .ad-side-2{padding-bottom: 25px;} .ad-side-1{min-height:125px;} .ad-side-2{min-height:600px;} .ad-info{position: absolute;text-indent:-9999px;overflow:hidden;} .ad-info a{display:block;width:100%;height:100%;} #ad-top .ad-info, #ad-bottom .ad-info{width:11px;height:70px;top:10px;right:-13px;} #ad-top .ad-info a{background-position:-573px -226px;} #ad-top .ad-info a:hover{background-position:-584px -226px;} #ad-bottom .ad-info a{background-position:-595px -226px;} #ad-bottom .ad-info a:hover{background-position:-606px -226px;} #ad-side .ad-info, #ad-homepage .ad-info{width:71px;height:10px;bottom:10px;left:50%;margin-left:-36px;} #ad-side .ad-info a, #ad-homepage .ad-info a{background-position:-573px -296px;} #ad-side .ad-info a:hover, #ad-homepage .ad-info a:hover{background-position:-573px -306px;} /* ------------------------------------------------ COMMON PRESENTATIONAL ELEMENTS ----------------------------------------- */ /* IMAGE SPRITING */ .sprite-main {background-image:url(../images/bg-sprite-main.png);background-repeat:no-repeat;} /* See also ie6.css, uses a PNG-8 */ .sprite-add {background-position:-664px 0} .sprite-remove {background-position:-686px 0} /* FORMAT */ abbr,acronym,dfn,img{border:0;} p,blockquote{margin:0;padding:0 0 1em 0;line-height:1.4em;} /* FORMAT > fonts */ body,input,textarea,select{font-family:Arial,Helvetica,sans-serif;color:#555;} h1,h2,h3,h4,h5,h6{font-family:Georgia,"Trebuchet MS","Times New Roman",Times,serif;} strong,b{font-weight:bold;} /* ANCHORS */ a{text-decoration:underline;color:#003366;} a:hover{text-decoration:none;} a:focus, a:active{text-decoration:none;} a.arrowlink-dark,a.arrowlink-light{position:relative;padding:0 0 0 18px;font-weight:bold;text-decoration:none;}/* See also ie7.css and ie6.css */ img.sprite-arrowlinkdark, a.arrowlink-dark .sprite-main, a.arrowlink-light .sprite-main{position:absolute;left:0;top:50%;right:auto;bottom:auto;margin-top:-5px !important;} a.arrowlink-dark .two-line-sprite, a.arrowlink-light .two-line-sprite {top:25%;} a.arrowlink-dark .sprite-main{background-position:-484px 0 !important;} a.arrowlink-light .sprite-main{background-position:-497px 0 !important;} /* HEADERS */ h1,h2,h3,h4,h5,h6{margin:0;padding:0;color:#003366;font-weight:normal;text-rendering:optimizeLegibility;} h1, .h1{font-size:2.5em;padding-bottom:0.2em;} h2, .h2{font-size:2em;padding-bottom:0.2em;text-rendering:optimizeLegibility;} h3{font-size:1.6em;} h4{font-size:1.25em;} h5, h6{font-size:1em;} /* LISTS */ ul,ol,dl{margin:0;padding:0 0 1em 0;} ul ul,ol ol,ol ul,ul ol{padding:0;margin:0 0 0 2em;} ul{list-style-type:disc;} ol{list-style-type:decimal;} li{margin:0 0 0 2em;padding:0;} /* * The arrowlinks for many elements and lists */ ul.arrowlinklist-dark, ul.arrowlinklist-light{list-style:none;padding:0;} ul.arrowlinklist-dark li, ul.arrowlinklist-light li{margin:0 0 0 0.4em;padding:0.3em 0;background:none;} ul.arrowlinklist-dark a,ul.arrowlinklist-light li a{position:relative;padding:0 0 0 1.6em;font-weight:bold;display:block;text-decoration:none;} ul.arrowlinklist-dark a .sprite-main, ul.arrowlinklist-light a .sprite-main{position:absolute;left:0;top:.25em;} /* removed importants from here as nested sprites break */ ul.arrowlinklist-dark a .sprite-main{background-position:-484px 0;} ul.arrowlinklist-light a .sprite-main{background-position:-497px 0;} /* FORMS */ form{margin:0;padding:0;} fieldset{border:0;margin:0;padding:0;} legend{margin:-10px;padding:0;text-indent:-9999px;position:absolute;left:-500em;top:-500em;width:1px;} .journey-planner legend{color:#FFF} fieldset h2{margin:0 0 10px 0;} .field{position:relative;width:100%;padding:0 0 10px 0;} .invalid label, .invalid-large label{color:#f00;} .invalid .input{background:url(../images/invalid.gif) top right no-repeat;} .valid label{color:#00AF6A;} .valid .input{background:url(../images/valid.gif) top right no-repeat;padding:0 20px 0 0;} label{display:block;padding:0 0 2px 0;font-size:1em;} textarea{width:95%;font-size:100%;padding:0.2em;} .warnEmpty{display:none;} .warn{clear:both;display:block;color:#f00;} .hidden, .accessibility{position:absolute;left:-500em;top:-500em;width:1px;} /* BUTTONS - link or input - blue and yellow */ .page button.b-b{color:#fff;font-family:Arial,Helvetica,sans-serif;background:url(../images/bg-sprite-main.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.png) 100% -456px no-repeat;height:20px;padding:4px 16px 0 0;display:block;font-weight:bold;white-space:nowrap;position:relative;} .page a.b-y{font-size:1.1em;color:#000;background:url(../images/bg-sprite-main.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.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.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.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{color:#000;font-family:Arial,Helvetica,sans-serif;background:url(../images/bg-sprite-main.png) -924px -384px no-repeat;padding:0 0 0 12px;float:left;border:0;overflow:visible;cursor:pointer;position:relative;cursor:pointer;} .page button.b-y span{background:url(../images/bg-sprite-main.png) 100% -408px no-repeat;height:20px;padding:4px 16px 0 0;display:block;font-weight:bold;white-space:nowrap;position:relative;} .page 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.png) -924px -316px no-repeat;font-size:1.3em;} .page button.b-y-lrg span{background:url(../images/bg-sprite-main.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;} .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;} .page button::-moz-focus-inner {border: none;} /*firefox only */ /*button span, x:-moz-any-link, x:only-child { margin-top:-1px; }*/ /* * What are these rules? */ @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari and Google Chrome only */ button {margin: 0;} button span {margin-top: -1px;line-height:1.2em;} .register .b-y span{margin-top:0;padding-top:6px!important;padding-left:3px!important;} /* .journey-planner input.day{width:55px!important;} etw - why? */ 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 FORM, FOR TINY FORMS WITH NO VISIBLE FORM LABEL. First used on 8.0 , for the two forms in the second column */ .single-field .error{color:#FFEC8C;font-size:.94em;padding:3px 0 0 3px;display:block;} /* -------------------------------------------------------- COMMON STRUCTURAL ELEMENTS -------------------------------------------------- */ /* HIGHLIGHT BOXES */ .box-1, .box-2, .box-3, .box-14, .box-20, .box-21 { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border-width: 1px; border-style: solid; } .box-1 { border-color: #1e3954; /* Falback flat background colour and gradient image for browsers that don’t support gradients or SVG */ background: #3371af url(../images/bg-box-1-m.gif) left top repeat-x; /* SVG gradient background. The SVG file is stored in images/svg/bg-box-1-gradient.svg for ease of maintenance, but we use a URL-encoded version inline here to reduce HTTP requests and file size (gzipping this CSS file will greatly reduce the file size increases from the common parts of SVG files) */ 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); /* WebKit gradient for Safari/Chrome versions that don’t support SVG for CSS backgrounds */ background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0%, #036), color-stop(96%, #3371af) ); background-image:-moz-linear-gradient( center top, #036 0%, #3371af 96% ); color: #fff; } /* Thumping great hack to replace the SVG background in Opera 10.0 and below, because Opera 10.0 has odd bugs with SVG backgrounds on elements with borders. */ @media all and (resolution = 0dpi) { .box-1 { background-image: url(../images/bg-box-1-m.gif); } } .box-1 .b1-t .b1-tr, .box-1 .b1-b .b1-br{display:none;} .box-1 .b1-m .b1-p{padding:16px 20px 20px 20px;} .jp-220 .box-1 .b1-m .b1-p{padding:16px 18px 20px 18px;} .box-1 h1, .box-1 h2, .box-1 a, .box-1 h3.page-title{color:#FFF;} .box-1 h1 span, .box-1 h2 span, .box-1 h3.page-title span{color:#ffe155;} .box-1-vshort.farefind, .box-1.farefind, .farefind .last .box-3 { -webkit-border-radius:0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; border-top:0; } .jp-small .box-1 h3{color:#FFF;font-size:2em;padding-bottom:0.1em;} .jp-small .box-1 h3 span{color:#ffe155;} .box-1 .error-message{background-color:#e7f4ff;padding:10px;margin:5px 0;} .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.0%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22grad%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%2215%25%22%20style%3D%22stop-color%3A%20%23f1f1f1%3B%20stop-opacity%3A%201%3B%22/%3E%3Cstop%20offset%3D%2296%25%22%20style%3D%22stop-color%3A%20%23fff%3B%20stop-opacity%3A%201%3B%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20fill%3D%22url%28%23grad%29%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20/%3E%3C/svg%3E); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(15%, #f1f1f1), color-stop(96%, #fff) ); background-image:-moz-linear-gradient( center top, #f1f1f1 15%, #fff 96% ); } /* Thumping great hack to replace the SVG background in Opera 10.0 and below, because Opera 10.0 has odd bugs with SVG backgrounds on elements with borders. */ @media all and (resolution = 0dpi) { .box-2 { background-image: url(../images/bg-box-2-m.gif); } } .box-2 .b2-t .b2-tr, .box-2 .b2-b .b2-br{display:none;} .box-2 .b2-m .b2-p{padding:14px 10px 6px 14px;color:#FFF;} .box-2 h2{color:#404040;} .box-2 h2 span{color:#800000;} .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.0%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22grad%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%2215%25%22%20style%3D%22stop-color%3A%20%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; } /* Thumping great hack to replace the SVG background in Opera 10.0 and below, because Opera 10.0 has odd bugs with SVG backgrounds on elements with borders. */ @media all and (resolution = 0dpi) { .box-3 { background-image: url(../images/bg-box-3-m.gif); } } .box-3 .b3-t .b3-tr, .box-3 .b3-b .b3-br{display:none;} .box-3 .b3-m .b3-p{padding:14px 10px 6px 14px;color:#fff;} .box-3 h2{color:#fff;margin-bottom:0.5em;} .box-3 h2 span{color:#bce5ff; } .box-3 h2 span.sifr-yellow{color:#ffe155; } .box-3 .error-message{background-color:#fff;margin-bottom:1.5em;border:1px solid #424242;} .box-3 .arrowlink-light{color:#fff;margin-left:10px;} /* DARK GREY BOX - DARK GREY - LIGHT GREY GRADIENT ACROSS THE BOX - ROUND CORNERS - USED FOR THE SIDE TABS */ .homepage .b11-t, .homepage .b11-tl, .homepage .b11-b,.homepage .b11-bl{display:none;} .homepage .b11-m{padding-right: 9px;background: url(../images/box-11-home.png);background-repeat:no-repeat;padding-botton:10px;} .homepage .b11-p{padding-left: 9px;} .jq .homepage .b11-p{padding-left: 0;} .homepage .b11-p {background:none;} /* LIGHT BLUE BOX - NO GRADIENT - ROUNDED CORNERS */ .box-14 { border-color: #aad0f2; background-color: #e7f4ff; } .box-14 .b14-t .b14-tr, .box-14 .b14-b .b14-br{display:none;} .box-14 .b14-m .b14-p{padding:14px 20px 20px 20px;} .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-20 .b20-m .b20-p{padding-top:12px;padding-bottom:12px;} .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.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%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; } /* Thumping great hack to replace the SVG background in Opera 10.0 and below, because Opera 10.0 has odd bugs with SVG backgrounds on elements with borders. */ @media all and (resolution = 0dpi) { .box-21 { background-image: url(../images/bg-box-21-m.png); } } .box-21 .b21-t .b21-tr{display:none;} .box-21 .b21-m .b21-p{padding:8px 5px 0 5px;} /* 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; } /* COLUMNS */ .c1, .c2, .c3, .c4{float:left;} .homepage .c1{width:640px;} .homepage .c2{width:320px;} /* 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.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 -------------------------------------------------- */ .valid, .valid-large{padding:0 16px 0 0;margin:0 8px 0 0;float:left;} .invalid, .invalid-large{position:relative;padding:0 16px 0 0;margin:0 8px 0 0;float:left;} .invalid .sprite-error, .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;} /* removed to fix 1.1.1 save journey icon .error-arrow{position:relative;padding-right:10px;} .error-arrow .sprite-main{position:absolute;right:3px;top:0;background-position:-232px 0;left:auto;text-indent: -5000px;width:10px;height:14px;} */ .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;} /* PAGE SPECIFIC STYLES FOR ERROR MESSAGES */ .more-info{height:38px;width:25px;display:block;float:left;margin:1px 15px -12px 0;position:relative;z-index:100;top:0;} .more-info a{height:38px;width:25px;display:block;} .more-info a .sprite-main{background-position:-365px 0;} .more-help{height:20px;width:20px;display:block;float:left;display:inline;/* display: inline; cures the IE 6 double float margin bug, and doesn’t have any effect in other browsers */margin:3px 15px 3px 0;position:relative;z-index:100;} #jp11 .more-help{margin-right:3px}/* for the longer text in the journey planner */ .more-help a{height:20px;width:20px;display:block;} .more-help a .sprite-main{background-position:-244px 0;} .more-help a .sprite-main.sprite-help-smaller{background-position:-365px 0;} /* Tooltips */ .tooltip{position:relative;z-index:100} .tooltip a{cursor:pointer;} .tooltip-top{display:none;left:0;top:0;position:absolute;background:url(../images/tooltips/bg-tooltip-t.png) right top no-repeat;width:203px;padding-top:28px;font-weight:normal;z-index:99999;} .tooltip-top .content{margin:0;width:auto;} .tooltip-bottom{background:url(../images/tooltips/bg-tooltip-b.png) right bottom no-repeat;min-height:80px;position:relative;} .tooltip-tip{width:16px;height:27px;position:absolute;background-repeat:no-repeat;} .tip-top-left,.tip-top-right,.tip-bottom-right,.tip-bottom-left{left:0} .tip-top-left .tooltip-tip{background-image:url(../images/tooltips/tip-t-l.png);left:-11px;top:-28px;} .tip-top-right .tooltip-tip{background-image:url(../images/tooltips/tip-t-r.png);right:-11px;top:-28px;} .tip-bottom-right .tooltip-tip{background-image:url(../images/tooltips/tip-b-r.png);right:-11px;bottom:0px;} .tip-bottom-left .tooltip-tip{background-image:url(../images/tooltips/tip-b-l.png);left:-11px;bottom:0px;} .tooltip-top .padding{position:relative;top:-26px;padding:8px 16px 0 12px;} .tooltip-top .padding a.close{float:right;text-decoration:underline;border:none;height:auto;width:auto;text-indent:0;margin:1px 0 0 5px;color:#036} .tooltip-top .padding a.close:hover{text-decoration:none;} .tooltip-top .tooltip-bottom .padding a{display:inline;width:auto;text-indent:0;height:auto;} .tooltip-top .padding p{color:#2B2B2B;} /* 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 -------------------------------------------------- */ /* SHORTCUTS */ .shortcuts{width:auto;float:left;clear:both;} .shortcuts ul, .shortcuts ul li{list-style-type:none;height:0;padding:0;margin:0;} .shortcuts ul{position:absolute;width:99.9%;z-index:1000} .shortcuts li a{display:block;position:absolute;left:-500px;top:-500px;} .shortcuts li a:focus, .shortcuts li a:active{position:absolute;left:0;top:0;width:100%;text-align:center;color:#FFF;padding:3px 0;background:#003060;} /* 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.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 54px;float:right;width:auto;}*/ .navigation fieldset{padding:11px 0 0 0;float:right;width:222px;} .navigation input.search{width:130px;height:15px;background:url(../images/bg-sprite-main.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.png) -169px -198px no-repeat;} .search-partner{float:right;margin:15px 0 0 5px;background:url(../images/bg-sprite-main.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;} /* BREADCRUMB */ .breadcrumb{margin:0;clear:both;font-size:1.1em;padding-top:30px;} .breadcrumb p{color:#404040;float:left;line-height:1.2em;padding:0;} .breadcrumb ol{list-style-type:none;margin:0 0 0 10px;padding:0;float:left;} .breadcrumb ol li{position:relative;background:none;float:left;display:inline;margin:0;padding:0 6px 0 0;} .breadcrumb ol li.home{padding-left:20px;} .breadcrumb ol li.home .sprite-main{position:absolute;top:0;left:0;background-position:-12px 0;} .breadcrumb ol li a{position:relative;display:block;float:left;width:auto;padding:0 20px 0 0;height:18px;text-decoration:none;} .breadcrumb ol li a .sprite-main,.breadcrumb ol li.home a .sprite-main{position:absolute;top:1px;right:0;left:auto;background-position:-27px 0;} /* FOOTER LINKS and STYLES */ .footer-container{clear:both;/*padding-top:20px;*/margin-bottom:20px;padding-top:6px} .f-img{/*min-height:325px;*/padding-bottom:15px;padding-top:14px;} .image-1{background:url(../images/bg-footer-image-1-t.jpg) no-repeat center top;} .image-1 .f-img{background:url(../images/bg-footer-image-1-b.jpg) no-repeat center bottom;} .image-2{}/* image fades to white */ .image-2 .f-img{background:url(../images/bg-footer-image-2-b.jpg) no-repeat center bottom;} .image-3{background:url(../images/bg-footer-image-3-t.jpg) no-repeat center top;} .image-3 .f-img{background:url(../images/bg-footer-image-3-b.jpg) no-repeat center bottom;} .image-4{background:url(../images/bg-footer-image-4-t.jpg) no-repeat center top;} .image-4 .f-img{background:url(../images/bg-footer-image-4-b.jpg) no-repeat center bottom;} .image-5{background:url(../images/bg-footer-image-5-t.jpg) no-repeat center top;} .image-5 .f-img{background:url(../images/bg-footer-image-5-b.jpg) no-repeat center bottom;} .footer{color:#FFF;text-align:left;width:940px;margin:0 auto 0 auto;min-height:309px/*IE6*/} .footer .cols4{/*background:url(../images/bg-footer-overlay.png) top left*/width:760px;} .footer .f-ol-t{background:url(../images/bg-footer-overlay-t.png) top left;} .footer .f-ol-b{background:url(../images/bg-footer-overlay-b.png) top left;min-height:117px/*IE6*/;} .footer .cols4 .padding{padding:15px 15px 5px;} .footer .cols4 .col{float:left;margin-right:1.5%;min-height:152px;width:23%;} .footer .cols4 .ad{display:block;float:left;} .footer h2{font-family:Arial, Helvetica, sans-serif;font-size:1em;color:#c7e2ef;font-weight:bold;padding-bottom:0.3em} .footer ul{} .footer li{margin:0;padding:0 0 0.3em;list-style:none;font-size:0.94em} .footer li a{color:#FFF;text-decoration:none;} .footer li a:hover, .footer li a:focus{text-decoration:underline;} .f-links{text-align:left;width:800px;margin:0 auto 30px auto;font-size:0.94em;} .f-links ul{list-style-type:none;margin:0;padding:5px 0 0;width:auto;float:left} .f-links ul li{display:inline;margin:0 5px;padding:0;border-right:1px solid #868686;} .f-links ul li.first{margin-left:0;} .f-links ul li.last{border-right:none;} .f-links ul li a{padding:0 14px 0 0;color:#003366;text-decoration:none;} .f-links ul li a:hover {text-decoration:underline;} .f-toc{float:right;width:auto;} .f-toc label{float:left;width:auto;padding:5px 10px 0 0;font-weight:bold;} .f-toc select{margin:3px 5px 0 0;float:left;border:1px solid #323232;border-right:1px solid #aaa; border-bottom:1px solid #aaa;-moz-border-radius:3px;-webkit-border-radius:3px;} /* -------------------------------------------------------- CALENDAR -------------------------------------------------- */ a.date-picker-control { position: relative; /* Moz & FF display: -moz-inline-stack;*/ border: 0 none; padding: 0; margin: -3px 15px 0 0; background-position: -695px -70px; min-width: 26px; height: 26px; line-height: 1; cursor: pointer; visibility: visible; text-decoration: none; vertical-align: middle; } .journey-planner-homepage a.date-picker-control { min-width: 31px; height: 33px; background-position: -695px -37px; margin: -3px 15px -17px 0; } a.date-picker-control { display: inline-block; float: left; } .input-border a.date-picker-control { float: none; } a.date-picker-control span { display: block; width: 16px; height: 16px; margin: auto 0; } #dp { display: none; position: absolute; } #dp { background: #fff; border: 1px solid #636363; z-index: 99999; padding: 0 0 8px; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .66); -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .66); box-shadow: 0 2px 6px rgba(0, 0, 0, .66); } #dp * { margin: 0; padding: 0; } #dp ul { border-bottom: 1px solid #ccc; background: #e8e8e8; overflow: auto; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0%,#fff), color-stop(10%,#fff), color-stop(100%,#e8e8e8) ); background-image: -moz-linear-gradient( top, #fff 0%, #fff 10%, #e8e8e8 100% ); } #dp ul li { float:left; list-style:none; width:50%; color:#036; text-align:center; padding:8px 0; cursor:pointer; _cursor:hand; } #dp img { margin-top:4px; } #dp img.prev { float:left; background-position:-742px -270px; margin-left:8px; } #dp img.next { float:right; background-position:-815px -270px; margin-right:8px; } #dp p { display:none; margin:4px 36px 0; text-transform:uppercase; letter-spacing: 1px; padding:.5em 0; } #dp p:first-child { display:block; } #dp table { background: #FFF; border-collapse: collapse; border-spacing: 0; border: 0; margin: 0; padding: 0; table-layout: fixed; width: auto; display:inline-table; } #dp table.hidden { display:none; visibility:hidden; } #dp div { padding-left: 14px; padding-right: 14px; min-width:170px; min-height:130px; } #dp th { padding: 0; } #dp abbr { font-weight: normal; } #dp td, #dp td span { text-align: center; } #dp td { background: #F6F6F6; background-image: url(../images/cal-td-bg.gif); background-image: -moz-linear-gradient( top, #fcfcfc 0%, #EAEAEA 74% ); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(74%,#EAEAEA) ); /* SVG BACKGROUND TODO (dp-days-td.svg) */ overflow: hidden; border: 1px solid #d0d0d0; padding: 0; vertical-align: middle; cursor: pointer; text-align: center; height: 24px; width: 26px; } #dp td span { background: #fff; color: #aaa; cursor: default; display: block; width: 26px; font-style: italic; line-height: 23px; height: 23px; } #dp .dp-now { background: #e49603 url(../images/cal-today-bg.gif); background-image: -moz-linear-gradient( top, #f7da52 0%, #e49603 100% ); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0%,#f7da52), color-stop(100%,#e49603) ); } #dp .dp-sel, #dp td:hover,#dp td.dp-hover { background: #F6F4BA url(../images/cal-td-bg-hover.gif); background-image: -moz-linear-gradient( top, #F6F4BA 0%, #EAE45F 100% ); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0%,#F6F4BA), color-stop(100%,#EAE45F) ); } #dp td.dp-n { background: #fff; } /* --------------------------------------- JOURNEY PLANNER - THE RE-USED SEARCH BOX --------------------------------------- */ .journey-planner{background:url(../images/bg-journey-planner.jpg) no-repeat bottom center;padding-bottom:29px;/*position:relative;z-index:9999;*/} .journey-planner-inner{text-align:left;margin:0 auto 0 auto;} .journey-planner .button-holder{padding-right:52px;position:relative;z-index:110} .journey-planner .location{margin-top:0.8em;float:left;} .journey-planner .single{width:auto;margin-top:0.8em} .journey-planner label{float:left;width:auto;font-size:1.1em;font-weight:bold;display:block;padding:5px 5px 0 0;color:#fff;} .journey-planner .input-border label, .journey-planner .select-border label{padding:2px;} .journey-planner input, .journey-planner select{margin:0;padding:2px 1px;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:#666666;outline-width:0;float:left;text-align:left;} .journey-planner .checkfield input, .journey-planner input.check{padding:0;border:none;} .journey-planner select{padding:1px 0;} .journey-planner input{width:112px;} .journey-planner #txtFromSelect, .journey-planner #txtFromSelect {width:112px;} .journey-planner .valid input{width:128px} .journey-planner input.day{width:65px;} .journey-planner .valid, .journey-planner .invalid{width:auto;float:left;} .journey-planner .invalid, .journey-planner .invalid-large{padding-right:16px;padding-left:5px;margin:0 0 12px 0;} .journey-planner .valid, .journey-planner .valid-large{padding-right:16px;padding-left:5px;margin:0 0 12px 0;} .journey-planner #rcards-holder{padding-left:0;} .journey-planner .valid{padding-right:0}/* JG 16/11 - making the input boxes wider when not in an invalid state */ .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:#FF0000;padding:3px;position:relative;} .no-left .input-border, .no-left .select-border{margin-left:0;}/* updated margin above for FF2 */ .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{margin:0;-moz-border-radius:4px;-webkit-border-radius:4px;display:block;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;} /* removed min-height:29px; to allow space to collapse when no children are present. */ .jq .journey-planner ul.actions{/*min-height:40px;NREOJPTEST-1984*/display:inline;/* display: inline; cures the double float margin bug in IE 6, and doesn’t affect other browsers */} .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:bold;text-decoration:none;font-size:1.1em;display:block;padding:3px 30px 0 27px;min-height:20px;} a.add-journey,a.remove-journey{position:relative;} a.add-journey .sprite-main,a.remove-journey .sprite-main{position:absolute;top:0;left:0;} 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 input.check{width:auto;} .journey-planner .slower-trains label{padding-top:3px;padding-left:2px;font-size:1.1em;font-weight:normal;} .page .journey-planner .b-y{right:-5px;} .page .journey-planner .b-b, .page .journey-planner .b-y{margin-top:1px;} .page .journey-planner .b-b, .page .journey-planner .b-y{height:24px;} /* safari hack for NREOJPTEST-1914 */ .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;margin:0 10px 0 0;float:left;text-align:right;padding:10px 0 0 0;font-weight:bold;} /* Target safari : fixes #309 */ @media screen and (-webkit-min-device-pixel-ratio:0){ #sltArr { width: 6.2em; } .journey-planner .button-holder { padding-right: 50px; } } /* ADVANCED SEARCH PANEL */ .journey-planner .location, .journey-planner .single, .journey-planner .return{margin-bottom:12px;} .journey-planner .location .valid, .journey-planner .location .invalid, .journey-planner .single .valid, .journey-planner .single .invalid, .journey-planner .return .valid, .journey-planner .return .invalid{margin-bottom:0;} .advanced-search-h{clear:both;width:100%;padding-top:7px;} .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{padding:0;float:left;position:relative;z-index:100;margin-left:0;} .advanced-search-f{width:420px;float:right;} .advanced-search .float-right fieldset{float:right;} .advanced-search .checkfield fieldset{float:none;} .advanced-search .b20-p{padding:0 1px 0 8px;margin:0;} .page .advanced-search a.delete{color:#fff;font-weight:normal;background:transparent url(../images/icon-remove-station.png) no-repeat right top;padding:3px 28px 3px 0;margin:-10px 0;float:right;} .advanced-search-w{padding-bottom:5px;clear:both;} .advanced-search-w ul{list-style:none;padding:0;margin:0;} .advanced-search-w li{list-style:none;padding:0;margin:0 0 0.5em 0;float:left;width:100%;} .advanced-search-w p{padding:0;margin:-9px 0;} .advanced-search-w input.check{padding:0;margin:-7px 6px;width:auto;float:right;} .page .advanced-search-w button.b-b, .page .advanced-search-w span.b-b{float:right;} .advanced-search-route{float:right;margin-bottom:12px;} .advanced-search-route fieldset{float:right;} .advanced-search-route .valid, .journey-planner .advanced-search-route .invalid{margin-bottom:0;} .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;} .advanced-search-o fieldset, .advanced-search-o-bottom fieldset{float:right;} .advanced-search-o .valid, .advanced-search-o-bottom .valid, .journey-planner .advanced-search-o .invalid, .journey-planner .advanced-search-o-bottom .invalid{margin-bottom:0;} .page .advanced-search .b-b,.page .advanced-search .more-help {/*border:1px solid red;*/left:5px;} .page .advanced-search .more-help{margin-right:10px;} .journey-planner .checkfield{padding:3px 0 4px 0;position:static;} .journey-planner span.checkbox-border{float:left;margin:0;padding:3px;-moz-border-radius:4px;-webkit-border-radius:4px;font-size:1em;color:#333;outline-width:0;} .journey-planner .invalid span.checkbox-border{border:3px solid #ff0000;background-color:#f00;padding:0;} .journey-planner .checkfield .valid, .journey-planner .checkfield .invalid{margin-bottom:0;} .journey-planner .checkfield input.check, #add-fares input.check {width:auto;padding:0;float:left;} /* Mini CTF */ .journey-planner .checkfield label{padding:2px 8px 2px 22px;float:none;} .journey-planner .checkfield .field label{padding:0 1px 2px 2px;} .jq .advanced-search-h{display:none;} /* * Buttons for JP hide / shows (return, advanced, passengers) * Block moved from line 158 */ a.adv-search, a.hide-search, a.add-fares {position:relative;display:block;padding:3px 0 10px 27px;text-decoration:none;} #add-fares-show {padding-right:0} a.adv-search .sprite-main, a.hide-search .sprite-main, #add-fares-show .sprite-main {position:absolute;top:0;left:0;} 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;} /* CTF: Passenger icon */ /* dull out icons while loading */ .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; } /* * Mini CTF Patch * On both 0.0 templates * Needs mergning into the main CSS, lot's of these rules are repeted. * Also requires optimisation when merging. */ .advanced-search-h, #add-fares { clear: both; width: 100%; padding-top: 7px; } #add-fares { clear:both; margin-left:45px; width:auto; margin-bottom:25px; } .js #add-fares { display:none; } #add-fares label { vertical-align:middle; font-size:1.3em; padding-left:2px; padding-right:0px; } #add-fares select { vertical-align:middle; font-size:1.1em; } #add-fares .checkbox-border { margin-top:.5em; margin-left:.1em; } #add-fares input { width:auto; } #add-fares div a img { margin-left:5px; margin-top:2px; } .journey-planner ul.actions li a { padding-right:20px; /* reset of previous rule */ } #add-fares hr { float:left; width:0px; height:3em; border-width:0px 1px; border-style:solid; border-color:#000 #3371AF #000 #001B35; margin:0 1em; } /* annoying special case ID for padding */ #first-class-holder { margin-right:1.3em; } /* PREDICTIVE TEXT */ /*.journey-planner-homepage input.jpPredictText, .journey-planner-homepage input.predictText, .farefind input.jpPredictText, .journey-planner*/ input.jpPredictText, input.predictText{position:relative;z-index:98;/*NREOJPTEST-2579*/} .predText{position:absolute;top:0;left:0;padding-bottom:32px;} .predText .predTextOuter{color:#111;border:3px solid #FFE155;background:#fff url(../images/bg-predict.gif) left top repeat-x;position:relative;left:0;top:23px;-moz-border-radius:4px;-webkit-border-radius:4px;z-index:9999;} .jp-small .predText .predTextOuter{top:24px;} .find-stn .predText .predTextOuter{top:25px;} .journey-planner-homepage .predText .predTextOuter, .large .predText .predTextOuter{top:32px;} .predText .predTextOuter .padding, .jp-acc .predText .predTextOuter .padding{padding:0 0.6em} .predText dl{padding:0;} .predText dt{color:#404040;font-weight:bold;margin:0;padding:0.6em 0.3em;text-align:right;width:6em;position:absolute;} .predText dd{padding:0.3em 0 0.3em 0;margin:0;white-space:nowrap;} .logged-in .predText dd{padding-left:6.8em;} .predText dd ul{padding:0;margin:0;list-style:none;} .predText dd ul li{color:#003366;padding:0.3em 0.6em;margin:0;} .predText dd ul li:hover, .predText dd ul li.ac_over{text-decoration:underline;cursor:pointer;} .predText dd ul li .predLoc{color:#404040;} /* Fix for NRE-20.2-Pocket-timetable.shtml */ .pocket-timetable input.jpPredictText { z-index:auto; } /*ETW NEW STATION PICKER */ .sp-icon-holder { display: none; float: left; height: 17px; width: 0; padding-right: 4px; background-color: #fff; background-position: center; background-repeat: no-repeat; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; border-color: #323232 #AAAAAA #AAAAAA #323232; border-style: solid; border-width: 1px; } /* accordian size fix */ .acc-c .sp-icon-holder { height: 19px; } .jpPredictText, .predictText { float: left; background: #fff; /* opera fix */ } .form-panel .large .sp-has-icon input.jpPredictText, .sp-has-icon .jpPredictText, .sp-has-icon .predictText { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; border-right-width: 0; } .sp-has-icon .sp-icon-holder { display: inline-block; border-left-width: 0; } .sp-hasfocus { background: #FFE155; } .sp-error { background-color: red; } .sp-icon-dlr { background-image: url("../images/icon-dlr.png"); width: 22px; } .sp-icon-lu { background-image: url("../images/icon-tube-sm.png"); width: 16px; } .sp-icon-dlrlu { background-image: url("../images/icon-dlrlu.png"); width: 40px; } /* --------------------------------------- ACCORDIAN --------------------------------------- */ .accordian{border-top:1px solid #bababa;} .homepage .accordian{margin:0.5em 0 2em;} .accordian .head{background:#1e5892 url(../images/bg-table-cell-exp.gif) repeat-x top left;border:1px solid #bababa;border-top:none;padding:8px 10px 6px;} .jq .accordian .head{background:#fff url(../images/bg-table-cell.gif) repeat-x top left;cursor:pointer} .jq .accordian .head-hlt{background:url(../images/bg-table-cell-hlt.gif) repeat-x top left;} .jq .accordian .expanded{background:#1e5892 url(../images/bg-table-cell-exp.gif) repeat-x top left;border:1px solid #3a6c9f;border-top:none;} .accordian .head h2, .accordian .head h3{color:#fff;font-family:Arial, Helvetica, sans-serif; font-size:1.4em;font-weight:300;float:left;margin:0;padding-top:0.2em;} .accordian .head .more-info{float:left;margin-right:10px;} .jq .accordian .head h2, .jq .accordian .head h3{color:#404040;} .jq .accordian .expanded h2, .jq .accordian .expanded h3{color:#fff;} .jq .accordian .acc-c{display:none;border:1px solid #bababa;border-top:none;} .jq .accordian .expanded-content{display:block;border:1px solid #3a6c9f;border-top:none;zoom:1;background:#fff;} .accordian .head .head-arrow{height:27px;display:block;float:right;width:auto;} .js .accordian .head .head-arrow a {text-decoration:none;} .js .accordian .head .head-arrow .sprite-main{height:26px;width:26px;background-position: -64px 0;} .js .accordian .head .head-arrow .more-info img{height:auto;width:auto;background:none;} /* AB 19/08/2010 */ .js .accordian .expanded .head-arrow .sprite-main{background-position: -90px 0;} /* --------------------------------------- PANELS (ON STATIONS DESTINATIONS AND OTHER PAGES) ----------------------------- */ /* 1.1 BOXES ON THE JOURNEY PLANNER PAGE */ .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{/*position:relative;*/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.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 textarea:focus {border:3px solid #ffe155; color:#404040; margin:-2px -2px 10px; }*/ .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 HACKS -------------------------------------------------- */ .padding{padding:7px 10px;} .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.select-border, span.input-border, span.checkbox-border, span.radio-border, span.txtarea-border{float:left;margin:0;padding:3px 4px;-moz-border-radius:4px;-webkit-border-radius:4px;font-size:1em;color:#333;outline-width:0;position:relative} /* position:relative added so the predictive text works */ 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:#f00;} .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%;} /* RW: The following selector was refined to accomodate overriding stlyes in lte-ie8.css */ .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;} /* CLEARING */ .clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearing{clear:both;} /* EW STATION PICKER */ #picker { position:absolute; border:3px solid #FFE155; color:#111; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:white; padding:5px 10px; min-width:100px; max-width:300px; margin-left:-2px; -webkit-box-shadow:0 0 10px rgba(110,180,255,.3); -moz-box-shadow:0 0 10px rgba(110,180,255,.3); box-shadow:0 0 10px rgba(110,180,255,.3); display:none; text-align:left; z-index:9999; top:-500px; left:-500px; } #picker ul, #picker ul li { list-style: none; margin: 0; padding: 0; } #picker ul li { padding:.25em 0; color:#003366; margin-left:85px; } #picker ul li strong { text-decoration: underline; } #picker ul li.h { font-weight:bold; margin:.3em 0 .1em; color:#404040; width:75px; float:left; margin:0 10px 0 0; text-align:right; text-transform:capitalize; } #picker li span { color:#666; } #picker.j-error { border-color:red; } #picker img { vertical-align:middle; } #picker hr { clear:both; background-color:#CFCFCF; height:1px; border:0px; } #picker .more { font-weight:bold; } #picker .sel , #picker li:hover { background-color:#e2edf8; text-decoration:underline; cursor:pointer; } #picker li.no-pad { margin:5px 0; } #picker li.h:hover, #picker li.no-sel:hover, #picker li.more:hover { cursor:auto; text-decoration:none; background-color:transparent; } #picker #e { background:url("../images/icon-alert-small.png") no-repeat top left; padding-left:20px; } #picker #je { max-width:140px; } #picker #je .je { display:none; } #picker #je strong { color:#FF0033; } .je-lu-lu #je .je-lu-lu, .je-lu-dlr #je .je-lu-dlr, .je-lu-dlrlu #je .je-lu-dlrlu, .je-dlr-dlr #je .je-dlr-dlr, .je-dlr-lu #je .je-dlr-lu, .je-dlr-dlrlu #je .je-dlr-dlrlu, .je-dlrlu-dlrlu #je .je-dlrlu-dlrlu, .je-dlrlu-lu #je .je-dlrlu-lu, .je-dlrlu-dlr #je .je-dlrlu-dlr { display:inline !important; } #picker .s li { margin-left:0px; } .sp-visible {display:block !important;} #picker.nothing #d, #picker.error #d, #picker.loading #d, #picker.p1 #d, #picker.p2 #d, #picker.j-error #d, #picker.postcode #d, #picker ul { display:none; } .error #sp-s-e, .nothing #n, .loading #loading, .p1 #p1, .p1 #p1 ul, .visible, .sp-visible #d, .j-error #je, #picker.postcode #sp-postcode {display:block;} #sp-postcode span{ display:block; } #sp-postcode .green { color:green; padding-right:20px; background:url(../images/icon-tick.gif) no-repeat right center; } #sp-postcode .red { color:red; background:url(../images/icon-cross-sm.png) no-repeat right center; padding-bottom:5px; } #sp-new { width:auto !important; } #sp-new span { background:#c00; color:#fff !important; text-transform:uppercase; border-radius:3px; padding:0 5px; line-height:1.2em; width:auto; float:left; } /* Hacks ------------------------*/ /* * hack to remove dotted border from datepicker. */ html>/**/body .ui-datepicker-trigger, x:-moz-any-link, x:default { outline:0; } html>/**/body .journey-planner-homepage a.date-picker-control:focus, x:-moz-any-link, x:default { border:1px dotted silver; width:29px; min-width:29px; height:31px; } html>/**/body a.date-picker-control:focus, x:-moz-any-link, x:default { width:24px; min-width:24px; height:24px; border:1px dotted silver; } /* FILTERS */ /* hide from IE-mac \*/ .clear, .caption {display: block;} /* end hide from IE-mac */ /* End styles originally in base.css */ /* Styles originally in home.css */ /* -------------------------------------------------------- 0.0 HOMEPAGE -------------------------------------------------- */ .homepage .c2 h2{color:#404040;font-size:2.5em;} .homepage .c2 h2 span{color:#003366} /* NEWS TICKER */ .ticker{padding:0.5em 0;min-height:38px;} .page h2.alert a{color:#8d0000;padding:10px 0 10px 40px;font-weight:normal;line-height:1.9em;} .page .ticker h2.alert.blue a{color:#036;} .ticker .update, .ticker .update p {position:relative;} .ticker .update .sprite-main{position:absolute;top:3px;left:0;background-position:-664px -111px;} .ticker .update .sprite-alert{background-position:-664px -37px;} .ticker .update .sprite-arrowlinkdark{top:20px;left:0;background-position:-484px 0} .ticker h2{font-size:1.3em;margin:0;padding:0.3em 5px 0.3em 0;line-height:30px} .ticker p{margin:0;padding:1.1em 0 0;font-size:0.94em;} .ticker a{color:#003366;text-decoration:none;font-weight:bold;} div.update{float:left;width:auto;margin-left:19px;} div.update h2, .update p{float:left;width:auto} div.update ul{float:left;width:570px;margin:0;padding:0;list-style-type:none;} div.update ul li{margin:0;padding:0;} div.update p{width:520px;overflow:hidden;white-space:nowrap;} .functions{float:right;width:auto;color:#404040;} .functions ul{display:none;} .functions p, .update p.counter, .functions ul{float:left;width:auto;} .ticker .update p.counter{padding-right:5px;} .functions ul{margin:8px 10px 0;padding:0;} .functions li{width:auto;float:left;display:inline;margin:0;padding:0;} #back{width:23px;height:24px;} #back .sprite-main{background-position:-742px -270px;} #pause{width:26px;height:24px;} #pause .sprite-main{background-position:-765px -270px;} #pause.play .sprite-main{background-position:-790px -270px;} #forward{width:20px;height:24px;} #forward .sprite-main{background-position:-815px -270px;} /* 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;} /* CHEAP FARE FINDER */ .homepage .cheap-fare-finder .b14-m .b14-p {padding-bottom:5px;} .cff-holder{text-align:left;margin:0 auto 0 auto;width:940px;} .cff-inner{padding:0 0 5px 0;} .cff-inner h2{font-size:1.6em;margin-bottom:.5em;} .cff-inner p{width:49%;float:left;} .cff-inner p.btn{width:31%;float:right;} .cff-inner p.btn a{float:right;} .cff-inner strong{display:block;font-size:1.1em;} .cff-inner .sprite-main {float:left;width:105px;background-position:-741px -226px;} .cff-inner div {float:left:width:400px;} /* 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;/*position:relative;*/} .live-trains .error{color:#FFEC8C;margin:0 0 3px 8px;display:block;} .live-trains .field{float:left;width:auto;} /* inside black box on homeage */ .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 */ /* railway children */ .railway-children {background:transparent url(../images/bg-railway-children.jpg) top left no-repeat; padding-left:110px; margin:1em 0; } .railway-children h2 {text-indent:-999em; width:115px; height:46px; margin-bottom:.5em; background:url(../images/bg-sprite-main.png) 0 -289px no-repeat;padding:0;} .railway-children p {padding:0; margin-bottom:.5em; } /* 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;} /* --------------------------------------- JOURNEY PLANNER ------------------------------------------------ */ /* JOURNEY PLANNER ON JOURNEY PLANNER PAGE - SIGNED IN */ .jphome .journey-planner-homepage .journey-planner-inner{width:780px;} .logged-in .jphome .journey-planner-homepage .journey-planner-right{width:225px;} /* JOURNEY PLANNER ON HOMEPAGE */ .journey-planner-homepage .journey-planner-inner{width:940px;} .journey-planner-homepage label{font-size:1.5em;font-weight:normal;padding-top:6px;} /*.journey-planner-homepage .invalid input {padding:4px 3px;font-size:1.3em;width:9.1em;}*/ .journey-planner-homepage .valid input {padding:4px;font-size:1.3em;width:8.8em;} .journey-planner-homepage input{padding:4px;font-size:1.3em;width:8.8em;} .journey-planner-homepage select{padding:3px 2px;font-size:1.3em;} .journey-planner-homepage .invalid select{width:10em;} .journey-planner-homepage #sltHours, .journey-planner-homepage #sltMins, .journey-planner-homepage #sltHoursRet, .journey-planner-homepage #sltMinsRet{width:52px;} .journey-planner-homepage ul.actions{clear:both;} .journey-planner-homepage .return ul.actions{margin-top:3px;} .journey-planner-homepage .button-holder{padding-right:64px;} .journey-planner-homepage input.day{width:80px;} .journey-planner-homepage .journey-planner-inner .location .valid{padding-right:0px;} /*.journey-planner-homepage .journey-planner-inner .location .valid input{width:9.6em;}*/ .jq .journey-planner-homepage .return{padding-bottom:11px;margin-bottom:0;} .journey-planner-homepage .advanced-search-h label{font-size:1.1em;} .journey-planner-homepage .advanced-search-h input{padding:2px;font-size:1em;} .journey-planner-homepage .advanced-search-h select{padding:1px 2px;font-size:1em;} .jq .journey-planner-homepage .button-holder .fluid{bottom:40px;} /* ETW Tweaks to HP */ /*.journey-planner-homepage .journey-planner-inner .location .valid input { width:10.6em; }*/ .journey-planner-homepage ul.jpActions,.journey-planner-homepage .return ul { margin-left:52px; } .jq .journey-planner-homepage .return{padding-bottom:5px} .jq .journey-planner-homepage .button-holder .fluid { bottom:42px; right:-5px; text-shadow:-1px 0 0 rgba(255,255,255,.4); } .jq .journey-planner-homepage .jpActions li { padding-right:4px; } /* Removed at JC request - ETW - .jq .journey-planner-homepage .jpActions li:first-child { padding-right:20px; } */ .jq .journey-planner-homepage span.checkbox-border { } .jq .journey-planner-homepage .return a.remove-journey .sprite-main { top:4px; } .jq .journey-planner-homepage .return .remove-journey { padding:8px 30px 10px 27px; } .jq .journey-planner-homepage .slower-trains .more-help { margin-left:3px; margin-right:3px; margin-top:2px; } .jq .journey-planner-homepage .box-1 .b1-m .b1-p { padding-bottom:10px; } .jq .advanced-search-p { margin:0 0 5px 45px; } .jq .journey-planner-homepage .box-21 .b21-m .b21-p { padding:10px 15px 0 5px; } .jq .journey-planner-homepage .box-21 .advanced-search-f > div { margin-top:6px; } .jq .journey-planner-homepage .advanced-search-o, .jq .journey-planner-homepage .advanced-search-o-bottom { padding-right:0px; } .jq .journey-planner-homepage .advanced-search-h select { width:auto; } .jq .journey-planner-homepage h2 { text-shadow:-1px -1px 4px rgba(0,0,0,.33); } .jq .journey-planner-homepage label { text-shadow:0 1px 1px rgba(0,0,0,.5); } .jq .journey-planner-homepage .slower-trains label { text-shadow:none; } .logged-in .homepage .box-8-shadow .b8-p { position:relative; } /* new new JP passngers */ .jq .journey-planner-homepage .button-holder .fluid { bottom:38px; } #rcards-holder button{ margin:3px; } #rcards { /* width:13.5em; width:12.5em; /* mac */ width: 18.5em; font-weight:normal; } #rcards-holder ul { clear:both; padding-top:.5em; display:block; width:20em; } .js #rcards-holder ul{ display:none; } .js #rcards-holder ul.active{ display:block; } #rcards-holder ul, #rcards-holder ul * { float:none; list-style:none; margin:0; } #rcards-holder ul li { padding:.5em 0; border-top:1px solid #3371AF; border-bottom:1px solid rgba(0,0,0,.5); display:block; } #rcards-holder ul li:first-child { border-top:0; padding-top:0; } #rcards-holder ul li:last-child { border-bottom:0; padding-bottom:0; } #rcards-holder ul label { width:16em; display:inline-block; padding-right:.33em; } #add-fares { margin-top:40px; margin-bottom:10px; } #add-fares label, #rcards-holder ul li label { font-size:1em; font-weight:bold; } #add-fares select { padding: 1px 2px; font-size: 1em; } #add-fares .checkbox-border { margin-top:3px; } /* End styles originally in home.css */ /* Styles originally in generic.css */ .page .filter .button-margin-top, .page .filter .button-margin-top:focus{margin-top:1.9em;} /* --------------------------------------- 9.0 LATEST TRAINS ---------------------------------------------------*/ /* TIMETABLE */ /*Additional live-trains styles for smaller width box */ .livetrain-section .live-trains .valid, .live-trains .invalid{margin-right:4px;} /* End styles originally in generic.css */ /* AD CHOICES */ .ad-choices{display:block;float:left;width:auto;font-weight:bold;color:#000;text-decoration:none;cursor:pointer;padding:5px 0 0 8px;} .ad-choices span{display:block;float:left;width:auto;margin:0 5px 0 0;} .ad-choices img{display:block;float:left;width:13px;margin:1px 0 0 0;} .ad-choices:hover span, .ad-choices:active span, .ad-choices:focus span{text-decoration:underline;} /* FACEBOOK LIKE */ #facebook{position:absolute;right:10px;top:10px;display:none;width:170px;padding:15px 0 0 0;text-align:left;} #facebook p{font-size:1em;} #facebook p strong{display:block;padding:3px 0 0 0;font-size:1.2em;} #facebook p a{text-decoration:none;display:block;text-align:center;} #facebook p a:hover, #facebook p a:focus, #facebook p a:active{text-decoration:underline;} #facebook p a.external{padding:0;background:transparent;} #facebook p a.external strong{background:url(../images/icon-external-link.png) right 6px no-repeat;padding-right:15px;width:75px;margin:0 auto;} #facebook iframe{margin:0 0 0 46px;} /*Focusing to be altered on actual styles after client approval*/ /*a:focus, button:focus{outline:2px solid #ff9c00;} .login p.btn a:focus{outline:2px solid #ff9c00;} .ticker p.jf-open a:focus, .ticker p.jf-closed a:focus{outline:2px solid #ff9c00;} .navigation input.search:focus, .navigation input.btn-search:focus{outline:2px solid #ff9c00;} a.date-picker-control:focus{outline:2px solid #FFE155;} .journey-planner a:focus, .journey-planner button:focus{outline:2px solid #FFE155;} .journey-planner input#chkDest-1:focus, .journey-planner input#chkTrains1:focus{outline:2px solid #FFE155;} .journey-planner select#sltViaAv:focus{outline:2px solid #FFE155;} .jq .side-tabs li .tab a:focus{outline:2px solid #ff9c00;} .journey-planner a:active{outline:none;} .journey-planner a.hide-search.active.noout, .journey-planner a.hide-search.active.noout:focus, .journey-planner a.adv-search.active.noout, .journey-planner a.adv-search.active.noout:focus .journey-planner a.remove-journey.active.noout, .journey-planner a.remove-journey.active.noout:focus, .journey-planner a.add-journey.active.noout, .journey-planner a.add-journey.active.noout:focus {outline:none;}*/ #skip-content-hold, #skip-nav-hold {position: relative; left: -200%;height:0px;}