/*-----------           
	Author: Rashed Alhakimi.
	Version: 1.0
	E-mail: rash_alhakimi@yahoo.com
	----------- */
/* CSS Document */
/* Mozilla */
#mozillaSpacer
{
	width:1px;

}
html>body #mozillaSpacer
{
	height: 3px;
	width: 2px;
}

/* Footer styles */
.style4 {
	font-size: 11px;
	font-weight: bold;
	color: #99CC00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style5 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #999999;
}
a.footer-sm {

	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}
a.footer-sm:hover {


	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #99CC00;
	text-decoration: none;
}
a.footer {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
a.footer:hover {

	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #99CC00;
	text-decoration: none;
	font-weight: bold;
}

/* controls the style of the hint box */
#cssHint {
	position: absolute;
	top: 20px;
	background: #F4FBFF url('../../images/NewCss/note-bg.gif') no-repeat 0px 0px;
	border:1px solid #125cda;
	line-height: 12px;
	color: #125cda;
	z-index: 500;
	visibility:hidden;
	width:125px;
	background-position-x:0px; background-position-y:0px; font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:arial, helvetica, verdana; padding-left:22px; padding-right:2px; padding-top:5px; padding-bottom:2px; background-image:url('../../images/NewCss/note-bg.gif'); background-repeat:no-repeat
	}
#cssHint ul
{
	margin-top: 4px;
	margin-bottom: 0px;
}

#cssHint li
{
	margin-left: -25px;
	list-style-position: outside;
	list-style-type: circle;
}
/*Elements*/
body { 
	margin:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:.8em;
	background-image:url('../../Images/NewCSS/background.gif');
	background-repeat: repeat-x;
	background-attachment:fixed
   	 }
	
h1, h2, h3, h4, h5, h6 { margin:5px 0; }	
h1 { font-size:1.5em; }
h2 { font-size:1em; }
h3 { font-size:.95em; }
h4 { font-size:.9em; }
h5 { font-size:.85em; }
h6 { font-size:.8em; }


form, p {
	margin:0;
	padding:0;
	}
	
img { border:0px none;
	margin-left: 0px;
	margin-right: 0px }

.hidden
{
	display: none;
}

/*Height Settings*/
.h10 { height:30px;}
.h11 { height:200px;}
.h12 { height:550px;}
.h13 { height:15px; }
.h14 { height:20px; }
.h15 { height:38px; }
.h20 { height: 40px;}
.hLrg { height:10px; }
.hMed { height:5px; }
.hSml { height:2px; }
.hVSml { height:1px; }

/*Width Settings*/	
.w01 {width: 5px;}
.w10 { width:220px; }
.w10Select { width:226px; }
.w11 { width:235px; }
.w12 { width:115px; }
.w13 { width:75px; }
.w14 { width:55px; }
.w15 { width:44px; }
.w16 { width:35px; }
.w17 { width:65px;}
.w18 { width:50px;}
.w19 { width: 71px;}

.w23 { width:155px; }
.w23Select { width:161px; }
.w24 { width:152px; }
.w25 { width:91px; }
.w26 { width:105px; }

.w34 { width:175px; }
.w35 { width:139px; }
.w36 { width:137px; }
.w37 { width: 130px;}
.w38 { width:85px; }


.w44 { width:188px;}
.w45 { width:192px; }

.w56 { width:195px; }
.w58 { width:145px; }
.w60 { width: 450px;}
.w62 { width:520px; }

.marginmed { margin-left:48px; }
.marginSml { margin-left:30px; }
.marginSmlr { margin-left:30px; }
.marginTiny { margin-left:20px; }
.marginTinys { margin-left:10px; }

.marginBottomTinySmall { margin-bottom:3px; }
.marginBottomSmall { margin-bottom:5px; }
.marginTopSmall { margin-top: 10px;}
.marginRightSml { margin-right:30px; }
.marginRightTiny { margin-right:10px; }
.marginRightTinySmall { margin-right:5px; }

.spacerTiny { width:40px; }

.clear { clear:both; }
.padded { padding: 10px 0; }
	
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.smallIdent { margin-left: 5px;}
.largeIdent { margin-left: 15px;}
.floatLeft {float: left;}
.baseline { float: left;}
.floatRight {float: right;}
.bold { font-weight: bold; }
.warningColor {color:Red;}
.okColor {color: Green;}
#header { 
	background-image:url('../../images/NewCSS/page-head-bg.gif');
	width:760px;
	height:142px;
	margin:0 auto;
	padding:0
	}
	
#loginDiv {
	width:340px;
	float:right;
	margin:6px 3px 0 0;
	padding:2px 0 0 0;
	color:#005123;
	font-size:.85em;
	text-align:right;
	}
html>body #loginDiv 
{
	padding-top: 5px;
}
	
#loginDiv p { margin:0; padding:0; }	
#loginDiv input { margin:0 2px; }

.bodyBasic{
	text-indent:4px;
	font-size:12px;
}
.loginButton
{
	background-image: url('../../images/NewCSS/button-standard-bg.gif');
	width: 35px
}

.logoutButton
{
	background-image: url('../../images/NewCSS/button-standard-bg.gif');
	width: 58px
	
}

.logInOutCommon
{	
	display:block;
	height: 15px;
	text-decoration: none;
	color: White;
	text-align: center;
	font-size: .9em;
	float:right;
	margin-right: 3px;	
	padding-top: 3px;
	position: relative;
	top: 1px;
}
html>body .logInOutCommon
{
	margin-right: 5px;
}

.loggedIn
{
	font-size: 10pt;
	margin-left: 5px;
	color: #005123;
	
}
#loginImg
{
	position: relative;
	top: 4px;
}

#mainContent
{
	width:543px;
	position:relative;
	margin-left: 213px;
}

html>body #mainContent
{
	margin-left: 217px;
}

.sectionHeader
{
	font-family: Arial , Helvetica, sans-serif;
	background-image: url('../../images/NewCSS/main-section-head-bg.gif');
	padding-top: 10px;
	height:20px;
	text-indent: 10px;
	font-weight: bold;
	font-size: 10pt
	
}
.errorSectionHeader
{
	font-family: Arial , Helvetica, sans-serif;
	background-image: url('../../images/NewCSS/errorBack.gif');
	padding-top: 8px;
	height: 22px;
	text-indent: 10px;
	font-weight: bold;
	font-size: 10pt;
	color: #cc0000;
	position:relative;
	left: 3px;
	width: 538px
}
.errorSectionHeader img
{
	display: block;
	float: left;
	margin: 0 5px 0 5px;
}
.error
{
	font-size: 9pt;
	margin-bottom: 10px;
	
}
.errorIcon
{
	background-image: url('../../images/NewCSS/icon-error.gif');
	background-repeat: no-repeat;
	height: 30px;
	width: 30px;
	float: left
}
.errorMessage
{
	padding: 0 0 0 40px;
}
	
.sectionContent
{
	padding-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	font-size: .85em;
	width: 525px;
	float:none;
}	
.sectionContentCountryDropDown
{
	margin:-19px 0 0 165px;
}

.buttonFlat
{
	background-image: url('../../images/NewCSS/button-standard-bgd.gif');
	border: 0px none;
	color: #fff;
	height: 18px;
	font-size: .95em; padding-left:4px; padding-right:4px; padding-top:0; padding-bottom:0
}

.button {
	background-image:url('../../images/NewCSS/button-standard-bg.gif');
	border:1px solid #000;
	color:#fff;
	height:24px;
	font-size:.95em; padding-left:2px; padding-right:2px; padding-top:4px; padding-bottom:4px
	}

.button2 {
	background-image:url('../../images/NewCSS/button-standard-bgd.gif');
	color:#fff;
	height:15px;
	font-size:11px; padding-left:2px; padding-right:2px; padding-top:2px; padding-bottom:2px
	}

.button3 {
	background-image:url('../../images/NewCSS/button-standard-bgd.gif');
	border:1px solid #000;
	color:#fff;
	height:24px;
	font-size:.95em; padding-left:2px; padding-right:2px; padding-top:4px; padding-bottom:4px
	}

.userNameTextbox {
	width:107px;
	height:12px;
	color:#4A4A4A;
	background-color:#D0D0D0;
	font-size:.9em;
	}	
	
.passwordTextbox {
	width:58px;
	height:12px;
	color:#4A4A4A;
	background-color:#D0D0D0;
	font-size:.95em;
	}		
	
#utilitiesDiv {
	clear:both;
	width:200px;
	height:75px;	
	float:right;
	margin:2px 5px 0 5px;
	color:#DAE0F2;
	font-size:.85em;
	margin-top: 16px;
}

#utilitiesDiv p {
	margin:3px 0;
	text-indent:35px;
	}	
	
#utilitiesDiv a:link { color: #DAE0F2; }
#utilitiesDiv a:visited { color: #DAE0F2; }
#utilitiesDiv a:hover { color: #DAE0F2; }
#utilitiesDiv a:active { color: #DAE0F2; }	

#menuDiv {
	clear:both;
	width:755px;
	height:20px;	
	float:right;
	margin:0;
	padding:5px 0 0 0;
	color:#fff;
	font-size:.85em;
	font-weight:bold; 
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
	}	

#menuDiv a:link { color: #005123; text-decoration:none; margin:0 15px; }
#menuDiv a:visited { color: #005123; text-decoration:none; margin:0 15px; }
#menuDiv a:hover { color: #009966; text-decoration:underline; margin:0 15px; }
#menuDiv a:active { color: #009966; text-decoration:underline; margin:0 15px; }		
	
#wrapper {
	width: 760px;
	background-color:#fff;
	border-top:none;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:10px;
}

.atAGlanceDivHeader {
	height:40px;
	width:210px;
	text-indent:5px;
	color:#ffffff;
	font-weight:bold;
	background-image:url('../../images/NewCSS/glance-head.gif');padding-left:0; padding-right:0; padding-top:5px; padding-bottom:0
	}	
.atAGlanceHeaderTitle
{
	float: left;
	width: 170px; 
}
.collapseButton
{
	width: 10px;
	position:relative;
	top: -4px;
	left: -7px;
	float: right;
	height: 20px;
}
html>body .collapseButton
{
	left: -18px;
}
#AVAILABILITYSEARCHINPUT_TextBoxMarketDestination2, #AVAILABILITYSEARCHINPUT_LabelMarketStationOut2, #AVAILABILITYSEARCHINPUT_TextBoxMarketOrigin2, #AVAILABILITYSEARCHINPUT_LabelMarketStation2
{
	display: none;
}

#atAGlanceContent
{
	float:left;
	width:210px;
	
}
.mainBody
{
	background-image:url('../../images/NewCSS/main-body-bg.gif');
	font-family: Arial, Helvetica, sans-serif
}

.atAGlanceDivBody {
	background-image:url('../../images/NewCSS/glance-body-bg.gif');
	width:194px;
	color:#ffffff;
	font-size:10px; padding-left:8px; padding-right:8px; padding-top:0; padding-bottom:0
	}		
	
.atAGlanceDivBody a{
	text-decoration:none;
	}	

#calendarTable
{
	margin-left: 30px;
}
#calendarHeading a
{
	color: White;
	font-weight: bold;
	text-align: center;
	font-size: .7em;
	text-decoration: none;
}

#calendarHeading .l
{
	background-position: -2px 0px;
}
#calendarHeading .m
{
	background-position: -10px 0px;
}
#calendarHeading .r
{
	background-position: -181px 0px;
}
#calendarHeading
{
	background-image:url('../../images/NewCSS/glance-head.gif');
	background-repeat: no-repeat
}
.highlightDay
{
	font-weight: bold;
	cursor: pointer;
}
.thisMonthUnavailable
{
	color: silver;
}
#calendarTable tbody
{
	background-color: #2b53a8;
	color: White;
	font-weight: bold;
	text-align: center;
	font-size: .7em;
	text-decoration: none;
}
#calendarTable tbody .tdDays
{
	background-color: #f5f5f5;
	border-right: #dcdcdc 1px solid;
	border-top: #dcdcdc 1px solid;
	border-left: #dcdcdc 1px solid;
	border-bottom: #dcdcdc 1px solid;
}
#calendarTable tbody .tdDays input
{
	width: 25px;
	text-align: center;
	background-color:Transparent;
	border-style: none;
}



#calendarHeading input
{
	border-style: none;
	background-color: Transparent;
	color: White;
	font-weight: bold;
	text-align: center;
}
.paxType
{
	float:left;
	width:55px;
}
.paxTypeLeftPadding
{
	float:left;
	width:55px;
	padding-left:14px;
}
#travelOptions {
	margin:0 0 0px -5px;
	}

select, input {
	font-size:11px;
	margin:2px 0px 5px 0px;
	font:11px Verdana, Arial, Helvetica, sans-serif, Tahoma;	
	color:#333;	
	}
	
.atAGlanceDivFooter {
	background-image:url('../../images/NewCSS/glance-foot.gif');
	height:17px;
	width:210px;
	margin-bottom: 0px	
	}
	
#mainAdvertDiv {
	height:307px;
	width:392px;
	}	
	
#flifoSearchDiv {
	background-image:url('../../images/NewCSS/promo-right-bg.gif');
	height:287px;
	width:138px;	
	float:left;
	color:#fff;
	font-size:.8em; padding-left:7px; padding-right:7px; padding-top:10px; padding-bottom:10px
	}	
	
.flifoLabel 
{
	padding: 0 0 5px 0;
    font-size:1.1em;
    font-weight:bold;
	}	
	
#mainContentHeaderDiv {
	background-image:url('../../images/NewCSS/main-head.gif');
	width:544px;
	height:95px
	}	

#mainContentHeaderDiv h1 {
	font: 28px Verdana, Arial, Helvetica, sans-serif;
	color:#006633;
	margin-bottom:-8px;
	}		
	
#mainContentHeaderDiv h2 {
	font:normal 15px Verdana, Arial, Helvetica, sans-serif;
	color:#009933;
	font-weight:800;
	}			
	
#meterDiv {
	float:left;
	width:100px;
	margin-left:50px;
	}

#mainContentFooterDiv {
	background-image:url('../../images/NewCSS/main-foot.gif');
	width:544px;
	height:30px
	}

#pageHeaderDiv {
	float:right;	
	width:300px;
	text-align:right;
	margin:10px;	
	}	
.tripRadio
{
	float:left;
}

#footerLinks
{
	width:550px;
	float: left;

}

.footerLink
{
	float:left;
	margin:5px;
	color: #808080;
}

.footerLink a
{
	color: #808080;
	text-decoration:none;
}

#footer
{
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	border-top: gray 1px dashed;
	font-size:.85em;
	
}


#copyright
{
	position: relative;
	width: 150px;
	left: 60px;
	color: #7a96df;
	padding-top: 5px;
}

#agreementInput
{
	color:Red;
	font-size: .95em;
	font-weight:bold;
	margin-left: 150px;
}
#agreementInput div
{
	margin:-20px 0 5px 23px;
	height: 20px;
}

#checkinAgreementInput
{
	color:Red;
	font-weight:bold;
	margin-left: 100px;
}
#checkinAgreementInput div
{
	margin:-20px 0 5px 23px;
	height: 20px;
}

.clearAll
{
	clear:both;

}

.clearRight
{
	clear:right;
}
.fareRule
{
	float: left;
	height: 150px;
	width: 251px;
	
}
.fareRuleBody
{
	overflow: auto;
	color: #125cda;
	height: 135px;
}

.fareRule label
{
	font-size: 1.1em;
	color: Black;
}

.verticalSpacer
{
	width: 1px;
	height: 150px;
	border-right: #d3d3d3 1px solid;
	float: left;
	margin: 0 10px 0 10px;
	
}
.faresList
{
	float: left;
	width: 200px;
}

#DivSSRs
{
	display: none;
	background-color: #f5f5f5;
	border-right: darkgray 1px solid;
	border-top: darkgray 1px;
	border-left: darkgray 1px solid;
	border-bottom: darkgray 1px solid;
	height:300px;
}

.ssrMarketColHeader
{
	float:left;
	text-align:center;
	width: 60px;
}
.ssrDescription
{
	float:left;
	text-indent: 5px;
}
.marketCol
{
	width:55px;
	float:left;
	margin-left:5px;
}
.ssrCheckboxSelected
{
	background-color: #f5f5f5;
	border-right: darkgray 1px solid;
	border-top: darkgray 1px solid;
	border-left: darkgray 1px solid;
	border-bottom: darkgray 1px;
	height:20px;
	padding-left: 2px;
	padding-top: 2px;
}
.ssrCheckbox
{
	padding-left: 3px;
	padding-top: 3px;
}
.ssrCheckboxLabel
{
	padding-left: 20px;
	margin-top: -22px;
	font-size:10pt;
	color: #125cda;
}

#ssrUpdateButton
{
	height: 10px;
	width:100px;
	margin: 10px 0 10px 409px;
	clear: both;
	
}
#ssrUpdateButton a
{
	text-decoration: none;
	color:White;
	margin-left: 15px;

}
.ssrNote
{
	font-weight:bold;
	padding: 5px 0 0 5px;
}

.availabilityMarketSortElement
{
	float:right;
	margin: 0 10px 0 0;
}

.sortButton
{
	height:10px;
	width: 60px;
	float:right;
	margin: 1px 5px 0 5px;
}
.sortButton a
{
	color: White;
	text-decoration: none;
	padding-left: 20px;
}

.farePriceDetail
{ 
	padding-left: 23px;
	margin: -20px 0 10px 0;
	width:150px;
}

.farePriceDetail label
{
	font-weight: bold;
}

.passengerType
{
	margin-top: 3px;
}

.passengerPrice
{
	margin-left: 5px;
}
.passengerPrice span
{
	margin-right: 2px;
}

.webFare
{
	color: #125cda;
}
.regularFare
{
	color: #909090;
}
.emphasis
{
	font-weight:bold;
}

#marketCityPair
{
	float: right;
	margin: -16px 10px 0 0;
	width: 300px;
	text-align: right;
	color: #696969;
}

.scheduleSegments
{
	float: right;
	width:260px;
}
.scheduleSegments a
{
	color: Black;
}

.scheduleFlightNumbers
{
	float:left;
	width: 50px;
	padding-top: 15px;
}
.scheduleFlightNumbers a
{
	color: Black;
}
.scheduleFlightNumber
{
	width: 50px;
	height:27px;
}

.segmentStation
{
	float:left;
	margin: 0 5px 0 0;
	width: 90px;
	height:27px;
}

.segmentDirection
{
	float:left;
	margin: 0 15px 0 0;
	height:27px;
	width:50px;
}
.segTime
{
	margin: 0 15px 0px 0;
	height:27px;
}

.journeyHead
{
	font-weight: bold;
	font-size: 1.2em;
	margin: 5px 0 10px 0;
}

.continueButton
{
	text-align: right;
	padding: 0 20px 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.90em;
	
}
.fieldGroup
{
	float:left;
	height:20px;
	margin-left: 2px;
}
html>body .fieldGroup
{
	float:left;
	height:20px;
	margin-left: 0px;
}
.textLabel
{
	text-align:right;
	float:left;
	width:140px;
	height:20px;
	margin-right: 5px;
}
.fieldLabel
{
	text-align:right;
	float:left;
	width:140px;
	height:20px;
	margin-right: 5px;
	padding-top: 3px;
}
.formLine
{
	height: 25px;
	font-size: 9pt;
}

#checkboxes
{
	margin-left: 145px;
	font-size: 9pt;
	
}

#checkboxes input
{
	position:relative;
	top: 5px;
	
}

.distributionOption
{
	float:left;
}

.subHeaderNote
{
	color: #125cda;
	font-size: 9pt;
	height: 25px;
}

.optionsDiv { margin-left:165px;
	font-size: 9pt;}

.distributionOption
{
	margin-right: 20px;
	width:50px;
	height:20px;
}

.optionLabel
{
	float:left;
	position:relative;
	top: -20px;
	left: 22px;
}
.hint
{
	font-weight:bold;
	color:Red;
}
#memberInputHint
{
	font-size: 10pt;
	height:70px;
}

#upgradeAvailabilityContent
{
	font-size:9pt;
}
.upgradeMarketHeading
{
	font-weight:bold;
}
.upgradeHeadingDeptDate
{
	width: 100px;
	float: left;
}
.upgradeHeadingFlightNumber
{ 
	width: 60px;
	float: left;
}

.upgradeHeading
{
	font-weight:bold;
	height:25px;
}

.upgradePrice
{
	color: #125cda;
}

.upgradeButton
{
	height: 25px;
	width: 80px;
	float: right;
	margin: 1px 10px 0 0px;
}
.upgradeButton a
{
	color: White;
	text-decoration: none;
	padding-left: 10px;
}
.upgradeOption
{
	height:20px;
}
.upgradeOption div
{
	margin: -20px 0 0 20px;
}

#thirdPartyLocatorContent
{
	width:400px;	
	font-size: 9pt;
}
.recordLocatorRecordCode
{
	float: left;
	width: 130px;
}

#NoThirdPartyCodeProvided
{
	position:relative;
	left: -60px;
}
.recordLocatorSystemCode
{
	float: left;
	width: 90px;
}

.recordLocatorCityCode
{
	float:left;
	width: 85px;
}

.addDeleteButton
{
	float:left;
	height: 16px;
	width: 45px;
	padding: 1px 0 0 20px;	
	position:relative;
	top: 3px;	
	
}
.addDeleteButton a
{
	color: White;
	text-decoration: none;
	
}

.recordLocatorLine
{
	height: 25px;
	width: 400px;
}

.codeSeparator
{
	width:15px;
	float:left;
	text-align:center;
	text-indent: -7px;
	font-size: 16pt;
}
	
.passengerPanel
{
	border: gray 1px solid;
	width: 510px;
	margin-right:auto;
	margin-left: auto;
	margin-bottom: 10px;
}	
#imFlyingBox label
{
	display: block;
	padding-top: 6px;
}
.passengerName
{
	position:relative;
	top: -8px;
	left:10px;
	width:40px;
	text-align:center;
	background-image:url('../../images/NewCSS/main-body-bg.gif');
	background-position: -15px -50px;
	font-weight: bold;
	font-size: 1.1em
}

.frequentFlyerPanel, .travelDocsPanel
{
	background-color: #edebeb;
	border: gray 1px solid;
	width: 492px;
	margin-right:auto;
	margin-left: auto;
	margin-top: 8px;
	margin-bottom: 10px;
}

.frequentFlyerPanel div, .travelDocsPanel div
{
	margin-left: -5px;
}
.frequentFlyerTitle, .travelDocsTitle
{
	position:relative;
	top: -8px;
	left:10px;
	width:130px;
	text-align:center;
	background-image:url('../../images/NewCSS/main-body-bg.gif');
	background-position: -15px -50px;
	font-size: 1.1em
}
.panelFieldGroup
{
	padding-left: 8px;
}
.showDocsCheckBox
{
	padding-left: 10px;
	margin-bottom: 10px;
	font-size: 9pt;
}
.showDocsCheckBox input
{
	display:inline;
	position: relative;
	top: 6px;
}
.ffDeleteButton, .docsDeleteButton, .tdDeleteButton
{
	text-align:center;
	height: 13px;
	width: 70px;
	position:relative;
	left:400px;
	top: -25px;
	margin-bottom: -25px;
}

.ffDeleteButton a, .docsDeleteButton a, .tdDeleteButton a
{
	color: White;
	text-decoration: none;
}
.ffAddButton, .docsAddButton, .tdAddButton
{
	text-align:center;
	height: 13px;
	width: 70px;
	float: right;
	position:relative;
	left: -128px;
	top: 10px;
	font-size: 11px;
	margin-bottom: 20px;
}

.ffAddButton a, .docsAddButton a, .tdAddButton a
{
	color: White;
	text-decoration: none;
}

.destinationAdressHeading
{
	padding-left: 15px;
	font-weight: bold;
	background-color: #dcdcdc;
	height: 18px;
	margin: 20px 0 20px 0;
	padding-top: 2px;
	width: auto;
	font-size: 9pt;
}
html>body .destinationAdressHeading
{
	position: relative;
	left: 5px;
	width: 477px;
}

#onBoardMealRequestsContent
{
	font-size: 9pt;
}

.journeyHeader
{
	font-weight:bold;
	height:20px;
	margin-top: 10px;
}

.titleHeader
{
	background-color: #2b53a8;
	color: White;
	font-size: 9pt;
	font-weight: bold;
	height: 16px;
	width: 522px;
	padding-top:4px;	
}

.passengerTitle
{
	float: left;
	width: 70px;
	text-indent: 2px;
}

.descriptionTitle
{
	float: left;
	width: 250px;
}

.marketsTitle
{
	width: auto;
}
.marketTitle
{
	width: 60px;
	float:right;
}

.alternateRowItem
{
	background-color: #f8f8f8;
	height: 20px;
	padding-top:5px;
	width: 522px;
}
.RowItem
{
	height: 20px;
	padding-top: 5px;
	background-color: #e0e0e0;
	width: 522px;
}
.passengerItem
{
	float:left;
	width: 70px;
	text-indent: 2px;
}
.descriptionItem
{
	float: left;
	width: 250px;
}
.marketItem
{
	width: 60px;
	float:right;
	height:20px;
	margin-top: -5px;
	margin-bottom: -5px;
	position: relative;
	left:15px;
}
.contentHr
{
	height:1px;
	background-color: #2b53a8;
	border-top: #2b53a8 1px solid;
	width: 100%;
	
}

.tabs
{
	margin-left: 3px;
	margin-top: 5px;
	height: 40px;
	width: 538px;
	background-image: url('../../images/NewCss/tab-transition-bg.gif');
}
.tab
{
	float:left;
	text-align:center;
	font-size: .85em;
	font-weight:bold;
}
.tab label
{
	width: 100px;
	padding-top: 6px;
	height: 25px;
	display:block;
	background-image: url('../../images/NewCss/menubar-tab-100.gif');
	background-position: 0px -50px;
	color: Black
		
	
}
.tab a
{
	background-image: url('../../images/NewCss/menubar-tab-100.gif');
	background-position: 0px 0px;
	display: block;
	text-align:center;
	padding-top: 6px;
	color: White;
	width: 100px;
	height: 25px;
	text-decoration: none
}
.tab a:hover
{
	background-position: 0px -50px;
	color: Black;
	
}
.tab a:active
{
	background-position: 0px -99px;
	color: Black;
}
#paymentInputContent h3
{
	font-size: 1.1em;
	font-weight: bold;
	
}

.openField
{
	float: left;
}

.openField input
{
	border-right-style: none;
	border-left-style: none;
	background-color: White;
	border-top: #7f9db9 1px solid;
	border-bottom: #7f9db9 1px solid;
}
.fieldTextLeft
{
	margin-top: 3px;
	background-color: White;
	border-top: #7f9db9 1px solid;
	border-bottom: #7f9db9 1px solid;
	border-left: #7f9db9 1px solid;
	float:left;
	width: 10px;
	text-indent: 2px;
}
html>body .fieldTextLeft
{
	margin-top: 2px;
}
.fieldTextRight
{
	margin-top: 3px;
	background-color: White;
	border-top: #7f9db9 1px solid;
	border-bottom: #7f9db9 1px solid;
	border-right: #7f9db9 1px solid;
	padding-right: 2px;
}
html>body .fieldTextRight
{
	margin-top: 2px;
}

.linkButtonWrapper
{
	border: black 1px solid;	
}
.linkButtonWrapper a, .linkButtonWrapper a:hover
{
	display: block;
	height: 17px;
	text-decoration: none;
	text-align: center;
	border: #dcdcdc 1px solid;
	padding-top: 3px;
	font-size: 8pt;
	cursor: default;
}

.linkButtonWrapper a:active
{
	display: block;
	height: 16px;
	text-decoration: none;
	text-align: center;
	border: #dcdcdc 1px solid;
	padding-top: 4px;
	font-size: 8pt;
	padding-left: 7px;
	border: black 1px solid;
	cursor: default;
	
}

.bottomContentButton
{
	margin-bottom:30px;
	position:absolute;
	right:20px;
	bottom: 5px;
	
}

.sectionContentButton
{
	position:relative;
	right:-415px;
	margin-bottom: 5px;
	
}
#paymentLabel
{
	margin-left: 148px;
}

#paymentDisplayContent
{
	font-size: 9pt;
}
.paymentMethodName
{
	float: left;
	width: 120px;
	height: 20px;
	text-indent: 2px;
}

.removePaymentLink, .removePaymentLink a
{
	text-align: right;
	font-size: .9em;
	color: Black;
	width: auto;
	height: 20px;
	padding-right: 2px;
	
}
.paymentAccountNumber
{
	float: left;
	color: #696969;
	font-style: italic;
	width: 180px;
	height: 20px;
}
.paymentAccountNumberTitle
{
	float: left;
	width: 180px;
	height: 20px;
}

.paymentAmount
{
	float: left;
	color: #125cda;
	width: 100px;
	height: 20px;
}

.paymentAmountTitle
{
	float: left;
	width: 100px;
	height: 20px;
}

.paymentStatus
{
	float: left;
	width: 60px;
	height: 20px;
	font-size: .9em
}

.paymentStatusTitle
{
	float: left;
	width: 60px;
	height: 20px;
}

.balanceDue
{
	color: #dc143c;
}
.noBalanceDue
{
	color: Green;
}
#paymentSummary
{
	height:80px;
}
.paymentSummaryLabel
{
	float: left;
	padding-left: 160px;
	width: 180px;
}
#robosmack
{
	float:right;
	background-color: White;
	border: gray 1px solid;
	padding: 5px 5px 5px 5px; 
	width: 105px;
	height: 100px;
	margin-right: 5px;
}
#fullPaymentText
{
	float: left;
	width: 390px;
}
#voucherLookupLink
{
	margin-left: 150px;
	width: 150px;
}

#voucherDetailsPanel
{
	background-color: #edebeb;
	border: gray 1px solid;
	width: 510px;
	margin-right:auto;
	margin-left: auto;
	margin-top: 8px;
	margin-bottom: 10px;
}

#voucherDetailsTitle
{
	position:relative;
	top: -8px;
	left:10px;
	width:95px;
	text-align:center;
	background-image:url('../../images/NewCSS/main-body-bg.gif');
	background-position: -15px -50px;
	font-size: 1.1em;
	font-weight: bold
}
#completeTransactionButton
{
	/*
	clear: both;
	*/
	font-size: .85em;
}
#fullpaymentArea
{
	height: 135px;
}

#waitDisplay
{
	margin-left: auto;
	margin-right: auto;
	width: 300px;
}

/*Promo Control*/
.promoTextbox
{
	width:100px;
	float:left;
	margin-right:30px;
}

/*FlightDisplay*/
.flightDisplayLabel
{
	color:Black;
}

.flightDisplayLabel a
{
	text-decoration:underline;
	color:Black;
}

#cityPairLabel
{
	color: #125cda;
	font-weight:bold;
}

#cityPairLabel a
{
	text-decoration:underline;
	color:#125cda;
}

/*Booking Display Control*/
#bookingInfo
{
	width: 520px;
	height: 110px;
}

.bookingInfoItem
{
	height: 30px;
	width: auto;
}

#recordLocatorLabel
{
	text-align: right;
	float:left;
	height:23px;
	width: 400px;	
	padding-top: 7px;
}
#recordLocator
{
	width: 110px;
	float:right;
	color: #125cda;
	font-size: 18pt;
	font-weight: bold;
	
}
#bookingStatusLabel
{
	text-align: right;
	float:left;
	width: 400px;	
	padding-top: 4px;
	
}
#bookingStatus
{
	font-size: 14pt;
	width: 110px;
	color: #10a210;
	float: right;
}
#bookingDateLabel
{
	text-align: right;
	float:left;
	width: 400px;	
	padding-top:7px;
}
#bookingDate
{
	
	width: 110px;
	font-weight: bold;
	float: right;
	padding-top:7px;
}

.priceDisplayMarketHeading
{
	float: left;
	color: #125cda;
	font-size: 9pt;
}

.priceDisplayLink a
{
	text-decoration:underline;
	color:Black;
}

.nameElementField
{
	margin-right: 2px;
}

.contactInfoName
{
	color: #125cda;
	font-size: 1.1em;
	font-weight:bold;
	margin-bottom: 5px;
}

.contactPhoneLabel
{
	width: 102px;
	float: left;
	clear: both;
	text-align: right;
	margin-right: 2px;
}

.contactPhoneNumber
{
	width: auto;
}
#seatAssignmentContent
{
	font-size: .95em;
}
#seatAssignmentHeader, #segmentHeader
{
	height: 35px;
	width: 520px;
}
.seatAssignmentItem
{
	height: 30px;
	width: 520px;
}
.seatAssignmentLeg, .boardingPassReprintLeg
{
	float: left;
	width: 80px;
	text-align: center;	
}

.seatAssignmentLeg a
{
	color: Black;
}
.seatAssignmentLeg label
{
	position: relative;
	top:-6px;
}
.seatAssignmentPaxColumn, .segmentPaxColumn
{
	float: left;
	width: 180px;	
	margin-right: 10px;
	color: #125cda;
}
.seatAssignmentPaxColumn a
{
	color: Black;
}

#priceDisplayContent
{
	font-size: .95em;
}
.priceItem
{
	width: 520px;
	height: 10px;
	padding-left: 20px;
	margin-bottom: 2px;
}

.priceDesc
{
	width: 200px;
	height: 10px;
	float: left;
}

.priceCurrencyPrefix
{
	height: 10px;
	float: left;
	width: 20px;
}

.priceValue
{
	text-align: right;
	height: 10px;
	width: 70px;
	float: left;
	margin-right: 5px;
}

.totalPriceItem
{
	width: 520px;
	height: 30px;
	padding-left: 20px;
	font-size: 10pt;
}
#totalPriceSuffix
{
	color: #125cda;
	font-weight: bold
}
#totalPriceDesc
{
	font-weight: bold;
}

#totalPriceValue input
{
	text-align: right;
	width: 60px;
	color: #125cda;
	font-weight: bold;
	border-style: none;
	background-color: Transparent;
	position:relative;
	top: -3px;
	left: 6px;
	
}

html>body #totalPriceValue input
{
	left: 0px;
}
/*PassengerDisplay*/
#passengerDisplayContent
{
	font-size: .95em;
	margin-bottom: 30px;
}

.passengerDisplayColor
{
	color: #125cda;
}

.passengerDisplayParen
{
	color:#aeaeae;
}

/*Fare Rules Display*/
.rulesMarketTitle
{
	font-size: 10pt;
	font-weight: bold;
}
.fareRuleSection
{
	padding-left: 10px;
	margin-bottom: 10px;
}
.ruleFareName
{
	font-weight: bold;
}
/*Conditions of Contract*/
#completeContract a
{
	color: Black;
}
.marketInfo
{
	margin: -16px 10px 0 0;
	width: 300;
	float: right;
	font-weight: normal;	
	font-size: .9em;
}
.marketCity
{
	font-weight: bold;
	float: left;
}

.flightInfoLine
{
	font-size: 1.1em;
	height:30px;
	margin-bottom: 10px;
}

.flightInfoDate
{
	float: left;
	width: 100px;
}
.flightInfoCodeModel
{
	text-align: right;
	float:left;
	width: 80px;
	padding-right: 20px;
}

.flightInfoModel
{
	
	color:#aeaeae;	
}

.flightInfoDetails
{
	width: 300px;
	float: right;
	clear: right;
}

/*PaymentDisplay Control*/
.paymentItem
{
	width: 520px;
	height: 35px;
	padding-left: 20px;
	margin-bottom: 2px;	
}
.paymentMethodDisplay
{
	width: auto;
	float:left;
	height: 15px;
	margin-right: 10px;
}

.paymentCodeDisplay
{
	width: 200px;
	height: 10px;
	float: left;
	color: #aeaeae;
}

.paymentStatusDisplay
{
	width: auto;
	height: 15px;
	font-size: .9em;
}
.paymentPending, .paymentUnknown
{
	color: #000099;
}

.paymentDeclined
{
	color: #dc143c;
}

.paymentApproved
{
	color: Green;
}
#totalPaymentValue, #totalPaymentSuffix
{
	color: #125cda;	
	font-weight: bold;
}
#totalPaymentValue, #totalPaymentDueValue
{
	font-size: .95em;
}
.totalPaymentItem
{
	width: 520px;
	height: 20px;
	position: relative;
	top: -10px;
	padding-left: 22px;
	font-weight: bold;
}

html>body .totalPaymentItem
{
	padding-left: 30px;
}

/*Contact Display (view2)*/

#contactDisplayContent
{
	font-size: .95em;
}

#contactDisplayHomeAddressLabel, #contactDisplayPhoneNumbersLabel, #contactDisplayEmailsLabel
{
	font-weight: bold;
	margin-bottom: 5px;
}

#contactDisplayHomeAddress, #contactDisplayPhoneNumbers, #contactDisplayEmails
{
	padding-left: 20px;
	margin-bottom: 15px;
}

.contactDisplayPhoneLabel
{
	float: left;
	width: 100px;
}

.contactPhoneLine
{
	width: 500px;
	height:15px;
}

/*Retrieve Booking*/
#bookingRetrieveSeparator
{
	height: 30px;
	width: 520px;
	font-weight: bold;
	text-align: center;
	padding-top: 15px;
	font-size: 1.1em;
}

#bookingRetrieveDetailsInfo
{
	font-size: 1.1em;
	height: 50px;
}

#bookingRetrieveContent
{
	margin-bottom: 30px;
}

/*Login Control (login page)*/
#loginContent
{
	font-size: .95em;
	margin-bottom: 30px;
}

#loginContent a
{
	color: Black;
}
#loginHeading
{
	font-weight: bold;
	margin-bottom: 5px;
}
#registerLoginLink
{
	padding-left: 150px;
	font-size: .85em;
	text-decoration:underline;
}
#forgotPasswordLink
{
	padding-left: 150px;
	font-size: .85em;
	text-decoration:underline;
}

/*Password Reset Control (find password page)*/
#passwordResetInputMember
{
	font-size: .95em;
	margin-bottom: 30px;
}
/*Modify Booking Input Control*/
#modifyBookingInputContent 
{
	font-size: .95em;
}
#modifyBookingInputContent a
{
	color: Black;
} 
#modifyBookingInputContent input
{
	position: relative;
	top: 6px;
}

#modifyBookingFlightsContent, #modifyBookingContactContent, #modifyBookingPassengerContent
{
	font-size: 9pt;
}

#modifyBookingFlightsContent input, #modifyBookingContactContent input, #modifyBookingPassengerContent input
{
	position: relative;
	top: 6px;
}

#modifyBookingFlightsContent a, #modifyBookingContactContent a, #modifyBookingPassengerContent a
{
	color: Black;
}

#modifyBookingFlightsContent .alertLink, #modifyBookingContactContent .alertLink, #modifyBookingPassengerContent .alertLink
{
	text-decoration: none;
}

/*Availability Search (view 3)*/
#marketStation1, #marketStation2
{
	font-weight: bold;
	margin: 15px 0 5px 0;
	height: 15px;
}
.availabilityMarketNote
{
	font-size: 8pt;
	color: #125cda;	
}

/*Booking List*/
.sortCategory
{
	text-align:left;
	height:20px;
	padding-top:8px;
}

.sortingLinks
{
	float:left;
	width:13px;
	height:20px;
}

.bookingSortLinks, .bookingRecordsName
{
	width:80px;
	height:30px;
	float:left;
}

.bookingSortLinks1
{
	width:60px;
	height:30px;
	float:left;
}

.bookingRecords
{
	padding-left:2px;
	margin-top:7px;
	width:80px;
	height:30px;
	float:left;
}

.bookingRecords1
{
	padding-left:2px;
	margin-top:7px;
	width:60px;
	height:30px;
	float:left;
}

.bookingRecordLinks
{
	width:140px;
	height:10px;
	float:right;
}

.bookingListSeparator
{
	border-top-color:#2b53a8;
	border-top-style:solid;
	border-top-width:1px;
}

.bookingListIcon
{
	width:30px;
	height:10px;
	float:left;
	margin-bottom:5px;
}

/*Links*/
.staticHeadText
{
	color: #125cda;
	font-size: 1.25em;
}

.staticHeadText a
{
	color: #125cda;
	text-decoration:underline;
}

.staticItemText
{
	color: Black;
	float: left;
}

.staticItemText a
{
	color: Black;
	text-decoration:underline;
}

/*bookingRetrieveInput*/
#searchWebCheckinContent
{
	height:340px;
}


/*SecurityQuestionsInput*/
#securityQuestionContent
{
	font-size: 9pt;
}

#securityQuestionsHeader
{
	height: 15px;
	font-weight: bold;
	text-align: center;
}
.securityQuestionsYesColumn, .securityQuestionsNoColumn
{
	float: left;
	width: 40px;
}
.securityQuestionsYesColumn input, .securityQuestionsNoColumn input
{
	
	margin-left: 8px;
}

.securityQuestionsItem
{
	height: 20px;
}
.securityQuestionsQuestionColumn
{
	padding-top: 5px;
}
#checkInPassengerInputContent
{
	font-size: 9pt;
}

#checkInPassengerInputContent a 
{
	color: Black;
}

#scrollDiv
{
	width: 220px;
	height: 110px;
	overflow: auto;
	background-color: White;
	border-color: #666666 #CCCCCC #CCCCCC #666666;
	border: 1px solid;
	position: relative;
	margin-left: 150px;
}

/*MealLegDisplay*/
.segmentInfo
{
	float:left;
	width:50px;
	height:10px;
}

#ssrDescAndPrice, #ssrSegmentDescription
{
	border-top:dashed 1px #aeaeae;
	width:40%;
	margin-bottom:2px;
}

.commonSegmentInfo
{
	font-size:.9em;
}

#paxName
{
	border-top:solid 1px;
	width:40%;
}

/*SSRSegmentDisplay*/
.ssrSegment
{
	width:220px;
	height:15px;
}

.ssrSegmentInfo
{
	width:100px;
	height:15px;
}

#checkinAgreementInputContent
{
	font-size: 9pt;
}

#checkInContent
{
	font-size: 9pt;
}

#seatMapMainBody
{
	height: 451px;
}
#seatGrouplegendArea
{
	width: 180px;
	height:350px;
	margin-top: 10px;
}
#seatMap
{
	width: 356px;
	height: 400px;
	background-image: url('../../images/NewCSS/back-clouds.jpg');
	background-repeat: no-repeat;
	position: absolute;
	top: 142px;
	border: thin solid #aeaeae;
	padding-left:2px
}

/*Firefox happiness*/
html>body #seatMap
{
	width: 356px;
	height: 400px;
	background-image: url('../../images/NewCSS/back-clouds.jpg');
	background-repeat: no-repeat;
	position: absolute;
	top: 130px;
	left: 180px;
	border: thin solid #aeaeae;
	padding-left:2px
}

.seatGroupLegendBox	{
	width:15px;			
	height:15px;
	border-style:solid;		
	overflow:hidden;
	border-width:1px;
	border-color:#000000;	
	background:transparent;
	margin:2px;
	float:left	
}
.seatGroupLegendItem
{
	height:15px;
	width: 60px;
	float: left;
	margin: 0 10px 5px 5px;
}
.seatingZonesHeader
{
	float: left;
	width: 180px;
}
.seatMapDivWithButtons
{
	width: 356px;
	height: 400px;
	overflow: auto;
	border-width: 1px;
	background: transparent;
	z-index: 1;
	position: absolute;
}
.seatMapWaitLabel
{
	display:block;
	margin-left: 80px;
	margin-top: 150px;
	
}
.seatSelected			{cursor:help;}
.seatAvailable			{cursor:pointer;}
.rowNumber				{ color:#333333; font-size:11px; font-family:Arial, Helvetica, Verdana; font-weight:bold;	text-align:center; width: 26px;}/*padding-right=7px;padding-left=7px} */

/*Seat Assigment*/
.seatAssignmentSegmentHeader
{
	float: left;
	width: 45px;
}
#seatAssignmentSegmentHeaders
{
	padding-left: 50px;
	width: 140px;
	height: 45px;
}
#seatAssignmentLineItems
{
	width: 190px;
	padding-top: 5px;
	clear: left;
	height: 25px;
	
}
.seatAssignmentPaxItem
{
	float: left;
	height: 25px;
	vertical-align: middle;
}
.seatAssignmentPaxItem a
{
	vertical-align: middle;
	height: 25px;
	display: block;
	font-size: .85em;
	width: 50px;
	vertical-align: middle;
}
.seatAssigmentSegmentItem
{
	width: 45px;
	float: left;
}

#paymentInputChangeSeat
{
	position: relative;
	top: 10px;
	left: 10px;
}
html>body #paymentInputChangeSeat
{
	position: relative;
	top: -5px;
	left: 10px;
}
#paymentInputChangeSeat a
{
	font-weight: bold;
	color: Black;
}
#reprintBoardingPassContent
{
	font-size: 9pt;
}
#errorBaseMessage
{
	width: 800px;
	
	margin-top: 50px;
}

/*Currency Converter*/
.currencyConverterDiv
{
	width:340px;
	height:20px;
}

#currencyConverterControlDiv
{
	border:solid 1px black;
	margin:5px;
}

#ccButtonClose
{
	
	height:25px;
	width:340px;
}

.agentCount
{
	float: right;
	margin: -16px 10px 0 0;
	width: 300px;
	text-align: right;
	color: #696969;
}
#findAgentsButton
{
	float: right;
}
#agentListHeader
{
	border-top: #808080 1px solid;
	border-bottom: #808080 1px solid;
}
.agentListItemHeader
{
	height:15px;
	margin-left: 3px;
	font-weight: bold;
}
#agentNameHeader
{
	float: left;
	width: 200px;
}
.sortingImages
{
	height: 25px;
	width: 13px;
}
.gridHeaderLabel
{
	float:left;
	padding-top: 7px;
	margin: 0 2px 0 0;
}

.agentNameItem
{
	float: left;
	width: 200px;
	margin-left: 5px;
}
.agentStatusItem
{
	width: 200px;
	float:left;	
}

.agentEditLinkItem
{
	text-align: right;
	width: 100px;
	
}
.agentEditLinkItem a
{
	color: Black;
}
#agentListGridBody
{
	font-size:9pt;
}

/*SSRSegmentInput*/
#ssrNote
{
	width:520px;
	height:15px;
	font-size:9pt;
}

.departureArrivalStations
{
	width:520px;
	height:15px;
	font-size:9pt;
	margin-top:15px;
}

.ssrInfoFields
{
	width:170px;
	height:15px;
	font-size:9pt;
	margin-top:5px;
	float:left;
}

.ssrHeaderDescriptions
{
	width:170px;
	height:15px;
	font-size:9pt;
	float:left;
}