/***************************************************
Design & Technology by Delaware Consulting
www.delawareconsulting.com 
* Description: FRAMEWORK CSS
****************************************************/

.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;}
/*input:not([type="radio"]):not([type="checkbox"]) { border: 1px inset;}*/
a, a:visited, .ui-widget-content a, .ui-widget-content a:visited {color:$linkColor; cursor:pointer;}
span.linkText {color:$nmbs; }
a:hover {color:#000;}
.defaultInput {color: #AAAAAA;}
.bt, .btBoek, .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;}
.btLogin {background:$btLoginBgColor; color:$btLoginColor;}
.btDisabled {background:$btDisabledBgColor; color:$btDisabledColor; cursor:default;}

a.btnLink, a.btnLink:visited{display: block; line-height: 25px; color:#FFF;text-decoration: none;}


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;}
span.reset{display:block;}
.rt-hidden {display:none;}

input.ftpCardIsValid[type="text"] {background: url("../img/formValid.png") no-repeat scroll right center #FBFBFB;}


/*MARGINS & DIVIDERS*/
.marginTR5 {margin:7px 7px 0 0;}
.marginTR5IMG {margin:7px 27px 0 0;}
.marginT5 {margin-top:4px;}
.marginT10 {margin-top:10px;}
.marginT15 {margin-top:15px;}
.marginT20 {margin-top:20px;}
.marginT25 {margin-top:25px;}
.marginT30 {margin-top:30px;}
.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;}
.w135 {width:135px;}
.w140 {width:140px;}
.w150 { width:130px; }
.w180 { width:180px; }
.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;}

.btHeight { height:20px; line-height:20px; }

/* 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;}

/* Acceptance environment warning */
.acceptationEnvironmentWarning {background: #F0FF00; border-bottom: 1px dotted darkred; padding: 5px; font-family: Verdana, Arial, sans-serif; font-weight: bold; color: darkred; font-size: 10pt; }
.acceptationEnvironmentWarning a {color: darkred;}

/* 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: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 15px 0; padding:0; color:$nmbs}
.splashPage .header .selection label {font-size:12px; color:#5397c6; display:block; margin-bottom:5px;}
.splashPage .header .selection .btn {border-style: none;
	border-color: inherit;
	border-width: medium;
	margin: 15px 0 0 0;
	color: #FFF;
	outline-style: none;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 25px;
	padding: 0 6px 3px 5px;
	background-color: $nmbs;
}
.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:20px;}
.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;}

.splashPage #LanguageSelection{ position: static; width: auto; background: transparent;}

/* SUBLAYOUT */
.threeCol h1, .twoCol h1, .booking h1, .twoColumnLayoutRegisterForm h1 {color:$nmbs; font-size:24px; font-weight:bold; margin-bottom:10px;}
.threeCol h2, .twoCol h2, .booking h2, .twoColumnLayoutRegisterForm h2 {color:$beurope; font-size:14px; font-weight:bold; margin-bottom:10px;}
.threeCol h3, .twoCol h3, .twoColumnLayoutRegisterForm h3 {color:#000000; font-size:12px; font-weight:bold; margin-bottom:10px;}
.threeCol p, .twoCol p, .threeCol ul, .twoCol ul, .twoColumnLayoutRegisterForm p, .twoColumnLayoutRegisterForm ul {line-height:18px; font-size:12px;}
.threeCol p img, .twoCol p img {margin:3px 7px 3px 0; padding:0;}

.twoColumnLayoutRegisterForm .alert{width:auto;}

.threeCol > .left {float:left; width:158px; padding:0 10px 0 0;/*Align with new sublayouts*/}
.bg-white .threeCol > .left{ padding-left: 10px;} /* on old component pages -> add padding on the left (sub menu)*/
.threeCol .middle {width:550px; float:left;padding-left: 5px;}
.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:160px; padding:0 10px 0 0;/*Align with new sublayouts*/}
.bg-white .twoCol > .left{ padding: 0 10px;width: 150px;} /* on old component pages -> add padding on the left (sub menu) */
.twoCol .right {width:800px;}
.twoCol .right .left {width:390px;}
.twoCol .right .right {width:390px;}
.threeCol .middle img {margin: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 li.divider {margin:0; padding:0; *width:1px; *padding-left:10px;}

/*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;}

.newHeader { background: #fff;}

.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:14px;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*/
.FooterComponent { background: #fff;}
.footerLight {/*width:980px; */height:55px; background:url("$imagePath/footerDetailLogoBig.jpg") no-repeat right bottom #fff; border-bottom:4px solid $footerColor;}
.footerLight a { font-size: 11px;}
.footerDoormat {/*width:980px; */background-repeat:no-repeat;background: #fff;}
.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; }

/* jquery tabs css fixes START*/
/*.cleanTabs.ui-widget-content {border: 0;background: transparent;padding: 0;}
.cleanTabs .ui-state-active, 
.cleanTabs .ui-state-default, 
.cleanTabs .ui-widget-content, 
.cleanTabs .ui-widget-content li.ui-state-focus, 
.cleanTabs .ui-widget-content li.ui-state-hover { border: 0;background: transparent;}
.cleanTabs .ui-widget-header{ border: 0;background: transparent;}
.cleanTabs.ui-widget input, .cleanTabs.ui-widget select, .cleanTabs.ui-widget textarea, .cleanTabs.ui-widget button { font-size: 11px; font-family: Arial, Helvetica, sans-serif;}*/
/* jquery tabs css fixes END*/

/* 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{padding: 0 12px;
	background-color: $nmbs;
}
.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 {padding: 0 12px;
	height: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	display: inline-block;
	margin-bottom: 2px;
	cursor: pointer;
	float: left;
	background-color: $beurope;
}
.mainHome .season .title {margin-top:7px; line-height:30px;}
.mainHome .season.first{margin-top:10px;}
.mainHome a {text-decoration:none;cursor:pointer;}
.mainHome .ui-state-active .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 {padding: 10px 0 0 7px;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	height: 40px;
	color: #FFF;
	float: left;
	background-color: $beurope;
}
.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 $borderColorTeaser;}


/* ------------------------------------------------*/
/*																	*/
/*						=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; margin: 2px;
	display: block;
	width: 148px;
	overflow: hidden;
	font-size: 11px;
	font-weight: normal;
	padding-left: 7px;
	background-color: $nmbslight;
}

/*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;}

/* B2B GRID */
.grid {width:680px; margin-left:3px;}
.grid span.A, .grid span.D{display:block; float:left; width:80px; /*height:40px;*/ color:#666; text-decoration:none; padding-left:14px; /*padding-top:28px;*/ font-weight:bold; line-height:21px;}
.grid span.A {width:80px; padding-left:0;text-align: right;}
.grid span.info{float:left; margin-left:0px; width:298px; text-align:center; line-height:21px;}
.grid span.info span{ float:none;}
.grid input {margin:5px 5px 0 5px; *margin:0px; padding:0; vertical-align:text-top; /*Float*/ *vertical-align:middle; float:left;}
.grid .connectionData {height:25px; padding-left:30px; width:460px;float:left;position: relative;}
.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:14px;}
.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 .priceFrom {width:30px;}
.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 .onePriceOnly .flexSummary{margin-top:18px; color:#AF0060;}
.grid .onePriceOnly .flexSummary .flexNiv{margin-left:5px;}
.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:124px; padding:0 14px 1px 0; line-height:25px; font-size:11px; font-weight:bold;}
.grid .selected .offerItem {float:left; width:138px; padding:0 0 1px 0; line-height:25px;}

.grid .connectionInfo{float:left;padding-left: 7px;}
.grid .selectorShowConnectionDetails{margin-top:4px; *width:160px; text-decoration:underline;}
.grid .selectorShowSeatingPreferences{text-decoration:underline;}
.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:10px; margin-right:/*5*/0px; margin-bottom:-1px; margin-left:-10px;float:left;}
.grid .offerItem.warning .errorImg{ display:block; min-height:26px; width:10px; 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:0; float:none; height:8px; width:25px; margin:5px;}

.grid .tableRates .EBS {background-position:60px -95px;}
.grid .firstClass .tableRates .EBS {background-position:60px -84px;}
.fr .grid .tableRates .EBS{background-position:135px -95px;}
.de .grid .tableRates .EBS{background-position:86px -95px;}
.en .grid .tableRates .EBS{background-position:110px -95px;}
.fr .grid .firstClass .tableRates .EBS{background-position:135px -84px;}
.de .grid .firstClass .tableRates .EBS{background-position:86px -84px;}
.en .grid .firstClass .tableRates .EBS{background-position:110px -84px;}
.grid .firstClass .firstClassRates {display:block;}
.grid .firstClass .secondClassRates {display:none;}
.grid .secondClass .firstClassRates {display:none;}
.grid .secondClass .secondClassRates {display:block;}
.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, .grid .notSelectable .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 .selectorGridOptionalReservationUnSelected {float:none;}
.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:5px;}
.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:0px; font-size:11px; font-weight:normal;}

.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-datepicker .ui-widget-header { border: 1px solid $calendarAccent; background:$calendarAccent ; color:$calendarBase;}
.ui-state-default, .ui-datepicker .ui-state-default {border: 1px solid $calendarAccent; color: $calendarBase; background: $calendarAccent; }
.ui-datepicker { border: 1px solid $calendarBase; background: #fcfdfd; color: $calendarBase; }
.travelWishesTable .ui-datepicker { border:none; opacity: 1;filter:Alpha(Opacity=100)}
.ui-jqgrid tr.ui-row-ltr td{border-color:#EAEAEA; padding-left:10px; color:#666;}
.ui-priority-secondary, .ui-datepicker .ui-priority-secondary { opacity:1;}
.ui-state-hover a, .ui-state-hover a:hover { color: #calendarBase;}
.ui-datepicker a.ui-state-hover, .ui-datepicker a.ui-state-active, .ui-datepicker .ui-widget-content a.ui-state-focus, .ui-datepicker .ui-widget-content a.ui-state-active { 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;
}
.accordionHeaderActive h1 {background-color: $headerColorBgActive;
}
.accordionHeaderDefault h1 {background-color: $headerColorBgDefault;
}
.accordionHeaderSelected h1 { padding:0 0 0 20px; height:27px; background-color: $headerColorBgSelected;
}
.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 label .radioButton{margin:0px; padding:0px; vertical-align: middle;}
.accordionContentActive h2 {color:#000; font-size:12px; margin-bottom:10px; float:left;}
.accordionContentActive h2 .magenta { color: $magenta;font-size: 16px;vertical-align: middle;}
.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 input.small {width: 30px;}
.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;}
.ThalysCardsWrapper{float: left;}
.ThalysCardsWrapper select{margin:6px 0;}
.completeThalysTicketless{float:left;}

/*fixes for image replacement with icons*/
.changePassengerCount {
	border-radius: 50%;
	background-color: $blue;
	font-size: 10px;
	color: white;
	vertical-align: middle;
	display: inline;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 2px 1px 2px 5px;
	align-content: center;
	margin-right: 5px;
	margin-left: 1px;
}

.changePassengerCount .min { margin-right: 2px;}
.changePassengerCount .plus { margin-right: 3px;}

.magentaColor{ color: $magenta;}

.question-message { font-size: 17px !important; display: inline!important; border: none!important; float: none!important;}

.info-message{ font-size: 16px !important;}

.info-message-big { font-size: 24px !important;}

.check-message { font-size: 18px !important;}

.radioLeftMargin { margin-left: 15px;}

.divider{ margin-left: 5px;margin-right: 5px;font-weight: bold;}

.info-subtitle {margin-left: 18px;margin-top: 5px;position: absolute;}
.info-subtitle2 { margin-left: 5px;margin-top: 3px;position: absolute;}

/*end fixes for image replacement with icons*/

.stepBlank .accordionHeaderActive h1 { background-color:#FFF;}
.accordionContentActive select.w200 {width:219px;}


/*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;}

.filterWrapper .gradientGrid{height:10px; background:url("$imagePath/gradientGrid.png");}
.filterWrapper .gridFilterSpacer{ background-color:#FFF; height:15px; *clear:both;}
.filterWrapper .gridFilter{margin-bottom:0px;}
.filterWrapper.return {z-index:1001!important;/*Overwrite inline style of jquery scroll to fixed*/}


/*InfoMessage*/
.informationMessage{background:$infoMessageBg; $borderRadius4 padding:10px; *padding:0px;}
.bookingLeft .informationMessage{margin:0 20px 0 0;}
.informationMessage p, .teaserComponent .informationMessage p{padding:0px;}
.informationMessage h3{color:$infoMessage; 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;}


.marginBt {margin-right:30px; margin-top:20px;}
.marginBtDetails {margin-right:25px; margin-top:20px;}

.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;}

/* 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 .extra select {width: 143px;}
.wrapper .accordion.contentForm .accordionContentActive .myTrainForm input {width:140px;}
.wrapper .accordion.contentForm .accordionContentActive .tripInfo.personalInfo select { width: 146px;}
.wrapper .accordion.contentForm .accordionContentActive .tripInfo.personalInfo select.telephonePrefix { width: 60px;}
.wrapper .accordion.contentForm .accordionContentActive .tripInfo.personalInfo input.telephone { width: 70px;}
.wrapper .accordion.contentForm .accordionContentActive .tripInfo.personalInfo .birthdate{ position: relative;left: 3px;}
.wrapper .accordion.contentForm .accordionContentActive .tripInfo.personalInfo .birthdate select{width: auto;margin: 1px;}
.wrapper .accordion.contentForm .accordionContentActive .tripInfo.personalInfo .myTrainForm .companyTitle {width:143px;}
.wrapper .accordion.contentForm .accordionContentActive .tripInfo.personalInfo .myTrainForm .companyCountry {width:143px;}
.wrapper .accordion.contentForm .accordionContentActive select.telephonePrefix { width: 60px;}
.wrapper .accordion.contentForm .accordionContentActive input.telephone { width: 70px;}
.wrapper .accordion.contentForm .bankInfo input{width:140px;}
.wrapper .accordion.contentForm .bankInfo input.radioBtn{width:13px;}
.wrapper .accordion.contentForm img{margin:-3px 4px 0 0;vertical-align: middle;}
.wrapper .accordion.contentForm .ui-datepicker-trigger{margin:5px 4px 0 0;}


/*TeleSales*/
.wrapper .accordion.contentForm .accordionContentActive .tripInfo.teleSales label{width:100px;}
.wrapper .accordion.contentForm .accordionContentActive .tripInfo.teleSales input.telephone { width: 55px;}
.wrapper .accordion.contentForm .accordionContentActive .tripInfo label.questionTeleSales {width:505px;}
.wrapper .accordion.contentForm .accordionContentActive .tripInfo textarea.questionTeleSales {max-width:505px; min-width:505px; width:505px;}


		 .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;}

.ContactFormComponent .accordion.contentForm .accordionContentActive .tripInfo select{width:140px;}

#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					*/
/*													*/
/*--------------------------------------------------*/

/*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;}

.marginR5  { margin-right:5px;}

/*Style search btn*/
.tripInfo .search {display:none;}
.teaserComponent .tripInfo .search {display:block;}
.teaserComponent .tripInfo .search input {border-style: none;border-color: inherit;border-width: medium;float:right; height:25px; color:#FFF; display: block;padding: 0 10px;line-height: 25px;font-size: 15px;font-weight: bold;text-decoration: none;cursor: pointer;background-color: $nmbs;}

/*carrousel*/
.carrousel {width:550px; $shadowDark $borderRadiusBottom10}
#carouselPanes{ padding: 0;}
.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 .carouselPane { padding: 0;margin: 0;}
.carrousel .panes,.carrousel .carouselPane, .carrousel, .carrousel .headerImage img {$borderRadius10}
.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;}

.carrousel .selected {background:url("$imagePath/spritesComponents.gif") repeat-x 0 -584px; background-color:$beurope; background-color:#791852; $borderRadiusBottom10}
.carrousel .divider {width:1px; background-color:#ba5b92; border-left:1px solid #8d2160;}
.carrousel .slider {background:url("$imagePath/spritesComponents.gif") repeat-x 0 -500px; height:10px;}
.carrousel .sliderArrow {display:none;background-image:url("$imagePath/spritesComponents.gif"); background-repeat:no-repeat; background-position:0 -730px; width:25px; height:10px; float:right; margin-right:15px;}
.carrousel .selected .sliderArrow {display:block;}
.carrousel .spriteBottomRight, .carrousel .spriteBottomLeft {height:6px; width:10px; background-image:url("$imagePath/spritesComponents.gif"); float:left;}
.carrousel .spriteBottomLeft {background-position:0 -472px; margin-left:-1px;}
.carrousel .spriteBottomRight {background-position:0 -489px; float:right; margin-right:-1px;}

/* new carrousel */
.carrousel .ui-helper-clearfix:before, .carrousel .ui-helper-clearfix:after{ display: none;}
.carrousel ul.ui-widget-header {overflow: hidden;height: 55px;padding: 0;width: 100%;display: table; border-top: none; $borderRadiusBottom10}
.carrousel ul.ui-widget-header li{background:url("$imagePath/spritesComponents.gif") repeat-x 0 -500px;margin: 0;height: 55px;border-right: #ba5b92 1px solid;position: relative;display: table-cell;float: none;font-weight: normal;}
.carrousel ul.ui-widget-header li a{margin: 0;padding: 20px 10px;display: block;float: none;color: #fff;font-size: 14px;}
.carrousel ul.ui-widget-header li.ui-tabs-active, .carrousel ul.ui-widget-header li.ui-tabs-hover { background: url("../img/spritesComponents.gif") repeat-x 0 -584px;cursor: pointer;}
.carrousel ul.ui-widget-header li .tabArrowSelect { display: none;}
.carrousel ul.ui-widget-header li.ui-tabs-active .tabArrowSelect {display: block;background-image:url("$imagePath/spritesComponents.gif"); background-repeat:no-repeat; background-position:0 -730px; width:25px; height:10px; top:0;right: 15px;position: absolute;}
.carrousel .center { text-align: center;}

/* new faq */
.ui-tabs .ui-tabs-nav li, .ui-tabs .ui-tabs-nav a{cursor:pointer;}
.faqLarge .ui-helper-clearfix:before, .faqLarge .ui-helper-clearfix:after{ display: none;}
.faqLarge ul.ui-widget-header {border: 0;background:url("$imagePath/spritesComponents.gif") repeat-x 0 -500px;height: 55px;padding: 0;width: 100%;display: table;}
.faqLarge ul.ui-widget-header li{border: 0;margin: 0;height: 55px;position: relative;display: table-cell;float: none;font-weight: normal;background: #A72C74;}
.faqLarge ul.ui-widget-header li + li{border-left: #ba5b92 1px solid;}
.faqLarge ul.ui-widget-header li a{margin: 0;padding: 20px 10px;display: block;float: none;font-size: 14px;}
.faqLarge ul.ui-widget-header li.ui-tabs-active a, .faqLarge li.tabSelect a{ color: #fff;font-size: 14px;}
.faqLarge ul.ui-widget-header li.ui-tabs-active { background: url("../img/spritesComponents.gif") repeat-x 0 -584px;}
.faqLarge ul.ui-widget-header li .tabArrowSelect { display: none;}
.faqLarge ul.ui-widget-header li.ui-tabs-active .tabArrowSelect {display: block;background-image:url("$imagePath/spritesComponents.gif"); background-repeat:no-repeat; background-position:0 -730px; width:25px; height:10px; top:0;right: 15px;position: absolute;}
.faqLarge .paneContent {border:1px solid #CCC;border-top: none; $borderRadiusBottom10}
.faqLarge .accordion h3 {line-height:20px;padding-left: 25px; display:block;border-bottom:none; cursor:pointer; font-weight:normal; color:$nmbs; display:block;margin: 5px 0;}
.faqLarge .accordion h3:hover,.faqLarge li.ui-state-hover a {color:#000;}
.faqLarge .ui-widget-content{ border: 0;}

/*carrouselTop*/
.carrousel .bookNow {float:right; margin-top:15px; margin-right:10px;}

/*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;}
.secondaryCurrencyAsterisk{ font-size:12px; color:#999;}


/*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; padding:0 0 0 10px; display:block; background-color:#D6DEE3; border-bottom:solid 1px #FFF; margin:1px; cursor:pointer; font-size:13px;border: 0;}
.wrapper .accordion .ui-state-active {color:$beurope; background-position:right -918px; background-color:$beuropelight;}
.wrapper .accordion .ui-accordion-header-icon{width: 30px;height: 30px;left: initial;right: 0;top: 10px;background:url("$imagePath/spritesComponents.gif") no-repeat right -888px;}
.wrapper .accordion .ui-state-active .ui-accordion-header-icon{background-position:right -918px;}
.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 {background: $backgroundTeaser ; border:1px solid $borderColorTeaser;  font-size:13px; margin-bottom:0;}	
.teaserComponent h2 {background:#d6dee3; height:36px; margin:$borderMarginTeaser; line-height:32px; font-size:18px; font-weight:bold;display:block; color:#000;overflow:hidden;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;}


/*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.dossier img { width: auto;height: auto;}
.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 dotted #D60111;}
.teaserComponent .contentAlert .alertDescription{padding:10px 10px 0 10px; clear:both;}
.teaserComponent .contentAlert .alertDescription p {margin:0; padding:0px;}

.teaserComponent.socialMedia .buttons a { margin:10px; }

/*Alert2OverlayComponent*/
.Alert2OverlayComponent .teaserComponent{width:600px; background:#FFF;}
.Alert2OverlayComponent .contentAlert  {margin-bottom:10px;}
.Alert2OverlayComponent .contentAlert .leesMeer{margin-bottom:0px;}

.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;}

.corporateContracts .contract {margin:3px 10px; line-height:20px; height:20px;}
.corporateContracts label {display:block; float:left;}
.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:366px; 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:1px;}
.teaserComponent.richTextLoader .content * {padding:0px; margin:0px; color:#000; background:none; border:none; $noShadow $borderRadius0}

.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;}
	
.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 .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;}
.socialConfirmationPage{ margin:0 20px; border:1px solid #DBDBDB; border-left:none; border-right:none; padding:5px 1px 7px 5px; }
.socialConfirmationPage .socialLinks { float:right;}
.socialConfirmationPage .socialLinks a{ display:block; width:20px; height:20px; float:right;}
/* 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;}

/*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 {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; $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; text-align: left;	font-size: 10px;	font-weight: normal;	line-height: 32px;	text-transform: uppercase;	background-color: $nmbslight;}
.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;}

/*Banners*/
.banner {border:1px solid $borderColorTeaser; position:relative; font-size:13px; margin-bottom:0; $borderRadiusTeaser $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;}

.textblock h2{color:#AF0060; margin-bottom: 10px;}

/*Tooltip*/
.tooltip {max-width:220px; _width:220px; display:none; z-index:99999;}
.ui-tooltip.tooltip{border:0; border-radius:0; background:transparent; padding:0; margin:0; box-shadow:none; -webkit-box-shadow:none;}
.tooltip .content {border:1px solid #DBDBDB; background-color:#FFF;}
.tooltip p, .tooltip.firstClass 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, .tooltip.firstClass .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, .tooltip .secondClass p {background-color:$secondClassColor;}
.tooltip .magenta .footer, .tooltip .secondClass .footer  {background-position:-280px 0;}
.tooltip .grey p {background-color:#7c7c7c;}
.tooltip .grey .footer {background-position:-480px 0;}
.tooltip .lightBlue p {background-color: $nmbslight;}
.tooltip .lightBlue .footer {background-position:-360px 0;}

.tooltip span.reset{display:block; height:5px;}
.step2CustomTooltipContainer.tooltip {max-width:500px; _width:500px; 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; color: #FFF;}
.step2CustomTooltipContainer.tooltip span{color:#DBDBDB; font-weight:normal;}
.step2CustomTooltipContainer.tooltip img{padding-right:3px;}

.step2CustomTooltipContainer.tooltip .magenta table{ background-color:$beurope; }

.tooltipAddInsurance{ display:none; z-index:99999; position: absolute; top:0px; left:-200px;
}
.tooltipAddInsurance .tooltipAddInsuranceContent{border:1px solid #DBDBDB; background-color:#FFF; float: left; width: 190px;}
.tooltipAddInsurance .tooltipAddInsuranceContent p{padding:10px; display:block; background-color:$firstClassColor; margin:4px; color:#FFF;}
.tooltipAddInsurance .footerAddInsurance{ background: url("$imagePath/tooltipArrowSprite.png") no-repeat scroll -414px 0 transparent; float: right; margin-left: -5px; margin-top:6px; right: 0; width: 30px; height:30px;}


/* -------------------------------------------------*/
/*													*/
/*						=MyTrain					*/
/*													*/
/*--------------------------------------------------*/
.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;}
.errorMessagePopup .myTrainHeader { background: $infoMessageAlertBg;}
.errorMessagePopup .myTrainHeader h1{color:$infoMessageAlert;}
.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 .loginForm .customers label {display:block;width: auto;}
.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:10px;}
.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 15px 0 21px; $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; margin-left: -19px;}

/*ReductionCards popup*/
.reductionCards .leftColumn, .reductionCards .rightColumn{margin:15px 0 0 0; width:280px; float:left; font-size:11px; color:#666; border-bottom:1px solid #dbdbdb; padding-bottom:15px;}
.myTrain.reductionCards .rightColumn{float:right;}
.reductionCards .leftColumn img, .reductionCards .rightColumn img{margin-right:10px;}
.reductionCards hr{ width:100%;}
.reductionCards img{cursor:default;}


.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; }
.myTrain #PerferencesOkMessage {padding:20px 0 0 40px;}
.myTrain .bottomNav input {float:right;}

#UpdatePreferencesMessageBoxId.AjaxMessageBoxComponent .messageBox { background:transparent; width:795px; margin:2px;}
#UpdatePreferencesMessageBoxId.AjaxMessageBoxComponent .messageBox .green.selectorSuccess{padding:5px 10px; border-bottom: 1px dotted #00AB04; color: #00AB04; background-color: #EEFBDB;}
.PreferencesUpdateContainer .messageBox.alert {border-bottom: 1px dotted #CC0000; color: #CC0000; background-color: #FFF5EB; width:774px; padding-left:10px;}
.PreferencesUpdateContainer .messageBox.alert #formValidationMessage{margin-left:10px;}
.PreferencesUpdateContainer #messageBox.alert .left.marginTR5 {width:20px;}

.PasswordForgottenDialogComponent .left, .popupContainer .left {width:580px;}
.PasswordForgottenDialogComponent .left {margin-left:0;width:600px;}
.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;}
.PasswordForgottenDialogComponent h2 {margin-top:15px;}
.PasswordForgottenDialogComponent .loginForm label {padding-top:4px;}
.PasswordForgottenDialogComponent .loginForm input[type='text'] {width:300px;}

.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; NMBSC-1470*/}
.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:175px;}
.registerCompanyNoPopUp .addCompany input.medium {width:155px;}
.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: 600px; height:51px; border-bottom:4px solid $beurope; 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;}
.popupContainer {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; margin-left:-20px;}
.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;}
/*.twoCol .right #UpdatePersonalDataMessageBoxId .alert, .twoCol .right #UpdatePersonalDataMessageBoxId .green {width:550px; 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;}
.twoCol .right .UpdatePersonalDataComponent {padding:0 10px;}

/*------------------------=_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;}

/*UI Dialog*/
.ui-dialog{z-index: 11000; position:absolute;overflow: visible; }
.ui-widget-overlay { z-index: 10999;}

/*Waitpanel*/
.ui-widget-content.waitPanel {width:200px; height:104px; background:url("$imagePath/preloader.png") no-repeat; border:0; }
.waitPanel .ui-dialog-titlebar {display:none;}
.waitPanel .waitHeader {color:#FFF; font-size:14px; font-weight:bold; padding:65px 0 0 25px; margin-bottom:20px; border:none; height:40px;}
.ui-dialog .ui-dialog-content{background: transparent; padding:0;}
.ui-dialog.waitPanel, .ui-dialog.commercialWaitPanel{position:fixed; }

/*Commercial waitpanel*/
.commercialWaitPanel {background: $backgroundTeaser ; font-size:13px; margin-bottom:0;border: 0;}	
.commercialWaitPanel.ui-widget-content {border:1px solid $borderColorTeaser; padding:2px 2px 0 2px;}
.commercialWaitPanel .ui-dialog-content.ui-widget-content{color: inherit;}
.commercialWaitPanel .rt-hidden.ui-widget-header{display:none;}
.commercialWaitPanel .ui-widget-header {background:#d6dee3 url("$imagePath/RTloader.gif") 4px 8px no-repeat; padding:0 0 0 25px; min-height:24px; height:30px; margin:0; line-height:32px; font-size:18px; font-weight:bold;display:block; color:#000;overflow:hidden; $borderRadiusTeaserInner }
.commercialWaitPanel .ui-widget-header .ui-dialog-title{ font-size:14px; }
.commercialWaitPanel .ui-dialog-titlebar-close{display:none;}
.commercialWaitPanel .teaserComponent{ border: 0; box-shadow: none; border-radius: 0; margin:0; position:relative;}
.commercialWaitPanel .teaserComponent.richTextLoader{left:0; top:0;}

/*Exception popup*/
.ui-widget-content.railtourPopup.exceptionPopup{background:#fff url("../img/bgError.jpg") right bottom no-repeat; padding-bottom:60px;}
.ui-widget-content.railtourPopup.exceptionPopup .ui-widget-header{background:#FFF5EB; color:#C00; border-color:#FFF5EB;}

/*Popups*/
.ui-widget-content.railtourPopup {background: none repeat scroll 0 0 #FFFFFF; border:0;}
.railtourPopup .ui-widget-header {color: #006AB3; font-size: 12px; font-weight: bold; padding: 10px 15px; background: #E9F3F9;}
.railtourPopup .ui-dialog-titlebar-close {  background: url("$imagePath/icoClose.png") no-repeat; border:0;  cursor: pointer;  height: 30px;  margin-right: -17px;  margin-top: -15px;  position: absolute;  right: 0;  top: 0;  width:30px; display: block !important;}
.railtourPopup .ui-dialog-titlebar-close.ui-state-hover .ui-icon,
.railtourPopup .ui-dialog-titlebar-close.ui-state-default .ui-icon  {background:transparent;}
.railtourPopup .ui-dialog-content {padding: 10px;border:none;box-shadow:none;border-radius:0;}
.ui-dialog.ui-widget input, .ui-dialog.ui-widget select, .ui-dialog.ui-widget textarea, .ui-dialog.ui-widget button{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

/*Login Popup*/
#loginPopupContainer{width:620px;}

/*Alert Popup*/
.railtourPopup.alertPopup .ui-widget-header{background:#D60111; color:#fff; font-size: 18px;}

/*No header but close button still visible*/
.railtourPopup.noTitlePopup .ui-widget-header{background: #fff;border: 0;height: 5px;padding: 0;}
.railtourPopup.noTitlePopup span{display:none;}

/* ERROR MESSAGES */
.ui-widget-overlay{background:#999; opacity:0.8;}
.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 {line-height: 20px;}
.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; color:#C00;background-color:#C00;height:1px; margin:12px 0 12px;width: 100%;}
.errorMsg .errorMsgDescription img{ padding-right: 5px;}

/*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;}

/* 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;}

.DtSearchComponent .balkRepeat input{border:1px solid #dbdbdb; margin-top:10px;}
.DtSearchComponent .balkRepeat input.searchBt{background-color:#006AB3; border:none; color:#FFF; padding:1px 5px;}

/* 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 .tariefL label {display: inline;float: none;}
.infoPopup .data img { vertical-align:middle;}

/* NOTIFICATIONS */
.notification, .alert {padding: 10px 10px 10px 30px; background-position: 7px 7px; background-repeat: no-repeat; margin:0 2px;}
.alert.alert-success,.notification.successNotification {border-bottom: 1px dotted #00AB04; color: #00AB04; background-color: #EEFBDB;}
.alert.alert-danger, .notification.failureNotification {border-bottom: 1px dotted #CC0000; color: #CC0000; background-color: #FFF5EB;}
.notification.infoNotification {border-bottom: 1px dotted $nmbs; color: $nmbs; background-color: #E9F3F9;}
.QSM2 .notification.failureNotification, .landingHome .QSM.QSM2 .notification.failureNotification{ background-color:#FFF5EB; margin-top:-5px; margin-bottom:5px;}
.landingHome .QSM.QSM2 .bottomlist .contentBottom div{background-color:#FFF5EB; }
.myTrain .loginForm .notification a{margin-left:0px;}
.myTrain.detailMyTrain .content .notification{margin:-8px 0 8px 0; }
.rx .notification{ padding: 0;margin: 0;border: 0;}
.rx #formValidationMessage {margin-left:0;}

/* Reset Password */
.richTextSteps img {vertical-align:middle; margin:-1px 5px 0 0;}
.popupNotification { width:528px; margin:-10px 0 0 0;}
.action.alignRightBtn { margin-right: 345px;}
.passwordReset .green {background-color:#eefbdb; color:#00AB04; border-bottom:1px dotted #00AB04; padding:5px 5px 9px 15px;}

/*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 .alert{ background-color: #FFFF33;color: red;padding:10px 0px 10px 30px;font-weight: bold;width:auto; border:none;}

.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;}

.productFiche.infoSheet .subParagraph {margin-left: 10px;}

.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;}

/* new productfiche sass css */
.productFiche .textEditor .pf-table {
width: 100%;
border: 1px solid #EEEEEE;
border-spacing: 0;
}
.productFiche .textEditor .pf-table td, .productFiche .textEditor .pf-table th {
border: 0;
text-align: left;
padding: 5px 10px; }
.productFiche .textEditor .pf-table th {
color: #AF0060;
font-weight: bold;
line-height: 30px;
border-bottom: 2px solid #AF0060;
background: #FFFFFF; }
.productFiche .textEditor .pf-table td {
line-height: 24px; }
.productFiche .textEditor .pf-table tr:nth-of-type(odd) {
background: #EEEEEE; }
.productFiche .textEditor .pf-table .icon-ico-check {
color: #209E00; }
.productFiche .textEditor .pf-table .pf-clickable-row {
cursor: pointer; }
.productFiche .textEditor .pf-table .pf-clickable-row:hover {
    background: #e1e1e1; }

/*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;}

a.noUnderline { text-decoration:none }

.ogoneFeedbackPage{ background: #f7f7f7; padding:25px; font-size: 16px; line-height: 32px; color:#666666;}
.ogoneFeedbackPage img{float:left; padding-right: 20px; height: 140px;}

/* GP BTN with PDF icon */
a.gpBurningButton{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;}
a.gpBurningButton:hover {color:#000;}

/* GP BTN with XLS icon */
.corporateContracts .contract a.gpBurningButtonExcel, a.gpBurningButtonExcel {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 -1576px $nmbs;}
.corporateContracts .contract a.gpBurningButtonExcel:hover, a.gpBurningButtonExcel:hover, .statistics a.gpBurningButton:hover {color:#000;}

/* Sales statistics & invoices */
.statisticFilters { margin:10px;}
.statisticFilters  label { display:block; float:left; width:130px; padding-top:7px;}
.statisticFilters  select { float:left; margin-right:30px;}
.actionBooking.smallBtn { height:20px; line-height:20px;}
.statisticFilters .formButtons { text-align:right; margin-right:10px;}
.withErrorNotification{background-image: url("$imagePath/icoInfo.gif");}
.selectorInvoicePdf{white-space: nowrap;}
.SalesStatisticsComponent {margin-bottom:20px;}
.SalesStatisticsComponent .notification {margin-top:10px;}

/* Table */
.static-list-results, .dossier-list-pager { width: 100%;border-collapse: collapse; }
.static-list-results  { border: 1px solid #F2F2F2;}
.static-list-results th {background: #F2F2F2;border: none;color: #666;font-size: 12px;font-weight: normal;padding: 10px 5px;text-align: left;}
.static-list-results td {padding: 5px; line-height: 20px; border-top:1px solid #DBDBDB; color:#999;}
.static-list-results tr:nth-child(2n) td{background: #F7F7F7;}
.static-list-results tr:hover td{background: #e5f0f7;}
.static-list-results.cttl tr:hover td{cursor: pointer;}
.static-list-results tr.selected td{background: #d1e2f0;}

/* OLA LEGEND COMPONENT */
.selectorOlaCalendarContainer #LegendComponent{float:right;width:240px;}

.currencyDisclaimer hr{width:100%;}

/* old layout not responsive */
.container{ width: 980px !important;margin: 0 auto !important; display:block !important;padding: 0 !important;}
.rx{ margin: 0 15px;} /*rtresponsive class*/
.rx--no-margin{margin:0;}
.rt-nowrap{white-space: nowrap;}
.rx.bookingPopup {margin: 0;}
.col-xs-6.loginBlockLeft {padding-left:0;}
.col-xs-6.loginBlockRight {padding-right:0;}
/*fixes for old console (can be removed if we use only the new scss files)*/
.rt-console {
    position:fixed; right:0; bottom:0; width:300px; z-index: -1;
}
.rt-console--left {
    position:fixed; bottom:0; left:0; width:300px; z-index: -1;
}
.rt-console-toggle {
    display: none;
}
.rt-console.rt-closed .rt-console-body,
.rt-console--left.rt-closed .rt-console-body{
    width:300px;
    display: block;
}
.rt-console--background{
	z-index:-100;
}

/* header fix for promo pagina */
.rt-language-select ul {
	padding-left: 40px;
}
.rt-baseline {
	padding-left: 35px !important;
}

/* disable floating on some old form elements */
.force-disable-float {
    float: none !important;
}

/* Fix smartbanner left margin */
.rt-smartbanner-marginfix-legacy {
    margin-left: -15px;
    margin-right: -15px;
}

/* NMBSC-2771 not fully responsive css fixes*/
.rt-header-topbar .rt-myTrain .loginButtonSelector,
.newMainNavigation .visible-lg{
    display: inline-block !important;
}
.newMainNavigation.visible-lg {
    display: block !important;
}
/* END NMBSC-2771 fixes */

/* NMBSB-891 stand alone idbus fix*/
.rightColumn .rx { margin: 0; }
.right .rx { margin: 0; }