/* Styles defined for flight selection functionality */

#bookingForm div.row{		/* 2do: include in new_booking.css */
	background:none;
	height:auto;
	padding:0;
	font-size:1em;
}

#bookingForm{
	width:auto;
}
#bookingForm div.item label, #bookingForm div.item div.helpLabel {
	font-size:1em;
}

.mainBookingFrame div.class select,
.mainBookingFrame div.class input{
	width:auto;
}

.flightsContainer,
.fareContainer{
	border:1px solid #ccc;
	margin-bottom:20px;
}

.flightsContainer .selectHead{
	padding:12px 8px 8px 15px;
	background-color:#f3f3f3;
}

.noResults .flightsContainer .selectHead{
	border-bottom:1px solid #ccc;
	min-width:0;
}

.noResults .flightsContainer .selectHead .details{
    text-align:left;
	float:none;
    width:auto;
}

.noResults .flightsContainer .selectHead .intro{
    text-align:inherit;
	float:none;
    width:auto;
}

.exactDate .flightsContainer .selectHead{
	border-bottom:1px solid #ccc;
}
.exactDateNoSearch .flightsContainer .selectHead{
	border-bottom:none;
}
.flightsContainer .selectHead .showLowest{
	text-decoration:none;
}

.flightsContainer .searchHead{
	margin:0;
	padding:12px 12px 0;
	background:#fff url(/tridion/images/searchhead-bg_tcm4-816303.gif) top center repeat-x;
	height:28px;
}

.exactDate .flightsContainer .searchHead{
	padding-left:20px;
}

.flightsContainer .searchHead h2{
	float:left;
	margin:0 0 10px 5px;
	*margin:0 0 5px 0;
	padding:0;
	font-size:1.6em;
	line-height:1em;
}

.flightsContainer #refineSearchOption{
	float:right;
	display:block;
	padding-left:12px;
	line-height:1.1;
}

.collapseDetails{
	background:url(/tridion/images/expanded-item_tcm4-816288.gif) left center no-repeat;
}

.expandDetails{
	background:url(/tridion/images/collapsed-item_tcm4-816285.gif) left center no-repeat;
}

.flightsContainer #refineSearchDetails{
	clear:both;
	margin:0;
	padding:7px 0 10px;
	background:#f7f7f7 url(/tridion/images/searchbody-bg_tcm4-816302.gif) center bottom repeat-x;
	/*height:133px;*/
	height:214px;
}
.flightsContainer .leftFields,
.flightsContainer .leftFieldsNoClass{
	float:left;
	margin-left: 5px; /* Added 12.05.2010 */
        /*padding:0 14px;*/
}
.flightsContainer .rightFields{
	float:left;
	width:152px;
}

.flightsContainer .noClass .button{
	margin-top:70px;
	*margin-top:72px;
}

.flightsContainer .multiCityOption{
	width:508px;
	text-align:right;
}

.flightsContainer .multiCityOption a{
	line-height:1.5em;
}

.flightsContainer .selectHead .intro{
	float:left;
    width:410px;
}

.exactDate .flightsContainer .selectHead .intro,
.exactDateNoSearch .flightsContainer .selectHead .intro{
	float:none;
    width:auto;
}

.flightsContainer .selectHead .details{
	text-align:right;
	float:right;
    width:317px; /** amended width VAAWEBEXP-151 5/11/09 **/
}

.flightsContainer .selectHead .details .fareOptions{
	float:left;
	margin-right:8px;
}

.flightsContainer .selectHead .details p.first{
	margin-top:0;
}

#flightsMatrix{
	border-collapse:collapse;
}

#flightSelectorOneColumnView tr:hover { cursor: pointer;}
#flightSelectorOneColumnView{
	margin-bottom:20px;
	width:100%;
	background-color:#ccc;
}

#flightsMatrix td{
	padding:7px 12px 6px;
}

/*table#flightSelectorOneColumnView.flightSelector tbody{
	background-color:red;
}*/

table#flightSelectorOneColumnView.flightSelector tbody td{
	background-color:#F2F2F2;
}

#flightSelectorOneColumnView td,
#flightSelectorOneColumnView th{
	padding:7px 10px 6px;
}

#flightsMatrix tbody td,
#flightSelectorOneColumnView tbody td{
	/*border:1px solid #ccc;*/
	text-align:center;
	vertical-align:middle;
}

#flightsMatrix tbody td{
	border:1px solid #ccc;
}

#flightSelectorOneColumnView tbody td{
	border:none;
}

#flightSelectorOneColumnView .firstSubheadCell{
	border-left:1px solid #ccc;
}

#flightSelectorOneColumnView thead th{
	background-color:#EBE9EA;
}

#flightsMatrix tfoot td,
#flightSelectorOneColumnView tfoot td{
	padding-left:25px;
	padding-top:10px;
	padding-bottom:10px;
}

#flightsMatrix .legend{
	float:left;
}

#flightsMatrix .additionalInfo{
	float:right;
}

#flightsMatrix tbody .lastCell{
	border-right:none;
}

#flightsMatrix td.emptyCell{
	border:none;
	background-color:#f3f3f3;
}

#flightsMatrix .headCell,
#flightSelectorOneColumnView .headCell,
#flightSelectorOneColumnView .footCell{
	background:#ebe9ea url(/tridion/images/headCell-bg_tcm4-816295.gif) repeat-x left bottom;
	border-left:none;
	border-right:none;
}

#flightSelectorOneColumnView .bookingButtons{
	text-align:right;
}
#flightSelectorOneColumnView caption{
	background-color:#BE2E23;
	text-align:right;
	font-size:0.9em;
}
#flightSelectorOneColumnView caption .departing{
	float:left;
	padding-left:4px;
}

#flightsMatrix .returnDate,
#flightsMatrix .returnDateSelected,
#flightsMatrix .departDate,
#flightsMatrix .departDateSelected,
#flightSelectorOneColumnView .subheadCell{
	background:#bcbabb url(/tridion/images/dateCell-bg_tcm4-816287.gif) repeat-x left bottom;
	font-weight:bold;
	border:1px solid #ccc;
}


#flightSelectorOneColumnView .subheadCell, 
#flightSelectorOneColumnView .headCell.firstHeadCell.labelCell, 
#flightSelectorOneColumnView .headCell.cabinCell{
	border:none;
	border-bottom:none;
}



#flightsMatrix .returnDate,
#flightsMatrix .returnDateSelected{
	width:12%;
	padding-left:8px;
	padding-right:8px;
}

#flightsMatrix .returnDateSelected{
	background:#ffff9c;
}

#flightsMatrix .departDate{
	width:95px;
}

.oneColumnView #flightsMatrix .departDate{
	width:auto;
}

#flightsMatrix .departDateSelected{
	background:#ffff9c;
}

#flightsMatrix .prevDays{
	border-left:1px solid #ccc;
	text-align:left;
	font-weight:bold;
}

#flightsMatrix .nextDays{
	text-align:right;
	font-weight:bold;
}

#flightsMatrix .prevDays input{
	float:left;
}

#flightsMatrix .nextDays input{
	float:right;
}

#flightsMatrix .prevDays label,
#flightsMatrix .nextDays label{
	font-size:1em;
	padding-left:8px;
}

#flightsMatrix .nextDays label{
	padding-right:8px;
}

#flightsMatrix .labelCell,
#flightSelectorOneColumnView .labelCell{
	font-size:0.9em;
	font-weight:bold;
	font-style:italic;
	color:#be2e23;
	padding-left:2px;
	padding-right:2px;
}

/**** 15/10/09 Outwards dates toggle ****/

#flightsMatrix td.headCell.labelCell .outbound{
	position:relative;
	padding:0 13px 0 13px;
}

.posLeft{
	position:absolute;
	left:3px;
	top:15px;
}

.posRight{
	position:absolute;
	right:3px;
	top:15px;
}

/**** END ****/


#flightSelectorOneColumnView .labelCell{
	font-weight:normal;
}

#flightSelectorOneColumnView .cabinCell{
	font-size:0.8em;
	font-weight:normal;
	text-align:right
}

#flightsMatrix .priceLow{
	background:url(/tridion/images/lowCell-bg_tcm4-816297.gif) left center no-repeat;
}

#flightSelectorOneColumnView .priceLowCell{
  background:url(/tridion/images/lowCell-bg_tcm4-816297.gif) center center no-repeat; /** Amended 16/11/09 NM  **/
}

#flightSelectorOneColumnView .priceLowCellMultiSector{
  background:url(/tridion/images/lowCell-bg_tcm4-816297.gif) 50% bottom no-repeat;
}

#flightSelectorOneColumnView .optionCell{
	vertical-align:top;
	padding-top: 5px;
}

#flightSelectorOneColumnView tr.even{
	background-color:#fff;
}

#flightSelectorOneColumnView tr.selected{
	background-color:#ffff9c;
}

#flightsMatrix .price a{
	border:none;
	padding:0;
}

#flightsMatrix .selectedFlight{
	background-color:#ffff9c;
	font-weight:bold
}

#flightsMatrix .selectedFlight a{
	background-color:#ffff9c;
	padding:0;
	display:inline;
}

#flightsMatrix .hasPrev{
	margin-left:25px;
}

.keyFareDates{
	background:url(/tridion/images/fare_dates_tcm4-816291.gif) right center no-repeat;
	padding-right:24px;
}

.keyLowFare{
	background:url(/tridion/images/low_fare_tcm4-816296.gif) right center no-repeat;
	padding-right:26px;
}

#flightsMatrix .legend .additionalInfo{
	float:right;
}

.flightCol{
	width:370px;
	border:1px solid #ccc;
	float:left;
	margin-bottom:20px;
	/*margin-bottom:0; */
}

.oneColumnView .flightCol{
	width:100%;
}

#colInward{
	float:right;
}

.flightSelector{
	font-size:0.7em;
	clear: both;
}

.infoContainer {
	position: static;
}

.flightSelector .infoContainer p{
	font-size:1em;
}

.oneColumnView .flightSelector{
	font-size:1em;
}

.flightSelector .infoContainer p{
	font-size:1em;
}

.flightCol .colHeading {
	background:#f7f7f7 url(/tridion/images/flight_head-bg_tcm4-816292.gif) center top repeat-x;
	padding:12px;
}

.flightCol .colHeadingDirection{
	font-weight:bold;
	font-style:italic;
	color:#BE2E23;
	font-size:1.25em;
	float: left;
	width: 170px;
}

.flightCol .colHeadingDate{
	font-size:1.25em;
	font-weight:bold;
	text-align:right;
	float: left;
	width: 170px;
}

.flightCol .flightOption{
	border-top:1px solid #CCCCCC;
	background:#F7F7F7 url(/tridion/images/flight_head-bg_tcm4-816292.gif) repeat-x scroll center top;
	
}

.flightCol .flightOption .sectorDesc label{
	font-size:1em;
}

.flightCol .flightType{
	padding:7px 0 18px 0; /* Paul - 12.05.2010 */
	/**padding:7px 12px 18px 0; /* Amend 26/10/09 */
	/**padding:5px 12px 6px 0; */
}

.flightCol .lowPrice{
	background:url(/tridion/images/lowCell-bg_tcm4-816297.gif) no-repeat scroll right center;
}

.flightCol .selected{
	background:#F7F7F7 url(/tridion/images/selected_flight-bg_tcm4-816304.gif) repeat-x scroll center bottom;
	font-weight:normal;
}

.flightCol .flightSelection {
	float:left;
	padding-left:6px;
	width:22px;
	margin-left:0;
}

.flightCol .sectorDesc{
	float:left;
}

/*.flightCol .sectorDetails{
}*/

/*
.flightCol .selected .sectorDetails,
.flightCol .extraSectorDesc,
.flightCol .extraSectorDetails{
/** Commented out by Paul - 12.05.2010 */

.flightCol .flightOption.selected .sectorDetails,
.flightCol .flightOption.selected .extraSectorDesc,
.flightCol .flightOption.selected .extraSectorDetails,
.flightCol .flightOption.collapsedOption .extraSectorDetails{
	/** New CSS Selector added 12.05.2010 (replaced the one above) */
	padding-left:28px;
}

.flightCol .flightOption.collapsedOption .extraSectorDetails{
	clear:left;
}

.flightCol .extraSectorDesc{
	margin-top:16px;
	*margin-top:8px;
}
.flightCol .collapsedOption .extraSectorDetails{
	margin-top:12px;
	*margin-top:4px;
}
.flightCol .selected .multiSectorDesc{
	margin-top:6px;
}

.flightCol .sectorDetails{
	margin-left:0;
	float:left;
	/* width:320px; Removed 12.05.2010 */
	width:325px; /* Added 12.05.2010 */
}

.flightCol .sectorDetails .extra{
	clear:both;
	padding-top:8px;
    *padding-top:4px;
	font-weight:normal;
	/**display:inline-block; VAAWEBEXP-259 NM 26/10/09 may need for ie6 **/ 
}

/*
.flightCol .collapsedOption .extra{
	lear:none;
	padding-top:0;
	float:right;
}
Removed 12.05.2010
*/

.flightCol .collapsedOption .sectorDetails .extra{
	padding-top:0px;
}

.sectorDetails .extra .chauffeur{
	margin-bottom:6px;
}

.selected .sectorDetails .extra .codeshare
.selected .sectorDetails .extra .via {
	width:150px;
	text-align:right;
}

.selected .sectorDetails .extra .codeshare,
.selected .sectorDetails .extra .via {
	float:right;
	margin-bottom:6px;
}

.limoURL {
	float:left;
	margin-bottom:6px;
}

.leftAlign {
	float:left;
}

.viaMessage {
	float:right;
	_margin-right:19px;
}

.operatedBy {
	float:right;
	_margin-right:19px;
}

.carrierNameURL {
	float:right;
	margin-bottom:6px;
	_margin-right:19px;
}

.oneColumnView .flightCol .sectorDetails{
	width:690px;
	position:relative;
}

.oneColumnView .flightCol .duration{
	width:auto;
	float:none;
	position:absolute;
	bottom:0;
	right:0;
}

.departTime,
.arrivalTime{
	float:left;
	width:135px;
}

.flightCol .collapsedOption .times{
	/* width:220px; Removed 12.05.2010 */
	width:240px; /* Added 12.05.2010 */
	float:left;
}

.collapsedOption .departTime,
.collapsedOption .arrivalTime{
	/* width:100px; Removed 12.05.2010 */
	width:105px; /* Added 12.05.2010 */
}

.flightCol  .collapsedOption .codeshare,
.flightCol  .collapsedOption .via{
	/* width:100px; Removed 12.05.2010 */
	width:auto; /*Added 12.05.2010*/
	font-weight:normal;
	/* text-align:right; Removed 12.05.2010*/
        text-align:left; /*Added 12.05.2010*/
}
.flightCol  .collapsedOption .codeshare{
	color:#666;
}

.flightOption .sectorDesc{
	margin-left:0;
	margin-bottom:12px;
  *margin-bottom:6px;
}

.selected .sectorDesc,
.flightOption .sectorDetails{
	padding-top:2px;
}

.selected .sectorDetails{
	padding-top:0;
}

.sectorDetails .duration{
    float:left;
}

.sectorDetails .directionArrow{
	display:block;
	float:left;
	margin:0 10px;
}

.sectorDetails .emptyArrow{
	/* width:20px; Removed 12.05.2010*/
	width:10px; /*Added 12.05.2010*/
	float:left;
}

.fareContainer .intro{
	float:left;
	width:50%;
}

.fareContainer .details{
	float:right;
	width:50%;
	text-align:right;
}

.fareContainer .total, .fareContainer .fare{
	font-size:1.5em;
}

.bookingButtons{
	text-align:right;
	margin-bottom:20px;
}

.bookingButtons .back{
	float:left;
}

#flightSelectorOneColumnView .outFlight .priceCol{
	border-left:none;
}

#flightSelectorOneColumnView .outFlight .optionCell{
	border-right:none;
}

#flightSelectorOneColumnView .headRow .first{
	border-left:1px solid #EBE9EA;
}

#flightSelectorOneColumnView .subHeadRow .first{
	border-left:1px solid #ccc;
}

#flightSelectorOneColumnView .outFlightHead .first{
	border-right:none;
}

#flightSelectorOneColumnView .outFlightHead .second{
	border-left:none;
}

#flightSelectorOneColumnView tr.multiSector td.optionCell,
#flightSelectorOneColumnView tr.multiSector td.priceCol,
#flightSelectorOneColumnView tr.multiSector td.emptyCell{
  border-top:none;
  border-bottom:none;
}

#flightSelectorOneColumnView tr.multiSector-last td{
  border-top:none;
}
#flightSelectorOneColumnView .priceHead{
	width:142px;
}
#flightSelectorOneColumnView .dateHead{
	width:70px;
}
#flightSelectorOneColumnView .durationHead{
	width:54px;
}
#flightSelectorOneColumnView .airportHead{
	width:85px;
}

#flightSelectorOneColumnView a.boxLink{
	white-space:normal;
}
/* Added 12.05.2010*/
#flightSearch .rightFields .button{
	padding-top:68px;
}
.last .boxLink { white-space: nowrap !important; }

div.flightSelector .grey {
  background-color:#ddd;
  background-image:none;
  color:#777 !important;
}


#refineSearchDetails div.row div.searchOption {
	float: left;
    font-size: 100%;
    width: 200px;    
    padding-top:4px;   

}

#refineSearchDetails div.trip{
    width: 126px !important;
}

#refineSearchDetails div.row div.searchOption input { /* see ie.css */
	margin: 0 8px 0 0;
	float: left;
}

#refineSearchDetails div.row div.searchOption div.helpLabel {
	display: inline;
    font-size: 100%;
    width: 166px;
}

#refineSearchDetails div.row div.searchOption div.helpLabel label{
	font-size: 100%;
    padding-top: 2px;
}

#refineSearchDetails div.row div.searchOption label{
	font-size: 100%;
}

div.hr {
	border-top: 1px solid #ccc;
	margin: 9px 0;
}

#flightSearch .leftFields .button{
    padding-top: 0;
}

#refineSearchDetails div.row div.searchOption div.button{
	padding-top:0px;    
}
.button{
	padding-top:0px;
}

.specialPaddingforMiles{
	padding:7px 0px 6px 12px !important;
}







