/* PAGE ARCHITETCURE */
body { margin-top:0; margin-bottom:20; }

/* BEGIN MAIN SITE WRAPPER */
.pagewrapper { margin-left:auto; margin-right:auto; width:816px }
.header, .wrappercontent, .footer { width:816px }
.header { height:104px; background:url(../_img/main_header.jpg) no-repeat }
.header img { position:relative; float:left; clear:left; padding-left:8px }
.headerlogin { position:relative; float:right; clear:right; padding:10px 28px 0 0 }
.headerloggedin { position:relative; float:right; clear:right; width:300px; height:auto; margin:10px 35px 30px 0 }
.welcome { position:relative; float:right; clear:right; width:auto }
.namemiles { position:relative; float:right; clear:none; width:auto; height:auto }
.username label p { clear:none }
.username { position:relative; float:right; clear:right; width:auto }
.miles { position:relative; float:right; clear:right; width:auto }
.iconcontainer { position:relative; float:right; clear:right; height:100%; width:16px }
.membericon { position:relative; float:right; clear:right; height:auto; width:15px; margin-bottom:2px }
.alerticon { position:relative; float:right; clear:right; height:auto; width:15px }
.mainnav { position:relative; float:left; clear:left; padding:5px 0 0 23px; z-index:10000 }
.searchcontainer { position:relative; float:right; padding:0 20px 0 0; margin:6px 0 0 0 }
.contactUs { position:relative; float:left; clear:left; padding:2px 0 0 0 }
.googlesearch { position:relative; float:left; clear:none }
.googlesearch input { background:#fff url(../_img/google_site_search.jpg) no-repeat 0 25%; width:150px }
.googlego { position:relative; float:left; clear:right }
.googlego img { padding:3px 0 0 4px }
.wrappercontent { height:auto; background-image:url(../_img/bg_content_wrapper.jpg); background-repeat:repeat-y }
.wrappercontentbody { height:auto; padding:20px 33px 20px 33px }
.footer { height:27px; background:url(../_img/blue_footer.jpg) no-repeat; text-align:center; padding:20px 0 0 0; background-position:top }
/* END MAIN SITE WRAPPER */

/* BEGIN INSIDE CONTAINERS */
.container { /*position:relative;*/ float:left; height:auto; margin-top:20px }
.containerfull { width:750px }
.containerlarge { width:553px }
.containermedium { width:440px }
.containerhalf { width:365px }
.containersmall { width:290px }
.containeronethird { width:241px }
.containerleftnav { width:177px }
.headerfull { width:710px }
.headerlarge { width:513px }
.headermedium { width:400px }
.headerhalf { width:325px }
.headersmall { width:250px }
.headeronethird { width:201px }
.headerleftnav { width:137px }
.footerfull { width:726px }
.footerlarge { width:529px }
.footermedium { width:416px }
.footerhalf { width:341px }
.footersmall { width:266px }
.footeronethird { width:217px }
.footerleftnav { width:153px }
.gradientsmall { background:url(../_img/content_gradient_small.jpg) repeat-x bottom }
.gradientmedium { background:url(../_img/content_gradient_medium.jpg) repeat-x bottom }
.gradientlarge { background:url(../_img/content_gradient_large.jpg) repeat-x bottom }
.nogradient { background:url(../_img/content_gradient_none.gif) repeat-x bottom } /* needed to keep the content container borders from breaking in IE6 */
.containerBL { position:relative; float:left; clear:left; background:url(../_img/containerBL.jpg) no-repeat; height:12px; width:12px }
.containerBLgradient { position:relative; float:left; clear:left; background:url(../_img/containerBL_gradient.jpg) no-repeat; height:12px; width:12px }
.containerBR { position:relative; float:left; clear:right; background:url(../_img/containerBR.jpg) no-repeat; height:12px; width:12px }
.containerBRgradient { position:relative; float:left; clear:right; background:url(../_img/containerBR_gradient.jpg) no-repeat; height:12px; width:12px }
.containercontent { height:auto; border-left:#b5bdc6 solid 1px; border-right:#b5bdc6 solid 1px }
.containerfooter, .containerfootergradient { position:relative; float:left; clear:none; background-repeat:repeat-x; height:12px }
.containerfooter { background-image:url(../_img/container_footer.jpg) }
.containerfootergradient { background-image:url(../_img/container_footer_gradient.jpg) }
.containerheader { position:relative; float:left; clear:none; background:url(../_img/container_header_gradient.jpg) repeat-x; height:34px }
.containerTL { position:relative; float:left; clear:left; background:url(../_img/containerTL.jpg) no-repeat; height:34px; width:20px }
.containerTR { position:relative; float:left; clear:right; background:url(../_img/containerTR.jpg) no-repeat; height:34px; width:20px }
.contentbody { margin:0 20px 0px 20px; height:auto; padding-bottom:10px }
.contentbodynomargin { margin:0; height:auto }
.headerlinks { float:right; padding:0; text-align:right; margin:9px 0 0 0 }
.clear { clear:both }
.leftmargin { margin-left:13px } /* Used when there are 3 onethird containers in a row ! */
.notopmargin { margin-top:0 } /* Used when an inside container is first within the body section of a page */
.contentbodyspacing { clear:both; height:20px }
.topspacing { clear:both; height:10px }
/* END INSIDE CONTAINERS */

/* BEGIN PARTNERSHIP BAR */
.partnerbar { float:left; width:750px; height:90px; background:url(../_img/partnershipbar.jpg) no-repeat }
.partnerbar ul { margin:0; padding:17px 0 0 25px }
.partnerbar ul li { float:left; list-style-type:none; width:325px }
.partnerbar ul li.spacing { padding-right:50px }
.partnerbar ul li h2 { margin-bottom:5px }
.partnerbar ul li h2 img { margin-left:5px; vertical-align:bottom }
.partnerbar ul li a img { float:left; margin:0 15px 0 0 }
.partnerbar ul li h4 { margin-top:7px }
/* END PARTNERSHIP BAR */

/* BEGIN GLOBAL BUTTON STYLE */
.btnLeft { background:url(../_img/buttonLeft.gif) no-repeat; height:20px; width:5px; padding:0 }
.btnMiddle { background:url(../_img/buttonMiddle.gif) repeat-x; height:20px; line-height:20px }
.btnRight { background:url(../_img/buttonRight.gif) no-repeat; height:20px; width:5px; padding:0 }
/*.btnText { color:#fff; font-weight:bold; font-size:11px; padding:0 25px; cursor:pointer }*/
.btnText { display:block; color:#fff; font-weight:bold; font-size:11px; width:130px; cursor:pointer; text-align:center }
/* END GLOBAL BUTTON STYLE */

/* BEGIN GLOBAL SPACING FIXES */
.fleft { float:left }
.fright { float:right }
.cleft { clear:left }
.cnone { clear:none }
.cright { clear:right }
.spacenone { margin:0 }
.spacetopxsm { margin-top:5px }
.spacetopsm { margin-top:10px }
.spacetopmd { margin-top:20px }
.spacetoplg { margin-top:30px }
.spacerightxsm { margin-right:5px }
.spacerightsm { margin-right:10px }
.spacerightmd { margin-right:20px }
.spacerightlg { margin-right:30px }
.spacebottomxsm { margin-bottom:5px }
.spacebottomsm { margin-bottom:10px }
.spacebottommd { margin-bottom:20px }
.spacebottomlg { margin-bottom:30px }
.spaceleftxsm { margin-left:5px }
.spaceleftsm { margin-left:10px }
.spaceleftmd { margin-left:20px }
.spaceleftlg { margin-left:30px }
.nopadding { padding:0 }
.padrightxsm { padding-right:5px }
.padrightsm { padding-right:10px }
.padrightmd { padding-right:20px }
.padrightlg { padding-right:30px }
.padleftxsm { padding-left:5px }
.padleftsm { padding-left:10px }
.padleftmd { padding-left:20px }
.padleftlg { padding-left:30px }
.padtopxsm { padding-top:5px }
.padtopsm { padding-top:10px }
.padtopmd { padding-top:20px }
.padtoplg { padding-top:30px }
.padbottomxsm { padding-bottom:5px }
.padbottomsm { padding-bottom:10px }
.padbottommd { padding-bottom:20px }
.padbottomlg { padding-bottom:30px }
.htxsm { height:5px }
.htsm { height:10px }
.htmd { height:15px }
.htlg { height:20px }
.htxlg { height:25px }
.htxxlg { height:30px }
/* END GLOBAL SPACING FIXES */

/* BEGIN BORDERS */
.topborder { border-top:1px solid #ccc }
.rightborder { border-right:1px solid #ccc }
.bottomborder { border-bottom:1px solid #ccc }
.leftborder { border-left:1px solid #ccc }
/* END BORDERS */

/* BEGIN 2 COLUMN INSIDE CONTAINERS */
.twocolumn { clear:both }
.twocolumn .left { float:left; clear:left; width:45% }
.twocolumn .right { float:right; clear:right; width:48%; padding-left:20px }

.origitin, .nextday { margin-top:4px }
.origitin ul, .nextday ul { margin:0; padding:0 }
.origitin li { float:left; list-style-type:none; margin:0 10px 0 0 }
.nextday li { list-style-type:none; padding-top:5px }
/* END 2 COLUMN INSIDE CONTAINERS */

.wait { height:100%; padding:100px 0 100px 0 }
/*.iconcal { vertical-align:top; padding-top:3px }*/
.iconcal { vertical-align:-1px }
/*.icon { vertical-align:top; padding-top:2px }*/
.icon { vertical-align:0 }
.noborder { border:none }
.chkbox { float:left; margin:5px 10px 0 0 }
.radiobtn { vertical-align:middle }
.valignmid { vertical-align:middle }
.valigntop { vertical-align:top }
.hand { cursor:pointer }
.textleft { text-align:left }
.textright { text-align:right }
.textcenter { text-align:center }
.back2mockups { font-size:1.1em; font-weight:bold; margin-top:20px; text-align:right }
.back2mockups a { color:#c67f00 }
/*
.erroricon { float:left; clear:left; width:15% }
.errormsg { float:left; clear:none; width:85% }
*/
td.dottedhr { background:url(../_img/dots.gif) repeat-x; height:4px; padding:0 }

/* smart cities */
.sclist { float:left; background:url("../templates/_img/sc-btm-right.gif") no-repeat right bottom }
.sclist ul { background:url('../templates/_img/sc-gradient.gif') repeat-x bottom; margin:0; padding:5px 0 5px 0; list-style:none none; font-size:1.1em; border:2px solid #b5bdc6; border-bottom:none }
.sclist li { padding:0 10px 0 10px; line-height:1.8em; color:#24427c; font-weight:bold; cursor:pointer }
.sclist li.off { background-color:none; color:#24427c }
.sclist li.on { background-color:#2f5296; color:#fff }
.sclist div.bcurve { float:left; height:38px; background:url("../templates/_img/sc-btm-left.gif") no-repeat }
.sclist div.bcurve div.findairport { padding:11px 0 0 12px; font-size:1.1em }

/* find airport */
.lookuplist { clear:both; width:100%; margin:15px 0 10px 0 }
.lookuplist tr.gray { background-color:#f7f7fa }
.lookuplist th { padding:10px 0; background-color:#ecf4f8; font-weight:bold }
.lookuplist td { padding:10px 0; border-bottom:1px solid #ccc }
.lookuplist td.col1, .lookuplist th.col1 { padding-left:10px; padding-right:30px }
.lookuplist td.col2, .lookuplist th.col2 { padding-right:20px }
.lookuplist td.col3, .lookuplist th.col3 { padding-right:10px; text-align:center }
.lookuplist td.col4 { padding-right:10px }
.selfindairport { width:230px }

/* original */
.citypair { margin-bottom:5px; width:97% }
.citypair ul { margin:0; padding:0 }
.citypair li { float:left; list-style-type:none; line-height:1.9em; margin:0 10px 0 0 }
.citypair .arrow { float:left; background:url(../_img/icon_CircleArrow.gif) no-repeat center; padding:1px 0 0 0; height:18px; width:18px }
.citypairdate { padding:1px 0 0 20px }

/* revised */
.tblcitypair { width:100% }
.tblcitypair td.column1 { width:95%; vertical-align:top }
.tblcitypair td.column1 span.date { font-weight:normal; line-height:1.6em; font-size:.8em; margin-right:2px }
.tblcitypair td.column2 { padding-right:20px; vertical-align:top; text-align:right; padding-top:2px }
.tblcitypair td.lffcol1 { vertical-align:top; width:65% }
.tblcitypair td.lffcol2 { vertical-align:top; text-align:right; width:35% }
.citypairarrow { vertical-align:-30% }

.passengers { position:relative; float:left; clear:left; width:500px; margin:10px 0 0 0 }
.passengers ul { margin:0; padding:0 }
.passengers li { float:left; list-style-type:none; padding:0 25px 4px 0 }
.controlselect { position:relative; float:left; clear:none; width:19%; height:auto }

/* 404 page */
.errorlist ul { margin-top:20px; margin-bottom:10px }
.errorlist ul li { line-height:3em }