/* rp4_hafas.css */ /* ============= */ /* basic colours: */ /* ============== */ /* */ /* red: #9f002a */ /* yellow: #ecbd00 */ /* blue: #05233f */ /* (blue-footer-hover: #233d55)*/ /* (result-table-border: #103150)*/ /* (red 2: #e50004) */ /* ##################### */ /* # basic definitions # */ /* ##################### */ /*** TAGS ***/ body {min-width:1005px; height:100%; background-color:#f4f4f4; margin:0; padding:0;} body.bannerRight {min-width:1345px;} body.inputgen {min-width:704px; max-width:704px; background-color:#fff;} p,div,th,td,ul,ol,li,span,a {font-family:arial, helvetica, verdana; font-size:12px; color:#000; text-decoration:none;} input,select {vertical-align:middle;} input,textarea,select {font-family:arial, helvetica, verdana; font-size:13px; color:#000; text-decoration:none;} input[type=text],select,textarea {background: #fff; padding:0; border:0; color:#05233f;} input[type=text],select {height:20px;} input[type=radio] {margin:0 5px;font-size:13px;} input[type=submit] {margin:0; padding:0; border:0;cursor:pointer;} 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;} .normal {font-weight:normal !important;} .italic {font-style:italic !important;} .underline {text-decoration:underline;} .pre {font-family:courier;} .red {color:#9f002a;} .yellow {color:#ecbd00;} .comodalGreen {color:#089d05 !important;} .top {vertical-align:top;} .middle {vertical-align:middle;} .bottom {vertical-align:bottom;} .left {text-align:left;} .floatLeft {float:left;} .center {text-align:center;} .right {text-align:right;} .fullwidth {width:100%;} tr.hideRow, .hidden, .hiddenComodal {display:none !important;} .visible, .visibleComodal {} .clearboth {clear:both;} .noheight {line-height:0px;} .default {} /*** DUMMY CLASSES for HWAI ***/ .preLoaded {} .loadAlways {} /*** COMMON LOGICAL CLASSES ***/ img.productIcon {border:1px solid #c0c0c0;} input.error, select.error {color:#c00;} input:focus, select:focus {color:#05233f;} div.errormessage {border:2px solid #9f002a !important; margin-bottom:5px !important; margin-top:5px !important;} span.errormessage {color:#9f002a !important; font-weight:bold !important;} p.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.rtGreen {color:#0f0 !important; font-weight:bold !important;} .rtLine {background-color:#9f002a !important;} .onlyForScreenReaders {position:absolute; left:-5000px; top:0px; width:1px; height:1px; overflow:hidden;} .clearfix:after {clear:both; content:"."; display:block; font-size: 0; height:0; visibility:hidden; } .clearfix {display:block;} .floatbox {overflow:hidden;} a.iconClose {display:inline-block;color:#003399; height:19px; text-decoration:underline;padding:2px 25px 5px 5px;} a.iconClose:hover {color:#ecbd00;} /* ###################### */ /* # structure elements # */ /* ###################### */ .separatingLine {height:1px; background-color:#ddd;} .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;} .HfsOuterContainerRequest {margin:0 0 20px 0;} .HfsOuterContainerResult {} .HfsOuterContainerAdvert {background:#f4f4f4;position:relative;} .HfsOuterContainerNavigation {height:215px;} .HfsOuterContainerFooter {background:#05233f;} .HfsInnerContainer {text-align:left; padding:0; margin:0px auto; width:1005px;} .HfsInnerContainerAdvert {position:relative; min-height:640px;} .btmNaviBox, .btmNaviBox2 {width:250px; height:190px; display:block; float:left; border:0; margin:3px 0 0; padding:0; overflow:hidden;} .btmNaviBox2 {border-left:1px solid #d6d6d6;} .btmNaviBox h3, .btmNaviBox2 h3 {margin:20px 10px 0 20px;} .btmNaviBox h3 a, .btmNaviBox2 h3 a {color:#05233f; font-size:14px; font-weight:bold; margin:0;} .btmNaviBox a, .btmNaviBox2 a {display:block; color:#555; margin:10px 10px 0 20px; text-decoration:none;} .btmNaviBox a:hover, .btmNaviBox2 a:hover {color:#233d55;} #hafasNavigation a {margin:2px 10px 0 3px;} .advertBox1, .advertBox2 {width:236px; height:auto; display:block; float:left; border:0; margin:20px 0 50px 20px; padding:0;} .advertBox1 {margin-left:0;} .advertBox1 div.hfsGadget, .advertBox2 div.hfsGadget {width:234px; height:auto; border:1px solid #cdcdcd; background:#fff; border-radius:3px; margin:0; padding:0;} #externalAdvertBox {margin:20px 0 0 10px; padding:0; position: absolute; top:0; left:1005px; height:600px; width:160px; background:#eee;} .euSpiritHint, .euSpiritHint a {font-size:13px;color:#05233f;} .euSpiritHint {border-top:1px solid #ccc; margin:-20px 0 34px; z-index:100; padding:10px; background: -moz-linear-gradient(top, rgba(32,71,104,0.6) 0%, rgba(32,71,104,0.1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(32,71,104,0.6)), color-stop(100%,rgba(32,71,104,0.1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(32,71,104,0.6) 0%,rgba(32,71,104,0.1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(32,71,104,0.6) 0%,rgba(32,71,104,0.1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(32,71,104,0.6) 0%,rgba(32,71,104,0.1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(32,71,104,0.6) 0%,rgba(32,71,104,0.1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c204768', endColorstr='#1a204768',GradientType=0 ); /* IE6-9 */} .euSpiritHint a {font-weight:bold;} .euSpiritHint a:hover {color:#fff;} /* ########## */ /* # header # */ /* ########## */ /*** ELEMENTS OF #cookieInfoBox AREA ***/ #cookieInfoBox {margin:0; padding:0; height:89px;} #cookieInfoIcon {float:left; margin:0; height:85px; width:27px;} #cookieInfoIcon img {margin:16px 0 0; height:17px; width:17px;} #cookieInfoButton {float:right; margin:28px 0 0; height:28px; width:163px; text-align:right;} .cookieInfoButton {height:28px; width:131px; margin:0; padding:0; border:0;} #cookieInfoContent {float:left; margin:0; height:85px; width:700px;} #cookieInfoBox h2 {font-size:15px; color:#0b0b0a; margin:15px 10px 0 0; padding:0; font-weight:bold;} #cookieInfoBox p {font-size:12px; color:#0b0b0a; margin:7px 10px 0 0; padding:0; text-shadow: 1px 1px 1px #fff;} #cookieInfoBox p a, #cookieInfoBox p a:link, #cookieInfoBox p a:visited, #cookieInfoBox p a:hover, #cookieInfoBox p a:active, #cookieInfoBox p a:focus {color:#0b0b0a;} #headerBanner {margin:0; padding:10px 0; min-width:985px; background-color:#fff; text-align:center; clear:both;} #headerBannerExternal {margin:0 auto; padding:0; width:728px; height:90px; background-color:#eee; text-align:center; clear:both;} #hafasHeader {position:relative; margin:0; padding:0; height:70px;} #hafasSubHeader {position:relative; margin:0; padding:0; height:30px;} /*** ELEMENTS OF #hafasHeader AREA ***/ /* A */ #logo {position:absolute; margin:20px 0 0; top:0; left:0; width:210px; height:34px;} /* B */ #headerLinks {position:absolute; top:0; right:0; width:400px; height:70px; margin:0; padding:0;} .headerLinksBox {float:right; color:#05233f; display:inline; width:auto; margin:27px 0 0 30px; padding:0;} #headerLinks span.sHL {color:#05233f; padding:0 2px;} #headerLinks a {color:#05233f; text-decoration:none;} #headerLinks a:hover {color:#ecbd00;} #headerLinks span.activeLanguage {color:#666;} /* C */ #closeWindow {float:right; margin:0; padding:0; width:auto; vertical-align:bottom;} #closeWindow a {text-decoration:none;} #closeWindow a span {text-decoration:underline;} /*** 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;} /* ###################### */ /* # HAFAS content area # */ /* ###################### */ /*** HAFAS CONTENT - QUERY PAGES ***/ #hafasQueryFrame {margin:0; border:none; background:transparent; padding:0;} /* PAGETITLE and subtitle of query pages (displayed inside the HAFAS content) */ /* ### without beta banner ### #queryPageTitle {position:relative; height: 50px; margin: 0 0 5px; padding:0;} */ #queryPageTitle {position:relative; height: 55px; margin: 0 0 10px; padding:10px 0 0;} #pageTitleIcon {position:absolute; bottom: 0; left:0; height:30px; width:30px;} #pageTitleText {position:absolute; bottom: 1px; left:37px; height:auto; width:auto; white-space:nowrap; font-size:24px; font-weight:bold; font-family:arial, helvetica; color:#fff; text-decoration:none;} #pageTitleText a {font-size:24px; font-weight:bold; font-family:arial, helvetica; color:#fff; text-decoration:none;} #queryPageSubTitle {position:relative; margin: 0 0 10px; padding:0 0 10px; font-size:12px; font-family:arial, helvetica; color:#fff; border-bottom:1px solid #c0c0c0;} #queryPageSubTitle a {color:#ecbd00;} #queryPageSubTitle a:hover {color:#fff;} #pageTitleLogosBOP {position:relative; height:37px; margin: 0 0 10px; padding:0;} /* REQUEST FORM */ .formBoxOuter {} .formBoxAdvanced {padding:0 19px 19px; margin:0; background:#f4f4f4; border:1px solid #cecece;} label.hfsQuery {display:block; margin:10px 0 5px; padding:0; color:#fff;} label.hfsAdvancedLvl1 {display:inline-block; clear:both; margin:19px 0 5px; padding:0; color:#05233f; font-weight:bold; font-size:15px;} label.hfsAdvancedLvl2 {display:block; clear:both; margin:8px 0 3px; padding:0; color:#555;} label.hfsAdvancedLvl2b {color:#555;} .formElementAlignRight {text-align:right; margin-right:0 !important; padding-right:0 !important;} .formElementBasic {padding: 6px 5px; margin:0 15px 0 0; background:#fff;} .formElementBasic {border-radius:4px; box-shadow: inset 0 0 4px #c2c2c2;} .formElementBasicRadio {padding: 5px; margin:0 15px 0 0; vertical-align:middle;} .formElementBasicRadio label {color:#fff;font-size:13px;} /* context-help and question-box */ a.iconHelp {display:inline-block;vertical-align:text-bottom;height: 20px;width: 20px;} div.questionBoxContainer {position:relative; display:inline-block; z-index:100;} .questionBoxContainer a.iconClose {padding:2px 15px 5px 5px;} div.questionBoxContent {position:absolute; left:15px; top:-30px; z-index:200; width:220px; min-height:30px; line-height:17px; padding:10px 10px 7px; background-color:#fff; border: 1px solid #cdcdcd; border-radius:5px; box-shadow:5px 5px 5px #999;} div.questionBoxCloser {position:absolute;right:-10px;top:-10px;width:19px;height:19px;} div.questionBoxArrowWhite {position:absolute;left: -11px;top: 15px; height:15px; width:12px;} div.questionBoxDescription {} /* tp_query */ .lastEntryArrowBtn {width:22px;height:22px;position:absolute;right:5px;cursor:pointer;cursor:hand;} .formBoxOresundDirection {width:355px;} .formBoxOresundDirection select {width:330px;} .formBoxStartDest {width:505px; float:left;} .headlineTpQueryMap {color:#05233F;font-size:12px;} #hafasfrom, #hafasto, #location {width:475px; overflow:hidden;} #hafasVia1, #hafasVia2 {width:275px; overflow:hidden;} select#hafasfrom, select#hafasto, select#location {width:480px; overflow:hidden;} select#hafasVia1, select#hafasVia2 {width:230px; overflow:hidden;} .formBoxDateTime {width:285px; float:left;} .formBoxDirection, .formBoxSearch {width:215px; float:left;} .formBoxTimeSel {width:105px; float:left;} .formBoxTimeSel > div {padding:0 !important; margin-top:-3px !important;} .formBoxDate {width:115px; float:left;} .formBoxDate > div {text-align:right;} .formBoxDate input {width:50px;} .formBoxTime {width:65px; float:left;} .formBoxTime input {width:40px;text-align:center;} .formBoxComodal {width:505px; float:left;} .formBoxComodal .formElementBasicRadio {padding-left:0;} .formBoxComodal label.icon {display:inline-block; height:20px; width:40px; text-align:center; vertical-align:middle;} .formBoxComodalParkRide {margin-top:8px;} #parkriderow {margin-bottom:8px;} .formBoxMap {} .formBoxMapLocation {position:relative; margin:8px 0 12px; height: 28px; width:auto;} .formBoxMapLocation .textFieldInputHint {padding-bottom:6px;} .formBoxMapLocationField {position:absolute; width:475px; top:0; left:0; margin-right:0; } .formBoxMapLocationButton {position:absolute; top:0; left:480px; width:101px; height:30px;} .formBoxProductsEU {} .formBoxFilterViaIntermodal {float:left; width:505px;} .formBoxFilter {float:left; width:220px;} .formBoxFilter select {width:193px;} .formBoxVia {} .formBoxViaStop {} .formBoxViaStopSmall {width:330px; float:left;} .formBoxViaDuration {width:160px; float:left;} .formBoxViaDuration .formElementBasic { width:40px; float:left;} .formBoxViaDuration input {width:40px;} .formBoxIntermodal {float:left; width:285px;} .formBoxIntermodal div.formElementBasic {width:117px; float:left;} .formBoxIntermodal select {width:115px;} .formBoxProductsCommon {float:left; width:440px; border-left:1px solid #ddd; padding-left:19px;} .formBoxProductsSelect {overflow:hidden;} .advancedViaProducts td {padding:8px 4px 3px; color:#555555;} .advancedViaProducts td.advProdIcon {text-align:center;} .advancedViaProducts td.label {padding-right:10px} .advancedViaProducts td label {color: #555555;} .formBoxProductsGroup {float:left; width:130px; margin-left:15px;} .selEUSpiritProducts td {text-align:center;} .selProd {margin:3px 0;} .selProdIcon {margin:8px 0;} .formBoxUseBike, .formBoxUseLowFloor {float:left; width:210px; position:relative; margin:0 0 10px 0;} .formBoxUseLowFloor {margin-left:20px;} .formBoxUseBike label.hfsAdvancedLvl2b, .formBoxUseLowFloor label.hfsAdvancedLvl2b {width:160px; position:absolute; right:0; bottom:0; height:19px;} .textFieldInputHint {position:absolute; left:0px; bottom:0px; width:475px; height:16px; background:transparent !important; color:#999 !important; font-size:13px !important; margin:0; padding: 7px 7px 8px 8px;} .textFieldInputHintVia {width:285px !important;} div.hfsSelFromListMessage {border:2px solid #aeca7e; background:#f2fdde; margin:7px 15px 0 0; padding:3px;} div.hfsErrorMessage {border:2px solid #9f002a; background:#fcc; color:#9f002a; margin:7px 15px 0 0; padding:3px;} div.advancedOptionsTitle {border: 0; font-size: 13px; font-weight:bold; padding:0; line-height:38px;} div.advancedOptionsTitle a {padding-left:60px; font-size:13px; color:#fff; display:block; text-decoration:none;} div.advancedOptionsTitle a:hover {color:#ecbd00; text-decoration:none;} a.closeForm {position:relative;} a.closeForm span {display:block; position:absolute; width:20px; height:20px; top:9px; right:2px;} #calendarButton0, #calendarButton1 {position:relative;} .buttonTpQuerySearchConnection:hover, .buttonTpQuerySearchConnection:active, .buttonTpQuerySearchConnection:focus, .buttonTpQuerySearchConnection {color:transparent; font-size:0; line-height:0;} /* special styles only for tb_query */ table.tbQuery th {width:50px;} table.tbQuery th.date {width:80px;} table.tbQueryWeekdays td {width:45px;} table.tbQuery td.direction label {font-family:arial; font-size:15px; font-weight:bold;} .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 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 {margin:0 0 20px; border:4px solid #103150; padding:0; background:#fff;} #hafasResultsOutwardFrame, #hafasResultsReturnFrame {margin:0 0 20px; border:0; padding:0;} #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 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:15px; margin-top:15px;} 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-top:15px; margin-bottom:15px; 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 # */ /* ########## */ #hafasFooter {margin:0; padding:0; clear:both; height:30px; color:#fff; line-height:30px; text-align:center;} #hafasFooter span.sFL {color:#fff; padding:0 2px;} #hafasFooter a {color:#fff; text-decoration:none;} #hafasFooter a:hover {color:#ecbd00;} #hafasFooter img.footerLogo {padding-left:20px;} #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;} #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; border:10px solid #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;} #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;} /* ############################ */ /* # REDESIGN 2010 - TP QUERY # */ /* ############################ */ /* ############################## */ /* # REDESIGN 2010 - TP RESULTS # */ /* ############################## */ /*** REDESIGN 2010: TP RESULTS - TP-/PTT-QUICKFORM ***/ #changeRequestOnTpResults, #changeRequestOnTpResultsClosed, #tbQuickFormOnTpResults, #tbQuickFormOnTpResultsClosed {margin:0; padding:0; background:transparent;} #changeRequestOnTpResultsClosed div, #tbQuickFormOnTpResultsClosed div {border:0; margin:0;} div.quickFormTitleOnTpResults {border: 0; font-size: 15px; font-weight:bold; padding:0; line-height:38px;} div.quickFormTitleOnTpResults a {padding-left:60px; font-size:14px; color:#fff; display:block; text-decoration:none;} div.quickFormTitleOnTpResults a:hover {color:#ecbd00; text-decoration:none;} #changeRequestOnTpResults th.slim {width:45px;} #changeRequestOnTpResults td.tpResLocInput {width:40%; vertical-align:top;} #changeRequestOnTpResults td.tpResLocInput input[type="text"] {width:300px;} #changeRequestOnTpResults td.tpResLocInputEU {width:45%; vertical-align:top;} #changeRequestOnTpResults td.tpResLocInputEU input[type="text"] {width:180px;} #changeRequestOnTpResults .formBoxExchangeStartDest {font-size:1px; line-height:1px; position:relative;} #changeRequestOnTpResults .formBoxExchangeStartDest a {display:block; position:absolute; top:5px; left:487px; height:21px; width:15px;} #changeRequestOnTpResults input.buttonAsLink {font-size:12px; margin:0; padding:0 0 0 22px; border:0; color:#039; vertical-align:bottom; text-decoration:underline; text-align:left; vertical-align: middle;} #changeRequestOnTpResults input.buttonAsLink:hover {color:#ecbd00;} #changeRequestOnTpResults input.tpQsAdjustSearch {display:block; width:135px; height:37px; padding:0; margin:0; border:0;} body.lang_d #changeRequestOnTpResults input.tpQsAdjustSearch {width:215px;} #changeRequestOnTpResults div.separatingLine {display:none;} /*** REDESIGN 2010: TP RESULTS - PTT QUICKFORM ***/ #tbQuickFormOnTpResults form {clear:both; padding:0;} #tbQuickFormOnTpResults div.pttQuickFormDateField {float:left; width:auto; height:auto; padding:0; margin: 0 20px 0 0;} #tbQuickFormOnTpResults div.pttQuickFormButtons {height:37px; width:auto; margin:0 0 10px;; padding:0;} #tbQuickFormOnTpResults input.buttonAsLink {display:block; float:left; height:37px; width:auto; font-size:12px; margin:0; padding:10px 0 0 20px; border:0; color:#039; vertical-align:bottom; text-decoration:underline; text-align:left; vertical-align: middle;} #tbQuickFormOnTpResults input.buttonAsLink:hover {color:#ecbd00;} #tbQuickFormOnTpResults input.quickFormContinuePTT {display:block; float:right; height:37px; padding:0; margin:0; border:0;} #tbQuickFormOnTpResults div.separatingLine {background-color:#fff;} /*** REDESIGN 2010: TP RESULTS - COPY GENERATED LINK ***/ #copyGeneratedLink {padding:10px; clear:both; position:relative;} #copyGeneratedLink div.lukMail {position:absolute; top:20px; right:20px; width:65px; height:19px; padding:0;} body.lang_m #copyGeneratedLink div.lukMail {position:absolute; top:20px; right:20px; width:55px; height:19px; padding:0;} div.copyLinkInnerContainer {background-color:#fafafa; border:1px solid #ccc; padding:15px; margin-bottom:20px;} div.copyLinkInnerContainer h2 {margin-top:0; color:#001F3B;} div.copyLinkInnerContainer textarea.copyLink {margin:0px; width:800px; height:auto; border:1px solid #ddd; padding:7px;} /*** REDESIGN 2010: TP RESULTS - TP-QUERYSUMMARY ***/ .qsContainer {margin:0; padding:0; border:4px solid #103150; border-bottom:0; background-color:#fff;} .qsCaption {margin:0; padding:5px 15px 0; font-size:22px; color:#f60; font-weight:bold;} .qsFromTo {float:left; display:block; width: 500px; margin:0; padding:10px 15px; font-size:16px; line-height:24px;} .qsFromTo span {font-size:16px; font-family: arial; font-weight:bold; float:left; display:block; width: 48px;} .qsLinks {float:right; position:relative; margin:40px 15px 0 0; width:400px; top:0; right:0; text-align:right;} .qsLinks span {padding:0 0 0 20px; text-align:right;} .qsLinks span a {text-decoration:none;} .qsLinks span a span {text-decoration:underline; color:#039; padding:0; font-size:12px; font-family:arial, helvetica;} .qsLinks span a:hover span {color:#ecbd00;} .qsDateTime {clear:both; background-color:#103150; margin:0; padding:5px 15px; font-size:16px; color:#fff;} .qsDateTime span {font-weight:bold; font-size:16px; color:#fff;} /*** REDESIGN 2010: TP OVERVIEW - TABLE ***/ table.hafasTpOverview {margin:0; width:100%;} .hafasTpOverview thead th {border-bottom:0;} .hafasTpOverview thead th.ovTimeDep {border-left:4px solid #103150;} .hafasTpOverview thead th.ovTicket {border-right:4px solid #103150;} /*** REDESIGN 2010: TP OVERVIEW - DATE OFFSET ROW ***/ .hafasTpOverview .sepDateOffset td {padding:20px 10px 5px; font-weight:bold; font-size:15px; color:#000;} /*** REDESIGN 2010: TP OVERVIEW - BROWSE CONNECTIONS ***/ tr.browseCon {} tr.earlier {} tr.later {} .earlier td {} .later td {} .hafasTpOverview .browseCon td {padding:10px 12px;} .browseCon td a {padding-left:22px; font-size:12px; font-weight:normal;} .browseCon td a span {display:block; width:auto; text-decoration:underline; padding: 0 5px; color:#039; font-size:11px;} .browseCon td a:hover span {color:#ecbd00;} .browseCon td span.browseNA {color:#666;} /*** REDESIGN 2010: TP OVERVIEW - TABLE ELEMENTS ***/ .hafasTpOverview th.bg {padding:7px 10px; text-align:left; font-size:15px; font-weight:bold; color:#666; white-space:nowrap;} .hafasTpOverview th.ovTimeDep, .hafasTpOverview th.ovTimeDest, .hafasTpOverview th.ovDuration, .hafasTpOverview th.ovChanges {width:40px; text-align:center;} .hafasTpOverview th.ovTimeArrow {width:15px; padding:7px 0;} .hafasTpOverview th.ovProducts {min-width:190px;} .hafasTpOverview th.ovEcology {width:50px; text-align:center;} .hafasTpOverview th.ovFares {width:70px;} .hafasTpOverview th.ovTimeDest, .hafasTpOverview th.ovDuration, .hafasTpOverview th.ovChanges, .hafasTpOverview th.ovProducts, .hafasTpOverview th.ovEcology, .hafasTpOverview th.ovFares, .hafasTpOverview th.ovDetails {border-right:1px solid #c0c0c0;} /* comodal headline */ tr.comodalConHeadline td {padding:10px; font-size:15px; font-weight:bold; border:4px solid #103150; border-bottom:0;} tr.comodalConHeadline td img.comodalIcon {display:inline-block; margin-top:-2px; padding:0 4px;} .comodalConHeadline span.linkShowComodalCons, .comodalConHeadline span.linkHideComodalCons {display:block; float:right; width:auto; height:auto; margin:2px 0 0 10px; padding:0;} .comodalConHeadline span.suppress {display: none;} /* needed for HWAI */ span.linkShowComodalCons a, span.linkHideComodalCons a {padding:0 14px 0 0; font-weight:normal;} .hafasTpOverview th.bg span {font-size:15px; font-weight:bold; color:#666; white-space:nowrap;display:inline-block;margin-left:4px;} .hafasTpOverview th.ovDetails {width:130px;} .hafasTpOverview th.ovTicket {width:140px;} .hafasTpOverview td.ovBasic {padding:7px 10px; text-align:left; font-size:15px; font-weight:bold; vertical-align:middle;} .hafasTpOverview td.ovTimeDep, .hafasTpOverview td.ovTimeDest, .hafasTpOverview td.ovDuration, .hafasTpOverview td.ovChanges {text-align:center;} .hafasTpOverview td.ovTimeArrow {padding:24px 0;} /* ensure min-height */ .hafasTpOverview td.ovTimeDest, .hafasTpOverview td.ovDuration, .hafasTpOverview td.ovChanges, .hafasTpOverview td.ovProducts, .hafasTpOverview td.ovEcology, .hafasTpOverview td.ovFares, .hafasTpOverview td.ovDetails {border-right:1px dotted #c0c0c0;} .hafasTpOverview td.ovBorderLeft {border-left:4px solid #103150;} .hafasTpOverview td.ovBorderRight {border-right:4px solid #103150;} /*.hafasTpOverview td.ovBorderTop {border-top:4px solid #103150;}*/ .hafasTpOverview tr.ovSepLine td {background-color:#103150; font-size:1px; padding:0; border:0;} .hafasTpOverview tr.ovSepLineShadow td {box-shadow: 0 4px 6px #666;} .hafasTpOverview tr.ovSepLine td.comodalConHeadline {border-top:0;} .hafasTpOverview tr.ovSepLine td div {height:4px; background:transparent;} .hafasTpOverview tr.ovSepLine td div hr {display:none;} .hafasTpOverview td.ovDuration div.comodalCarTime {display:inline-block; position:relative; height:1px; width:1px;} div.comodalCarTime .rushHourDescription {position:absolute; left:-130px; top:-64px; width:auto; height:auto; padding:4px 7px; z-index:5; border:1px solid #cdcdcd; border-radius:5px; background-color:#fff; font-weight:normal; text-align:left; white-space:nowrap;} div.comodalCarTime .rushHourDescription .rushHourBubbleArrow {position:absolute; left:105px; bottom:-10px; width:15px; height:11px;} div.comodalCarTime .rushHourDescription div {white-space:normal;} div.rushHourBox {padding:5px; position:relative;} div.rushHourBox div {text-align:left; font-weight:normal;} div.rushHourBox .rushHourLink {} div.rushHourBox .rushHourDiagramBox {position:absolute; left:-195px; top:25px; border:1px solid #999; width:auto; height:auto; z-index:5; background-color:#edf5fc; padding:10px; width:625px;} div.rushHourBox .rushHourDiagramBox {border-radius: 2px; box-shadow: 2px 2px 2px #999;} div.rushHourBox .rushHourBoxArrow {top: -10px; height: 11px; left: 170px; position: absolute; width: 15px;} div.rushHourBox .rushHourDiagramTitle {margin: 5px 0 15px 30px;} div.rushHourBox .rushHourDiagramTitle h2 {font-size:14px; font-weight:bold; color:#089d05; margin:0 0 5px; text-align:center;} div.rushHourBox .closeRushHourDiagram {float:right; width:auto; height:auto;} div.rushHourBox .rushHourDiagram {margin-left:30px; height:200px; width:570px; position:relative; background-color:#fff;} div.rushHourBox .rushHourDiagram div.scaleYText {height:200px; position:relative; top:0; left:-30px; margin:0; padding: 50px 5px 0; width:20px;} div.rushHourBox .rushHourDiagram div.mdScale {position:absolute; white-space:nowrap; left:15px; font-weight:normal;} div.rushHourBox .rushHourDiagram div.mdScaleLineX {position:absolute; left:50px; border-bottom:1px solid #c0c0c0; width:500px;} div.rushHourBox .rushHourDiagram div.mdScaleLineY {position:absolute; bottom:15px; left:50px; border-left:1px solid #c0c0c0; height:150px;} div.rushHourBox .rushHourDiagram div.mdBar {position:absolute; overflow:hidden; line-height:0; font-size:0; bottom:15px; background-color:#c0c0c0;} div.rushHourBox .rushHourDiagram div.mdBar:hover {background-color:#ecbd00;} div.rushHourBox .rushHourDiagram div.selected {background-color:#05233F !important;} div.rushHourBox .rushHourDiagram div.mdTig {position:absolute; bottom:0; color:black;} div.rushHourBox .rushHourDiagram div.mdTigLine {position:absolute; bottom:13px; border-left:1px solid #000; font-size:0; height:2px; line-height:0; overflow:hidden;} div.rushHourBox .scaleXText {margin:5px 0 10px 30px; width:570px; text-align:center;} div.rushHourBox .rushHourDiagramDescription {margin:5px 0 10px 30px; width:570px; color:#666;} .hafasTpOverview td.ovProducts {} .hafasTpOverview td.ovProducts a {font-size:9px;} .hafasTpOverview td.ovProducts span {white-space:nowrap; display:block; width:auto; float:left; margin:2px 3px 0 0; padding:0 0 1px 0; line-height:14px; vertical-align:baseline; } .hafasTpOverview td.ovProducts span a.ovProduct:link, .hafasTpOverview td.ovProducts span a.ovProduct:visited, .hafasTpOverview td.ovProducts span a.ovProduct:focus, .hafasTpOverview td.ovProducts span a.ovProduct:hover, .hafasTpOverview td.ovProducts span a.ovProduct:active {font-size:11px; font-weight:normal; vertical-align:baseline; text-decoration:none; color:#039; padding:2px; background:#fff;} .hafasTpOverview td.ovProducts span a.ovProduct {border:1px solid #c0c0c0; border-radius: 2px; box-shadow: 2px 2px 2px #999; line-height:14px;} .hafasTpOverview td.ovProducts span.productWithArrow {padding-right:10px;} .hafasTpOverview td.ovProducts span.carRouteHint {font-weight:normal; vertical-align:top; text-decoration:none; margin: 0 0 0 5px; white-space:nowrap; line-height:12px;} .hafasTpOverview td.ovProducts span.realtime a.ovProduct {border:1px solid #c00; box-shadow: 2px 2px 2px #c99;} .hafasTpOverview td.ovFares a {text-decoration:none;} .hafasTpOverview td.ovFares a span {text-decoration:underline; color:#039;} .hafasTpOverview td.ovFares a:hover span {color:#ecbd00;} .hafasTpOverview td.ovDetails {vertical-align:bottom; padding-bottom:0;} .hafasTpOverview td.ovDetails a {display:block; height:40px; width:auto; text-decoration:none; font-size:14px; vertical-align:middle; color:#039;} .hafasTpOverview td.ovDetails a:hover {color:#ecbd00;} .hafasTpOverview td.ovDetails a.dtlIVTab {padding: 8px 0 0 40px;} .hafasTpOverview td.ovDetails a.dtlTab {padding: 7px 0 0 41px;} .hafasTpOverview td.ovDetails a.dtlIVTabActive, .hafasTpOverview td.ovDetails a.dtlTabActive {position:relative; padding: 13px 0 0 45px; z-index: 1; margin:0 -6px -1px -6px; border:1px solid #ecbd00; border-bottom:0; border-radius: 10px 10px 0 0;} .hafasTpOverview td.ovTicket {vertical-align:middle; padding-bottom:0;} .hafasTpOverview td.ovTicket a.tarifTab, .hafasTpOverview td.ovTicket a.tarifTabActive {display:block; height:40px; width:auto; text-decoration:none; font-size:14px; vertical-align:middle; color:#039;} .hafasTpOverview td.ovTicket a.tarifTab:hover, .hafasTpOverview td.ovTicket a.tarifTabActive:hover {color:#ecbd00;} .hafasTpOverview td.ovTicket a.tarifTab {position:relative; padding: 0 0 0 41px; vertical-align:middle;} .hafasTpOverview td.ovTicket a.tarifTabActive {position:relative; padding: 13px 0 0 45px; z-index: 1; margin:0 0 -2px -6px; border:1px solid #ecbd00; border-bottom:0; border-radius: 10px 10px 0 0;} .hafasTpOverview td.ovTicket a.locref {width:0 !important; height:0 !important; font-size:1px !important;} hafasTpOverview td.ovTicket {font-weight:normal; font-size:12px; color:#555;} .hafasTpOverview td.ovTicket a.linkTicketButtonOutward, .hafasTpOverview td.ovTicket a.linkTicketButtonReturn {display:inline-block; height:44px; width:160px; text-decoration:none;} body.lang_m .hafasTpOverview td.ovTicket a.linkTicketButtonOutward, body.lang_m .hafasTpOverview td.ovTicket a.linkTicketButtonReturn {width:140px;} .hafasTpOverview td.ovTicket a.linkTicketButtonUncheck {display:inline-block; height:30px; width:140px; text-decoration:none; margin:0; padding: 9px 0 0 20px; vertical-align:top; text-align:center; font-weight:bold; font-size: 14px; color:#f60;} .hafasTpOverview td.ovTicket a.linkTicketButtonUncheck span {text-decoration:underline; font-weight:bold; font-size: 12px; color:#039;} .hafasTpOverview td.ovTicket a.linkTicketButtonUncheck:hover span {color:#f60;} .hafasTpOverview td.ovBgBasic {background-color:#fff;} .hafasTpOverview td.ovBgBasicColor {background-color:#fff;} .hafasTpOverview td.ovBgSelected {} /* css.tpl */ .hafasTpOverview td.ovBgSelectedColor {background:#faee87;} .dtlRow td {padding:0;} .ovMsg td {padding:0; cursor:pointer;} div.ovHimContainer {margin:0 10px 10px; padding:0; border:1px solid #ecbd00; background:#fff; font-weight:normal;} div.ovHimSingleMessage {margin:5px; padding:0; line-height:18px; vertical-align:middle;} .ovHimSingleMessage span {margin-left:3px;} div.ovRealtimeContainer {margin:0 10px 10px; padding:0; border:1px solid #c00; background:#fff; font-weight:normal;} div.ovRealtimeSingleMessage {margin:5px; padding:0; line-height:18px; vertical-align:middle;} .ovRealtimeSingleMessage span {margin-left:3px;} div.ovFurtherInfoMessageContainer {margin:0 10px 10px; padding:0; border:1px solid #ecbd00; background:#fff; font-weight:normal;} div.ovFurtherInfoSingleMessage {margin:5px; padding:0; line-height:18px; vertical-align:middle;} .hafasTpOverview tr.suppress {display: none;} /* needed for HWAI */ /*** REDESIGN 2010: DETAIL CONTAINER ***/ .hafasTpOverview .detailContainer {margin:0 10px 10px 7px; padding:10px; border:1px solid #ecbd00; background:#fff; border-radius: 5px; font-weight:normal;} /*** REDESIGN 2010: SUBSLIDERS ***/ .detailContainer div.subSlider {margin:0 auto; position:relative; width:930px; padding:0; height:45px; vertical-align:bottom;} div.subSlider a {text-decoration:none; display:block; float:left; padding: 10px 10px 0 50px; width:95px; border:0;position:relative;} div.subSlider a span {font-size:12px; vertical-align:bottom; text-decoration:underline; color:#039;} div.subSlider a:hover span {color:#ecbd00;} div.subSlider a.smsPushActive, div.subSlider a.pdfMailActive, div.subSlider a.smsConActive, div.subSlider a.calExpActive, div.subSlider a.ecoInfoActive, div.subSlider a.faresIVActive, div.subSlider a.faresActive {margin:0 -1px -1px; height:34px; border:1px solid #a9d7fe; border-bottom:0; z-index: 1; cursor:pointer; border-radius:5px 5px 0 0;} div.subSlider a.smsPushActive span, div.subSlider a.pdfMailActive span, div.subSlider a.smsConActive span, div.subSlider a.calExpActive span, div.subSlider a.ecoInfoActive span, div.subSlider a.faresIVActive span, div.subSlider a.faresActive span {color:#000; text-decoration:underline; cursor:pointer ;} div.subSlider a.smsPushActive:hover span, div.subSlider a.pdfMailActive:hover span, div.subSlider a.smsConActive:hover span, div.subSlider a.calExpActive:hover span, div.subSlider a.ecoInfoActive:hover span, div.subSlider a.faresIVActive:hover span, div.subSlider a.faresActive:hover span {color:#000; text-decoration:underline; cursor:pointer ;} div.subSlider a.smsPushDisabled, div.subSlider a.ecoInfoDisabled {cursor:default;} div.subSlider a.smsPushDisabled span, div.subSlider a.ecoInfoDisabled span, div.subSlider a.smsPushDisabled:hover span, div.subSlider a.ecoInfoDisabled:hover span {color:#000; text-decoration:none; cursor:text;} /*** REDESIGN 2010: MOREDETAIL CONTAINER ***/ .detailContainer .moreDetailContainer {margin:-1px auto 0; position:relative; width:910px; border:1px solid #a9d7fe; background:#edf5fc; padding:10px; clear:both;} .moreDetailContainer .closeMoreDetails {position: absolute; margin:10px; padding:0; height:20px; width:80px; top:0; right:0; text-align:right;} .moreDetailContainer .closeMoreDetails a {padding:2px 25px 5px 5px; text-decoration:none;} .moreDetailContainer .closeMoreDetails a span {text-decoration:underline; color:#039;} .moreDetailContainer .closeMoreDetails a:hover span {color:#ecbd00;} .moreDetailContainer a.buttonSend {height:31px; width:88px; text-decoration:none;} .moreDetailContainer, .moreDetailContainer div, .moreDetailContainer p, .moreDetailContainer li, .moreDetailContainer span, .moreDetailContainer label {color:#001f3b;} .moreDetailContainer h2, .moreDetailContainer p.first {margin-top:0;} .moreDetailContainer .defaultBox {float:left; height:auto; width:390px; background:#edf5fc; border-right:1px solid #a9d7fe; min-height:220px; padding:0 10px 0 0;} .moreDetailContainer .smsPushBoxLeft {background-color:#fff; margin: 0 15px 0 0; padding:5px;} .moreDetailContainer .smsPushBoxLeft p {margin: 0; padding:5px;} .moreDetailContainer .smsPushBoxLeft h3 {font-size:12px; margin: 8px 0; padding:5px;} .moreDetailContainer .smsPushBoxRight {border-right:0; margin: 0 0 0 15px;} .moreDetailContainer .smsPushBoxRight div {padding:0 10px 10px;} .moreDetailContainer .smsPushForm {margin:0 0 10px; position:relative; height:auto;} .moreDetailContainer .smsPushForm p {margin:4px 0 10px; font-weight:bold; font-size:14px;} .moreDetailContainer .smsPushForm label {float:left; margin:6px 5px 0 0; font-size:12px; font-weight:bold;} .moreDetailContainer .smsPushForm input {float:left; margin:2px 5px 0 0; width: 80px; height:20px; padding:3px;} .moreDetailContainer .smsPushForm a.buttonSend {float:left; margin:0 5px 0 0; height:31px; width:88px; text-decoration:none;} .moreDetailContainer .pdfMailBoxRight {border-right:0; margin: 0 0 0 15px; width:480px;} .moreDetailContainer .pdfMailFieldset {vertical-align:top; margin:0 0 5px; padding:0; position:relative; height:auto; width:auto; min-height:24px;} .moreDetailContainer .pdfMailFieldset label {display:block; float:left; width:130px; text-align:right; margin:3px 10px 0 0;} .moreDetailContainer .pdfMailFieldset textarea, .moreDetailContainer .pdfMailFieldset input {display:block; float:left; width:230px; padding:3px;} .moreDetailContainer .pdfMailFieldset textarea {height:90px;} .moreDetailContainer .pdfMailFieldset a.buttonSend {float:left; margin:65px 0 0 10px;; height:31px; width:88px; text-decoration:none;} .moreDetailContainer .pdfMailFieldset p.errormessage {margin:5px;} .moreDetailContainer .smsConForm {margin:5px 0 10px; position:relative; height:auto;} .moreDetailContainer .smsConForm label {float:left; margin:6px 5px 0 0; font-size:12px; font-weight:bold;} .moreDetailContainer .smsConForm input {float:left; margin:2px 5px 0 0; width: 80px; height:20px; padding:3px;} .moreDetailContainer .smsConForm a.buttonSend {float:left; margin:0 5px 0 0; height:31px; width:88px; text-decoration:none;} .moreDetailContainer .smsConForm ul {margin:15px 0 10px; padding:0 0 0 13px;} .moreDetailContainer .smsConForm li {margin:0 0 5px;} .moreDetailContainer .smsConBoxRight {border-right:0; margin: 0 0 0 15px; width:480px;} .moreDetailContainer .calExpBoxRight {border:0; margin-left:15px; background-color:#fff; padding:10px; height:auto; min-height: 100px; border-radius: 10px;} .moreDetailContainer .calExpBoxRight .howTo {width: 300px;} .moreDetailContainer .calExpBoxRight .howTo ol {list-style-type:none; margin:15px 0 10px; padding:0 0 0 25px;} .moreDetailContainer .calExpBoxRight .howTo li {margin:0 0 5px; position:relative;} .moreDetailContainer .calExpBoxRight .howTo li img {margin-left:-23px; position:absolute;} .moreDetailContainer .calExpBoxRight .buttonBox {height:1px; position:relative;} .moreDetailContainer .calExpBoxRight .buttonBox a.buttonSave {position:absolute; display:block; left:310px; bottom:10px; width:80px; height: 32px; text-decoration:none;} .DSBFaresContainer {position:relative; padding:5px; margin:0; height:auto; min-height:50px; background-color:#edf5fc; border-radius:5px; border: 1px solid #a9d7fe;} .DSBFaresContainer .dsbFareTableContainer {float:left; padding:0 0 10px; margin:0; width:620px; height:auto; min-height:40px;} .DSBFaresContainer .dsbFareTableContainer table {margin-bottom:-10px;} .DSBFaresContainer .dsbBuyTicketContainer {float:left; padding:25px 0 10px; margin:0 0 0 115px; width:185px; height:auto; min-height:40px; text-align:right;} .DSBFaresContainer h2, .DSBFaresContainer p, .DSBFaresContainer div, .DSBFaresContainer span {color: #001f3b;} .DSBFaresContainer h2 {font-size:20px;margin:5px 0 10px; padding:0; font-weight:bold;} .DSBFaresContainer a.linkTicketButtonSingle {display:inline-block; height:41px; width:140px; text-decoration:none;} body.lang_d .DSBFaresContainer a.linkTicketButtonSingle {width:172px;} body.lang_e .DSBFaresContainer a.linkTicketButtonSingle {width:144px;} .DSBFaresContainer a.linkTicketButtonOutward, .DSBFaresContainer a.linkTicketButtonReturn {display:inline-block; height:52px; width:140px; text-decoration:none;} body.lang_d .DSBFaresContainer a.linkTicketButtonOutward, body.lang_d .DSBFaresContainer a.linkTicketButtonReturn {width:173px;} body.lang_e .DSBFaresContainer a.linkTicketButtonOutward, body.lang_e .DSBFaresContainer a.linkTicketButtonReturn {width:173px;} .moreDetailContainer table.hafasFares {margin-bottom:7px;background-color:#fff; width:620px;} .moreDetailContainer table.hafasFares td, .fcFaresBox table.hafasFares td {padding-right:25px;background-color:#fff;} .fcFaresBox {margin:20px 0; padding:20px; background-color:#fff; border:4px solid #103150;} .rkFaresBox {margin-bottom:15px; background-color:#fff; width:620px; position:relative; padding:6px 0;} .rkUpdateBox {margin-top:10px; margin-bottom:10px;} .rkFaresBox p {margin:15px 10px 0; padding:0; width:560px;} .rkFaresBox div, .rkFaresBox p, .rkFaresBox select {color:#000;} .rkFaresBox a:link, .rkFaresBox a:visited {color:#009ce8;} .rkFaresBox a:hover, .rkFaresBox a:focus, .rkFaresBox a:active {color:#ecbd00;} .rkFaresBox .rkLabel, .rkFaresBox .rkListbox, .rkFaresBox .rkDiscountInfo, .rkFaresBox .rkFares {float:left; margin:5px 0 0; padding:3px 5px;} .rkFaresBox .rkLabel {width: 100px; margin-left:10px; padding-left:0;} .rkFaresBox .rkListbox {width: 210px;} .rkFaresBox .rkListbox select {border:1px inset #000; font-size:12px;} .rkFaresBox .rkDiscountInfo {width: 130px;} .rkFaresBox .rkFares {width: 90px; text-align:right; padding-right:0;} .rkFaresBox .rkFaresOutput {color:#009ce8; font-size:14px; font-weight:bold;} .rkFaresBox .rkLine {border:0; border-bottom:1px solid #009ce8;} /* rejsekort fares 2014 */ .rkFaresInnerContainer {} .rkFaresInnerContainer * {vertical-align:baseline;} .rkFaresInnerContainer .resultAdvancedTariffSettings label, .rkFaresInnerContainer div.headlineComment, .rkFaresInnerContainer h2 {color:#001f3b;} .sc_clearBoth {clear:both;} div.lc_marginRightNormal {margin-right:10px;} div.rkTariffTitleBox {padding:0; margin:36px 0 8px; height:28px; line-height:28px;} h2.rkTariffTitle {float:left;font-size:20px; font-weight:bold;margin:0 10px 0 0;height:28px; line-height:28px;} div.headlineComment {padding-top:3px;} div.lc_totalPriceTop, div.lc_totalPriceTop span {color:#6a9940; font-size:20px; font-weight:bold; text-align:right;} /* rejsekort fares - select boxes */ .resultAdvancedTariffSettings {background-color:#fff; margin:0; padding:15px 10px; border:1px solid #b3b3b3; border-left:0; border-right:0;} .rkFaresCardTypeAndDiscount {border-right:1px solid #b3b3b3;margin-right:20px; padding-right:8px;} .rkFaresCardTypeAndDiscount, .rkFaresServiceniveau {padding-top:5px; padding-bottom:5px;} .rkFaresCardTypeAndDiscount label, .rkFaresServiceniveau label {padding-top:5px ;padding-bottom:5px; font-weight:bold; display:block;} .resultAdvancedTariffSettings select {background-color:#fff; color:#001f3b; vertical-align:middle; padding:0 0 4px; margin:0; height:28px; font-size:12px; overflow:hidden; opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position:absolute;} .resultAdvancedTariffSettings option[disabled] {background:#ddd; color:#666;} div.lc_rkSelectContainer {border:1px solid #b3b3b3; border-radius:4px; height:26px; line-height:22px; margin:2px 12px 2px 0; font-size:12px; overflow:hidden; position:relative; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.14) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.14))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.14) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.14) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.14) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.14) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#24000000',GradientType=0 ); } div.disabledSelectBox div.lc_rkSelectContainer {background:#ddd;} div.disabledSelectBox span.lc_fakeSelect {color:#999;} div.lc_rkDefaultBoxWrap {position:relative; margin:0; padding:0; overflow:hidden;} div.lc_cardTypeBoxWrap {width:212px;} div.lc_cardTypeBoxWrap select {width:200px;} div.lc_Rabattlevel1BoxWrap {width:112px;} div.lc_Rabattlevel1BoxWrap select {width:100px;} div.lc_Rabattlevel2BoxWrap {width:122px;} div.lc_Rabattlevel2BoxWrap select {width:110px;} div.lc_Rabattlevel3BoxWrap {width:182px;} div.lc_Rabattlevel3BoxWrap select {width:170px;} div.lc_serviceniveauBoxWrap {width:140px;} div.lc_serviceniveauBoxWrap select {width:128px;} span.lc_fakeSelect {position:absolute; color:#001f3b; font-size:12px; height:28px;line-height:28px; left:5px; top:0px;} span.lc_fakeSelectCardType {width:170px;} span.lc_fakeSelectRabattlevel1 {width:70px;} span.lc_fakeSelectRabattlevel2 {width:80px;} span.lc_fakeSelectRabattlevel3 {width:160px;} span.lc_fakeSelectServiceniveau {width:100px;} span.lc_fakeSelectCardArrow {position:absolute; border:0; border-left:1px solid #b3b3b3; width:14px; height:19px; line-height:20px; top:0; right:3px; padding:11px 0 0 6px;} .lang_d div.lc_cardTypeBoxWrap {width:242px;} .lang_d div.lc_cardTypeBoxWrap select {width:230px;} .lang_d div.lc_Rabattlevel1BoxWrap {width:142px;} .lang_d div.lc_Rabattlevel1BoxWrap select {width:130px;} .lang_d div.lc_Rabattlevel2BoxWrap {width:152px;} .lang_d div.lc_Rabattlevel2BoxWrap select {width:140px;} .lang_d div.lc_serviceniveauBoxWrap {width:100px;} .lang_d div.lc_serviceniveauBoxWrap select {width:88px;} .lang_d span.lc_fakeSelectCardType {width:200px;} .lang_d span.lc_fakeSelectRabattlevel1 {width:100px;} .lang_d span.lc_fakeSelectRabattlevel2 {width:110px;} .lang_d span.lc_fakeSelectServiceniveau {width:60px;} .lang_e div.lc_cardTypeBoxWrap {width:204px;} .lang_e div.lc_cardTypeBoxWrap select {width:192px;} .lang_e div.lc_Rabattlevel1BoxWrap {width:160px;} .lang_e div.lc_Rabattlevel1BoxWrap select {width:148px;} .lang_e div.lc_Rabattlevel2BoxWrap {width:163px;} .lang_e div.lc_Rabattlevel2BoxWrap select {width:151px;} .lang_e div.lc_Rabattlevel3BoxWrap {width:198px;} .lang_e div.lc_Rabattlevel3BoxWrap select {width:186px;} .lang_e div.lc_serviceniveauBoxWrap {width:130px;} .lang_e div.lc_serviceniveauBoxWrap select {width:118px;} .lang_e span.lc_fakeSelectCardType {width:162px;} .lang_e span.lc_fakeSelectRabattlevel1 {width:115px;} .lang_e span.lc_fakeSelectRabattlevel2 {width:118px;} .lang_e span.lc_fakeSelectRabattlevel3 {width:175px;} .lang_e span.lc_fakeSelectServiceniveau {width:88px;} .pricingResultTable {border:0; margin:0 0 15px;; border-collapse:collapse; width:100%;} .pricingResultTable th {background-color:#b3b3b3; color:#fff; font-weight:bold; text-align:right; padding:10px;} .pricingResultTable td {text-align:right; padding:10px; font-weight:normal; color:#001f3b;} .pricingResultTable tr.color_1 td {background-color:#fff; border-bottom:1px solid #b3b3b3;} .pricingResultTable th.resultHeaderChecked {text-align:center;} tr.color_1 td.name {text-align:left; font-weight:bold;} tr.color_1 td.checkIn {text-align:center;} tr.color_1 td.discount, tr.color_1 td.multiDiscount {font-weight:bold;} td.resultGroupTotalName {font-size: 20px; font-weight: bold; text-align: left;} td.resultGroupTotalNameValue, td.resultGroupTotalNameValue span {color: #6a9940; font-size: 20px; font-weight: bold;} tr.resultDownPayment td {border-bottom:1px solid #b3b3b3; padding:0 10px 5px;} td.resultDownPaymentName {text-align: left;} td.resultDownPaymentValue {} /*** REDESIGN 2010: DETAILED VIEW / JOURNEY GUIDE inside DETAIL CONTAINER ***/ .detailContainer .journeyGuideTitle {margin:20px auto 10px; position:relative; padding:0; border:0; border-bottom:1px solid #333; height:35px;} .journeyGuideTitle .title {margin:0; position:absolute; bottom:0; left:10px; width:300px; border:0; height:auto; padding:0; vertical-align:bottom; text-align:left; font-weight:bold; font-size:20px; color:#132e4a;} .journeyGuideTitle .printLink {margin:0; position:absolute; bottom:5px; right:10px; width:300px; border:0; height:auto; padding:0; vertical-align:bottom; text-align:right;} .journeyGuideTitle .printLinkRosa {border:0; bottom:25px; float:right; height:auto; margin:-21px 0 0; padding:0; text-align:right; vertical-align:top; width:395px;} .journeyGuideTitle .subSubSlider {margin:0 auto; position:relative; padding:0; width:300px; border:0; height:35px; vertical-align:bottom;} .journeyGuideTitle .subSubSlider a {display:block; float:left; margin:0 10px 0 0; padding: 10px 10px 10px 30px; width:auto; border:1px solid #c6c6c6; border-bottom:0; text-decoration:none; height:14px; border-radius:5px 5px 0 0;} .journeyGuideTitle .subSubSlider a span {text-decoration:underline; color:#039;} .journeyGuideTitle .subSubSlider a:hover span {color:#ecbd00;} .journeyGuideTitle .subSubSlider a.dtlConnectionActive, .journeyGuideTitle .subSubSlider a.dtlEuMapActive, .journeyGuideTitle .subSubSlider a.dtlMapActive {position:relative; margin-bottom: -1px; border-color:#333; height:15px; z-index: 1; cursor:default;} .journeyGuideTitle .subSubSlider a.dtlConnectionActive span, .journeyGuideTitle .subSubSlider a.dtlEuMapActive span, .journeyGuideTitle .subSubSlider a.dtlMapActive span {cursor:text; font-weight:bold; color:#000; text-decoration:none;} div.dtlConnectionContainer {} div.dtlEuMapContainer {} div.dtlMapContainer {} div.dtlGeneralUrgentMessage {margin:5px 10px;} .dtlGeneralUrgentMessage span.firstSpan {margin-left:-7px;} .dtlConnectionContainer table.hfsJourneyGuide {width:100%;} .hfsJourneyGuide th.screenReaderOnly {font-size:1px; visibility:hidden; line-height:1px; padding:0; color:#fff; background-color:#fff;} /* screen readers only */ .hfsJourneyGuide th.dtlTpPearl {width:59px;} .hfsJourneyGuide th.dtlTpTime {width:72px;} .hfsJourneyGuide th.dtlTpRealTime {width:80px;} .hfsJourneyGuide th.dtlTpRemarks {} .hfsJourneyGuide td.dtlTpPearl {font-weight:normal; font-size:12px; padding:0; text-align:center; vertical-align:top;} .hfsJourneyGuide td.dtlTpTime {font-weight:normal; font-size:12px; padding:5px 5px 5px 0; text-align:left;} .hfsJourneyGuide td.dtlTpRealTime {font-weight:normal; font-size:12px; padding:5px 10px 5px 0; text-align:left; white-space:nowrap;} .hfsJourneyGuide td.dtlTpRemarks {font-weight:normal; font-size:12px; padding:5px 5px 5px 0; text-align:left;} tr.conFirstSecFirstRow td.dtlTpPearl, tr.conLastSecLastRow td.dtlTpPearl {height:53px;} tr.intermediateStop td.dtlTpPearl, tr.dtlChange_FirstRow td.dtlTpPearl {height:51px;} /*tr.sectionInfo td.dtlTpPearl {height:51px; padding:18px 0 0;}*/ tr.sectionInfo td.dtlTpPearl {padding:18px 0 0;} tr.conFirstSecFirstRow td, tr.conLastSecLastRow td, tr.intermediateSection td, tr.stationInfoRow td {background:#f1eff2;} tr.conFirstSecFirstRow td, tr.conLastSecLastRow td, tr.sectionInfo td, tr.intermediateStop_FirstRow td.dtlTpTime, tr.intermediateStop_FirstRow td.dtlTpRealTime, tr.intermediateStop_FirstRow td.dtlTpRemarks, tr.dtlChange_FirstRow td {border:0; border-top: 1px solid #d6d6d6;} tr.sectionInfo td.dtlTpTime span.secTime, tr.sectionInfo td.dtlTpRealTime span.secTime {display:block; margin:0; border:0; padding:5px 0;} tr.tpDetails span.stationInfo {color:#666; font-weight:normal;} tr.conFirstSecFirstRow td.dtlTpRemarks, tr.conLastSecLastRow td.dtlTpRemarks {font-weight:bold;} tr.conFirstSecFirstRow td.dtlTpTime, tr.conLastSecLastRow td.dtlTpTime, tr.intermediateSection td.dtlTpTime {color:#666;} tr.intermediateSection span.changeLocation {font-weight:bold;} tr.conFirstSecFirstRow span.frequency, tr.intermediateSection span.frequency {color:#666; margin-left:10px; font-weight:normal;} tr.sectionInfo div.dtlTeletaxiSectionMessage, tr.sectionInfo div.dtlHimSectionMessage {margin:10px 0 0; padding:0; border:1px solid #ecbd00; background:#fff; font-weight:normal;} tr.sectionInfo div.dtlTeletaxiSectionMessage div, tr.sectionInfo div.dtlHimSectionMessage div {margin:5px; padding:0; border:0;} tr.conFirstSecFirstRow a.dtlSectionInfo, tr.conLastSecLastRow a.dtlSectionInfo, tr.intermediateSection a.dtlSectionInfo, tr.sectionInfo a.dtlSectionInfo {display:block; width:auto; height:auto; float:right; margin:0 0 0 20px; padding: 0 0 5px 22px; font-weight: normal;} tr.conFirstSecFirstRow a.dtlSectionInfo, tr.conLastSecLastRow a.dtlSectionInfo, tr.intermediateSection a.dtlSectionInfo {position:relative;} tr.sectionInfo td.dtlTpTime, tr.sectionInfo td.dtlTpRealTime {vertical-align:top; padding:0 5px 0 0;} tr.sectionInfo td.dtlTpRemarks {padding-top:12px;} tr.sectionInfo div.dtlSectionAttributes {position:relative; color: #666;} tr.sectionInfo div.dtlSectionDaysOfOperation {color: #666;} tr.sectionInfo span.gisProduct {font-weight:bold;} tr.sectionInfo .attrNormalBox {width:auto; height:auto; margin:10px 0 0;} tr.sectionInfo .singleAttrNormal {float:left; width:auto; height:21px; vertical-align:middle; margin:0 20px 5px 0; color:#666;} tr.sectionInfo .singleAttrNormal img {margin-right: 5px;} tr.sectionInfo .daysOfOperation {margin:10px 0 0; color:#666;} tr.stationInfoRow div.streetviewHint {margin: 8px; margin-top: 0; font-size:10px;} tr.stationInfoRow div.streetviewHint a {font-size:10px;} tr.stationInfoRow div.linkToStationInfo {margin: 8px;} tr.tpDetails a.dtlSectionStInfo img {position:absolute; display:block; text-decoration:none; top:0; left:-20px; height:18px; width:18px;} .dtlConnectionContainer div.directionsMap {float:right; border:1px solid #666; width:360px; height:250px;} .dtlConnectionContainer table.directionsTextual {width:490px;} table.directionsTextual th {font-weight:bold; color:#f60;} table.directionsTextual th, table.directionsTextual td {text-align:left;padding: 5px 5px 0 0;} table.directionsTextual th.dirTextDistance, table.directionsTextual td.dirTextDistance {text-align:right; padding-right:0;} .dirTextDirection {width:145px;} .hfsJourneyGuide tr.globalComments div {padding:0; border:0; margin:10px 0 0;} .hfsJourneyGuide tr.dtlConFinalLine div {background-color:#000; font-size:1px; padding:0; border:0; height:1px; margin:10px 0 0;} .hfsJourneyGuide tr.dtlConFinalLine div hr {display:none;} /*** REDESIGN 2010: MAP VIEW inside DETAIL CONTAINER ***/ .dtlEuMapContainer .ajaxMap, .dtlMapContainer .ajaxMap {position:relative; border:1px solid #000; margin:0; padding: 0; min-height:450px;} .dtlEuMapContainer .ajaxMap .ajaxMapRoute, .dtlMapContainer .ajaxMap .ajaxMapRoute {width:270px; position: relative; top:0px; right:0px; float:right; border-left: 1px solid #000;} .dtlEuMapContainer .selectOnMap, .dtlMapContainer .selectOnMap {margin:0; padding: 0; height: 30px;} .selectOnMap div {float:left; height: 24px; width:auto; margin: 5px; padding:5px;} .selectOnMap .poiListCaption {font-weight:bold; color:#f60; margin-left: 150px; margin-right:0;} .selectOnMap .poiListTariffLayer, .selectOnMap .poiListMOT {} .ajaxMap .ajaxMapRoute .toggleRouteDescription {position:absolute; top:10px; left:-1px; margin:0; padding:0; width:36px; height:35px; z-index:5;} .ajaxMap .ajaxMapRoute .toggleRouteDescription a {display:block;height:35px; width:36px;} .ajaxMap .ajaxMapRoute .routeDescriptionBox {position:relative; margin:0; padding:0; overflow:hidden; background-color:white; min-height:450px;} .ajaxMap .ajaxMapRoute .mapRouteDescriptionTitle {margin:0 0 0 45px; padding:5px 5px 5px 5px; overflow:hidden; width:215px;} .ajaxMap .ajaxMapRoute .ajaxMapConnection {margin:0px; overflow:hidden; width:270px;} .ajaxMap a.showCompleteJourneyOnMap {} .ajaxMapConnection th.screenReaderOnly {font-size:1px; visibility:hidden; line-height:1px; padding:0; color:#fff; background-color:#fff;} /* screen readers only */ .ajaxMapConnection th.mapConPearl {width:45px;} .ajaxMapConnection th.mapConTime {width:80px;} .ajaxMapConnection th.mapConLocationProduct {} .ajaxMapConnection td {text-align:left; padding:5px; border:0; border-top: 1px solid #d6d6d6;} .ajaxMapConnection td.mapConPearl {text-align:center; vertical-align:top; padding-top:18px;} tr.mapCon_FirstSecFirstRow td.mapConPearl, tr.mapCon_LastSecLastRow td.mapConPearl {height:53px; padding:0;} /*tr.mapCon_SectionInfo td.mapConPearl {height:51px; padding:18px 0 0;}*/ tr.mapCon_SectionInfo td.mapConPearl {padding:18px 0 0;} tr.mapCon_SectionInfo td {height:36px;} tr.mapCon_FirstSecFirstRow td, tr.mapCon_LastSecLastRow td, tr.mapCon_IntermediateSection td {background:#f1eff2;} /*** REDESIGN 2010: TICKET BUTTON for return journeys only ***/ #selectedTicketOUT, #selectedTicketRET {position:relative; margin:0; padding:0; border:0;} #selectedTicketOUT div, #selectedTicketRET div {position:relative; margin:0; padding:0; border:0; top:-24px; left: 885px; width: 40px; height: 20px;} #buyReturnTicketButtonFrame {margin:0 0 10px 0; padding:0 5px; border:0; text-align:right; position:relative; height:44px;} #buyReturnTicketButtonFrame .buttonBuyReturnTicketActive {display:block; height:44px; width:180px; text-decoration:none; float:right; margin:-24px 0 0; padding:0;} body.lang_d #buyReturnTicketButtonFrame .buttonBuyReturnTicketActive {width: 255px;} body.lang_e #buyReturnTicketButtonFrame .buttonBuyReturnTicketActive {width: 200px;} /*** Waitscreen ***/ div.waitImage { background: none repeat scroll 0 0 #EDF5FC; border: 1px solid #A9D7FE; border-radius: 5px 5px 5px 5px; margin: 0 10px 10px 7px; padding: 10px; text-align:center; position:relative; top: -1px; } td.waitImage { background:transparent none repeat scroll 0 0 !important; text-align:center; } div.waitImageSimple { background:transparent none repeat scroll 0 0 !important; text-align:center; padding: 10px; } div.searchWaitScreen {text-align:right; color:#fff;} /*** REDESIGN 2010: INPUT FIELD GENERATOR - see external file ***/