/* booking pages stylesheet - styling for booking pages */

/* -- HEADINGS ------------------------------------------- */
h1 {
	background-color:#606;
	color:#fff;
	margin-top:10px;
	padding:2px 7px;
}
h2 {
	background:#606;
	color:#fff;
	margin-top:12px;
	padding:2px 7px 3px 7px;
}
#mainContent h2 {
	margin-bottom:6px;
}
h3 {
	margin:1.2em 0 .5em 7px;
}
br {
	clear: left;
}


/* -- TABLES -------------------------------------------- */
table {
	margin:4px 7px 15px 7px;
	width:556px;
}
table.nobottomspace {
	margin-bottom: 0;
}
table, th, td {
	border:1px solid #ccc;
	border-collapse:collapse;
	margin-bottom: 0;
}
th, td {
	padding:4px;
	vertical-align: top;
}
th, tr.alt {
	background-color:#efefef;
}
td.price {
	text-align:right;
}
th.number, td.number {
	text-align:center;
}
td.total {
	border-top:2px solid #ccc;
}
td.balance {
	border-top:2px solid #ccc;
	color:#c00;
	font-size:0.9em;
}
caption {
	font-size:.7em;
	margin-left:7px;
	text-align:left;
}


#InputAddressDetails1_addressFields, #InputAddressDetails1_addressList, #InputPaymentAddressDetails2_addressFields, #InputPaymentAddressDetails2_addressList {
	border:0;
	font-size:1em; /* font-size:1.4em */;
	padding-top: .5em;
}

/* 
	Bug #104 - Bad formatting in CustomerDetails page in IE
*/

#InputAddressDetails1_addressFields td > label, 
#InputAddressDetails1_addressList td > label, 
#InputPaymentAddressDetails2_addressFields td >label, 
#InputPaymentAddressDetails2_addressList td > label {
	font-size:1em;
}

#InputAddressDetails1_addressFields td, #InputAddressDetails1_addressList td, #InputPaymentAddressDetails2_addressFields td, #InputPaymentAddressDetails2_addressList td {
	border:0;
}

/* -- FORM ELEMENTS ------------------------------------ */
fieldset {
	border:0;
	margin:0;
	padding:4px 0;
}
label {
	clear:left;
	float:left;
	font-size:0.7em;
	margin:2px 0 8px 0;
	text-align:right;
	width:210px;
}
#fs_location label {
	width:130px;
}
.areaMac {
	margin-left:134px;
}
input, select {
	border:1px solid #7F9DB9;
	float:left;
	font-size:0.8em;
	margin-left:4px;
	margin-bottom: 4px;
	width:15em;
}
/* input styles for guest detail entry */
select.title {
	width:5em;
}
input.firstname {
	width:10em;
}
input.surname {
	width:12em;
}
select.ratings {
	width:7em;
}
/* input style for dates (including dob) */
input.date, select.date {
	width:7em;
}

input.day, input.month {
	float: left;
	width: 2em;
	}
input.year {
	float: left;
	width: 4em;
	}
/* generic input/select styles */
input.small, select.small {
	width:5em;
}
input.med, select.med {
	width:10em;
}
input.wide, select.wide {
	width:30em;
}

#InputAddressDetails1_addresses {
	margin-bottom: .3em;
	width: auto!important;
}

/* more specific form styles */
/* had to use this to get the location and reference select boxes to sit up next to their neighbouring select boxes in IE */
div.location, div.reference, #findAddress {
	float:left;
	margin-bottom:4px;
}
#fs_errata input, #fs_requests input, #fs_conditions input {
	border:0;
}
#fs_errata label, #fs_requests label {
	display:inline;
	float:none;
	clear:none;
	margin:0;
	text-align:left;
	width:auto;
}
#fs_requests ul {
	font-size:1em;
	list-style-type:none;
	margin:0;
}
#fs_errata input, #fs_requests input {
	float:none;
	width:auto;
}
#fs_frequentFlyer {
	margin:0 7px;
}
#fs_frequentFlyer input {
	font-size:0.7em;
}
#fs_contact, #fs_billing {
}
#fs_guests input, #fs_guests select {
	clear:none;
	float:none;
	margin:0;
}
#fs_guests label {
	margin:0 7px;
	width:auto;
}
#fs_billing input.issue {
	width:2.5em;
}
#fs_contact #InputAddressDetails1_marketing, #fs_conditions input {
	border:0;
	clear:none;
	float:none;
	margin:4px 0 0 4px;
	width:20px;
}



#fs_conditions label {
	clear:none;
	float:none;
}
label.required {
	font-weight:bold;
}
#find input {
	border:0;
	clear:none;
	float:none;
	width:119px;
}
#hotelSearch #find input {
	margin-right:20px;
}
#findAddress input {
	border:0;
	clear:none;
	float:none;
	width:131px;
}
#InputAddressDetails1_btnSelectAddress, #InputPaymentAddressDetails2_btnSelectAddress {
	border:0;
	clear:none;
	float:none;
	margin:4px 0 8px 215px;
	width:150px;
}
#continue input {
	border:0;
	clear:none;
	float:none;
	width:100px;
}
#complete input {
	border:0;
	clear:none;
	float:none;
	width:134px;
}
#retrieve input {
	border:0;
	clear:none;
	float:none;
	width:160px;
}

/* payment details ----------------------------- */
.paymentintro {
	position: relative;
}
.paymentintro img {
	position: absolute;
	right: 10px;
	top: 5px;
}
div.DriverName select, div.DriverName label
{
	float: none;
}

/* -- SHOW/HIDE DIVS FOR EXPANDING PAGE AREAS ----------- */
.show {
	display:block;
}
.hide {
	display:none;
}

/* -- CONTENT LAYOUT STUFF ------------------------------ */

#hotelSearch {
	border:2px solid #606;
	padding:7px 0 20px 0;
}

#landing p, #guestDetails p, #paymentDetails p {
	margin-left:7px;
	margin-right:7px;
}
#guestDetails ul {
	list-style-type:none;
	margin:0 0 1em 0;
}
#guestDetails ul label {
	font-size:0.7em;
}
#fs_errata {
	margin:0 7px;
}
#find, #continue, #complete, #finish, #retrieve {
	background-color:transparent;
	margin-top:.5em;
}
#finish img {
	display:inline;
}
#fs_conditions {
	margin:10px 7px 20px 7px;
}
#congrats {
	font-size:0.9em;
	font-weight:bold;
	margin-top:15px;
}
#bookRef {
	font-size:0.9em;
	margin-top:15px;
}
span.fieldFormat {
	font-size:.7em;
	margin-left:.4em;
}


#fs_guests select.title,
#fs_guests input.firstname,
#fs_guests input.surname,
#fs_guests input.date, 
#fs_guests td label,
#InputAddressDetails1_addressFields {
	font-size:1em;
}

p.alignRight {
	text-align: right;
	}

#InputPaymentAddressDetails2_addresses {
	width: 15em!important;
	}

/*
#InputAddressDetails1_addressFields td label {
	font-size:1em;
}*/

/* --- Validation stuff ----------------------- */
#validationSummary {
	border:0;
}
#validationSummary td {
	border:0;
	font-size:1em;
}
#validationSummary ul {
	font-size:.8em;
	line-height:1.5;
	list-style-type:disc;
	margin:0 0 0 2em;
	padding:0;
}

.DateValidationError {
	width: 10px;
	height: 10px;
	background: #f00;
	}