/*booking page*/
#outerWrapper .topBanner{overflow:hidden;max-height:325px;}
#outerWrapper .topBanner img{width:100%;}
#tramChartersContent{margin:0 auto;min-height:100px;width:950px;color:#3e3e3e;padding-bottom:30px;}

#tramChartersContent #stepFlow{background-image:url(../images/tramCharters/step.png);background-repeat: no-repeat;background-position: left 0px;width:950px;height:52px;margin:30px 0;}
#tramChartersContent #stepFlow div{top:6px;width:250px;text-align:center;color:#a4a4a4;}
#tramChartersContent #datepicker{background:url(../images/tramCharters/icon_datepicker.jpg) no-repeat left top #eeeeee;width:185px;height:40px;padding:0 0 0 55px;color:#747474;font-size:14px;line-height:40px;cursor:pointer;}

#tramChartersContent .tapHeadBtn{color:#ffffff;text-align:center;width:100%;}
#tramChartersContent .tapHeadBtn tr td{width:25%;padding:12px 0;background-color:#404a58;}
#tramChartersContent .tapHeadBtn tr td.selected{background-color:#007549;}
#tramChartersContent .tapHeadBtn tr td:hover{background-color:#007549;}
#tramChartersContent .tapHeadBtn tr td img{margin-right:5px;vertical-align:middle;}

#tramChartersContent .tabContent{clear:both;}
#tramChartersContent .tabContent .headline{font-size:16px;line-height:20px;border-left:1px solid #d7d7d7;border-right:1px solid #d7d7d7;padding:17px 105px 17px 15px;border-top:1px solid #d7d7d7;}
#tramChartersContent .tabContent table{/*width:950px;*/border-collapse:collapse;}
#tramChartersContent .tabContent table, #tramChartersContent .tabContent th, #tramChartersContent .tabContent td{border:1px solid #d7d7d7;}
#tramChartersContent .tabContent td{text-align:center;vertical-align:middle;padding:5px 0;min-width:90px;}
#tramChartersContent .tabContent table .caption{background-color:#dfdfdf;}
#tramChartersContent .tabContent table .timeGrid{font-size:12px;letter-spacing:-0.08em;}
#tramChartersContent .tabContent table.tblLeft{width:225px;line-height:14px;}
#tramChartersContent .tabContent table.tblLeft tr td{border-right:0;}
#tramChartersContent .tabContent table.tblLeft tr td + td{border-left:0;text-align:left;}
#tramChartersContent .tabContent table.tblLeft tr td label{font-size:14px;line-height:16px;color:#007549;font-weight:600;}
#tramChartersContent .tabContent table.tblLeft tr td label.price{display:none;}

#tramChartersContent .tabContent .scroll-pane table tr td{cursor:auto;}
#tramChartersContent .tabContent .scroll-pane table tr td.unavailable
#tramChartersContent .tabContent .scroll-pane table tr td.reserved,
#tramChartersContent .tabContent .scroll-pane table tr td.notApplicable
{cursor:auto;}
#tramChartersContent .tabContent .scroll-pane table tr td.selected,
#tramChartersContent .tabContent .scroll-pane table tr td.available
{cursor:pointer;}
#tramChartersContent .scroll-pane .available:hover{background-color:#007549;}

#tramChartersContent .tabContent .boxList li{line-height:48px;margin-right:22px;color:#3e3e3e;}
#tramChartersContent .tabContent .boxList li span{width:20px;height:17px;display:inline-block;vertical-align:text-bottom;margin:0 5px;}
#tramChartersContent .scroll-pane .unavailable, #tramChartersContent .tabContent .boxList .unavailable{background-color:#eeeeee;}
#tramChartersContent .scroll-pane .reserved, #tramChartersContent .tabContent .boxList .reserved{background-color:#404a58;}
#tramChartersContent .scroll-pane .notApplicable, #tramChartersContent .tabContent .boxList .notApplicable{background-color:#7b8ca4;}
#tramChartersContent .scroll-pane .selected, #tramChartersContent .tabContent .boxList .selected{background-color:#007549;}

#tramChartersContent .tabContent .fb{padding:0 0 0 67px;text-align:left;font-size:14px;line-height:16px;background-image:url(../images/tramCharters/btn_fb.jpg);background-repeat:no-repeat;height:55px;border:0;display:table-cell;vertical-align:middle}
#tramChartersContent .tabContent .tramCharterNotice{padding:20px 0;border-top:1px solid #bcbcbc;border-bottom:1px solid #bcbcbc;margin-bottom:30px;}
#tramChartersContent .tabContent .tramCharterNotice h2{font-size:14px;line-height:26px;}
#tramChartersContent .tabContent .tramCharterNotice ul li{background-image:url(../images/tramCharters/bullet.png);background-repeat:no-repeat;background-position:left top;list-style-type:none;/*font-size:12px;*/line-height:18px;padding-left:17px;}

#tramChartersContent .tabContent .btnBook{font-size:18px;line-height:48px;color:#ffffff;text-align:center;display:block;width:225px;margin:0 auto;background-image:url(../images/tramCharters/btn_book2.png);background-repeat:no-repeat;background-position:center center;background-color:#007549;}
#tramChartersContent .tabContent .btnBook:hover{text-decoration:none;background-color:#004136;}


/*form*/
#tramChartersContent{}
#tramChartersContent #formInfo{font-size:12px;}
#tramChartersContent #formInfo .boxSelectedTram{/*margin-bottom:18px;*/}
#tramChartersContent #formInfo .boxSelectedTram h2{background-color:#373737;color:#ffffff;line-height:32px;font-size:14px;padding:0 0 0 15px;}
#tramChartersContent #formInfo .boxSelectedTram h2 a{color:#ffffff;display:inline-block;float:right;line-height:12px;padding-left:15px;}
#tramChartersContent #formInfo .boxSelectedTram h2 a:hover{text-decoration:underline;}
#tramChartersContent #formInfo .boxSelectedTram h2 a span{font-size:12px;font-weight:400;padding-right:15px;}
#tramChartersContent #formInfo .boxSelectedTram table tr td{border:1px solid #bcbcbc;font-size:15px;color:#3e3e3e;padding-top:12px;padding-bottom:12px;}
#tramChartersContent #formInfo .boxSelectedTram table tr td label.price{color: #007549;font-weight:600;}
#tramChartersContent #formInfo .boxSelectedTram table tr td.grayBg{background-color:#e9e9e9;width:120px;padding-left:35px;padding-right:10px;}
#tramChartersContent #formInfo .boxSelectedTram table tr td.value{width:415px;padding-left:30px}
#tramChartersContent #formInfo .boxSelectedTram table tr td.discount{color:#ff5857;}
#tramChartersContent #formInfo .grandTotal{background-color:#007549;padding:3px;/*margin-top:-18px;*/margin-bottom:18px;}
#tramChartersContent #formInfo .grandTotal dl{background-color:#ffffff;line-height:35px;color:#007549;font-size:17px;}
#tramChartersContent #formInfo .grandTotal dl dt, #tramChartersContent #formInfo .grandTotal dl dd{padding:0 15px;text-align:center;}
#tramChartersContent #formInfo .grandTotal dl dd{/*font-weight:800;*/min-width:120px;}

#tramChartersContent #formInfo h3, #tramChartersContent #previewInfo h3, .payment-fancybox-content h3{border-left: 3px solid #007549;font-size:16px;margin-bottom: 20px;padding-left: 10px;}
#tramChartersContent #formInfo h3 span{font-size:12px;}
#tramChartersContent #formInfo table, #tramChartersContent #previewInfo table{border:0;}
#tramChartersContent #formInfo table tr td, #tramChartersContent #previewInfo table tr td{padding:0px;text-align: left;border:0;}
#tramChartersContent #formInfo .checkbox, #formInfo .radio{width:20px;height:20px;}
#tramChartersContent #formInfo .inputWithIcon{background-color:#eeeeee;width:425px;height:32px;padding:0 0 0 40px;margin-bottom:10px;border:0;line-height: 32px;color:#747474;}
#tramChartersContent #formInfo .icon1, #tramChartersContent #previewInfo .icon1{background-image:url(../images/contactUs/name_icon.png);background-repeat:no-repeat;}
#tramChartersContent #formInfo .icon2, #tramChartersContent #previewInfo .icon2{background-image:url(../images/contactUs/mail_icon.png);background-repeat:no-repeat;}
#tramChartersContent #formInfo .icon3, #tramChartersContent #previewInfo .icon3{background-image:url(../images/contactUs/tel_icon.png);background-repeat:no-repeat;}
#tramChartersContent #formInfo .icon4, #tramChartersContent #previewInfo .icon4{background-image:url(../images/tramCharters/icon_age.png);background-repeat:no-repeat;}
#tramChartersContent #formInfo .icon5, #tramChartersContent #previewInfo .icon5{background-image:url(../images/tramCharters/icon_purpose.png);background-repeat:no-repeat;}
#tramChartersContent #formInfo .radioList{line-height:20px;margin:5px 0;}

#tramChartersContent #formInfo .btn, #tramChartersContent #previewInfo .btn, .payment-fancybox-content .btn{display:inline-block;text-align:center;margin:6px 0px;background-color:#007549;color:#ffffff;line-height:47px;font-size:18px;}
#tramChartersContent #formInfo .btn:hover, #tramChartersContent #previewInfo .btn:hover, .payment-fancybox-content .btn:hover{text-decoration: none;background-color:#004136;}
#tramChartersContent #formInfo #bookFormErrormsg{color: red;width:100%;padding:10px 0;display:none;}
#tramChartersContent #formInfo #bookFormErrormsg li{margin: 2px 0;width: 100%;}

#tramChartersContent #previewInfo{padding-bottom:40px;}
#tramChartersContent #previewInfo h3 a span{color:#909090;}
#tramChartersContent #previewInfo h3 a:hover span{text-decoration:underline;}
#tramChartersContent #previewInfo table tr td div{border:1px solid #c5c5c5;padding-left:40px;line-height: 32px;height:32px;width:423px;}
#tramChartersContent #previewInfo table tr td span{display:inline-block;padding:0 10px;width:225px;border-left:1px solid #c5c5c5;text-overflow:ellipsis;overflow: hidden;white-space:nowrap;width:225px;}
#tramChartersContent #previewInfo .inputWithIcon{color:#747474;margin-bottom: 10px;}
#tramChartersContent #previewInfo .inputWithIcon span{color:#007549;}

#fancyboxMsgContainer{font-size:14px;}
#fancyboxMsgContainer table{width:350px;height:150px;}
#fancyboxMsgContainer table tr td{padding:20px;vertical-align:middle;text-align:center;}
#fancyboxMsgContainer div.tnc, #tramChartersContent div.tnc{text-align:left;padding:0px;line-height:20px;}
#fancyboxMsgContainer div.tnc h1, #tramChartersContent div.tnc h1{color:#007549;font-size:18px;line-height:24px;font-weight:400;}
#fancyboxMsgContainer div.tnc ol, #tramChartersContent div.tnc ol{padding-left:20px;}
#fancyboxMsgContainer div.tnc ul, #tramChartersContent div.tnc ul{list-style: outside none none;}

#fancyboxMsgContainer div.payment-fancybox-content{text-align: left;}
#fancyboxMsgContainer div.payment-fancybox-content form > div.radio-wrapper{margin-bottom:10px;padding:5px 5px 5px 10px;border:1px solid #f9f9f9;}
#fancyboxMsgContainer div.payment-fancybox-content form > div.radio-wrapper.checked{border:1px solid #007549;border-radius:5px;}
#fancyboxMsgContainer div.payment-fancybox-content form > div.radio-wrapper label img{width:90px;margin-right:10px;}
#fancyboxMsgContainer div.payment-fancybox-content form > div.radio-wrapper input[type=radio]{padding:0;margin:0;width:20px;height:20px;background:url(../plugin/custom-form-elements/radio.png);
	-webkit-appearance: none;-moz-appearance:none;appearance:none;}
#fancyboxMsgContainer div.payment-fancybox-content form > div.radio-wrapper input[type=radio]:checked{background-position:center bottom;}
#fancyboxMsgContainer div.payment-fancybox-content form > div:last-child{margin-bottom:0px;}