/* @override http://localhost/css/bookingforms.css */

/***************************************
    Stylesheet for Booking Forms
***************************************/

.span-3 .split-2-col { float: left;  display:inline; clear:both; }
.span-3 .split-2-col .col-1 { float: left; width: 270px; margin-left: 1px; display:inline; }
.span-3 .split-2-col .col-2 { float: left; width: 270px; margin-left: 1px; display:inline; }

.col-clear { clear: both; padding-top:10px; width:542px;}

#booking_form ul.error { border: dotted 1px #D9D9D9; padding: 10px; }

#booking_form h3 {padding-right:0.5em;border:none;}
#booking_form p {margin:0px 0 5px 0;line-height:1.3em;font-size:1.1em;}

#booking_form .area-title {
    color:#506b96;
    margin:5px 0 10px 5px;
    font-size: 2em;
}

#booking_form .date-title{
    margin-top: 0.5em;
    margin-bottom: 0;
    font-size: 2em;
}

#booking_form .module-title {
    /*color:#d52651;*/
    clear:both;
    display:block;
    font-size:1.3em;
    font-weight:bold;
    margin:0px 0 10px 0;
}

#booking_form label {line-height: 1.3em; display:block}
#booking_form label.blue {font-weight:bold;font-size:1.1em;margin-bottom:0.7em;}
#booking_form label.red {font-weight:bold;font-size:1.1em;margin-bottom:0.7em;}
#booking_form label.deeporange {font-weight:bold;font-size:1.1em;margin-bottom:0.7em;}
#booking_form label.large {line-height:20px;font-size:1.2em;}

#booking_form table.results label{display:inline;}

#booking_form label.colored, #booking_form .input.checkbox label {font-weight:bold;font-size:1.1em;margin-bottom:0.7em; float:none;}

#booking_form .inline.input label{
	float:left;
	margin-right:20px;
	width:auto;
}


#booking_form .pad {line-height:1.3em;}
#booking_form .pad, #booking_form .padT {padding-top:7px;}
#booking_form .pad3, #booking_form .padT3 {padding-top:3px;}
#booking_form .pad, #booking_form .padR {padding-right:7px;}
#booking_form .pad, #booking_form .padB {padding-bottom:7px;}
#booking_form .pad, #booking_form .padL {padding-left:7px;}

#booking_form .form-block { margin:0 10px 10px 0; }

#booking_form .form-row.no-bg {background:none;}
#booking_form .form-row.radio label {
    float:left;
    clear:none;
    width:472px;
}
#booking_form .form-row.radio input {
    margin:5px 10px 0 10px;
    float:left;
    clear:none;
    width:auto;
}

/* the IDs here need changing for proper html markup to make selecting ea.fareRadio
sier */
#booking_form .input.radio input, #booking_form .input.checkbox input, #chkTowing {
	margin-right: 10px;
	margin-top: 3px;
	float: left;
}


#bookOutAdults, #bookOutChildren, #bookOutSeniors, #bookOutInfants, #bookOutStudents,
#bookRetAdults, #bookRetChildren, #bookRetSeniors, #bookRetInfants, #bookRetStudents {
    width: 70px;
}

#bookTrailorOutH, #bookTrailorOutL,
#bookTrailorRetH, #bookTrailorRetL {
    width: 70px;
}

#display .popout-wrapper-jquery,
#booking_form .popout-wrapper-jquery
{
    display:none;
    position: absolute;
    z-index: 1;
}

.pay-by-travel-card {
    background: #e21e19 url(/img/my_redfunnel/pay-by-travel-card.png) top left no-repeat;
    line-height: 30px;
    height: 30px;
    margin: 0 0 10px 0!important;
    padding-left: 113px;
}

.pay-by-travel-card input,
.pay-by-travel-card label,
.pay-by-travel-card strong {
    color: #FFF!important;
    line-height: 30px!important;
    height: 30px!important;
    padding: 0!important;
    margin: 0 3px 0 0!important;
}

.pay-by-travel-card strong {
  font-size: 1.1em;
}

.pay-by-travel-card strong a {
  color: #FFF;
  text-decoration: underline;
}

#booking_form .form-price-row {height:2em;font-size:1.1em;}
#booking_form .form-price-row .description {float:left;text-align:right;width:428px;}
#booking_form .price {float:right;}

/*#booking_form .form-summary-row {height:2.5em;line-height:2.5em;display:block;font-size:1.1em;}*/
#booking_form .form-summary-row {line-height:2.5em;display:block;font-size:1.1em;}

#booking_form .order-ref {
    text-align:center;
    font-size:1.5em;
    padding:0.5em;
}

#booking_form .payment-options {
    float:right;
    width:240px;
    margin-right:10px;
}

#booking_form .payment-option {
    float:left;
    width:60px;
    text-align:center;
}

#booking_form .payment-option label {
    width:auto;
    float:none;
}
#booking_form .payment-option input {
    width:auto;
    float:none;
}

#booking_form #security_code_info {
    position:absolute;
    float:left;
    background-color:#fff;
    border:solid 1px #eee;
    padding:5px;
}


#booking_form .form-explanation {

    clear:both;
    /*background:url(../img/formSteps/module.gif) no-repeat left bottom;*/
    padding:0px;
    margin-left:1px;
    width:540px;
}



#booking_form .fare-requirements {

    float:left;
    margin-bottom:10px;
}

#booking_form .travel-type {
    background: url(../img/bookingform/travelType.gif) no-repeat left top;
    width:268px;
    height:59px;
    float:left;
}


#booking_form table.invoice {

    width:100%;
    border:solid 3px #e7edf5;
    border-right:solid 3px #e7edf5;
    margin:auto;
}


#booking_form table.invoice th, #booking_form table.invoice td {
    border-right:solid 1px #e7edf5;
    vertical-align:middle;
    padding:5px;
    text-align:center;
    line-height:1.3em;
}

#booking_form table.invoice th {
    font-weight:bold;
    border-bottom:solid 1px #e7edf5;
    border-width:1px;
    border-color:#fff;
    background-color:#e7edf5;
}

#booking_form table.invoice tr.total-row td {

    border-top:solid 1px #e7edf5;
}


#booking_form table.invoice-container {

    width:100%;
}

#booking_form table.invoice-container td {
    vertical-align:top;
    padding:5px;
}



#booking_form table.invoice-container table.vat-analysis {
    width:100%;
    margin-top:5px;
    text-align:center;
    border:solid 1px #333;
    border-right:none;
}

#booking_form table.invoice-container table.vat-analysis th {

    border-bottom:solid 1px #333;
    border-right:solid 1px #333;
    padding:3px;

}

#booking_form table.invoice-container table.vat-analysis td {

    padding:3px;
    border-right:solid 1px #333;

}


#booking_form table.invoice-container table.notify {

    width:100%;
    margin-top:5px;
    text-align:center;
    border:solid 1px #333;
    font-weight:bold;
    line-height:1.4em;
    color:#009;

}

#booking_form .tandc-box ol { list-style-type: decimal; padding-left:30px; }
#booking_form .tandc-box ol li { margin-bottom:10px; }
#booking_form .tandc-box { height:200px; width:515px; overflow:auto; padding: 10px; }
#booking_form .tandc-box ul { list-style-type: none; }
#booking_form  .tandc-agreement { margin:auto; width:200px; }
#booking_form  .tandc-agreement label, #booking_form  .tandc-agreement input { float:left; font-size:1.1em; line-height:1.5em; }
#booking_form  .tandc-agreement label { margin-right: 20px;}

/********************************
* Re-factored Views new styles
*********************************/

#booking_form .travel-type .fLeft {
    margin-left:5px;
    margin-top:10px;
}

#booking_form .travel-type .fRight {
    margin-top:10px;
    margin-right:70px !important;
    margin-right: 35px;
}

/********************************
* Re-factored Views new widths
*********************************/

#booking_form .width70 { width:70px; }
#booking_form .width110 { width:110px; }
#booking_form .width130 { width:130px; }


.fareRadio {
    width: 80px;
    font-weight: bold;
    font-size:  1.1em;
}

.fareRadio label {
    float:  right;
    padding-top: 5px;
    width: 50px;
    margin-bottom: 10px;
}

.fareRadio input {
    float:  left;
    clear:  both;
    margin-bottom: 5px;
}

.typeRadio {
	font-weight: bold;
	font-size:  1.1em;
	float:  left;
	width:  135px;
	height:  10px;
	padding-left: 5px;
	position: relative;
}

.typeRadio.last {
    width: 50px;
}

.typeRadio label {
	margin-top: 7px;
	width: 160px;
}

/* silly specificity issues due to use of IDs */
#booking_form .input.radio .typeRadio input, .typeRadio input {
	position:absolute;
	top: 24px;
}

.agent-row input {
    width: 162px;
    margin-top: 10px;
    clear: left;
    float: left;
}

#ResourceOutwardAdultsA,
#ResourceOutwardChildrenC,
#ResourceOutwardSeniorsZ,
#ResourceOutwardInfantsI,
#ResourceReturnAdultsA,
#ResourceReturnChildrenC,
#ResourceReturnSeniorsZ,
#ResourceReturnInfantsI {
    margin-top: 7px;
    /*width: 40px;*/
}

/********************************
 * Tooltip styling
 *********************************/

.help-tooltip {
    background: url(/img/help-tooltip-button-bg.gif) center center no-repeat;
    color: #FFF;
    cursor: pointer;
    font-size: 11px!important;
    font-weight: bold;
    line-height: 13px!important;
    margin-left: 2px;
    padding: 0 4px 2px 4px;
}

a.help-tooltip {
    display: none;
}

.help-tooltip-red {
    background: url(/img/help-tooltip-button-bg-white.gif) center center no-repeat;
    color: #e21e19;
}

.help-tooltip-wrapper {
    width: 300px;
    z-index: 99;
}
.help-tooltip-wrapper p {
    padding: 5px 10px 5px 10px;
}

#popout_outward_passengers_help_button,
#popout_return_passengers_help_button {
    float: left;
    margin-left: 5px;
    width: auto;
}

#outPeople,
#retPeople {
    float: left;
}

.help-tooltip-wrapper #results-saver-details,
.help-tooltip-wrapper #results-flexi-details,
.help-tooltip-wrapper #results-premium-details {
    margin: 10px;
    width: 280px;
}

.help-tooltip-wrapper #results-saver-details td,
.help-tooltip-wrapper #results-flexi-details td,
.help-tooltip-wrapper #results-premium-details td {
    padding: 2px 0 1px 0;
    border-bottom: 1px solid #FFF;
    line-height: 1.3em;
    vertial-align: middle;
}

.help-tooltip-wrapper #results-saver-details td.saver,
.help-tooltip-wrapper #results-flexi-details td.flexi,
.help-tooltip-wrapper #results-premium-details td.premium {
    width: 30%;
}

div.basket-header .sIFR-active h1.sIFR-header {
    float: left !important;
}
.basket-header .help-tooltip {
    margin-right: 15px;
    margin-top: 15px;
    float: right;
    height: 13px;
    width: auto;
}
div.basket-header h2 {
    font-size: 1.2em;
    font-weight: bold;
    padding-top: 15px;
    height: 37px;
}
#UserDeliveryAddressSelect,
#UserDriverInformationSelect {
    font-weight: bold;
    font-size: 1.1em;
    margin-bottom: 0.7em;
    color: #DC3F08;
}

#UserDeliveryAddressSelect label,
#UserDriverInformationSelect label {
    cursor: pointer;
}

#booking_form .ship_tooltip table{
    border: none;
}

#booking_form .ship_tooltip td{
    font-size: 1.2em;
    padding: 5px;
}

#booking_form .ship_tooltip h3{
    border-bottom: 1px solid #DC3F08;

}

#booking_form .ship_tooltip tr{
    border-bottom: 1px dotted #DC3F08;

}

#booking_form .bold{
    font-weight: bold;

}

#booking_form .boat-icon-wrapper{
    float:left;
}

#booking_form .boat_icon{
    padding-left: 8px;
    padding-right: 0.8em;
}
