/*
 * Copyright 2007 EB2 International Limited
 * Project: airline.GF.webqtrip -- Gulf Air
 */
 
 
/*
 * Colour scheme:
 * *HINT* use find/replace on the colours here on the whole file
 *    background (bg)     #999999
 *   
 *    HEADER: 
 *    active:             #666666  
 *    done:               #cccccc
 *    undone:             #eeeeee
 */
 

/* GENERIC STYLING */
html { margin: 0; padding: 0; }
body { margin: 0; padding: 0; text-align: center; }
#outerframe {  margin-left: auto; margin-right: auto; text-align: center; }
#body { text-align: left; }
img { border: 0; }
div {-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding: 0;}
div * {-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding: 0;}
p, td, button { text-align: left; }


/* GF STYLING */
#outerframe { width: 761px; border: 0px solid #000000; }
#outerframe { background-color: #ffffff; }

#headerLinks .pad { text-align: left; font-size: 10px; padding-bottom: 1px; padding-top:1px; text-decoration:none; color:#003082 }
#helpLink { float: right; }
#helpLink .pad { padding: 10px; }
#headerLogo { background-color: #ffffff; }
/*#headerTitle { font: bold 36px Verdana; color: #ffffff; letter-spacing: -1px; line-height: 30px; text-align: right; margin: -36px 10px 0 0; }*/

#progress { clear: both; }

#progress .done, #progress .done2, #progress .done3 { color:#f4e7bb; }
#progress .active { background-image:url('../images/nav_high_center.gif'); background-repeat:repeat-x; height:25px; color:#ffffff; font-weight: bold }
#progress .undone { color:#003082; }
#progress .done span, #progress .done3 span { text-decoration:underline; cursor:pointer; }
#progress .done .progresslink, #progress .done3 a { font-size: 10px; font-weight: normal; text-decoration: underline; color: #f4e7bb; cursor: pointer; }
#progress .progressbutton { background-color: transparent; }

#progress .title { font: normal 10px Verdana, sans-serif; float: right; padding-top: 8px; padding-right: 20px; text-decoration:none; color:#f4e7bb; }
#progress .stagetitle { font: bold 16px Verdana, sans-serif; float: left; padding-top: 9px; padding-left: 15px; color: #ffffff; }
#progress .help { font: normal 10px Verdana, sans-serif; float: right; padding-right: 10px; padding-top: 9px; text-decoration:underline; color:#003082; cursor: pointer; }

#footer .pad { margin-top: 10px; }
#footerNav .pad { color: #ffffff; height: 26px; }
#footerNav .security { font: normal 10px Verdana, sans-serif; float: left; color: #1755AB; padding-left: 5px; }
#footerNav .links { font: normal 10px Verdana, sans-serif; float: right; text-decoration:none; color:#1755AB; padding-right: 5px; padding-top: 5px; }

#tabs .pad { padding-top: 5px; }
#tabs .pad td { color: #ffffff; font-weight: bold; text-align: center; vertical-align: middle; }
#content .cpad { border: 1px solid #003082; }

#services .services { background-color:#f2f4f9; height: 45px; padding-left: 15px; }
#services .services td { color: #003082; padding-top: 10px; }
#services .services td.active { color: #003082; font-weight: bold; }
#services .services td.inactive { color: #003082; }

/* LINKS */
A.darkbluelink:link {font-family:verdana; font-size:10px;font-weight:normal;text-decoration:none;color:#003082;}
A.darkbluelink:visited {font-family:verdana; font-size:10px;font-weight:normal;text-decoration:none;color:#003082;}
A.darkbluelink:active {font-family:verdana; font-size:10px;font-weight:normal;text-decoration:none;color:#003082;}
A.darkbluelink:hover {font-family:verdana; font-size:10px;font-weight:normal;text-decoration:none;color:#003082;}

A.darkbluelink2:link {font-family:verdana; font-size:10px;font-weight:normal;text-decoration:underline;color:#003082;}
A.darkbluelink2:visited {font-family:verdana; font-size:10px;font-weight:normal;text-decoration:underline;color:#003082;}
A.darkbluelink2:active {font-family:verdana; font-size:10px;font-weight:normal;text-decoration:underline;color:#003082;}
A.darkbluelink2:hover {font-family:verdana; font-size:10px;font-weight:normal;text-decoration:underline;color:#003082;}

A.darkbluelinkbold:link {font-family:verdana; font-size:10px;font-weight:bold;text-decoration:underline;color:#003082;}
A.darkbluelinkbold:visited {font-family:verdana; font-size:10px;font-weight:bold;text-decoration:underline;color:#003082;}
A.darkbluelinkbold:active {font-family:verdana; font-size:10px;font-weight:bold;text-decoration:underline;color:#003082;}
A.darkbluelinkbold:hover {font-family:verdana; font-size:10px;font-weight:bold;text-decoration:underline;color:#003082;}

A.whitelink:link {font-family:verdana; font-size:10px;font-weight:normal;text-decoration:underline;color:#1755AB}
A.whitelink:visited {font-family:verdana; font-size:10px;font-weight:normal;text-decoration:underline;color:#1755AB}
A.whitelink:active {font-family:verdana; font-size:10px;font-weight:normal;text-decoration:underline;color:#1755AB}
A.whitelink:hover {font-family:verdana; font-size:10px;font-weight:normal;text-decoration:underline;color:#1755AB}

A.whitelink2:link {font-family:verdana; font-size:10px;font-weight:bold;text-decoration:none;color:#ffffff}
A.whitelink2:visited {font-family:verdana; font-size:10px;font-weight:bold;text-decoration:none;color:#ffffff}
A.whitelink2:active {font-family:verdana; font-size:10px;font-weight:bold;text-decoration:none;color:#ffffff}
A.whitelink2:hover {font-family:verdana; font-size:10px;font-weight:bold;text-decoration:none;color:#ffffff}

span.darkbluelink2 {font-family:verdana; font-size:10px;font-weight:normal;text-decoration:underline;color:#003082;cursor:pointer;}

/* COMMON STYLING */
.clear { clear: both; line-height: 0px; height: 0px; }

/* BULLETTED LISTS */
ul, li, ol { margin: 0; padding: 0; list-style: none; }
ul.links, ul.important, ul.none, ul.info, ul.list, ul.help, ul.calendar, ol.rules { padding: 0 0 0 10px; }
ul.links li, ul.important li, ul.none li, ul.info li, ul.list li, ul.help li, ul.calendar li { padding: 3px 0 3px 20px; }
.hide { display: none; }


/* FORM FORMATTING */
select, input { margin: 0; }
input.checkbox, input.radio { margin-top: 0; margin-bottom: 0; }
input { display: inline; }
input.hide { display: none; }
.input5{ width: 150px;height:20px; font-family:Verdana; font-size: 11px;  }

.fieldset { padding: 0; }
.fieldset .pad { border: 0; padding: 0; }
.legend { padding: 0; }
.legend .pad { line-height: 1em; padding: 0; }

.row { clear: both; border-top: 1px solid #ffffff; padding: 5px 15px; }
.row2 { clear: both; border-top: 1px solid #ffffff; padding: 7px 15px; }
.row .row { border: 0; padding: 0; }
.cell { float: left; }

/*
form div.label, form div.entry, .form div.label, .form div.entry { float: left; overflow: hidden; z-index: 3; }
form div.label { width: 65px; text-align: right; padding: 3px 5px; }
form div.entry { width: 300px; text-align: left; }
*/

div.row div.label, div.row2 div.label { padding: 0 0 3px 0; color: #575655;}

input.disabled { background-color: #efefef; border: 1px solid #dddddd; }
select.disabled { background-color: #efefef; }

/* twoColumn */
div.twoColumn { overflow: hidden; }
.twoColumn td { vertical-align: top; }
.twoColumn div.right { float: right; overflow: hidden; }
.twoColumn div.left { float: left; overflow: hidden; }
.twoColumn .pad {  }
.firstPassenger .twoColumn .right .pad { padding: 0; }
table.twoCol td { vertical-align: top; }
table.twoCol td td { vertical-align: middle }


/* FONTS */
body, p, td, div, button { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #003082; }
select, option { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #000000; }
input { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #003082; padding: 1px; }
a { color: #014399; }
a:hover { color: #000000; text-decoration: none; }
input, select { color: #000000; }
.legend .pad { font: bold 14px Georgia, serif; color: #666666; line-height: 14px; }
button { font-size: 12px; color: #ffffff; font-weight: bold; }

/* ERRORS */
#error { margin-top: 15px; padding-left: 15px; padding-right: 25px; margin-bottom: 15px; }
#error .pad { padding: 5px 10px; border: 1px solid #c50410; font-weight: bold; color: #c50410; }
#error .message p { font-weight: bold; color: #c50410; }
input.error, select.error { border: 1px solid #cc9999; background-color: #ffcccc; }

/* PROCESSING POPUP */
.processing { width: 275px; text-align: center; clear: both; }
.processing .pad { padding: 5px; }
.processing .copy { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #1755A8; }
.processing .hd { background: #ffffff; }

#processingDiv.processing { margin: auto; }

/* BUTTONS */
 button { margin: 0; padding: 0; border: 0; cursor: pointer; width: auto; overflow: visible; }
.buttons { clear: none; display: inline; }
.buttons .left { float: left; overflow: hidden; padding-left: 15px; }
.buttons .right { float: right; overflow: hidden; padding-right: 20px; }
.buttons .back, .buttons .reset { float: left; }
.buttons .pad { padding-bottom: 0px; }
.buttons .submit { float: right; text-align: right; overflow: hidden; }
.buttons .submit button { background-color: #ffffff; }
.buttons .reset button { text-align: center; }
.buttons .back button { text-align: center; background-color: #ffffff; }
#CONFIRMATION .buttons .submit button { text-align: left; }
.buttons button.hover { text-decoration: underline; }
.paging button { background-color: #999999; width: 80px; }
.buttonfloatleft { float: left; }
.buttonfloatright { float: right; }
.searchbutton { text-align: right; padding-right: 40px; }
.buttonpadding { padding-top: 10px; }

/* NAVIGATION BAR */
#navigation { clear: both; }
#navigation .npad { padding: 0; }

/* TOOLTIP */
#tooltip { text-align: left; width: 130px; display: none; float: left; padding: 3px 5px; position: absolute; top: -100px; left: -100px; border: 1px solid #999999; background-color: #ffffff; }
#tooltip.category { background-color: #efefef; }

/* SEARCH PAGE */
#START input { z-index: 1; }
/*#originAirportAutocomplete, #destinationAirportAutocomplete { width: 200px; clear: both; }*/
#cabinClass { width: 110px }

#originContainer { position:absolute; width: 200px; clear: both; }
#originContainer .yui-ac-content {position:absolute;width:100%;height:11em;border:1px solid #404040;background:#fff;overflow:auto;overflow-x:hidden;z-index:9050;}
#originContainer .yui-ac-shadow {position:absolute;margin:.3em;width:100%;background:#a0a0a0;z-index:9049;}
#originContainer ul {padding:5px 0;width:100%;}
#originContainer li {padding:0 5px;cursor:default;white-space:nowrap;}
#originContainer li.yui-ac-highlight {background:#ffffcc;}

#destinationContainer { position:absolute; width: 200px; clear: both;  }
#destinationContainer .yui-ac-content {position:absolute;width:100%;height:11em;border:1px solid #404040;background:#fff;overflow:auto;overflow-x:hidden;z-index:9050;}
#destinationContainer .yui-ac-shadow {position:absolute;margin:.3em;width:100%;background:#a0a0a0;z-index:9049;}
#destinationContainer ul {padding:5px 0;width:100%;}
#destinationContainer li {padding:0 5px;cursor:default;white-space:nowrap;}
#destinationContainer li.yui-ac-highlight {background:#ffffcc;}

#box1 { display:none; position:absolute; width:287px; }
#box2 { display:none; position:absolute; width:287px; }

#searchPassengers .cell div { padding-right: 20px; }

/* SELECT PAGE */
.flightSelectionHeader { background-color: #003082; font-size: 10px; color: #ffffff; }
.flightSelectionHeader span { font-weight: bold; }

.flightSelection { width: 100%; color: #003082; font-size: 10px; }
.flightSelection td, .flightSelection th { text-align: center; padding: 3px 1px; }
.flightSelection .nofare { height: 15px; padding: 1px 1px; text-align: center; }
.flightSelection td { border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; }
.flightSelection .lastColumn { border-right: 1px solid #ffffff; }
.flightSelection .lastRow { border-top: 1px solid #FFD700; }
.flightSelection tr .oddBg { background-color:#e5eaf2; }
.flightSelection tr .evenBg { background-color:#f1f4f9; }
.flightSelection th { background-color: #ced7e7; border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; }
.flightSelection tfoot td, .flightSelection .spacer { border: none; }
.flightSelection tfoot .left { text-align: left; padding: 5px 0; }
.flightSelection tfoot .right { text-align: right; padding: 5px 0; }
.flightSelection .fare { width: 110px; text-align:left}
.flightSelection .flightOperation { text-align: left; padding-left: 5px; }
.goldLine { background-image:url(../images/goldline.jpg); background-repeat: repeat-x; background-position: top left; height: 1px;}
.blueLine { background-image:url(../images/topnav_line.jpg); background-repeat: repeat-x; background-position: top left; height: 1px;}

.promoCalendar { width: 100%; color: #003082; font-size: 10px; }
.promoCalendar td, .promoCalendar th { text-align: center; padding: 3px 1px; }
.promoCalendar td { cursor: pointer; }
.promoCalendar tr .oddBg { background-color:#e5eaf2; }
.promoCalendar tr .evenBg { background-color:#f1f4f9; }
.promoCalendar th { background-color: #ced7e7; border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; width: 14%; }
.promoCellHighLight { font-weight: bold;}
.goldBorder { border: 2px solid #b99827; }
.whiteBorder { border: 2px solid #ffffff; }
.priceCell { text-decoration: underline; }
.priceCellHighLight { text-decoration: underline; font-weight: bold;}

.otherTabs { width: 100%; color: #003082; font-size: 10px; }
.otherTabs td { text-align: left; padding: 3px 5px; }
.otherTabs th { text-align: center; padding: 3px 1px; height: 25px; }
.otherTabs td { border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; background-color: #f1f4f9;}
.otherTabs .lastColumn { border-right: 1px solid #ffffff; }
.otherTabs th { background-color: #ced7e7; border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; }
.otherTabs tfoot td, .otherTabs .spacer { border: none; }
.otherTabs tfoot .left { text-align: left; padding: 5px 0; }
.otherTabs tfoot .right { text-align: right; padding: 5px 0; }
.otherTabs .fare { width: 100px; }
.otherTabs .headers { background-color: #ced7e7; font-weight: bold; text-align: left; padding-left: 30px; padding-top: 5px; padding-bottom: 5px;}
.otherTabs .content { text-align: left; padding-left: 30px; padding-top: 5px; padding-bottom: 5px; }

.simpleTable { width: 100%; color: #003082; font-size: 10px; text-align: left; }
.simpleTable .firstColumn { padding-left: 25px; }
.simpleTable .lastRow { padding-bottom: 5px; } 
.simpleTable .whiteBreak { border-bottom: 1px solid #ffffff; }

.boldBlue { color: #003082; font-size: 10px; font-weight: bold; }
.blue { color: #003082; font-size: 10px; }
.grey { color: #888888; font-size: 10px; }

.tabHeader td, .tabHeader th { text-align: center; border: 0; background-color: #ffffff; padding: 0; 
															 width: 100%; color: #003082; font-size: 10px; font-weight: bold; }

.bookingClass { width: 200px; text-align: left; padding-left: 20px; padding-top: 5px; padding-bottom: 5px; background-color: #ffffff;
                color: #003082; position: absolute; }

.bcPosAndColor0 { border: 2px solid #003082; }
.bcPosAndColor1 { border: 2px solid #1755ab; }
.bcPosAndColor2 { border: 2px solid #1a9abd; }
.bcPosAndColor3 { border: 2px solid #9ab0a9; }
							  
.selectTab td { background-color:#ffffff; height: 100%; width: 100%; border: 0; cellpadding: 0; cellspacing: 0; }
								
.selectButton { background-color:transparent; text-align: center; }

.popupFlight h2 { font-size: 18px; color: #273094; font-weight: normal; margin-bottom: 15px;}
.popupFlight { width: 353px; padding: 10px; }
.popupFlight div.label { width: 100px; float: left;}
.popupFlight div.content { padding: 0px 0px 0px 30px; }

.flightNumber { color: #003082; font-size: 10px; text-decoration: underline; cursor: pointer; }
.flightInfo { position: absolute; border: 2px solid #003082; display: none; white-space: nowrap; cursor: pointer; 
							text-align: left; padding: 2px; background-color: #ffffff; color: #003082; background-color: white; }

.fareSummary { color: #003082; font-size: 12px; padding: 0px; border: 0px; }
.fareSummaryLeft { width: 120px; text-align: left; padding-left: 10px; border-bottom: 1px solid #ffffff; }
.fareSummaryCenter { width: 90px; text-align: right; padding-right: 30px; !padding-right: 30px; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; }
.fareSummaryRight { width: 170px; text-align: left; padding-left: 15px; padding-top: 8px; padding-bottom: 8px; font-size: 11px; border-bottom: 1px solid #ffffff; }

.selectLink { font-size: 10px; text-decoration:underline; color: #003082; cursor: pointer;  }
							
.fare .tooltip { cursor: pointer; }
#bucketSelect { padding: 0 30px; }
#fareSummary .wait { text-align: center; }

.dateTab.left { width: 4px; background-image: url(../images/fly_nav_off_left_01.jpg); background-repeat: no-repeat; height: 29px; }
.dateTab.center { background-image: url(../images/fly_nav_off_middle_01.jpg); }  
.dateTab.right { width: 4px; background-image: url(../images/fly_nav_off_right_01.jpg); background-repeat: no-repeat; height: 29px; background-position: top right; }
.F1Icon { background:  url('../images/F1Logo.gif') no-repeat top left; width: 30px; height: 20px; text-align: center; margin: auto;}

/* DETAILS PAGE */
.specialAssist { position: absolute; border: 2px solid #003082; display: none; white-space: wrap; cursor: pointer; width: 320px;
							text-align: left; padding: 2px; background-color: #ffffff; color: #003082; background-color: white; }
							
/* GF common elements */
.intro { padding: 10px 30px; }

/* MATRIX TABLE */
.searchDetails{padding-left:15px;padding-top:10px;}
.modifySearch{font-size:10px;color:#003082;line-height:10px;vertical-align:top;align:right;padding-top: 10px}
.matrixPageNotes{padding-top:8px;padding-left:15px;padding-bottom:10px;line-height:15px;}
.matrixTable { width: 754px;height:100%;border:0px;padding:0px;margin-bottom: 20px}
.inboundHeader {height:100%;width:100%;background-image:url(../images/nav_top_b1_new.gif); background-repeat:no-repeat; }
.outboundHeader {border-bottom: 2px solid white; background-image: url(../images/bar_sm.gif); background-repeat: no-repeat;
    background-position: center bottom; vertical-align: bottom; padding: 0; margin: 0; spacing:0; }
.matrixTable td { text-align: center; width: 12%; }
.matrixTable th { text-align: center; width: 12%; }
.matrixTable td { padding: 1px 1px; }
.outdaylabel { font-size:10px;font-weight:normal; border-right: 1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; !border-bottom:0px;
height: 22px;width: 112px;background-color: #ced7e7; }
.indaylabel { font-size:10px;font-weight:normal; border-left:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF;
height: 22px;;width: 112px;background-color: #ced7e7;} 
.matrixTable td.highlight { background-color: #b91219; }
.matrixTable th.highlight { background-color: #efefef; }
.matrixTable .matrixDay { cursor: pointer;}
.matrixTable .bottom { border-bottom: 1px solid #B99827; }
.matrixTable .noborder { border: 0; }
.matrixTable .nobackground { border: 0; }
.matrixTable .indaygroup { vertical-align:middle; border-right:1px solid;border-bottom:1px solid;border-color:#FFFFFF; }
.matrixTable .outdaygroup { border: 0; border-top: 1px solid #dddddd; font-weight: bold; }
.navLeft { width:14px; padding-left: 4px; padding-right: 0; padding-top: 0; padding-bottom: 0; text-align: left; border:0;}
.navRight { width:14px; border-left: 0; padding-right: 4px; text-align: right; }
.navUp { padding: 3px; vertical-align: top; }
.navDown { padding: 3px; vertical-align: bottom; border-top: 0; }
.matrixTable button { background-color: #ffffff; border: 0; padding: 0; margin: 0; }
.darkGoldLine { background-image:url(../images/darkgoldline.jpg); background-repeat: repeat-x; background-position: top left; height: 1px;}

.oddBg{background-color:#e5eaf2;}
.evenBg{background-color:#f2f5f9;}

.oddbg_border {
font-size:10px;font-weight:normal;
color:#003082;
background-color:#e5eaf2;
border-left:1px solid #ffffff;
border-right:1px solid #e5eaf2;
border-top:1px solid #e5eaf2;
border-bottom:1px solid #ffffff;
}
			
.evenbg_border {
font-size:10px;font-weight:normal;
color:#003082;
background-color:#f2f5f9;
border-left:1px solid #ffffff;
border-right:1px solid #f2f5f9;
border-top:1px solid #f2f5f9;
border-bottom:1px solid #ffffff;
}

.matrix_mouseover_td {
font-family:verdana;
font-size:10px;font-weight:normal;
color:#003082;
background-color:#ECD78C;
border-left:1px solid #B99827;
border-right:1px solid #B99827;
border-top:1px solid #B99827;
border-bottom:1px solid #B99827;
}

.goldborder
{
font-size:10px;font-weight:normal;
border-left:1px solid #B99827;
border-right:1px solid #B99827;
border-top:1px solid #B99827;
border-bottom:1px solid #B99827;
font-weight: bold; 
}
.highlightTxt
{
  font-weight: bold; 
}

/* CROSS-SELL SECTION */
.crossselldiv { float: right; align: top; }
.crossbox { border:1px solid #003082; }
.crossboxGold{border:1px solid #EDD78C;}
.individualbox { padding-top: 10px; }
.caption { padding-left: 7px; padding-top: 2px; padding-bottom: 4px; }
.boxdim { width: 148px; height: 146px; }
.confContent { float: left; width: 600px; }



/* YUI calendar overrides */
.yui-calcontainer {	background-color:#FFF; border:none; padding:0px;}
.yui-calcontainer.multi .groupcal {	padding:0px; border:1px solid #B1942E; border-top:1px solid #A1841F; }
.yui-calendar {	font:100% Verdana, Arial, Helvetica, sans-serif; }
.yui-calendar .calnavleft { top: -1px; width:15px; height:15px; }
.yui-calendar .calnavright { top: -1px; width:15px; height:15px; }
.yui-calendar td.calcell { border:1px solid #FFF; background-color:#FFF;}
.yui-calendar td.calcell a { color:#333; }
.yui-calendar td.calcell.today { border:1px solid #CCC; }
.yui-calendar td.calcell.oom { color:#FFF; background-color:#FFF; border:1px solid #FFF; }
.yui-calendar td.calcell.selected {	color:#000;	background-color:#FFFFFF; border:1px inset #999; font-weight: bold; }
.yui-calendar td.calcell.calcellhover {	color:#333; background-color:#FFF; border:1px solid #333; }
.yui-calendar td.calcell.calcellhover a { color:#333; }
.yui-calendar td.calcell.previous {	color:#999;	text-decoration:line-through; }
.yui-calendar .calhead { border:1px solid #B1942E;	background-color:#B1942E; }
.yui-calendar .calheader { background-color:#B1942E; color:#FFF; font-size: .95em;}
.yui-calendar .calweekdayrow th { border-bottom: 1px solid #000; }
.yui-calendar .calweekdaycell {	color:#FFF;	background-color:#B1942E; }


/* YUI TOOLTIP OVERRIDES */
.yui-tt { background-color: #ffffff; border: 1px solid navy; width: 180px; padding: 3px; text-align: left; }

.f1PopupClass { position: absolute; border: 2px solid #003082; width: 298px; width: 286px\9;
				padding: 5px; background-color: #ffffff; color: #003082; font-size: 9px; text-align: center;}

/* SELECT PAGE */
.flightSelectionHeader { background-color: #003082; font-size: 10px; color: #ffffff; }
.flightSelectionHeader span { font-weight: bold; }
.flightSelection { width: 100%; color: #003082; font-size: 10px; }
.flightSelection td, .flightSelection th { text-align: center; padding: 3px 1px; }
.flightSelection .nofare { height: 15px; padding: 1px 1px; text-align: center; }
.flightSelection td { border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; }
.flightSelection .lastColumn { border-right: 1px solid #ffffff; }
.flightSelection .lastRow { border-top: 1px solid #FFD700; }
.flightSelection tr .oddBg { background-color:#e5eaf2; }
.flightSelection tr .evenBg { background-color:#f1f4f9; }
.flightSelection th { background-color: #ced7e7; border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; }
.flightSelection tfoot td, .flightSelection .spacer { border: none; }
.flightSelection tfoot .left { text-align: left; padding: 5px 0; }
.flightSelection tfoot .right { text-align: right; padding: 5px 0; }
.flightSelection .fare { width: 110px; text-align: center; valign: middle; }
.flightSelection .flightOperation { text-align: left; padding-left: 5px; }

/* CALENDAR PAGE */
.tableFlightOutbound { background-color:#003082; width:374px; }
.flightOutbound { width:25px; border: 0px; padding-bottom:0px; }
.flightOutboundImage { height:20px; width:25px; }
.flightOutboundRoute { text-align:left; border: 0px; color: white; padding-bottom:0px; }
.tableFlightInbound { background-color:#003082; width:374px; }
.flightInbound { width:25px; border: 0px; padding-bottom:0px; }
.flightInboundImage { height:20px; width:25px; }
.flightInboundRoute { text-align:left; border: 0px; color: white; padding-bottom:0px; }
.tableDate { border: 0px; width: 374px; background-image: url(../images/nav_promo.jpg); background-repeat: no-repeat; }
.calendarSelection th { background-color: #F2F5F9; text-align: center; width: 14%; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; }
.calendarSelection tbody, .fareKey .notSelected { background-color: #F2F5F9; }
.calendarSelection tbody td {height: 45px;}
.calendarSelection .priceCell { text-align: center; padding-top: 7px; }
.calendarSelection .dateCell { text-align: right; padding-right: 7px; }
.calendarSelection td.today { font-weight: bold; color: #ffffff; }
.calendarSelection td.selected, .fareKey .selected { background-color: #ECD78C; }
.calendarSelection .bookingClassE { background-color: #e5eaf2; color: #ffffff; }
.calendarSelection .bookingClassB { background-color: #cfd7e7; color: #ffffff; }
.calendarSelection .bookingClassF { background-color: #a6b6d7; color: #ffffff; }
.calendarSelection .highlight { background-color: #ECD78C;}
.inbound_message { background-color: #F2F5F9;}
.footerBorder { background-color: rgb(230, 202, 102); }

/* Member Details Panel */

.memberDetailsTitle { width:424; color:white;font-size:16px;font-weight:bold;}
.base_font_menu {color: white;font-weight: bold;}
.content_home{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#575655; font-weight: bold;}

.quote12 {
color:#003082;
font-family:verdana;
font-size:14px;
font-weight:bold;
}

.submit {text-align: right;}

.selectButton {text-align: right;}

.specialAssistanceContainer { padding: 3px; }

/* PNR box layout in confirmation page */
.confirmation-PNR-box { padding-left: 30px; border: 1px solid #EDD78C; background-color: #f1f4f9; width: 160px; padding: 5px; }

/* webcheckin */
.webCheckIn-message-pad { padding-left: 30px; }

/*Mondial*/
span.mondialInsurance { font-weight: bold; vertical-align: middle}
hr.mondial {height: 2px; color: #ced7e7; background-color: #ced7e7;}
input.radioMondial { vertical-align: middle }