/* @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:5px 0 5px 0;line-height:1.3em;font-size:1.1em;}

#booking_form .area-title {
	color:#506b96;
	margin:5px 0 10px 5px;
}
#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 {display: block;line-height: 1.3em;}
#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 label.colored {font-weight:bold;font-size:1.1em;margin-bottom:0.7em;}



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

#bookOutAdults, #bookOutChildren, #bookOutSeniors, #bookOutInfants, #bookOutStudents,
#bookRetAdults, #bookRetChildren, #bookRetSeniors, #bookRetInfants, #bookRetStudents {
	width: 70px;
}

#bookTrailorOutH, #bookTrailorOutL, 
#bookTrailorRetH, #bookTrailorRetL {
	width: 70px;
}

.pay-by-travel-card {
	background: #e21e19 url(/rf2/app/webroot/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: 4px;
	width: 54px;
	margin-bottom: 10px;
}

.fareRadio input {
	float:  left;
	clear:  both;
	margin-bottom: 5px;
}

.typeRadio {
/*  color: #dc3f08;*/
	font-weight: bold;
	font-size:  1.1em;
	float:  left;
	width:  160px;
	height:  10px;
	padding-left: 5px;
	/*position: relative; */
}

.typeRadio.last {
	width: 50px;
}

.typeRadio label {
	/*position: absolute;
	top: 10px;*/
	margin-top: 7px;
	width: 160px;
}

.typeRadio input {
	position: absolute;
	margin-top: 28px;
}

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

.help-tooltip-red {
	background: url(/img/help-tooltip-button-bg-white.gif) center center no-repeat;
	color: #e21e19;
}

.help-tooltip-wrapper {
	width: 300px;
}
.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;
}

#UserDeliveryAddressSelect,
#UserDriverInformationSelect {
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 0.7em;
	color: #DC3F08;
}

#UserDeliveryAddressSelect label,
#UserDriverInformationSelect label {
	cursor: pointer;
}