/*************************************************** Design & Technology by Delaware Consulting www.delawareconsulting.com * Description: FRAMEWORK CSS ****************************************************/ /* Import statements must form the first lines of the .css files. */ @import url("https://fonts.googleapis.com/css?family=Allerta&v2"); .selectorRenderingError{word-wrap:break-word;} .selectorRenderingError br{margin-bottom:15px;} * {margin:0; padding:0; outline:none;} body {font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:0; background:#FFF;} .main {width:980px; margin-left:auto; margin-right:auto; background:#FFF;} img {border:none;} input, select, textarea {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#444; margin:3px; padding:1px;} a, a:visited {color:$nmbs; cursor:pointer;} span.linkText {color:$nmbs; } a:hover {color:#000;} .defaultInput {color: #AAAAAA; font-style: italic;} .bt, .btBoek, .btBoekAlternative, .btLogin, .btDisabled {height:25px; border:none;font-weight:bold; cursor:pointer; outline-style:none; margin:10px 10px 0 10px; padding:0 10px; font-size:12px; $borderRadius4} .bt {background:$btBgColor; color:$btColor;} .btBoek {background:$btBoekBgColor; color:$btBoekColor;} .btBoekAlternative {background:$btBoekAlternativeBgColor; color:$btBoekAlternativeColor;} .btLogin {background:$btLoginBgColor; color:$btLoginColor;} .btDisabled {background:$btDisabledBgColor; color:$btDisabledColor; cursor:default;} hr {border:0; width:98%;color:#94BEE6;background-color:#94BEE6;height:1px; margin:12px 0;} .missing {border:1px solid #C00; background-color:#FFF5EB;} ::selection {background: $nmbslight;} ::-moz-selection {background: $nmbslight;} /* FLOATS */ .left {float:left;} .right {float:right;} .resetRight {clear:right;} .resetLeft {clear:left;} .reset {clear:both;} .hidden {display:none;} /*MARGINS & DIVIDERS*/ .marginTR5 {margin:7px 7px 0 0;} .marginTR5IMG {margin:7px 27px 0 0;} .marginT5 {margin-top:4px;} .marginR20 {margin-right:20px;} .noMargin {margin:0; padding:0;} .radio {margin:0; padding:0 7px;} .marginL70 {margin-left:70px;} .marginL20 { margin-left:20px; } .marginL30 {margin-left:30px;} .marginLR23 {margin: 0 23px 0 23px;} .noTop {border-top:none;} .w20 {width:20px;} .w30 {width:30px;} .w40 {width:40px;} .w50 {width:50px;} .w60 {width:60px;} .w70 {width:70px;} .w85 {width:85px;} .w96 {width:96px;} .w100 {width:100px;} .w140 {width:140px;} .w135 {width:135px;} .w200 {width:215px;} .w225 { width:225px;} .w280 {width:280px;} .w400 {width:400px;} .w650 {width:650px;} .w670 {width:672px;} .w500 {width:500px;} .small {font-size:10px;} .red {color:#C00;} .blue {color:$nmbs;} .violet {color:$beurope;} .pointer {cursor:pointer;} .spacer20 {height:20px;} .spacer30 {height:30px;} .spacer40 {height:40px;} .spacer50 { height:50px;} .spacer10 {height:12px;} .spacer160 {height:160px;} .width30 {width:28px!important;} .width55 {width:55px!important;} .width70 {width:70px!important;} .width135 {width:135px!important;} .width200 {width:200px!important;} .nofloat135 {width:135px!important; float:left!important;} .nofloat135 input, .nofloat285 input{top:2px; position:relative;} .nofloat285 {width:285px!important; float:left!important;} .nofloat270 {width:270px!important; float:left!important;} .noMargin {margin-left:5px!important;} /* Paddings */ .paddingTopBottom10px {padding:10px 0 10px 0;} #formValidationMessage {margin-left:37px;} #formValidationMessage div {border:none; background:none;} #messageBox #FeedbackMessageBox{margin-left:37px;} #ui-datepicker-div {z-index:20;} .ShowElement {display:block!important;} /* New Splash Page */ .splashPage {height:100%; width:980px; margin:0 auto; color:#676767;} .splashPage .logo {height:70px; background:url("$imagePath/logoSNCB.png") no-repeat #f8f8f8; border-bottom:2px solid $beurope;} .splashPage .header {position:static; border-bottom:none; height:505px; background:url("$imagePath/headerSplashBG.jpg") no-repeat; padding-bottom:20px;} .splashPage .header h1 {font-family:Allerta, Arial, Helvetica, sans-serif; font-weight:normal; font-size:30px; color:#FFF; width:550px; height:90px; margin-top:75px; float:left; padding:10px 0 0 40px; background:url("$imagePath/headerSpacer.png");} .splashPage .header h1 span {font-size:20px; font-style:italic; line-height:40px;} .splashPage .header .selection {width:180px; margin-top:75px; float:right; margin-right:45px; background-color:#FFF; background-color: rgba(255, 255, 255, 0.9); _background-color:#FFF; *background-color:#FFF; $borderRadius6 padding:10px;} .splashPage .header .selection h2 {font-size:13px; font-weight:bold; margin:0 0 10px 0; padding:0; color:$nmbs} .splashPage .header .selection label {font-size:12px; color:#5397c6; display:block; margin-bottom:5px;} .splashPage .header .selection .btn {margin:15px 0 0 0; background-color:$nmbs; border:none; color:#FFF; outline-style:none; display:block; font-size:12px; font-weight:bold; height:25px; padding:0 6px 3px 5px; $borderRadius4} .splashPage .header .selection .btn[disabled='disabled'] {background-color:#999; color:#DBDBDB;} .splashPage .dropdown {margin-bottom:10px; cursor:pointer;} .splashPage .dropdown dd, .dropdown dt, .dropdown ul {margin:0; padding:0;} .splashPage .dropdown dd {position:relative;} .splashPage .dropdown span {color:#333; height:20px; line-height:20px; text-decoration:none; outline:none; padding-left:3px; font-size:11px;} .splashPage .dropdown span:hover {color:#5d4617;} .splashPage .dropdown dt span:hover {color:#5d4617; border: 1px solid $nmbs;} .splashPage .dropdown dt span {background-color:#FFF; display:block; border:1px solid $nmbs;} .splashPage .dropdown dd ul {background:#FFF none repeat scroll 0 0; border:1px solid $nmbs; color:#000; display:none; position:absolute; list-style:none; width:100px; width:178px; margin-top:-2px; border-top:none;} .splashPage .dropdown dd ul li span {display:block;} .splashPage .dropdown dd ul li {float:none;} .splashPage .dropdown dd ul li span:hover {background-color:$nmbslight;} .splashPage .dropdown dt span {background:url("$imagePath/arrow.jpg") #FFF no-repeat 160px 10px;} .splashPage .dropdown dd ul li img {float:left; margin:2px 3px 0 0;} .splashPage .dropdown dt span img {float:left; margin:2px 3px 0 0;} .splashPage .block.highlight p {background-color:#F5F5F5;} .splashPage .block {width:170px; float:left; background-color:#FFF; margin:0 35px; _margin:0 10px; font-size:12px; margin-bottom:0;} .splashPage .block h2 {line-height:25px; padding-left:5px; font-size:14px; font-weight:bold; display:block; color:$nmbs; text-transform:uppercase; overflow:hidden; border-bottom:1px solid #6e6e6e;} .splashPage .block p {height:125px; padding:5px;} .splashPage .block a {display:block; padding-left:10px; background:url("$imagePath/arrowSplash.gif") no-repeat -2px 4px; color:$nmbs; text-decoration:none; line-height:16px;} .splashPage .block a:hover {background-position:-2px -84px; color:#000; text-decoration:underline;} .splashPage .footer {position:relative; background: url("$imagePath/footerCurve.jpg") no-repeat bottom right; margin-top:40px; height:40px; clear:both; padding-top:30px; width:960px; margin-left:auto; margin-right:auto; border-bottom:5px solid $beurope;} .splashPage .footer img {float:left; _margin-top:30px; margin-right:12px;} .splashPage .footer .right {float:right; height:24px; width:260px; padding-top:10px; text-align:right;} .splashPage .footer .right a {color:#666; font-size:10px; text-decoration:none;} .splashPage .footer .right a:hover {color:#000; text-decoration:underline;} .splashPage .footer .logoNMBS {margin-top:-10px;} /* SUBLAYOUT */ .threeCol h1, .twoCol h1, .booking h1 {color:$nmbs; font-size:24px; font-weight:bold; margin-bottom:10px;} .threeCol h2, .twoCol h2, .booking h2 {color:$beurope; font-size:14px; font-weight:bold; margin-bottom:10px;} .threeCol h3, .twoCol h3 {color:#000000; font-size:12px; font-weight:bold; margin-bottom:10px;} .threeCol p, .twoCol p, .threeCol ul, .twoCol ul {line-height:18px; font-size:12px;} .threeCol p img, .twoCol p img {margin:3px 7px 3px 0; padding:0;} .threeCol > .left {float:left; width:158px; padding:0 10px;/*Align with new sublayouts*/} .threeCol .middle {width:550px; float:left;} .threeCol .middle .left {width:265px; float:left;} .threeCol .middle .right {width:265px; float:right;} .threeCol .right {float:right; width:235px;} .threeCol .right .QSM {width:234px; padding:0; margin-top:7px;} .threeCol .right .banner {overflow:hidden;} .threeCol .right .banner a {overflow:hidden;} .twoCol > .left {width:150px; padding:0 10px;/*Align with new sublayouts*/} .twoCol .right {width:800px;} .twoCol .right .left {width:390px;} .twoCol .right .right {width:390px;} .threeCol .middle img {margin:0 10px; _margin-left:0; *margin-left:0;} .threeCol .middle img[align=left] {margin-left:0;} .threeCol .middle img[align=right] {margin-right:0;} .threeCol .carrousel img, .threeCol .imagecontainer img, .threeCol .teaserComponent img, .threeCol .reCaptcha img, .threeCol .LoginControl img {margin:0;} .CorpRailPreHome { width:980px;} .CorpRailPreHome .left { width:660px; float:left;} .CorpRailPreHome .right { width:280px; float:right;} /*Home & ChannelBar in combination with old carrousel*/ .home .header {position:absolute; top:0; z-index:20; background:#FFF; width:980px;} .home .channelbar { position:absolute; z-index:30; top:0; width:980px; margin-top:90px;} /*Header*/ .header{width:980px; height:90px;} .headerNavigation { background: url($imagePath/bgHeaderTopBar.png) top right repeat-y; height:17px; padding-right:10px; line-height:14px; padding-top:3px;} .headerNavigation .login {float:right; text-decoration:none; padding-right:15px;} .headerNavigation .logout{float:right; text-decoration:none; padding-right:10px; *margin-top:5px;} .headerNavigation .logout img{margin:0 0 -1px 1px;} .headerNavigation .contact{ float:right; padding-left:7px; *margin-left:10px;} .header ul li {float:right; /*opacity:0.8;*/ list-style:none; position:relative; padding-left:7px;padding-right:7px;} .header ul li a { display:block; line-height:14px;/*Fix for IE7*/ float:left;} .header ul li ol {display:block;left:0;margin-top:-5px;padding-top:3px;position:absolute !important/*Fix for IE*/;top:17px; padding:6px 3px 3px 0; z-index:999999;} .header ul li ol li {clear:both;display:block;float:none;line-height:20px; *line-height:16px; border-right:none;} .header ul li ol li a{line-height:16px;} .header .nmbsNav span{height:0px; width:0px; margin-top:5px; display:block; float:right; border-left:4px solid transparent; border-right:4px solid transparent; margin-left:5px;/*Fix for IE7*/ float:right;} .header .nmbsNav a:Link, .header .nmbsNav a:Active, .header .nmbsNav a:Visited { text-decoration:none;} .header li.divider {margin:0; padding:0; *width:1px; *padding-left:10px;} .preHomeSelector .header .login {display: none;} /*Conditional*/ .header ul li {/* *width:80px;*/} .header ul li a span{*position:absolute; *top:0px;} .header ul li a {/* *width:60px;*/ line-height:14px;} .header a.logo{ float:left; display:block; position:static; margin-top:19px; height:70px;} .header .slogan {float:left; margin-top:40px; margin-left:10px; color:#999; font-style:italic; font-size:11px; text-decoration:none;} .header .slogan span{font-family: Arial, Helvetica, sans-serif; font-size:14px;} .header .slogan a{color:#999; font-size:11px; text-decoration:none; margin-left:3px; text-decoration:underline;} .header .search {float:right; margin-top:20px; margin-right:10px;} .header .search input{margin:0px; padding:0 0 0 5px; height:16px; line-height:16px; float:left; border-right:none;} .header .search a{ background:url($imagePath/sprite_Components.png) 0 -42px; width:17px; height:18px; display:block; float:left;} .header .search a:hover{background-position:0 -62px;} /*TagLine*/ .tagLine{font-size:18px; padding-top:15px; text-align:center; *clear:both; *padding-top:10px; _clear:both; _padding-top:10px;} .channelbar {background-image:url("$imagePath/spritesComponents.gif"); background-position:-40px -40px; color:$nmbs;} .channelbar .selected {height:35px; padding:0 5px; position:relative; margin-left:-2px; margin-top:-3px; z-index:21; *margin-bottom:-2px;} .channelbar .selected a {background-image:url("$imagePath/spritesComponents.gif"); background-position:0 -330px; padding:0 10px; color:$nmbs; line-height:34px; font-size:15px; display:block; font-weight:bold;} .channelbar .selected a.selected {margin-top:0; margin:0; float:left;} .channelbar .selected .cornerleft, .channelbar .selected .cornerright {width:5px; height:35px; float:left; top:0; background-image:url("$imagePath/spritesComponents.gif"); background-repeat:no-repeat; position:absolute;} .channelbar .selected .cornerleft {left:0; background-position:left top;} .channelbar .selected .cornerright {right:0; background-position:-5px 0;} .channelbar .align {width:30px; display:block; height:5px; background-image:none;} .channelbar a, .channelbar a:visited {text-decoration:none; color:#000;} .channelbar a:hover {color:$nmbs;} .channelbar ul {list-style:none; line-height:30px; font-size:15px;width:980px; float:left;} .channelbar li {float:left; display:block; margin:0; padding:0 21px 0 16px; background:url("$imagePath/spritesComponents.gif") no-repeat bottom right;} .channelbar .nodivider {float:left; display:block; margin:0; padding:0 21px 0 16px; background-image:none;} .channelbar {min-height:30px; border-bottom:solid 1px #CCC; background-color:#eaf3f8;} .home .channelbar .selected {margin-top:-4px; line-height:41px;} .home .channelbar .selected a {background-image:none;} .home .channelbar .selected .cornerleft, .home .channelbar .selected .cornerright {display:none;} .channelbar a.channelSwitch{ float:right;padding-right:20px; color:$nmbs; font-size:15px; line-height:30px;} .channelbar a.channelSwitch:hover{color:#000;} .channelbar .channelSwitchLi{float:right; padding:0px;} /*Zakelijk Switch*/ .channelbar a.channelSwitch {height:25px; color:#FFF; background-color:#5C9F38; display:block; padding:0 10px; line-height:25px; font-size:15px; font-weight:bold; text-decoration:none; border:none; cursor:pointer; margin-right:20px; margin-top:3px; $borderRadius4} /*Footer*/ .footerLight {width:980px; height:55px; background:url("$imagePath/footerDetailLogoBig.jpg") no-repeat right bottom; border-bottom:4px solid $footerColor;} .footerDoormat {width:980px; background-repeat:no-repeat;} .footerDoormatContainer {width:880px; margin-left:auto; margin-right:auto;} .footerDoormatContainer .item {width:145px; color:#7C8A92; float:left;} .footerDoormatContainer .item span {font-weight:bold; display:block; margin-bottom:7px;} .footerDoormatContainer .item a:Link, .footerDoormatContainer .item a:Active, .footerDoormatContainer .item a:Visited {display:block; text-decoration:none; color:#7C8A92; line-height:18px;} .footerDoormatContainer .item a:Hover {color:#000;} .footerDoormatContainer .lastOne {border-left:1px solid #DEE1E3; padding-left:7px;} .footerDoormatContainer .paymentLogos {width:880px; height:35px; margin:0 auto; padding:20px 0;} .footerLight .global {float:left; margin-top:28px; margin-left:25px; width:345px; height:16px; overflow:hidden; text-align:left;} .footerLight .global a:Link, .global a:Active, .global a:Visited {color:#637985; padding:0 5px;} .footerLight .global a:Hover {color:$beurope;} .footerLight .logos {float:left; margin:25px 0 0 0;} .footerLight .logoNMBS {width:115px; height:50px; overflow:hidden; margin-top:5px; float:left;} .footNote { font-size: 11px; font-style: italic; color: #999; margin-left: 20px; } /* Main Home */ .mainHome {position:relative; width:980px; height:540px; overflow:hidden;} .mainHome .items {position:absolute; top:0; left:0; margin-top:150px;} .mainHome .default { height:50px; font-size:26px; font-weight:bold; color:#FFF; display:inline-block; margin-bottom:2px; cursor:pointer; float:left; } .mainHome .default a .title{background-color:$nmbs; padding:0 12px; $borderRadiusRight6} .mainHome .default a, .mainHome .smallItem a, .mainHome .season a{color:#FFF;} .mainHome .default .title{line-height:50px; float:left;} .mainHome .smallItem {background-color:$nmbs; padding:0 12px; height:30px; font-size:14px; font-weight:bold; color:#FFF; display:inline-block; cursor:pointer; float:left; $borderRadiusRight6 margin-bottom:2px;} .mainHome .smallItem .title {margin-top:7px; line-height:30px;} .mainHome .season {background-color:$beurope; padding:0 12px; height:30px; font-size:14px; font-weight:bold; color:#FFF; display:inline-block; margin-bottom:2px; cursor:pointer; float:left; $borderRadiusRight6} .mainHome .season .title {margin-top:7px; line-height:30px;} .mainHome .season.first{margin-top:10px;} .mainHome a {text-decoration:none;cursor:pointer;} .mainHome .selected .priceButton {display:block;} .mainHome .priceButton {display:none;} .mainHome .tabSelect .priceButton {float:left; margin-left:2px;} .mainHome .tabSelect .priceButton .arrow {width:15px; height:15px; background:url("$imagePath/spritesComponents.gif") 0 -1170px; position:absolute; left:0; margin-top:22px;} .mainHome .tabSelect .priceButton .arrowSmall {width:15px; height:15px; background:url("$imagePath/spritesComponents.gif") 0 -1170px; position:absolute; left:0; margin-top:10px;} .mainHome .txt {background-color:$beurope; padding:10px 0 0 7px; font-size:14px; font-weight:bold; text-align:right; height:40px; color:#FFF; float:left; $borderRadiusLeft6} .mainHome .txt.end {padding-right: 7px; $borderRadiusRight6} .mainHome .leftPrice {width:20px; height:50px; background:url("$imagePath/spritesComponents.gif") 0 -1005px no-repeat; float:left;} .mainHome .price {color:$beurope; height:50px!important;/*IE6 issue*/ overflow:hidden; font-size:45px; float:left; background-color:#fff; font-family:Arial; font-weight:bold;} .mainHome .price p {line-height:50px;} .mainHome .rightPrice {width:20px; height:50px; background:url("$imagePath/spritesComponents.gif") 0 -1074px no-repeat; float:left; $borderRadiusRight6} .mainHome.pound .price .euro {height:30px; display:block; line-height:35px; font-size:28px; word-spacing:-5px;} .mainHome.pound .price .pound {height:20px; display:block; line-height:16px; color:#707070; font-size:14px; font-weight:normal;} .bgImage {position:absolute; top:0; z-index:0;} .backgroundImage {position:absolute; top:0; z-index:0;} /*Grid*/ .sizeS {width:250px; float:left;} .sizeL {width:370px; float:left; margin:0 20px;} .sizeM {width:320px; float:left;} .home .promoPlaceholder {margin-top:10px; width:980px;} .home .leftTop, .home .middleTop, .home .rightTop, .home .leftBottom, .home .middleBottom, .home .rightBottom, .home .leftTopBig, .home .rightTopBig {float:left; overflow:hidden;} .home .leftTop {width:250px; height:180px;} .home .middleTop {width:370px; height:180px;margin:0 16px;} .home .rightTop {width:320px; height:180px;} .home .leftBottom {width:250px; height:150px;} .home .middleBottom {width:370px; height:150px; margin:0 16px;} .home .rightBottom {width:320px; height:150px;} .home .leftTopBig {width:250px; height:350px;} .home .rightTopBig {width:320px; height:350px;} .home .leftTop div .teaserComponent, .home .middleTop div .teaserComponent, .home .rightTop div .teaserComponent {overflow:hidden; height:178px;} .home .leftBottom div .teaserComponent, .home .middleBottom div .teaserComponent, .home .rightBottom div .teaserComponent {height:146px; overflow:hidden; height:148px;} .home .leftTopBig div .teaserComponent, .home .rightTopBig div .teaserComponent {height:346px;} .home .promoPlaceholder .left.threeColumnEqual { width:312px; float:left; margin-right:10px;} .home .promoPlaceholder .middle.threeColumnEqual { width:312px; float:left; margin-right:10px;} .home .promoPlaceholder .right.threeColumnEqual { width:312px; float:right; margin-right:10px;} .home .promoPlaceholder .teaserComponent,#MainPanel .home .promoPlaceholder .teaserComponent.hightlight {border:1px solid #D6DEE3;} /* ------------------------------------------------*/ /* */ /* =Booking */ /* */ /*-------------------------------------------------*/ /* STEPS*/ .steps {position:absolute; margin-left:-20px;} .stepDebug .stepDefault, .stepDebug .stepActive, .stepDebug .stepSelected, .stepR, .stepError .stepSelected, .stepWarning .stepActive, .stepBlank .stepActive, .stepBlank .stepSelected, .stepBlank .stepDefault, .step0 .stepActive, .step0 .stepSelected, .step1 .stepActive, .step1 .stepSelected, .step1 .stepDefault, .step2 .stepActive, .step2 .stepSelected, .step2 .stepDefault, .step3 .stepActive, .step3 .stepSelected, .step3 .stepDefault, .stepOfferResult .stepDefault, .stepOfferResult .stepActive, .stepOfferResult .stepSelected, .stepPartyDetails .stepDefault, .stepPartyDetails .stepActive, .stepPartyDetails .stepSelected, .stepBookTicket .stepDefault, .stepBookTicket .stepActive, .stepBookTicket .stepSelected, .stepSelectOD .stepActive, .stepSelectOD .stepSelected, .stepSelectOD .stepDefault, .stepSelectTravelParty .stepActive, .stepSelectTravelParty .stepSelected, .stepSelectTravelParty .stepDefault, .stepContactForm .stepActive, .stepContactForm .stepSelected, .stepContactForm .stepDefault {position:absolute; margin-left:-20px; width:35px; height:38px; background:url("$imagePath/spriteSteps.png") no-repeat; _background:url("$imagePath/spriteSteps.gif") no-repeat;} .stepR {background-position:0 -960px;} .stepDebug .stepDefault {background-position:0 -840px;} .stepDebug .stepActive {background-position:0 -880px;} .stepDebug .stepSelected {background-position:0 -920px;} .step0 .stepDefault {background-position:0 -710px;} .step0 .stepActive {background-position:0 -470px;} .step0 .stepSelected {background-position:0 -510px;} .step1 .stepDefault {background-position:0 0;} .step1 .stepActive {background-position:0 -40px;} .step1 .stepSelected {background-position:0 -80px;} .step2 .stepDefault, .stepOfferResult .stepDefault {background-position:0 -120px;} .step2 .stepActive, .stepOfferResult .stepActive {background-position:0 -160px;} .step2 .stepSelected, .stepOfferResult .stepSelected {background-position:0 -200px;} .step3 .stepDefault {background-position:0 -240px;} .step3 .stepActive {background-position:0 -280px;} .stepPartyDetails .stepDefault {background-position:0 -240px;} .stepPartyDetails .stepActive {background-position:0 -280px;} .stepPartyDetails .stepSelected {background-position:0 -320px;} .stepBookTicket .stepDefault {background-position:0 -360px;} .stepBookTicket .stepActive {background-position:0 -400px;} .stepBookTicket .stepSelected {background-position:0 -440px;} .stepSelectTravelParty .stepDefault {background-position:0 -600px;} .stepSelectTravelParty .stepActive {background-position:0 -640px;} .stepSelectTravelParty .stepSelected {background-position:0 -680px;} .stepSelectOD .stepDefault {background-position:0 -720px;} .stepSelectOD .stepActive {background-position:0 -760px;} .stepSelectOD .stepSelected {background-position:0 -800px;} .stepError .stepSelected {background-position:0 -1080px;} .stepWarning .stepActive {background-position:0 -1040px;} .stepBlank .stepDefault {background-position:0 -1200px;} .stepBlank .stepActive {background-position:0 -1120px;} .stepBlank .stepSelected {background-position:0 -1160px;} .stepBlank .stepActive img{margin:4px 0 0 6px;} /* Book By Email */ .stepContactForm .stepDefault {background-position:0 -1200px;} .stepContactForm .stepActive {background-position:0 -1120px;} .stepContactForm .stepSelected {background-position:0 -1160px;} .stepContactForm .stepActive img, .stepContactForm .stepDefault img, .stepContactForm .stepSelected img{margin:4px 0 0 6px;} /*Corporate Step 0*/ .step0Placeholder .selectEmployee {width:445px; float:left;} .step0Placeholder .selectEmployee .jQueryGrid {height:180px;} .step0Placeholder .navArrows {width:65px; float:left; height:145px; padding-top:75px;} .step0Placeholder .navArrows a {text-decoration:none; color:#FFF; background-color:$nmbs; display:block; line-height:25px; text-align:center;} .step0Placeholder .navArrows a:hover {color:#000;} .step0Placeholder .selectedEmployee {width:160px; float:left;} .step0Placeholder .selectedEmployee .field {border:1px solid $nmbs; height:180px;} .step0Placeholder .selectedEmployee h2 {height:23px; line-height:23px; background-color:$nmbslight; margin:2px; display:block; width:148px; overflow:hidden; font-size:11px; color:$nmbs; font-weight:normal; padding-left:7px;} /*Guided sales*/ .GuidedSalesComponent .stepR {background-position:0 -640px;} .GuidedSalesComponent .accordionHeaderR h1 {background-color:#f5f5f5; color:$beurope;} .stepBookTicket .active .accordionHeaderActive {height:30px;} .laststep .accordionHeaderDefault {height:38px;} .laststep {border-bottom:1px solid #E8E8E8;} .scheduleOnly .accordionHeaderDefault {border-bottom:1px solid #E8E8E8;} .scheduleOnly .stepOfferResult .stepActive {border-bottom:1px solid $nmbs;} .stepActive {z-index:20;} /* TIMELINE */ .timeline div.scrollable {position:relative; overflow:hidden; width:661px; height:238px; background:url("$imagePath/scrollBodyFeeds.jpg") repeat-x; float:left; color:$nmbs;} .timeline div.scrollable h1 {display:block; font-size:12px; font-weight:bold; margin-top:10px; height:20px;} .timeline div.scrollable div.items {width:20000em; position:absolute; clear:both; margin:5px 5px 0 0;} .timeline div.scrollable div.items .bg3T, .timeline div.scrollable div.items .bg3TSame12, .timeline div.scrollable div.items .bg3TSame23, .timeline div.scrollable div.items .bg3TSame,.timeline div.scrollable div.items .bg2TSame, .timeline div.scrollable div.items .bg2T, .timeline div.scrollable div.items .bg1T {float:left;width:661px;height:200px; margin-right:0; overflow:hidden; margin-top:-5px;} .timeline div.scrollable div.items .bg3T {background:url("$imagePath/scrollFeedsItemT3.gif") -42px 0;} .timeline div.scrollable div.items .bg3TSame12 {background:url("$imagePath/scrollFeedsItemT3Same.gif") -42px 0;} .timeline div.scrollable div.items .bg3TSame23 {background:url("$imagePath/scrollFeedsItemT2Same.gif") -42px 0;} .timeline div.scrollable div.items .bg3TSame {background:url("$imagePath/bg3TSame.gif") -42px 0;} .timeline div.scrollable div.items .bg2TSame {background:url("$imagePath/bg2TSame.gif") -42px 0;} .timeline div.scrollable div.items .bg2T {background:url("$imagePath/scrollFeedsItemT2.gif") -42px 0;} .timeline div.scrollable div.items .bg1T {background:url("$imagePath/scrollFeedsItemT1.gif") -42px 0;} .firstClass div.scrollable div.items .bg3T {background:url("$imagePath/scrollFeedsItemT3Blue.gif") -42px 0;} .firstClass div.scrollable div.items .bg3TSame12 {background:url("$imagePath/scrollFeedsItemT3SameBlue.gif") -42px 0;} .firstClass div.scrollable div.items .bg3TSame23 {background:url("$imagePath/scrollFeedsItemT2SameBlue.gif") -42px 0;} .firstClass div.scrollable div.items .bg3TSame {background:url("$imagePath/bg3TSameBlue.gif") -42px 0;} .firstClass div.scrollable div.items .bg2TSame {background:url("$imagePath/bg2TSameBlue.gif") -42px 0;} .firstClass div.scrollable div.items .bg2T {background:url("$imagePath/scrollFeedsItemT2Blue.gif") -42px 0;} .firstClass div.scrollable div.items .bg1T {background:url("$imagePath/scrollFeedsItemT1Blue.gif") -42px 0;} .timeline .feedsItemDayL, .timeline .feedsItemDayB, .timeline .feedsItemDayR {display:block; height:30px; float:left; background:url("$imagePath/spriteTimeline.jpg") repeat-x;} .timeline .feedsItemDayL {background-position:0 -105px; width:10px;} .timeline .feedsItemDayB {background-position:0 -140px;} .timeline .feedsItemDayR {background-position:0 -175px; width:10px;} .timeline .selected .feedsItemDayL {background-position:0 0; width:10px;} .timeline .selected .feedsItemDayB {background-position:0 -35px;} .timeline .selected .feedsItemDayR {background-position:0 -70px; width:10px;} .timeline .feedsItemDayB img {cursor:pointer; float:left;} .timeline .feedsItemDayB a {margin:7px 2px 0 2px; display:block; float:left;} .timeline .selected {font-weight:normal;} .timeline .nl a.prev, .timeline .nl a.next, .timeline .fr a.prev, .timeline .fr a.next, .timeline .de a.prev, .timeline .de a.next, .timeline .en a.prev, .timeline .en a.next, .timeline .blank, .timeline .blank a.next {display:block;width:30px;height:238px; float:left;cursor:pointer;font-size:1px; background-repeat:no-repeat;} .timeline .nl a.prev, .timeline .nl a.next {background:url("$imagePath/scrollLeftFeeds_NL.jpg");} .timeline .fr a.prev, .timeline .fr a.next {background:url("$imagePath/scrollLeftFeeds_FR.jpg");} .timeline .de a.prev, .timeline .de a.next {background:url("$imagePath/scrollLeftFeeds_DE.jpg");} .timeline .en a.prev, .timeline .en a.next {background:url("$imagePath/scrollLeftFeeds_EN.jpg");} .timeline .blank, .timeline .blank a.next {background:url("$imagePath/scrollLeftFeeds_BLANK.jpg");} .timeline.firstClass .blank, .timeline.firstClass .blank a.next {background:url("$imagePath/scrollLeftFeeds_BLANK_FirstClass.jpg");} .timeline .nl a.next,.timeline .fr a.next, .timeline .de a.next,.timeline .en a.next, .timeline .blank a.next {background-repeat:no-repeat;clear:right;} .timeline .nl a.next {background:url("$imagePath/scrollRightFeeds_NL.jpg");} .timeline .fr a.next {background:url("$imagePath/scrollRightFeeds_FR.jpg");} .timeline .de a.next {background:url("$imagePath/scrollRightFeeds_DE.jpg");} .timeline .en a.next {background:url("$imagePath/scrollRightFeeds_EN.jpg");} .timeline .blank a.next {background:url("$imagePath/scrollRightFeeds_BLANK.jpg");} .timeline.firstClass .blank a.next {background:url("$imagePath/scrollRightFeeds_BLANK_FirstClass.jpg")} .timeline {width:721px; height:238px;} .connectionContainer .timeline {height:70px;} .timeline a, .timeline a:Link, .timeline a:Active, .timeline a:Visited {text-decoration:none; color:#666;} .timeline a:Hover {color:$nmbs;} .timeline .upgradeLink {margin-top:9px; float:right;} .timeline .upgradeLink a, .timeline .upgradeLink a:Link, .timeline .upgradeLink a:Active, .timeline .upgradeLink a:Visited {color:#FFF; padding:1px 7px; text-decoration:none; background:$nmbs; $borderRadius4 line-height:15px; height:15px;} .timeline .upgradeLink a:Hover {color:#000;text-decoration:none;} .timeline .time {color:#666; margin-left:20px;} .timeline .time span {font-weight:bold; color:#333;} .timeline .time .klasse {font-weight:normal; color:#666;} .timeline .klasse, .timelineView .klasse {color:$beurope;} .timeline .upgrade .klasse {color:$nmbs;} .timeline .bgPrice {width:66px; height:31px; background:url("$imagePath/spritePriceBt.jpg") no-repeat 0 0; color:#FFF; font-size:10px; float:left; cursor:pointer; text-align:left; padding-left:7px; width:75px; height:31px;} .timeline .bgPrice .priceUnknown {width:40px; display:block;} .timeline input {margin:0; padding:0;} .timeline .upgrade .bgPrice, .firstClassPrice, .timeline .bgHelp, .timeline .firstClassPrice .bgHelp, .timeline .bgAlert, .timeline .firstClassPrice .bgAlert {background:url("$imagePath/spritePriceBt.jpg") no-repeat; color:#FFF; font-size:10px; cursor:pointer;} .timeline .upgrade .bgPrice, .firstClassPrice {background-position:0 -40px;text-align:left; padding-left:7px; float:left; width:66px; height:31px;} .timeline .bgHelp {background-position:0 -80px;} .timeline .firstClassPrice .bgHelp {background-position:0 -120px;} .timeline .bgAlert {background-position:0 -160px;} .timeline .firstClassPrice .bgAlert {background-position:0 -200px;} .timeline .noBooking {color:#999; margin-left:15px;} .timeline .price {font-weight:bold; font-size:12px;} .timeline .selectedPrice {line-height:30px;} .timeline .price a, .timeline .price a:Link, .timeline .price a:Visited, .timeline .price a:Active, .timeline .price a:Hover {color:#FFF; text-decoration:none;} .timeline .posTrain1 {margin:2px 0 0 72px;} .timeline .posTrain1ExtraItem {margin:2px 0 0 52px;} .timeline .posTrain2ExtraItem {margin:10px 0 0 135px;} .timeline .posTrain3 {margin:9px 0 0 238px;} .timeline .posTrain3ExtraItem {margin:10px 0 0 218px;} .timeline .bg2TSame .posTrain2 {margin:10px 0 0 32px;} .timeline .bg3TSame .posTrain2 {margin:10px 0 0 35px;} .timeline .bg3TSame .posTrain3 {margin:9px 0 0 35px;} .timeline .bg3TSame23 .posTrain3 {margin:9px 0 0 115px;} .timeline .bg3TSame12 .posTrain2 {margin:10px 0 0 33px;} .timeline .bg3TSame12 .posTrain3 {margin:10px 0 0 115px;} div.bg2T .divider {height:54px;} div.bg1T .divider {height:108px;} .timeline .posTrain3 {margin:10px 0 0 200px;} .timeline .posTrain2 {margin:12px 0 0 117px;} .timeline .posTrain1 {margin:3px 0 0 33px;} .timeline .feedsItemDayL.timelineAlert {height:27px; width:27px; background-image:url("$imagePath/timelineAlert.gif"); background-position:0 -31px; float:left; display:block; margin-right:-3px;} .timeline .selected .feedsItemDayL.timelineAlert {background-position:0 0;} .timeline .posTrain1 input {margin-top:2px;} .timeline .posTrain2 input, .timeline .posTrain3 input {margin-top:-2px; margin-left:-2px;} .timeline .bg2TSame .datum {_margin-top:-3px;} .timeline .baseLine {height:30px; position:absolute; margin-bottom:0; bottom:0; margin-left:43px;} .timeline .baseLine .datum {color:#FFF; font-weight:bold; width:84px; float:left; height:14px;} .timeline .baseLine .hours {color:$beurope; font-weight:bold; float:left; width:84px;} .firstClass .bgPrice {background-position:0 -40px;} .firstClass .upgradeLink a {background-color:$beurope;} .secondClass .upgradeLink a {background-color:$nmbs;} .firstClass .selected .feedsItemDayL {background-position:0 -210px;} .firstClass .selected .feedsItemDayB {background-position:0 -245px;} .firstClass .selected .feedsItemDayR {background-position:0 -280px} .firstClass .baseLine .hours {color:$nmbs;} .timeline .bg3TSame12 .datum2 {display:none;} /* B2B GRID */ .grid {width:680px; margin-left:3px;} .grid span.A, .grid span.D{display:block; float:left; width:50px; /*height:40px;*/ color:#666; text-decoration:none; padding-left:14px; /*padding-top:28px;*/ font-weight:bold; line-height:21px;} .grid span.A {width:50px; padding-left:0;} .grid span.info{float:left; margin-left:0px; width:365px; text-align:center; line-height:21px;} .grid span.info span{ float:none;} .grid input {margin:0 2px 0 6px; padding:0; vertical-align:text-top;} .grid .connectionData {height:25px; padding-left:30px; width:460px;float:left;} .grid .connectionData img{margin-bottom:3px;} .grid .prices {float:right; width:180px; text-align:left; /*padding-top:2px;*/ padding-left:10px;} .grid .prices .priceC2Label, .grid .prices .priceC1Label {font-weight:bold; color:$secondClassColor; margin:0; padding:0; float:left; margin:0 4px 0 7px; font-size:12px;} .grid .prices .priceC2Label {color:$secondClassColor;} .grid .prices .priceC1Label {color:$firstClassColor;} .grid .prices .priceC2Bt, .grid .prices .priceC1Bt {width:52px; height:16px; float:left; display:block; margin:0 5px 0 0; padding:0 5px; font-weight:bold; font-size:11px;} .grid .prices .priceC2Bt {color:$secondClassColor;} .grid .prices .priceC1Bt {color:$firstClassColor;} .grid .prices > div:hover > div { text-decoration:underline;} .grid .prices > div:hover > div.left{ text-decoration:none;} .grid .border1C,.grid .border2C, .grid .borderNone {height:20px; cursor:pointer; padding-right:7px; line-height:20px; margin:2px 0 2px 0;} .grid .onePriceOnly .borderNone, .grid .onePriceOnly .border1C, .grid .onePriceOnly .border2C {margin-top:12px;} .grid .notBookable .borderNone {font-weight:bold; margin-top:14px;} .grid .notBookable .connection .prices{width:170px; overflow:hidden;} .grid .rates {width:480px; border:1px solid #F1F1F1; border-top:none; margin:0 16px 25px 5px; float:left; background:url("$imagePath/spacerGrid.jpg") repeat-y; $borderRadiusBottom4} .grid .firstClassRates .rates {background:url("$imagePath/spacerGridFirstClass.jpg") repeat-y;} .grid .secondClassRates .rates {background:url("$imagePath/spacerGridSecondClass.jpg") repeat-y;} .grid .secondClass label {display:block; float:left; width:59px; color:$secondClassColor; font-weight:bold; margin:0; padding:5px 0 3px 7px;} .grid .secondClass .active {background:url("$imagePath/spacerGrid.jpg") repeat-y;} .grid .firstClassRates .active {background:url("$imagePath/spacerGrid.jpg") repeat-y;} .grid .secondClass label.active{background-color:#fff;} .grid .secondClass .selectedOffer {background-color:$secondClassColorAccent;} .grid .firstClass .selectedOffer {background-color:$firstClassColorAccent;} .grid .offerItem.promo{background-color:#F5FF99; border-left:none;} .grid .secondClassRates .offerItem.promo.selectedOffer{background-color:$secondClassColorAccent;} .grid .firstClassRates .offerItem.promo.selectedOffer{background-color:$firstClassColorAccent;} .grid .selectorConnectionSelected{clear:both;} .grid .firstClass label {display:block; float:left; width:59px; color:$firstClassColor; font-weight:bold; margin:0; padding:5px 0 3px 7px;} .grid .firstClass label.active{ background-color:#fff;} .grid .secondClass .offerItem, .grid .firstClass .offerItem, .grid .promoClass .offerItem {float:left; width:138px; padding:0; padding-bottom:1px; line-height:25px; font-size:11px; font-weight:bold;} .booking2 .grid .secondClass .offerItem,.booking2 .grid .firstClass .offerItem,.booking2 .grid .promoClass .offerItem {font-size:14px;} .grid .selected .offerItem {float:left; width:138px; padding:0 0 1px 0; line-height:25px;} .grid .connectionInfo{float:left;} .grid .selectorShowConnectionDetails{margin-top:4px;} .grid .selectorShowSeatingPreferences{float:left;} .grid .secondClass .offerItem:Hover {background-color:$secondClassColorAccent; cursor:pointer;} .grid .firstClass .offerItem:Hover {background-color:$firstClassColorAccent; cursor:pointer;} .grid .offerItem img {margin-bottom:/*-7*/-5px;} .grid .offerItem .flexNiv{ float:none; padding-right:16px; font-size:9px; font-weight:normal; padding-bottom:1px; line-height:10px; background:url("$imagePath/gridFlexIco.png") center right no-repeat;} .grid .offerItem .flexNiv .ico{ float:right;} .grid .rates .error {border:1px solid #C00; width:136px;} .grid .offerItem.error {width:126px; padding:0 0 0 10px; margin-left:0px; background:url("$imagePath/icoError.gif") #F7E5EE left no-repeat;} .grid .offerItem.error:hover{background:url("$imagePath/icoError.gif") #F7E5EE left no-repeat;} .grid .offerItem .errorImg{display:none} .grid .offerItem.error .errorImg{ display:block; min-height:38px; width:12px; margin-right:/*5*/0px; margin-bottom:-1px; margin-left:-10px;float:left;} .grid .offerItem.warning .errorImg{ display:block; min-height:26px; width:12px; margin-right:/*5*/0px; margin-bottom:-1px; margin-left:-10px;float:left;} .grid .rates .warning {border:1px solid #828282; width:136px;} .grid .offerItem.warning:hover {background-color:#f2f2f2;} .grid .offerItem.warning{width:126px; padding:0 0 0 10px; margin-left:0px; background:url("$imagePath/icoWarningGrid.gif") #f2f2f2 left no-repeat;} .grid .otherDate{border:1px solid $nmbs; padding:0 3px 0 14px; background:url("$imagePath/icoOtherDate.gif") #FFF left no-repeat; float:none;} .EBS, .legendaEBS{background:url("$imagePath/ebsSprite.gif");} .grid .offerItem div .EBS, .grid .tableRates .EBS {height:27px; width:17px; margin:-5px -14px 0 0; float:right; display:none; background-position:17px 0;} .grid .firstClass .offerItem div .EBS, .grid .firstClass .tableRates .EBS{background-position:-51px 0;} /* grid sorting functionality (temp classes added by SVA) */ .grid .sortOfferOptions {border: solid 1px black; padding: 4px;} .grid .sortOfferLink {cursor:pointer; padding-right: 10px;} .grid .sortOfferLink.currentSortMethod {font-weight: bold;} /*Lang*/ .fr .grid .offerItem div .EBS, .fr .grid .tableRates .EBS{background-position:-68px 0;} .de .grid .offerItem div .EBS, .de .grid .tableRates .EBS{background-position:-102px 0;} .en .grid .offerItem div .EBS, .en .grid .tableRates .EBS{background-position:-85px 0;} .fr .grid .firstClass .offerItem div .EBS, .fr .grid .firstClass .tableRates .EBS{background-position:0 0;} .de .grid .firstClass .offerItem div .EBS, .de .grid .firstClass .tableRates .EBS{background-position:-34px 0;} .en .grid .firstClass .offerItem div .EBS, .en .grid .firstClass .tableRates .EBS{background-position:-17px 0;} .grid .firstClass .offerItem div .EBS {background-position:17px 0;} .grid .offerItem.selectedOffer div .EBS {display:block; /*Position for z-index issue on hover next offer in combination with ebs*/ position:relative;} .grid .tableRates .EBS {display:block; margin-top:0px;} .grid .firstClass .firstClassRates {display:block;} .grid .firstClass .secondClassRates {display:none;} .grid .secondClass .firstClassRates {display:none;} .grid .secondClass .secondClassRates {display:block;} .grid .secondClass .tableRates {background:$secondClassColorAccent; border-top:1px solid #FFF; width:100%; margin-bottom:-1px; $borderRadiusBottom4} .grid .secondClass .tableRates td {border-bottom:1px solid #FFF; height:30px; padding:3px;} .grid .firstClass .tableRates {background:$firstClassColorAccent; border-top:1px solid #FFF; width:100%} .grid .firstClass .tableRates td {border-bottom:1px solid #FFF;} .grid .seatingPreferencesLinkFirstClass, .grid .seatingPreferencesLinkSecondClass {display:none;} .grid .firstClass .selectedFirstClass .seatingPreferencesLinkFirstClass {display:block;} .grid .secondClass .selectedSecondClass .seatingPreferencesLinkSecondClass {display:block;} .grid .connection {background-image:url("$imagePath/gridSprite.jpg"); background-repeat:no-repeat; height:46px; padding-top:3px;} .grid .defaultSecondClass .secondClass .connection {background-position: 0 2px;} .grid .defaultFirstClass .secondClass .connection {background-position: 0 -79px;} .grid .defaultSecondClass .secondClass .selected .connection {background-position: 0 -315px;} .grid .defaultFirstClass .secondClass .selected .connection {background-position: 0 -720px;} .grid .defaultFirstClass .firstClass .connection {background-position: 0 -154px;} .grid .defaultSecondClass .firstClass .connection {background-position: 0 -234px;} .grid .defaultFirstClass .firstClass .selected .connection {background-position: 0 -396px;} .grid .defaultSecondClass .firstClass .selected .connection {background-position: 0 -795px;} .grid .notBookable .connection {background-position: 0 -642px;} .grid .secondClass .onePriceOnly .connection {background-position: 0 -476px;} .grid .secondClass .selected .onePriceOnly .connection {background-position: 0 -865px;} .grid .firstClass .onePriceOnly .connection {background-position: 0 -559px;} .grid .firstClass .selected .onePriceOnly .connection {background-position: 0 -931px;} .grid.pound .offerItem .pound {display:block; padding-left:20px; line-height:10px; padding-bottom:5px; color:#707070; font-size:10px;} .grid .printIcon{margin-left:10px;} .grid .offerItem img {margin-top:-2px; *margin-top:2px; *position:absolute;/*Fix for ie7*/} .grid .offerItem br { clear:both;} .grid .offerItem div a{padding-left:10px;} .grid span{float:left;} .grid span.corporateIcons{background: url("$imagePath/ico/corporateIcons.png") no-repeat; width:16px; height:15px; margin-right:2px;} .grid .tableRates .corporateIcons{float:right; margin:0 5px 0 0;} .grid .corporateIcons.corporateIco{background-position:-20px -22px;} .grid .corporateIcons.promoIco{background-position:-20px -2px;} .grid .corporateIcons.discountIco{background-position:-20px -42px; width:20px;} .grid .corporateIcons.corporateIco:hover{background-position:0 -22px;} .grid .corporateIcons.promoIco:hover{background-position:0 -2px;} .grid .corporateIcons.discountIco:hover{background-position:0 -42px;} .grid span.pound{ line-height:16px; font-size:9px; padding-left:25px;} .grid .corporateIconsGroup{ float:left; margin-left:4px;} .booking .corporateIconsGroup{*line-height:0px; *font-size:0px; _line-height:0px; _font-size:0px;} .booking .tooltipData .corporateIconsGroup{*line-height:16px; *font-size:12px; _line-height:16px; _font-size:12px;} .grid .selectedOffer div a{ padding-left:10px;} .selectorSeatingPreferences .right input.btBoek{margin:5px;} .selectorSimpleRateDetails{ line-height:20px; margin-left:10px; clear:both;} /*gridSelectorScrollable*/ .gridSelectorScrollable{overflow:hidden;position:relative;width:680px;} .gridScrollableItems{position:absolute;width: 20000em;} .gridScrollablePane {width:680px;display:block;float:left;} .additionalConnections{width:680px;display:block;float:left;} /*ExceptionFlow*/ .grid.exceptionFlow input{ float:left; margin:18px 5px 0 0;} .grid.exceptionFlow .notBookable .connection {background-position: 0 -999px; float:left; width:660px; margin-bottom:15px;} .grid.exceptionFlow .defaultSecondClass .notBookable .selected .connection {background-position: 0 -1065px;} .grid.exceptionFlow .connectionData {width:440px;} .grid.exceptionFlow span.info { width: 345px;} /*Booking1*/ .booking span.ico{background-image:url('$imagePath/sprite.png'); background-image:no-repeat; display:block; float:left; margin-right:2px; } .ico.priceUnknown{background-position:-150px -20px; height:20px; width:20px;} .ico.priceUnknownFirstClass{background-position:-120px -20px; height:20px; width:20px;} .ico.priceZero{background-position:-210px -20px; height:20px; width:20px;} .ico.priceZeroFirstClass{background-position:-180px -20px; height:20px; width:20px;} /* SCHEDULER*/ .scheduler {margin:20px;} .scheduler .secondClass .schedulerType {width:646px; height:46px; background: url("$imagePath/schedulerSprite.jpg") no-repeat 0 -2px;} .scheduler .firstClass .schedulerType {width:646px; height:46px; background: url("$imagePath/schedulerSprite.jpg") no-repeat 0 -82px;} .scheduler .notBookable .schedulerType {width:646px; height:46px; background: url("$imagePath/schedulerSprite.jpg") no-repeat 0 -158px;} .scheduler a.D:Link, .scheduler a.D:Active, .scheduler a.D:Visited {display:block; float:left; width:60px; height:40px; color:#666; text-decoration:none; padding-left:9px; padding-top:1px; font-weight:bold;} .scheduler a.A:Link, .scheduler a.A:Active, .scheduler a.A:Visited {display:block; float:left; width:50px; height:40px; color:#666; text-decoration:none; padding-top:1px; font-weight:bold; margin-right:11px;} .scheduler a.D:Hover, .scheduler a.A:Hover {color:#000;} .scheduler .connectionData {height:40px; width:540px;float:left; line-height:23x; padding-top:1px; text-align:center; color:#666;} .scheduler .icoPrinter {cursor: pointer; float:left; margin-left:10px;} .schedulerInfo {background:#F5F5F5; width:643px; border:1px solid #E6E6E6; border-top:none;} .schedulerInfo table {width:96%; color:#666; background:#FFF; margin-left:13px;} .schedulerInfo table td {border-bottom:1px solid #E6E6E6; padding:5px;} .schedulerInfo table td .EBS {height:27px; width:17px;float:right; background-position:-119px -27px; margin-top:-3px; /*display:none;*/ position:absolute; left:40px;} .firstClass .schedulerInfo table td .EBS {background-position:-51px -27px;} .fr .secondClass .schedulerInfo table td .EBS {background-position:-68px -27px;} .de .secondClass .schedulerInfo table td .EBS {background-position:-102px -27px;} .en .secondClass .schedulerInfo table td .EBS {background-position:-85px -27px;} .fr .firstClass .schedulerInfo table td .EBS {background-position:0 -27px;} .de .firstClass .schedulerInfo table td .EBS {background-position:-34px -27px;} .en .firstClass .schedulerInfo table td .EBS {background-position:-17px -27px;} .scheduler .legenda {background:#E0E0E0; width:96%; margin-left:13px; padding:10px 0;} .scheduler .legenda p {color:#666; padding:10px; padding-top:0;} .scheduler .legenda img {margin-right:10px;} .scheduler .legendaCorner {float:right; width:11px; height:12px; background:url("$imagePath/legendeCorner.gif") no-repeat; margin-top:-11px;} .scheduler th{ background-color:#F5F5F5;} .scheduler .tabItem {background:#FFF; border:1px solid #E6E6E6; border-bottom:none; padding:5px 10px 1px 10px; $borderRadius2 display:inline; margin-left:5px; color:$headerColorActive; font-weight:bold;} .scheduler .secondClass .tabItemHour, .scheduler .firstClass .tabItemHour, .scheduler .notBookable .tabItemHour {padding:3px 10px 6px 10px; display:inline; margin-left:35px; color:#666; font-weight:bold; font-size:10px; height:20px;} .scheduler .secondClass .legendaEBS {width:17px; height:27px; background-position: -119px -27px; margin:0 7px 0 5px;} .scheduler .firstClass .legendaEBS {width:17px; height:27px; background-position: -51px -27px; margin:0 7px 0 5px;} /*Lang*/ .fr .scheduler .secondClass .legendaEBS{background-position:-68px -27px;} .de .scheduler .secondClass .legendaEBS{background-position:-102px -27px;} .en .scheduler .secondClass .legendaEBS{background-position:-85px -27px;} .fr .scheduler .firstClass .legendaEBS{background-position:0 -27px;} .de .scheduler .firstClass .legendaEBS{background-position:-34px -27px;} .en .scheduler .firstClass .legendaEBS{background-position:-17px -27px;} .scheduler .secondClass .legenda .legendaEBS, .scheduler .firstClass .legenda .legendaEBS {float:left;} .tabStops .tabItem {margin-left:154px;} .scheduler .stops {width:96%; margin-left:13px; background:#FFF; height:30px; cursor:pointer; border-bottom:1px solid #E6E6E6; border-top:1px solid #E6E6E6;} .scheduler .bgLine {background:url("$imagePath/bgStationsGrid.gif") repeat-y left;} .schedulerInfoBar {border:1px solid $nmbs; background:#FFF; color:$nmbs; background:url("$imagePath/icoInfoSchedular.gif") no-repeat left center; width:648px; margin:20px;} .schedulerInfoBar p {margin-left:30px; padding:5px 10px;} .corporateLogin .myTrainLogin {background-color:#FFF;} .corporateLogin .loginForm {padding-left:10px;} .corporateLogin .btBoek {margin-left:20px;} .corporateLogin #login,.corporateLogin #password {width:230px;} .corporateLogin .alert {margin-left:-8px; width:235px;} .bgCalendar {background:transparent url("$imagePath/bgCalendar.jpg") no-repeat;display:block;float:left;width:16px;height:16px;color:#000;padding-top:5px;padding-left:3px;} .datePicker {background-color:#FFF;border:1px solid #A5ACB2;font-size:11px; padding-left:5px; height:14px;color:#666; width:70px;} .navi {margin-left:320px; width:200px; height:20px; position:absolute; z-index:10; margin-top:10px;} .navi a {width:8px; height:8px; float:left; margin:3px; background:url("$imagePath/spriteNavigator.gif") 0 0 no-repeat; display:block; font-size:1px;} .navi a:hover {background-position:0 -8px;} .navi a.active {background-position:0 -16px;} /*Calendar skin*/ .ui-widget-header { border: 1px solid $calendarAccent; background:$calendarAccent ; color:$calendarBase;} .ui-state-default, .ui-widget-content .ui-state-default {border: 1px solid $calendarAccent; color: $calendarBase; background: $calendarAccent; } .ui-widget-content { border: 1px solid $calendarBase; background: #fcfdfd; color: $calendarBase; } .ui-state-hover a, .ui-state-hover a:hover { color: #calendarBase;} .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid $calendarBase; background-color:$calendarBase; color:#FFF;} /* BOOKING ACCORDION */ .accordionHeaderSelected, .accordionHeaderDefault, .accordionHeaderActive, .accordionHeaderR, .accordionHeaderError {width:720px; height:34px; border-right:1px solid; border-top:1px solid; padding-top:3px;} .accordionHeaderSelected {border-top:1px solid #679c1d; border-right:1px solid #679c1d;} .accordionHeaderDefault {border-top:1px solid #adbcc4; border-right:1px solid #adbcc4;} .accordionHeaderActive {border-top:1px solid $nmbs; border-right:1px solid $nmbs;} .accordionHeaderActive.return {border-top:1px solid $nmbs; border-right:1px solid $nmbs; border-left:1px solid $nmbs; width:719px;} .accordionHeaderActive.return h1 {margin-left:3px; width:693px;} #stepOfferResultActiveSub .accordionHeaderActive {border-top:1px solid $nmbs; border-right:1px solid $nmbs; border-left:1px solid $nmbs; width:719px;} #stepOfferResultActiveSub .accordionHeaderActive h1 {margin-left:3px; width:693px;} .accordionHeaderR {border-top:1px solid $nmbs; border-right:1px solid $nmbs;} .accordionHeaderR h1, .accordionHeaderActive h1, .accordionHeaderDefault h1, .accordionHeaderSelected h1 {font-size:12px; color:$nmbs; padding:7px 0 9px 20px; float:left; margin:0 0 0 1px; width:696px; /*height:20px;*/ font-weight:bold; line-height:12px;} .accordionHeaderR h1 {background-color:$headerColorBgActive; color:$headerColorActive;} .accordionHeaderActive h1 {background-color:$headerColorBgActive; color:$headerColorActive;} .accordionHeaderDefault h1 {background-color:$headerColorBgDefault; color:$headerColorDefault;} .accordionHeaderSelected h1 { padding:0 0 0 20px; height:27px; background-color:$headerColorBgSelected; color:$headerColorSelected;} .accordionHeaderSelected a, .accordionHeaderSelected a:Link, .accordionHeaderSelected a:Active, .accordionHeaderSelected a:Visited {color:#FFF; text-decoration:none; font-weight:bold; $borderRadius4 line-height:15px; height:15px;} .accordionHeaderSelected a:Hover {color:#000;} .accordionContentSelected h1 {font-size:12px; color:#00AB04; padding:7px 0 0 0; margin:0; width:700px; height:20px; font-weight:bold;} .accordionContentSelected {width:704px; padding:10px 0 10px 15px; border-left:1px solid #679c1d; border-right:1px solid #679c1d; color:#666; line-height:18px;} .accordionContentActive {width:704px; padding:10px 0 10px 15px; border-left:1px solid $nmbs; border-right:1px solid $nmbs; color:#666; line-height:18px;} .accordionHeaderSelected .cornerRight, .accordionHeaderDefault .cornerRight {display:none;} .accordionContentActive label {float:left; text-align:left; margin:4px 5px 0 0; padding-left:5px;} .accordionContentActive h2 {color:#000; font-size:12px; margin-bottom:10px; float:left;} .accordionContentActive h4 {color:#000; font-size:12px; margin-bottom:0;} .accordionContentActive .divider {height:20px;} .accordionContentActive .block {width:230px; float:left;} .accordionContentActive ul {margin-left:15px;} .accordionContent h1 {font-size:12px; color:#666; padding:7px 0 0 0; float:left; margin:0;} .accordionContentActive .tripInfo {float:left; margin:10px 0 0 0; width:350px;} .accordionContentActive .tripInfo label {width:100px; float:left;} .accordionContentActive .tripInfo span {float:left; display:block; border:1px solid red;} /*.accordionContentActive .tripInfo select {width:160px;}*/ .accordionContentActive .tripInfo select.w240 {width:240px;} /*.accordionContentActive .tripInfo .ac_input {width:155px;}*/ .accordionContentActive .destination label {float:left; width:80px;} .accordionContentActive .destination input {float:left; width:60px;} .accordionContentActive .destination select {float:left;} .accordionContentActive .destination .timeAndDate {width:65px;} .accordionContentActive .destination img {float:left; margin-top:4px; margin-right:5px;} .accordionContentActive .extra select {width:120px;} .accordionContentActive .extra label, .accordionContentActive .company label {width:120px; float:left;} .accordionContentActive .discountCardsDescription{ padding-top:4px;} .accordionContentActive .company {float:left; margin-right:20px;} .accordionContentActive .company input {width:20px;} .accordionContentActive .company img {cursor:pointer;} .accordionContentActive .personal label {width:100px;} .accordionContentActive .info {color:#666; margin-left:25px;} .accordionContentActive .thalys label, .accordionContentActive .eurostar label {width:80px;} .accordionContentException {padding:0 0 10px 15px; border-left:2px solid #FF0000; border-right:1px solid #E8E8E8; color:#666; line-height:18px;} .accordionContentActive .treinNummer {width:270px; float:left; padding-left:17px;} .accordionContentActive .treinNummer label {width:90px; overflow:hidden;} .accordionContentActive .treinNummer input {width:125px;} .accordionHeaderError {border-top:1px solid #C00; border-right:1px solid #C00;} .accordionHeaderError h1 {font-size:12px; color:#C00; padding:7px 0 0 20px; float:left; margin:0; width:697px; height:20px; font-weight:bold; line-height:12px; background:#F8E0E0;} .accordionContentError {width:704px; padding:10px 0 10px 15px; border-left:1px solid #C00; border-right:1px solid #C00; color:#666; line-height:18px;} .stepBlank .accordionHeaderActive h1 { background-color:#FFF;} .accordionContentActive select.w200 {width:219px;} /*Greenpoints*/ .accordionContentActive .tripInfo.greenpoints .preferences {margin:4px 5px 0 0; width:300px;} .accordionContentActive .tripInfo.greenpoints {width:500px;} .accordionContentActive .extra.greenpoints textarea {width:285px;} .accordionContentActive .extra.greenpoints .email {float:left;} .accordionContentActive .extra.greenpoints .email input {width:auto;} .accordionContentActive .extra.greenpoints input {width:137px;} .accordionContentActive .greenpointsStep2{border-bottom:1px solid $nmbs; margin:0 0 -10px -15px; padding:15px 10px 0 10px;} #step2Active .accordionContentActive .greenpointsStep2 .alert{margin-left:-11px; border-top:none; margin-top:5px; margin-bottom:10px; margin-bottom:2px;} /*LABELS PROMO BOEKING*/ .step1 .accordionContentActive .tripInfo label {width:81px; float:left;} .accordionContentActive .tripInfo #labelSearchOrigin, .accordionContentActive .tripInfo #labelSearchDestination, #labelSearchOrigin, #labelSearchDestination, .accordionContentActive .destination label, .step1 .accordionContentActive label.travelType {width:91px;} .accordionContentActive #labelOutbound, .accordionContentActive #labelInbound {width:91px;} .accordionContentActive .destination label {float:left; width:80px;} /*GridFilter*/ .gridFilter{ background:$headerColorBgActive; color:$headerColorActive; margin:0 0 25px 5px; line-height:27px; height:27px; padding:0 5px; $borderRadius4 webkit-box-shadow: inset 1px 1px 1px #dbdbdb; -moz-box-shadow: inset 1px 1px 1px #dbdbdb; box-shadow: inset 1px 1px 1px #dbdbdb;} .gridFilter .nextButton,.gridFilter .previousButton{float:right; height:20px; line-height:17px; margin-top:4px; text-decoration:none;} .gridFilter a{ color:$headerColorActive; text-decoration:none;} .gridFilter a:hover{color:$nmbs; text-decoration:underline;} .gridFilter .nextButton{ padding-right:20px; padding-left:5px; border-left:1px solid #fff; background:url($imagePath/gridFiterRight.png) no-repeat right top;} .gridFilter .nextButton:hover{ background:url($imagePath/gridFiterRightHover.png) no-repeat right top;} .gridFilter .previousButton{padding-left:20px; padding-right:5px; border-right:1px solid #DBDBDB; background:url($imagePath/gridFiterLeft.png) no-repeat left top;} .gridFilter .previousButton:hover{ background:url("$imagePath/gridFiterLeftHover.png") no-repeat left top;} .gridFilter .filter{float:left; margin:0 auto;} .gridFilter .print{float:left; /*width:60px;ยจ*/ padding-left:17px; margin-right:140px; background:url($imagePath/printIco.png) no-repeat left center;} .scheduler a.print{ padding-left:17px; background:url($imagePath/printIco.png) no-repeat left center; text-decoration:none; } .scheduler .print{margin-bottom:15px; margin-right:3px; height:13px;} /*InfoMessage*/ .informationMessage{background:$nmbslight; $borderRadius4 webkit-box-shadow: inset 1px 1px 1px #dbdbdb; -moz-box-shadow: inset 1px 1px 1px #dbdbdb; box-shadow: inset 1px 1px 1px #dbdbdb; margin:0 20px 0 5px; padding:10px;} .informationMessage p{padding:0px;} .informationMessage h3{color:$nmbs; font-size:12px;} .informationMessage ul, .informationMessage ol{ list-style-position:inside;} .informationMessage img{float:left;} .informationMessage ::selection{background: $beuropeLight;} .informationMessage ::-moz-selection {background: $beuropeLight;} /*contactCenterSummary*/ .contactCenterSummary{background:$nmbslight; margin:0 20px 15px 5px; padding:10px; $borderRadius4 webkit-box-shadow: inset 1px 1px 1px #dbdbdb; -moz-box-shadow: inset 1px 1px 1px #dbdbdb; box-shadow: inset 1px 1px 1px #dbdbdb;} .contactCenterSummary h2{color:$nmbs; font-size:12px; float:none; margin-bottom:0px;} .contactCenterSummary p{padding-top:0px; margin-left:10px;} .contactCenterSummary hr{webkit-box-shadow: 1px 1px 1px #fff; -moz-box-shadow: 1px 1px 1px #fff; box-shadow: 1px 1px 1px #fff;} .contactCenterSummary label { float:none; padding:0; margin:0px; color:$nmbs; font-weight:bold; background:url("$imagePath/treeArrowBlueRight.gif") no-repeat 0px /*-17px*/; padding-left:7px; margin-left:-6px;} .contactCenterSummary strong {color:#555;} .contactCenterSummary ::selection{background: $beuropeLight;} .contactCenterSummary ::-moz-selection {background: $beuropeLight;} .contactCenterSummary .editSelection{ float:right; margin-right:10px;} .stepOfferResultSummary p{padding-top:0px; margin-left:10px;} .stepOfferResultSummary hr{webkit-box-shadow: 1px 1px 1px #fff; -moz-box-shadow: 1px 1px 1px #fff; box-shadow: 1px 1px 1px #fff;} .stepOfferResultSummary label {float:none; padding:0; margin:0px; color:#00AB04; font-weight:bold;} .stepOfferResultSummary strong {color:#555;} /* DETAIL SHEET */ .detail {width:730px; margin-left:auto; margin-right:auto; position:relative; background-color:#FFF; $borderRadius6 $shadowDark} .detail .topDropShadow {display:none;} .detail .icoClose {width:30px; height:30px; margin-right:-15px; margin-top:-15px; background:url("$imagePath/icoClose.png") no-repeat; position:absolute; top:0; right:0; cursor:pointer; z-index:31;} .detail h1 {font-size:12px; margin-top:0; background-color:$headerColorBgActive; color:$headerColorActive; width:680px; height:20px; font-weight:bold; line-height:25px; padding-left:10px; height:27px;} .detail .header h1 {font-size:12px; color:$nmbs; padding:45px 0 0 50px; float:left; margin:0; height:20px; font-weight:bold; background-color:transparent; line-height:17px;} .detail .linkedConnectionContainer {margin-bottom:50px;} .detail .linkedConnectionContainer .alert, .detail .connectionContainer .alert {background:#fff5eb; border-left:none; border-right:none; margin-left:10px; width:710px; border-top:none; color:#CC0000; margin-top:3px; padding:5px 10px;} .detail .linkedConnectionContainer .alert img, .detail .connectionContainer .alert img {margin-top:5px;} .detail .linkedConnectionContainer .alertTimeline, .detail .connectionContainer .alertTimeline {color:#CC0000; font-weight:bold; font-size:60px; position:absolute; left:55px; margin-top:-60px;} .detail .timeline {margin-left:60px; margin-top:20px;} .detail h2 {font-size:11px; color:$beurope; font-weight:bold; margin-left:70px;} .detail .content {padding:20px;} .detail .tarief {border-top:1px solid #FFF;margin:0 6px; background-color:#F0F0F0;} .detail .tarief p {margin:15px 15px 0 70px;} .detail .tariefL {margin:20px 0 20px 30px; float:left; width:250px;} .detail .tariefL input {float:left; margin:0; padding:0; width:25px; border:1px solid #F0F0F0;} .detail .tariefL span {width:20px; height:20px; float:left;} .detail .tariefL .divider {height:5px;} .detail .tariefR {margin:20px 20px 10px 20px; float:left; width:350px;} .detail .tariefR p {padding:0 0 7px 20px; margin:0;} .detail .blanco {height:0px;} .detail .price {float:left; width:66px; height:30px; background:url("$imagePath/bgPrice.jpg") no-repeat; margin-left:-3px;} .detail .upgrade .price {float:left; width:66px; height:30px; background:url("$imagePath/bgPriceBlue.jpg") no-repeat; margin-left:-3px;} .detail .price p {color:#FFF; padding-top:7px; font-size:12px; font-weight:bold; text-align:center;} .detail .divider {height:30px;} .detail .reservation {height:35px;} .detail .reservation p {margin:5px 0 0 70px;} .detail .reservation input {margin:0; padding:0; width:25px; border:1px solid #F0F0F0;} .travelDetail {border-top:1px solid #CCC; margin:0 6px; border-bottom:1px solid #CCC;} .travelDetail .hour {float:left; margin:0 0 0 20px; width:85px;} .travelDetail .station {float:left;} .travelDetail .description {float:right; width:345px; height:30px; margin-right:20px; overflow:hidden;} .travelDetail p, .travelDetailNoTop p {margin:10px 0 0 70px;} .travelDetailNoTop {border-bottom:1px solid #CCC; margin:0 6px;} .places {border-bottom:1px solid #CCC; margin:0 6px;} .tarief .stations {border:1px solid #FFF; width:100%;} .tarief .stations th {border-bottom:1px solid #FFF; text-align:left; padding:5px 0;} .tarief .stations td {height:20px;} /*Test*/ .detail span.A, .detail span.D{display:block; float:left; width:44px; height:18px; padding-top:28px; color:#666; text-decoration:none; padding-left:7px; font-weight:bold;} .detail span.A {width:50px; padding-left:0;} /*Print Icon on detail sheet*/ .tarief .stations th img {display:none;} .tarief .stations .bgLine {background:url("$imagePath/bgStations.gif") repeat-y left;} .detail .alert {width:95%; background:#FC0; padding:10px; background:#fff5eb; border-left:none; border-right:none; margin-left:7px;} .marginBt {margin-right:30px; margin-top:20px;} .marginBtDetails {margin-right:25px; margin-top:20px;} .detail .topDivider {width:13px; height:8px; background:url("$imagePath/spriteDetail.gif") 0 -50px no-repeat; position:absolute; margin-left:295px; margin-top:-1px;} .detail .icoAlert {width:20px; height:20px; background:url("$imagePath/icoAlertSmall.gif") no-repeat; float:left;} /* Lowest Fare Finder StepBookTicket */ .lowestFareFinderContainer .stepBookTicket .stepDefault {background-position:0 -480px;} .lowestFareFinderContainer .stepBookTicket .stepActive {background-position:0 -520px;} .lowestFareFinderContainer .stepBookTicket .stepSelected {background-position:0 -560px;} /* Lowest Fare Finder StepPartyDetails */ .lowestFareFinderContainer .stepPartyDetails .stepDefault {background-position:0 -360px;} .lowestFareFinderContainer .stepPartyDetails .stepActive {background-position:0 -400px;} .lowestFareFinderContainer .stepPartyDetails .stepSelected {background-position:0 -440px;} /*Lowest Fare finder StepOfferResult*/ .lowestFareFinderContainer .stepOfferResult .stepDefault {background-position:0 -240px;} .lowestFareFinderContainer .stepOfferResult .stepActive {background-position:0 -280px;} .lowestFareFinderContainer .stepOfferResult .stepSelected {background-position:0 -320px;} .stepOfferResultActiveSub .accordionHeaderActive {border-left:1px solid $nmbs; width:719px;} .stepOfferResultActiveSub .accordionHeaderActive h1{margin-left:3px; width:693px;} .accordionContentActive .lowestFareFinderInfo .passengerComboBox{width:40px;} .accordionContentActive .lowestFareFinderInfo{ width:500px;} .accordionContentActive .lowestFareFinderInfo select{margin-left:0px;} .LffOfferResultComponent .grid {background: url("$imagePath/bgLFF.jpg") repeat-y 26px 0;} .lowestFareFinder .priceGroupSelector{background: url("$imagePath/bgLFFOverlay.png") repeat-x right bottom;} .lowestFareFinder .tabContent { padding-bottom:10px; /**/width:670px;} .lowestFareFinder .tabContent.hide{ display:none;} .lowestFareFinder .colorGrouping.closed{background-position: 0 -72px;} .lowestFareFinder .colorGrouping{ height:20px; background: url("$imagePath/spriteLFF.png") no-repeat 0 -95px; padding-left:21px;cursor:pointer;} .lowestFareFinder .colorGrouping .ribbon{float:left; margin-right:5px; width:6px; height:20px} .lowestFareFinder .connectionGrouping .connection .ribbon{ float:left; width:6px;height:30px; margin-top:2px;} .lowestFareFinder .ribbon{background: url("$imagePath/spriteRibbon.png") no-repeat;} .lowestFareFinder .ribbon.green{background-position:0px 0px;} .lowestFareFinder .ribbon.orange{background-position:-6px 0px;} .lowestFareFinder .ribbon.red{background-position:-12px 0px;} .lowestFareFinder .ribbon.yellow{background-position:-24px 0px;} .lowestFareFinder .ribbon.blue{background-position:-30px 0px;} .lowestFareFinder .ribbon.magenta{background-position:-18px 0px;} .lowestFareFinder .colorGrouping.color2 .ribbon{ background-position:-6px 0;} .lowestFareFinder .tabContent.color2 .connectionGrouping .connection .ribbon { background-position:-6px 0;} .lowestFareFinder .priceGrouping{ float:left; width:140px; margin-left:35px; margin-top:10px; color:$nmbs; font-weight:bold; line-height:40px; } .lowestFareFinder .priceGrouping span{font-size:14px;} .lowestFareFinder .connectionGrouping{float:right; margin-top:10px; width:490px; margin-bottom:5px; border-left:1px solid #DBDBDB;} .lowestFareFinder .connectionGrouping .connection{margin:3px 0; height:35px; display:block; font-size:10px; width:490px; background: url("$imagePath/spriteLFF.png") no-repeat -185px -35px; cursor:pointer; padding-top:0px;} .lowestFareFinder .connectionGrouping .connection strong{ color:#c84c16;} .lowestFareFinder .connectionGrouping .connection.firstClass{ background-position: -185px 0px;} .lowestFareFinder .connectionGrouping .connection.firstClass:hover, .lowestFareFinder .connectionGrouping .connection.firstClass.selected:hover, .lowestFareFinder .connectionGrouping .connection.firstClass.selected{ background-position: -185px -118px;} .lowestFareFinder .connectionGrouping .connection:hover, .lowestFareFinder .connectionGrouping .connection.selected{ background-position: -185px -153px;} .lowestFareFinder label{margin:0px; padding:0px;} .lowestFareFinder input{margin:10px 5px 0 5px; float:left;} .lowestFareFinder .carrierimage{ display:block; float:left; height:32px; width:70px; *width:65px; margin-left:5px; margin-top:2px;} .lowestFareFinder .departure{width:45px; float:left; line-height:10px; text-align:right; padding-top:20px;} .lowestFareFinder .otherInfo{width:227px;line-height:15px; float:left; height:30px; text-align:center; margin-top:2px;} .lowestFareFinder .arrival{width:45px; float:left; line-height:10px; padding-top:20px;} .lowestFareFinder .connectionPrice{float:left; line-height:34px;height:30px; width:60px; font-size:14px; text-align:center; font-weight:bold; margin-left:5px;} /*Step2*/ .lowestFareFinderStep2 .scrollable {position:relative;overflow:hidden;width:700px; height:325px;} .lowestFareFinderStep2 .scrollable .items{width:20000em;position:absolute;} .lowestFareFinderStep2 .items > div {float:left;width:690px;} .lowestFareFinderTitle{border-bottom:1px solid $nmbs; color:$nmbs; display:block; font-size:12px; font-weight:bold; margin-right:10px;} .lowestFareFinderGrid{margin-right:10px; width:690px; border:1px solid #DBDBDB; border-top:none; padding-bottom:5px; $borderRadiusBottom7} .lowestFareFinderGrid.showTwoMonths .firstMonth table{width:49%; float:left;padding-left:5px;} .lowestFareFinderGrid.showTwoMonths .secondMonth table{width:49%; float:left;padding-right:5px;} .lowestFareFinderGrid.showTwoMonths .divider{border-left:1px solid #dbdbdb; float:left; height:250px; width:1px; margin:10px 5px 0px 6px;} .lowestFareFinderGrid.showOneMonth .firstMonth table{width:100%;} .lowestFareFinderGrid.showOneMonth .secondMonth{display:none;} .lowestFareFinderGrid.showOneMonth .divider{display:none;} .lowestFareFinderGrid .loader{display:none;} .lowestFareFinderGrid .loading .loader{display:block; background:url($imagePath/loading.gif) center center no-repeat; height:260px; width:49%; float:left; text-align:center; line-height:300px; color:#B34985; font-size:10px;} .lowestFareFinderGrid .loading table {display:none;} .lowestFareFinderHeader {width:686px; height:26px; padding:2px; border:1px solid #d6dee3; border-bottom:0px; font-size:13px; margin-bottom:0; $borderRadiusTop7} .lowestFareFinderHeader .btnLeft{width:3%; background:url($imagePath/lffArrows.png) $nmbslight 5px 6px no-repeat; height:26px; float:left; cursor:pointer; -moz-border-radius:4px 0 0 0; border-radius:4px 0 0 0;} .lowestFareFinderHeader .btnRight{width:3%; background:url($imagePath/lffArrows.png) $nmbslight 6px -43px no-repeat; height:26px; float:left; cursor:pointer; -moz-border-radius:0 4px 0 0; border-radius:0 4px 0 0;} .lowestFareFinderHeader .btnLeft:hover{background-position:5px -19px;} .lowestFareFinderHeader .btnRight:hover{background-position:6px -68px;} .lowestFareFinderHeader .title{width:94%; float:left; line-height:26px; font-size:12px; color:$nmbs; font-weight:bold; text-align:center; background-color:$nmbslight;} .lowestFareFinderGrid .labelMonth{font-size:12px; color:$nmbs; text-align:center;} .lowestFareFinderGrid table td{border:1px solid #cccccc; border-collapse:collapse; height:40px; height:38px\9; width:14%; text-align:center; vertical-align:top;} .lowestFareFinderGrid table td span{display:block;color:$nmbs;} /*Legende items*/ .lowestFareFinderGrid .priceAvailable{cursor:pointer; background:url($imagePath/lffColor.jpg) no-repeat -10px 0;} .lowestFareFinderGrid .priceAvailable:hover{border-color:$nmbs;} .lowestFareFinderGrid .days td {height:20px; border-color:#fff;} .lowestFareFinderGrid .past{background-color:#f4f4f4; cursor:default;}/*GREY day in the past*/ .lowestFareFinderGrid .past span {display: none;} .lowestFareFinderGrid .hiddenDay{border-color:#F4F4F4; background-color:#F9F9F9; color:#fff;}/*TRANSPARENT day of other month*/ .lowestFareFinderGrid .red{background-color:#ffe5e6; border:1px solid #d67574; background-position:0 0px;}/*RED Custom Color1*/ .lowestFareFinderGrid .orange{background-color:#fceee3; border:1px solid #feb475; background-position:0 -60px;}/*ORANGE Custom Color2*/ .lowestFareFinderGrid .green{background-color:#dbfbd6; border:1px solid #6ed464; background-position:0 -120px;}/*GREEN Custom Color3*/ .lowestFareFinderGrid .blue{background-color:#d6e7ff; border:1px solid #006AB3; background-position:0 -300px;}/*GREEN Custom Color3*/ .lowestFareFinderGrid .yellow{background-color:#FBFFD3; border:1px solid #E7E633; background-position:0 -240px;}/*GREEN Custom Color3*/ .lowestFareFinderGrid .magenta{background-color:#f8e8f2; border:1px solid #af0060; background-position:0 -180px;}/*GREEN Custom Color3*/ .lowestFareFinderGrid .selected{border:2px solid $nmbs;} .lowestFareFinderGrid .outsideBookingHorizon{background-color:$nmbs; color:#fff; border-color:$nmbs;}/*BLUE OutsideBookingHorizon*/ .lowestFareFinderGrid .notAvailable{background-color:#E4E4E4; color:#707070; border-color:#A3A3A3;}/*MAGENTA NotBookable*/ .lowestFareFinderGrid .notAvailable span {display: none;} /*Legende component*/ .teaserComponent.lowestFaresComponent h2 {background-color:transparent; margin:7px 0 10px 2px; color:$beurope; padding-left:8px; height:auto; overflow:visible; line-height:20px; padding-right:2px;} .teaserComponent.lowestFaresComponent h2 img{height:25px; width:25px;} .teaserComponent.lowestFaresComponent li { list-style:inside none; line-height:20px;} .lowestFaresComponent .hoverState li{ margin-left:5px; cursor:default;} .lowestFaresComponent li {color:#000;} .lowestFaresComponent li span {display:block; height:10px; width:10px; float:left; margin:3px 5px 0 5px; border:1px solid #FFF;} .lowestFaresComponent li.red span{background-color:#ffe5e6; border:1px solid #d67574;}/*RED Custom Color1*/ .lowestFaresComponent li.orange span{background-color:#fceee3; border:1px solid #feb475;}/*ORANGE Custom Color2*/ .lowestFaresComponent li.green span{background-color:#dbfbd6; border:1px solid #6ed464;}/*GREEN Custom Color3*/ .lowestFaresComponent li.blue span{background-color:#d6e7ff; border:1px solid #006AB3;}/*RED Custom Color1*/ .lowestFaresComponent li.yellow span{background-color:#FBFFD3; border:1px solid #E7E633;}/*ORANGE Custom Color2*/ .lowestFaresComponent li.magenta span{background-color:#f8e8f2; border:1px solid #af0060;}/*GREEN Custom Color3*/ .lowestFaresComponent li.outsideBookingHorizon span{background-color:$nmbs; border:1px solid $nmbs;}/*BLUE OutsideBookingHorizon*/ .lowestFaresComponent li.notAvailable span{background-color:#E4E4E4; border:1px solid #A3A3A3;}/*MAGENTA NotBookable*/ .lowestFaresComponent li.past span{background-color:#F4F4F4; border:1px solid #CCCCCC;}/*GREY day in the past*/ /*Loader*/ .LffLoader{ width:333px; height:149px; background:url(../img/lffLoader.gif) center center no-repeat; float:left; padding-top:170px; text-align:center;} /* TARIEF*/ .flex {float:left; padding-left:5px; padding-right:5px; margin:0;} .full {border-left:2px solid $beurope;} .mid {border-left:2px solid #0C0;} .non {border-left:2px solid $nmbs;} .promo {border-left:2px solid #FF9900;} .noFlex {border-left:2px solid #000;} .fullFlexInfo {border-left:1px solid $beurope;} .midFlexInfo {border-left:1px solid #0C0;} .nonFlexInfo {border-left:1px solid $nmbs;} .promoInfo {border-left:1px solid #FF9900;} .noFlexInfo {border-left:1px solid #000;} .fullFlexInfo span {color:$beurope; padding-left:20px;} .midFlexInfo span {color:#0C0; padding-left:20px;} .nonFlexInfo span {color:$nmbs; padding-left:20px;} .promoInfo span {color:#FF9900; padding-left:20px;} .noFlexInfo span {color:#000; padding-left:20px;} .icoFlex {width:4px; height:7px; background:url("$imagePath/spriteDetail.gif") no-repeat; position:absolute; margin-top:5px;} .fullFlexInfo div {background-position:0 0;} .midFlexInfo div {background-position:0 -10px;} .nonFlexInfo div {background-position:0 -20px;} .promoInfo div {background-position:0 -30px;} .noFlexInfo div {background-position:0 -40px;} .infoPopup .infoPopUpHeader .EBS {height:27px; width:17px; margin-right:-14px; float:right; background-position:-119px 0; display:block;} .infoPopup.firstClass .infoPopUpHeader .EBS { background-position:-187px 0;} /*Lang*/ .fr .infoPopup .infoPopUpHeader .EBS{background-position:-68px 0;} .de .infoPopup .infoPopUpHeader .EBS{background-position:-102px 0;} .en .infoPopup .infoPopUpHeader .EBS{background-position:-85px 0;} .fr .infoPopup.firstClass .infoPopUpHeader .EBS{background-position:0 0;} .de .infoPopup.firstClass .infoPopUpHeader .EBS{background-position:-34px 0;} .en .infoPopup.firstClass .infoPopUpHeader .EBS{background-position:-17px 0;} .scheduler .connectionData .EBS {height:11px; width:25px; margin-top:-12px; position:relative; float:left;background-position:60px -95px; display:block;} .scheduler .firstClass .connectionData .EBS {background-position:60px -84px;} .fr .scheduler .connectionData .EBS{background-position:135px -95px;} .de .scheduler .connectionData .EBS{background-position:86px -95px;} .en .scheduler .connectionData .EBS{background-position:110px -95px;} .fr .scheduler .firstClass .connectionData .EBS{background-position:135px -84px;} .de .scheduler .firstClass .connectionData .EBS{background-position:86px -84px;} .en .scheduler .firstClass .connectionData .EBS{background-position:110px -84px;} .scheduler .connectionData a, .scheduler .connectionData > img {float:left;} .scheduler .connectionData br {clear:both;} /*PRICE TICKET*/ .priceTicket {width:230px; float:right; $shadowComponents $borderRadius6} .priceTicket .content {background:#FFF; border:7px solid $priceTicketColor; $borderRadiusBottom6} .priceTicket .header,.priceTicket .header h1 {display:none;} .priceTicket .content label {margin:7px 0 0 7px; display:block;float:left; width:145px;} .priceTicket .content .subtitle {font-size:12px; font-weight:bold; color:$priceTicketColor; margin:7px 0 0 7px; display:block;float:left; width:145px;} .priceTicket .content span {display:block; padding:7px 7px 0 0; text-align:right; float:right;} .priceTicket .content span.hidden {display:none;} .priceTicket .content span.alert{width:auto; padding-left:7px; padding-bottom:5px; text-align:left; border-top:1px solid $priceTicketColor; float:none;} .priceTicket .content span.alert + .extra{border-top:none;} .priceTicket .content .line {height:15px; border-bottom:1px solid $priceTicketColor;} .priceTicket .content .price {font-size:12px; font-weight:bold; color:$priceTicketColor; float:right; /*width:55px;*/} .priceTicket .content .price b {border-left:solid 1px #DBDBDB;} .priceTicket .content .divider {height:15px;} .priceTicket .content p {margin:7px;} .priceTicket .tabs {width:230px; background-color:$priceTicketColor; height:19px; text-transform:uppercase; padding-top:2px; $borderRadiusTop6} .priceTicket .tabs ul {list-style:none; margin-left:7px; padding-top:4px;} .priceTicket .tabs li {float:left; display:block; font-size:14px; font-weight:bold; background-color:$qsmaccent; margin-right:1px; padding:0 5px; $borderRadiusTop4} .priceTicket .tabs li a {color:#fff; text-decoration:none; float:left; padding:2px 2px; line-height:12px;} .priceTicket .tabs li a img {padding:0; margin-right:2px;} .priceTicket .tabs .left, .priceTicket .tabs .right {display:none;} .priceTicket .tabs .selected {background-color:#FFF;} .priceTicket .tabs .selected a {color:$priceTicketColor; text-decoration:none; float:left; height:18px; line-height:20px;} .priceTicket .detailPrice {border-top:1px solid #DBDBDB; margin:0 7px 7px 7px;} .priceTicket .detailPrice span {float:right; padding:0 0 0 5px; color:#000;} .priceTicket .detailPrice span.total {float:left; padding:0 0 0 5px; color:$priceTicketColor;} .priceTicket .detailPrice > span{float:left; color:#000; padding:0px;} .priceTicket .detailPrice .right {*padding-right:15px; _padding-right:15px;} .priceTicket .detailPrice .right .pounds {color:#999;} .priceTicket br {clear:both;} .priceTicket .extra {border-top:1px solid $priceTicketColor; padding:7px;} .booking .bookingLeft {width:720px; float:left;} .booking .bookingRight {width:230px; float:right;} .booking .bookingRight .bookingRightContainer {width:230px; /*position:absolute;*/} .booking .bookingRight .bookingRightContainerFixed {top: 0px; width:230px; position:fixed;} /*Fix for background image in booking*/ .booking .TitleContentComponent{padding-left:20px; overflow:hidden;} .booking .bookingRight {padding-right:10px;} .accordionContentActive .divider {height:15px;} .accordionContentActive .extra label {width:120px; margin-bottom:4px; top:0; height:10px; font-family:Arial, Helvetica, sans-serif; margin-right:8px;} .accordionContentActive .extra select {width:120px; top:15px;} .accordionContentActive .extra textarea {width:285px;} .exeptionTravelType .inputFieldExeption {width:450px; float :right; position:relative; right:90px;} .exeptionTravelType .inputFieldExeption .inputfield {width:140px; float:left;} .exeptionTravelType .inputFieldExeption .NONEDITABLE {line-height:23px; margin-left:25px;} .exeptionTravelType label {width:120px; float:left;} /*FORMS*/ .wrong {border-left:1px #F00 solid;} .left_top {width:200px; float:left;} .type {width:40px; float:left; padding-left:15px;} /* GUIDED SALES */ #guidedSalesCarousel {width: 680px; margin-top:-10px; color:$nmbs;} #guidedSalesCarousel a:Link, #guidedSalesCarousel a:Active, #guidedSalesCarousel a:Visited, #guidedSalesCarousel a:Hover {text-decoration:underline;} /*Exceptional flow*/ .alert {width:699px; background:#fff5eb; padding:10px; border-bottom:dotted 1px #C00; color:#C00;} .messageBox .alert {width: auto;} .remindMe .alert {width: auto;} .accordionContentActive .alert {width:90%; padding:10px; border:none;} .LoginComponent .alert {width:87%} #stepSelectODActive .alert, #step1Active .alert, #step2Active .alert, #step2GridViewActive .alert {padding-left:15px; width:694px; border:1px solid $nmbs; border-bottom:dotted 1px #C00; margin-top:-3px;} #step1Active .alert {margin-top:-3px;} #step2Active .alert div {margin-left:5px;} #step2GridViewActive .alert {margin-top:-13px; margin-left:-15px; margin-bottom:10px; border-left:none; border-right:none; border-top:1px solid $nmbs; border-bottom:1px dotted #CC0000; padding-bottom:5px;} #step2GridViewActive .BookByEmailComponent #BookByEmailContainer .alert {margin-left:0px; border-left:1px solid $nmbs; border-right:1px solid $nmbs; margin-bottom:0px;} .BookByEmailComponent .alert {margin: -13px 3px 0 -12px; width: auto;} #step2GridViewActive #messageBox.alert .left.marginTR5 {width:20px; line-height:14px;} .stepPartyDetails .alert, #step1Active #travelPartyAlert {background-color:#FFF5EB; margin-left:-16px; margin-top:-13px; padding-left:15px; width:694px; border:1px solid $nmbs; border-bottom:dotted 1px #C00;} .stepPartyDetails #receiptDetails.checkBox .xSmall{width:34px; padding-left:0; //width:33px; *width:33px;} #step3ActiveSub .stepActive{ display:none;} #step3ActiveSub .accordionHeaderActive{border-left:1px solid $nmbs; width:719px;} #step3ActiveSub .accordionHeaderActive h1{margin-left:3px; width:693px;} #step1Active #travelPartyAlert {margin:0 0 5px -16px;} #BookByEmailContainer .alert {border-top:1px solid $nmbs; margin-top:0;} .booking #languageSelector, .booking #logInButton, .booking #logOutButton, .booking .noUserData {display:none;} .booking .langSwitch { display:none;} .booking .langSwitch + .divider{display:none;} /* CONTACT FORM*/ .wrapper .accordion.contentForm {width:550px;} .wrapper .accordion .selectionType {margin-right:20px;} .wrapper .accordion .selectionType select {width:100%;} .wrapper .accordion.contentForm .accordionContentActive {width:533px; padding-bottom:0; border-color:#e1e1e1;} .wrapper .accordion.contentForm .accordionContentActive .tripInfo, .wrapper .accordion.contentForm .accordionContentActive .myTrainForm {width:260px;} .wrapper .accordion.contentForm .accordionContentActive .tripInfo .w20 {margin-right:5px;} .wrapper .accordion.contentForm .accordionContentActive .tripInfo .w200 {width:150px!important;} .wrapper .accordion.contentForm .accordionContentActive .tripInfo select.w200 {width:156px!important;} .wrapper .accordion.contentForm .accordionContentActive .tripInfo label {width:80px;} .wrapper .accordion.contentForm .accordionContentActive .tripInfo select{width:132px;} .wrapper .accordion.contentForm .accordionContentActive .tripInfo #SearchVia {width:115px;} .wrapper .accordion.contentForm .accordionContentActive .tripInfo.personalInfo {width:530px;} .wrapper .accordion.contentForm .accordionContentActive .tripInfo.personalInfo #Adres {height:50px; width:300px;} .wrapper .accordion.contentForm .accordionContentActive .tripInfo.personalInfo #Feedback {height:130px; width:300px;} .wrapper .accordion.contentForm .accordionContentActive .tripInfo.personalInfo #reset {width:20px;} .wrapper .accordion.contentForm .accordionContentActive .tripInfo.personalInfo textarea { width: 412px;min-width: 412px;max-width: 412px;} .wrapper .accordion.contentForm .accordionContentActive .tripInfo.personalInfo .marginLeft input { width: 140px;} .wrapper .accordion.contentForm .accordionContentActive .trainType {width:83px;} .wrapper .accordionContentActive .extra .myTrainForm label {width:80px;} .wrapper .accordion.contentForm .accordionContentActive .myTrainForm input {width:140px;} .wrapper .accordion.contentForm .accordionContentActive .tripInfo.personalInfo select { width: 146px;} .accordionContentActive .extra textarea {width:505px; height:120px;} .accordionFooter {height:15px; width:550px; background:url("$imagePath/spritesComponents.gif") 0 -1240px repeat-x; margin:0; margin-left:-16px; margin-top:5px; padding:0;} .accordionFooter .left {height:15px; width:15px!important/*Overwrite treeCol.left*/; background:url("$imagePath/spritesComponents.gif") 0 -1225px repeat-x;} .accordionFooter .right {height:15px; width:15px!important/*Overwrite treeCol.left*/; background:url("$imagePath/spritesComponents.gif") 0 -1210px repeat-x;} .wrapper .accordion.contentForm hr {background-color:#e1e1e1;} #BookByEmailContainer #MessageBoxComponent .green {background-color:#eefbdb; background-image:none; padding:5px 5px 9px 15px; margin-bottom:0; border:1px solid $nmbs; border-bottom:none; margin-top:0; width:699px; border-bottom:1px dotted #669B1C;} .messageBox.alert .left, .messageBox.green .left {width:20px; } #messageBox.alert .left.marginTR5 {width:30px;} #messageBox.alert .left.marginTR5 img {position:static;} .message img{float:left; margin-right:10px;} .message {$borderRadius10 background:$nmbslight; margin-right:15px; font-size:12px; padding-left:10px;} .message h3{color:$beurope; font-size:12px; margin-bottom:0px;} .message h3 + p{padding-top:0px;} .messageBorder{border-bottom:1px solid #DBDBDB; margin-right:15px; margin-top:15px;} .message a{ text-decoration:underline;} /* REMIND ME COMPONENT (aka AlertOnOD) */ .remindMe {width: 210px; border:1px solid #E7E7E7; padding:10px; $borderRadius5 position:relative; color:#666;} .remindMe h3 {font-size:14px; color:$beurope; font-weight:bold; margin-bottom:10px;} .remindMe p {font-size:11px; color:#333;} .remindMe .alert {margin-bottom: 10px;} .remindMeForm {margin-top:10px;} .remindMeForm input {margin:7px 0 7px 0; padding:2px 0 2px 7px;} .remindMeForm select {width:100px; margin: 0 3px 7px 0;} .remindMeForm .noBorder {width:25px; border:none; padding:0; margin:0;} .remindMeForm .bt {height:25px; border:none;font-weight:bold; cursor:pointer; outline-style:none; margin:10px 10px 0 10px; padding:0 10px; font-size:12px; $borderRadius4 background:$beurope; color:#FFF;} .badgeTip {width:35px; height:35px; background:url("$imagePath/badgesSprite.png") no-repeat; position:absolute; top:0; right:0;} .remindMeForm .reCaptcha {width:160px;} .remindMeForm .reCaptcha #recaptcha_image img {width:180px;} .remindMeForm .reCaptcha input {width: 140px; font-size:11px; color:#666; margin:7px 0 7px 0; padding:1px 0 1px 7px; height: 16px;} .remindMe .alert {margin-bottom: 10px;} /*------------------------=_Booking-----------------*/ /* -------------------------------------------------*/ /* */ /* =Components */ /* */ /*--------------------------------------------------*/ /*Submenu TreeView*/ .treeView.shadowwrapper {width:auto; padding-right:10px;} .treeView .submenu{width:auto;} .treeView .submenu li{width:auto;} .treeView .submenu .open .openNiv{margin-left:10px;} .treeView .submenu .arrow a {background:url("$imagePath/treeArrowSprite.gif") no-repeat right top;} .treeView .submenu .openarrow a {background:url("$imagePath/treeArrowSprite.gif") no-repeat right bottom;} .treeView .submenu .open li a {background:url("$imagePath/treeArrowBlack.gif") no-repeat 2px 6px;} .treeView .submenu .open li.selected > a {background:url("$imagePath/treeArrowBlue.gif") no-repeat 0 8px;} .treeView .submenu .open li.active > a {background:url("$imagePath/treeArrowBlueRight.gif") no-repeat 2px 6px; color:$nmbs;} .treeView .submenu .open li, .treeView .submenu .open li.selected {background-image:none;} .treeView .submenu .open li a {margin-left:0; padding-left:7px;} .treeView .submenu .open li {padding-left:7px;} .treeView .submenu .open li a {padding-left:10px;} /*GeneralLinks--OnderSubNav*/ .generalLinks {border-top:1px #DBDBDB solid; margin-left:10px; margin-top:33px; width:150px;} .generalLinks a, .generalLinks a:visited {display:block; width:150px; border-bottom:1px #DBDBDB solid; color:$beurope; padding:10px 0px 10px 2px; text-decoration:none;} .generalLinks a:hover {color:#000;} /*QSM component*/ .QSM {color:$nmbs; font-size:12px; $shadowComponents height:inherit; $borderRadius6} .QSM .divider {height:10px;} .QSM .tabs {background-color:$priceTicketColor; height:26px; text-transform:uppercase; padding-top:4px; $borderRadiusTop6} .QSM .tabs ul {list-style:none; margin-left:8px; padding-top:4px;} .QSM .tabs li {float:left; display:block; font-size:14px; font-weight:bold; background-color:$qsmaccent;height:22px; margin-right:1px; padding:0 5px; $borderRadiusTop4} .QSM .tabs li a {color:#fff; text-decoration:none; float:left; padding:2px 2px; line-height:20px;} .QSM .tabs li a img {padding:0; margin-right:2px;} .QSM .tabs .left, .home .QSM .tabs .right {display:none;} .QSM .tabs .selected {background-color:#FFF;} .QSM .tabs .selected a {color:$priceTicketColor; text-decoration:none; float:left; height:18px; line-height:20px;} .QSM .tabs .selected img {display:block; height:15px; width:15px; overflow:hidden; float:left;} .QSM .tabs .notSelected img {display:none;} .QSM .content input, .QSM .content select {font-size:10px;} .QSM .content .destinationLabel {font-size:14px; font-weight:bold;} .QSM .content .counter {width:20px; text-align:center; float:left} .QSM .content .tripInfo {font-size:12px; border-left:solid 8px $priceTicketColor; border-right:solid 8px $priceTicketColor; padding-left:5px;} .QSM .content .tripInfo label {line-height:18px;} .QSM .content .tripInfo select {width:76px; float:left;} .QSM .content .tripInfo .passenger {float:left; width:20px; line-height:27px;} .QSM .content .tripInfo .last {background-image:url("$imagePath/spritesComponents.gif"); background-repeat:no-repeat; background-position:0 -834px; cursor:pointer;} .QSM .content .tripInfo .radio {margin:0 2px;} .QSM .bottomlist {background-color:$priceTicketColor; list-style:none; padding:0 8px;} .QSM .bottomlist .collapsed, .QSM .bottomlist .expanded {list-style-position:outside; display:block;cursor:pointer; border-top:solid 1px $priceTicketColor; height:18px; padding-left:20px; line-height:18px; font-size:12px; color:#fff; background:url("$imagePath/spritesComponents.gif") no-repeat 5px -297px; background-color:$qsmaccent;} .QSM .bottomlist .expanded {background-position:0 -813px;} .QSM .bottomlist .collapsed {background-position:0 -794px;} .QSM .bottomlist .contentBottom label {float:left; width:120px; margin-left:10px; line-height:20px;} .QSM .bottomlist .contentBottom {padding:5px 0; background-color:#FFF;} .QSM .search {background-color:$priceTicketColor; padding:3px 10px; $borderRadiusBottom6} .QSM .search input {float:right; height:25px; color:#FFF; background-color:$nmbs; display:block; padding:0 10px; line-height:25px; font-size:15px; font-weight:bold; text-decoration:none; border:none; cursor:pointer; $borderRadius4} .QSM #AddPartyMembers {cursor:pointer;} .QSM .carSearch {height:5px;} /*QSMBig COMPONENT*/ .home {position:relative;} .home .qsmContainer {position:absolute; z-index:10; top:0; margin-left:690px; margin-top:140px;} .home .QSM {width:270px; background-color:#FFF;} .home .QSM .tabs {width:270px;} .home .QSM .content {padding-bottom:0; padding-left:0;} .home .QSM .content label {padding-left:2px;} .home .QSM .content .destinationLabel, .home .QSM .content .qsmInput {width:110px; float:left; margin-left:3px; margin-right:0;} .home .QSM .content .tripInfo .resetLeftTop {background-color:#FFF; margin-left:-5px;padding-bottom:2px; width:254px; height:15px;} .home .QSM .content .tripInfo a {text-decoration:underline; color:#999; display:block; margin-left:12px; padding-bottom:5px;} .home .QSM .content .tripInfo img {float:left; margin-top:4px; cursor:pointer;} .home .QSM .content .tripInfo a img {width:17px; height:17px; margin-top:0; margin-left:13px; margin-right:5px;} .home .QSM .content .tripInfo .aantal {width:40px; margin-right:12px; top:0;} .home .QSM .content .tripInfo .category {width:160px; margin-right:2px; top:0;} .home .QSM .content .tripInfo .time {width:65px;} .home .QSM .content .tripInfo .date {width:55px;} .home .QSM .content .tripInfo .timePreference {width:75px;} .home .QSM .bottomlist .contentBottom div {background-color:#FFF;} .home .QSM .bottomlist .contentBottom select {float:left; width:120px; margin-left:10px;} .home .QSM .bottomlist .contentBottom input {float:left; width:117px; margin-left:10px; padding:1px 0;} .home .QSM .bottomlist .contentBottom .rightfield {float:left; width:100px; margin-left:10px;} .home .QSM .bottomlist .contentBottom .rightFloatingField {float:right; width:100px; margin-right:7px;} /* QSM with new sublayout*/ .landingHome {position:relative;} .landingHome .qsmContainer {position:absolute; z-index:20; top:0; left:0; margin-left:690px; margin-top:140px;} .landingHome .QSM {width:270px; background-color:#FFF;} .landingHome .QSM .tabs {width:270px;} .landingHome .QSM .content {padding-bottom:0; padding-left:0;} .landingHome .QSM .content label {padding-left:2px;} .landingHome .QSM .content .destinationLabel, .landingHome .QSM .content .qsmInput {width:110px; float:left; margin-left:3px; margin-right:0;} .landingHome .QSM .content .tripInfo .resetLeftTop {background-color:#FFF; margin-left:-5px;padding-bottom:2px; width:254px; height:15px;} .landingHome .QSM .content .tripInfo a {text-decoration:underline; color:#999; display:block; margin-left:12px; padding-bottom:5px;} .landingHome .QSM .content .tripInfo img {float:left; margin-top:4px; cursor:pointer;} .landingHome .QSM .content .tripInfo a img {width:17px; height:17px; margin-top:0; margin-left:13px; margin-right:5px;} .landingHome .QSM .content .tripInfo .aantal {width:40px; margin-right:12px; top:0;} .landingHome .QSM .content .tripInfo .category {width:160px; margin-right:2px; top:0;} .landingHome .QSM .content .tripInfo .time {width:65px;} .landingHome .QSM .content .tripInfo .date {width:55px;} .landingHome .QSM .content .tripInfo .timePreference {width:75px;} .landingHome .QSM .bottomlist .contentBottom div {background-color:#FFF;} .landingHome .QSM .bottomlist .contentBottom select {float:left; width:120px; margin-left:10px;} .landingHome .QSM .bottomlist .contentBottom input {float:left; width:117px; margin-left:10px; padding:1px 0;} .landingHome .QSM .bottomlist .contentBottom .rightfield {float:left; width:100px; margin-left:10px;} .landingHome .QSM .bottomlist .contentBottom .rightFloatingField {float:right; width:100px; margin-right:7px;} /*QSMSmall COMPONENT*/ .threeCol .QSM .content input, .rightColumn .QSM .content input {margin-left:0;} .threeCol .QSM .content label, .rightColumn .QSM .content label {padding-left:0; font-size:12px;} .threeCol .QSM .content .destinationLabel, .rightColumn .QSM .content .destinationLabel {float:left; width:95px; padding-left:4px;} .threeCol .QSM .content .destinationLabAel, .threeCol .QSM .content .qsmInput, .rightColumn .QSM .content .destinationLabAel, .rightColumn .QSM .content .qsmInput {width:95px; float:left; margin-left:0; margin-right:3px;} .threeCol .QSM .content .tripInfo a, .rightColumn .QSM .content .tripInfo a {text-decoration:underline; color:#999; display:block; margin-left:20px; padding-bottom:5px; font-size:11px; color:#3fbce8;} .threeCol .QSM .content .tripInfo a img, .rightColumn .QSM .content .tripInfo a img {float:left; margin-top:0; cursor:pointer; height:17px; width:17px; margin-right:5px;} .threeCol .QSM .content .tripInfo img, .rightColumn .QSM .content .tripInfo img {float:left; margin-top:4px; cursor:pointer;} .threeCol .QSM .content .tripInfo .time, .threeCol .QSM .content .tripInfo .timePreference, .rightColumn .QSM .content .tripInfo .time, .rightColumn .QSM .content .tripInfo .timePreference {width:63px;} .threeCol .QSM .content .tripInfo .date, .rightColumn .QSM .content .tripInfo .date {width:45px; margin-left:0;} .threeCol .QSM .content .tripInfo .passengerTitle, .rightColumn .QSM .content .tripInfo .passengerTitle {float:left; width:65px; line-height:27px;} .threeCol .QSM .content .tripInfo .aantal, .rightColumn .QSM .content .tripInfo .aantal {width:40px; float:left; margin-right:4px; top:0;} .threeCol .QSM .content .tripInfo .category, .rightColumn .QSM .content .tripInfo .category{float:left; width:132px; margin-right:2px; top:0;} .threeCol .QSM .content .tripInfo .passagier img, .rightColumn .QSM .content .tripInfo .passagier img {margin:0;} .threeCol .QSM .bottomlist .contentBottom label, .rightColumn .QSM .bottomlist .contentBottom label {width:110px; margin-left:5px; font-size:12px;} .threeCol .QSM .bottomlist .contentBottom select, .rightColumn .QSM .bottomlist .contentBottom select {float:left; width:110px; margin-left:5px;} .threeCol .QSM .bottomlist .contentBottom input, .rightColumn .QSM .bottomlist .contentBottom input {float:left; width:117px; margin-left:2px;} .threeCol .QSM .bottomlist .contentBottom .rightfield, .rightColumn .QSM .bottomlist .contentBottom .rightfield {float:left; width:85px; margin-left:2px; padding:1px 1px;} /*Width BookingDestination Input Field*/ .QSM .bookingDestination {width:285px;} .home .QSM .bookingDestination {width:225px;} .threeCol .QSM .bookingDestination {width:200px;} /*Booking.com*/ .gotoBookingDotCom a {$borderRadius4 background-color:$nmbs; border:medium none; color:#FFFFFF; cursor:pointer; display:block; float:right; font-size:15px; font-weight:bold; height:25px; line-height:25px; padding:0 10px; margin-top:4px; text-decoration:none;} .QSM .gotoBookingDotCom {margin-right:-10px; margin-left:-5px; background-color:$priceTicketColor; $noBorderRadius} .QSM .content .tripInfo .gotoBookingDotCom a {font-size:15px; font-weight:bold; color:#FFFFFF; text-decoration:none; padding-bottom:0;} .bookingDate {float:left; width:50%; max-width:200px; min-width:110px; padding-bottom:10px;} .bookingDate label {width:100%; display:block;} .bookingDotComForm {padding-right:10px;} .bookingDotComForm .divider {height:5px; line-height:5px;} .bookingDotComForm .left {width:185px;} .bookingDotComForm .bookingDestination {width:100%} .bookingDotComForm .bookingDate .date.left {width:60px;} .bookingDotComForm label {margin-left:3px;} .search .selectorHref {float:right; height:25px; color:#FFF; background-color:$nmbs; display:block; padding:0 10px; line-height:25px; font-size:15px; font-weight:bold; text-decoration:none; border:none; cursor:pointer; $borderRadius4} /*QSM IFRAME*/ #carRentalFrame {height:290px; overflow:hidden; width:218px; margin:0 0 -5px -5px;} #accommodationProviderFrame {margin-bottom:-5px; margin-left:-5px; margin-right:-5px; overflow:hidden; width:223px;} .home #carRentalFrame, .landingHome #carRentalFrame {width:254px;} .home #accommodationProviderFrame, .landingHome #accommodationProviderFrame {width:254px;} /*Style search btn*/ .tripInfo .search {display:none;} .teaserComponent .tripInfo .search {display:block;} .teaserComponent .tripInfo .search input {float:right; height:25px; color:#FFF; background-color:$nmbs; display:block; padding:0 10px; line-height:25px; font-size:15px; font-weight:bold; text-decoration:none; border:none; cursor:pointer; $borderRadius4} /*carrousel*/ .carrousel {width:550px; $shadowDark $borderRadiusBottom10} .carrousel .carrouselTable {$borderRadiusBottom10 background-color:#A72C74;} .carrousel h3 {padding:15px 25px; font-size:13px;} .carrousel p {padding:0 25px 0 25px;} .carrousel a, .carrousel a:visited {text-decoration:none;} .carrousel a:hover {color:#000;} .carrousel .leesMeer a {margin-bottom:15px; float:left;} .carrousel .contendiv.panes div {display:none;} .carrousel .panes,.carrousel .carouselPane, .carrousel, .carrousel .headerImage img {$borderRadius10} .faqLarge .arrow,.carrousel .arrow {background:url("$imagePath/spritesComponents.gif") no-repeat 5px -940px; height:15px; top:0; width:20px; display:block; float:left;} .carrousel .headerImage {height:128px; width:548px; overflow:hidden; border:1px solid #CCC; border-bottom:none; $borderRadiusTop10} .carrousel .headerImage a {text-decoration:none;} .carrousel .content {border-left:1px solid #CCC; border-right:1px solid #CCC; padding:0;} .carrousel .nav {height:45px; overflow:hidden; font-size:14px; color:#FFF;} .carrousel .nav a {float:none; font-size:14px; color:#FFF; text-decoration:none;} .carrousel .nav a:hover {color:#000;} .carrousel .nav img {height:30px; width:35px; overflow:hidden; float:left; border:solid 3px #c97eab; margin:0 15px 7px 15px;} .carrousel .nav .selected img {width:35px; overflow:hidden; float:left; border:solid 3px #FFF; margin:0 15px 7px 15px;} .carrousel .headerImage .copyright {color:#FFFFFF; display:block; font-size:9px; height:14px; margin-right:2px; position:relative; text-align:right; text-decoration:none; top:-16px; width:540px; font-weight:bold;} .twoCol .carrousel table td, .threeCol .carrousel table td {height:10px; border:none;} .faqLarge .selected .tabs, .carrousel .selected {background:url("$imagePath/spritesComponents.gif") repeat-x 0 -584px; background-color:$beurope; background-color:#791852; $borderRadiusBottom10} .faqLarge .divider, .carrousel .divider {width:1px; background-color:#ba5b92; border-left:1px solid #8d2160;} .faqLarge .slider, .carrousel .slider {background:url("$imagePath/spritesComponents.gif") repeat-x 0 -500px; height:10px;} .twoCol .faqLarge table td, .threeCol .faqLarge table td {height:10px; border:none;} .faqLarge .sliderArrow, .carrousel .sliderArrow {background-image:url("$imagePath/spritesComponents.gif"); background-repeat:no-repeat; background-position:0 -730px; width:25px; height:10px; float:right; margin-right:15px;} .faqLarge .sliderArrow, .carrousel .sliderArrow {display:none;} .faqLarge .selected .sliderArrow, .carrousel .selected .sliderArrow {display:block;} .faqLarge .spriteBottomLeft, .faqLarge .spriteBottomRight, .carrousel .spriteBottomRight, .carrousel .spriteBottomLeft {height:6px; width:10px; background-image:url("$imagePath/spritesComponents.gif"); float:left;} .faqLarge .spriteBottomLeft, .carrousel .spriteBottomLeft {background-position:0 -472px; margin-left:-1px;} .faqLarge .spriteBottomRight, .carrousel .spriteBottomRight {background-position:0 -489px; float:right; margin-right:-1px;} /*carrouselTop*/ .faqLarge .accordion {padding:35px 25px; line-height:15px;} .faqLarge .accordion .content {margin:0 20px 20px 20px; border:none;} .faqLarge .accordion .content a, .faqLarge .accordion .content a:visited {text-decoration:none; color:$nmbs;} .faqLarge .accordion .content a:hover {text-decoration:none; color:#000;} .faqLarge .accordion .content img {float:left; margin-right:5px; margin-bottom:5px;} .faqLarge .accordion h3 {line-height:20px; padding-left:20px; display:block;background:url("$imagePath/spritesComponents.gif") no-repeat 5px -940px; background-color:transparent; border-bottom:none; cursor:pointer; font-weight:normal; color:$nmbs; display:block;} .faqLarge .accordion h3:hover,.faqLarge .nav a:hover {color:#000;} .faqLarge .content {border:1px solid #CCC; border-top:none; padding:0; background-color:#FFF; $borderRadiusBottom10} .faqLarge .nav {height:45px; overflow:hidden; background-color:#a72c74;} .faqLarge .nav a {font-size:14px; color:#FFF; text-decoration:none; margin:0 20px; display:block;} .faqLarge .selected a:hover, .carrousel .selected a:hover {color:#FFF;} .carrousel .bookNow {float:right; margin-top:15px; margin-right:10px;} .faqLarge .stroke {display:none;} /*PriceTag*/ .bookNow {height:28px; margin:0 2px 2px 2px; background-color:$beurope;} .bookNow .priceTag {height:28px; float:left; font-weight:bold; font-size:27px; color:$beurope;line-height:29px; background-color:#FFF;} .bookNow .priceTagLeft, .bookNow .priceTagRight {height:28px; width:9px; background:url("$imagePath/spritesComponents.gif") 0 -755px; float:left;} .bookNow .priceTagRight {margin-right:3px; background-position:9px -755px;} .teaserComponent .bookNow p {margin:0;} .bookNow p {font-size:10px; font-weight:bold; color:#FFF;line-height:10px; padding:0; margin-top:3px; float:left; text-align:right; padding-left:5px;} .bookNow td {height:28px;} .bookNow .button {height:28px; margin-left:1px; background-color:$nmbs; float:right; font-weight:bold; color:#FFF; border-left:1px solid #FFF; text-align:center; line-height:28px; padding:0 10px; float:right;} .bookNow .button a, .bookNow .button a:link, .bookNow .button a:visited {text-decoration:none; color:#FFF; display:block; font-size:16px} .bookNow .button a:hover {color:#000;} .bookNow.pound .priceTag .euro {font-size:16px; height:15px; line-height:16px;width:auto; display:block;} .bookNow.pound .priceTag .pound {font-size:11px; height:13px; line-height:12px; color:#707070;width:auto; display:block; font-weight:normal;} .threeCol .carrousel table tbody tr .button {height:28px;} /*Lister*/ .lister {margin-top:20px; border-bottom:solid 1px #dedede;} .lister .imagecontainer {height:70px; width:110px; overflow:hidden; margin-right:15px; float:left;} .lister h3 {font-size:13px; font-weight:bold;} .lister p {margin-left:125px; margin-bottom:15px;} .lister a {margin-bottom:15px; float:left;} .lister .arrow {background:url("$imagePath/spritesComponents.gif") no-repeat; background-position:5px -940px; width:15px; height:15px; top:0; width:20px; display:block; float:left;} .lister .more {margin-left:125px;} .HotItemsComponent .lister a {float:none;} .HotItemsComponent .lister .arrow {display:none;} .alertLister {margin-top:20px; border-bottom:solid 1px #dedede;} .alertLister h3 {font-size:13px; font-weight:bold;} .alertLister p {font-size:12px; margin-bottom:15px;} .alertLister ul {font-size:12px; margin-bottom:15px; margin-left:18px;} .alertLister img {margin:0 5px;} .alertLister a {color:$nmbs; margin-bottom:15px; padding:0;} .alertLister a:Hover {color:#000;} .alertLister .arrow {background:url("$imagePath/spritesComponents.gif") no-repeat; background-position:5px -940px; width:15px; height:15px; top:0; width:20px; display:block; float:left;} /*infoAccordion*/ .wrapper .accordion h3 {height:28px; line-height:28px; background:url("$imagePath/spritesComponents.gif") no-repeat right -888px; padding-left:10px; display:block; background-color:#D6DEE3; border-bottom:solid 1px #FFF; margin-bottom:0; cursor:pointer; font-size:13px;} .wrapper .accordion .selected {color:$beurope; background-position:right -918px; background-color:$beuropelight;} .wrapper .accordion .content {padding:0; margin:20px; border:none;} .wrapper .accordion .content a, .wrapper .accordion .content a:visited {color:$nmbs; text-decoration:none;} .wrapper .accordion .content a:hover {color:#000; text-decoration:none;} .wrapper .accordion .content .lister {margin-top:20px; font-size:13px; border:none;} .wrapper .accordion .content .lister img {height:55px; width:47px; overflow:hidden; margin-right:10px; float:left;} .wrapper .accordion .content .lister h4 {font-weight:bold; font-size:12px; margin-left:60px;} .wrapper .accordion .content .lister p {font-size:12px; margin-bottom:0; margin-left:60px;} .wrapper .accordion .content .lister a {color:$nmbs; margin-bottom:0; float:left; margin-left:0;} .wrapper .accordion .content .lister .infoIcon {background:url("$imagePath/spritesComponents.gif") no-repeat; background-position:5px -867px; width:15px; height:15px; top:0; width:20px; display:block; float:left;} /*General teaserComponent*/ .teaserComponent {border:1px solid #d6dee3; font-size:13px; margin-bottom:0; $borderRadius7 $shadowComponents} .teaserComponent h2 {background:#d6dee3; height:36px; margin:2px; line-height:32px; font-size:18px; font-weight:bold;display:block; color:#000;overflow:hidden; $borderRadiusTop4 padding-left:5px; } .teaserComponent h2 img {margin:0 5px 2px 0; position:relative; width:38px; height:24px; overflow:hidden; font-size:0; vertical-align:middle; } .teaserComponent.alertWrap h2 {color:#fff; background:no-repeat #D60111 0 -68px; height:36px; margin:2px; line-height:32px; font-size:18px; font-weight:bold; padding-left:5px; display:block; text-decoration:none;text-shadow:none;} .teaserComponent.highlight {border:1px solid #D6DEE3;} .teaserComponent.highlight h2 {background:$beuropelight 0 -34px; height:36px; display:block; margin:2px; overflow:hidden; line-height:36px; font-size:18px; font-weight:bold; color:$beurope; padding-left:10px;} .teaserComponent.highlight h2 img {display:none;} .teaserComponent.corporate h2 {background:$corporate 0 -34px; height:36px; display:block; margin:2px; overflow:hidden; line-height:36px; font-size:18px; font-weight:bold; color:#FFF; padding-left:10px; text-shadow:none;} .teaserComponent.corporate h2 img {display:none;} .teaserComponent.lineCorporate {border:none; $noShadow} .teaserComponent.lineCorporate h2 {background:none; border-bottom:2px solid #D3DDE3; color:$corporate; text-shadow:none; margin:0px; } .teaserComponent.lineCorporate .teaserContent{border:1px solid #DBDBDB; border-top:0px;} .teaserComponent .bookNow {$borderRadiusBottom4} .teaserComponent .bookNow .button {-moz-border-radius:0 0 4px 0; border-radius:0 0 4px 0;} /*Biz*/ .teaserComponent.biz h2 {background-color:#cfedbf; color:#5C9F38;} .teaserComponent.biz a, .teaserComponent.biz a:visited{ color:#5C9F38;} .teaserComponent.biz .contentTopDestination table table {color:#5C9F38;} .teaserComponent.biz .contentTopDestination.pound .pound {color:#707070;} .teaserComponent.biz .contentTopDestination .middle .column ul .price, .contentTopDestination .price{color:#5C9F38;} /*TeaserComponent Content*/ .teaserComponent p {margin:10px;} .teaserComponent h3 {font-size:16px; top:0; left:0; margin:10px 10px 0 10px; color:$beurope; font-weight:normal;} .teaserComponent .leesMeer a {float:left;} .teaserComponent .leesMeer .arrow {background:url("$imagePath/spritesComponents.gif") no-repeat 5px -940px; height:15px; top:0; width:20px; float:left; display:block;} .teaserComponent .contentText img {float:right; margin-bottom:5px; margin-left:5px; width:90px; height:90px; overflow:hidden;} .teaserComponent .contentText .leesMeer {margin:0 0 10px 10px; height:18px;} .teaserComponent .contentText .leesMeer a {float:left;} .teaserComponent .contentText .leesMeer .arrow {width:20px;} .teaserComponent .richContentText img {margin:0;} .teaserComponent .contentLister p {margin-top:0; line-height:15px; float:left} .teaserComponent .contentLister .date {color:$nmbs; font-weight:bold;} .teaserComponent .contentLister .leesMeer {float:right; position:relative; font-size:13px; margin:0 10px 10px 0; padding-right:20px; color:$nmbs;} .teaserComponent .contentLister .leesMeer .arrow {position:absolute; right:0; float:right;} .teaserComponent .contentLister .stroke {margin:0 10px; border-top:1px dashed $nmbs;} .teaserComponent .contentAlert h3 {color:#D60111; float:left;} .teaserComponent .contentAlert .date {color:$nmbs; font-weight:bold;} .teaserComponent .contentAlert .leesMeer {float:right; position:relative; font-size:13px; margin:10px 10px 10px 0; padding-right:20px; color:$nmbs;} .teaserComponent .contentAlert .leesMeer .arrow {position:absolute; right:0; top:0;float:right; width:20px;} .teaserComponent .contentAlert .stroke {margin:10px 10px 0 10px; border-top:1px dashed #D60111;} .teaserComponent .contentLinks {margin:10px;} .teaserComponent .contentLinks .leesMeer {margin-bottom:10px; margin-left:10px; color:$nmbs;} .teaserComponent .contentLinks div {color:$nmbs; display:block; line-height:18px; padding-left:20px; background:url("$imagePath/spritesComponents.gif") no-repeat 5px -940px; margin-left:10px;} .teaserComponent .contentImage {overflow:hidden; margin:0 2px; position:relative;} .teaserComponent .contentImage .bookNow {z-index:10; width:100%; position:absolute; bottom:0; margin:0; left:0;} .teaserComponent .contentOther {position:relative;} .teaserComponent .contentOther p {margin:15px; z-index:20; top:0; line-height:18px;} .teaserComponent .contentOther .imagecontainer {margin:0 3px; position:absolute; top:231px; z-index:10; bottom:0; overflow:hidden; width:384px;} .teaserComponent .contentOther .leesMeer {margin:0 0 10px 10px;} .teaserComponent .contentOther .leesMeer a {float:left;} .teaserComponent .contentOther .bookNow {height:28px; position:absolute; background-color:$beurope; width:260px; z-index:20;} .teaserComponent .contentOther .bookNow p {font-size:10px; line-height:10px; margin:0; margin-top:3px; position:relative;} .teaserComponent .contentRichText {z-index:10;} .teaserComponent .contentRichText p {z-index:20; display:block;} .teaserComponent .contentRichText div {width:110px; float:left; margin-left:15px;} .teaserComponent .contentRichText div img {width:110px; height:48px; margin-bottom:10px;} .teaserComponent .contentRichText div a {display:block; padding-bottom:10px; margin-left:5px;} .teaserComponent .contentRichText .leesMeer {margin:0 0 10px 10px; height:18px;} .teaserComponent .contentLastMinute p {color:$nmbs;} .teaserComponent .contentLastMinute p .date {font-weight:bold;} .teaserComponent .contentLastMinute h3 {font-size:18px;} .teaserComponent .contentLastMinute .bookNow {width:98%;} .teaserComponent .contentLastMinute .bookNow p {font-size:10px; line-height:10px; margin:0; margin-top:3px; color:#fff; font-weight:bold;} .teaserComponent .contentLastMinute .leesMeer {float:right; font-size:13px; margin:0 10px 10px 0;} .teaserComponent .contentLastMinute .stroke {margin:0 10px; border-top:1px dashed $nmbs;} .teaserComponent .contentHotItems {margin:10px 0;} .teaserComponent .contentHotItems h2 {margin:2px;} .teaserComponent .contentHotItems img {float:right; margin:3px; width:315px; margin-left:10px; margin-right:10px;} .teaserComponent .contentHotItems p {margin:0 10px 10px 30px;} .teaserComponent .contentHotItems div {color:$nmbs; display:block; line-height:18px; padding-left:20px; background:url("$imagePath/spritesComponents.gif") no-repeat 5px -940px; margin-left:10px;} .teaserComponent .contentHotItems div a:visited {color:$nmbs; text-decoration:underline;} .teaserComponent .contentHotItems .divider, .teaserComponent .contentHotelLister .divider {border-bottom:1px solid #DBDBDB; margin-right:10px; margin-bottom:5px; height:10px; background:none;} .teaserComponent .contentHotImtes .resetRight {background:none;} .teaserComponent .contentHotItems .leesMeer {margin:0 0 10px 10px; height:18px; background:none;} .teaserComponent .contentTopDestination {float:left; font-size:13px; margin:5px 0; width:98%;} .teaserComponent .contentTopDestination table table {padding:0 10px; color:$nmbs;} .teaserComponent .contentTopDestination .divider {margin-right:0; padding-right:10px; border-left:solid 1px #dee1e3;} .teaserComponent .contentTopDestination .middle .column ul .price, .contentTopDestination .price {float:right; font-weight:bold; color:$nmbs; padding-left:2px;} .teaserComponent .contentTopDestination table tr td {vertical-align:top;} .teaserComponent .contentTopDestination.pound table .leftColumn table {padding-right:0;} .teaserComponent .contentTopDestination.pound table .rightColumn table {padding:0;} .teaserComponent .contentTopDestination.pound .pound {color:#707070; font-weight:normal; padding-left:0; font-size:10px;} .teaserComponent .contentBookByDestination.pound .pound {color:#707070; font-weight:normal; padding-left:4px; font-size:10px;} .teaserComponent .contentBookByDestination.pound .wrapper .price {width:70px;} .teaserComponent .contentBookByDestination {margin:5px 0;} .teaserComponent .contentBookByDestination .wrapper {margin:0 10px; line-height:17px; margin-bottom:10px;} .teaserComponent .contentBookByDestination .wrapper table td {border-bottom:none; color:$nmbs; height:20px; width:135px; line-height:20px;} .teaserComponent .contentBookByDestination .wrapper .startingFrom {width:35px;} .teaserComponent .contentBookByDestination .wrapper .price {width:30px;} .teaserComponent .contentBookByDestination .divider {border-bottom:1px solid #DBDBDB; height:10px; margin:10px; margin-top:0;} .teaserComponent .contentBookByDestination .wrapper ul {text-align:right;} .teaserComponent .contentBookByDestination .wrapper li {list-style:none;} .teaserComponent .contentBookByDestination .wrapper .price {float:right; font-weight:bold; color:$nmbs;} .teaserComponent .contentHotelLister .divider {margin-left:10px;} .teaserComponent .contentHotelLister h3 {font-weight:bold; margin:10px 10px 0 85px;} .teaserComponent .contentHotelLister h3 .address {font-weight:normal; color:$nmbs;} .teaserComponent .contentHotelLister p {margin:5px 10px 0 85px;} .teaserComponent .contentHotelLister img {float:left; height:65px; width:65px; margin:5px 0 0 10px;} .teaserComponent .contentHotelLister .leesMeer {margin-bottom:10px; margin-left:85px; height:18px; background:none;} .teaserComponent .contentHotelLister .leesMeer.alignLeft, .teaserComponent .contentHotelLister .leesMeer.moreBottom {margin-left:10px;} .teaserComponent .contentForm.selectStation {background-color:#D6DEE3; margin:2px;} .teaserComponent .contentForm.selectStation .resetLeft {height:2px;} .teaserComponent .contentForm p {margin:7px 10px;} .teaserComponent .contentForm h3 {font-size:18px; line-height:32px;margin:0 10px; position:relative; color:$nmbs; font-weight:bold;} .teaserComponent .contentForm {margin-top:10px; margin-bottom:10px;} .teaserComponent .contentForm input {margin-left:10px; border:1px solid $nmbs; float:left; height:18px; margin-bottom:10px; margin-top:0;} .teaserComponent .contentForm a, .teaserComponent .contentForm a:visited {display:block; float:left; background-color:$nmbs; width:70px; height:20px; color:#FFF; text-decoration:none; text-align:center; font-weight:bold; font-size:12px; line-height:17px; margin-left:4px; padding:0;} .teaserComponent .contentForm a:hover {color:#fff;} .teaserComponent .contentForm select {margin-left:10px; border:1px solid $nmbs; height:18px; margin-bottom:10px; margin-top:0; width:210px;} .teaserComponent .contentForm.selectStation a {display:block; margin-bottom:10px; float:left; background-color:$nmbs; height:20px; color:#FFF; text-decoration:none; text-align:center; font-weight:bold; font-size:12px; line-height:17px; margin-left:10px;} .teaserComponent .contentForm #startEmailRegistration {height:22px; line-height:22px;} .teaserComponent .RichTextBg {margin:2px; margin-top:0; padding:0;} .teaserComponent .RichTextBg p {font-size:13px; margin:0; padding:10px 100px 10px 10px; position:relative;} .teaserComponent .RichTextBg .leesMeer {margin-left:10px; height:18px; background:none; padding-bottom:10px;} .teaserComponent .RichTextBg.selectStation select {margin-left:10px; height:18px; margin-bottom:10px; margin-top:0; float:left;} .teaserComponent .RichTextBg.selectStation a, .teaserComponent .RichTextBg.selectStation a:visited {display:block; float:left; background-color:$nmbs; width:70px; height:20px; color:#FFF; text-decoration:none; text-align:center; font-weight:bold; font-size:12px; line-height:17px; margin-left:10px; padding:0; margin-bottom:10px;} .teaserComponent .RichTextBg.selectStation a:hover {color:#fff;} .teaserComponent.corporateContracts {padding-bottom:7px;} .teaserComponent.corporateContracts h3 {font-size:13px; font-weight:bold; color:#000; margin:0 10px; border-bottom:1px solid #DBDBDB; padding:5px 0;} .teaserComponent.corporateContracts .contract {margin:3px 10px; line-height:20px; height:20px;} .teaserComponent.corporateContracts label {display:block; float:left;} .teaserComponent.corporateContracts .contract a {display:block; float:right; font-size:11px; color:#FFF; padding:0 10px 0 20px; height:20px; line-height:20px; font-weight:bold; text-decoration:none; border:none; cursor:pointer; $borderRadius7 background:url("$imagePath/spritesComponents.gif") no-repeat 2px -1549px $nmbs;} .teaserComponent.corporateContracts .contract a:hover {color:#000;} .teaserComponent.corporateContracts .contract label.contractType { padding-right: 5px } .teaserComponent.loginCompany {padding-bottom:10px;} .teaserComponent.loginCompany h2 {margin-bottom:10px;} .teaserComponent.loginCompany label {margin-left:10px;} .teaserComponent.loginCompany input.loginCompany {margin-left:10px; width:90%;} .teaserComponent.loginCompany input.btBoek {margin-left:10px; float:right;} .teaserComponent.loginCompany br {clear:both;} .teaserComponent .bookingDotComForm {margin-right:10px;} .QSM #checkbox, .teaserComponent #checkbox {vertical-align:middle;} .teaserComponent .tripInfo {padding:0 10px 10px 10px;} .teaserComponent .tripInfo img {float:left; margin-top:4px;} .teaserComponent.infoComponent {margin-top:20px;} .teaserComponent.infoComponent h2{background-color:transparent; margin:0 0 10px 2px; color:$priceTicketColor; padding-left:8px; height:auto; overflow:visible; padding-right:2px;} .teaserComponent.infoComponent h2 .ico {margin-top:5px;} .teaserComponent.infoComponent h2 img{top:4px; height:25px; width:25px;} .teaserComponent.infoComponent p {margin-top:0; font-size:11px;} .teaserComponent.infoComponent p img {float:left; margin-right:5px;} .teaserComponent.richTextLoader {width:368px; position:absolute; z-index:11000; left:50%; margin-left:-185px; top:50px; background-color:#FFF; overflow:hidden;} .teaserComponent.richTextLoader h2 img{ height:16px; width:16px; margin:0 0 3px 0;} .teaserComponent.richTextLoader .content {margin-left:2px;} .threeCol .teaserComponent a img, .twoCol .teaserComponent a img{margin-left:2px;} /*routeComponent*/ .routeComponent{ border:1px solid #dbdbdb; padding:1px; display:inline-block;} .routeComponent .map{height:496px; width:496px; position:relative;} .routeComponent .dotCity{background:url($imagePath/sprite_Components.png); height:10px; width:10px; position:absolute;} .routeComponent .city{background-position: -80px -240px;} .routeComponent .bigCity{background-position:-80px -250px;} .routeComponent.thalys .city{background-position: -90px -240px;} .routeComponent.thalys .bigCity{background-position:-90px -250px;} .routeComponent.fyra .city{background-position: -100px -240px;} .routeComponent.fyra .bigCity{background-position:-100px -250px;} .routeComponent.ice .city{background-position: -110px -240px;} .routeComponent.ice .bigCity{background-position:-110px -250px;} .routeComponent.tgv .city{background-position: -120px -240px;} .routeComponent.tgv .bigCity{background-position:-120px -250px;} .routeComponent.eurostar .city{background-position: -130px -240px;} .routeComponent.eurostar .bigCity{background-position:-130px -250px;} .routeComponent.tgvGreen .city{background-position: -140px -240px;} .routeComponent.tgvGreen .bigCity{background-position:-140px -250px;} .routeComponent.tgvOrange .city{background-position: -150px -240px;} .routeComponent.tgvOrange .bigCity{background-position:-150px -250px;} .uspItem {width:140px; margin-left:10px; float:left;} .middle uspItem{width:160px;} .uspItem .itemDescription{margin:0 0 10px 0; padding:0;} .DynamicCarrierMapComponent .uspItem{ float:left;} .DynamicCarrierMapComponent .UspListerComponent{ display:block;} .DynamicCarrierMapComponent .footerNav{$borderRadius6} .DynamicCarrierMapComponent .footerNav .first3Usps{display:block;margin-top:4px; $borderRadius6 border:2px solid #fff; background: #1E5799; /* old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 60%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff ), color-stop(60%,#f2f2f2)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* ie */} .UspListerComponent .uspItem p{padding:0; margin:0;} .carrierMap .StaticRouteMapComponent{ float:right;} .carrierMap .UspListerComponent{ float:left; background: #FFFFFF; border-top: 0 none; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* ie */} .carrierMap .first3Usps{width:165px; margin:10px 10px 10px 0;} .first3Usps .uspItem{ float:left;} .footerNav .first3Usps + div{ background: #F2F2F2;margin-top: -5px;padding-top: 5px;margin-left: 2px;margin-right: 2px;margin-bottom: 2px;} .first3Usps + div{/*width:530px; position:relative;*/} .footerNav .first3Usps + div{/*width:530px; */position:relative; background-color:#f2f2f2; margin-top:-5px; padding-top: 5px;} .UspListerComponent{width:145px;} .mapAndUspWrapper{border:1px solid #DBDBDB; $borderRadius6} .UspListerComponent{display:block; border-top:1px solid #DBDBDB;} .UspListerComponent{$borderRadiusBottom6 border:2px solid #fff; border-top:1px solid #DBDBDB; background: #1E5799; /* old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 60%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff ), color-stop(60%,#f2f2f2)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* ie */} .UspListerComponent .uspItem{ float:left; width:141px; padding:10px; } .UspListerComponent .uspItem p{padding:0; margin:0;} .DynamicCarrierMapComponent .UspListerComponent .uspItem{ float:left; width:141px; padding:10px; } .DynamicCarrierMapComponent .UspListerComponent{ display:block;} .DynamicCarrierMapComponent .footerNav{$borderRadiusBottom6} .DynamicCarrierMapComponent .footerNav .UspListerComponent{display:block; border-top:1px solid #DBDBDB;} .DynamicCarrierMapComponent .footerNav .UspListerComponent{$borderRadiusBottom6 border:2px solid #fff; border-top:1px solid #DBDBDB; background: #1E5799; /* old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 60%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff ), color-stop(60%,#f2f2f2)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* ie */} .UspListerComponent .uspItem p{padding:0; margin:0;} .carrierMap .StaticRouteMapComponent{ float:right;} .carrierMap .UspListerComponent{ float:left; background: #FFFFFF; border-top: 0 none; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* ie */} .carrierMap .first3Usps{width:165px;} .first3Usps + div{width:530px; position:relative;} .UspListerComponent{width:145px;} .mapAndUspWrapper{border:1px solid #DBDBDB; $borderRadius6} .UspListerComponent{display:block; border-top:1px solid #DBDBDB;} .UspListerComponent{$borderRadiusBottom6 border:2px solid #fff; border-top:1px solid #DBDBDB; background: #1E5799; /* old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 60%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff ), color-stop(60%,#f2f2f2)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* ie */} .UspListerComponent .uspItem{ float:left; width:141px; padding:10px; } .UspListerComponent .uspItem p{padding:0; margin:0;} .tabComponent .tabNavigationWrapper{border:1px solid #a3b4bf; $borderRadius7 $shadowComponents} .tabComponent .TabNavigationInnerWrapper{ margin:2px; background-color:#D6DEE3; list-style:none; $borderRadius4} .tabComponent .tabNavigation {font-size:13px;} .tabComponent .tabNavigation li{display:block; cursor:pointer; padding:0px 10px; $borderRadius4 color:#000; float:left; margin:5px 0 5px 5px; height:20px; line-height:20px; text-decoration:none;} .tabComponent .tabNavigation li.current{background:$nmbs;color:#FFF; } .tabComponent .lister {margin-top:20px; border-bottom:solid 1px #dedede;} .tabComponent h3 {font-size:15px; font-weight:bold;} .tabComponent h3 img{margin-right:2px;} .tabComponent p {font-size:12px; padding:10px;} .tabComponent.destinationList .link{margin: 1px 10px 1px 10px; padding:10px 0 10px 10px;} .tabComponent.destinationList .link:hover{background-color:#f7f7f7;} .tabComponent.destinationList .link:hover .tarif{background-color:#cbcbcb;} .tabComponent.destinationList .imagecontainer { float:left; margin-right:10px; width:110px; height:70px; overflow:hidden;} .tabComponent.destinationList .divider{ border-bottom:1px solid #DBDBDB; margin:0 10px;} .tabComponent.destinationList .tarif{float:right; padding:2px 5px; font-size:12px; background:#D6DEE3; $borderRadius4 margin-right:10px;} .tabComponent.destinationList p {margin-left:110px;} .tabComponent .tarifTable th{ background-color:$nmbs; text-align:left; color:#FFF; font-weight:bold; padding-left:10px; line-height:24px;} .tabComponent .tarifTable td{border-right:1px solid #DBDBDB; text-align:center;} .tabComponent .tarifTable .title{color:$beurope; text-align:left; padding-left:10px;} .tabComponent .tarifTable strong{padding:3px 0; display:block;} /*TeaserPositioning*/ .threeCol .middle .left .teaserComponent, .threeCol .middle .left .banner,.threeCol .middle .right .teaserComponent, .threeCol .middle .right .banner {width:265px;} .threeCol .right .teaserComponent, .threeCol .right .banner {width:233px;overflow:hidden;} .threeCol .right .teaserComponent .contentImage {width:229px; overflow:hidden;} .threeCol .right .banner {width:233px; overflow:hidden;} .threeCol .middle .right .teaserComponent .contentImage, .threeCol .middle .right .banner {width:260px;} .threeCol .right .teaserComponent span {width:229px; overflow: hidden;} .threeCol .middle .iFrameComponent,.threeCol .middle .teaserComponent {width:550px;} .twoCol .right .teaserComponent, .twoCol .right .iFrameComponent {width:800px;} .twoCol .right .left .teaserComponent, .twoCol .right .left .banner, .twoCol .right .right .teaserComponent, .twoCol .right .right .banner {width:390px;} .threeCol .middle .left .banner img, .threeCol .middle .right .banner img {width:259px;} .threeCol .right .banner img {width:227px;} .twoCol .right .left .banner img,.twoCol .right .right .banner img {width:384px;} .home .middleTop .teaserComponent .contentImage {overflow:hidden; margin:0 2px 2px 2px; position:relative; height:138px; width:366px;} .home .middleTop .teaserComponent .contentImage .bookNow {z-index:10; width:245px; position:absolute; bottom:0; margin:0; left:0;} .home .teaserComponent {position:relative;} .home .contentLastMinute table {position:absolute;bottom:-1px;} .home .leftTop, .home .middleTop, .home .middleBottom, .home .rightTop, .home .leftBottom, .home .rightBottom, .home .leftTopBig, .home .rightTopBig {border:1px solid #d6dee3; $borderRadius7 $shadowComponents background-color:#FFF;} .home .leftTop .teaserComponent, .home .middleTop .teaserComponent, .home .middleBottom .teaserComponent, .home .rightTop .teaserComponent, .home .leftBottom .teaserComponent, .home .rightBottom .teaserComponent, .home .leftTopBig .teaserComponent, .home .rightTopBig .teaserComponent {$noShadow} .home .teaserComponent {border:none;} .home .teaserComponent.highlight {border:0;} #business .teaserComponent.highlight h2 {background-color:#d9e6c6; color:#679b1c;} #business .home .QSM .search input {background-color:#679b1c;} .confirmationPage .component {float:left;} .confirmationPage .teaserComponent {width:190px;} .confirmationPage .teaserComponent {width:190px; float:left; margin-right:15px;} .confirmationPage .teaserComponent a {text-decoration:none;} .confirmationPage .teaserComponent a:hover {color:#000;} /* TRACK */ .track {margin:15px 0 7px 178px;} .track a:Hover {color:#000;} .track span .selected {color:$nmbs; font-size:11px; font-weight:bold;} /* SOCIAL COMPONENT */ .rightSocial {float: right; margin-top: 8px; margin-bottom: 8px;} .leftSocial {float: left;} .addthis_toolbox h2 {background-color:transparent; font-weight:normal; color:#999; border-bottom: solid 1px #eee; margin:0 10px 10px 10px;} .addthis_toolbox .vertical {background: #fff; padding: 1px; border: 3px solid #eee; $borderRadius5} .addthis_toolbox .vertical a {position: relative; display: block; background: #fff;padding: 4px 0 4px 34px; text-decoration: none;} .addthis_toolbox .vertical span {position: absolute; left: 14px; top: 4px;} .addthis_toolbox .vertical .more {border-top: solid 1px #eee; padding:5px 0; margin: 10px 10px 0 10px; text-align: center;} .addthis_toolbox .vertical .more a {padding: 4px 0; margin:0;} .addthis_toolbox .vertical .more a:hover {background:none;} .addthis_toolbox .vertical .more span {display: none;} .at300bs {_background-image:url("$imagePath/widget22.gif")!important;/*widget42.css staat onder general.css Fix For IE6*/} .addthis_toolbox .vertical a {_padding-left:60px; _margin-left:10px;} .addthis_toolbox .vertical a span {_padding-left:10px; _margin-left:-37px;} .followUs .contentLister {padding:0 10px 10px 10px;} .followUs .contentLister p {margin:5px 0 0 0;} .followUs .contentLister img {float:left;} .followUs .contentLister a, .followUs .contentLister a:visited {line-height:20px; float:left; display:block; height:23px; padding-left:3px; clear:left; text-indent:5px; text-decoration:none; display:block;} /*GreenpointsTable*/ .GPTable {/*width:590px;*/} .GPTable table {width:100%;} .GPTable th {background-color:$nmbs; color:#FFF; height:30px; font-weight:bold; font-size:11px; text-align:left; padding:0 2px;} .GPTable td {padding:0 2px;} .GPTable tr {line-height:20px} .GPTable tr:nth-child(odd) {background-color:#f3f8fc;} .GPTable tr.city td {border-bottom:1px solid #e1e9ec;} .GPTable tr.city +tr td {border-top:1px solid #FFF;} .GPTable td:nth-of-type(2), .GPTable th:nth-of-type(2) {text-align:center;} .GPTable tr:hover {background-color:#e1e9ec;} .GPTable tr .points {width:75px; text-align:right; padding-right:10px;} .GPTable tr .GPBookNow {width:40px;} .GPTable tr td .bt {background-color:$nmbs; height:px; padding:0 3px; font-size:11px; line-height:20px; color:#FFF; margin:2px 0; visibility:hidden; _visibility:visible;} .GPTable tr:hover td .bt { visibility:visible;} .GPTable tr:hover td .bt:hover {color:#000;} /*reCaptcha*/ #recaptcha_div {_display:block;} .reCaptcha {width:320px;} .reCaptcha img {margin:10px;} .reCaptcha input {width:190px; font-size:15px; height:20px; float:left; margin:3px 0 15px 15px;} .reCaptcha a {display:block; height:24px;margin:3px 0 0 2px; width:24px; background-color:$nmbs; float:left;} .reCaptcha a img {margin:0; filter:alpha(opacity=50); -moz-opacity:0.7;-khtml-opacity:0.7; opacity:0.7;} .reCaptcha a img:hover {filter:alpha(opacity=50);-moz-opacity:1; -khtml-opacity: 1;opacity:1;} .reCaptcha #recaptcha_image a {height:15px; line-height:15px; width:300px; margin:0; background-color:transparent; color:$nmbs; margin-left:15px;} /*AlertCarrousel*/ .alertCarrousel {width:976px; border:1px solid #d6dee3; margin-bottom:20px; background-color:#fff; $borderRadius7 $shadowComponents} .alertCarrousel .alertWrapper {margin:2px; height:36px; line-height:32px; padding-left:5px; display:block; background-color:#fff5eb; width:967px; $borderRadius4} .alertCarrousel .alertWrapper h2 {float:left; width:183px; font-weight:bold; height:25px; font-size:18px; color:#000;} .alertCarrousel .alertWrapper .alertNav {float:left; width:70px; height:25px; margin-top:5px; border-right:solid 1px #ecd3ab; margin-right:10px; overflow:hidden;} .alertCarrousel .alertWrapper .alertNav a {display:block; width:30px; float:left; height:25px;} .alertCarrousel .alertWrapper .alertNav a img {margin-top:7px; margin-left:5px; position:absolute;} .alertCarrousel .alertWrapper a, .alertCarrousel .alertWrapper a:visited {font-size:15px; line-height:36px; color:#666; font-weight:bold; height:30px; display:block; overflow:hidden;} .alertCarrousel .alertWrapper a:hover {color:#999;} .alertCarrousel .alertWrapper h2 img {top:6px; margin:0 5px 0 0; position:relative; width:38px; height:25px; overflow:hidden;} /*Table Designs*/ .priceTable th {height:50px; background-color:$nmbslight; text-align:center; color:#000; font-size:10px; padding-top:10px; text-transform:uppercase;} .priceTable th h3 {color:$nmbs; font-size:16px;text-transform:none;} .priceTable td {height:60px; border-bottom:1px solid #dee1e3; color:$beurope; font-size:16px; text-align:center;} .priceTable .travelType {color:#000; font-size:11px; text-align:left;} .priceTable .travelType h3 {color:#000; font-size:15px; font-weight:bold; text-align:left;} .priceTable table {width:540px!important;/*Overwrite Inline Style*/} .comfortTable .train {font-size:14px; font-weight:bold; width:110px; line-height:33px;} .comfortTable td {border-bottom:1px solid #dee1e3;} .comfortTable table th {width:60px; height:70px; overflow:hidden; background-color:#fff;} .eventTable th {height:32px; background-color:$nmbslight; text-align:left; color:#000; font-size:10px; font-weight:normal; line-height:32px; text-transform:uppercase; color:$nmbs;} .eventTable td {height:50px; line-height:50px; border-bottom:1px solid #dee1e3; color:#000; font-size:12px; text-align:left;} .eventTable a {color:$nmbs;} .eventTable table .button a {display:block; height:25px; line-height:25px; font-weight:bold; font-size:14px; text-decoration:none; color:#FFF; padding:0 5px; background-color:$nmbs; width:auto; float:right;} .tariffPriceTable{border:1px solid $headerColorActive;} .tariffPriceTable td{height:20px; padding-left:5px;} .tariffPriceTable th{color:$nmbslight; background-color:$headerColorActive; height:25px;} .tariffPriceTable .cellWhite{ background-color:#fff;} .tariffPriceTable tr{ background-color:$nmbslight;} /*Banners*/ .banner {border:1px solid #d6dee3; position:relative; font-size:13px; margin-bottom:0; $borderRadius7 $shadowComponents} .banner img {margin:3px 3px 0 3px; overflow:hidden; border:none;} .banner .bookNow {height:28px; margin:0 3px 3px 3px; background-color:$beurope; position:absolute; bottom:0; -moz-border-radius:0 0 0 4px; border-radius:0 0 0 4px; left:0;} /*Praktisch Name*/ .praktisch {padding-top:10px; width:275px; float:left;} .praktisch img {float:left; width:38px; height:25px; overflow:hidden;margin-left:9px; margin-right:5px;} .praktisch h3 {font-size:18px; font-weight:bold; margin-left:40px;} .praktisch p {margin-left:50px;} .praktisch div {font-size:13px; color:$nmbs; display:block; line-height:18px; padding-left:20px; background:url("$imagePath/spritesComponents.gif") no-repeat 5px -940px; margin-left:45px;} .praktisch div a, .praktisch div a:visited {/*color:$nmbs;*/ padding:0;} .praktisch div a:hover {color:#000;} .praktisch .leesMeer a, .praktisch .leesMeer a:visited {color:#777; padding:0;} .praktisch .leesMeer a:hover {color:#000;} .praktisch .leesMeer {font-size:13px; color:$nmbs; display:block; line-height:18px; padding-left:20px; background:url("$imagePath/spritesComponents.gif") no-repeat 5px -430px; margin-left:45px;} .dividerPraktisch {border-bottom:solid 1px #CCC; clear:left; height:15px; margin-bottom:10px;} /*------------------------=_Components--------------*/ .middle .TitleContentComponent ul, .middle .TitleContentComponent ol {list-style-position:inside;} .RichTextTeaserComponent ul, .RichTextTeaserComponent ol {list-style-position:inside;} .booking .TitleContentComponent {width:700px; margin-bottom:20px;} .booking .TitleContentComponent ul {margin-left:20px;} /*Klantendienst*/ .klantendienst h3 {font-size:15px;} .klantendienst p {line-height:18px;} .klantendienst img {float:left; margin-right:10px; height:88px; width:110px; overflow:hidden;} .klantendienst .divider {border-bottom:1px solid #DBDBDB; margin-right:10px; margin-bottom:5px; height:10px; background:none; margin-bottom:10px;} .klantendienst p a, .klantendienst p a:visited {color:$nmbs;} .klantendienst p a:hover {color:#000;} .paragraph h1 {font-size:30px; font-weight:bold; color:$nmbs;} .paragraph p {margin-top:10px; font-size:12px;} /*UL*/ .textblock {line-height:18px; font-size:12px;} .textblock img {margin-right:10px;} .textblock ul {margin-left:20px;} .textblock ul li {list-style-position:outside;} .carrousel ul {padding:0 25px;} .lister ul {margin-left:140px; list-style-position:outside;} .teaserComponent ul {margin:0 10px;} .praktisch ul {margin:0 0 0 50px;} /*Tooltip*/ .tooltip {max-width:220px; _width:220px; display:none; z-index:99999;} .tooltip .content {border:1px solid #DBDBDB; background-color:#FFF;} .tooltip p {padding:10px; display:block; background-color:$firstClassColor; margin:4px; color:#FFF;} .tooltip p img {float:left; margin-top:-3px; margin-right:3px;} .tooltip .footer {background:url("$imagePath/tooltipArrowSprite.png") 0 0 no-repeat; margin:0; height:18px; padding:0; width:32px; margin-left:auto; margin-right:auto; margin-top:-5px;} .tooltip .pink p {background-color:#dd90ba;} .tooltip .pink .footer {background-position:-40px 0;} .tooltip .green p {background-color:#84e188;} .tooltip .green .footer {background-position:-80px 0;} .tooltip .blue p {background-color:#9cd6fc;} .tooltip .blue .footer {background-position:-120px 0;} .tooltip .orange p {background-color:#feaa48;} .tooltip .orange .footer {background-position:-160px 0;} .tooltip .promoIcc p {background-color:#CC0000;} .tooltip .red p {background-color:#CC0000;} .tooltip .red .footer {background-position:-200px 0;} .tooltip .yellow p {background-color:#f6f30b; color:#222;} .tooltip .yellow .footer {background-position:-240px 0;} .tooltip .magenta p {background-color:$secondClassColor;} .tooltip .magenta .footer {background-position:-280px 0;} .tooltip .grey p {background-color:#7c7c7c;} .tooltip .grey .footer {background-position:-480px 0;} .tooltip .lightBlue p {background-color:$nmbslight; color:$nmbs;} .tooltip .lightBlue .footer {background-position:-360px 0;} #step2CustomTooltipContainer.tooltip {max-width:400px; _width:400px; color:#fff;} #step2CustomTooltipContainer.tooltip table{margin:4px; background-color:$nmbs; padding:5px;} #step2CustomTooltipContainer.tooltip table th{ text-align:left; padding:0 4px; font-weight:normal;} #step2CustomTooltipContainer.tooltip span{color:#DBDBDB; font-weight:normal;} #step2CustomTooltipContainer.tooltip img{padding-right:3px;} #step2CustomTooltipContainer.tooltip .magenta table{ background-color:$beurope; } /* -------------------------------------------------*/ /* */ /* =MyTrain */ /* */ /*--------------------------------------------------*/ .myTrain {width:620px; /*height:526px;*/ background:#FFF; padding-bottom:20px; $borderRadius6 $shadowDark} .myTrainHeader {width:580px; background-color:$nmbslight; margin:0 20px; height:28px;} .myTrainHeader h1 {font-size:12px; color:$nmbs; padding:7px 0 0 15px; float:left; margin:0; height:20px; font-weight:bold;} .myTrain .spacer {height:20px;} .myTrain .left {float:left; margin-left:25px; margin-right:20px;} .loginForm .left {margin-left:0; margin-right:0;} .myTrain .myTrainLogin .right{width:auto;} .myTrain .left h2 {color:$nmbs; font-size:12px; margin-left:15px;} .myTrain .left p {color:#666; margin:15px; margin-right:40px;} .myTrain .loginForm {color:#666; font-size:11px;} .myTrain .loginForm label {width:100px; float:left;} .myTrain .loginForm p {color:#666; font-size:11px; margin:10px;} .myTrain .loginForm input, .myTrain .loginForm label, .myTrain .loginForm a {margin-left:20px;} .myTrain .loginForm a {color:$nmbs;} .myTrain .loginForm a:Hover {color:#000;} .myTrain .icoClose {width:30px; height:30px; background:url("$imagePath/icoClose.png") no-repeat; position:absolute; top:0; right:0; margin-top:-15px; margin-right:-15px; cursor:pointer;} .myTrain hr {margin:10px 25px 10px 0;} .myTrain .dataForm {width:570px; color:#666;} .myTrain .dataForm label {width:110px; float:left; line-height:23px;} .myTrain .dataForm p, .myTrain .dataForm input, .myTrain .dataForm label {margin-left:15px;} .accordionMyTrain {width:716px; height:28px; border:1px solid $nmbs; border-bottom:none; padding:3px 0 0 3px;} .accordionMyTrain h1 {font-size:12px; color:$nmbs; padding:7px 0 0 15px; float:left; margin:0;background-color:$nmbslight; width:698px; height:20px; font-weight:bold;} .myTrainForm {float:left; margin:10px 0 0 0; width:280px;} .myTrainForm label {width:100px; float:left;} .myTrainForm p {margin-right:10px;} .myTrainBorder {border-top:1px solid $nmbs; width:721px;} .myProfileForm {margin:0; padding-left:20px; color:#666;} .myProfileForm label {width:120px; float:left;} .myProfileForm input { width:130px;} .myProfileForm p {margin-right:10px;} .myProfileForm h2 {color:$nmbs; font-size:12px; margin-left:0; padding-bottom:15px;} .myProfileForm.checkBoxes .checkBox{ width:10px;} .myProfileForm.checkBoxes .xSmall{width:35px; padding-left:0;} .myTrainForm.marginLeft {padding-left:10px; width:250px!important;} .myTrainForm.marginLeft label {width:70px;} .myTrainLogin {width:260px; float:left; margin:0 -20px 0 38px; /*IE6Fix*/_margin-left:30px; $borderRadius7 border:1px solid #E5E5E5;} .myTrainLogin h2 {font-size:14px; padding:5px; margin:2px; color:#000; $borderRadiusTop3 background:#E5E5E5;} .myTrainLogin h2 img {vertical-align:middle;} .myTrainLogin p {color:#666; margin:15px;} .myTrain .left .green {color:#00AB04; font-weight:bold;} .myTrain .left .green p {padding-left:10px;} .detailMyTrain {width:580px; position:relative; /*margin-left:-100px;*/ background-color:#FFF; padding:20px; $borderRadius6 $shadowDark} .detailMyTrain .myTrainHeader {margin:0; margin-bottom:5px; width:580px;} .right .detailMyTrain {margin-left:0;} .detailMyTrain .icoClose {width:30px; height:30px; margin-right:-15px; margin-top:-15px; background:url("$imagePath/icoClose.png") no-repeat; position:absolute; top:0; right:0; cursor:pointer; z-index:30;} .detailMyTrain .content {padding:5px 0;} .detailMyTrain .alert {width:695px; margin-bottom:10px;} .detailFooter {width:800px; margin-left:auto; margin-right:auto; height:90px; display:none;} #registerUserForm.detailMyTrain.PersonalDataUpdateContainer #messageBox.alert {width:550px;} #registerUserForm.detailMyTrain.PersonalDataUpdateContainer .messageBox .green {width:558px; margin-top:-2px;} .myTrain .myTrainLogin .alert {width:236px; margin-left:2px;} .myTrain .left .alert .left {margin-left:0; margin-right:0;} .myTrain .left .alert {border:none; width:555px; border:none; margin-bottom:7px;} .myProfileForm .alert {margin-left:-27px; margin-top:-17px; padding-left:15px; width:766px;} .myTrain .messageBox {background-color:#FFF5EB; width:685px;} .myTrain #PerferencesOkMessage {padding:20px 0 0 40px;} .myTrain .bottomNav input {float:right;} .corporateDataMain .bottomNav {float:right; margin-right:10px;} .PasswordForgottenDialogComponent .left {width:580px;} .PasswordForgottenDialogComponent .green {background-color:#eefbdb; color:#00AB04; border-bottom:1px dotted #00AB04; margin:-8px 0 5px -20px; width:560px; padding:5px 5px 9px 15px; margin:2px 0 5px -5px;} .PasswordForgottenDialogComponent .green img {margin-bottom:-2px;} .PasswordForgottenDialogComponent .left .alert {border-bottom:1px dotted #CC0000; margin-top:-9px; width:548px;} .MyPurchasesComponent .accordionMyTrain {width:795px;} .MyPurchasesComponent .accordionMyTrain h1 {width:776px;} .MyPurchasesComponent #beneFrameParent {width:798px; padding:0;} .MyPurchasesComponent .bene {width:798px; margin-left:0px;} .MyPurchasesComponent .myTrainBorder {width:800px;} .MyPurchasesComponent .alert {width:778px; margin-top:-1px; border-right:1px solid $nmbs; border-left:1px solid $nmbs;} .CompanyPurchasesComponent .alert {border-left:1px solid $nmbs; border-right:1px solid $nmbs;} .addCompany p {width:540px;} .addCompany .typeOnderneming input {margin-right:5px; vertical-align: middle; margin-bottom:3px; width:10px;} .addCompany .typeOnderneming label {width:auto;} .addCompany .typeOnderneming br {clear:both;} .detailMyTrain .addCompany .left {width:250px;margin:0; border-right:1px solid #DBDBDB;} .detailMyTrain .addCompany .right {width:230px; margin-right:23px;} .addCompany .left label, .addCompany .right label {display:block; float:left; margin-left:0; width:230px;} .addCompany .left input, .addCompany .right input {width:230px; padding:0; height:18px; line-height:18px; margin:0 5px 5px 0; padding-left:3px;} .addCompany br {clear:both;} .addCompany hr {margin-left:20px; width:540px;} .addCompany input {margin:0;} .addCompany input.xSmall {width:35px; padding-left:0;} .addCompany input.small {width:60px; font-size:11px; text-align:center; padding-left:0;} .addCompany input.medium {width:140px;} .addCompany input.large {width:160px;} .addCompany label.xSmall {width:41px;} .addCompany label.small {width:67px; font-size:11px;} .addCompany label.medium {width:153px;} .addCompany label.large {width:162px; margin-left:5px;} .addCompany textarea {width:227px; max-width:227px; min-width:227px; padding:0; margin:0 5px 5px 0; padding-left:3px; height:40px;} .addCompany select {height:20px; width:233px; padding:1px 0 0 0; line-height:18px; margin:0 10px 5px 0;} .addCompany .checkboxes label{width:200px;} .addCompany .checkboxes input {width:auto; float:left; vertical-align: middle; margin-top:-2px;} .addCompany .bottomNav {float:right; margin-right:60px;} .addCompany .bottomNav input {margin:10px 10px 0; outline-style:none; padding:0 10px;} .addCompany #ConditionsPopup p, .addCompany #PrivacyStatementPopup p {width:auto; padding-right:20px; margin-left:20px; text-align:justify; color:#666; line-height:15px; font-size:11px;} .CompanyDataManagementControl .corporateData {width:594px;} .CompanyDataManagementControl .bottomNav {float:right; margin-right:15px;} .popupContainer .addCompany #messageBox {margin-top:-8px; margin-left:0px; width:560px;} .popupContainer .addCompany #messageBox .left {border:none; margin:0; padding:0;} .popupContainer .bottomNav {float:right;} .popupContainer .PreferencesUpdateContainer .myTrainHeader {margin:0 20px; width:580px;} .popupContainer .PreferencesUpdateContainer .spacer { height:20px;} .popupContainer .PreferencesUpdateContainer #messageBox{width:550px; margin-left:20px; margin-top:2px;} .registerCompanyNoPopUp {margin-top:20px;} .registerCompanyNoPopUp .myTrainHeader{width:530px; margin-bottom:10px;} .registerCompanyNoPopUp .addCompany hr {width:550px; margin-left:0; background-color:#DBDBDB;} .registerCompanyNoPopUp .addCompany p {width:520px;} .registerCompanyNoPopUp .addCompany .bottomNav {margin-right:0;} .registerCompanyNoPopUp .myProfileForm .left, .registerCompanyNoPopUp .myProfileForm .right {width:270px;} .registerCompanyNoPopUp .myProfileForm {padding-left:0;} .registerCompanyNoPopUp .addCompany .left{border-right:1px solid #DBDBDB;} .registerCompanyNoPopUp .addCompany .left input,.registerCompanyNoPopUp .addCompany .right input {width:255px;} .registerCompanyNoPopUp .addCompany input.large {width:185px;} .registerCompanyNoPopUp .addCompany input.medium {width:165px;} .registerCompanyNoPopUp .addCompany input.small {width:60px;} .registerCompanyNoPopUp .addCompany input.xSmall {width:34px;} .registerCompanyNoPopUp .addCompany textarea {max-width:255px; min-width:255px; width:255px;} .registerCompanyNoPopUp .addCompany .checkboxes label { width:240px;} .registerCompanyNoPopUp .addCompany label{width:260px;} .registerCompanyNoPopUp .addCompany .typeOnderneming label {width:auto;} .registerCompanyNoPopUp .addCompany label.large {width:190px;} .registerCompanyNoPopUp .addCompany label.medium {width:165px; margin-right:15px;} .registerCompanyNoPopUp .addCompany label.small {width:60px; margin-right:7px;} .registerCompanyNoPopUp .addCompany label.xSmall {width:35px; margin-right:10px;} .registerCompanyNoPopUp .addCompany select {width:260px;} .registerCompanyNoPopUp .addCompany .checkboxes input {width:auto; float:left; vertical-align: middle; margin-top:-2px;} /*Footer*/ .myTrain {position:relative;} .myTrain .footerIcons {width:580px; height:51px; border-bottom:4px solid $beurope; margin-left:20px; bottom:31px; left:0;} .myTrain .footerIcons img {margin-top:18px;} .myTrain .footerIcons .right img {margin-top:0;} .myTrain .footerIcons .left {margin-left:0;} /*Alert*/ .PersonalDataUpdateContainer {border:none;} #loginPopupContainer {left:50%!important; margin-left:-310px!important;} .PersonalDataUpdateContainer .myProfileForm .alert, .PersonalDataUpdateContainer .myProfileForm .green {background-color:#FFF5EB; width:550px; margin-left:-41px; margin-top:-35px; padding-left:20px; border-bottom:1px dotted #C00} .PersonalDataUpdateContainer .myProfileForm .green {background-color:#eefbdb; color:#00AB04; border-bottom:1px dotted #00AB04; margin:-8px 0 5px /*-20px*/; width:560px; padding:5px 5px 9px 15px;} .popupContainer .PersonalDataUpdateContainer .myProfileForm .alert {width:555px; margin-left:-20px; margin-top:-8px; padding-left:15px;} .PersonalDataUpdateContainer .myProfileForm .alert {width:762px;} .PreferencesUpdateContainer .alert {margin:3px; width:762px; padding-left:20px;} .PreferencesUpdateContainer .alert .left {margin:0 5px 0 -5px;} .PreferencesUpdateContainer .spacer {height:4px;} #UpdatePreferencesComponent .PreferencesUpdateContainer .green {background-color:#eefbdb; background-image:none; margin-left:3px; width:773px; padding:5px 5px 9px 15px; margin-bottom:0; margin-top:2px; border-bottom:1px dotted #00AB04; color:#00AB04;} #CancellationDetail.info{margin-right:20px;} .PersonalDataUpdateContainer .green {background-color:#eefbdb!important;} .changePasswordForm .alert {width:566px; margin-left:-41px; margin-top:-3px; padding-left:15px;} #changePasswordForm .messageBox .green {width:566px; margin-left:-41px; margin-top:-3px; padding-left:15px; background-color:#EEFBDB; border-bottom:1px dotted #00AB04; color:#00AB04;} #changePasswordForm img {position:absolute; margin-top:2px;} #changePasswordForm label {line-height:22px;} .twoCol .right .icoClose {display:none;} .twoCol .right .detailMyTrain .alert, .twoCol .right .detailMyTrain .green {margin-top:-3px; margin-left:-39px; width:548px;} .twoCol .right .detailMyTrain .bottomNav {float:right; margin-right:10px;} .twoCol .right .detailMyTrain {$noBorderRadius $noShadow border:1px solid $nmbs; padding:3px;} .twoCol .right .detailMyTrain .content {padding:0 0 10px 0;} .twoCol .right .detailMyTrain #changePasswordForm .alert {width:555px;} .twoCol .right .detailMyTrain #changePasswordForm .green {padding:10px 10px 10px 37px; width:534px; margin-bottom:10px; margin-left:-20px;} .twoCol .right .detailMyTrain #changePasswordForm .green img{margin-top:-3px; margin-left:-26px;} .twoCol .right #registerUserForm .alert, .twoCol .right #registerUserForm .green {width:773px; margin-top:2px;} .threeCol .middle #companyDataManagementComponent .alert {width:566px; margin-left:2px; margin-top:0;} .threeCol .middle #companyDataManagementComponent .green {color:#00AB04; border-bottom:1px dotted #00AB04; margin:0 0 0 2px; width:570px; border:1px dotted #00AB04;} .twoCol .right .myTrain {width:800px; height:526px; border:1px solid $nmbs; $noBorderRadius $noShadow} .PreferencesUpdateContainer .myTrainHeader {width:796px; margin:-2px 2px 2px 2px;} .twoCol .right .UpdatePersonalDataComponent .alert{width:772px; margin-top:2px; margin-left: -20px;} /*Corporate Data*/ .EmployeeManagementControl {width:635px;} .corporateData {border:1px solid $nmbs; border-bottom:none; padding:3px 0 0 3px;} .corporateDatah1 {font-size:12px; color:$nmbs; padding:7px 0 0 15px; margin:0 3px 0 0;background-color:$nmbslight;height:20px; font-weight:bold;} .corporateData .myTrainHeader {margin:0 2px 0 0; width:auto;} .corporateDataEmployeeContent {border-right:1px solid $nmbs;border-left:1px solid $nmbs; border-bottom:1px solid $nmbs;} .corporateDataEmployeeContent .selectorGridEditButton {border:none; background-color:$nmbs;} .corporateDataEmployeeContent #editPreferencesButton {margin-left:20px;} .corporateDataEmployeeContent .selectorGridEditButton {height:25px; border:none;font-weight:bold; cursor:pointer; outline-style:none; color:#FFF; margin:10px 10px 0 10px; padding:0 10px; font-size:12px; $borderRadius4} .corporateDataEmployeeContent .selectorGridEditButton[disabled='disabled'] {color:#F1F1F1; cursor:default; background:#c5c5c5; text-shadow:none; border:none;} .corporateInfoContainer{float:left; width:350px;} .corporateInfoContainer .error {margin-left:135px; margin-right:10px; color:#CC0000;} .corporateInfoContainer .greenPointsLookup{ background-color:#5C9F38; color:#FFF; cursor:pointer; $borderRadius4 border:none; padding:1px 5px;} .corporateInfoContainer .greenPointsLookup[disabled='disabled'], .corporateInfoContainer .greenPointsLookup:disabled{ background-color:#ABABAB;} .corporateInfoContainer .validateGreenPointCardNumber{width:60px;} .UpdatePersonalDataComponent .corporateData {border:1px solid $nmbs;} .UpdatePersonalDataComponent .corporateDataContent {border:none; padding:0 20px; width:auto;} .UpdatePersonalDataComponent .corporateData .bottomNav {float:right;} .UpdatePersonalDataComponent .corporateData textarea {width:247px; margin:0; min-height:80px;} .UpdatePersonalDataComponent .messageBox .green {background-color:#eefbdb; color:#00AB04; border-bottom:1px dotted #00AB04; padding:5px 5px 9px 15px;} .corporateDataContent {width:594px;border:1px solid $nmbs; border-top:none; padding:0 2px 0 1px; padding-top:2px;} .corporateDataContent h2 {color:$nmbs; font-size:12px; margin-left:0; padding:10px 0 10px 25px;} .corporateDataContent .wrapper {width:530px; margin:0 auto 20px auto; padding:5px 0 0 15px; border-bottom:1px solid #FFF;} .corporateDataContent label {width:250px; display:block; float:left; margin-right:13px;} .corporateDataContent input {width:247px; padding:0; height:18px; line-height:18px; margin:0 6px 5px 0;} .corporateDataContent select {height:20px; width:251px; padding:0; line-height:18px; border:1px solid #c4c4c4; margin:0 6px 5px 0;} .corporateDataContent select option {padding-left:0;} .corporateDataContent br {clear:both;} .corporateDataContent input.xSmall {width:36px; text-align:center; padding-left:0;} .corporateDataContent input.small {width:60px; font-size:11px; text-align:center; padding:0;} .corporateDataContent input.medium {width:152px;} .corporateDataContent input.large {width:173px;} .corporateDataContent label.xSmall {width:35px;} .corporateDataContent label.small {width:60px; font-size:11px;} .corporateDataContent label.medium {width:156px;} .corporateDataContent label.large {width:179px;} .corporateDataContent p {text-align:justify;} .corporateDataContent .myTrainForm {padding-left:25px;} .corporateDataContent .myTrainForm #textarea {width:247px; max-width:247px; min-width:247px; padding:0; border:1px solid #c4c4c4; margin:0 5px 5px 0;} .corporateDataContent input.bt, .corporateDataContent input.btBoek {width:auto; border:none; height:25px; margin:10px 10px 0; padding:0 10px;} .corporateDataContent input.bt {background-color:#E9F2F7; color:$nmbs; margin-right:25px;} .corporateDataContent hr {margin-left:25px; margin-right:25px; width:auto;} .corporateDataContent .controls {clear:both; text-align:right; margin-right:15px; padding-top:5px; padding-bottom:5px; visibility:hidden;} .corporateDataContent .wrapper.extra {background-color:#f9f9f9; border-bottom:1px solid #f9f9f9;} .corporateDataContent .wrapper:hover {background-color:$nmbslight; border-bottom:1px solid #bfdaeb;} .corporateDataContent .wrapper:hover .controls {visibility:visible;} .corporateDataContent .wrapper:hover .controls a {padding:0px 5px; text-decoration:none;} /*Corporate Editeer werknemer*/ .corporateEmployee .left {margin:0; padding:0 10px 0 5px; border-right:1px solid #DBDBDB; width:265px;} .corporateEmployee .right {padding-right:5px; width:auto; width:265px;} .corporateEmployee .left label, .corporateEmployee .right label {display:block; float:left; margin-left:0; width:262px;} .corporateEmployee .left input, .corporateEmployee .right input {width:257px; padding:0; height:18px; line-height:18px; margin:0 5px 5px 0; padding-left:3px;} .corporateEmployee textarea {width:257px; max-width:257px; min-width:257px; padding:0; margin:0 5px 5px 0; padding-left:3px; height:40px;} .corporateEmployee br {clear:both;} .corporateEmployee .checkboxes input {width:auto; float:left; margin:-2px 5px 0 0; height:25px;} .corporateEmployee .checkboxes label {width:240px;} .corporateEmployee select {height:20px; width:263px; padding:1px 0 0 0; line-height:18px; margin:0 10px 5px 0;} .corporateEmployee .info {height:40px;} .corporateEmployee .emptySlot {height:25px;} #addEmployeeErrorMessages .left {width:auto;} #addEmployeeErrorMessages .spacer20 {display:none;} #addEmployeeErrorMessages .alertIco {float:left; margin:7px 7px 0 0; width:25px;} #addEmployeeErrorMessages #addEmployeeErrorMessagesText {margin-top:-2px; margin-left:35px;} #addEmployeeContainer .left .alert, #editEmployeeContainer .left .alert {border-bottom:1px dotted #CC0000; margin-left:-5px; margin-top:-18px; width:560px;} #addEmployeeContainer .left.marginTR5 {float:left; margin:7px 7px 0 0; width:25px;} #addEmployeeContainer #addEmployeeServerErrorMessage .alert.selectorError {width:560px;} #addEmployeeContainer #addEmployeeServerErrorMessage .messageBox {width:565px; padding-left:0;} #editEmployeeContainer .alertIco {float:left; margin:7px 7px 0 0; width:25px;} #editEmployeeContainer #editEmployeeServerErrorMessage .messageBox {width:560px;} #editEmployeeContainer #editEmployeeServerErrorMessage .left.marginTR5 {float:left; margin:7px 7px 0 0; width:25px;} #editEmployeePreferencesContainer .left {width:auto;} #editEmployeePreferencesContainer .messageBox{width:auto;} #editEmployeePreferencesContainer .alert {padding-left:15px; width:555px; margin-top:0; border:none; border-bottom:dotted 1px #C00; margin-top:-18px; border-top:none; /*margin-left:-15px;*/ margin-left:-5px;} #editEmployeePreferencesContainer .alertIco{width:30px; float:left;} #companyDataManagementComponent .green {background-color:#eefbdb; background-image:none; margin-left:3px; width:572px; padding:5px 5px 9px 15px; margin-bottom:0; margin-top:2px;} #companyDataManagementComponent .alert {padding-left:15px; width:572px; margin-top:0; border:none; border-bottom:dotted 1px #C00; margin-top:-3px; border-top:none;} #companyDataManagementComponent .alertIco {float:left; margin:7px 7px 0 0; width:25px;} #companyDataManagementComponent.main {width:780px;} #selectEmployeeDefaultsPopup .ui-widget-content td {padding-right:6px;} .myTrain.addCorporateEmployee #selectEmployeeDefaultsGridContainer{ margin-left:40px;} /* fix for messagebox layout in corporaterail (edit company data) */ .messageBox .alert .left {width:20px;} .corporateEmployee hr {width:100%;} .corporateDataEmployeeContent hr {margin-left:20px; margin-right:20px; width:575px;} .right .bt {margin:0;} #employeeGrid {padding:20px;} #employeeGridList {width:445px;} #selectedEmployeeGridList {width:160px;} #employeeGridList tr td:last-child, #selectedEmployeeGridList tr td:last-child {border-right:none;} .ui-jqgrid .ui-jqgrid-bdiv {overflow:auto; overflow-x:hidden;max-height:400px;height:200px!important;/*Overwrite inline style*/} .ui-jqgrid .ui-icon-desc {margin-top:5px;} .change {float:right; margin:-22px 30px 0 10px; background:#669b1c; padding:1px 7px;} .clickabletext {cursor:pointer;} #beneFrameParent {padding:0 0 0 15px;} .bene {width:711px; height:800px; border:none; background:#FFF; margin-left:-10px; overflow-x:hidden;} #myTrainBeneFrameParent {width:785px;} #myTrainbene {width:780px;} /*------------------------=_MyTrain-----------------*/ /*ModalWindow*/ .modalWindow {width:336px; margin-left:auto; margin-right:auto; background-color:#FFF; $borderRadius6 $shadowDark} .modalWindow .content {padding:20px;} .modalWindow .myTrainHeader {width:296px; margin:0;} .modalWindow p {padding:10px; color:#676766;} .modalWindow .icoClose {width:30px; height:30px; background:url("$imagePath/icoClose.png") no-repeat; position:absolute; top:0; right:0; margin-top:5px; margin-right:5px; cursor:pointer;} .modalWindow .bottomNav {float:right;} .modalWindow .bottomNav .btBoek {margin-right:0;} /*Waitpanel*/ .waitPanel {width:200px; height:104px; background:url("$imagePath/preloader.png") no-repeat; margin:150px auto 0 auto; z-index:11000;} .waitPanel .waitHeader {color:#FFF; font-size:14px; font-weight:bold; padding:65px 0 0 25px; margin-bottom:20px; border:none; height:40px;} #waitPanelMask {z-index:10999;} /* ERROR MESSAGES */ .errorMsg {width:656px; height:526px; background:url("$imagePath/bgError.png") no-repeat; margin-left:auto; margin-right:auto; position:relative; color:#666;} .errorMsgHeader {width:580px; background-color:#FFF5EB; margin:0 40px; height:28px;} .errorMsg .errorMsgHeader .header {font-size:12px; color:#C00; padding:7px 0 0 15px; float:left; margin:0; height:20px; font-weight:bold; position:static; border:none; width:auto; background:none;} .errorMsg .errorMsgDescription, .errorMsg .errorMsgDetail {margin:10px 40px 0 40px;} .errorMsg .spacer {height:40px;} .errorMsg .icoClose {width:30px; height:30px; background:url("$imagePath/icoClose.png") no-repeat; position:absolute; top:0; right:0; margin-top:5px; margin-right:5px; cursor:pointer;} .errorMsg hr {border:0; width:85%;color:#C00;background-color:#C00;height:1px; margin:12px 0 12px 40px;} /* INTERRAIL */ .booking .introTxt {font-size:12px; line-height:18px; width:700px;} .accordionContentActive .interrailForm {float:left; margin:7px 0 0 0; width:350px;} .accordionContentActive .interrailForm label {width:100px; float:left;} .accordionContentActive .interrailForm br {clear:left;} .myInterrailBorder {border-top:1px solid #adbcc4; width:721px; margin-top:3px;} /*Sitemap*/ .sitemap {margin-left:20px; margin-top:20px;} .sitemap table {margin:0; padding:0; height:5px; margin-top:-3px;} .sitemap a, .sitemap a:visited {color:$nmbs; text-decoration:none; font-size:11px; font-family:Arial, Helvetica, sans-serif;} .sitemap a:hover {color:#000;} /*ErrorMessages*/ #errorPage {background-color:#F0F0F0;} #errorPage .header {border:none; margin-left:auto; margin-right:auto; width:550px;} #errorMessage {border:1px solid #D60111; padding-bottom:10px; font-size:13px; margin-bottom:0; margin-top:20px; width:550px; $borderRadius7 $shadowComponents margin-left:auto; margin-right:auto; background-color:#FFF;} #errorMessage h1 {background:#D60111;height:36px; margin:2px; margin-bottom:10px; line-height:32px; font-size:18px; font-weight:bold; padding-left:5px; display:block; color:#FFF; overflow:hidden; $borderRadiusTop4} #errorMessage p {color:#666666; line-height:18px; padding:0 0 0 10px; font-size:13px; margin-left:-1px;} #errorMessage a, #errorMessage a:visited {color:#D60111;} #errorMessage a:hover {color:#000;} /*Webforms*/ .scfSectionLegend {margin-left:0;} /* Monitoring components */ .monitoringContainer {margin:50px;} #promotionalframe {height:300px;} .seoTool {width:100%;} /* Content Editor CSS */ .borderFuchsia td, .borderBlue td, .borderGrey td, .noBorder td {padding:3px 7px;} .borderFuchsia a:Hover {color:$beurope;} .borderFuchsia a:Link, .borderFuchsia a:Active, .borderFuchsia a:Visited, .borderBlue a:Link, .borderBlue a:Active, .borderBlue a:Visited, .noBorder a:Link, .noBorder a:Active, .noBorder a:Visited, .borderGrey a:Link, .borderGrey a:Active, .borderGrey a:Visited {text-decoration:underline; color:#000;} .borderBlue a:Hover {color:$nmbs;} .borderGrey a:Hover, .noBorder a:Hover {color:#cacccd;} /* SEARCH */ .searchLeft {width:700px; float:left; margin-top:18px; margin-left:10px;} .searchRight {width:240px; float:right; margin-top:15px;} .searchLeft h3 {color:$nmbs; font-size:16px; font-weight:bold; margin:10px 0 18px 0} .searchItem {border-bottom:1px solid #E7E7E7; color:#666; padding-bottom:10px; margin-top:15px;} .searchItem img {margin-bottom:-4px;} .searchItem a:Link, .searchItem a:Active, .searchItem a:Visited {color:$nmbs; margin-right:2px;} .searchItem a:Hover {color:#666;} .searchItem p {line-height:normal; margin:7px 0;} .searchItemTitle {font-size: 14px; font-weight: bold; display: block; margin-bottom: 6px;} .balkLeft {width:22px; height:40px; background:url("$imagePath/spriteBalk.jpg") 0 0 no-repeat; float:left;} .balkRepeat {height:40px; background:url("$imagePath/spriteBalk.jpg") 0 -45px repeat-x; float:left;} .balkRepeat span {color:$nmbs; font-weight:bold; font-size:12px; display:block; float:left; padding:12px 10px 0 0;} .balkRepeat input {$borderRadius5} .balkRight {width:22px; height:40px; background:url("$imagePath/spriteBalk.jpg") 0 -90px no-repeat; float:left; cursor:pointer;} .balkRightClose {width:22px; height:40px; background:url("$imagePath/spriteBalk.jpg") 0 -140px no-repeat; float:left; cursor:pointer;} .balkItem {$borderRadiusBottom5 border:1px solid #EBEBEB; background:#F7F7F7; clear:left; border-top:none;color:#666;} .balkItem div {margin:20px; margin-top:0;} .balkItem p {padding:15px 0 10px 0;} /* INFO POPUP*/ .infoPopup {background:#FFF; padding:10px; position:relative; font-size:12px; line-height:18px; $borderRadius5 $shadowDark} .infoPopup .icoClose {width:30px; height:30px; background:url("$imagePath/icoClose.png") no-repeat; position:absolute; top:0; right:0; margin-top:-15px; margin-right:-7px; cursor:pointer;} .infoPopup p {margin:0 15px;} .infoPopup .data {margin:10px;} .infoPopup .infoPopUpHeader {background-color:$headerColorBgActive; height:28px; width:100%; margin-bottom:15px;} .infoPopup .infoPopUpHeader h1 {font-size:12px; color:$headerColorActive; padding:7px 0 0 15px; float:left; margin:0; height:20px; font-weight:bold;} .infoPopup .borderBox {border:1px solid $nmbs; padding:10px;} .infoPopup .borderBox table td {padding-right:30px; padding-bottom:5px;} .infoPopup .pound {color:#707070; padding-left:4px; font-size:10px;} .infoPopup .legendaEBS {width:20px; height:27px; background-position:-119px 0; float:left; margin:0 7px 0 5px;} /*Lang .fr .infoPopup .legendaEBS{background-position:-68px 0;} .de .infoPopup .legendaEBS{background-position:-102px 0;} .en .infoPopup .legendaEBS{background-position:-85px 0;} .nl.firstClass .infoPopup .legendaEBS{background-position:-51px 0;} .fr.firstClass .infoPopup .legendaEBS{background-position:0 0;} .de.firstClass .infoPopup .legendaEBS{background-position:-34px 0;} .en.firstClass .infoPopup .legendaEBS{background-position:-17px 0;} */ .infoPopup .tariefL {padding-left:10px;} .infoPopup .data img { vertical-align:middle;} /* NOTIFICATIONS */ .notification {padding: 10px 10px 10px 30px; background-position: 7px 7px; background-repeat: no-repeat;} .notification.successNotification {border: 1px dotted $nmbs; color: $nmbs; background-color: #EEFBDB;} .notification.failureNotification {border: 1px dotted #CC0000; color: #CC0000; background-color: #FFF5EB;} /*Autocomplete*/ .ac_results {padding:0; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999;} .ac_results ul {width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0;} .ac_results li {margin:0; padding: 2px 5px; cursor: default; display: block; font: menu; font-size: 12px; line-height: 16px; overflow: hidden;} .ac_loading {background: white right center no-repeat;} .ac_odd {background-color: #eee;} .ac_over {background-color: $beurope; color: white;} /*ProductFiches*/ .productFiche {background-color:#FFF; width:715px; border-left:1px solid #DBDBDB; border-right:1px solid #DBDBDB; border-bottom:1px solid #DBDBDB; $shadowComponents $borderRadiusTop10} .productFiche .archief {height:150px; width:140px; background-image:url($imagePath/archief.png); position:absolute; margin-left:575px; display:none;} .productFiche .header{width:715px; height:64px; padding-top:15px; background:url($imagePath/headerAlgemeen.png) no-repeat!important/*Overwrite homepage header*/; border-top:none;} .productFiche .header .left {float:left; width:500px; height:55px; overflow:hidden;} .productFiche .header .carrierLogo{color:#F2F2F2; float:right; font-size:22px; font-weight:normal; height:55px; margin:0; overflow:hidden; padding:0 20px 0 0; text-align:right; text-shadow:1px 1px 2px #6A1B46; width:180px;} .productFiche .header h1{font-size:22px; color:#f2f2f2; margin:0; padding:0 0 0 20px; font-weight:normal; text-shadow:#6a1b46 1px 1px 2px;} .productFiche .header span{font-size:14px; color:#f2f2f2; margin:0; padding:0 0 0 20px; font-weight:normal; text-shadow:#6a1b46 1px 1px 2px; line-height:25px;} .productFiche .content {padding:0px 30px 10px 30px!important/*overwrite style*/; margin-bottom:25px;} .productFiche .content ul {padding-left:23px;} .productFiche .content p {margin-left:10px; margin-top:10px;} .productFiche .labels {text-align:right; padding-right:10px; padding-top:10px;} .productFiche .labels .navigation {float:left;} .productFiche .labels .right{padding-left:15px; background: url($imagePath/clockIcon.png) no-repeat 1px 1px;} .productFiche .labels a, .productFiche .labels a:visited {color:$nmbs;} .productFiche .labels a:hover{text-decoration:underline;} .productFiche .textEditor table{width:100%; border: solid 1px #000;} .productFiche .textEditor table td{border: solid 1px #000; padding-left:5px;} .productFiche .textEditor table td p{margin:0px;} .productFiche .centerCell{ text-align:center;} .productFiche .centerBoldCell{ text-align:center; font-weight:bold;} .productFiche .normalTextRed{color:#F00;} .productFiche .normalTextBlue{color:$nmbs;} .productFiche .normalTextRedBold{color:#F00; font-weight:bold;} .productFiche .normalTextBlueBold{color:$nmbs; font-weight:bold;} .productSheetsLayout .twoCol .left {width:255px; padding:0;} .productSheetsLayout .twoCol .right {width:717px;} .productSheetsLayout .track {margin-left:265px; margin-top:15px;} .toc {height:40px;} .toc ul li {float:left; list-style:none; padding-right:10px;} .toc ul li a { font-size:11px;} .additionalCurrency {color:#707070; font-weight:normal; font-size:10px;} /*Content Editor css IMPORTANT: if you want to add css which must be available to the end user, you must also add these classes to \Trunk\src\Railtour.SitecoreExtensions\sitecore\shell\Controls\Rich Text Editor\Toolsfile.xml */ .textEditor table, .RadEContentBordered table, #ContentWrapper table {width:100%; border: solid 1px #000;} .textEditor table td , .RadEContentBordered table td, #ContentWrapper table td {border: solid 1px #000;} /*Styling for tables*/ .bold{ font-weight:bold;} .normalTextRed{color:#F00;} .normalTextBlue{color:#006AB3;} .normalTextRedBold{color:#F00; font-weight:bold;} .normalTextBlueBold{color:#006AB3; font-weight:bold;} .titel12Black{ font-size:12px; color:#000;} .titel12Blue{ font-size:12px; color:#006ab3;} .titel12Grey{ font-size:12px; color:#cacccd;} .titel12White{ font-size:12px; color:#fff;} .titel12Fuchia{ font-size:12px; color:#af0060;} .titel14Black{ font-size:14px; color:#000;} .titel14Blue{ font-size:14px; color:#006ab3;} .titel14Grey{ font-size:14px; color:#cacccd;} .titel14White{ font-size:14px; color:#fff;} .titel14Fuchia{ font-size:14px; color:#af0060; } .borderBlue{ border:1px solid #006ab3;} .borderGrey{ border:1px solid #cacccd;} .borderFuchsia{ border:1px solid #af0060;} .titleRowBlue12{ background:#006ab3; color:#FFF; font-size:12px; font-weight:bold;padding:10px; text-align:center;} .titleRowBlue14{ background:#006ab3; color:#FFF; font-size:14px; font-weight:bold;padding:10px; text-align:center;} .titleRowGrey12{ background:#cacccd; color:#FFF; font-size:12px; font-weight:bold;padding:10px; text-align:center;} .titleRowGrey14{ background:#cacccd; color:#FFF; font-size:14px; font-weight:bold;padding:10px; text-align:center;} .titleRowFuchsia12{ background:#af0060; color:#FFF; font-size:12px; font-weight:bold;padding:10px; text-align:center;} .titleRowFuchsia14{ background:#af0060; color:#FFF; font-size:14px; font-weight:bold;padding:10px; text-align:center;} .rowHeaderBlue{ background:#006ab3; color:#FFF; font-size:12px; font-weight:bold;padding:10px; text-align:center;} .rowHeaderGrey{ background:#cacccd; color:#FFF; font-size:12px; font-weight:bold;padding:10px; text-align:center;} .rowHeaderFuchsia{ background:#af0060; color:#FFF; font-size:12px; font-weight:bold;padding:10px; text-align:center;} .rowHeaderBlueLight{ background:#edf2f5; color:#006ab3; font-size:12px; font-weight:bold;padding:10px; text-align:center;} .rowHeaderGreyLight{ background:#f3f3f3; color:#cacccd; font-size:12px; font-weight:bold;padding:10px; text-align:center;} .rowHeaderFuchsiaLight{ background:#EDCFE0; color:#af0060; font-size:12px; font-weight:bold;padding:10px; text-align:center;} .rowHeaderBlue14{ background:#006ab3; color:#FFF; font-size:14px; font-weight:bold;padding:10px; text-align:center;} .rowHeaderGrey14{ background:#cacccd; color:#FFF; font-size:14px; font-weight:bold;padding:10px; text-align:center;} .rowHeaderBlueLight14{ background:#edf2f5; color:#006ab3; font-size:14px; font-weight:bold;padding:10px; text-align:center;} .rowHeaderGreyLight14{ background:#f3f3f3; color:#cacccd; font-size:14px; font-weight:bold;padding:10px; text-align:center;} .cellWhite{ background:#FFF;} .cellLightFuchsia{ background:#EDCFE0;} .cellLightBlue{ background:#edf2f5;} .cellLightGrey{ background:#f3f3f3;} .bulletSquareBlack{ color:#000; list-style-type:square;} .bulletSquareBlue{ color:#006ab3; list-style-type:square;} .bulletSquareFuchsia{ color:#af0060; list-style-type:square;} .bulletSquareGrey{ color:#cacccd; list-style-type:square;} .bulletCircleBlack{ color:#000; list-style-type:disc;} .bulletCircleBlue{ color:#006ab3; list-style-type:disc;} .bulletCircleFuchsia{ color:#af0060; list-style-type:disc;} .bulletCircleGrey{ color:#cacccd; list-style-type:disc;} .bulletCheckmarkBlack{ color:#000; list-style-image:url(../img/icoCheckMark.gif);margin-left:18px; padding-left:15px;} .bulletCheckmarkBlue{ color:#006ab3; list-style-image:url(../img/icoCheckMark.gif); margin-left:18px; padding-left:15px;} .bulletCheckmarkFuchsia{ color:#af0060; list-style-image:url(../img/icoCheckMark.gif); margin-left:18px; padding-left:15px;} .bulletCheckmarkGrey{ color:#cacccd; list-style-image:url(../img/icoCheckMark.gif); margin-left:18px; padding-left:15px;} .bulletRedCrossBlack{ color:#000; list-style-image:url(../img/icoRedCross.gif); margin-left:18px; padding-left:15px;} .bulletRedCrossBlue{ color:#006ab3; list-style-image:url(../img/icoRedCross.gif); margin-left:18px; padding-left:15px;} .bulletRedCrossFuchsia{ color:#af0060; list-style-image:url(../img/icoRedCross.gif); margin-left:18px; padding-left:15px;} .bulletRedCrossGrey{ color:#cacccd; list-style-image:url(../img/icoRedCross.gif); margin-left:18px; padding-left:15px;} table .titel12Black, table .titel12Blue, table .titel12Grey, table .titel12White, table .titel12Fuchia, table .titel14Black, table .titel14Blue, table .titel14Grey, table .titel14White, table .titel14Fuchia{padding:5px; text-align:center;} .middle .TitleContentComponent .bulletCheckmarkBlack, .middle .TitleContentComponent .bulletCheckmarkBlue, .middle .TitleContentComponent .bulletCheckmarkFuchsia, .middle .TitleContentComponent .bulletCheckmarkGrey, .middle .TitleContentComponent .bulletRedCrossBlack, .middle .TitleContentComponent .bulletRedCrossBlue, .middle .TitleContentComponent .bulletRedCrossFuchsia, .middle .TitleContentComponent .bulletRedCrossGrey{padding-left:5px; list-style-position:outside;} /*DevelopmentCSS*/ #debugUnhandledException {padding:30px; background:#FFF; color:#666;$shadowDark $borderRadius6} #debugUnhandledException table {$shadowInset $borderRadius4 font-size:11px; line-height:15px;} #debugUnhandledException table td {padding:10px; color:#000;} /* Extra functionality - web forms */ .bankInfo img { vertical-align:middle;} .marginRight30 { margin-right:-30px;} .w80 { width:80px;} .DNR, .PNR, .inputDate { width:60px !important;} .inputHours { width:20px !important;} .labelHours { width:125px !important;} .noLeftMargin { margin-left:-5px!important;}