/* Site specific styling, like colors and icons. */ /* /attribute-name is used for attributes used by IE7 and IE6 _attribute-name is used for attributes used by IE6 */ /* Common */ /* Colors */ #bt_container legend, #bt_container h3, #bt_container .help-message a, #bt_container .box-type-1 h3, #bt_container .box-type-1 h4, #bt_container .help-message h4, #bt_container h4.with-help, #bt_container label.journey-col span, #bt_container div#traveller h4, #bt_container .journey-info label { color: #8DA201; } #bt_container #RoutesForm tfoot a, #bt_container #JourneyChoices h3, #bt_container { color: #333333; } #bt_container #traveller-help, #bt_container #discount-help { color: #FFFFFF; } #bt_container .help-message, #bt_container .box-type-1, #bt_container #QuickView .total-sum, #bt_container #confirmHeader { border-color: #A6CE39; } #bt_container #stepMeter ol, #bt_container #stepMeter li { border-color: #8DA201; } #bt_container .confirm-summary .overview, #bt_container .confirm-summary .detailed, #bt_container #CancelJourney .journey-info, #bt_container #CancelJourney .journey-info li.not-first, #bt_container div.routes { border-color: #d0e699; } #bt_container .error-message { border-color: red; border-bottom-width : 1px; float : left; clear: both; } #bt_container .error-message { color: Red; } #bt_container .error-message-alt { color: Black;} #bt_container #stepMeter .current-step, #bt_container #stepMeter .completed, #bt_container #criterions { background-color: #a6ce39; } #bt_container #RoutesForm tr.hover div, #bt_container div.routes, #bt_container .confirm-summary { background-color: #eff7dd; } #bt_container #RoutesForm table { background-color: #d0e699; } #bt_container .error-message p, #bt_container .error-message span, #bt_container .error-message li { font-size: 1.3em;} #bt_container a.help { background-image: url(images/helpicon.gif); } #bt_container #RoutesForm legend a.help, #bt_container #ConfirmForm h3 a.help { background-image:url(images/helpicon_greenbg.gif); } #bt_container label.journey-col span.field-validation-error, #bt_container legend span.field-validation-error { color:red; } /* Grey line to the left of inputs/choices */ .greyLine { border-left: solid 4px #D3D3D3; } /* Journey */ #bt_container .one-way { background-image: url(images/arrow_oneway.gif); } #bt_container .two-way { background-image: url(images/arrow_twoway.gif); } /*Route*/ #bt_container #RoutesForm tr.route-info div { background-position: 0.3em center; background-repeat: no-repeat; } #bt_container #RoutesForm tr.opened .first div { background-image: url(images/down-arrow-green.gif); } #bt_container #RoutesForm tr.closed .first div { background-image: url(images/right-arrow-green.gif); } /* traffic type icons 16x11 px */ /* SJ */ #bt_container ul.route-type li.bus, #bt_container ol.route li.bus { background-image: url(images/traintypes/busicon_yellow.gif) !important; } /* SJ */ #bt_container ul.route-type li.sj, #bt_container ol.route li.sj { background-image: url(images/traintypes/trainicon_black.gif) !important; } /* Öresundståg*/ #bt_container ul.route-type li.oresundstag, #bt_container ol.route li.oresundstag { background-image: url(images/traintypes/oresundstag2.gif) !important; } /* Pågatåg */ #bt_container ul.route-type li.pagatag, #bt_container ol.route li.pagatag { background-image: url(images/traintypes/trainicon_purple.gif) !important; } /* Unknown */ #bt_container ul.route-type li.unknown, #bt_container ol.route li.unknown { background-image: url(images/traintypes/trainicon_black.gif) !important; } /* Route features icons 16x16 px */ #bt_container .route-features li.unknown { background-image: url(images/icons/unknown.png); } #bt_container .route-features li.internet { background-image: url(images/icons/internet_icon.png); } #bt_container .route-features li.restaurant { background-image: url(images/icons/forkandknife_icon.png); } #bt_container .route-features li.wheelchair { background-image: url(images/icons/disability_icon.png); } #bt_container .route-features li a { background-image: url(images/icons/disability_icon.png); border-bottom: solid 2px #8DA201;} #bt_container .route-features li a:hover {border-bottom: solid 2px black;} /* Disabliliy-information Popup */ #Popup ul li {background-repeat: no-repeat; list-style:none; background-position:left center; border: 1px solid black;} #Popup ul li.TA {background-image: url(images/icons/TA.gif);} #Popup ul li.TB {background-image: url(images/icons/TB.gif);} #Popup ul li.TC {background-image: url(images/icons/TC.gif);} #Popup ul li.TD {background-image: url(images/icons/TD.gif);} #Popup ul li.TE {background-image: url(images/icons/TE.gif);} #Popup ul li.TF {background-image: url(images/icons/TF.gif);} #Popup ul li.TG {background-image: url(images/icons/TG.gif);} #Popup ul li.TH {background-image: url(images/icons/TH.gif);} /* End of Disabliliy-information Popup */ /*Confirm*/ /*Payment*/ /* Cancellation */ #bt_container .CancelledOk { background: url(images/icons/tick.png) top left no-repeat; } #bt_container .CancelledOkButProvideTicket { background: url(images/icons/exclamation.png) top left no-repeat; } #bt_container .CancelledOk, #bt_container .CancelledOkButProvideTicket { /*background: url(images/icons/tick.png) top left no-repeat;*/ margin-right:1.5em; margin-left:1em; height:1.5em; width:1.5em; margin-top:0.5em;} #bt_container .journey-info .OkMessage { margin:1em 0em 1em 0em; width: 37.5em; } #bt_container #CancelJourney .journey-info li.not-first .OkMessage em, #bt_container #CancelJourney .journey-info li.first .OkMessage em {margin-left: 0; margin-bottom: 0.5em;} /* * Reporting skin */ #bt_container #reporting thead { background-color:#9CC83D; color:#fff; } #bt_container #reporting td { border-top:solid 1px white; border-bottom:solid 1px white; } #bt_container #reporting tr.odd { background-color:#cccccc; } #bt_container #reporting tr.even { background-color:#eeeeee; }