/* Page architecture */
@media screen{.print{display:none;}}
@media print{.print{display:none;}} /* unless specified print page as displayed on screen. Let the page override when necessary. */

/* Begin main site wrapper */
.pagewrapper{margin-left:auto;margin-right:auto;width:816px;}
.datinfo{margin-left:5px;height:210px;width:99%;}
.header,.wrappercontent,.footer{width:816px;}
.header{height:104px;background:url(../images/layout/header_main.png) no-repeat; /*IE6 hack*/ _background:url(../images/layout/header_main.jpg) no-repeat;}
.header .logo{float:left;clear:left;padding-left:8px;}
.headerlogin{float:right;clear:right;padding:10px 28px 0 0;}
.headerlogin span.pipe{padding-left:3px;padding-right:4px;font-size:1.1em;}
.feedback{float:right;clear:right;padding:2px 28px 0 0;display:none;}
.feedback a{color:#fefe00;text-decoration:underline;}
/*
	added position:relative because the top nav was showing behind the data on the boarding pass
	also the z-index cannot be set higher than 45 if position:relative exists
	otherwise the top nav will bleed through the popover background when an error occurs
*/
.mainnav{position:relative;float:left;clear:left;padding:5px 0 0 29px;z-index:45;}
.searchcontainer{float:right;padding:0 20px 0 0;margin:6px 0 0 0;}
.contactUs{float:left;clear:left;padding:2px 0 0 0;}
.contactUs .pipe{font-size:1.2em;}
.googlesearch{float:left;clear:none;}
.googlesearch input{background:#fff url(../images/layout/site_search_bg.jpg) no-repeat 0 25%;width:150px;}
.googlego{float:left;clear:right;}
.googlego input,.googlego img{padding:3px 0 0 4px;}
.wrappercontent{height:auto;background:url(../images/layout/content_wrapper_bg.png) repeat-y; /*IE6 hack*/ _background:url(../images/layout/content_wrapper_bg.jpg) repeat-y;}
.wrappercontentbody{height:auto;padding:20px 33px 20px 33px;}
.footer{height:63px;background:url(../images/layout/footer.png) no-repeat top;text-align:center;padding:20px 0 0 0; /*IE6 hack*/ _background:url(../images/layout/footer.jpg) no-repeat top;}
/* End main site wrapper */

/* Begin inside containers */
.container{height:auto;margin-top:20px;background-color:#fff;}
.containermodal{height:auto;margin-top:20px;background-color:transparent;}
.containerfull{width:750px;}
.containerlarge{width:553px;}
.containermedium{width:440px;}
.containerhalf{width:365px;}
.containersmall{width:290px;}
.containeronethird{width:241px;}
.admodwt{width:201px; /*IE6 hack*/ _width:199px;} /* used to set the width of the confirmation page ads within double click */
.onethirdht{height:124px;} /* used to set the height of confirmation page ads within double click */
.containerxsmall{width:177px;}
.headerfull{width:710px;}
.headerlarge{width:513px;}
.headermedium{width:400px;}
.headerhalf{width:325px;}
.headersmall{width:250px;}
.headeronethird{width:201px;}
.headerxsmall{width:137px;}
.footerfull{width:726px;}
.footerlarge{width:529px;}
.footermedium{width:416px;}
.footerhalf{width:341px;}
.footersmall{width:266px;}
.footeronethird{width:217px;}
.footerxsmall{width:153px;}
.gradientsmall{background:url(../images/layout/content_gradient_small.jpg) repeat-x bottom;}
.gradientmedium{background:url(../images/layout/content_gradient_medium.jpg) repeat-x bottom;}
.gradientlarge{background:url(../images/layout/content_gradient_large.jpg) repeat-x bottom;}
.nogradient{background:url(../images/layout/content_gradient_none.gif) repeat-x bottom;} /* needed to keep the content container borders from breaking in IE6 */
.containerBL{float:left;clear:left;background:url(../images/layout/containerBL.jpg) no-repeat;height:12px;width:12px;}
.containerBLmodal{float:left;clear:left;background:url(../images/layout/containerBL_modal.gif) no-repeat;height:12px;width:12px;}
.containerBLgradient{float:left;clear:left;background:url(../images/layout/containerBL_gradient.jpg) no-repeat;height:12px;width:12px;}
.containerBR{float:left;clear:right;background:url(../images/layout/containerBR.jpg) no-repeat;height:12px;width:12px;}
.containerBRmodal{float:left;clear:right;background:url(../images/layout/containerBR_modal.gif) no-repeat;height:12px;width:12px;}
.containerBRgradient{float:left;clear:right;background:url(../images/layout/containerBR_gradient.jpg) no-repeat;height:12px;width:12px;}
.containercontent{border-left:#b5bdc6 solid 1px;border-right:#b5bdc6 solid 1px;}
.containercontentmodal{clear:both;background-color:#fff;border-left:#b5bdc6 solid 1px;border-right:#b5bdc6 solid 1px;}
.containerfooter,.containerfootergradient{float:left;clear:none;background-repeat:repeat-x;height:12px;}
.containerfooter{background-image:url(../images/layout/container_footer.jpg);}
.containerfootergradient{background-image:url(../images/layout/container_footer_gradient.jpg);}
.containerheader{float:left;clear:none;background:url(../images/layout/container_header_gradient.jpg) repeat-x;height:34px;}
.containerTL{float:left;clear:left;background:url(../images/layout/containerTL.jpg) no-repeat;height:34px;width:20px;}
.containerTLmodal{float:left;clear:left;background:url(../images/layout/containerTL_modal.gif) no-repeat;height:34px;width:20px;}
.containerTR{float:left;clear:right;background:url(../images/layout/containerTR.jpg) no-repeat;height:34px;width:20px;}
.containerTRmodal{float:left;clear:right;background:url(../images/layout/containerTR_modal.gif) no-repeat;height:34px;width:20px;}
.containerTLnogradient{float:left;clear:left;background:url(../images/layout/containerTL_nogradient.gif) no-repeat;height:10px;width:20px;}
.containerheadernogradient{float:left;clear:none;background:url(../images/layout/container_header_nogradient.gif) repeat-x;height:10px;}
.containerTRnogradient{float:left;clear:right;background:url(../images/layout/containerTR_nogradient.gif) no-repeat;height:10px;width:20px;}
.contentbody{margin:0 20px 0 20px;padding-bottom:10px;}
.contentbodymodal{position:relative;margin:0 20px 0 20px;padding-bottom:10px;}
.contentbodynomargin{margin:0;height:auto;}
.contentbodynopadding{margin:0 20px 0 20px;height:auto;}
.headerlinks{float:right;text-align:right;margin:9px 0 0 0;}
.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 */
.contentbodyspacingxsm{clear:both;height:5px;}
.contentbodyspacingsm,.topspacing{clear:both;height:10px;}
.contentbodyspacingmd{clear:both;height:15px;}
.contentbodyspacing,.contentbodyspacinglg{clear:both;height:20px;}
.contentbodyspacingxlg{clear:both;height:25px;}
/* End inside containers */

/* Remove once the double click requirements have been finalized */
/* Begin partnership bar */
.partnerbar{float:left;width:750px;height:90px;background:url(../images/layout/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 misc items */
td.hr,div.hr{margin:0;padding:0;height:4px;background:url(../images/layout/itin_hr.gif) top left repeat-x;}
td.dottedhr{background:url(../images/icons/dots.gif) repeat-x;height:4px;padding:0;}
.bmodule{float:left;background:url('../images/layout/banner_module.gif') no-repeat;height:116px;width:750px;}
.bmodule .bnr{height:90px;width:728px;margin:13px 0 0 11px;}
/* End misc items */

/* Begin advanced/modify search */
.msAirport{width:153px;}
.msCityLabel{padding:3px 3px 2px 0;}
.msDateLabel{padding:3px 3px 2px 0;}
.msAirportSpacing{float:left;width:15px;}
.msAirportDateSpacing{float:left;width:50px;}
.msDateTimeSpacing{float:left;width:5px;}
.msTravelDatesSpacing{float:left;width:20px;}
.selfareoptions{width:130px;} /* modify search fare options drop-down */
.controlradiofares{float:left;clear:none;width:auto;height:auto;margin:0 20px 0 0;}
.controlradiofares input,.controlradiosearchby input{vertical-align:middle;}
.controlradiofares label,.controlradiosearchby label{vertical-align:middle;}
.checkBoxStyle{border:none;}
.checkBoxStyle input{border:none;background:none;}
.checkBoxStyle label{border:none;padding-right:20px;}
/* End advanced/modify search */

/* 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 two column layouts */
.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 two column layouts */

/* Begin wizard steps */
.wizardsteps{height:23px;padding:0 0 0 5px;margin:0;}
.wizardsteps ul{padding:0;margin:0;}
.wizardsteps li{float:left;list-style-type:none;padding:0;margin:0;font-size:1.3em;font-weight:normal;text-decoration:none;}
.wizardsteps .text{float:left;padding:3px 0 0 0;height:20px;}
.wizardsteps .arrow{float:left;background:url(../images/icons/ptarrow.gif) no-repeat center;padding:1px 8px 0 8px;height:22px;width:23px;}
.wizardsteps .off{background-image:url(../images/icons/ptcircleoff.gif);}
.wizardsteps .on{background-image:url(../images/icons/ptcircleon.gif);}
.wizardsteps .off,.wizardsteps .on{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:1em;font-weight:normal;color:#fff;height:21px;width:22px;text-align:center;float:left;margin:0;background-repeat:no-repeat;padding:2px 5px 0 0;background-color:#fff;}
/* End wizard steps */

/* Begin title bar links */
.headertools{float:right;padding:0;text-align:right;margin:10px 0 0 0;}
.headertools ul{float:left;margin:0;padding:0;}
.headertools li{float:left;list-style-type:none;margin-left:20px;}
.headertools ul img{margin-right:5px;border:none;vertical-align:-4px;}
/* End title bar links */

/* Begin side by side city pair */
.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(../images/icons/arrow_circle.gif) no-repeat center;padding:1px 0 0 0;height:18px;width:18px;}
.citypairdate{padding:1px 0 0 20px;}
/* End side by side city pair */

/* Begin one line city pair */
.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%;}
/* End one line city pair */

/* Begin count drop-downs */
.passengers{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{float:left;clear:none;width:19%;height:auto;}
/* End count drop-downs */

/* Begin special needs */
span.primaryneed{padding-top:5px;padding-bottom:1px;padding-left:1px;margin-left:-2px;*margin-left:-5px;_margin-left:-5px;}
span.subneeds{padding-bottom:5px;padding-top:5px;padding-left:30px;}
/* End special needs */

/* Begin icon legend */
/* Used in booking, pnrmod and checkin */
/* Once the rewrite of the icon legend control is in Soft Launch, .legend and .legendalt can be deleted - jsheets - 02/19/2009 */
.legend{width:430px;}
.legend ul{margin:0;padding:0;}
.legend ul li{float:left;list-style-type:none;width:200px;padding-right:15px;padding-bottom:5px;height:30px;}
.legend ul li div{float:left;width:36px;margin-right:5px;}
.legend ul li img{margin-right:5px;margin-bottom:2px;}
.legend ul li span{display:block;margin-left:41px;}

.legendalt ul{margin:0;padding:0;}
.legendalt ul li{float:left;list-style-type:none;width:275px;padding-bottom:5px;height:20px;}
.legendalt ul li div{float:left;width:36px;margin-right:5px;}
.legendalt ul li img{margin-right:5px;margin-bottom:2px;}

/* New classes for the icon legend control rewrite  */
.sublgnd { width:430px }
.sublgnd ul { margin:0; padding:0 }
.sublgnd ul li { float:left; list-style-type:none; width:200px; padding-right:15px; padding-bottom:5px; height:30px }
/*.sublgnd ul li div { float:left; width:36px; margin-right:5px }*/
.sublgnd ul li img { float:left; margin-right:5px; margin-bottom:2px }
.sublgnd ul li span { display:block; margin-left:41px }

.sublgndalt ul { margin:0;padding:0 }
.sublgndalt ul li { float:left; list-style-type:none; width:275px; padding-bottom:5px; height:20px }
/*.sublgndalt ul li div { float:left; width:36px; margin-right:5px }*/
.sublgndalt ul li img { float:left; margin-right:5px; margin-bottom:2px }

/* End icon legend */

/* Begin Passenger Information */
.passinfo{width:100%;background-color:transparent;}
.passinfo td.headerrow{color:#277db2;font-size:1.1em;font-weight:bold;height:40px;background-color:#ecf4f8;}
.passinfo td.cell{padding-top:8px;padding-right:15px;} /* had to apply a class to each td instead of a generic td rule because the generic td rule is affecting the nested td's. */
.passinfo .small{width:110px;}
.passinfo .medium{width:160px;}
.passinfo .large{width:220px;}
.passinfo .xlarge{width:390px;}
.passinfo .fname{width:90px;}
.passinfo .lname{width:90px;}
.passinfo .dob input,.passinfo input.dob,.lblpsngr{width:65px;}
.passinfo .ffnumber{width:90px;}
.passinfo .airpartner{width:120px;}
.passinfo .specialneeds{width:105px;padding:10px 0 0 0;}
.passinfo .delete{padding:10px 5px 0 0;}
.passinfo .dodemail{width:155px;}
.passinfoodd{background-color:transparent;}
.passinfoeven{background-color:#f7f8f9;}
/* End Passenger Information */

/* Begin Trip Details Control */
.flights{width:100%;clear:both;}
.flights th{background-color:#ecf4f8;padding:10px 0 10px 0;text-align:center;}
.flights td.fltcell{border-collapse:collapse;padding-top:12px;padding-bottom:6px;background-color:#fff;text-align:center;}
.flights .spacer{border-bottom:1px solid #ccc;height:15px;}
.flights .extra{width:110px;}
.flights .pricehighlight{background:#f1f0ec;padding:12px 0 6px 0;}
.potripdetails{width:667px;}
.potripdetails .hr{display:none;}
.potripdetails div.msgholder{padding-left:22px;}
/* Begin Trip Details Control */

/* Begin stop:change planes */
.changeplane{width:100%;margin-top:5px;}
.changeplane td.stop{text-align:right;white-space:nowrap;padding:0 5px 0 75px;font-size:.9em;color:#277db2;}
.changeplane td.dots{background:url(../images/icons/dots2.gif) repeat-x;height:8px;padding:0;width:100%;}
/* End stop:change planes */

/* Begin Editable Credit Card Div */
.editcc div{overflow-x:hidden;font-size:1em;padding:2px;border:1px solid #708090;background:#fff url(../images/layout/inputbox_shadow.gif) left top;display:inline-block;}
.editcc div:focus{outline:none;}
.editcc input{width:151px;}
.ccdim div{width:149px;height:13px;cursor:text;} /* height is needed for Firefox */
/* End Editable Credit Card Div */

/* Begin sorting headers */
a.sortable:hover,a.sortable:focus,.sortable a:hover,.sortable a:focus{color:#c67f00;text-decoration:underline;outline:none;}
.sorticon{margin-left:2px;}
/* End sorting headers */

/* Begin need help popover */
.needhelplinks{padding:15px 0 5px 0;width:350px;}
.needhelplinks ul{margin:0;padding:0;}
.needhelplinks li{list-style-type:none;padding:5px 0;}
.needhelplinks img{margin-right:10px;vertical-align:middle;}
/* End need help popover */