/*

PLAN AND BOOK
-------------

	- TRIP SUMMARY WIDGET
	- MAKE A BOOKING PROGRESS BAR
	- BOOKING REFERENCE BOX
	- on/off for form elements
	- 4.6.6 & 4.7.5 Passengers Passport rollover-list and forms
	- Full Make a Booking Section
	- Full Manage a Booking Section
	- Full Online Check-in Section

*/


/*  TRIP SUMMARY WIDGET */

table.tripSummary {
	font-size: .95em;
	line-height: 1.2em;
	margin: 0px;
	width: 100%;
}
table.tripSummary td.headBasic, table.tripSummary td.headOutbound, table.tripSummary td.headInbound, table.tripSummary td.headOnward {
	background-color: #C0BBAF;
	border-top: 1px solid #FFFFFF;
	padding: 5px 10px 5px 10px;
}
table.tripSummary td.headOutbound {
	background-color: #74C2C6;
}
table.tripSummary td.headInbound {
	background-color: #B4C670;
}
table.tripSummary td.detail {
	background-color: #EDE9E0;
	border-top: 1px solid #FFFFFF;
	padding: 5px 10px 5px 10px;
	text-align: left;
	vertical-align: top;
}

/*  MAKE A BOOKING PROGRESS BAR */

div.progressBar, div.progressBarShort, div.progressBar div.on, div.progressBarShort div.on, div.progressBar div.off, div.progressBarShort div.off {
	background: url(../images/plan_book/progress_bar_bg.gif) repeat-x 0px 0px;
	display: block;
	float: left;
	height:26px;
	margin: 0px;
	padding: 0px;
}
div.progressBar {
	width:780px;
}
div.progressBarShort {
	width:577px;
	text-align:center;
}
div#progressBarOn {
	background: url(../images/plan_book/progress_bar_bg_on.gif) repeat-x 0px 0px;
}
div.progressBar div.on, div.progressBarShort div.on {
	background: url(../images/plan_book/progress_bar_bg_on.gif) repeat-x 0px 0px;
}
div.progressBar div.off, div.progressBarShort div.off {
	background: url(../images/plan_book/progress_bar_bg.gif) repeat-x 0px 0px;
}
div.progressBar div.on p, div.progressBarShort div.on p, div.progressBar div.off p, div.progressBarShort div.off p {
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 4px 15px 0px 10px;
 	padding: 3px 15px 0px 10px;
	width:108px;
}
div.progressBar div.off p, div.progressBarShort div.off p {
	color: #F1EEE7;
}
div.progressBar div.sep, div.progressBarShort div.sep, div.progressBar div.sepOnBefore, div.progressBarShort div.sepOnBefore, div.progressBar div.sepOnAfter, div.progressBarShort div.sepOnAfter {
	background: url(../images/plan_book/progress_bar_mid_off.gif) no-repeat 0px 0px;
	display: block;
	float: left;
	height: 26px;
	margin: 0px;
	padding: 0px;
	width: 15px;
}
div.progressBar div.sepOnBefore, div.progressBarShort div.sepOnBefore {
	background: url(../images/plan_book/progress_bar_mid_next.gif) no-repeat 0px 0px;
}
div.progressBar div.sepOnAfter, div.progressBarShort div.sepOnAfter {
	background: url(../images/plan_book/progress_bar_mid_on.gif) no-repeat 0px 0px;
}

/* BOOKING REFERENCE BOX / MILES BALANCE BOX */
	
div#bookingReferenceBox, div#bookingReferenceBox_email, div#bookRefBox_2COL_WR, div#milesBalanceBox {
	background-color: #F1EEE7;
	float: right;
	margin: 20px 20px 20px 20px;
	width: 164px;
}
html div#bookingReferenceBox, div#milesBalanceBox {
	margin-right: 11px;
}
div#bookRefBox_2COL_WR {
	margin: 0px 0px 0px 20px;
}
div#bookingReferenceBox_email {
	margin: 20px 0px 20px 20px;
}
div#bookingReferenceBox dl, div#bookingReferenceBox_email dl, div#bookRefBox_2COL_WR dl, div#milesBalanceBox dl {
	margin: 0px;
	padding: 10px 0px 12px 13px;
}
div#bookingReferenceBox dt, div#bookingReferenceBox dd, div#bookingReferenceBox_email dt, div#bookingReferenceBox_email dd, div#bookRefBox_2COL_WR dt, div#bookRefBox_2COL_WR dd, div#milesBalanceBox dt, div#milesBalanceBox dd {
	margin: 0px;
	padding: 0px;
	color: #666666;
}
div#bookingReferenceBox dd, div#bookingReferenceBox_email dd, div#bookRefBox_2COL_WR dd {
	font-weight: bold;
	text-transform: uppercase;
}
div#milesBalanceBox dt, div#milesBalanceBox dt {
	font-weight: bold;
}

/* on/off for form elements */

td.formCoverCell {
	vertical-align: top;
}
div.formCover {
	background-color: #F1EEE7;
	opacity:.50;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	height: 25px;
	position:absolute;
	width:410px;
	display: none;
}

/* 4.6.6 & 4.7.5 Passengers Passport rollover-list and forms */

div#passengerForm {
	float: left;
	width: 555px;
	background-color: #F1EEE7;
}
div#passengers {
	float: left;
	background-color: #FFFFFF;
	padding: 15px 0px 0px 0px;
	margin: 0px;
}
div#passengers ul {
	padding: 0px;
	margin: 0px;
}
div#passengers li {
	padding: 3px 0px 3px 16px;
	margin: 0px 0px 0px 0px;
	border-left: 1px solid #FFFFFF;
	font-size: .95em;
	list-style-type: none;
}
div#passengers li a {
	width: 188px;
	display: block;
	position: relative;
}
div#passengers li#personChosen {
	background-color: #F1EEE7;
}

/*  4.1.3 - Review Itinerary */

td.reviewItineraryLeft, td.reviewItineraryLeftBottom {
	background-color: #E4DED0;
	border-right: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	padding: 15px 15px 15px 5px;
	vertical-align: top;
	width: 50%;
}
td.reviewItineraryLeftBottom {
	padding: 0px 0px 0px 0px;
}
td.reviewItineraryRight, td.reviewItineraryRightBottom {
	background-color: #F1EEE7;
	border-top: 1px solid #FFFFFF;
	padding: 0px 0px 15px 0px;
	vertical-align: top;
	width: 50%;
}
td.reviewItineraryRightBottom {
	padding: 15px 10px 15px 0px;
	vertical-align: bottom;
}

/*  4.1.4 - Choose Ticketing Option */
	
td.ticketingLeft, td.ticketingLeftBottom {
	background-color: #E4DED0;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 15px 0px 0px 0px;
	text-align: center;
	vertical-align: top;
	width: 60px;
}
td.ticketingLeftBottom {
	border-bottom: none;
}
td.ticketingRight, td.ticketingRightBottom {
	background-color: #F1EEE7;
	border-bottom: 1px solid #FFFFFF;
	padding: 0px 0px 0px 5px;
	vertical-align: top;
	width: 660;
}
td.ticketingRightBottom {
	border-bottom: none;
}

/*  4.1.6 - Enter Billing Information */
	
p.secureCCLogos {
	padding: 0px;
	text-align: right;
}
div#creditCardImage {
	float: right;
	margin-top: -40px;
}

/*  4.1.7 - Verify Trip Itinerary */
	
td.verifyItineraryLeft {
	background-color: #E4DED0;
	border-right: 1px solid #FFFFFF;
	padding: 15px 15px 20px 0px;
	vertical-align: top;
	width: 60%;
}
td.verifyItineraryRight {
	background-color: #F1EEE7;
	padding: 0px 0px 15px 0px;
	vertical-align: top;
	width: 40%;
}
div#redBoxArea {
	border: #CC3333 1px solid;
	padding: 7px 10px 10px 10px;
	margin: 5px 15px 0px 15px;
}
div#redBoxArea td {
	vertical-align: top;
	padding-right: 2px;
}
div#redBoxArea td input {
	margin: 3px 3px 0px 0px;
 margin: 0px;
}

/*  4.1.8 - Purchase Confirmation */
	
td.confirmationLeft {
	background-color: #E4DED0;
	border-right: 1px solid #FFFFFF;
	padding: 15px 15px 20px 0px;
	vertical-align: top;
	width: 60%;
}
td.confirmationRight {
	background-color: #F1EEE7;
	padding: 0px 0px 15px 0px;
	vertical-align: top;
	width: 40%;
}

/* 4.7.2 Select Passengers */

dl.passengerOptions {
	font-size: .95em;
	margin: 0px;
	padding: 0px;
}
dl.passengerOptions dt, dl.passengerOptions dd {
	list-style-type: none;
	margin: 0px;
	padding: 5px 0px 5px 10px;
}
dl.passengerOptions dt {
	background-color: #D7D0BD;
	font-weight: bold;
}
dl.passengerOptions dd {
	background-color: #EDE9E0;
	border-top: 1px solid #FFF;
}
a.visaIndent {
	padding-left: 18px;
 padding-left: 26px;
}

/* 4.7.3 Confirm Check-in */

div.apiRow {
	padding: 10px;
	font-size: .95em;
}
div.apiRow dl {
	margin: 0px;
	padding: 0px;
}
div.apiRow dt {
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	float: left;
	padding-right: 15px;
}
div.apiRow dd {
	float: left;
	padding: 0px;
	margin: 0px;
	margin-left: 5px;
}
div.apiRow dd a {
	font-weight: bold;
	border-left: 1px solid #554433;
	padding-right: 10px;
	padding-left: 5px;
	background: url(../images/icons/icon_trans_arrow_forward_small.gif) no-repeat right;
}

/* FLIGHT SEARCH PAGES */

div#planAndBook div.formContainer dl, div#planAndBook div.formContainer dt, div#planAndBook div.formContainer dl {
	margin: 0px;
	padding: 0px;
}
div#planAndBook div.formContainer dl {
	margin: -5px 0px 10px -10px;
}
div#planAndBook div.formContainer dt {
	float: left;
	font-weight: bold;
	color: #666666;
}
div#planAndBook div.formContainer dd {
	float: right;
	margin-right: 10px;
}
div#planAndBook div.formContainer dd a {
 padding-top: 3px;
}
div.formContainerBar {
	background-color: #F1EEE7;
	height: 15px;
	margin:0px;
	padding: 10px 10px 0px 10px;
}
div.formContainerLeft {
	color: #666666;
	float: left;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
}
div.formContainerRight {
	float: right;
	font-size: .95em;
	padding: 0px 0px 0px 0px;
}
table.stopoverTable {
	margin-left: -10px;
 margin-left: -15px;
}
td.planBookLeft {
	background-color: #F1EEE7;
	width: 441px;
	border-right: 1px solid #FFFFFF;
}
td.planBookRight {
	background-color: #E4DED0;
	width: 333px;
	padding: 10px 0px 0px 5px;
}
div.planBookList ul {
	font-size: .95em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
div.planBookList li {
	border-bottom: 1px solid #CDC3AA;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
div.planBookList li a {
	background: url(../images/icons/icon_trans_arrow_forward.gif) no-repeat right;
	display: block;
	padding: 5px 0px 5px 0px;
	padding-right: 20px;
}
div.planBookList li.last {
	border: none;
}
td.planBookRight h4 {
	margin: 0px;
	padding: 5px 10px 0px 10px;
	font-size: 1em;
}
h4.specialTravel {
	float: left;
}
td.planBookRight div.planBookList {
	float: right;
	margin-right: 10px;
}

/*  4.1 Flight search return */

div.tanBack {
	background-color: #F1EEE7;
	padding: 1px 1px 0px 0px;
	position: relative;
}
.tanRow {
	background-color: #E4DECF;
	border-bottom: solid 1px #FFFFFF;
	border-top: solid 1px #FFFFFF;
	height: 25px;
	margin: 0px;
	padding: 8px 0px 0px 10px;
 padding: 7px 0px 0px 10px;
}
#checkoutSummaryForm {
	width:577px;
}