/* Vervoersdialoog - Resets & Fixes ----------------------------------------------------------------------------*/ #transportParametersDialog { width:947px; } #transportParametersDialog .block { border: none; margin: 0; } #transportParametersTabControl { margin: 0 22px; } #transportParametersTabControl table { border-collapse: collapse; } #transportParametersTabControl table td { position: relative; } .transportPopup .title { background: none; padding: 0; } .transportBlock .content  { padding: 0; } #transportParametersDialog .first-element { border: none; } #transportParametersDialog .price { color: #f38401; font-size: 14px; } /* Vervoersdialoog - Typography ----------------------------------------------------------------------------*/ /* Set Global font-size for .title */ .transportPopup .title { color: #00448a; 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; } .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-nl-selection-box.gif) no-repeat 0 bottom; } .transportPopup .title { border-bottom: 1px solid #cbcbcb; height: 27px; 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: #00448a; 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; } .w444px .title, .w174px .title, .w264px .title { color: #00448a; height: 32px; padding: 6px 6px 0 8px; border: none; margin: 0; } .w444px .title span, .w174px .title span, .w264px .title span { padding: 0 14px 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-nl-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-nl-travel-module.gif) 0 0 no-repeat; } #module-footer { background: url(Images/Detail/Transport/bg-nl-travel-module-footer.gif) 0 0 no-repeat; height: 24px; width:947px; } /* Vervoersdialoog - Transport (Block) - Title ----------------------------------------------------------------------------*/ .w174px .title { background: url(Images/Detail/Transport/bg-nl-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-nl-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: #00448a; 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: 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: #00448a; 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: #00448a; 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; height:auto; } .w174px span.btAction,  span.btActionNoArrow { color: #00448a; font-size: 11px; font-weight: bold; height: 15px; cursor: pointer; border: 1px solid #00448a; 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-nl-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: #00448a; display: block; width: 202px; height: 35px; padding: 6px 7px 0 7px; margin: 0; } .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-nl-travel-box-sub-header.gif) 0 0 no-repeat; } .w444px .flight span { background: url(Images/Detail/Transport/bg-nl-travel-box-sub-header.gif) -216px 0 no-repeat; } .w444px .train span.first-span { background: url(Images/Detail/Transport/bg-nl-travel-box-sub-header.gif) -432px 0 no-repeat; } .w444px .train span { background: url(Images/Detail/Transport/bg-nl-travel-box-sub-header.gif) -648px 0 no-repeat; } .w444px .bus span.first-span { background: url(Images/Detail/Transport/bg-nl-travel-box-sub-header.gif) -864px 0 no-repeat; } .w444px .bus span { background: url(Images/Detail/Transport/bg-nl-travel-box-sub-header.gif) -1080px 0 no-repeat; margin: 0 8px 0 0; } /* Make dates drop down onto next line */ .w444px .header span strong { display: block; } .w444px .subTitle { height: 27px; padding: 3px 7px 10px; } .w264px .subTitle { padding: 3px 5px 10px; } .w444px table input { margin: 0 0 0 6px; border: none; } /* Vervoersdialoog - Flight (Block) - Tabular Data ----------------------------------------------------------------------------*/ .w444px table { margin: 0; width: 214px; } .w444px .transportData td { height: 27px; border-bottom: 1px dashed #dedede; vertical-align:middle; } .w444px table.transportData { margin: 0; width: 214px; position:absolute; } .transportData .selected { background: #fcf1a5; } .transportData strong { font-size: 12px; } .transport-selection-overview { background: transparent url(Images/Detail/Transport/bg-nl-flight-box-outer-wrapper.gif) no-repeat 0 bottom; } .w444px .contentLeft, .w444px .contentRight { width: 214px; height: 216px !important; margin: 0; padding: 0; position:relative; overflow:hidden; border:1px solid #ccc; border-width:1px 1px 0; } .w444px .contentLeft { margin: 0 8px 0 0; } /* Vervoersdialoog - Flight (Block) - Scroll Arrows ----------------------------------------------------------------------------*/ .w444px .footer { background: none; width: 205px; height: 24px; overflow: hidden; padding: 10px 6px 0 5px; border-top: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; } .w444px .arrowUpLeft { background: #f8f8f8 url(Images/Detail/Transport/btn-scroll.gif) 0 0 no-repeat; float: left; padding: 0 0 0 20px; } .w444px .arrowUpRight { background: #f8f8f8 url(Images/Detail/Transport/btn-scroll.gif) 0 0 no-repeat; float: left; padding: 0 0 0 20px; } .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; } .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: #f7a367 url(Images/Detail/Transport/bg-nl-section3-header.gif) 0 0 no-repeat; color: #622f1c; } /* Vervoersdialoog - Your Selection (Block) - Title ----------------------------------------------------------------------------*/ .transportBlock .boxContent { border: none; } /* Vervoersdialoog - Your Selection (Block) - Content ----------------------------------------------------------------------------*/ #transportselectionconfirmationresults { } .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 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 ----------------------------------------------------------------------------*/ .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: #fff; font-size: 14px; font-weight: bold; height: 21px; cursor: pointer; border: 1px solid #00448a; padding: 2px 0 2px 7px; background: #fda630 url(Images/Detail/Transport/bg-nl-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/arrowMoreWhiteBig.gif) 0 center no-repeat; } .book-by-email-container .block .title { background-color:#E5EFFE; color:#00448A; font-size:14px; font-weight:bold; padding:6px; height:auto; margin:0; }