/* Basic generic style (like some borders) and structure for a 750px wide framework. Basic structure = basic widths, margins, paddings and display /attribute-name is used for attributes used by IE7 and IE6 _attribute-name is used for attributes used by IE6 */ html { overflow: -moz-scrollbars-vertical; overflow-x: auto; } /* To allways show a vertical scrollbar in Firefox */ #bt_container { font-size: 10px; /*font-size: 0.625em;*/ width: 75em; float: left; } /* -= Common structure =- */ #bt_container .leftClearer { clear: left; } #bt_container .ticket-choice { zoom: 1; } #bt_container input.number { width: 2em; text-align: center; } #bt_container input.postcode { width: 4em; } #bt_container div.em-description, #bt_container div.description { margin-bottom: 1em; } #bt_container td.small-number { text-align: center; } #bt_container .info-message, #bt_container .error-message { border-width: 1px; border-style: solid; } #bt_container .info-message { border-color: Silver; } #bt_container .error-message { border-color: Red; } #bt_container .field-validation-error { color: Red; } #bt_container .clickable { cursor: pointer; } #bt_container .info-message ul, #bt_container .error-message ul { list-style: disc; list-style-position: outside; margin-left: 2em; margin-top: 0.5em; margin-bottom: 0.5em; } #bt_container .info-message ul ul, #bt_container .error-message ul ul { margin-left: 1em; margin-top: 0.25em; } #bt_container a.help { background-repeat: no-repeat; background-color: transparent; background-position: center center; text-indent: -9999em; /text-indent: 0; } #bt_container a.help:hover { /text-decoration: none; } #bt_container .help-message { border: solid 1px Silver; _zoom: 1; } #bt_container .help-message a { display: block; text-align : right; } #bt_container .confirm-summary .help-message { margin-right: 0.5em; margin-left: 0.5em; margin-top: 0.5em; } #bt_container .info-message, #bt_container .error-message, #bt_container .help-message { padding: 0.5em; margin-bottom: 1em; background-color: White; } #bt_container .help-message { padding-bottom: 0; } #bt_container #disclaimer-text { margin-top: 1em; } #bt_container .radio-sub, #bt_container .sub { margin-left: 1.65em; } #bt_container .radio-sub { border-left: solid 0.5em #DADADA; padding-left: 1em; } #bt_container .radio-sub label { padding-bottom: 1em; } #bt_container .radio-sub label.last { padding-bottom: 0; } #bt_container .radio-sub h4 { border-width: 0.4166666667em; padding-top: 0;} #bt_container div.clear { clear:both; display:block; float:none; font-size:0;} /* Unknown train type */ #bt_container ul.route-type li, #bt_container ol.route li { background-image: url(images/traintypes/tag-unknown.gif); } #bt_container ol.route li li { background-image: none; } #bt_container a.help { cursor: pointer; display: block; /display: inline-block; position: absolute; /position: static; right: 0; top: 0; height: 0.9em; width: 0.9em; /padding: 0.5em 0 0; _padding: 0;} #bt_container h4 a.help { height: 1.4em; width: 1.4em; top: -0.2em; } #bt_container #return-trip { clear: right; } #bt_container #one-way-or-return-ticket, #bt_container fieldset { clear: both; } #bt_container legend { padding-left: 0; } /* Delete this? #bt_container fieldset fieldset { margin-left: 1.8em; /margin-left: 2.3em;} #bt_container fieldset fieldset legend { font-size: 1.4em; margin-bottom:0.4em;} */ #bt_container legend span, #bt_container h3.with-help span, #bt_container h4.with-help span { padding-left:0; padding-right:2em; position:relative !important; /position: static !important; padding-right: 2em; line-height: 1.5em; } #bt_container legend span.field-validation-error, #bt_container h3.with-help span.field-validation-error, #bt_container h4.with-help span.field-validation-error { line-height: 1.1em; } /* text inputs with example */ #bt_container label .example { font-size: 0.9em; color: gray; /margin-left: 2.2em; } #bt_container label .textbox-and-example { display:block; margin-left:9em; /margin-left:2em; width:15.33333333em; /width:20em; } #bt_container label .textbox-and-example input, #bt_container label .example { display: block; } #bt_container label .label-text { float:left; } #bt_container #paymentForm label .example { /margin-left: 0em; } #bt_container #paymentForm label .textbox-and-example { /margin-left: 0em; /width: 15.33333333em; _width:21.65em; } /*Submits*/ #bt_container .submits { text-align: right; margin-top: 2.0em; } #bt_container .submits #cancel-transaction { float:left; } #bt_container .submits #previous-page { margin-right: 1.0em; } /* basic vertical margin */ #bt_container fieldset { margin-top: 1.5em; } #bt_container fieldset fieldset { margin-top: 0; } /* * -= content-main and content secondary widths */ #bt_container .normal-content-main { width: 54em; } #bt_container .normal-content-secondary { width: 20em; margin-left: 1em; _margin-left: 0.75em; } #bt_container .narrow-content-main { width: 44em; } #bt_container .wide-content-secondary { width: 30em; margin-left: 1em; _margin-left: 0.75em; } /*content-secondary - image box*/ #bt_container .box-type-image { margin-bottom: 1em; } /* content-secondary - box-type-1 */ #bt_container .box-type-1 { border-width: 0.2em; border-style: solid; border-color: Gray; padding: 1em; width: 18em; _width: 17.8em; } #bt_container .box-type-1 h3 { margin-bottom: 0.3em; } #bt_container .box-type-1 h4 { font-size: 1.2em; } /* * StepMeter */ #bt_container #current-day { position: absolute; left: -9999em; } #bt_container #stepMeter { height: 1.6em; margin: 1em;} #bt_container #stepMeter ol, #bt_container #stepMeter li { border-style: solid; border-color: Gray; } #bt_container #stepMeter ol { border-width: 0 2px; float: left; /*width: 52em;*/ } #bt_container #stepMeter li { border-width: 2px 0px; float: left; height: 1em; text-indent: -9999em;} #bt_container #stepMeter .steps-3 li { width: 14.3em; } #bt_container #stepMeter .steps-4 li { width: 10.7em; } #bt_container #stepMeter .steps-5 li { width: 8.5em; } #bt_container #stepMeter .steps-6 li { width: 7.15em; } #bt_container #stepMeter .steps-7 li { width: 6.1em; } #bt_container #stepMeter .current-step, #bt_container #stepMeter .completed { background-color: #bbbbbb; } /* This one is needed for IE6. If transparent, the item will be higher than its "siblings" */ #bt_container #stepMeter .comming { _background-color: White; } /* * QuickView */ #bt_container .box-type-1 .departure-date { margin-bottom: 1.1em; font-size: 1.2em;} #bt_container #QuickView { background-color: White; padding-bottom: 0; position: relative; } #bt_container #QuickView .loading { width: 100%; height: 100%; top: 0; left: 0; position: absolute; background-color: Silver; _background-color: none; opacity: 0.50; filter: alpha(opacity = 50); } #bt_container #QuickView .journey-part { padding-bottom: 1em; border-bottom: dotted 1px Gray; } #bt_container #QuickView .total-sum { margin-left: -1em; margin-right: -1em; margin-top: 1em; padding: 0 1em; border-top: 0.2em solid Gray; } #bt_container #QuickView ul, #bt_container #QuickView dl { margin-top: 1em; } #bt_container #QuickView dt, #bt_container #QuickView dd { float: left; margin-bottom: 0.25em; } #bt_container #QuickView dt { width: 59%; clear: left; /clear: none; margin-right: 4%; } #bt_container #QuickView dd { width: 36%; _width: auto; text-align: right; /float: none; clear: right; /clear: none; } #bt_container #QuickView .delivery dl, #bt_container #QuickView .total-sum dl { margin-top: 0; margin-bottom: 0; } #bt_container #QuickView .total-sum dt { width: 35%; margin-right: 0; } #bt_container #QuickView .total-sum dd { width: 60%; float: right; } /* * -= Journey structure =- */ #bt_container fieldset.journey-col { margin-bottom: 1.5em; /margin-bottom: 1em; } #bt_container #content-main, #bt_container #content-secondary, #bt_container .journey-col, #bt_container #travellers .widecol, #bt_container #travellers .narrowcol, #bt_container #trip-type-arrow { float: left; } #bt_container .trip-type-arrow-invisible { display: none; } #bt_container label.journey-col span { font-size: 1.6em; } #bt_container #returnJourney, #bt_container #discountCustomerCard { margin-left: 1.2em; } #bt_container #trip-type-arrow { background-repeat: no-repeat; background-position:center; position: relative; top: 2.8em; height: 2.5em; } #bt_container #departure-destination input.text { width: 98%; } #bt_container #travellers label { display: block; } #bt_container #travellers label.firstName, #bt_container #travellers label.lastName { width:20em; float:left; clear:none; } #bt_container #one-way-or-return-ticket, #bt_container .time-choices { padding-top: 0.5em; } #bt_container #returnTripTimeType, #bt_container #departureTimeType { width: 9em; float: left;} #bt_container #returnTripTime, #bt_container #departureTime { float: right;} /* classes for jQuery interaction */ #bt_container .hide { position: absolute; left: -999em; } #bt_container .hidden, #bt_container .error-message-hide { display: none; } /* calendar width 19em */ #bt_container .journey-col { width: 19em; } /* calendar gap width 6em */ #bt_container #departure { margin-right: 6em; } #bt_container #trip-type-arrow { width: 6em; /width: 5.9em; } /* category widths widecol and narrowcol */ #bt_container #travellers .widecol { width: 14.5em; margin-right: 1.5em;} #bt_container #travellers .narrowcol { width: 12em; } #bt_container #travellers .widecol span { width: 7.5em; display: inline-block; } #bt_container #travellers .narrowcol span { width: 5.6em; display: inline-block; } /* * -= Route structure =- */ #bt_container #RoutesForm { clear: both; } #bt_container #RoutesForm table { width: 54em; background-color: #cccccc; } #bt_container #RoutesForm tfoot a { } #bt_container #RoutesForm caption { padding: 0.5em; } #bt_container #RoutesForm .ticket-choice, #bt_container #RoutesForm captions, #bt_container #RoutesForm .help-message { margin-left: 0.5em; margin-right: 0.5em; } #bt_container #RoutesForm .help-message { margin-bottom: 0; } #bt_container #RoutesForm .ticket-choice legend { padding-left: 0; padding-right: 0; } #bt_container #RoutesForm .ticket-choice .help-message { margin-left: 0; margin-right: 0; margin-bottom: 0.5em; } #bt_container #RoutesForm legend { padding-left: 0.3125em; padding-right: 0.3125em; } #bt_container #RoutesForm caption span { display: block; } #bt_container #RoutesForm th { padding: 0.25em 0.5em 0.15em 0.5em; } #bt_container #RoutesForm th.first { padding-left: 2em; } #bt_container .subroutes ol, #bt_container .route-info div { background-color: White; display: block; padding: 0.5em; _padding-bottom: 0; } #bt_container .route-info div { border-top: solid 1px #999999; height: 1.5em; _height: 1.95em; margin-top: 0.1em; } #bt_container .subroutes ol, #bt_container tr.closed div { border-bottom: solid 1px #999999; margin-bottom: 0.1em; } #bt_container .subroutes ol, #bt_container .route-info .first div { margin-left: 0.5em; padding-left: 1.7em; border-left: solid 1px #999999; } #bt_container .subroutes ol, #bt_container .route-info .last div { margin-right: 0.5em; border-right: solid 1px #999999; } #bt_container tr.opened div { margin-bottom: 0; } #bt_container tfoot div { padding: 0.3em 0.6em 0.5em; text-align: right; } #bt_container a.first { float: left; } #bt_container ol.route li { display: block; background-position: left 0.85em; background-repeat: no-repeat; padding-left: 2em; padding-top: 0.5em; padding-bottom: 0.5em; border-bottom: dotted 1px #999999; } #bt_container ol.route li.last { border-bottom: none; } #bt_container ol.route ul { float: right; } #bt_container .route-features li a, #bt_container ul.route-type li, #bt_container ol.route ul li { border-bottom: none; padding: 0; float: left; height: 1.3333em; width: 0.9167em; text-indent: -9999em; background-position: center center; background-repeat: no-repeat; margin-right: 0.25em; } #bt_container .route-features li.DisabilityInfoPopupLink a, #bt_container .route-features li { width: 1.33333em !important; } #bt_container #ConfirmForm .route-features li { height: 1.6em; width: 1.6em !important; } #bt_container .route-features li.unknown { display: none; } #bt_container ul.route-type li.enough { background-image: none; text-indent: 0; } #bt_container #criterions { background-color: #bbbbbb; padding: 0.5em; } #bt_container #criterions * { vertical-align: top; /vertical-align: baseline; } #bt_container div.routes { background-color: #eeeeee; border-bottom: solid 0.5em #cccccc; margin-top: 1em; } #bt_container div.routes fieldset.first { margin-top: 0; } #bt_container div.routes label { display: block; } #bt_container .ticket-choice fieldset { margin-top: 0.5em; _margin-top: 0; margin-bottom: 0.5em; _margin-bottom: 1em; } /* Confirm structure */ #bt_container #confirmHeader { clear: both; border: solid 0.5em #999999; height: 5.5em; position: relative; padding-top: 0.5em; padding-bottom: 0.5em;} #bt_container #confirmHeader #bookingFee {padding:0 0.5em} #bt_container #confirmHeader #booking-fee {float:left; border-top:solid 1px #DADADA; width:80%; padding-top:0.5em; margin-top: 0.5em; } #bt_container #confirmHeader #booking-fee-amount {float:right; border-top:solid 1px #DADADA; width:20%; text-align:right; padding-top:0.5em; margin-top: 0.5em; } #totalSum { margin-left: 2em; margin-right:0; } /*TODO - flyttas till högerkant*/ #bt_container #confirmHeader #trip-type-arrow { top: 0;} #bt_container #confirmHeader #pointOfDeparture, #bt_container #confirmHeader #travelDestination, #bt_container #confirmHeader #totalSum { float: left; } #bt_container #confirmHeader #pointOfDeparture { margin-left: 0.5em; } #bt_container #confirmHeader #totalSum { position:absolute; right:0.5em; margin-left:0.5em; line-height:1.8em; font-size:1.4em; font-weight:bold; } #bt_container .confirm-summary { margin-top: 2em; background-color: #dddddd; } #bt_container .confirm-summary h3 { padding-left: 0.35em; height:1.5em; line-height:1.9em; position: relative;} #bt_container h3 #departure-help, #bt_container h3 #returnJourney-help { position :absolute; } #bt_container .confirm-summary .destinations {display:block;} #bt_container .confirm-summary h4 { padding: 0.4167em 0.4167em 0; _zoom: 1; } #bt_container .confirm-summary p.date { margin-left: 0.4545em; margin-right: 0.4545em; margin-bottom: 0.4545em; _zoom: 1; } #bt_container .confirm-summary .overview, #bt_container .confirm-summary .detailed { border-width: 0.5em; border-style: solid; border-color: #dddddd; background-color: White; } #bt_container .confirm-summary ol.route { margin-left: 0.5em; margin-right: 0.5em; } #bt_container .confirm-summary .overview { border-bottom: 0; /margin-bottom: -1.1em; _margin-bottom: 0; } #bt_container .confirm-summary .overview .extrasDescription, #bt_container .confirm-summary .overview .extrasAmount{ float: left; border-bottom: 1px solid #DADADA; width: 80%; } #bt_container .confirm-summary .overview .extrasAmount{ float: right; width: 20%; text-align: right; } #bt_container .confirm-summary dl { margin: 0 0.5em 1.1em 0.5em;} #bt_container .confirm-summary dt { float: left; clear:left; width: 80%;/*37em tidigare*/ border-bottom: solid 1px #dadada; } #bt_container .confirm-summary dd { text-align: right; border-bottom: solid 1px #dadada; float: right; width: 20%; } #bt_container .confirm-summary dt.total-price, #bt_container .confirm-summary dd.total-price { margin-top: 0.7em; padding-bottom:0.7em; _padding-bottom: 0em; font-weight:bold; border: none; } /* Placement structure */ #bt_container #JourneyChoices h3 { margin-top: 1.5em; margin-bottom: -0.5em; } #bt_container #JourneyChoices hr, #bt_container .journey { margin-bottom : 2em ; } #bt_container fieldset.placement label { display: block; margin-bottom: 0.5em; margin-top: 0.25em; } #bt_container fieldset.placement .radio-sub label { margin-bottom: 0; } #bt_container fieldset.option li { font-style: italic; } /* * Feedback structure */ #bt_container #FeedbackForm ul { margin-left: 1em; } #bt_container #FeedbackForm ul li { margin-top: 1em; } /* * Payment structure */ #bt_container .radio-sub #deliveryAddress label { padding-bottom: 0; } #bt_container #paymentForm label { display: block; } #bt_container #way-of-delivery div.traveller { padding-bottom:0.7em; height:6.5em; } #bt_container #way-of-delivery div.traveller h4 { color: Gray; padding:0; } #bt_container #way-of-delivery label, #bt_container #way-of-confirmation label { position: relative !important; clear: left; } #bt_container #way-of-delivery #travellers { padding-bottom: 1.5em; margin-top: 1.5em;} #bt_container #way-of-delivery #travellers p { margin-bottom: 0.5em;} #bt_container #way-of-delivery label input.text { position: relative; } #bt_container #way-of-confirmation label input.text, #bt_container #way-of-delivery #deliveryAddress label input.text, #bt_container #way-of-delivery #deliveryAddress label input.postcode, #bt_container #paymentForm label .textbox-and-example { position: absolute; } #bt_container #paymentForm label .textbox-and-example { margin-left: 0; } #bt_container #paymentForm label .textbox-and-example input { position: static; } #bt_container #paymentForm label .textbox-and-example, #bt_container #way-of-confirmation label input.text, #bt_container #way-of-delivery #deliveryAddress label input.text { right: 20em; } #bt_container #way-of-delivery #deliveryAddress label input.postcode { right: 31em; } #bt_container #paymentForm label .textbox-and-example, #bt_container #way-of-delivery label input.text, #bt_container #way-of-delivery label input.postcode, #bt_container #way-of-confirmation label input.text { top: 0.2em; /top: -0.1em; } #bt_container #way-of-delivery label input.text, #bt_container #way-of-confirmation label input.text { width: 15em; } #bt_container label span { line-height: 2em;} #bt_container #paymentForm label.approve-col { display: inline; } /* * Cancellation structure */ #bt_container #CancelJourney .journey-info, #bt_container #CancelJourney .journey-info li { zoom: 1; } #bt_container #CancelJourney #SearchJourneyByBookingNr input#bookingNumber { width: 12.2em; /width: 13em; } #bt_container #CancelJourney #SearchJourneyByBookingNr input#SubmitViewBooking { float:right; /margin-right:2.5em; } #bt_container #CancelJourney .submits { margin-top: 1em; } #bt_container #SearchJourneyByBookingNr .submits { margin-top: 0.5em; width: 25.7em; /width: 30.75em; _width: 31em; } #bt_container #CancelJourney .journey-info { border: solid 0.75em Silver; } #bt_container #CancelJourney .journey-info li.first, #bt_container #CancelJourney .journey-info li.not-first { margin: 0em 1em 1em; padding-top: 1em; clear:both; } #bt_container #CancelJourney .journey-info li.lastEmpty {clear:both; visibility:hidden; height:0;} #bt_container #CancelJourney .journey-info li.first em, #bt_container #CancelJourney .journey-info li.not-first em{margin-left:4em; /margin-left:4.2em; display:block; margin-bottom:0.2em} #bt_container #CancelJourney .journey-info li.not-first { border-top: dotted 0.2em Silver; } #bt_container #CancelJourney .journey-info .journeydate {display:block; font-size:0.9em; margin-bottom:0.5em; margin-top:-0.5em;} #bt_container #CancelJourney .journey-info input { clear: left; margin-left: 1em; margin-right: 1.5em; margin-top: 0.5em; } #bt_container #CancelJourney .journey-info input, #bt_container #CancelJourney .journey-info div, #bt_container #CancelJourney .journey-info dt, #bt_container #CancelJourney .journey-info dd { float: left; } #bt_container #CancelJourney .journey-info dt, #bt_container #CancelJourney .journey-info dd { font-weight: bold; padding-bottom:2em; _padding-bottom:1em; padding-top:0.5em; } #bt_container #CancelJourney .journey-info dt { width: 30em; } #bt_container #CancelJourney .journey-info dd { width: 7.5em; text-align: right; } #bt_container #CancelJourney .submits #CancelTransaction {float:left;} /* * Reporting structure */ #bt_container #reporting table { margin-bottom:1em; } #bt_container #reporting th { font-size: 13px; padding:8px; } #bt_container #reporting td { padding:2px 8px; } /* Resending confirmation page */ #bt_container #resendConfirmationMain { width:90%; } #bt_container #resendConfirmationMain #headingArea { position:relative; float:left; clear:both; font-size: 1.1em; } #bt_container #resendConfirmationMain .error-message { width: 40em; } #bt_container #resendConfirmationMain #resendConfirmationResult { width:90%; } #bt_container #resendConfirmationMain #resendConfirmationResult .confirmationResendResultItem { clear:both; } #bt_container #resendConfirmationMain #fieldAreas { position:relative; width:40em; } #bt_container #resendConfirmationMain #fieldAreas { clear:both; float:left; } #bt_container #resendConfirmationMain #fieldAreas .fieldArea { clear:left; zoom:1; } #bt_container #resendConfirmationMain #fieldAreas .fieldArea .textLabel { /*font-size: 1.4em;*/ float:left; width: 10em; clear:none; } #bt_container #resendConfirmationMain #fieldAreas .fieldArea input { /*float:left;*/ position:relative; /*margin-left: 1em;*/ } #bt_container #resendConfirmationMain #fieldAreas .fieldArea .example { /*margin-left: 15em !important;*/ } #bt_container #resendConfirmationMain #sendButton { clear:both; float:left; } #bt_container #resendConfirmationMain #resendConfirmationResult { clear:both; float:left; } #bt_container #resendConfirmationMain #resendConfirmationResult #confirmationResendResultItem { clear:both; float:left; } /* End of Resending confirmation page */ /* Disabliliy-information Popup */ #Popup ul li {padding: 1em 0em 1em 4em; margin:0.5em; } /* End of Disabliliy-information Popup */