/* EMTrains Quick Tickets stylesheet */

/* qtt general styles - for both fat and thin columns */
#accordian #qtt #qtt-leaving-from { display: block; background: transparent url(/emtrains/images/header_qtt_leavingfrom.gif) 0 0 no-repeat; width: 29px; height: 10px; }
#accordian #qtt #qtt-going-to { display: block; background: transparent url(/emtrains/images/header_qtt_goingto.gif) 0 0 no-repeat; width: 14px; height: 10px; }
#accordian #qtt #qtt-outward-journey { display: block; background: transparent url(/emtrains/images/header_qtt_outwardjourney.gif) 0 0 no-repeat; width: 55px; height: 10px; float: left; margin-top: 6px; }
#accordian #qtt #qtt-return-journey { display: block; background: transparent url(/emtrains/images/header_qtt_returnjourney.gif) 0 0 no-repeat; width: 55px; height: 10px; float: left; margin-top: 6px; }
#accordian #qtt #qtt-adults { display: block; background: transparent url(/emtrains/images/header_qtt_adults.gif) 0 0 no-repeat; width: 96px; height: 10px; float: left; margin-top: 6px; }
#accordian #qtt #qtt-children { display: block; background: transparent url(/emtrains/images/header_qtt_children.gif) 0 0 no-repeat; width: 73px; height: 10px; float: left; margin-top: 6px; margin-left: 30px; }
#accordian #qtt #qtt-add-railcards_0 { display: block; background: transparent url(/emtrains/images/header_qtt_railcards.gif) 0 0 no-repeat; width: 70px; height: 10px; float: left; margin-top: 6px; }
#accordian #qtt label span { display: none; } 
#accordian #qtt p span { display: none; } 
#accordian #qtt .text-box { border-top: 1px solid #727272; border-right: 1px solid #b4b4b4; border-bottom: 1px solid #dadada; border-left: 1px solid #b4b4b4; background: #fff url(/emtrains/images/bg_textbox.gif) 0 0 repeat-x; padding: 2px 2px; }
#accordian #qtt .row-station { padding: 6px 15px 0 14px; float: left; clear: both; }
#accordian #qtt .row-station label { float: left; margin-top: 6px; }
#accordian #qtt .row-station .text-box { float: right; }
#accordian #qtt .row-date { padding: 6px 15px 0 14px; float: left; clear: both; }
#accordian #qtt .row-date .text-box { float: right; }
#accordian #qtt .select-container { float: right; text-align: right; }
#accordian #qtt .select-right { margin-left: 2px; width: 46px; }
#accordian #qtt .select-right-railcard { margin-left: 2px; width: 37px; }
#accordian #qtt .adults-children { width: 37px; }
#accordian #qtt .row-travelling { padding: 14px 15px 10px 14px; float: left; clear: both; }
#accordian #qtt .row-travelling .select-container { float: left; }
#accordian #qtt .row-railcard { padding: 6px 15px 0 14px; float: left; clear: both; position: relative; }
#accordian #qtt .row-top { padding-top: 13px; }
#accordian #qtt .row-button { padding: 14px 0px 0px 14px; clear: both; height: 40px; }
#accordian #qtt .row-add-more { padding: 5px 15px 0px 14px; float: right; clear: both; height: 21px; display: block; }
#accordian #qtt .row-more-options { padding: 10px 15px 10px 14px; float: left; clear: both; height: 21px; }
#accordian #qtt #qttSubmit { display: block; background: transparent url(/emtrains/images/button_qtt_booknow.gif) 0 0 no-repeat; width: 134px; height: 37px; float: right; }
#accordian #qtt #qttSubmit:hover { background: transparent url(/emtrains/images/button_qtt_booknow.gif) 0 -37px no-repeat; }
#accordian #qtt #qttSubmit span { display: none; }
#accordian #qtt .railcards { clear: both; }
#accordian #qtt .qtt-conditions { width: 54px; position: absolute; top: 36px; left: 14px; }
#accordian #qtt .qtt-add-more { color: #fff; float: right; margin-top: 10px; width: 55px; display: block; clear: both; }
#accordian #qtt .qtt-remove { float: right; clear: both; }
#accordian #qtt .additional { height: 45px !important; }
#accordian #qtt .additional .select-container { float: right; }
#accordian #qtt .qtt-extra-text { color: #fff; float: right; }
#accordian #qtt .qtt-extra-text a, 
#accordian #qtt .qtt-extra-text a:hover, 
#accordian #qtt .qtt-extra-text a:visited { color: #fff; text-decoration: underline;}
#accordian #qtt .qtt-conditions a, 
#accordian #qtt .qtt-conditions a:hover, 
#accordian #qtt .qtt-conditions a:visited { color: #fff; text-decoration: underline;}
#accordian #qtt .qtt-add-more a, 
#accordian #qtt .qtt-add-more a:hover, 
#accordian #qtt .qtt-add-more a:visited { color: #fff; text-decoration: underline; float: right; }
#accordian #qtt .qtt-remove a, 
#accordian #qtt .qtt-remove a:hover, 
#accordian #qtt .qtt-remove a:visited { color: #fff; text-decoration: underline; }

/* styles specific to thin columns */
#accordian #qtt { width: 251px; font-size: 95%; }
#accordian #qtt .row-station { width: 222px; }
#accordian #qtt .row-station .text-box { width: 156px; }
#accordian #qtt .row-date { width: 222px; }
#accordian #qtt .row-date .text-box { width: 55px; }
#accordian #qtt .row-travelling { width: 222px; }
#accordian #qtt .row-railcard { width: 222px; }
#accordian #qtt .row-railcard .select-container { width: 170px; margin-top: 11px; }
#accordian #qtt .railcards { width: 121px; }
#accordian #qtt .select-left { margin-left: 4px; width: 46px; }
#accordian #qtt .row-button { width: 222px; }
#accordian #qtt .row-add-more { width: 222px; }
#accordian #qtt .row-more-options { width: 222px; }
#accordian #qtt .qtt-remove { margin-top: 4px; }
#accordian #qtt #qtt-adults { width: 60px; }
#accordian #qtt #qtt-children { width: 69px; margin-left: 19px; }

/* styles specific to fat columns */
.landing-page #accordian #qtt { width: 300px; font-size: 100%; }
.landing-page #accordian #qtt .row-station { width: 271px; height: 21px; }
.landing-page #accordian #qtt .row-station .text-box { width: 169px; }
.landing-page #accordian #qtt .row-date { width: 271px; height: 21px; }
.landing-page #accordian #qtt .row-date .text-box { width: 67px; }
.landing-page #accordian #qtt .row-travelling { width: 271px; }
.landing-page #accordian #qtt .row-railcard { width: 271px; }
.landing-page #accordian #qtt .row-railcard .select-container { width: 178px; margin-top: 0; }
.landing-page #accordian #qtt .railcards { width: 134px; }
.landing-page #accordian #qtt .select-left { margin-left: 5px; width: 46px; }
.landing-page #accordian #qtt .row-button { width: 271px; }
.landing-page #accordian #qtt .row-add-more { width: 271px; }
.landing-page #accordian #qtt .row-more-options { width: 271px; }
.landing-page #accordian #qtt .qtt-remove { margin-top: 10px; }
.landing-page #accordian #qtt #qtt-adults { width: 96px; }
.landing-page #accordian #qtt #qtt-children { width: 71px; margin-left: 30px; }


/* ====== Best Fare Finder ====== */

#accordian #bff #bff-origin label { display: block; background: transparent url(/emtrains/images/header_qtt_leavingfrom.gif) 0 0 no-repeat; width: 29px; height: 10px; }
#accordian #bff #bff-destination label { display: block; background: transparent url(/emtrains/images/header_qtt_goingto.gif) 0 0 no-repeat; width: 14px; height: 10px; }
#accordian #bff #bff-outward-journey { display: block; background: transparent url(/emtrains/images/header_qtt_outwardjourney.gif) 0 0 no-repeat; width: 104px; height: 10px; }
#accordian #bff #bff-return-journey { display: block; background: transparent url(/emtrains/images/header_qtt_returnjourney.gif) 0 0 no-repeat; width: 91px; height: 10px; }
#accordian #bff #bff-standard-class { display: block; background: transparent url(/emtrains/images/header_qtt_standardclass.gif) top right no-repeat; widtxh: 248px; height: 10px; }
#accordian #bff #bff-first-class { display: block; background: transparent url(/emtrains/images/header_qtt_firstclass.gif) top right no-repeat; widtxh: 248px; height: 10px; }
#accordian #bff label span { display: none; } 
#accordian #bff .text-box { border-top: 1px solid #727272; border-right: 1px solid #b4b4b4; border-bottom: 1px solid #dadada; border-left: 1px solid #b4b4b4; background: #fff url(/emtrains/images/bg_textbox.gif) 0 0 repeat-x; padding: 2px 4px; }
#accordian #bff .row-station { padding: 6px 15px 0 14px; float: left; clear: both; }
#accordian #bff .row-station input { float: left; margin: 11px 0 0 15px; }
#accordian #bff .row-station label { float: left; margin-top: 6px; }
#accordian #bff .row-station select { float: right; width: 170px; }
#accordian #bff .row-station option.highlight { color: #00144c; background-color: #ccc; }
#accordian #bff .row-date { padding: 12px 15px 0 14px; float: left; clear: both; }
#accordian #bff .row-date .text-box { float: right; margin-top: -14px; }
#accordian #bff .row-class { padding: 6px 15px 0 14px; float: left; clear: both; position: relative; }
#accordian #bff .row-class label { float: left; margin-top: 6px; }
#accordian #bff .row-class input { float: right; margin: 4px 0 1px 0; background: transparent; width: 14px; height: 14px; }
#accordian #bff .row-class p { position: absolute; top: 12px; left: 14px; width: 100px; height: 10px; background: transparent url(/emtrains/images/header_qtt_showme.gif) 0 0 no-repeat; }
#accordian #bff .row-class p span { display: none; }
#accordian #bff .row-top { padding-top: 13px; }
#accordian #bff .row-button { width: 236px; float: left; clear: both; }
#accordian #bff .row-button input { display: block; width: 134px; height: 37px; float: right; }
#accordian #bff #bffSubmit { display: block; background: transparent url(/emtrains/images/button_qtt_booknow.gif) 0 0 no-repeat; width: 134px; height: 37px; float: right; margin-top:10px; margin-bottom:10px; }
#accordian #bff #bffSubmit:hover { background: transparent url(/emtrains/images/button_qtt_booknow.gif) 0 -37px no-repeat; }
#accordian #bff #bffSubmit span { display: none; }

#accordian #bff { width: 251px; }
#accordian #bff .row-station { width: 222px; }
#accordian #bff .row-date { width: 222px; }
#accordian #bff .row-date .text-box { width: 83px; }
#accordian #bff .row-class { width: 222px; }
#accordian #bff .row-class label { width: 199px; }
#accordian #bff .calendarpopup { margin-left: -74px; }

.landing-page #accordian #bff { width: 300px; }
.landing-page #accordian #bff .row-station { width: 271px; }
.landing-page #accordian #bff .row-date { width: 271px; }
.landing-page #accordian #bff .row-date .text-box { width: 110px; }
.landing-page #accordian #bff .row-class { width: 271px; }
.landing-page #accordian #bff .row-class label { width: 248px; }
.landing-page #accordian #bff .row-button { margin-left: 49px }
.landing-page #accordian #bff .calendarpopup { margin-left: -47px; }


/* ====== Season Ticket Finder ====== */

#accordian #stf #stf-leaving-from { display: block; background: transparent url(/emtrains/images/header_qtt_leavingfrom.gif) 0 0 no-repeat; width: 77px; height: 10px; }
#accordian #stf #stf-going-to { display: block; background: transparent url(/emtrains/images/header_qtt_goingto.gif) 0 0 no-repeat; width: 54px; height: 10px; }
#accordian #stf #stf-start { display: block; background: transparent url(/emtrains/images/header_stf_start.gif) 0 0 no-repeat; width: 29px; height: 10px; float:left; margin-top:6px; }
#accordian #stf label span { display: none; } 
#accordian #stf .text-box { border-top: 1px solid #727272; border-right: 1px solid #b4b4b4; border-bottom: 1px solid #dadada; border-left: 1px solid #b4b4b4; background: #fff url(/emtrains/images/bg_textbox.gif) 0 0 repeat-x; padding: 2px 2px; }
#accordian #stf .row-station { padding: 27px 15px 0 14px; float: left; clear: both; }
#accordian #stf .row-station label { float: left; margin-top: 6px; }
#accordian #stf .row-station .text-box { float: right; }
#accordian #stf .row-top { padding-top: 13px; }
#accordian #stf #stfSubmit { display: block; background: transparent url(/emtrains/images/button_stf_buynow.gif) 0 0 no-repeat; width: 134px; height: 37px; float: right; clear: both; margin-bottom: 10px; }
#accordian #stf #stfSubmit:hover { background: transparent url(/emtrains/images/button_stf_buynow.gif) 0 -37px no-repeat; }
#accordian #stf #stfSubmit span { display: none; }
#accordian #stf #season-ticket-date { float: right; width: 222px; }
#accordian #stf #link-info { display: block; float: left; text-align: right; clear: both; padding: 12px 15px 12px 0; color: #fff; text-decoration: underline; font-size: 90%; }
#accordian #stf #link-info:hover { color: #fff; }

#accordian #stf { width: 251px; }
#accordian #stf .row-station { width: 222px; }
#accordian #stf .row-station .text-box { width: 124px; }
#accordian #stf #season-ticket-date { margin-top: 6px; }
#accordian #stf #link-info { width: 236px; }

.landing-page #accordian #stf { width: 300px; }
.landing-page #accordian #stf .row-station { width: 271px; height: 21px; }
.landing-page #accordian #stf .row-station .text-box { width: 167px; }
.landing-page #accordian #stf #season-ticket-date { margin-top: 0; }
.landing-page #accordian #stf #link-info { width: 285px; }


/* ====== no booking fees button ====== */

#accordian .button-no-booking-fees { display: block; margin: 10px 0 0 10px; height: 27px; float: left; clear: both; }
#accordian .button-no-booking-fees span { display: none; }

#accordian .button-no-booking-fees { background: transparent url(/emtrains/images/button_nobookingfees_small.gif) 0 0 no-repeat; width: 226px; }
.landing-page #accordian .button-no-booking-fees { background: transparent url(/emtrains/images/button_nobookingfees.gif) 0 0 no-repeat; width: 275px; }



/* =========================== Eurostar styles ========================== */

#eurostar { width: 251px; background: #00144d url(/emtrains/images/bg_eurostar_lower.gif) left bottom no-repeat; float: left; margin: 10px 0 0 6px; }
#eurostar h2 { color: #fff; padding: 10px 0 0 14px; background: #00144d url(/emtrains/images/bg_eurostar_upper.gif) 0 0 no-repeat;}
#eurostar #qtt-leaving-from { display: block; background: transparent url(/emtrains/images/header_qtt_leavingfrom.gif) 0 0 no-repeat; width: 77px; height: 10px; }
#eurostar #qtt-going-to { display: block; background: transparent url(/emtrains/images/header_qtt_goingto.gif) 0 0 no-repeat; width: 54px; height: 10px; }
#eurostar #qtt-outward-journey { display: block; background: transparent url(/emtrains/images/header_qtt_outwardjourney.gif) 0 0 no-repeat; width: 104px; height: 10px; }
#eurostar #qtt-return-journey { display: block; background: transparent url(/emtrains/images/header_qtt_returnjourney.gif) 0 0 no-repeat; width: 91px; height: 10px; }
#eurostar label span { display: none; } 
#eurostar p { padding: 0; margin: 0; } 
#eurostar p span { display: none; } 
#eurostar .text-box { border-top: 1px solid #727272; border-right: 1px solid #b4b4b4; border-bottom: 1px solid #dadada; border-left: 1px solid #b4b4b4; background: #fff url(/emtrains/images/bg_textbox.gif) 0 0 repeat-x; padding: 2px 4px; }
#eurostar .row-station { width: 222px; padding: 6px 15px 0 14px; float: left; clear: both; }
#eurostar .row-station label { float: left; margin: 6px 0 0 0; }
#eurostar .row-station select { float: left; width: 220px; margin-top: 6px; clear: both; }
#eurostar .row-date { width: 222px; padding: 12px 15px 0 14px; float: left; clear: both; }
#eurostar .row-date .text-box { width: 103px; float: left; margin: 9px 0 0 0; }
#eurostar .select-container { margin: 9px 0 0 6px; }
#eurostar .select-container select { margin-left: 6px; }
#eurostar .row-top { padding-top: 13px; }
#eurostar .row-button { width: 222px; padding: 10px 15px 10px 14px; float: left; clear: both; }
#eurostar .row-button a { display: block; background: transparent url(/emtrains/images/button_qtt_booknow.gif) 0 0 no-repeat; width: 134px; height: 37px; float: right; }
#eurostar .row-button a:hover { background: transparent url(/emtrains/images/button_qtt_booknow.gif) 0 -37px no-repeat; }
#eurostar .row-button a span { display: none; }

#eurostar-outer-pic { float: left; width: 660px; background: transparent url(/EMTrains/images/bg_eurostarlarge.gif) left bottom no-repeat; margin-bottom: 10px; }
#eurostar-outer-pic #eurostar { margin: 0; }
#eurostar-outer-pic #eurostar h2 { font-size: 130%; font-weight: bold; }
#eurostar-outer-pic #eurostar .row-date .text-box { margin: 0; }


/* Timetable alteration use of qtt functionality  */

div#altwrapper {
  width: 231px;
  background-color: #dbeffa;
  color: #3a5161;
  padding: 14px 0 2px 14px;
  }

div#altwrapper label {
  padding-top: 3px;
  }

div#altwrapper input {
  border: 1px solid #b5cadd;
  color: #3a5161;
  padding: 2px 5px 2px 5px;
  }

div#altwrapper span.altdate {
  vertical-align: top;
  display: block;
  padding-left: 2px;
  padding-bottom: 4px;
  width: 214px;
  clear: both;
  }

div#altwrapper span.altdate label {
  float: left;
  }

div#altwrapper span.altdate input {
  width: 100px;
  margin-right: 3px;
  vertical-align: top;
  }

div#altwrapper span.altdate a {
  width: 22px;
  display: inline;
  }

div#altwrapper span.altdate a img {
  border: 1px solid #b5cadd;
  display: inline;
  }

div#altwrapper div.altbutton {
  padding: 0;
  clear: both;
  }

div#altwrapper div.altbutton input {
  border: none;
  padding: 0;
  }