@charset "utf-8";
/* CSS Document */

/* Classes for airAvailSemiBody_air.vm */
.viewFareBlock{width:99%}
.viewFareBlock .viewFareLink{width:33%;float:left}
.viewFareBlock .viewFareSum{float: left; margin-left: 0px; font-weight: bold; font-size: 9px; text-align: left;}
.viewFareBlock .viewFarePrice{width:33%;float:right}

/* Select Flight page (airAvailFlexBody_air.vm) */
.selectFlight  { height:3%; overflow:auto; } 
.selectFlight .selectLinkBox, .alternateDatesText, .alternateDatesLinkBox {float: left; padding: 2px; width: 17%;}
.selectFlight .fare {float: right; text-align: right; width: 79%; padding: 2px;}
.selectFlight .currencyCalcBox {float: right; padding: 2px;}

/* Fix general issue with main-page width, smaller width may cause alignment mismatch on search result page (Semi/flex) */
#main-Page {width: 950px;}

/* Shopping cart special payment section*/ 
.specPayment{width:100%;}
.specPayment .colOne{padding-top:10px;width:25%;display:inline;float:left;} 
.specPayment .colTwo{padding-top:10px;width:53% !important;display:inline;float:left;text-align:right;}
.specPayment .colThree{padding-top:10px;width:20%;display:inline;float:right;text-align:right;}  

/* exchange review page colors for exchanged and reused segments */
.exchangedSegment {clear:both;float:right;width:40%;}
.seg_exchanged_n{color: #cc0000;}
.seg_used_n{color: Silver;}
.seg_exchanged_legend_n{background-color:#cc0000; width:45px; float:left;}
.seg_used_legend_n{background-color:Silver; width:45px; float:left;}

/* for the .Res Password Reminder page */
.reminderLoginPassword { background-color:#FFFFFF; float:left; padding:3px 5px 4px; }
.reminderHighLight { width:100%; background-color:#FFFFFF; padding:3px 5px 4px; font-weight:bold; }
.reminderOptions { width:100%; margin-bottom:5px; margin-left:10px; padding-top:20px; }
.reminderInput { float:left; margin-right:10px }
.reminderSubmitBlock { width:100%; float:left; margin-bottom:5px; margin-left:0px; padding-top:20px; }
.reminderSubmitBlock .reminderSubmit { float:right; }
.reminderQuestionBlock { float:left; margin-bottom:5px; margin-left:30px; padding-top:20px; }
.reminderQuestionBlock .reminderQuestion { float:left; }
.reminderQuestionBlock .reminderAnswer { float:right; }
.special_operator {font-weight:bold;}

/*Added for width of SSR dropdown on passenger info page*/
.ssr{width:170px;}

/*Added for Error message unalligned on Payment Page*/
#paymentSection .errorFullWidth{margin-left:145px;width:50%}
#paymentSection .leftField .errorMsg{margin-left:145px;}
.billing .billAddRight .paymentInformation .errorCardHolder{margin-left:108px;}

/*Added for provide Space between from fields in payment section*/
#paymentSection label{margin-top:3px;}
#cashChequeFOP label { margin-top: 0 }

.pax label{height:52px;}
.pax label .errorBlock{text-align:right}

/*Added for Tracker 25619 - Fix alignment for Unaccompanied Minor*/
.unAccText {width:75%;display:block;float:left; text-align:right;}

/*Added classes for displaying IncidentView (Intuitive Error Messages)*/
.IncidentView {font-weight:bold;clear:both;margin-top:5px;margin-bottom:5px}
.IncidentMessage {color:#cc0000;}
.IncidentCode {display: none;}
/*Added class for country code fields on updateAgent page*/
.taAgentPhoneCtryCode {width:133px}
/* for the ambiguous airline name selection page */
.selectAirlineArea{ float:left; width:99% }
.selectAirlineAreaTop{ background:left top no-repeat; height:37px; float:left; width:612px; background-color:#FFFFFF }
.selectAirlineAreaTop h2{ font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#000000; padding:0px; padding-left:20px; line-height:37px; margin:0px; background:none; width:592px }
.selectAirlineContentArea{ border-left:12px; padding-left:10px; float:left; width:590px }

.seg_exchanged_n .column p{color: #cc0000;}
.seg_used_n .column p{color: Silver;}
#surchargecredittable{position:relative; width:280px ;float:right;top:-20px;}
.ccsSurchargeFor{width:154px !important;}
.cardName{float: left;text-align:right !important;width:120px !important;}
.ccsLftCol{width:137px !important;background-color:#efefef;margin: 0 0 0 20px !important;padding: 0 0 5px 0px}
.ccsRhtCol{width:100px !important;margin: 0 0 0 20px !important;padding: 0 0 5px 0px}
.ccsTotalBorderTop{border-top:dashed 1px;}

.airAvailFlex #pageContent li{clear:both;}
.airAvailFlex #progressBar li {clear:none;float:left;}

#bfmFbHdr{text-align:center}
#fareBreakDown{float:left;width:320px;border:1px solid #dedede;padding:0px 2px 2px 2px;margin:3px 3px 3px 3px}
/*#bfmTaxesFees{clear:both;float:left;} */
.clearBoth{clear:both;float:left;}
#bfmFbShow{float:left;clear:both;}

.bfm_base {clear:both;float:left;width:195px;font-size:11px;padding-left:4px;font-weight:bold;}
.bfm_base_amt {font-size:11px;float:right;width:110px;vertical-align:top;text-align:right;text-decoration:underline}
.bfm_item{clear:left;float:left;width:195px;font-size:11px;color:;text-align:right;font-weight:normal}
.bfm_item_amt{font-size:11px;float:right;width:110px;vertical-align:top;text-align:right;;color:;}
.bfm_total{clear:left;float:left;width:195px;font-size:13px;font-weight:bold;padding-left:6px;color:}
.bfm_total_amt{float:right;width:110px;vertical-align:top;;text-align:right;font-size:13px;font-weight:bold;border-bottom:1px solid ;border-top:1px solid gray;}
#bfmFbFtr{clear:both;float:left}
.disablePageElements{left:0px;top:0px;position:absolute;width:1000px;min-height: 100%;height: auto !important;height: 1800px;z-index:100;display:none;float:left;background:#fff;filter:alpha(opacity=1);opacity:.01;}

.guestAccess{margin:15px 0px;}
.resSearch {margin:2px 0px; float:left; width:48%; font-size:11px;}
.resSearch label{ margin-top:3px; float:left; width:100%;}
.resSearch span{float:left;text-align:right; width:135px; margin-right:5px; height:100%; margin-top:2px;}
.resSearchHolder{clear:both;margin-top:20px;}
.resSearch .errorMsg{font-weight:bold;text-align:left;color:#cc0000; margin-left:125px; clear:left; float:left;width:175px;}

.flightContainer .flight {
    height:85px;
}
.flightContainer{
	clear:both;
}
.selectFlightLink {
	display:inline;
}
.pax div.childDOB {
    text-align: center;
    clear: left;
    font-size: 12px;
    width: 100%;
    margin: 0 auto 10px auto;
}
#childDOBTxt {
    /*font-weight: bold;*/
}
.pax span.childDOB .spacerChildDescription {
    height:3px;
}
.pax span.childDOB .spacerChildDateBirth{
    height:1px;
}

table.altDates {
    clear: both;
    border-collapse: collapse;
}

td.altDateSel, td.altDateNotSel {
    padding: 0;
    margin: 0;
    height: 31px;
    width: 83px;
    border: 0;
    background-image: url("../../images/default/generic_tab.gif");
    background-repeat: no-repeat;
}

div.flight_calendar_container {
    position: absolute;
    width: 374px;
    visibility: hidden;
}

.foidItem {
    display: none;
}

/* Enhanced schedule styles */
body.schedule .extended_schedule {
	width: 100%;
	border: 1px solid #ccc;
	border-bottom: 0 none;
}
body.schedule .extended_schedule th {
	padding: 2px;
	background-color: #ddd;
}
body.schedule .extended_schedule td {
	text-align: center;
}
body.schedule .extended_schedule tr.odd td {
	background-color: #eed;
}
body.schedule .extended_schedule tr.even td {
	background-color: #fff;
}
body.schedule .extended_schedule tr td,
body.schedule .extended_schedule tr th {
	border-bottom: 1px solid #ccc;
	padding: 2px;
}
body.schedule .extended_schedule tr td.noborder {
	border-bottom: 0px none;
}
body.schedule .extended_schedule tr td.day,
body.schedule .extended_schedule tr th.day{
	border-left: 1px solid #ccc;
}

body.schedule .extended_schedule tr.odd td.current {
	background-color: #ccb;
}
body.schedule .extended_schedule tr.even td.current {
	background-color: #ddd;
}

body.schedule .extended_schedule tr th.current{
	border: 2px solid #000;
}
body.schedule p.legend {
	padding: 7px 0 3px 0;
	float: right;
}
body.schedule p.legend img {
	vertical-align: middle;
	padding-right: 5px;
}
body.schedule td.details a {
	text-decoration: none;
}
body.schedule td.details img {
	border: 0 none;
	vertical-align: middle;
}
body.schedule .extended_schedule_hdr {
	width: 100%;
	clear: both;
	height: 10px;
}
body.schedule .extended_schedule div.flifo ol {
	list-style-type: decimal;
	margin-left: 20px;
}
.hdrL {
	float: left;
	height: 10px;
	width: 50%;
	background: #ddd url(../../images/default/lc10x10.gif) top left no-repeat;
}
.hdrR {
	float: right;
	height: 10px;
	width: 50%;
	background: #ddd url(../../images/default/rc10x10.gif) top right no-repeat;
}
.extended_schedule_ftr {
	clear: both;
	width: 100%;
	height: 10px;
	background-color: #ddd;
}
.ftrL {
	float: left;
	height: 10px;
	width: 50%;
	background: #ddd url(../../images/default/blc10x10.gif) top left no-repeat;
}
.ftrR{
	float: right;
	height: 10px;
	width: 50%;
	background: #ddd url(../../images/default/brc10x10.gif) top right no-repeat;
}
body.schedule table.extended_schedule {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
}

#pageContent table.altDates{border-collapse:collapse;position:relative;left:8px;text-align:center;margin-top:3px;margin-bottom:-6px}
#pageContent table.altDates td.altDateNotSel {border:none;text-decoration:underline}
#pageContent table.altDates td.altDateSel {border:none;font-size:11px ;font-weight:bold;text-decoration:none}
#pageContent table.altDates .cal_na.altDateNotSel {background-color:#DCDCDC;color:#999;text-decoration:none !important;font-size:10px}
#pageContent table.altDates .cal_notReq.altDateNotSel a {font-size:10px}

#main-Page .lowest{font-size:11px;font-style:italic;background-image:url(../../images/default/generic_tab_low.gif);background-color:#FFFFC0}

.bfmTblHolder{clear:both}
.bfmTbl {margin-top:2px;border-collapse:collapse;border:4px 4px 4px 4px solid #FFFFFF;width:580px}
.bfmTblDisclaimer{margin-top:2px;border-collapse:collapse;border:4px 4px 4px 4px solid #FFFFFF;width:580px}
/*removed display:none to fix non-display of stops in production*/
 .bfm_stopsHdr {background-color:#ffffff;background-image:none;color:#000000;border:none;;font-size:11px}
 .matrix_cal_body_stops {}

 .bfm_flifoHdr{background-color:#ffffff;background-image:none;color:#000000;width:50px;border:none;font-size:11px}
 .bfm_depHdr{background-color:#ffffff;background-image:none;color:#000000;border:none;;font-size:11px}
 .bfm_arrHdr {background-color:#ffffff;background-image:none;color:#000000;width:50px;border:none;font-size:11px}

 .bfm_priceHdr {background-color:#ffffff;background-image:none;color:#000000;border:none;;font-size:11px}
 .bfm_seatsRemainingHdr {background-color:#ffffff;background-image:none;color:#000000;border:none;;font-size:11px}

.dark_table_border{border:0px }

.flightInfo{background-color:white}

.white_table_border{margin-top:10px}


#bfmFbHdr{text-align:center}
.bfmTblHolder{clear:both;width:620px;float:left;} 
#fareBreakDown{width:50%;border:1px solid #dedede;padding:0px 2px 2px 2px;margin:10px 3px 3px 1px}
#bfmTaxesFees{display:none}
.bfm_base {clear:both;float:left;width:150px;font-size:11px;padding-left:6px;}
.bfm_base_amt {;font-size:11px;float:right;width:110px;vertical-align:top;text-align:right;text-decoration:underline}

.bfm_item{clear:left;float:left;width:150px;font-size:11px;color:;text-align:right;font-weight:normal}
.bfm_item_amt{font-size:11px;float:right;width:110px;vertical-align:top;text-align:right;;color:;}
.bfm_total{clear:left;float:left;width:60px;font-size:12px;font-weight:bold;padding-left:6px;color:}
.bfm_total_amt{float:right;width:110px;vertical-align:top;;text-align:right;font-size:12px;font-weight:bold;border-bottom:1px solid ;border-top:1px solid gray;}
    
#bfmFbShow{float:left;width:120px}
#main-Page .bfm_lowest {clear:both;display:block;}
.bfm_lowest_lbl {font-size:12px;background-color:#FFFFC0;border:1px solid #F79442;margin:2px 4px 2px 4px;padding:0px 2px 0px 2px}
.bfm_lowest_price {font-size:13px;color:green;font-weight:bold;margin:2px 2px 2px 2px }

img.airlineBFMMatrixLogo {
  width: 40px;
  height: 40px;
  border: 0;
}

.matrix_flight_equip, .matrix_airline_logo {
  display: none;
}
.businessProfile span.errorMsgFullWidth{font-weight:bold;text-align:left;color:#cc0000; margin-left:150px; clear:left; float:left;width:450px !important;}
#main-Page table.altDates{border-collapse:collapse;left:0;}
#main-Page table.altDatesIntel{width:620px;}
.bfm_prev{background:url(../../images/default/prev-arrow.gif) no-repeat;width:17px}
.bfm_next{background:url(../../images/default/next-arrow.gif) no-repeat;width:17px}

.clear{height:0px;margin:0px 0px 0px 0px}

.viewFare {width:99%}

div.hoverTaxes, div.bfm_marketingText {
  display: none;
  position: absolute;
  background: #fff;
  border: 2px solid #000;
  left: 20px;
  top: 20px;
  padding: 5px;
  z-index: 255;
  color: #333;
}

div.hoverTaxes td {
  text-align: right;
  width: 80px;
}

div.hoverStops {
  display: none;
  position: absolute;
  background: #fff;
  border: 2px solid #000;
  left: 20px;
  top: 20px;
  padding: 5px;
  z-index: 255;
  color: #333;
}

div.hoverStops td {
  text-align: right;
  width: 100px;
}

div.bfmMain {
  width: 620px;
}

.bfm_base_amt, bfm_base, .bfm_item_amt, .bfm_item, .bfm_total_amt, .bfm_total {
  height: 17px;
}

table.bfm_table_body {
  width: 610px;
}

#paymentSection div.signleDivLeft span.spanWthRadio_longText {
  width: 600px;
}

.businessProfile div.twoFields span {
  clear: left;
}

a.brandInfoLinkActive {
  cursor: pointer;
}

#seatMapTable {
  border: collapse;
}

#seatMapTable, #seatMapTable td, #seatMapTable tr {
  padding: 0;
  margin: 0;
  text-align: center;
}

#seatMapTable td img {
  width: 20px;
  height: 25px;
  border: 0;
}

#seatMapTable td.available {
  cursor: pointer;
  background: #00a;
}

#seatMapTable td.limited {
  cursor: pointer;
   background: #0a0 !important;
}
#seatMapTable td.unavailable {
  background: #c00;
}

#seatMapTable td.availupper {
  cursor: pointer;
  background: #aa0;
}

#seatMapTable td.availupper img.selected {
  background: #0f6;
}

#seatMapTable td.available img.selected {
  background: #0f0;
}

#seatMapTable td.limited img.selected {
  background: #0f0;
}

#seatSelection {
  width: 490px;
  float: left;
}

#seatMapContainer {
  width: 200px;
  float: left;
  padding-left: 10px;
}

div.clear_left_block {
  clear: both;
}

#seatMapPage h1 {
  float: none;
}

#seatMapLegend div.item {
  width: 49%;
  height: 35px;
  float: left;
  margin-top: 5px;
  font-size: 9px;
}

#seatMapLegend div.item div {
  background: #00a;
  width: 20px;
  height: 25px;
  float: left;
}

#seatMapLegend div.item div.icon_available {
  background: #00a;
}

#seatMapLegend div.item div.icon_unavailable {
  background: #c00;
}

#seatMapLegend div.item div.icon_availupper {
  background: #aa0;
}

#seatMapLegend div.item div.icon_limited {
  background: #0a0;
}

#seatMapLegend div.even {
  clear: left;
}

#currentSegmentPassengerList, #preselectedSegmentPassengerList {
  width: 90%;
  margin: 10px 0;
}

#currentSegmentPassengerList tbody tr.unactive td, #preselectedSegmentPassengerList tbody tr td {
  background: #ccc;
}

#currentSegmentPassengerList tbody tr.unactive td.passengerName, #preselectedSegmentPassengerList tbody tr td.passengerName {
  background: #efefef;
}

#currentSegmentPassengerList tbody tr.active td {
  background: #f00;
}

#currentSegmentPassengerList tbody tr.active td.selection {
  background: #DFEDFB url(../../images/default/red_arrow.gif) no-repeat center;
  width: 20px;
}
#currentSegmentPassengerList tbody tr.unactive td.selection {
  background: #DFEDFB;
  width: 20px;
}

#currentSegmentPassengerList tbody tr.unactive td {
  cursor: pointer;
}

#payForSeats .disabled_payForSeatButton {
  background-color: #aaa;
}

#payForSeatsLimitation {
  display: none;
  float: right;
  width: 50%;
}

.payment div.subSeatTaxSection p.colTwo {
  width: 57%;
}

.payment div.subSeatTaxSection p.colThree {
  width: 18%;
}


#insurance {
border:1px solid #00285E;
color:#001063;
left:150px;
margin-bottom:5px;
padding-bottom:10px;
position:relative;
width:400px;
}
.insItem {
border-bottom:1px solid #B2D5F1;
clear:both;
height:auto;
margin:2px 10px;
padding:2px;
}
.insOption {
height:30px;
}
.insName {
float:left;
font-weight:bold;
}
.insPrice {
float:right;
font-size:12px;
font-weight:bold;
padding-top:3px;
}
.insSum {
clear:both;
font-style:italic;
}
.insDetail{
 display:none;
 background-color:#f8f9fa;
 margin-top:4px
}
div.pleaseWait {
	position:absolute;
	width: 100%;
	height: 100%;
	margin-top: 0%;
	margin-left: 0%;
	margin-right: 0%;
	visibility: hidden;
	background-color:silver;
	top:0%;
	left:0%;
	padding: 20px;
	z-index:2;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	filter: alpha(opacity=50);
	opacity:0.5;
}

div.pleaseWaitBox {
	position:absolute;
	z-index:2;
	top:300px;
	left:400px;
	text-align: center;
	border: 2px solid #000;
	padding: 20px;
	z-index:3;
	background-color:silver;
	font-weight:bold;
	visibility: hidden;
}

.pleaseWaitMsg {
	font-family: Arial;
	font-size: 20px;
	font-weight:bold;
	color: BLUE;
}

#userLoginPanel p.passwordReminderLink {
  float: right;
}

#pfsExitSeatDisclaimer {
  position: absolute;
  top: 350px;
  left: 100px;
  margin: 0 auto;
  width: 500px;
  border: 2px solid #000;
  background: #fff;
  padding: 20px;
  display: none;
}

#pfsExitSeatDisclaimerButton {
  margin-top: 20px;
  text-align: right;
}

div.customPFSText {
  clear: left;
  padding-top: 40px;
}

div.box {
  border-style:solid;
  border-width:1px;
  border-color: #CFCFCF;
  width: 100%;
  float: left;
}

div.boxheader {
  background: #CFCFCF;
  margin-top : 1px;
  margin-bottom : 1px;
  margin-left : 1px;
  margin-right : 1px;
  padding-left: 5px;
}

div.boxbody {
  padding-left: 5px;
}

.underlined {
  text-decoration: underline;
}

.fontbold {
  font-weight: bold;
}

.travelArrangerProfileUpdate {
	height: 100%;
}