/*

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:90%;
		}
	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;
		}
	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;
		}
	 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;
		}