/* hafas_rp.css */ /* ============ */ /* basic colours: */ /* ============== */ /* */ /* blue: #000c2a */ /* red: #9f002a */ /* yellow: #ecbd00 */ /* (red 2: #e50004) */ /* ##################### */ /* # basic definitions # */ /* ##################### */ /*** TAGS ***/ body {margin:0; padding:0; min-width:1005px; height:100%} p,div,th,td,ul,ol,li,span,a {font-family:arial, helvetica, verdana; font-size:12px; color:#000; text-decoration:none;} input,textarea,select {font-family:arial, helvetica, verdana; font-size:12px; color:#000; text-decoration:none;} table {border:none;} form {margin:0; padding:0;} img {border:none; vertical-align:middle;} a {cursor:pointer;} input[disabled], textarea[disabled], select[disabled] {background-color:#ccc;} /*** PSEUDO CLASSES ***/ a, a:link, a:visited {color:#039; background:transparent; text-decoration:underline;} a:hover, a:active, a:focus {color:#ecbd00; background:transparent; text-decoration:underline;} /*** PHYSICAL CLASSES ***/ .bold {font-weight:bold;} .italic {font-style:italic;} .underline {text-decoration:underline;} .pre {font-family:courier;} .red {color:#9f002a;} .yellow {color:#ecbd00;} .top {vertical-align:top;} .middle {vertical-align:middle;} .bottom {vertical-align:bottom;} .left {text-align:left;} .center {text-align:center;} .right {text-align:right;} .fullwidth {width:100%;} tr.hideRow, .hidden {display:none;} .clearboth {clear:both;} /*** COMMON LOGICAL CLASSES ***/ img.productIcon {border:1px solid #c0c0c0;} input,select {vertical-align:middle;} input.error, select.error {border:inset 2px #9f002a; background-color:#fdd;} input:focus, select:focus {background-color:#ffa;} div.errormessage {border:2px solid #9f002a !important; margin-bottom:5px !important; margin-top:5px !important;} span.errormessage {color:#9f002a !important; font-weight:bold !important;} .clearFloats {clear:both;height:1px;margin-bottom:-1px;font-size:1px;} span.prognosis {color:#9f002a !important; font-weight:bold !important;} span.rtgrey {color:#999999 !important; font-weight:bold !important;} span.rtGreen {color:#0f0 !important; font-weight:bold !important;} .rtLine {background-color:#9f002a !important;} .onlyForScreenReaders {position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;} .textFieldInputHint {position:absolute; left:0px; bottom:0px; width:325px; height:14px; background:transparent !important; color:#999 !important; font-size:12px !important; margin:0; padding:0 0 4px 5px;} * html .textFieldInputHint {bottom:5px;} /* ###################### */ /* # structure elements # */ /* ###################### */ .separatingLine {height:1px; background-color:#c0c0c0;} .separatingLine hr {display:none;} .spaceLine {height:1px; background:transparent;} .spaceLine hr {display:none;} /* ###################### */ /* # global page layout # */ /* ###################### */ #HfsOuterContainer {text-align:center; padding:0; margin:0;} .HfsOuterContainerHeader {background:#fff;} .HfsOuterContainerNavigation {height:204px;} .HfsOuterContainerFooter {background:#05233f;} #HfsInnerContainer {text-align:left; padding:0; margin:0px auto; width:1005px;} /* ########## */ /* # header # */ /* ########## */ #hafasHeader {position:relative; margin:0 10px; padding:0; height:70px;} #hafasSubHeader {position:relative; margin:0 10px; padding:0; height:30px;} /*** ELEMENTS OF #hafasHeader AREA ***/ /* A */ #logo {position:absolute; margin:0; top:20px; left:0; width:210px; height:34px;} /* A-1 */ #headerWidgets {top:10px; height:16px; margin:0; padding:0; position:absolute; right:0; vertical-align:bottom; width:135px;} #bookmarkWidget {display:block; float:right; font-size:12px; height:16px; margin:0 0 0 10px; padding:0; width:auto;} /* B */ #headerLinks {position:absolute; bottom:5px; right:0; height:16px; width:800px; margin:0; padding:0; vertical-align:bottom;} #headerLinks2 {position:absolute; top:12px; right:140px; height:16px; width:600px; margin:0; padding:0; vertical-align:bottom;} #headerLinks2_noWidgets {position:absolute; top:12px; right:0px; height:16px; width:600px; margin:0; padding:0; vertical-align:bottom;} /* C */ #closeWindow {float:right; margin:0; padding:0; width:auto; vertical-align:bottom;} #closeWindow a {text-decoration:none;} #closeWindow a span {text-decoration:underline;} /* D */ #help {float:right; margin:0 0 0 10px; padding:0; display:block; width:auto; height:16px; font-size:12px;} #help a {margin:0; padding:0 0 0 5px; color:#000; font-size:12px; font-family:arial, helvetica;} /* D2 */ #min_rp {float:right; margin:0 10px 0 0px; padding:0; display:block; width:auto; height:16px; font-size:12px;} #min_rp a {margin:0; padding:0 5px 0 0px; color:#000; font-size:12px; font-family:arial, helvetica;} /* E */ #scaleFontSize {float:right; margin:0 0 0 10px; padding:0; display:block; width:auto; height:16px; font-size:12px;} #scaleFontSize a {margin:0 0 0 10px; padding:0 0 0 17px; color:#000; font-size:12px; font-family:arial, helvetica; text-decoration:none;} /*** ELEMENTS OF #hafasSubHeader AREA ***/ /* F */ #goBack {position:relative; width:150px; top:10px; left:0;} #goBack a {color:#000; font-size:12px; text-decoration:none; margin:0;} #goBack a span {text-decoration:underline; font-size:12px; font-family:arial, helvetica;} /* G */ #overviewLinks {float:right; position:relative; margin:0 0 0 5px; width:500px; top:10px; right:0; text-align:right;} #overviewLinks span {padding:0 0 0 20px; text-align:right;} #overviewLinks span a {text-decoration:none;} #overviewLinks span a span {text-decoration:underline; color:#039; padding:0; font-size:12px; font-family:arial, helvetica;} #overviewLinks span a:hover span {color:#ecbd00;} /*** ELEMENTS OFCUSTOMER'S #promoBanner AREA ***/ /* H */ #promoBanner {position:relative; border: 2px solid #c0c0c0; margin:10px; background:#fff; padding:0; height:50px;} #customerBannerOff {position:absolute; right:10px; top:10px; width:15px; height:15px; margin:0; padding:0;} #customerBannerIcon {float:left; margin:6px 0 0 220px; padding:0;} * html #customerBannerIcon {margin-left:110px;} #customerBannerContent {float:left; margin:0; padding:15px 10px 10px; vertical-align:middle; font-size:16px;} #customerBannerContent * {font-size:16px;} #customerBannerContent .emphasise {font-weight:bold; color:#9f002a;} /* ######################################## */ /* # left navigation (HAFAS applications) # */ /* ######################################## */ #sliders {margin:0; padding:0; height:380px;} #sliders li {margin:0; padding:0; list-style:none; position:relative;} #sliders li {height:40px; width:200px; margin:0; z-index:2;} #sliders li a {position:relative; margin:0; vertical-align:middle; font-size:12px; text-decoration:none;} #sliders li a {top:12px; padding-left:33px;} #sliders li a:link, #sliders li a:visited {color:#039;} #sliders li a:hover, #sliders li a:active, #sliders li a:focus {color:#ecbd00;} #sliders li.activeslider {height:44px; width:204px; margin:-2px -2px 0 -2px; z-index:3;} #sliders li.activeslider a {top:14px; padding-left:35px; font-weight:bold;} #sliders li.activeslider a:link, #sliders li.activeslider a:visited {color:#000;} #sliders li.activeslider a:hover, #sliders li.activeslider a:active, #sliders li.activeslider a:focus {color:#ecbd00;} #sliders li a img.sliderIcon {margin-top:-15px;} * html #sliders li a img.sliderIcon {margin-top:-6px;} /* ###################### */ /* # HAFAS content area # */ /* ###################### */ /*** HAFAS CONTENT - QUERY PAGES ***/ #hafasQueryFrame {margin:0 10px 30px; border:none; background:#fff; padding:0;} #hafasQueryFrame table.formTable {border:0; margin:0; border-collapse:collapse; width:100%;} #hafasQueryFrame table.formTable td.navigation {width:200px; vertical-align:top; padding:0; border: 2px solid #ccc; border-right:none; background-color:#fafafa;} #hafasQueryFrame table.formTable td.hafasQueryForm {position:relative; width:auto; vertical-align:top; padding:20px 20px 0; border:2px solid #ecbd00;} /* PAGETITLE and subtitle of query pages (displayed inside the HAFAS content) */ #queryPageTitle {position:relative; height:37px; margin: 0 0 5px; padding:0;} #pageTitleIcon {position:absolute; top:0; left:0; height:37px; width:37px;} #pageTitleText {position:absolute; top:3px; left:58px; height:37px; width:auto; white-space:nowrap; font-size:29px; font-weight:bold; font-family:arial, helvetica; color:#132e4a;} #pageTitleText span.pageTitleHint {position:relative; width:40px; height:10px; padding:0; margin:0; left:3px; bottom:15px;} #queryPageSubTitle {position:relative; margin: 0 0 10px; padding:0 0 10px; font-size:12px; font-family:arial, helvetica; border-bottom:1px solid #c0c0c0;} #pageTitleLogosBOP {position:relative; height:37px; margin: 0 0 10px; padding:0;} /* "search button" position */ #hafasQueryFrame #queryInputButtons, #hafasQueryFrame #searchWaitScreen {position:relative; max-width:550px;} #tpQueryFormOnMap #queryInputButtons, #tpQueryFormOnMap #searchWaitScreen {position:relative; max-width:740px;} /* "search button" position - IE6 */ * html #hafasQueryFrame #queryInputButtons, * html #hafasQueryFrame #searchWaitScreen {width:565px;} * html #tpQueryFormOnMap #queryInputButtons, * html #tpQueryFormOnMap #searchWaitScreen {position:static; width:auto;} table.hafasQuery {width:auto; background-color:#fff;} .hafasQuery * {background-color:#fff; color:#000;} .hafasQuery th {font-family:arial; font-size:15px; font-weight:bold; padding:3px 3px 2px; text-align:left; white-space:nowrap; width:100px; vertical-align:top;} .hafasQuery th.slim {width:60px;} .hafasQuery th.tpQueryThTime {width:30px; padding-left:20px;} .hafasQuery th.second {width:auto; padding-left:50px;} .hafasQuery th.feedback {width:170px; font-size:11px; text-align:right;} .hafasQuery th.feedback .red {color:#9f002a;} .hafasQuery th span.queryCaption {font-size:14px;font-family: arial;} .hafasQuery td {padding:0 3px 5px; vertical-align:middle;} .hafasQuery td input.radio, .hafasQuery th input.radio {vertical-align:middle; margin-top:0; margin-right:3px; margin-left:3px;} #calendarButton0, #calendarButton1 {position:relative;} .hafasQuery td a.calendar {text-decoration:none; position:relative;} .hafasQuery td a.calendar span {text-decoration:underline; font-size:11px; color:#036;vertical-align:middle;margin-left: 3px;} .hafasQuery td.errormessage {color:#9f002a; font-weight:bold;} .hafasQuery td.spaceleft {padding-left:20px;} .hafasQuery td.sepline {border-bottom:1px solid #999;} .hafasQuery td.borderright {border-right:1px solid #999;} .hafasQuery td.buttons {padding:5px 0 0 0;} .hafasQuery td.hint, .hafasQuery td span.red {color:#9f002a;} .hafasQuery td.hint2, .hafasQuery td span.hint {border:1px solid #aeca7e; background:#f2fdde;} .hafasQuery td.example {font-size:12px; vertical-align:top;} .hafasQuery td.example span {font-size:12px; vertical-align:top; display:none;} .hafasQuery td.example span.selected {display:inline;} /* special styles only for tp_query */ .hafasQuery td.tpTimeselDep {padding-top:2px; padding-left:20px;} .hafasQuery td.tpTimeselArr {padding-top:2px;} .hafasQuery td.regionlist {padding-right:15px;} .hafasQuery td.intermodDist select {width:70px;} .hafasQuery td.prodDetail {padding:1px 0px 2px 0px;} .hafasQuery td.prodDetail input {margin-top:0px; margin-bottom:0px; height:15px;} span.tpQueryAdvancedButton {margin-top:16px; float:left;} span.tpQueryHideAdvancedButton {margin-top:16px; float:right;} /* special styles only for tb_query */ table.tbQuery th {width:50px;} table.tbQuery th.date {width:80px;} table.tbQueryWeekdays td {width:45px;} .tbQuery td.prodDetail {padding:5px 3px; vertical-align:middle;} #tbQueryStep2Table {border:0; margin:0; border-collapse:collapse; width:100%;} table.tbButtons {width:100%;} table.tbButtons th {padding:5px 3px; width:50px; } table.tbButtons td {padding:5px 3px;} table.tbButtons td a.tbOpenAdvanced {font-weight:bold; text-decoration:underline; font-size:13px;} #tbQueryPage2Frame {padding: 0 20px 20px;} #tbQueryPage2Frame h1 {font-size:22px; font-weight:bold; margin:20px 0 10px;} #tbQueryPage2Frame p {line-height:16px; margin:10px 0;} #tbQueryPage2Frame th {padding:3px 10px 3px 0; width:auto; font-size:13px; font-weight:bold;} #tbQueryPage2Frame td {padding:3px 20px 3px 0;} #tbQueryPage2Frame td.example {text-align:center; font-size:12px; font-weight:normal;} #tbQueryPage2Frame td label {font-size:16px; font-weight:bold;} #tbRadioEmail, #tbRadioDownload {margin-top:-4px;} /* special styles only for sq_query */ table.sqQuery th {width:50px;} table.sqQuery td.selArrDep {padding-left:0;} table.sqQuery td span.optional {color:#c90; font-weight:bold;} /* special styles only for ts_trainsearch */ table.tsQuery th {width:140px;} h1.tsCaption {font-size:29px; font-weight:bold; font-family:arial, helvetica; color:#132e4a; padding:3px 7px; margin: 5px 0;} /* AJAX:HAFAS SUGGEST (suggested locations) */ #suggestion {position:absolute; max-height:150px; min-width:180px; overflow:auto; overflow-x:hidden; overflow-y:auto; padding:0px; background-color:#fff; border:0px solid black;} #suggestion div {white-space:nowrap; line-height:15px; font-size:11px; cursor:pointer;} #suggestion .selected {background-color:#ecbd00; color:#000;} /* customer specific input hints (on the right hand side of query pages) */ td.inputHints div.xpl_head {margin:10px 10px 0; font-weight:bold;} td.inputHints table.xpl {margin:10px;} td.inputHints table.xpl th {padding:3px; font-weight:normal; text-align:left;} td.inputHints table.xpl td {padding:3px; font-style:italic;} td.inputHints table.xpl td.li {font-style:normal; padding:3px 0; vertical-align:top;} td.inputHints table.xpl td.normal {font-style:normal;} td.inputHints div.xpl_content {margin:10px;} td.inputHints div.xpl_content p {margin-bottom:5px; line-height:16px;} td.inputHints div.xpl_content li {} /*** HAFAS CONTENT - RESULT PAGES - GENERAL ***/ /* print options */ .printSelf {margin:5px 0; padding:0 10px; text-align:right;} .printSelf a {text-decoration:none;} .printSelf a span {text-decoration:underline; color:#039;} .printSelf a:hover span {color:#ecbd00;} /* HAFAS results */ #hafasResultsCommon, #hafasResultsOutwardFrame, #hafasResultsReturnFrame {margin:10px; border:2px solid #ecbd00; padding:0; background:#fff;} #hafasResultsCommon td {vertical-align:top;} #hafasResultsInfoBlock {width:250px; padding: 7px 10px 10px 15px; vertical-align:top;} #hafasResultsInfoBlock p {margin:0 0 8px; font-size:12px;} #hafasResultsInfoBlock p.IBTitle {font-weight:bold;} #hafasResultsInfoBlock p.IBContent {} #hafasResultsInfoBlock p.IBExample {font-style:italic;} #hafasResultsInfoBlock ul.IBFaq {margin:0; padding:0; list-style:none;} #hafasResultsInfoBlock ul.IBFaq li {margin-bottom:5px;} table.hafasResult {background-color:#fff; margin:0 0 7px 0;} .hafasResult th {padding:3px 7px; font-weight:bold; white-space:nowrap;} .hafasResult th.sq, .hafasResult th.tq, .hafasResult th.ts {background:#f1f1f1; color:#000; text-align:center; font-size:12px; font-weight:bold; text-align:left;} .hafasResult th.sqDestination {width:300px;} .hafasResult td {padding:3px 7px; vertical-align:top; line-height:16px;} .hafasResult td.nowrap {white-space:nowrap;} /*** TB RESULT PAGES ***/ div.hafasResultConfirm {position:relative; height:300px;} #tbConfirmIcon {position:absolute; width:auto; height:auto; top:4px; left:0;} #tbConfirmCaption {position:absolute; width:auto; height:auto; top:0; left:30px; color:#132e4a; font-size:22px; font-weight:bold;} #tbConfirmButton {position:absolute; width:auto; height:auto; top:0; right:0;} #tbConfirmDescription {position:relative; top:40px; left:0; margin:0 0 10px 5px; line-height:20px;} #tbConfirmDescription span {padding:3px; background-color:#ff9;} div.hafasResultDownload {position:relative; height:260px;} #tbDownloadNotYetReady_Text {color:#132e4a; font-size:22px; font-weight:bold;} #tbDownloadNotYetReady_Diagram {margin-top:15px; font-weight:bold; font-size:15px; color:#ccc;} #tbDownloadLink {position:absolute; width:auto; height:auto; top:5px; left:0;} #tbDownloadLink a {text-decoration:none; background-color:#ff9; font-size:15px; font-weight:bold; color:#039; padding: 5px;} #tbDownloadLink a img {} #tbDownloadLink a span {text-decoration:underline; font-size:15px; font-weight:bold; color:#039;} #tbDownloadButton {position:absolute; width:auto; height:auto; top:0; right:0;} #tbDownloadAdobeIcon {position:absolute; bottom:0; left:0; height:auto; width:auto;} #tbDownloadAdobeLink {position:absolute; bottom:0; left:60px; height:auto; width:auto; line-height:17px;} /*** SQ RESULT PAGES ***/ /*** title ***/ #sqResultsTitle {margin:10px 10px 0; border:2px solid #ecbd00; padding:15px 10px; background:#fffeeb; border-bottom:0; font-size:17px;} #sqResultsTitle span {font-size:17px; font-weight:bold;} /*** sq-sliders ***/ #sqResultsSliders {margin:0 10px; border:2px solid #ecbd00; padding:0; background:#fffeeb; border-bottom:0; border-top:0; position:relative; height:35px;} #sqResultsSliders ul {margin:0; padding:0; list-style:none; position:relative; height:34px;} #sqResultsSliders li {float:left; padding:8px 11px 0 34px;} #sqResultsSliders li.sqStBoard, #sqResultsSliders li.sqGadget, #sqResultsSliders li.sqMap {height:23px; margin:0 5px -1px 0; border:1px solid #f6da6a; background-color:#fef6d1; border-bottom:0;} #sqResultsSliders li.sqStBoardActive, #sqResultsSliders li.sqGadgetActive, #sqResultsSliders li.sqMapActive {height:24px; margin:0 5px -2px 0; border:2px solid #ecbd00; background-color:#ffffff; border-bottom:0; font-weight:bold; font-size:14px;} #sqResultsSliders li.sqStBoardActive, #sqResultsSliders li.sqStBoard {border-left:0;} /*** content below sq-sliders (station board, gadget, map) ***/ #sqResultsContent {margin:0 10px 10px; border:2px solid #ecbd00; border-top:0; padding:0; background:#fff; clear:both;} #sqResultsContentTable {width:100%;} #sqResultsContentTable td {vertical-align:top;} /*** adjust search ***/ #sqAdjustSearch {position:relative; margin: 20px 10px; border:2px solid #c0c0c0; padding:10px; background:#fff;} #sqAdjustSearch p.sqASTitle {margin:0 0 5px; font-weight:bold;} #sqAdjustSearch p.sqASQuerySummary {margin:0;} #sqAdjustSearch p.sqASQuerySummary img {vertical-align:bottom; margin:0 5px 4px;} #sqAdjustSearch p.sqASQuerySummary span {margin:0 5px; color:#666;} #sqAdjustSearch div.sqASButton {position:absolute; top:25px; right:10px; margin:0; text-align:right; height:24px; width:auto;} * html #sqAdjustSearch div.sqASButton {top:27px; right:21px;} /*** SQ gadgets ***/ #sqGadget {margin:0 10px 50px;} #sqGadget p {margin:35px 0 10px;} #sqGadget p span {padding: 5px 10px; background-color:#ff9; font-weight:bold;} #sqGadget th {padding: 10px 20px 10px 0;} #sqGadget td {vertical-align:middle;} #sqGadget td span {margin: 0 4px; color:#666;} /*** station board ***/ #hafasSqResults {margin-bottom:0} #hafasSqResults td {vertical-align:bottom;} #hafasSqResults td span.prognosis {color:#000 !important;} #hafasSqResults .sqFirst {padding-left:14px;} #hafasSqResults table.hafasSqResultsDetails {border:2px solid #c0c0c0;} #hafasSqResults table.hafasSqResultsDetails th {border-bottom:1px solid #ebebeb; text-align:left; padding-top:10px;} #hafasSqResults table.hafasSqResultsDetails td {border-bottom:1px solid #ebebeb;} .hafasResult tr.arrBoardCol1 td, .hafasResult tr.arrBoardCol2 td, .hafasResult tr.depBoardCol1 td, .hafasResult tr.depBoardCol2 td, .hafasResult tr.sqToggleDetailsClosed td {background:#fff; border-bottom:1px solid #ccc;} .hafasResult tr.sqToggleDetailsClosed span.sqLinkShowDetails a {font-size:11px;} .hafasResult tr.sqToggleDetailsOpened td {background:#e8e8e8;} #hafasSqResults tr.sqToggleDetailsOpened td.sqResultsTerminal {padding:0; vertical-align:bottom;} #hafasSqResults tr.sqToggleDetailsOpened td.sqResultsTerminal div {position:relative; top:5px; height:18px; text-align:right; border:2px solid #c0c0c0; border-bottom:0; padding:3px 7px 3px 1px; background-color:#fff;} /*** language sensitive settings ***/ #hafasSqResults tr.sqToggleDetailsOpened td.sqResultsTerminal div.d {width:90px; left:205px;} #hafasSqResults tr.sqToggleDetailsOpened td.sqResultsTerminal div.e {width:60px; left:235px;} #hafasSqResults tr.sqToggleDetailsOpened td.sqResultsTerminal div.m {width:50px; left:245px;} #hafasSqResults tr.sqToggleDetailsOpened td.sqResultsTerminal div a {text-decoration:none; padding:0;} #hafasSqResults tr.sqToggleDetailsOpened td.sqResultsTerminal div a img {margin:0 0 2px;} #hafasSqResults tr.sqToggleDetailsOpened td.sqResultsTerminal div a span {font-size:13px; font-weight:bold; vertical-align:bottom; text-decoration:underline; color:#039;} #hafasSqResults tr.sqToggleDetailsOpened td.sqResultsTerminal div a:hover span {color:#ecbd00;} .hafasResult td.sqProd {padding:3px 7px; white-space:nowrap;} .hafasResult td.sqProd span {white-space:nowrap; display:block; width:auto; float:left; margin:4px 3px 0 0; padding: 0 0 3px 0;} .hafasResult td.sqProd span.metro, .hafasResult td.sqProd span a:link, .hafasResult td.sqProd span a:visited, .hafasResult td.sqProd span a:focus, .hafasResult td.sqProd span a:hover, .hafasResult td.sqProd span a:active {font-size:11px; vertical-align:bottom; text-decoration:none; color:#039; border:1px solid #c0c0c0; padding:2px; background:#fff;} .hafasResult td.sqProd span a img {margin:0;} .hafasResult td.sqProd a img {margin:3px 0 0 3px;} * html .hafasResult td.sqProd span a img {margin:0;} * html .hafasResult td.sqProd a img {margin:5px 0 0;} .hafasResult td.rs, .hafasResult td span.rs, .hafasResult td span.rs a {font-size:10px;} #sqTrainroute {} .hafasResult tr.sqTrainrouteHidden {display:none;} .hafasResult tr.sqTrainrouteShown {background:#e8e8e8;} .hafasResult tr.sqTrainrouteShown td {border-bottom:1px solid #ccc;} .hafasResult tr.sqTrainrouteShown .sqDestination {width:293px;} #sqResultsSwitchTime {margin:5px 0; padding:2px 9px; line-height:19px;} #sqResultsSwitchTime span {background:#ecbd00; padding:1px 2px;} #sqResultsSwitchTime a {padding:1px 2px;} #sqResultsSwitchToRealtime {margin:5px 0; padding:2px 9px; line-height:19px;} #sqResultsMetroInfo, #sqResultsBrowseTime {margin:0 0 5px; padding:9px; border-bottom:1px solid #ccc; width:auto;} #sqResultsBrowseTimeSooner {font-weight:bold; float:left;} #sqResultsBrowseTimeLater {font-weight:bold; float:right;} /*** TQ RESULT PAGES ***/ .hafasResult td.tqFirst {padding-left:10px; text-align:left;} .hafasResult tr.tqCol1 td {background:#ddd; border-bottom:1px solid #ccc; text-align:center;} .hafasResult tr.tqCol2 td {background:#fff; border-bottom:1px solid #ccc; text-align:center;} /*** TS RESULT PAGES ***/ .hafasResult tr.tsCol1 td {background:#ddd; border-bottom:1px solid #ccc;} .hafasResult tr.tsCol2 td {background:#fff; border-bottom:1px solid #ccc;} /*** TP QUERYSUMMARY / CHANGE QUERY FORM ***/ #hafasQuerySummaryFrame {margin: 20px 10px; border:2px solid #c0c0c0; padding:0; background:#fff;} div.hafasQuerySummaryTitle {border-bottom: 1px solid #c0c0c0; background:#f6f6f6; margin-bottom:5px; font-size: 15px; font-weight:bold; padding:6px 15px;} table.qsIndentBgWhite {border:none; border-left:10px solid #fff; border-right:10px solid #fff;} table.qsIndentBgGrey {border:none; border-left:10px solid #f6f6f6; border-right:10px solid #f6f6f6;} table.qsIndentBgGrey input, table.qsIndentBgGrey img {background: #f6f6f6;} /*** TP BOOKING/TICKETS ***/ div.ticketOrderErrorBoxOn {border:2px solid #e50004; padding:5px; margin: 0 10px 10px; background:#fffca4;} div.ticketOrderErrorBoxOn p.ticketOrderErrorContentOn {text-align:left; display:block; color:#000000; font-weight:bold; margin:0;} div.ticketOrderErrorBoxOff {} div.ticketOrderErrorBoxOff p.ticketOrderErrorContentOff {display:none;} /*** TP OVERVIEW - BROWSE CONNECTIONS ***/ div.browseConnections {width:100%; vertical-align:middle; height:38px;} .browseConnections .caption {float:left; display:block; width:33%; font-size:22px; font-weight:bold; color:#132e4a; padding:5px 15px;} .browseConnections .browse {float:left; display:block; width:17%; text-align:right; padding:9px 0 0;} .browseConnections .browse a {text-decoration:none;} .browseConnections .browse a span {text-decoration:underline; padding: 0 5px; color:#039;} .browseConnections .browse a:hover span {color:#ecbd00;} .browseConnections .ticketButton {float:right; display:block; width:35%; text-align:right; padding:3px;} .browseConnections .ticketButton a.disabledTicketButton {display:none;} .browseConnections .ticketButton a.enabledTicketButton {display:inline;} .browseConnections .ticketButton img {margin-right:10px;} * html .browseConnections .ticketButton img {margin-right:14px;} .browseConnections .clear {clear:both; display:block;} /*** TP OVERVIEW - CONTENT TABLE ***/ /* TABLE and HEADER */ div.comodalTitleLocations {padding:5px 39px; margin:5px 0;font-size:16px; font-weight:bold;} div.comodalTitleDate {padding:5px 39px; margin:5px 0;font-size:14px; background-color:#ecbd00;} div.carRouteCollapsed {padding: 1px; overflow: hidden; height: 426px;} .completeRouteBtn {padding:1px;} div.CHafasConnectionText table.completeRouteTable { border-top:none; } .comodalHeadline {font-weight:bold;font-size:14px;} table.hafasOverview {background-color:#fff; margin-bottom:7px; width:100%;} .hafasOverview th {text-align:left; padding:3px 7px; font-weight:bold; white-space:nowrap; background:#f1f1f1; border-top: 1px solid #cecece; border-bottom: 1px solid #cecece;} .hafasOverview th.ovSelect {padding:0;} .hafasOverview th.ovLocation {} .hafasOverview th.ovLocation span {} .hafasOverview th.ovTime {} .hafasOverview th.ovPrognosis {} .hafasOverview th.ovDate {} .hafasOverview th.ovDuration {} .hafasOverview th.ovChanges {} .hafasOverview th.ovProducts {} /* CONTENT ROWS */ /****************.hafasOverview tr.ovBgBasic td {background-color:#fff;}*********/ .hafasOverview tr.ovBgBasic td.ovSelect, .hafasOverview tr.ovBgBasic td.ovTime, .hafasOverview tr.ovBgBasic td.ovLocation, .hafasOverview tr.ovBgBasic td.ovDate, .hafasOverview tr.ovBgBasic td.ovDuration, .hafasOverview tr.ovBgBasic td.ovChanges, .hafasOverview tr.ovBgBasic td.ovDurationComodal, .hafasOverview tr.ovBgBasic td.ovChangesComodal, .hafasOverview tr.ovBgBasic td.ovMOT, .hafasOverview tr.ovBgBasic td.ticketMessage, .hafasOverview tr.ovBgBasic td.ovButtons, .hafasOverview tr.ovBgBasic td.displayHIM, .hafasOverview tr.ovBgBasic td.ovComodal, .hafasOverview tr.ovBgBasic td.ovEcology, .hafasOverview tr.ovBgBasic td.ovFares, .hafasOverview tr.ovBgBasic td.ovDetails, .hafasOverview tr.ovBgSelected td.ovNoParkRideInfo, .hafasOverview tr.ovBgSelected td.ovFootWalkInfo, .hafasOverview tr.ovBgBasic td.additionalContent {background-color:#fff;} /****************.hafasOverview tr.ovBgSelected td {background:#ffffc7;}****************/ .hafasOverview tr.ovBgSelected td.ovSelect, .hafasOverview tr.ovBgSelected td.ovTime, .hafasOverview tr.ovBgSelected td.ovLocation, .hafasOverview tr.ovBgSelected td.ovDate, .hafasOverview tr.ovBgSelected td.ovDuration, .hafasOverview tr.ovBgSelected td.ovChanges, .hafasOverview tr.ovBgSelected td.ovDurationComodal, .hafasOverview tr.ovBgSelected td.ovChangesComodal, .hafasOverview tr.ovBgSelected td.ovMOT, .hafasOverview tr.ovBgSelected td.ticketMessage, .hafasOverview tr.ovBgSelected td.ovButtons, .hafasOverview tr.ovBgSelected td.displayHIM, .hafasOverview tr.ovBgSelected td.ovComodal, .hafasOverview tr.ovBgSelected td.ovEcology, .hafasOverview tr.ovBgSelected td.ovFares, .hafasOverview tr.ovBgSelected td.ovDetails, .hafasOverview tr.ovBgSelected td.ovNoParkRideInfo, .hafasOverview tr.ovBgSelected td.ovFootWalkInfo, .hafasOverview tr.ovBgSelected td.additionalContent {background-color:#ffffc7;} .hafasOverview tr.ovBgSelected td.ovSelect {border-left:10px solid #ecbd00; padding-left:3px; padding-right:0;} .hafasOverview tr.ovBgSelected td.ovMOT, .hafasOverview tr.ovBgSelected td.ovDetails, .hafasOverview tr.ovBgSelected td.displayHIM, .hafasOverview tr.ovBgSelected td.ticketMessage, .hafasOverview tr.ovBgSelected td.ovNoParkRideInfo, .hafasOverview tr.ovBgSelected td.ovFootWalkInfo {border-right:10px solid #ecbd00;} .hafasOverview tr.ovBgSelected td.additionalContent {border-left:10px solid #ecbd00; border-right:10px solid #ecbd00;} .hafasOverview tr.ovConFirstRow td {border-top:1px solid #ebebeb;} .hafasOverview tr.details td {padding:0;} .hafasOverview tr.links td.ovButtons {white-space:nowrap; min-width:680px;} .hafasOverview td {padding:3px 7px; vertical-align:top; line-height:16px;} .hafasOverview td.mapIcon {text-align:right;} .hafasOverview td.ovSelect {padding-left:13px; padding-right:0;} .hafasOverview td.ovLocation {min-width:280px; white-space:nowrap;} .hafasOverview td.ovLocation span {width:40px; display:block; float:left; padding-left:0;} .hafasOverview td.ovTime {white-space:nowrap; width:75px;} .hafasOverview td.ovTime span {padding-left:0; width:30px; display:block; float:left; white-space:nowrap;} .hafasOverview td.ovPrognosis {width:30px;} .hafasOverview td.ovDate {width:75px;} .hafasOverview td.ovDuration {width:75px;} .hafasOverview td.ovChanges {width:75px;} .hafasOverview td.ovDurationComodal {min-width:75px; white-space:nowrap;} .hafasOverview td.ovChangesComodal {min-width:75px; white-space:nowrap;} .hafasOverview td.ovMOT {} .hafasOverview td.ovMOT a {font-size:9px;} .hafasOverview td.ovMOT span {white-space:nowrap; display:block; width:auto; float:left; margin:4px 3px 0 0; padding: 0 0 3px 0;} .hafasOverview td.ovMOT span a.ovProduct:link, .hafasOverview td.ovMOT span a.ovProduct:visited, .hafasOverview td.ovMOT span a.ovProduct:focus, .hafasOverview td.ovMOT span a.ovProduct:hover, .hafasOverview td.ovMOT span a.ovProduct:active {font-size:11px; vertical-align:bottom; text-decoration:none; color:#039; border:1px solid #c0c0c0; padding:2px; background:#fff;} .hafasOverview td.ovComodal {font-size: 16px; font-weight: bold; padding:10px 0 0 0;} /* LINKS / BUTTONS */ .hafasOverview tr.links td {padding-top: 9px; padding-bottom:0; vertical-align:bottom;} .hafasOverview tr.links td.ovSelect {text-align:right; padding-bottom:3px; vertical-align:bottom;} .hafasOverview tr.links a {text-decoration:none; padding: 3px 15px 4px 0; display:block; float:left; width:auto; position:relative; bottom: -1px;} .hafasOverview tr.links a.close {border:1px solid #ecbd00; border-bottom:0; background: #fff; z-index: 1; padding-right: 10px;} .hafasOverview tr.links a img {margin-right:3px;} .hafasOverview tr.links a img.placeholder {margin-right: 10px; position:relative; left: -1px; z-index: 0;} .hafasOverview tr.links a.close img {margin-left:3px; margin-right: 3px;} .hafasOverview tr.links a span {font-size:12px; vertical-align:bottom; text-decoration:underline; color:#039;} .hafasOverview tr.links a:hover span {color:#ecbd00;} .hafasOverview tr.links a.open span {vertical-align:middle;} .hafasOverview tr.links a span.seeDtlFromOv {font-weight:bold; color:#f60;} .hafasOverview tr.ovComodalBgBasic td.comodalLink, .hafasOverview tr.ovBgBasic td.comodalLink, .hafasOverview tr.ovBgBasic td.ovEcology, .hafasOverview tr.ovBgBasic td.ovFares, .hafasOverview tr.ovBgBasic td.ovDetails, .hafasOverview tr.ovBgSelected td.comodalLink, .hafasOverview tr.ovBgSelected td.ovEcology, .hafasOverview tr.ovBgSelected td.ovFares, .hafasOverview tr.ovBgSelected td.ovDetails {vertical-align:bottom;} .hafasOverview tr.comodal td.comodalLink > span {text-decoration:none; padding: 3px 3px 0 0; display:block; float:left; width:auto; position:relative;} .hafasOverview tr.comodal a {text-decoration:none; padding: 3px 10px 0 0; display:block; float:left; width:auto; position:relative; color:#000;} .hafasOverview tr.comodal a.close {border:1px solid #ecbd00; border-bottom:0; background: #fff; margin-top: 3px; margin-bottom: -4px;} .hafasOverview tr.comodal a img {margin-right:3px;} .hafasOverview tr.comodal a.close img {margin-left:3px;} .hafasOverview tr.comodal a span {font-size:12px; vertical-align:bottom; text-decoration:underline; color:#039;} .hafasOverview tr.comodal a:hover span {color:#ecbd00;} .hafasOverview tr.comodal a.open span {vertical-align:bottom;} .hafasOverview tr.comodal a span.seeDtlFromOv {font-weight:bold; color:#f60;} .hafasOverview tr.comodal td.ovSelect {padding-top:7px;} .hafasOverview tr.comodal td.ovSelect a {padding:0;} .hafasOverview tr.comodal td.ovSelect a img {padding:0; margin:0;} .hafasOverview tr.comodal td.ovSelect a.jump {width:1px; height:1px;} /* DETAIL CONTAINER inside overview Table */ .hafasOverview .detailContainer {margin:0 10px 10px 7px; padding:10px; border:1px solid #ecbd00; background:#fff;} /* PRODUCT POPUP */ .productPopup {width:350px; margin-left:10px;} .productPopup td, .productPopup a {font-size:12px;} /*** DETAILED VIEW / JOURNEY GUIDE inside DETAIL CONTAINER ***/ .detailContainer table.hafasDtlView {margin-bottom:7px; width:100%;} .hafasDtlView th {background:#fff; border:none;} .hafasDtlView th.dtlProducts {} .hafasDtlView th.dtlLocation {text-align:left;} .hafasDtlView th.dtlLocation span {position:relative; left:-30px;} .hafasDtlView th.dtlLocation span.dtlTitle {font-size:13px;} .hafasDtlView th.dtlLocation span.dtlToggle {font-weight:normal;} .hafasDtlView th.dtlTime {text-align:left;} .hafasDtlView th.dtlTime p {} .hafasDtlView th.dtlDate {text-align:left;} .hafasDtlView th.dtlPlatform {} .hafasDtlView th.dtlMOTDetailed {text-align:left;} .hafasDtlView th.dtlBracket {padding:0; width:17px;} .hafasDtlView th.dtlRemarks {text-align:left;} .hafasDtlView tr.sepLineTop td {border-top: 1px solid #c0c0c0;} tr.details .hafasDtlView td {padding:3px 7px; background:#fff;} tr.details .hafasDtlView td.IScol1, .hafasDtlView td.IScol1 span {background:#eee;} tr.details .hafasDtlView td.IScol2, .hafasDtlView td.IScol2 span {background:#ddd;} tr.details .hafasDtlView td.dtlComments {padding-top:10px; padding-bottom:10px;} tr.details .hafasDtlView td.dtlButtons, tr.details .hafasDtlView td.dtlMessages {padding:15px 0 3px;} tr.details .hafasDtlView td.dtlMessages p {margin:10px 0px;} .hafasDtlView td.dtlProducts {width:16px;} .hafasDtlView td.dtlLocation {min-width:280px;} .hafasDtlView td.dtlLocation span.icon {position:relative; left:-18px;} .hafasDtlView td.prognosis, .hafasDtlView td.prognosis span {color:#9f002a !important; font-weight:bold !important;} .hafasDtlView td.dtlTime {white-space:nowrap; width:75px;} .hafasDtlView td.dtlTime span {padding-left:0; width:30px; display:block; float:left; white-space:nowrap;} .hafasDtlView td.dtlDate {width:75px;} .hafasDtlView td.dtlPlatform {width:75px; text-align:center;} .hafasDtlView td.dtlMOTDetailed {} .hafasDtlView td.dtlMOTDetailed td {border:none;} .hafasDtlView td.dtlRemarks {width:190px;} .hafasDtlView td.dtlComments .duration {font-weight:bold;} .hafasDtlView td.dtlButtons .buttons {width:auto; float:left;} .hafasDtlView td.dtlButtons .platform {width:auto; float:right;} .hafasDtlView tr.printDtlView td, div.printDtlView {text-align:right; padding:10px 0;} /*** MAPS inside DETAIL CONTAINER ***/ .mapHeader {margin:0; padding:0; border-bottom:1px solid #c0c0c0;} .mapHeader .mapCaption {float:left; margin:0 0 5px; font-weight:bold;} .mapHeader .showPrintMode {float:right; margin:0 0 5px;} .mapHeader .showPrintMode a {text-decoration:none; color:#000;} .mapHeader .showPrintMode a span {text-decoration:underline; color:#039;} .mapHeader .showPrintMode a:hover span {color:#ecbd00;} .mapHeader .showPrintMode a img {margin-right:3px;} img.iconZoomIn, img.iconZoomOut {margin:0 5px;} .mapLegend {margin:7px 0 5px; padding-bottom:5px; border-bottom:1px solid #c0c0c0;} .mapLegend img {position:relative; left:-10px;} .mapLegend span {font-weight:bold; margin-right:25px;} .mapzoom {margin:5px 0;} .mapzoom td, tr.details .mapzoom td {background:#fff; vertical-align:middle; height:26px;} .mapzoom .zoomin, tr.details .mapzoom .zoomin {padding-left:30px; padding-right:10px;} .mapzoom .zoomout, tr.details .mapzoom .zoomout {padding-left:10px;} .mapzoom .zoomin a, tr.details .mapzoom .zoomin a, .mapzoom .zoomout a, tr.details .mapzoom .zoomout a {text-decoration:none;} .mapzoom .zoomin a span, tr.details .mapzoom .zoomin a span, .mapzoom .zoomout a span, tr.details .mapzoom .zoomout a span {text-decoration:underline; color:#039;} .mapzoom .zoomin a:hover span, tr.details .mapzoom .zoomin a:hover span, .mapzoom .zoomout a:hover span, tr.details .mapzoom .zoomout a:hover span {color:#ecbd00;} .mapzoom .zoom {padding:0;} .mapzoom .zoom a img {padding:0;} #mapLayout td {} #mapSliders {margin:0 0 77px;} #mapSliders td.caption {padding:0 0 10px 0; vertical-align:top; font-weight:bold;} #mapSliders td.active {padding:4px 7px 0 0; font-weight:bold; background:#ecbd00; color:#fff;} #mapSliders td.img {padding:0;} #mapSliders td.link {padding:5px 7px 5px 0;} div#ajaxmap div#copyright span, div#ajaxmap div#copyright a, div#sqMap div#copyright span, div#sqMap div#copyright a {font-size:11px;} * html div#ajaxmap div#copyright span, * html div#ajaxmap div#copyright a, * html div#sqMap div#copyright span, * html div#sqMap div#copyright a {white-space:normal !important;} #hintZBW {} #mapDirections {width:auto;} #mapDirections * {text-align:left;} #mapDirections table {width:100%; margin:10px 0;} #mapDirections table.summary {border: solid 1px #c0c0c0;} #mapDirections table.summary td {padding:3px 5px; vertical-align:middle;} #mapDirections table.summary td.icon {width:35px; text-align:center;} #mapDirections table.summary td.caption {width:80px; font-weight:bold;} #mapDirections table.summary td.content {} #mapDirections table.directions td {padding:3px 7px; vertical-align:top; line-height:16px;} #mapDirections table.directions td span {padding-left:0; width:30px; display:block; float:left; white-space:nowrap; text-align:right; margin-right:3px;} .mapDirectionComodal a,.destinationRowTop a {color:#000;font-weight:bold;text-decoration:none;} #popUpRect {position:absolute;visibility:hidden;z-index:100;border: #9f002a 2px solid;cursor:crosshair;opacity:0.5;filter:Alpha(opacity=50, finishopacity=50, style=2);} #popUpClickAction {position:absolute; background-color:#fff; z-index:100; border: 1px solid #f90; visibility:hidden;width:1px;height:1px;padding:0px;} /*** USERMAIL inside DETAIL CONTAINER ***/ div.lukMail {padding:5px 0px 5px 10px;} div.lukMailConfirm {padding:10px 0px 5px 10px;} div.hafasUsermailContainer {background-color:#fafafa; border:1px solid #ccc; padding:20px 25px 12px 18px; margin-bottom:20px;} div.hafasUsermailContainer div {margin-bottom:7px;} div.hafasUsermailContainer div.title {font-size:24px; font-weight:bold; margin-bottom:15px;} div.hafasUsermailContainer div.sendSmsForm {border:2px solid #c0c0c0; width:600px; margin:0; padding:15px;} div.hafasUsermailContainer .subTitle {font-size:18px; margin-top:0;} div.hafasUsermailContainer .example {font-size:12px; line-height:16px; margin-bottom:0px; color:#333; text-align:center;} div.hafasUsermailContainer .errormessage {color:#9f002a;} div.hafasUsermailContainer .textarea {padding: 0px 10px 10px 10px;} div.hafasUsermailContainer textarea {width:322px; height:121px; margin:0px;} div.hafasUsermailContainer textarea.linkGrep {width:800px; height:auto;} div.hafasUsermailContainer input {width:322px; height:18px; margin:0px;} table.hafasUsermail {background-color:#fafafa; margin-top:15px;} table.hafasUsermail td.usermail {background:#fafafa; padding-top:0px; padding-bottom:0px; vertical-align:top;} table.hafasUsermail td.space {width:10px;} table.hafasUsermail td.comment {padding:9px 0px 0px 0px; vertical-align:bottom;} table.hafasUsermail td.sendButton {background:#fafafa; padding-top:107px; padding-left:10px;} table.hafasUsermail td div.usermail {text-align:right; margin:9px;} table.hafasUsermail td div.usermail div {margin-left:110px;} div.hafasUsermailConfirm {border:1px solid #c5e391; background-color:#fdfffb; margin-bottom:30px; padding-bottom:10px;} div.hafasUsermailConfirm div.title {padding:15px; font-size:24px; font-weight:bold;} div.confirmURL {margin: 0px 10px 30px 10px} div.hafasUsermailConfirm div.head {border-top:1px solid #c5e391; border-bottom:1px solid #c5e391; background-color:#dcf4cb; padding:10px;} div.hafasUsermailConfirm div.head img {margin-right:10px;} table.hafasUsermailConfirm {background-color:#fdfffb; width:auto; margin:10px;} table.hafasUsermailConfirm table {background-color:#fdfffb; margin:0px;} table.hafasUsermailConfirm td.usermail {background:#fdfffb;vertical-align:top;} table.hafasUsermailConfirm td.usermail td {background:#fdfffb; padding:3px;} table.hafasUsermailConfirm table th {background-color:#fdfffb; padding: 3px 5px; text-align:right; border:0px;} div.hafasSendSmsConfirm {} div.hafasSendSmsConfirm h3 {padding:10px; margin-left:-18px; margin-right:-25px;} div.hafasSendSmsConfirm h3 img {margin-right:10px;} div.hafasSendSmsConfirm h3.success {border-top:1px solid #c5e391; border-bottom:1px solid #c5e391; background-color:#dcf4cb;} div.hafasSendSmsConfirm h3.failure {border-top:1px solid #c00000; border-bottom:1px solid #c00000; background-color:#e50004;} /*** ECOLOGYINFO inside DETAIL CONTAINER ***/ .detailContainer .ecologyInfo .ecoContainer {border: 2px solid #999; width: 600px; margin-bottom:15px;} .detailContainer .ecologyInfo .ecoContainer td {background-color:#fff; padding:10px;} .detailContainer .ecologyInfo .ecoContainer td.ecoComments {} .detailContainer .ecologyInfo .ecoContainer td.ecoComments h3 {margin:0 0 20px; font-family:arial, helvetica; font-size:14px; font-weight:bold;} .detailContainer .ecologyInfo .ecoContainer td.ecoComments div {margin:0 0 10px;} .detailContainer .ecologyInfo .ecoContainer td.ecoDiagram div.footnote {margin:5px 0; width: 240px;} .ecology td {background-color:#fff;} .ecologyInfo {} .ecologyInfo .ecologyExternalLinks {margin:0 20px 15px;} /*** COMODAL FARES inside DETAIL CONTAINER ***/ div.comodalDetailContainer {margin:0; padding:10px 10px 10px 20px;} table.dynComodalFares {width: 100%;} table.dynComodalFares tr.cfSingle td {padding:3px 0;} table.dynComodalFares td.cfBull {text-align:left; width:10px; padding-left:0; vertical-align:middle;} table.dynComodalFares td.cfBull img {} table.dynComodalFares td.cfMOT {} table.dynComodalFares td.cfMOT span {font-style:italic; color:#666;} table.dynComodalFares td.cfFare {text-align:right;} table.dynComodalFares tr.cfResult td {font-weight:bold; border: 1px solid #999; border-right:0; border-left:0; padding:7px 0;} .ivcost {font-weight:bold; font-size:14px; color:#f60;} .ivCostIndividualPrice {margin: 10px 0 0;} .ivCostParkHint {padding:0; margin: 15px 0 0; width:auto; height:35px;} .ivCostParkHintIcon {display:block; float:left; width:40px; height:auto; top:0; left:0;} .ivCostParkHintDescription {display:block; float:left; width:auto; height:auto; top:0; left:0;} /*** HELP PAGES ***/ div.hafas_help {background-color:#fff; padding:10px;} div.help_caption {margin-top:15px; margin-bottom:5px; font-weight:bold;} div.help_content {margin:0px;} div.ul {margin:8px;} div.ul div.li {margin:0px; padding:0 0 5px 15px;} /*** MOBILE INFO PAGE ***/ #mobileInfoPage {width:100%; margin:0 0 10px;} #mobileInfoPage td.mobileText {padding:0; vertical-align:top;} #mobileInfoPage td.mobileText h2 {margin:0 0 3px; padding:0; font-weight:bold; font-size:14px;} #mobileInfoPage td.mobileText p {margin:0 0 15px; padding:0; line-height:16px;} #mobileInfoPage td.mobileImage {padding:0 10px 10px; text-align:right;} /*** GADGET INFO PAGE ***/ #gadgets {margin:0 0 50px;} #gadgets h2 {margin:15px 2px 8px; padding:0; font-weight:bold; font-size:14px;} #gadgets p {margin:35px 0 10px;} #gadgets p span {padding: 5px 10px; background-color:#ff9; font-weight:bold;} #gadgets th {padding: 10px 20px 10px 0;} #gadgets td {vertical-align:middle;} #gadgets td span.pipe {margin: 0 4px; color:#666;} #gadgets td span.highlight {padding: 2px 4px;; background-color:#ff9;} /*** INPUT FIELD GENERATOR ***/ #inputgenContentTable {border:0; margin:0; border-collapse:collapse; width:100%;} #inputgenContentTable td {vertical-align:top;} #inputgenContentTable td.igForm {padding: 20px;} #inputgenContentTable h2 {margin:0 0 15px; font-size:17px;} #inputgenProgressStatus {padding:10px 0;} #inputgenTitle {margin:10px 0; font-size:26px; font-weight:bold;} p.inputgenParagraph {margin:0 0 15px;} table.inputgenSelectType {margin:0 0 10px; width:100%; border:0; border-collapse:collapse;} .inputgenSelectType td {border-top: 1px solid #c0c0c0; vertical-align:top; padding: 10px 5px;} .inputgenSelectType td.igRadio {width:25px;} .inputgenSelectType td.igImg {width:300px;} .inputgenSelectType td.igTxt {} .inputgenSelectType td.igTxt p.igXplCaption {margin-top:0; font-weight:bold; font-size: 15px;} .inputgenSelectType td.igTxt p.igXplCaption label {padding: 5px; background:#fed557;} .inputgenSelectType td.igTxt p.igXplTxt {padding: 5px;} .inputgenSelectType td.igButton {text-align:right; padding-right:0; border-bottom:none;} div.igButton {text-align:right; margin: 10px 0 40px; padding:10px 0 0; border-top:1px solid #c0c0c0;} /* link generator */ #linkGenTp th {padding: 3px 8px 2px 5px;} #linkGenTp td.selLinkGenOption {vertical-align:bottom; padding: 0 5px 8px 3px; border-right:1px solid #c0c0c0;} #linkGenTp div.errormessage {margin:0 !important; margin-left:-2px !important;} /*** INTERNATIONAL ENTRY PAGE / EU-SPIRIT + DB-BOP ***/ #internationalEntryContent {} #internationalEntryContent p span.imgYellowArrowRight {display:block; width:20px; height: 20px; padding:0; margin:0 20px 0 0; float:left;} /*** CALENDAR ***/ div.calendar {width:100%;background-color:#fff;border:none;} div.calendar table.header, div.calendar table.buttons, div.calendar table {width:100%;cursor:default;border:none;color:#000;} div.calendar td {height:22px;border:1px solid #ccc;text-align:center;cursor:default;} div.calendar th {color :#000;background-color:#ff9a00; text-align:center;font-weight:bold;} div.calendar th.enabled:hover {background-color:#999;} div.calendar td.enabled {background-color:#cecfce;} div.calendar td.enabled:hover {background-color:#999;} div.calendar td.disabled {background-color:#fff;} div.calendar td.active {background-color:#e66;} div.calendar td.active:hover {background-color:#a66;} /*** BUTTON TABLES ***/ div.hafasButtons {padding:0 0 10px 0;} table.hafasButtons {margin:0 0 10px 0;} .hafasButtons td {padding:2px 0 5px;} .hafasButtons td.nowrap {white-space:nowrap;} .hafasButtons td.links {padding:0px 5px 0px 0px;} .hafasButtons td.right {text-align:right;} .hafasButtons td a {margin-right:10px; white-space:nowrap;} .hafasButtons td.right a {margin-right:0px; margin-left:10px;} /*** BUTTONS ***/ input.buttonAsLink {font-size:13px; margin:0; padding:0; border:0; background:#fff; color:#039; vertical-align:bottom; text-decoration:underline; text-align:left;} span.tpQueryAdvancedButton input.buttonAsLink {vertical-align: middle;} input.buttonAsLink:hover {color:#ecbd00;} input.hiddenButton {width:1px; height:1px; font-size:1px; background-color:transparent; border:0;} input.hiddenButton {width:0; height:0; font-size:0px; background-color:transparent; border:0;} /*** HIM MESSAGES ***/ /* customer hints placed between HAFAS content and footer on tp-pages */ #hafasHimMessages {margin:0 10px; border:2px solid #c0c0c0; padding:0px; background:#fff;} #hafasHimMessages table.himMessages td {padding:0px;} /*** POPUP WINDOWS ***/ body.popupBody {min-width:380px;} div.popupHeader {margin:0 0 10px; padding:5px 0 5px; width:auto;} div.popupLogo {padding:0 10px 0 18px; width:auto;} div.popupCloseWin {float:right; padding:5px; margin:5px; width:auto;} div.popupTitle {font-size:19px; font-family:arial; font-weight:bold; padding:0; margin:0 20px 10px;} div.popupContent {margin:0 20px 10px;} /* ########## */ /* # footer # */ /* ########## */ #footerBanner {margin:0 10px 30px; padding:0; min-width:985px; background-color:#fff; text-align:center; clear:both;} #hafasFooter {margin:0 10px; clear:both;} #hafasFooter div.footerLinkContainer {position:relative; width:auto; height:30px; vertical-align:middle;} #goBackBottom {float:left; width:20%;} #goBackBottom a {color:#000; font-size:12px; font-family:arial, helvetica; text-decoration:none;} #goBackBottom a span {font-size:12px; font-family:arial, helvetica; text-decoration:underline;} #footerLinks {float:left; width:60%; text-align:center; color:#353535; font-size:12px;} #footerLinks a {text-decoration:none; font-size:12px;} #footerLinks a.activeFL {color:#000;} #footerLinks a span {text-decoration:underline; border:0; color:#353535; font-size:12px; font-family:arial, helvetica;} #footerLinks a.activeFL span {text-decoration:none; color:#000;} #footerLinks a img {margin:0 5px 0 0;} #hafasFooter div.copyright {color:#666; margin:0; padding:5px 10px; font-size:11px; font-family:arial, helvetica; text-align:center; clear:both;} #hafasFooter div.copyright a, #hafasFooter div.copyright a:visited, #hafasFooter div.copyright a:link {color:#666; font-size:11px; font-family:arial, helvetica; text-decoration:none;} #hafasFooter div.copyright a:hover, #hafasFooter div.copyright a:active, #hafasFooter div.copyright a:focus {color:#000; font-size:11px; font-family:arial, helvetica; text-decoration:none;} /* ########################### */ /* # CUSTOMER's content area # */ /* ########################### */ /* customer header placed above HAFAS header */ #customerHeader {margin:0; padding:0;} /* hint of deactivated Javascript in customer header placed above HAFAS header */ #customerHeaderNoJavascript {margin:10px; padding:10px; border:solid 1px #9f002a; font-weight:bold;} /* customer content pages (about RP, feedback, etc.) */ #rpCmsBgImage {height:90px; border:0; padding:0; margin:0; border-bottom:2px solid #d6d6d6;} #customerContent {margin:10px; border:2px solid #d6d6d6; padding:0; background:#fff;} #customerContent h1 {margin:34px 34px 10px; font-family:arial; font-size:22px; font-weight:bold;} #customerContent p {margin:10px 34px;} #customerContent p.fbInfoBox {background-color:#fed557; padding:3px 10px; font-weight:bold; width:370px;} #customerContent table.fbHints {margin:0 34px; width:670px;} #customerContent .fbHints td {padding:5px 5px 15px; vertical-align:top;} #customerContent .fbHints td.fbBull {text-align:right; width:10px; padding-right:0;} #customerContent .fbHints td.fbBull img {margin-top:3px;} #customerContent p.fbFormCaption {margin:0 34px 10px 58px; font-weight:bold;} #customerContent p.fbCompulsaryFields {margin:0 34px 10px 58px; color:#9f002a;} #customerContent table.fbInput {margin:0 34px 5px 58px;} #customerContent .fbInput th {font-weight:normal; text-align:right; vertical-align:top; width:100px; padding:3px;} #customerContent .fbInput td {vertical-align:top; padding:3px;} #customerContent .fbInput td.right {text-align:right; width: 325px;} #customerContent .fbInput input.fbTextfield {width: 320px;} #customerContent .fbInput textarea {width: 320px; height: 115px;} #customerContent table.fbInputError {border: 2px solid #9f002a;} /* customer hints placed between HAFAS content and footer on tp-pages */ #customerHints {margin:0 10px; border:2px solid #c0c0c0; padding:10px; background:#fff;} #customerHints div {font-weight:bold; margin:0 0 3px;} #customerHints p {margin:0 0 15px;} /* customer footer placed below HAFAS footer */ #customerFooter {margin:0; padding:0;} /* customer fares */ .detailContainer table.hafasFares {margin-bottom:7px;background-color:#fff;} .detailContainer table.hafasFares td {padding-right:25px;background-color:#fff;} /* oresund fares */ .detailContainer table.oresundFaresTable {background-color:#fff; border:1px solid #cecece; border-collapse:collapse;} .detailContainer table.oresundFaresTable th {padding:3px 7px; font-weight:bold; white-space:nowrap; border:1px solid #cecece; background-color:#ddd; text-align:center;} .detailContainer table.oresundFaresTable td {padding:3px 7px; vertical-align:top; line-height:16px; border:1px solid #cecece;} .detailContainer table.oresundFaresTable tr.rowCol_0 td {background-color:#eee;} .detailContainer table.oresundFaresTable tr.rowCol_1 td {background-color:#fff;} .detailContainer table.oresundFaresTable td span {font-weight:bold;} .detailContainer table.oresundFaresTable td.tickettype {} .detailContainer table.oresundFaresTable td.fare {text-align:right;} /* ########################### */ /* # Min Rejseplan # */ /* ########################### */ #minrp_tophint {position:relative;float:left;margin-bottom:15px;font-size:16px;} #minrp_tophint_text {position:absolute;top:15px;left:18px;} #minrp_favourites {margin-bottom:10px;position:relative;height:150px;width:500px;} #minrpFavSearch {position:absolute;} #minrpFavSearch .favSearchTitle {border:0px;position:absolute;font-weight:bold;width:250px;top:15px;left:15px;} #minrpFavSearch .favSearchInput {border:0px;position:absolute;width:250px;top:35px;left:15px;} #minrpFavSearch .favSearchAlias {border:0px;position:absolute;width:250px;top:60px;left:15px;} #minrpFavSearch .favSearchButtons {border:0px;position:absolute;width:250px;top:90px;left:15px;} #minrp_fav_stop {width:160px;position:absolute;left:40px;} #minrp_fav_alias {width:160px;position:absolute;left:40px;} #minrpFavList {position:absolute;} #minrpFavList .minrpFavListHolder {border:0px;position:absolute;width:250px;top:15px;left:15px;} #minrpFavList .favListIcon {border:0px;position:absolute;width:45px;top:15px;left:180px;} #minrpFavList .favListTitle {width:145px;font-weight:bold;} #minrpFavList table.station_cookies {} #minrpFavList table.station_cookies td.alias {width:164px;} #minrpFavList table.station_cookies td.link1 {width:22px;} #minrpFavList table.station_cookies td.link2 {width:22px;} #minrpFavListCon {position:absolute;left:250px;} #minrpFavListCon .minrpFavListConHolder {border:0px;position:absolute;width:250px;top:15px;left:15px;} #minrpFavListCon .favListConTitle {font-weight:bold;} #minrpFavListCon table.connection_cookies {} #minrpFavListCon table.connection_cookies td.alias1 {width:55px;} #minrpFavListCon table.connection_cookies td.alias2 {width:8px;} #minrpFavListCon table.connection_cookies td.alias3 {width:55px;} #minrpFavListCon table.connection_cookies td.link1 {width:50px;} #minrpFavListCon table.connection_cookies td.link2 {width:40px;} #hafasQueryFrame table.minrp td.favourites {padding:10px 0px 0px 10px;border-right:0px;} #hafasQueryFrame table.minrp td.stboardticker {padding:10px 2px 0px 0px;width:230px;border-left:0px;} #hafasQueryFrame table.minrp td #minrpFavHolder {padding:10px 10px 0px 10px;border-right:1px solid #C0C0C0;} #hafasQueryFrame table.minrp td #minrpTickerHolder {padding:10px 2px 0px 10px;/*border-left:1px solid #C0C0C0;*/} #hafasQueryFrame table.minrp .hafasQuery th.tpQueryThTime {padding-left:8px;padding-top:2px;} #hafasQueryFrame table.minrp .hafasQuery td.tpTimeselDep {padding-left:8px;padding-top:2px;} #hafasQueryFrame table.minrp .hafasQuery td.tpTimeselArr {padding-left:8px;padding-top:2px;} #hafasQueryFrame table.minrp #klokken0 {width:35px;} #hafasQueryFrame table.minrp #klokken1 {width:35px;} /* ################################ */ /* # beta info bubble for comodal # */ /* ################################ */ div.comodalInfoBubbleQuery {position:absolute; padding:0; margin:0; top:-75px; left:0; z-index:20; width: 400px; font-weight: normal;} div.comodalInfoBubbleResult {position:absolute; padding:0; margin:0; left:250px; bottom:-15px; z-index:20; width: 400px; font-weight: normal;} table.comodalInfoBubbleTable td {padding: 0px !important; font-size:11px !important;} table.comodalInfoBubbleTable td a {font-size:11px !important;} div.bubbleEndLeft {position:absolute; top: 35px; left: -13px; z-index: 10000; width:15px; height:14px; display:block; background-repeat: no-repeat;} div.bubbleEndBottom {position:absolute; bottom: 0px; left: 150px; z-index: 10000; width:25px; height:38px; display:block; background-repeat: no-repeat;} * html div.bubbleEndBottom {bottom: -1px;} td.tdLeftTop {background-repeat:no-repeat; background-position:right bottom; width:18px; height:18px; display:block;} td.tdCenterTop {background-repeat:repeat-x; background-position:center bottom; width:auto; height:18px;} td.tdRightTop {background-repeat:no-repeat; background-position:left bottom; width:18px; height:18px; display:block;} td.tdLeftMiddle {background-repeat:repeat-y; background-position:right center; width:18px; height:auto;} td.tdCenterMiddle {background-color: #FFFFFF; width:auto; height:auto;} td.tdRightMiddle {background-repeat:repeat-y; background-position:left center; width:18px; height:auto;} td.tdLeftBottom {background-repeat:no-repeat; background-position:right top; width:18px; height:38px;} td.tdCenterBottom {background-repeat:repeat-x; background-position:center bottom; width:auto; height:36px;} td.tdRightBottom {background-repeat:no-repeat; background-position:left top; width:18px; height:36px; display:block;} /* Hack to set fixed width for date table cell (needed for IE 6 select box purposes) / added mgab */ td.dateWrap {width: 205px;}