/* Vervoersdialoog - Resets & Fixes ----------------------------------------------------------------------------*/ #transportParametersDialog { width:947px; } #transportParametersDialog .block { border: none; margin: 0; } #transportParametersTabControl { margin: 0 22px; } /* Collapse table borders */ #transportParametersTabControl table { border-collapse: collapse; } #transportParametersTabControl table td { position: relative; } .transportPopup .title { background: none; padding: 0; } transport-selection-parameter .content { padding: 0; } #transportParametersDialog .first-element { border: none; } #transportParametersDialog .price { color: #cc0102; font-size: 14px; } /* Vervoersdialoog - Typography ----------------------------------------------------------------------------*/ /* Set Global font-size for .title */ .transportPopup .title { color: #369; font-size: 20px; font-weight: normal; } /* Set font-size for .title within #transportParametersTabControl */ .block #transportParametersTabControl .title { font-size: 13px; font-weight: bold; } /* Vervoersdialoog - Layout ----------------------------------------------------------------------------*/ #transportParametersTabControl { padding: 0; /*Change background colour for testing*/ background: #fff; } .transportBlock { border: none; background: #fff; margin: 0; min-height: 420px; } .transportBlock .boxContent { color:#336699; font-weight:normal; padding:6px; } .w174px { width: 174px; margin: 17px 10px 0 0; } .w444px { width: 444px; margin: 17px 11px 0 0; } .w264px { width: 264px; margin: 17px 0 0 0; } .transportBlock.w264px { background:#fff url(images/detail/transport/bg-be-selection-box.gif) no-repeat 0 bottom; } /* Top Title Styling */ .transportPopup .title { border-bottom: none; height: 28px; padding: 15px 0 0 0; margin: 0 22px; position: relative; } /* Close (X) Button Styling */ .transportPopup .close { width: 175px; height: 21px; line-height: 21px; background: url(images/detail/transport/btn-close.gif) right 0 no-repeat; float: none; color: #369; text-decoration: underline; text-align: right; padding:  0 25px 0 0; border: 0; cursor: pointer; margin: 0; position: absolute; top: 10px; left: 737px; z-index:905; } /* transport-selection-parameter .title */ .w444px .title, .w174px .title, .w264px .title { color: #369; height: 24px; padding: 6px 6px 0 10px; border: none; margin: 0; } .w444px .title span, .w174px .title span, .w264px .title span { padding: 0 5px 0 0; } /* Legend (Lowest Price) */ #transportLowestPriceColour { color: #9d9e9e; overflow: hidden; margin: 0; width: 174px; } #transportLowestPriceColour span { float: left; border: none; background: url(images/detail/transport/bg-be-legend-lowest-price.gif) 0 0 no-repeat; height: 23px; width: 23px; margin: 0 0 0 11px; } #transportLowestPriceColour div { overflow: hidden; height: 23px; line-height: 23px; padding: 0 0 0 3px; } .transportPopup { background: url(images/detail/transport/bg-be-travel-module.gif) 0 0 no-repeat; } #module-footer { background: url(images/detail/transport/bg-be-travel-module-footer.gif) 0 0 no-repeat; height: 24px; width:947px; } /* Vervoersdialoog - Transport (Block) - Title ----------------------------------------------------------------------------*/ .w174px .title { background: url(images/detail/transport/bg-be-section1-header.gif) 0 0 no-repeat; } /* Vervoersdialoog - Transport (Block) - Content ----------------------------------------------------------------------------*/ .w174px .content { padding: 7px 8px 15px 9px; margin: 0 0 19px 0; background: url(images/detail/transport/bg-be-transport-box-outer-wrapper.gif) 0 bottom no-repeat; } .transport-options-block { clear: both; background: url(images/detail/transport/bg-transport-box-inner-wrapper.gif) 0 0 no-repeat; padding: 13px 0 0 0; } .w174px .tsLabel { width: 141px; float: none; text-align: left; color: #369; line-height: 20px; margin: 0 0 2px 0; padding: 0 8px; border-top: 1px dashed #dedede; } .w174px select.transport-selection-parameter { width: 150px; float: none; margin: 0 0 7px 2px; } /* Vervoersdialoog - Transport (Block) - Tab Strip ----------------------------------------------------------------------------*/ .w174px .tabs { width: 157px; height: 23px; margin: 10px 0 0; overflow: hidden; background: url(images/detail/transport/bg-tab-strip.gif) 0 0 no-repeat; } .w174px .tabs .tab { cursor:pointer; } .w174px .tabs .unselected .tabL { width: 5px; height: 23px; background: url(images/detail/transport/bg-tabl-unselected.gif) 0 0 no-repeat; float: left; } .w174px .tabs .unselected .tabM { width: 35px; height: 23px; text-align: left; color: #369; font-size: 11px; float: left; white-space: nowrap; padding: 5px 0 0 28px; } .w174px .tabs .unselected .tabR { width: 5px; height: 23px; background: url(images/detail/transport/bg-tabr-unselected.gif) 0 0 no-repeat; float: left; } .w174px .tabs .selected .tabL { width: 5px; height: 23px; background: url(images/detail/transport/bg-tabl.gif) 0 0 no-repeat; float: left; } .w174px .tabs .selected .tabM { width: 41px; height: 23px; font-weight: bold; text-align: left; float: left; font-size: 11px; color: #369; white-space: nowrap; padding: 5px 0 0 30px; } .w174px .tabs .selected .tabR { width: 5px; height: 23px; background: url(images/detail/transport/bg-tabr.gif) 0 0 no-repeat; float: left; } .w174px .tabs.icon-only .tabM { width:auto; padding-left:26px; } .w174px .tabs.icon-only .unselected .tabM { padding-left:23px; } .w174px .tabs.icon-only .tabM .label { display:none; } /* Sprites */ .w174px .tabs .selected .tab-flight{ background: url(images/detail/transport/bg-tabm.gif) 0 0 no-repeat; } .w174px .tabs .selected .tab-train { background: url(images/detail/transport/bg-tabm.gif) 0 -23px no-repeat; } .w174px .tabs .selected .tab-bus { background: url(images/detail/transport/bg-tabm.gif) 0 -46px no-repeat; } .w174px .tabs .unselected .tab-flight { background: url(images/detail/transport/bg-tabm.gif) 0 -69px no-repeat; } .w174px .tabs .unselected .tab-train { background: url(images/detail/transport/bg-tabm.gif) 0 -92px no-repeat; } .w174px .tabs .unselected .tab-bus { background: url(images/detail/transport/bg-tabm.gif) 0 -115px no-repeat; } /* Vervoersdialoog - Transport (Block) - Zoek vervoer button ----------------------------------------------------------------------------*/ .w174px span.transport-selection-parameter { width: 141px; float: none; display: block; margin: 5px 0 7px 2px; position: relative; } .transport-selection-parameter.faked-textbox { width:141px; } .w174px span.btAction,  span.btActionNoArrow { color: #336699; font-size: 11px; font-weight: bold; height: 15px; cursor: pointer; border: 1px solid #369; padding: 2px 0 2px 7px; } .w174px span.picArrowNext { display: block; position: absolute; top: 2px; left: 131px; background: url(images/detail/transport/arrowmoreblue.gif) right center no-repeat; } /* Vervoersdialoog - Flight (Block) ----------------------------------------------------------------------------*/ .w444px #transportpriceandavailabilityqueryresults { padding: 0 0 0 4px; position: relative; } /* Vervoersdialoog - Flight (Block) - Title ----------------------------------------------------------------------------*/ .w444px .title { background: url(images/detail/transport/bg-be-section2-header.gif) 0 0 no-repeat; } /* Vervoersdialoog - Flight (Block) - Content ----------------------------------------------------------------------------*/ .w444px .header { width: 440px; height: 41px; overflow: hidden; background: none; } .w444px .flight span, .w444px .train span, .w444px .bus span { color: #369; width: 202px; height: 35px; padding: 6px 7px 0 7px; margin: 0; display:block; } /* Add margin between the two columns */ .w444px .flight span.first-span, .w444px .train span.first-span, .w444px .bus span.first-span { margin: 0 8px 0 0; } .w444px .flight span.first-span { background: url(images/detail/transport/bg-be-travel-box-sub-header.gif) 0 0 no-repeat; } .w444px .flight span { background: url(images/detail/transport/bg-be-travel-box-sub-header.gif) -216px 0 no-repeat; margin: 0 8px 0 0; } .w444px .train span.first-span { background: url(images/detail/transport/bg-be-travel-box-sub-header.gif) -432px 0 no-repeat; } .w444px .train span { background: url(images/detail/transport/bg-be-travel-box-sub-header.gif) -648px 0 no-repeat; margin: 0 8px 0 0; } .w444px .bus span.first-span { background: url(images/detail/transport/bg-be-travel-box-sub-header.gif) -864px 0 no-repeat; } .w444px .bus span { background: url(images/detail/transport/bg-be-travel-box-sub-header.gif) -1080px 0 no-repeat; margin: 0 8px 0 0; } .w444px .header td strong { display: block; } .w444px .subTitle { padding: 10px 7px 10px; } .w264px .subTitle { padding: 10px; } /* Vervoersdialoog - Flight (Block) - Tabular Data ----------------------------------------------------------------------------*/ /* Remove Table Margin */ .w444px table.transportData { margin: 0; width: 214px; position:absolute; } .w444px .transportData td { height: 27px; border-bottom: 1px dashed #dedede; vertical-align:middle; } .transportData .selected { background: #fcf1a5; } .transportData strong { font-size: 12px; } .transport-selection-overview { background: transparent url(images/detail/transport/bg-be-flight-box-outer-wrapper.gif) no-repeat 0 bottom; } .w444px .contentLeft, .w444px .contentRight { width: 214px; height: 108px !important; margin: 0; padding: 0 1px; position:relative; overflow:hidden; } .w444px .contentLeft  { border: none; } .w444px table input { margin: 0 6px; border: none; } /* Vervoersdialoog - Flight (Block) - Scroll Arrows ----------------------------------------------------------------------------*/ .w444px .footer { background: none; width: 203px; height: 24px; overflow: hidden; padding: 10px 6px 0 5px; border:1px solid #ccc; } .w444px .footer.no-arrows { border-top:none; } .w444px .footer.no-arrows div { display:none; } .w444px .arrowUpLeft, .w444px .arrowUpRight, .w444px .arrowDownLeft, .w444px .arrowDownRight { width: 75px; height: 17px; line-height: 17px; margin: 0; cursor: pointer; position: relative; text-decoration: underline; } /* Left Box Earlier (arrow on the left) */ .w444px .arrowUpLeft { background: #f8f8f8 url(images/detail/transport/btn-scroll.gif) 0 0 no-repeat; float: left; padding: 0 0 0 20px; } /* Right Box Earlier  (arrow on the left*/ .w444px .arrowUpRight { background: #f8f8f8 url(images/detail/transport/btn-scroll.gif) 0 0 no-repeat; float: left; padding: 0 0 0 20px; } /* Left Box Later (arrow on the right)*/ .w444px .arrowDownLeft { background: #f8f8f8 url(images/detail/transport/btn-scroll.gif) right -17px no-repeat; float: right; text-align: right; padding: 0 20px 0 0; } /* Right Box Later (arrow on the right)*/ .w444px .arrowDownRight { background: #f8f8f8 url(images/detail/transport/btn-scroll.gif) right -17px no-repeat; float: right; text-align: right; padding: 0 20px 0 0; } /* Vervoersdialoog - Your Selection (Block) - Title ----------------------------------------------------------------------------*/ .w264px .title { background: url(images/detail/transport/bg-be-section3-header.gif) 0 0 no-repeat; } /* Vervoersdialoog - Your Selection (Block) - Title ----------------------------------------------------------------------------*/ .transport-selection-parameter .boxContent { border: none; } /* Vervoersdialoog - Your Selection (Block) - Content ----------------------------------------------------------------------------*/ .w264px .boxContent ul { border-top: 1px dashed #dedede; list-style: none; padding: 4px 0 5px 6px; margin: 0; width: 233px; } .w264px .boxContent ul.first-element { padding: 2px 0 5px 6px; } .w264px .boxContent ul li { width: 233px; overflow: hidden; padding: 0; margin: 0; line-height: 17px; } .w264px .boxContent ul li.indirect-transport { font-size:10px; margin:5px 0 0; } .w264px .boxContent ul li span, .w264px .boxContent ul li em { display: block; float: left; } .w264px .boxContent ul li span { width: 94px; } .w264px .boxContent ul li em { width: 139px; font-style: normal; } /* Vervoersdialoog - Your Selection (Block) - Button ----------------------------------------------------------------------------*/ /* Turn off wrapper styling */ .tsPriceBlock { background: none; border: none; height: auto !important; } .w264px span.transport-selection-parameter { width: 179px; float: right; display: inline; margin: 8px 10px 11px 0; position: relative; } .w264px span.btAction, .w264px span.btActionNoArrow { color: #cc0102; font-size: 14px; font-weight: bold; height: 21px; cursor: pointer; border: 1px solid #cc0102; padding: 2px 0 2px 7px; background: #fff url(images/detail/transport/bg-be-action-button-big.gif) 0 bottom repeat-x; } .w264px span.picArrowNext { display: block; position: absolute; width: 7px; top: 2px; left: 165px; background: url(images/detail/transport/arrowmoreredbig.gif) 0 center no-repeat; }