@charset "utf-8";
/***********************************************************************
 * component.css
 * $Revision: 4907 $
 * $Date: 2011-10-17 14:58:31 -0400 (Mon, 17 Oct 2011) $
 * $Author: bscuderi $
 ***********************************************************************/
/*

©2007 AAA All Rights Reserved
Authors - Johnny Newberry, Ilene Jones, Rick Short, Terry Pappy

Padding Reference - to keep style sheets smaller, the padding is accomplished by chaining values using one selector.
The order of assignment is clockwise, starting at the top- Top Right Bottom Left - An example follows
padding: 10px 0px 0px 10px would apply 10 pixels of padding to the top, 0 pixels to the right and bottom, and 10 pixels to the left

Document Structure:
This document contains the default placement for each component.  These settings can be overridden on an individual page by adding the style to be overridden to the page level css.  

example, placing this in the page level css would change the checkbox from having a default of 3px right margin to a 5px right margin on the page the setting is found on...

.aaa2 .checkBox {
	margin-right: 5px;
}

There are some places where styles specific to IE were necessary to lay the page out properly.  In those cases, we did our best to use structure which would allow for easy understanding of the CSS, however most of the CSS found in this positioning document is ADVANCED.  Please use care when overriding these styles, or the page level styles, as they may work in one browser, but not in another if overridden.

.box {
   background: #00f;   * all browsers including Mac IE *
   *background: #f00;  * IE 7 and below *
   _background: #0f0;  * IE 6 and below *
   _bac\kground: #f60; * IE 6 only *
	
	margin: 10px !important; * all except IE 6 and below *
	margin: 5px;			 * ie6 and below (ignores !important)
	margin: 5px ! important  * ie6 only follows
	
   padding: 7px;
   color: #fff;
}

Default component placement classes follow.
	
*/
/* Added to give some white space between top menu and secondary header */
.aaa2 .heading2 {
   min-height: 24px;
   padding-top: 7px;
}
.aaa2 .checkBox {
	margin-right: 3px;
	border: 0px;
}
/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.  */
.aaa2 .CollapsiblePanel {
	margin: 0px;
	padding-left:5px;
	padding-right: 0px;
	padding-left:0px;
	width: 590px;
}
/*Defines padding for the collapsible panel content when it is in a closed state*/
.aaa2 .CollapsiblePanelClosed {
	margin: 0px;
	padding: 0px;
	padding-right:0px;
	padding-left:0px;
}
/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel. */
.aaa2 .CollapsiblePanelTab {
	display: inline;
	float:left;
	margin: 0px;
	padding-right: 0px;
	padding-left:4px;
	padding-bottom:0px;
	padding-top:0px;
}
/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate. 
 * the clear must be used because there are floats used in the "tab" portion of the display*/
.aaa2 .CollapsiblePanelContent {
	clear:both;
	margin: 0px;
	padding: 10px;
	height: 1%; /*IE hack for improperly rendered containers*/
	width: auto;
}
/***************************************************************************************
 * We don't want all collapsible panel contents to be this width, just the ones in the
 * main body, so lets set that here
 ***************************************************************************************/
/* Defines look of anchor in panel tab */
.aaa2 .CollapsiblePanelTab a {
	float:left;
	display:block;
	padding:5px 15px 4px 6px;
}
/* Defines look of span in panel tab */
/*The image is the opened/closed arrow*/
.aaa2 .CollapsiblePanelTab a span {
	float:left;
	padding-right:15px;
}

/* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel. */
/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout. */
.aaa2 .TabbedPanels {
	line-height:normal;
	float:left;
	width:590px;
}
/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget.  */
.aaa2 .TabbedPanelsTabGroup {
	margin:0;
	padding:10px 10px 0 0;
	list-style:none;
}
.aaa2 .TabbedPanelsTab a span {
	float:left;
	display:block;
	padding:5px 15px 4px 6px;
}
/* This is the selector for the TabbedPanelsTab. */
.aaa2 .TabbedPanelsTab {
	display: inline;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	-moz-user-select: none;
	-khtml-user-select: none;
}
.aaa2 .TabbedPanelsTabSelected {
	padding-top: 6px;
}

/* Defines appearance of tab link */
.aaa2 .TabbedPanelsTab a {
	float:left;
	margin:0;
	margin-left: 1px;
	padding:0 0 0 4px;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.aaa2 .TabbedPanelsTab a span {
	float:none;
}
/* End IE5-Mac hack */
/* This is the selector for the ContentGroup.  */
.aaa2 .TabbedPanelsContentGroup {
	clear: both;
}
/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel.  */
.aaa2 .TabbedPanelsContent {
	padding: 4px;
	height: 1%; /*IE hack for improperly rendered containers*/
}
/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.  */
.aaa2 .TabbedPanelsContentVisible {
}
/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel. *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */
/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.aaa2 .VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	position: relative;
}
/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it. */
.aaa2 .VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
}
/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons. */
.aaa2 .VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}
/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */
/*******************************************************************************
 LAYOUT INFORMATION: describes box model, positioning, z-order
*******************************************************************************/
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
.aaa2 ul.MenuBarHorizontal {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: auto;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
.aaa2 ul.MenuBarActive {
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
.aaa2 ul.MenuBarHorizontal li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: relative;
	text-align: left;
	width: 92px; 
	margin-right: 3px;
	float: left;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
.aaa2 ul.MenuBarHorizontal ul {
	margin: 0;
	padding: 0;
	z-index: 1020;
	width: 92px;
	position: absolute;
	left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
.aaa2 ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {
	left: auto;
}
/* Menu item containers are same fixed width as parent */
.aaa2 ul.MenuBarHorizontal ul li {
	width: 140px;
	border: none;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
.aaa2 ul.MenuBarHorizontal ul ul {
	position: absolute;
	margin: -5% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
.aaa2 ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {
	left: auto;
	top: 0;
}
/*******************************************************************************
 DESIGN INFORMATION: describes color scheme, borders, fonts
*******************************************************************************/
/* Submenu containers have borders on all sides */
.aaa2 ul.MenuBarHorizontal ul {
	width: 140px;
}
/* Menu items */
.aaa2 ul.MenuBarHorizontal a {
	display: block;
	padding: 2px 3px;
}
/*******************************************************************************
 SUBMENU INDICATION: styles if there is a submenu under a given menu item *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
.aaa2 ul.MenuBarHorizontal a.MenuBarItemSubmenu {
	text-align: center;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
.aaa2 ul.MenuBarHorizontal ul a.MenuBarItemSubmenu {
	text-align: center;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
.aaa2 ul.MenuBarHorizontal a.MenuBarItemSubmenuHover {
	text-align: center;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
.aaa2 ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover {
	text-align: center;
}
/*******************************************************************************
 BROWSER HACKS: the hacks below should not be changed unless you are an expert
 *******************************************************************************/
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
.aaa2 ul.MenuBarHorizontal iframe {
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection {
.aaa2 ul.MenuBarHorizontal li.MenuBarItemIE {
	display: inline;
	f\loat: left;
}
}
/*******************************************************************************
 END BROWSER HACKS
 *******************************************************************************/

/*******************************************************************************
 * Accordion styling classes
 *******************************************************************************/

.Accordion {
	overflow: hidden;
}
.AccordionPanel {
	margin: 0px;
	padding: 0px;
}
.AccordionPanelTab {
	margin: 0px;
	padding: 2px;
}
.AccordionPanelContent {
	margin: 0px;
	padding: 0px;
}
/*Accordion behaviors  classes*/
.AccordionPanelOpen .AccordionPanelTab {
	padding: 5px 0;
}
.AccordionPanelClosed .AccordionPanelTab {}
.AccordionPanelTabHover {}
.AccordionPanelOpen .AccordionPanelTabHover {}
.AccordionFocused .AccordionPanelTab {}
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {}


/*******************************************************************************
 Padding on all input text fields
 *******************************************************************************/
.aaa2 input[type=text], .aaa2 .inputText {
	padding-left: 2px;
}

/*******************************************************
 * spry auto suggest classes, predictive search defaults
 *******************************************************/
.aaa2 .predictiveWrapperDiv {
    position: relative;
		width: 205px;
}
.aaa2 .predictiveSuggestionDiv {
	position: absolute;
	top: 20px;
	left: 0px;
}
.aaa2 .hideSuggestClass .option {
}
.aaa2 .hideSuggestClass {
	height: auto;
	overflow:auto;
	display:none;
	width: 243px;
	margin: 0px;
	z-index: 1011;
}

.aaa2 .showSuggestClass .hideSuggestClass{
	display: block !important;
}
.aaa2 .iframeSuggest
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/*******************************************************
 * end spry auto suggest class
 *******************************************************/
/*******************************************************
 * Button Skin
 *******************************************************/
.yui-skin-sam .yui-button {
border-color:#808080;
border-style:solid;
border-width:1px 0pt;
margin:auto 0.25em;
}

/*******************************************************
 * Phone Number Link 
 *******************************************************/
.aaa2 .phoneNumLink {
 	text-decoration:none;
}

/*******************************************************
 * Used when we want specific wrapping points in the
 * text display, like in the RHS.  The areas we need 
 * to group are included in the nowrap class.
 *******************************************************/
.aaa2 .nowrap {
	white-space: nowrap;
}

/*********************************************************
 * To switch required *'s from the right side
 *  of the label to the left change:
 *  .required.left  from display:none to display: inline
 *  and change:
 *  .required.right  from display:inline to display: none
 *********************************************************/
.aaa2 .required.right {
	display: inline;
}
.aaa2 .required.left {
	display: none;
}

.aaa2 span.block {
	display: block;
}
.aaa2 .center {
	text-align: center;
}

/****************************************************************
 * Handles padding for the page header wrapper div on this page *
 * Was 30px, now 15px to remove extra white space 9/22/2009     * 
 * Moved from airSearch to component to share across modules    *
 ****************************************************************/
.aaa2 .pageHeader{
	clear: both;
	padding: 10px 0px;
}
/****************************************************************
 *  *
 * Was 30px, now 15px to remove extra white space 9/22/2009     * 
 * Moved from airSearch to component to share across modules    *
 ****************************************************************/
/* Generic Site Wide Styles */
.search .aaa2 .mainContent {
	padding-right: 5px;
	padding-left: 0px;
	width: 605px !important;
	width: 600px;
}
.search .aaa2 .pageHeader {
	padding-left: 5px;
}
.search .aaa2 h1 {
	margin: 0;
}

/****************************************************
 * spacer default size *
 ****************************************************/
.aaa2 .spacer {
	padding: 0 5px;
}

/****************************************************************
 * Moved requiredTextSpacing here for the default settings      *
 * Overrides in individual pages.                               * 
 ****************************************************************/
.air .aaa2 .requiredTextSpacing,
.car .aaa2 .requiredTextSpacing,
.hotel .aaa2 .requiredTextSpacing,
.sycs .aaa2 .requiredTextSpacing
{
	margin-bottom: 10px;
	text-align: right;
	padding-right: 5px;
}


/*********************************************************
 * Each colon between a label and a field can be turned
 * on or off.  The setting below turns all on by default.
 * This is ONLY available for input field colons.
 *********************************************************/
.aaa2 .colon {
	display: inline;
  /* display: none; */
}
/* This setting turns only the hotel room info colon on */
/* even when the rest have been turned off.             */
.aaa2 .hotel .roomInfo .colon {
	display: inline;
}


/*******************************************************
 * No Reviews
 *******************************************************/
.aaa2 .noReviews {
	text-align: center;
	padding: 10px 0 15px 0;
}
.aaa2 .noReviews .spacer {
	display: block;
	height: 5px;
}
/*******************************************************
 * New Search which sits next to Refined Search panel.
 *******************************************************/
.aaa2 .newSearch {
	margin: 3px 5px 5px 5px;
	float: right;
}

/******************************************************
 * This section belongs to the Refined Search Panel.  *
 * Default settings, with page level overrides where  *
 * necessary.                                         *
 ******************************************************/
.aaa2 #refineDDSearch.CollapsiblePanel .CollapsiblePanelContent,
.aaa2 #refineSearch.CollapsiblePanel .CollapsiblePanelContent {
	padding-bottom: 0px;
	width: 580px !important;
	width: 578px;
}
.aaa2 #refineDDSearch.CollapsiblePanel .CollapsiblePanelTab a,
.aaa2 #refineSearch.CollapsiblePanel .CollapsiblePanelTab a {
	padding-right: 5px;
}
.aaa2 #refineDDSearch.CollapsiblePanel .CollapsiblePanelTab a span,
.aaa2 #SearchPanel.CollapsiblePanel .CollapsiblePanelTab a span,
.aaa2 #refineSearch.CollapsiblePanel .CollapsiblePanelTab a span {
	padding-right: 20px;
}
/********************************************************************************
 * Refine Search panel in a slightly different location.  
 * This just tweaks it to fit in the spot nicely 
 * because IE6 is SUCH a pain, we have to give absolute positioning for the tab.
 * These styles are for everything but IE7.  IE7 style below
 ********************************************************************************/
.aaa2 #refineDDSearch.CollapsiblePanel .CollapsiblePanelTab,
.aaa2 #refineDDSearch.CollapsiblePanelOpen .CollapsiblePanelTab,
.aaa2 #SearchPanel.CollapsiblePanel .CollapsiblePanelTab,
.aaa2 #SearchPanel.CollapsiblePanelOpen .CollapsiblePanelTab,
.aaa2 #refineSearch.CollapsiblePanel .CollapsiblePanelTab,
.aaa2 #refineSearch.CollapsiblePanelOpen .CollapsiblePanelTab {
	position: absolute;
	margin-left: 405px;
	margin-bottom: -1px;
	margin-top: 2px !important; 
	margin-top: -23px;
}
.aaa2.langfr #refineDDSearch.CollapsiblePanel .CollapsiblePanelTab,
.aaa2.langfr #refineDDSearch.CollapsiblePanelOpen .CollapsiblePanelTab,
.aaa2.langfr #SearchPanel.CollapsiblePanel .CollapsiblePanelTab,
.aaa2.langfr #SearchPanel.CollapsiblePanelOpen .CollapsiblePanelTab,
.aaa2.langfr #refineSearch.CollapsiblePanel .CollapsiblePanelTab,
.aaa2.langfr #refineSearch.CollapsiblePanelOpen .CollapsiblePanelTab {
	margin-left: 350px;
}
/********************************************************************************
 * For IE 7, we added more trickery, because IE7 follows the important flag, but
 * needs the IE6 style.  Go figure!  
 ********************************************************************************/
.aaa2 #refineDDSearch.CollapsiblePanel .CollapsiblePanelTab,
.aaa2 #refineDDSearch.CollapsiblePanelOpen .CollapsiblePanelTab,
.aaa2 #SearchPanel.CollapsiblePanel .CollapsiblePanelTab,
.aaa2 #SearchPanel.CollapsiblePanelOpen .CollapsiblePanelTab,
.aaa2 #refineSearch.CollapsiblePanel .CollapsiblePanelTab,
.aaa2 #refineSearch.CollapsiblePanelOpen .CollapsiblePanelTab {
	*margin-top: -23px !important;
}
/****************************************************
 * Advanced Search Collapsible Panel 				*
 ****************************************************/
/* these settings are being used in Car 
.aaa2 .advancedSearchPanel {
	z-index: 0 !important;
	z-index: -1;
	*z-index: -1 !important;
}
*/
.aaa2 .advancedSearchPanel .CollapsiblePanelTab a span {
	padding-right:10px;
}

/*******************************************************
 * Did You Mean?  Result box defaults
 *******************************************************/
.aaa2 .didYouMeanList {
	/* sets max-width for IE */
	width: expression( this.scrollWidth > 559 ? "560px" : "auto" );
	margin-top: 5px;
}
.aaa2.air .didYouMeanList,
.aaa2.hotel .didYouMeanList {
	width: 275px;
	float: left;
}
.aaa2 .didYouMeanSuggestionDiv {
	/* sets max-height for IE 										  */
	/* height: expression( this.scrollHeight > 55 ? "55px" : "auto" );*/
	/* sets max-height value for all standards-compliant browsers     */
	/* max-height: 90px; 											  */ 
	/* overflow: auto;												  */
	width: expression( this.scrollWidth > 559 ? "560px" : "auto" );
	max-width: 560px;
}
.aaa2.air .didYouMeanSuggestionDiv {
	width: 271px;
}
.aaa2 .drivingDirectionsPanel .didYouMeanSuggestionDiv  {
	/* sets max-width for IE */
	width: expression( this.scrollWidth > 299 ? "300px" : "auto" );
	max-width: 300px;
	margin-top: 5px;
}

.aaa2 .didYouMeanList .SelectOptionsHide {
	display: none;
}
.aaa2 .didYouMeanPanel {
	width: 280px;
	border: none;
	clear: both;
}
.aaa2 .didYouMeanPanel>.didYouMeanPanelTab{
	display: none;
	background-image: none;
}
.aaa2 .didYouMeanPanel>.didYouMeanPanelContent{
	padding: 0 3px 3px 3px;	
}

.aaa2 .SelectCreator ul {
	margin: 0;
}
.aaa2 .SelectCreator ul li {
	list-style-type: none;
}
/**************************************************** 
 * MAPS & DIRECTIONS COMPONENT STYLES
 *
 * Reset the driving directions panel margin size.
 ****************************************************/
.aaa2 .drivingDirectionsPanel .TabbedPanels {
	margin-top: 0px;
	width: 280px !important;
	width: 260px;
}
.aaa2 .drivingDirectionsPanel .TabbedPanelsTabGroup {
	padding: 0;
}
.aaa2 .drivingDirectionsPanel .TabbedPanelsContent {
	height: 160px;
	width: 262px;
}
.aaa2 .drivingDirectionsPanel .directionsEnd {
	width: 262px;
	float: left;
}
/**************************************************** 
 * New Spans allow you to format each part of the
 * driving directions addresses
 ****************************************************/
.aaa2 .drivingDirectionsPanel .org,
.aaa2 .drivingDirectionsPanel .startAddress .address,
.aaa2 .drivingDirectionsPanel .directionsStart .address,
.aaa2 .drivingDirectionsPanel .endAddress .address,
.aaa2 .drivingDirectionsPanel .directionsEnd .address,
.aaa2 .drivingDirectionsPanel .address .street-address.line1,
.aaa2 .drivingDirectionsPanel .address .street-address.line2 {
	display: block;
}
.aaa2 .drivingDirectionsPanel .startAddress .address,
.aaa2 .drivingDirectionsPanel .directionsStart .address,
.aaa2 .drivingDirectionsPanel .endAddress .address,
.aaa2 .drivingDirectionsPanel .directionsEnd .address{
	/*padding: 0;*/
}
.aaa2 .drivingDirectionsPanel .address .street-address.line2,
.aaa2 .drivingDirectionsPanel .address .locality,
.aaa2 .drivingDirectionsPanel .address .region {
	display:block;
	clear:both;
	float:left;
}
.aaa2 .drivingDirectionsPanel .address .region {
	clear: none;
}
.aaa2 .drivingDirectionsPanel #directionsStartText a,
.aaa2 .drivingDirectionsPanel #directionsEndText a {
	display: block;
	clear:both;
}
/**************************************************** 
 * Hide the unecessary forms until we need them.
 ****************************************************/
.aaa2 .drivingDirectionsPanel .requiredTextSpacing {
	text-align:right;
}	
/**************************************************** 
 * Hide the unecessary forms until we need them.
 ****************************************************/
.aaa2 #directionsEndForm,
.aaa2 #directionsEndForm2 {
	display: none;
}
.aaa2 #drivingDirectionsPg19,
.aaa2 #drivingDirectionsPg20 {
	display: none;
}
/**************************************************** 
 * Refine/Modify Search Collapsible panel
 ****************************************************/
.aaa2 .drivingDirectionsPanel .directionsRefineSearch {
	margin-top: 20px;
}
.aaa2 .drivingDirectionsPanel #refineDDSearch.CollapsiblePanel {
	width: 555px !important;
}
.aaa2 .drivingDirectionsPanel #refineDDSearch.CollapsiblePanel .CollapsiblePanelTab {
	width: 115px;
	margin-left: 155px;
	margin-top: 10px;	
	margin-top: 0px !important;
	*margin-top: -25px !important; /* for ie 7 */
	
}
.aaa2 .drivingDirectionsPanel #refineDDSearch.CollapsiblePanelOpen .CollapsiblePanelTab {
	margin-top: auto !important;
	*margin-top: -23px !important; /* for ie7 */
	width: 130px;
	margin-left: 145px;
}
.aaa2 .drivingDirectionsPanel #refineDDSearch.CollapsiblePanelOpen .CollapsiblePanelTab {
	width: 130px;
}
.aaa2 .drivingDirectionsPanel #refineDDSearch .CollapsiblePanelContent {
	width: 555px !important;
	margin-left: -15px;
}
/**************************************************** 
 * Refine/Modify Search Collapsible panel - module specific
 ****************************************************/
.tourbook .aaa2 .drivingDirectionsPanel #refineDDSearch.CollapsiblePanel,
.hotel .aaa2 .drivingDirectionsPanel #refineDDSearch.CollapsiblePanel {
	width:590px !important;
}
.hotel .aaa2 .drivingDirectionsPanel #refineDDSearch .CollapsiblePanelContent,
.tourbook .aaa2 .drivingDirectionsPanel #refineDDSearch .CollapsiblePanelContent {
	margin-left: 0px;
	_margin-left: 5px;
	*margin-left: 0px;
}
.hotel .aaa2 .drivingDirectionsPanel #refineDDSearch.CollapsiblePanel .CollapsiblePanelTab,
.tourbook .aaa2 .drivingDirectionsPanel #refineDDSearch.CollapsiblePanel .CollapsiblePanelTab,
.hotel .aaa2 .drivingDirectionsPanel #refineDDSearch.CollapsiblePanelOpen .CollapsiblePanelTab,
.tourbook .aaa2 .drivingDirectionsPanel #refineDDSearch.CollapsiblePanelOpen .CollapsiblePanelTab {
	margin-top: 0px !important;
	*margin-top: -25px !important;
	_margin-top: -25px;
}
.hotel .aaa2 .drivingDirectionsPanel #refineDDSearch .directionsStart,
.tourbook .aaa2 .drivingDirectionsPanel #refineDDSearch .directionsStart {
	_margin-left: 15px;
	*margin-left: 0px;
}
/**************************************************** 
 * New Search link
 ****************************************************/
.aaa2 .drivingDirectionsPanel .newSearch {
	padding-left: 0px;
	margin-top: 4px;
}
.aaa2 .drivingDirectionsPanel .newSearch .spacer{
	padding-left: 0px;
}
/*****************************************************************
 * Directions Specific Styles
 *****************************************************************/
.aaa2 .drivingDirectionsPanel .TabbedPanelsTab.blankTab a {
	width: 255px;
}
.aaa2 .drivingDirectionsPanel .TabbedPanelsTab.fromAirport a {
	width: 112px;
}
.aaa2 .drivingDirectionsPanel .TabbedPanelsTab.fromAirport.TabbedPanelsSelected a {
	width: 117px;
}
.aaa2 .drivingDirectionsPanel .directionsStart .TabbedPanelsTab a span {
	padding-right:5px;
}

.aaa2 .drivingDirectionsPanel .directionsStart .TabbedPanels {
	width: 262px !important;
}
.aaa2 .drivingDirectionsPanel .directionsStart .TabbedPanelsTabGroup {
	padding: 0;
	margin: 0;
}
.aaa2 .drivingDirectionsPanel .directionsStart .fromStreetAddr a span{
	padding: 5px 5px;
}
.aaa2 .drivingDirectionsPanel .directionsStart .fromAirport a span {
	padding: 5px 10px;
}
.aaa2 .drivingDirectionsPanel .TabbedPanelsTab  {
	border-style: none;
	border-bottom-style: solid;
}
.aaa2 .drivingDirectionsPanel .directionsStart .TabbedPanelsContentGroup {
	margin-right: 1px;
}
.aaa2 .drivingDirectionsPanel .directionsStart .TabbedPanelsTab {
	border-style: none;
}
.aaa2 .drivingDirectionsPanel .address, 
.aaa2 .drivingDirectionsPanel .airport {
	clear: both;
	line-height: 1.5em;
	*line-height:1em;
	padding: 5px 5px 5px 10px;
}
.aaa2 .drivingDirectionsPanel .city, 
.aaa2 .drivingDirectionsPanel .state, 
.aaa2 .drivingDirectionsPanel .country,
.aaa2 .drivingDirectionsPanel .zipCode {
	line-height: 1.5em;
	*line-height: 1em;
	padding: 5px 5px 5px 10px;
}
.aaa2 .drivingDirectionsPanel .zipPostalCode {
	width: 50px;
}
.aaa2 .drivingDirectionsPanel .state {
	float: left;
	width: 55%;
}
.aaa2 .drivingDirectionsPanel .country {
	clear: left;
}
.aaa2 .drivingDirectionsPanel .drivingDirectionsPanel .spacer {
	float: left;
}
.aaa2 .drivingDirectionsPanel #drivingDirectionsForm .directionsStart {
	width: 260px;
	margin-left: 20px;
	margin-right: 10px;
	_margin-left: 15px;
	_margin-right: 10px;
	margin-top: 0px;
	float: left;
}
.aaa2 .drivingDirectionsPanel .directionsEnd {
	width: 260px;
	margin: 0px 10px 0px 10px;
	_margin: 0px 5px 0px 5px;	
	float: left;
}
.aaa2 #refineDDSearch.drivingDirectionsPanel .directionsStart {
	float: left;
	width: 275px;
}
.aaa2 #refineDDSearch.drivingDirectionsPanel .directionsEnd {
	float: left;
	width: 260px;
}
.aaa2 .drivingDirectionsPanel .directionsEnd .roundedCorners {
	padding: 10px;
	height: 175px;
	background-color: #FFFFFF;
	/* margin-top: 25px; */
}
.aaa2 .drivingDirectionsPanel #directionsEndForm,
.aaa2 .drivingDirectionsPanel #directionsEndForm2 {
	display: none;
}
.aaa2 .drivingDirectionsPanel .TabbedPanelsContentGroup {
	width: 260px;
}
.aaa2 .drivingDirectionsPanel .submitButtons {
	clear: both;
	text-align: right;
	margin-right:40px;
	*margin-right:10px;
	padding-top:5px;
}
.aaa2 .drivingDirectionsPanel .submitButtons .getDirectionsButton {
	margin-right:30px;
	*margin-right:0px;
}
.aaa2 #refineDDSearch.drivingDirectionsPanel .submitButtons {
	margin-right:15px;
	*margin-right:10px;
}
.hotel .aaa2 #refineDDSearch.drivingDirectionsPanel .submitButtons,
.tourbook .aaa2 #refineDDSearch.drivingDirectionsPanel .submitButtons {
	*margin-right:0px;
}

/**************************************************** 
 * Directions Start and End Points
 ****************************************************/
.aaa2 .drivingDirectionsPanel #recentLocationsStart,
.aaa2 .drivingDirectionsPanel #recentLocationsEnd {
	width: 190px;
	margin-right: 10px;
} 
.aaa2 .drivingDirectionsPanel .directionsHeader {
	margin: 0px 0 10px 0;
	position: absolute;
}
.aaa2 .drivingDirectionsPanel .directions {
	margin-left: 15px;
	clear: both;
	margin-top: 20px;
}
.aaa2 .drivingDirectionsPanel .directionsPointer {
	float: left;
	margin: 15px 15px 0px 10px;
}
.aaa2 .drivingDirectionsPanel .directions .roundedCorners {
	float: left;
	margin: 0px 10px 15px 10px;	
	padding: 10px;
	width: 170px;	
	min-height: 75px;
}
.aaa2 .drivingDirectionsPanel .directions .fieldLabel1Bold {
	width: 30px;
	float: left;
}
.aaa2 .drivingDirectionsPanel .directionsList {
	padding-left: 10px;
}

/*****************************************************
 * Directions Adjustment for new tabs - Module specific
 *****************************************************/

.hotel .aaa2 .directionsHeader,
.tourbook .aaa2 .directionsHeader {
	margin: 20px 0 10px 0;
	float: left;
}
.hotel .aaa2 #drivingDirectionsForm .directionsStart,
.tourbook .aaa2 #drivingDirectionsForm .directionsStart {
	margin-left: 10px;
}
.hotel .aaa2 .drivingDirectionsPanel .directions,
.tourbook .aaa2 .drivingDirectionsPanel .directions {
	margin-left: 0px;
}

.hotel .aaa2 .drivingDirectionsPanel .directions.refine,
.tourbook .aaa2 .drivingDirectionsPanel .directions.refine {
	clear: both;
}
.hotel .aaa2 .drivingDirectionsPanel .directions.addressLoc,
.tourbook .aaa2 .drivingDirectionsPanel .directions.addressLoc {
	clear: both;
	margin-left: 15px;
	*margin-left: 0px;
}
.hotel .aaa2 .drivingDirectionsPanel #drivingDirectionsPg19,
.tourbook .aaa2 .drivingDirectionsPanel #drivingDirectionsPg19,
.shopLocator .aaa2 .drivingDirectionsPanel #drivingDirectionsPg19 {
	margin-top: -40px;
}
.hotel .aaa2 .reverseDirections,
.tourbook .aaa2 .reverseDirections {
	text-align: right;
	clear: both;
	margin-right: 35px;
}
.hotel .aaa2 #refineDDSearch.drivingDirectionsPanel .directionsStart,
.tourbook .aaa2 #refineDDSearch.drivingDirectionsPanel .directionsStart {
	margin-top: 20px;
	margin-bottom: 20px;  
	_margin-top: 15px;
	_margin-bottom: 15px;
}
.hotel .aaa2 #refineDDSearch.drivingDirectionsPanel .directionsEnd,
.tourbook .aaa2 #refineDDSearch.drivingDirectionsPanel .directionsEnd {
	margin-top: 20px !important;
	margin-bottom: 20px !important;;  
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 0px;
	margin-right: 0px;
}
.hotel .aaa2 .drivingDirectionsPanel .submitButtons ,
.tourbook .aaa2 .drivingDirectionsPanel .submitButtons {
	margin-right: 30px;
	*margin-right:10px;
}
.hotel .aaa2 .drivingDirectionsPanel .submitButtons .btn ,
.tourbook .aaa2 .drivingDirectionsPanel .submitButtons .btn{
	*padding-left:0px;
	*padding-right:0px;
}


/*****************************************************
 * Default Map Panel Styles for IE6 
 *  - Remove Left & Right padding to prevent myTrips 
 *    from dropping/wrapping down.
 *****************************************************/
.aaa2 .menuPanel.TabbedPanelsContentVisible,
.aaa2 .mapPanel.TabbedPanelsContentVisible {
	padding: 4px 0px;
}
/*****************************************************
 * TRAVEL BAR STYLES 
 *****************************************************/
.aaa2 .travelBar #travelHeader {
	text-align: left;
}
.aaa2 .travelBar {
	border-width: 1px;
	padding: 5px 5px 0px 5px;
	line-height: 2em;
	margin-bottom: 5px;
	clear: both;
}
.aaa2 .travelBar ul {
	margin: 0;
	padding: 0;
	line-height: 2em;
}
.aaa2 .travelBar ul li {
	list-style:inside;
	list-style-type:none;
	float:left;
	list-style-position:outside;
}
.aaa2 .travelBar li.spacer {
	padding-left:7px;
	margin-left: 5px;
	border-left: #000000 1px solid;
	line-height: 1.25;
	margin-bottom:5px;
	margin-top: 5px;
	padding-right: 0;
}
/*Add padding, typically used to add a specific amount of space between text */
/* and a pipe char | e.g. <span class="spacer">|</span> */
.aaa2 .travelBar li.spacer.extraSpace {
 	padding-left: 12px;
	margin-left: 12px;
	-moz-box-shadow: 1px 0 0 #bcd9ef inset;
	-webkit-box-shadow: 1px 0 0 #9bcdeff inset;
}  
/**************************************************************
 * Had to add two classes with the same styles because        *
 * IE7 will skip over :lang(fr) rather than reading it's part *
 **************************************************************/
.aaa2:lang(fr) .travelBar li.spacer {
 	padding-left: 2px;
	margin-left: 2px;
}
.aaa2.langfr .travelBar li.spacer{ /* specific to IE6 & 7 */
 	padding-left: 2px;
	margin-left: 2px;
}
.aaa2:lang(fr) .travelBar li.spacer.extraSpace {
 	padding-left: 3px;
	margin-left: 3px;
}
.aaa2.langfr .travelBar li.spacer.extraSpace { /* specific to IE6 & 7 */
 	padding-left: 3px;
	margin-left: 3px;
}
/* just in case we add travelPlanning back in - not currently being used */
.aaa2 .travelBar.travelPlanning .spacer.extraSpace,
.aaa2 .travelBar .travelPlanning .spacer.extraSpace {
	padding: 0px 8px;
}
/* Add 5px margin to the left to indent Book Together and Save: blurb */
.aaa2 .travelBar .bookTogether {
	margin: 0 5px;
	float: left;
} 
.aaa2 .travelBar th, 
.aaa2 .travelBar td {
	border: none;
	padding: 0pt 7px 0pt 0pt;
}
.aaa2 .travelBar p {
	margin-bottom: 0;
}

/* Get rid of the extra spacing and the border on all tables by default */
.aaa2 th, .aaa2 td {
	border: none;
	padding: 0;
}

/*****************************************************
 * Global PROGRESS BAR STYLES
 *****************************************************/
.aaa2 .pBar {
	width:100%;
}
.aaa2 ul.pBar,
ul.pBar {
	margin:0;
}
.aaa2 ul.pBar li{
	list-style:none;
	width:auto;
}

/*****************************************************
 * ShopLocator PROGRESS BAR STYLES
 *****************************************************/
.shopLocator .aaa2 .pBar li {
	border-right:1px solid black;
	margin:5px 10px 10px 0;
	padding: 0 10px 0 0;
	width:auto;
}
.shopLocator .aaa2 ul.pBar {
	*margin:0 0 10px 0;
}
.shopLocator .aaa2 .pBar li.diagCenter {
	border-right:none;
}

/*****************************************************
 * Travel2 PROGRESS BAR STYLES 
 *****************************************************/
/* Represents the current section of the booking process that the user:
 *     current    - is on
 *     complete   - has completed*
 *     incomplete - has yet to complete 
 *****************************************************/
.aaa2 .pBar li, 
.aaa2 .pBar .current, 
.aaa2 .pBar .complete, 
.aaa2 .pBar .incomplete {
	padding-top:3px;
	padding-left:1px;
	padding-bottom: 3px;
	width:110px;
	float:left;
	border-width: 1px;
}
/* Information & Payment is a unique width */
.aaa2 .pBar #infoPay {
	width: 144px;
}

/*****************************************************
 * MY TRIPS COMPONENT 
 *****************************************************/
.aaa2 #myTripHeader, 
.aaa2 #toolContainer .section,
.aaa2 .rightServicesContent .section,
.aaa2 .rightServicesContent .clubRight,
.aaa2 .rightServicesContent .sponsoredLinks {
	width: 197px;
	clear: left;
	margin-top: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	padding: 5px 0px 5px 5px;
}

.aaa2 .rightServicesContent #HotelPanel .section {
	padding: 0;
	margin: 0;
	width: 202px;
}
.aaa2 .rightServicesContent .sponsoredLinks {
	padding: 0;
}
.aaa2 #myTripHeader h4, 
.aaa2 #toolContainer .section h4,
.aaa2 .rightServicesContent .section h4{
	margin: 0px;
	padding: 4px;
}
.aaa2 .myTripHeader p, 
.aaa2 #toolContainer .section p,
.aaa2 .rightServicesContent .section p {
	margin: 0px;
	padding: 4px 4px 4px 0px;
}
/* toolContainer is the My Trips component on the right hand side of the page.*/
.aaa2 .rightServicesContent {
	float: left;
	margin-left: 5px;
	width: 202px;
}
.aaa2 #toolContainer,
.aaa2 .clubRight {
	width: 200px;
}
.aaa2 #toolContainer .boxHeader {
	padding: 5px 2px 5px 5px;
	height: 1%;
	width: 197px;
}
.aaa2 #toolContainer .tripHeader {
	float: left;
}
.aaa2 #toolContainer .tripLinks {
	float: right; /* added back in for French which was aligning poorly */
/*	width: 66px; */
	margin-right: 3px;
/*	text-align: right;  Removed as unnecessary with float */
}
.aaa2 #toolContainer .col1, 
.aaa2 #toolContainer .col2 {
	float: left;
	display: block;
	padding-bottom: 3px;
}
.aaa2 #toolContainer .col1 {
	clear: left;
	width: 70px;
	white-space: nowrap; /* Added for French which was wrapping and causing display issues */
}
.aaa2 #toolContainer .col2 {
	display: inline;
	padding-left: 3px;
	width: 120px;
	
}
/* BEGIN Collapsible Panel style overrides for the MyTrips section */
.aaa2 #toolContainer .CollapsiblePanel, 
.aaa2 #toolContainer .CollapsiblePanelClosed {
	margin-bottom: 3px;
	width: 204px;
	margin-left: 0;
	margin-right: 0;
}
.aaa2 #toolContainer .CollapsiblePanelContent {
	padding: 5px 0px 0px 5px;
	height: 1%;
	width: 196px;
}
.aaa2 #toolContainer .CollapsiblePanelTab {
	width: 190px;
	padding-right: 0px;
	padding-left: 14px;
	padding-bottom: 4px;
	padding-top: 6px;
}
.aaa2 #toolContainer .CollapsiblePanelTab a, 
.aaa2 #toolContainer .CollapsiblePanelTab a span, 
.aaa2 #toolContainer .CollapsiblePanelTab span {
	float:right;
	display:block;
	padding:0px 1px 0px 1px;
}
.aaa2 #toolContainer .CollapsiblePanelOpen .CollapsiblePanelTab {
}
.aaa2 #toolContainer .CollapsiblePanelOpen .CollapsiblePanelTab a {
} 
.aaa2 #toolContainer .CollapsiblePanelTabHover, 
.aaa2 #toolContainer .CollapsiblePanelTabHover a, 
.aaa2 #toolContainer .CollapsiblePanelOpen .CollapsiblePanelTabHover, 
.aaa2 #toolContainer .CollapsiblePanelOpen .CollapsiblePanelTabHover a { 
}
.aaa2 #toolContainer .CollapsiblePanelFocused .CollapsiblePanelTab, 
.aaa2 #toolContainer .CollapsiblePanelFocused .CollapsiblePanelTab a {
}
.aaa2 #toolContainer .CollapsiblePanelTab span#showCarCheck,
.aaa2 #toolContainer .CollapsiblePanelTab span#showHotelCheck,
.aaa2 #toolContainer .CollapsiblePanelTab span#showAirCheck {
	width: 20px;
	display: none;
}
.aaa2 #toolContainer .CollapsiblePanelTab span#showCarShow,
.aaa2 #toolContainer .CollapsiblePanelTab span#showHotelShow,
.aaa2 #toolContainer .CollapsiblePanelTab span#showAirShow {
	width: 28px;
	display: none;
}
.aaa2 #toolContainer .CollapsiblePanelTab span#showCarAdd,
.aaa2 #toolContainer .CollapsiblePanelTab span#showHotelAdd,
.aaa2 #toolContainer .CollapsiblePanelTab span#showAirAdd {
/*	width: 20px; Removing as it throws off French */
	display: none;
	float: right;
}
.aaa2 #toolContainer .CollapsiblePanelTab span#showCarShowSpacer,
.aaa2 #toolContainer .CollapsiblePanelTab span#showHotelShowSpacer,
.aaa2 #toolContainer .CollapsiblePanelTab span#showAirShowSpacer,
.aaa2 #toolContainer .CollapsiblePanelTab span#showCarCheckSpacer,
.aaa2 #toolContainer .CollapsiblePanelTab span#showHotelCheckSpacer,
.aaa2 #toolContainer .CollapsiblePanelTab span#showAirCheckSpacer {
	float: right;
	display: none;

}
.aaa2 #toolContainer #sightseeing,
.aaa2 #toolContainer #destinationInfo,
.aaa2 #toolContainer #searchMemberDiscounts,
.aaa2 #toolContainer #loggedIn,
.aaa2 #toolContainer #welcomeBackMsg,
.aaa2 #toolContainer #viewAllTrips,
.aaa2 rightServicesContent #smartCampaign {
	display: none;
}
.aaa2 #toolContainer #hotelOn,
.aaa2 #toolContainer #costOn {
	display: none;
	width: 118px;
}
.aaa2 #toolContainer #hotelSpacerOn,
.aaa2 #toolContainer #costSpacerOn {
	width: 118px;
}

.aaa2 #toolContainer #searchMemberDiscounts {
	padding-left: 5px;
}
/* END Collapsible Panel style overrides for the MyTrips section */


/*****************************************************
 * CALENDAR COMPONENT 
 *****************************************************/
/* Calendar Linked Image */
.aaa2 .calendar {
	float: left;
}
.aaa2 .cal {
	padding-left: 2px;
}
/***********************************************************
 * PAGINATION
 ***********************************************************/
.aaa2 .paginationCurrentPage {
	padding: 0 .5em;
}
.aaa2 .paginationBlockTop {
}
.aaa2 .paginationBlockBottom {
}
.aaa2 .paginationPages {
	padding:0pt 0.5em;
	text-decoration: none;
}
.aaa2 .pagination .spacer {
	padding:0px 2px;
}

/***********************************************************
 * SPRY TOOL TIPS
 ***********************************************************/
/* default tool tip content box */
.aaa2 .toolTip {
	padding: 5px;
	width: 175px;
}
/***********************************************************
 * CSS TOOL TIPS
 ***********************************************************/
.aaa2 .tooltipWrapper {
	position:relative;
}
.aaa2 .tooltipWrapper .tooltip {
	display:none; 
	border-width: 1px 2px 2px 1px;
	bottom: 10px;
	left: 10px;
	margin-left:8px;
	max-width: 325px;
	min-width: 200px;
	padding: 5px;
	position:absolute;
	text-align:center;
	vertical-align:middle;
	white-space:normal;
	width: expression( this.scrollWidth < 199 ? "200px" : "auto" ); /* max-width */
	width: expression( this.scrollWidth > 324 ? "325px" : "auto" ); /* min-width */
	z-index: 2;
}
.aaa2 .tooltipWrapper .tooltip.tipLeft {
	left:auto;
	right:10px;
}
.aaa2 .tooltipWrapper:hover .tooltip{
	display:block; 
}
/***********************************************************
 * This class turns word wrapping on to allow a generic
 * wordwrap method for CSS tool tips
 ***********************************************************/
.aaa2 .tooltipWrapper .tooltip.nowrap {
	max-width:none;
	min-width:none;
	padding:2px 3px; 
	width:auto;
	white-space:nowrap;
}
.aaa2 .tooltipWrapper .tooltip.minimal {
	height:auto;
	max-width:none;
	min-width:50px !important;
	padding:2px 3px;
	white-space:nowrap;
	width:auto !important;
}
.aaa2 .tooltipWrapper .tooltip.wrap150 {
	padding: 5px;
	width: 150px;
	max-width:150px;
	min-width:150px;
	white-space:normal;
}

/***********************************************************
 * END CSS TOOL TIPS
 ***********************************************************/



/* Style for close button used in popup screens */
.aaa2 .closeButton {
	float: right;
	padding: 0 9px;
	margin: 0 2px;
	line-height: 1.5;
}
/* specific setting just for profileInfo popup */
.aaa2 .profileInfo .closeButton {
	margin-top:2px;
}

/* close link at the bottom of popups */
.aaa2 .popUpContent a.close {
	float: right;
	margin-right: 5px;
}

/* Styles for tooltip inline popup */
/* HACK FOR IE: to make sure the tooltips show above form controls, we underlay each tooltip with an iframe */
.aaa2 .iframeTooltip {
	position: absolute;
	z-index: 1010;
  filter:alpha(opacity:0.1);
}

/***********************************************************
 * ERROR PAGE / SESSION EXPIRED
 ***********************************************************/
.aaa2 ul.errorMessage {
	margin-bottom: 10px;
	margin-left: 0;
	padding: 10px;
	/* added to correct IE6 error styling */
	display: block !important;
	display: inline;
}
.aaa2 span.errorMessageOutput,
.aaa2 span#errorMessageOutputPanel {
	display: block;
	width: auto;
	clear: both;
}
.aaa2 ul.errorMessage {
	display: auto !important;
	display: block;
}

/********************************************
 * BEGIN Message Bundle Error/Success Messages  *
 ********************************************/
.aaa2 .messageBundle ul {
	margin-bottom: 10px;
	margin-left: 0;
	padding: 10px;
	/* added to correct IE6 error styling */
	display: block !important;
	display: inline;
}
.aaa2 span#errorMessagePanel {
	display: block;
	width: auto;
	clear: both;
}
.aaa2 .messageBundle ul.errorMessage {
	display: auto !important;
	display: block;
}


.aaa2.ipMatchError,
.aaa2.errorPage .mainContent,
.errorPage .aaa2 .mainContent,
.aaa2.sessionExpired .mainContent,
.sessionExpired .aaa2 .mainContent {
	width: 630px;
}

.errorPage .aaa2 .rightServicesContent,
.sessionExpired .aaa2 .rightServicesContent {
	display:none;
}
.loginPage .aaa2 .mainContent {
	padding: 5px; 
}
.aaa2.ipMatchError h1,
.aaa2.errorPage h1,
.errorPage .aaa2 h1,
.aaa2.sessionExpired h1,
.sessionExpired .aaa2 h1 {
	text-align: center;
}

.errorPage .aaa2 h1 .dropIcon,
.sessionExpired .aaa2 h1 .dropIcon{
	margin: auto 1em;
}
.aaa2.ipMatchError .errorImage,
.aaa2.errorPage .errorImage,
.errorPage .aaa2 .errorImage,
.aaa2.sessionExpired .errorImage,
.sessionExpired .aaa2 .errorImage {
	float: left;
	padding: 15px 10px 10px 0;
}

.aaa2.errorPage .errorText,
.errorPage .aaa2 .errorText,
.loginPage .aaa2 .errorText,
.aaa2.sessionExpired .errorText,
.sessionExpired .aaa2 .errorText {
	margin-left:13%;
	text-align:center;
	width:75%;
}

.aaa2.errorPage ul li,
.errorPage .aaa2 ul li,
.aaa2.sessionExpired ul li,
.sessionExpired .aaa2 ul li {
	line-height: 1.5;
	list-style-type: none;
}
.aaa2.errorPage .errorText a,
.errorPage .aaa2 .errorText a,
.aaa2.sessionExpired .errorText a,
.sessionExpired .aaa2 .errorText a {
	text-decoration: none;
	padding: 5px 10px;	
}
.aaa2.errorPage ul,
.errorPage .aaa2 ul,
.aaa2.sessionExpired ul,
.sessionExpired .aaa2 ul {
	text-align: center;
}
.aaa2.errorPage ul,
.errorPage .aaa2 ul,
.aaa2.sessionExpired ul,
.sessionExpired .aaa2 ul {
	margin: 0;
	padding: 0;
}

.errorPage .aaa2 .returnAAABtn,
.sessionExpired .aaa2 .returnAAABtn {
	margin-bottom: 2em;
}

/***********************************************************
 * This set of classes goes across all modules (air/car/hotel)
 * Which allows us to make generic styles which affect all
 * modules but only for a specific page
 ***********************************************************/
.travelerInfo .aaa2 span.errorMessageOutput,
.travelerInfo .aaa2 span#errorMessageOutputPanel {
	/* ie6 specific for browser bug correction */
	_margin: 0;
	_padding: 0;
	_display: block;
	_width: 590px;
}
.travelerInfo .aaa2 ul.errorMessage {
	_width: 575px;
	_margin: 0;
}

/***********************************************************
 * LOGIN PAGE 
 ***********************************************************/
.loginPage .aaa2 {
	margin-top:20px;
	margin-left:20px;
}
.loginPage .aaa2 .mainContent {
	width: 630px;
}
.loginPage .aaa2 h1 {
	margin-top:0px;
	padding-bottom:1.5em;
}
.loginPage .aaa2 h2 {
	text-align: center;
	margin: 0px;
}
.loginPage .aaa2 h2 span {
	display: block;
	padding-bottom: 5px;
}
.loginPage .aaa2 .loginForm {
	float: left;
	width: 40%;
	margin-bottom:10px;
}
.loginPage .aaa2 .login,
.loginPage .aaa2 .register {
	float: none;
	width: auto;
	border: 1px solid #BCDEFF;
	padding: 5px;
	/* each browser has it's own way of doing gradients - standards compliance
	   will be an awesome thing! */	
	/* WebKit (Safari/Chrome) */
	background: -webkit-gradient(linear, 10% 10%, 50% 100%, from(rgb(232, 254, 255)), color-stop(.25, rgb(255, 255, 255)),color-stop(.75, rgb(255, 255, 255)), to(rgb(232, 254, 255))) ;
	/* Mozilla */
	background: -moz-linear-gradient(0% 0,#e8feff,#FFFFFF,white,#e8feff);	
	/* IE */
	background: -ms-filter: 'progid:DXImageTransform.Microsoft.gradient (startColorstr=#E8FeFF, endColorstr=#FFFFFF)';

	/* CSS3 Spec */
	background: linear-gradient(0% 0,#e8feff,#FFFFFF,white,#e8feff);	
}


.loginPage .aaa2 .login {
	margin-bottom: 10px;
}
.loginPage .aaa2 .login .userid,
.loginPage .aaa2 .login .password,
.loginPage .aaa2 .login .savePass,
.loginPage .aaa2 .login .signInBtn {
	clear: both;
	padding: 10px 0;
}
.loginPage .aaa2 .login .signInBtn {
	padding-left: 60px;
	padding-top: 0px;
}
.loginPage .aaa2 .login .userid label {
	margin-left: 14px;
}
.loginPage .aaa2 .login .savePass input {
	margin: auto 5px 20px 45px;
	float:left;
}
.loginPage .aaa2 .signInBtn .btn {
	padding:5px 10px;
}
.loginPage .aaa2 .signInBtn,
.loginPage .aaa2 .forgotPass {
	padding: 10px 5px;
}
.loginPage .aaa2 .forgotPass {
	text-align: center;
}
.loginPage .aaa2 .newAccount {
	text-align:center;
}
.loginPage .aaa2 .btn {
	padding: 2px 5px 3px 5px;
}
.loginPage .aaa2 .regAdvantages {
	margin-top: 10px;
	width: 60%;
	float: left;
}
.loginPage .aaa2 .pciNotice {
	clear: both;
}
.loginPage .aaa2 .bigLogo {
	margin-bottom: -15px;
}
/****************************************************
 * azSearchPanel spacer default size                *
 ****************************************************/
.aaa2 .azSearchPanelTab .spacer {
	padding: 0 4px;
}

/****************************************************
 * Print and Email Icons *
 ****************************************************/
.aaa2 .printEmailIcons {
	float: right;
}

/****************************************************
 * Bring the icon down, centering on the current line 
 ****************************************************/
.aaa2 .dropIcon {
	margin-bottom: -3px;
}

/********************************************
 * Static Section Divider 
 * 12/2/2008 - Added clear:left for hotelRes Page
 ********************************************/
.aaa2 .confirmSection {
	clear: left;
	height:20px;
	padding:3px 0pt 0pt 3px;
	text-align:left;
	width:595px;
}

/********************************************
 * Section Divider Collapsible Panel Styles
 ********************************************/

.aaa2 .sectionDivider .CollapsiblePanel {
	padding-right: 0px;
	padding-left:0px;
	border: none;
	width: 600px;
}
.aaa2 .sectionDivider .CollapsiblePanelClosed {
	padding: 0px;
}
.aaa2 .sectionDivider .CollapsiblePanelTab {
	margin: 0px;
	padding-left:5px;
	text-indent:0px;
	border: none;
	width: 590px;
	text-decoration: none;
	padding-top: 2px;
	float: left;
	margin-top: 10px;
}
.aaa2 .sectionDivider .CollapsiblePanelContent {
	margin: 0 0 5px 0;
	padding: 5px;
	padding-bottom: 0px;
	border: none;
	clear: both;
	background-position: right top;
	background-repeat: no-repeat;
	max-width: 595px;
	width: expression( this.scrollWidth > 596 ? "595px" : "auto" );
}

.aaa2 .sectionDivider .CollapsiblePanelOpen .CollapsiblePanelTab {
	background-repeat: no-repeat;
	background-position: top;
}

.aaa2 .sectionDivider.CollapsiblePanelClosed sectionDivider.CollapsiblePanelTab {
	height: 19px;
	padding-top: 2px;
}

/* Showing these as possible places to add styles.  After we write our 
   documentation, these can be removed.  Here more as a reminder 
*/
.aaa2 .sectionDivider .CollapsiblePanelTabHover, 
.aaa2 .sectionDivider .CollapsiblePanelOpen .CollapsiblePanelTabHover {
}
.aaa2 .sectionDivider .CollapsiblePanelFocused .CollapsiblePanelTab {
}

/* END Collapsible Panel style overrides */

/* These settings handle the text/images on the Traveler Info panel headers/tabs */ 
.aaa2 .sectionDivider {
	clear: both;
}
.aaa2 .sectionDivider br {
	clear: both;
}
.aaa2 .sectionDivider .stepNumber {
	float: left;
	height: 16px;
	width: 16px;
	text-align: center;
	padding-right: 5px;
	margin: 0px;
	display: inline;
}
.aaa2 .sectionDivider .stepHeader {
	float: left;
}
/* check mark */
.aaa2 .sectionDivider .stepCompleted img {
	float: right;
	text-align: right;
	margin-right: 100px;
}
/* (show) link */
.aaa2 .sectionDivider .showLink {
	float: right;
	margin-right: 30px;
	background-position: left;
	background-repeat: no-repeat;
	text-align: right;
	text-decoration: underline;
	width: 87px;
}
.aaa2 .signIn.sectionDivider .showLink {
	margin-right: 0px;
	text-decoration: none;
	width: 117px;
}

/*BEGIN Styles for leader dots using lists */
.aaa2 .leaders{
	width:60%;
	margin:0;
	padding:0;
}

.aaa2 .leaders li{
	line-height:1.0;
	margin:0 0 0 0;
	position:relative;
	width:100%;
	float:left;
	list-style:none;
}
.aaa2 .leaders li em{
	float:left;
	margin:0;
	position:relative;
	top:.3em;
	padding:0 5px 0 0;
}
.aaa2 .leaders li span{
	padding:1px 0 1px 5px;
	float:right;
	position:relative;
	top:.3em;
}
/*END Styles for leader dots using lists */

.aaa2 .inactive {
	background: transparent repeat scroll 0% 50%; 
	display:none;
}

/******************************************************** 
 * YAHOO YUI Library - Container Settings
 *
 * Copyright (c) 2007, Yahoo! Inc. All rights reserved.
 * Code licensed under the BSD License:
 * http://developer.yahoo.net/yui/license.txt
 * version: 2.3.1
 *********************************************************/
.aaa2 .yui-overlay,
.aaa2 .yui-panel-container {
    position:absolute;
    visibility:hidden;
    z-index: 2;
}

.aaa2 .toolTip.yui-panel,
.aaa2 .yui-tt {
    visibility:hidden;
    position:absolute;
    width:auto;
	padding: 0;
}

.aaa2 .yui-panel-container form {
	margin:0;
}

/*
    PLEASE NOTE: The <DIV> element used for a Tooltip's shadow is appended 
    to its root element via JavaScript once it has been rendered.  The 
    code that creates the shadow lives in the Tooltip's public "onRender" 
    event handler that is a prototype method of YAHOO.widget.Tooltip.  
    Implementers wishing to remove a Tooltip's shadow or add any other markup
    required for a given skin for Tooltip should override the "onRender" method.
*/

/*
    PLEASE NOTE: The <DIV> element used for a Tooltip's shadow is appended 
    to its root element via JavaScript once it has been rendered.  The 
    code that creates the shadow lives in the Tooltip's public "onRender" 
    event handler that is a prototype method of YAHOO.widget.Tooltip.  
    Implementers wishing to remove a Tooltip's shadow or add any other markup
    required for a given skin for Tooltip should override the "onRender" method.
*/

.aaa2 .yui-tt-shadow {
    display: none;
}

.masked select {
    visibility:hidden;
}

.aaa2 * html div.yui-panel-container select {
    visibility:inherit;
}

.aaa2 * html div.drag select {
    visibility:hidden;
}

.aaa2 * html div.hide-select select {
    visibility:hidden;
}

.mask {
    z-index: 1; 
    position:absolute;
    top:0;
    left:0;
}

/*

There are two known issues with YAHOO.widget.Overlay (and its subclasses) that 
manifest in Gecko-based browsers on Mac OS X:

    1) Elements with scrollbars will poke through Overlay instances floating 
       above them.
    
    2) An Overlay's scrollbars and the scrollbars of its child nodes remain  
       visible when the Overlay is hidden.

To fix these bugs:

    1) The "overflow" property of an Overlay instance's root element and child 
       nodes is toggled between "hidden" and "auto" (through the application  
       and removal of the "hide-scrollbars" and "show-scrollbars" CSS classes)
       as its "visibility" configuration property is toggled between 
       "false" and "true."
    
    2) The "display" property of <SELECT> elements that are child nodes of the 
       Overlay instance's root element is set to "none" when it is hidden.

PLEASE NOTE:  
  
    1) The "hide-scrollbars" and "show-scrollbars" CSS classes classes are 
       applied only for Gecko on Mac OS X and are added/removed to/from the 
       Overlay's root HTML element (DIV) via the "hideMacGeckoScrollbars" and 
       "showMacGeckoScrollbars" methods of YAHOO.widget.Overlay.
    
    2) There may be instances where the CSS for a web page or application 
       contains style rules whose specificity override the rules implemented by 
       the Container CSS files to fix this bug.  In such cases, is necessary to 
       leverage the provided "hide-scrollbars" and "show-scrollbars" classes to 
       write custom style rules to guard against this bug.

** For more information on this issue, see:

   + https://bugzilla.mozilla.org/show_bug.cgi?id=187435
   + SourceForge bug #1723530

*/

.aaa2 .hide-scrollbars,
.aaa2 .hide-scrollbars * {
    overflow: hidden;
}

.aaa2 .hide-scrollbars select {
    display: none;
}

.aaa2 .show-scrollbars {
    overflow: auto;
}

.aaa2 .yui-panel-container.show-scrollbars {
    overflow: visible;
}

.aaa2 .yui-panel-container.show-scrollbars .underlay {
    overflow: auto;
}

/* Panel underlay styles */

.aaa2 .yui-panel-container .underlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.aaa2 .sectionDivider .yui-panel-container.matte {
	top: 75px;
	left: 30px;
	width: 610px;
	padding: 30px;
	position: absolute;
}

.aaa2 .yui-panel-container.shadow .underlay {
    top: 3px;
    bottom: -3px;
    right: -3px;
    left: 3px;
}

.aaa2 .yui-panel {
    position:relative;
    left:0;
    top:0;
    z-index:1;
    overflow:hidden;
    visibility:hidden;
}

.aaa2 .yui-panel .hd {
    padding:4px;
}

.aaa2 .yui-panel .bd {
    padding:4px;
}

.aaa2 .yui-panel .bd p {
    margin:0 0 1em;
}

.aaa2 .yui-panel .container-close {
    position:absolute;
    top:5px;
    right:4px;
    z-index:6;
    height:12px;
    width:12px;
    margin:0px;
    padding:0px;
}

.aaa2 .yui-panel .ft {
    padding:4px;
    overflow:hidden;
}

.aaa2 .yui-simple-dialog .bd .yui-icon {
    width:16px;
    height:16px;
    margin-right:10px;
    float:left;
}

.aaa2 .yui-dialog .ft, 
.aaa2 .yui-simple-dialog .ft {
    padding-bottom:5px;
    padding-right:5px;
}

.aaa2 .yui-dialog form, 
.aaa2 .yui-simple-dialog form {
    margin:0;
}

.aaa2 .button-group button {
    vertical-align: middle;
    margin:2px;
    padding:2px;
}
/**************************** 
 * End YUI Library Settings *
 ****************************/

 /*******************************************************
 * Begin spry Sliding Panels class
 *******************************************************/
.SlidingPanels {
	position: relative;
	width: 100%;
	height: 290px;
	padding: 0px; 
}

.SlidingPanelsContentGroup {
	position: relative;
	padding: 0px;
	width: 1000%;
	margin: 0px;
}

.SlidingPanelsContent {
	width: 100%;
	padding: 0px;
	height:290px;
	overflow: hidden;
	margin: 0px;
}

.SlidingPanelsAnimating * {
	overflow: hidden !important;
}

.SlidingPanelsCurrentPanel {
}

.SlidingPanelsFocused {
}
/*******************************************************
 * End spry Sliding Panels class
*******************************************************/

/******************************************************** 
   Visibility that can be added and removed from the pages.
	 Make this last so it overrides everything.
 ********************************************************/
.hidden {
	display: none;
	visibility: hidden;
}
.visible {
	display: block;
	visibility:visible;
}

/*******************************************************
 * Ajax please wait/loading spinner styles
*******************************************************/
.showSpinner,
.aaa2 .showSpinner {
	position: absolute;
	z-index: 3;
}
img#spinner,
img.ajaxSpinner,
img#ajaxSpinner,
#lrp {
	position: absolute;
	z-index: 3;
}
img#spinner,
img.ajaxSpinner,
img#ajaxSpinner {
	left: 33%;
	top: 50%;
}

/************************************************* 
 * Styles common to Traveler Information and Payment page *
 *************************************************/ 
.aaa2 .signIn, 
.aaa2 .nameTrip, 
.aaa2 .travelerInfo, 
.aaa2 .seatingInfo, 
.aaa2 .paymentInfo,
.aaa2 .deliveryOptions {
	clear: both;
	margin-top: 10px !important;
	margin-top: 3px; /*IE6 override*/
}
/*Styles specific to Sign-in div */
.aaa2 .logIn {
	float: left;
	width: 300px;
}
.aaa2 .logIn input {
}
.aaa2 .boxHighlight {
	padding: 5px;
}
.aaa2 .boxHighlight #existAccountRadio {
	margin-bottom: 0;
}
.aaa2 .boxHighlight td label {
	padding-left: 5px;
}
.aaa2 .boxHighlight input[type=radio] {
	padding-top: 3px; 
	display: block; 
	float: left; 
	margin-right: 5px;
}
.aaa2 .boxHighlight .loginCredentials {
	clear: both;
	padding: 1px 0 1px 15px;
}
.aaa2 .boxHighlight .loginCredentials label {
	float: left; 
	margin-right: 5px;
	width: 65px;
}
.aaa2 .boxHighlightBorder {
	padding-top: 5px;
}

.aaa2 .logIn .submitButton {
	text-align: right;
}
.aaa2 .logIn input.fieldText2 {
	width: 175px;
	margin-right: 5px;
}
.aaa2 .logIn #remember {
	margin-right: 5px;
}

/************************************************
 * Guest Booking - Continue as Guest
 ************************************************/
.aaa2 .guestBookingContinueRadio input {
	margin-left: 7px !important;
	margin-left: 4px;
	float: left;
}
.aaa2 div.guestBookingContinueRadio  {
	margin-top: 10px;
	float: left;
}
.aaa2 .guestBookingContinueRadio .spacer {
	padding: 0px 16px 0px 16px;
	float: left;
}
.aaa2 .guestBookingContinueRadio p {
	float: left;
	padding-left: 5px;
	width: 90% !important;
	margin-bottom: 0;
}
/* Specific to French language */
.aaa2.langfr div.guestBookingContinueRadio {
	clear:both;
}

.aaa2 .guestBookingContinueRadio table {
	padding: 0;
	margin:0;
	float: left;
}


/*******************************************************
 * Were these orIcons for the signin component?
 *******************************************************/
.aaa2 div.orIcon {
	width: 50px;
	height: 50px;
}
.aaa2 .orIcon {
	float: left;
	text-align: center;
}
.aaa2 .orIcon img {
	padding-top: 20px;
}
/*******************************************************
 * Signup part of the login on traveler info pages.
 *******************************************************/
.aaa2 .signUp {
	float: right;
	width: 200px;
	padding: 5px;
	border: 1px solid #DEDDDD;
	margin-right: 60px;
}
.aaa2 .signUp p {
}
.aaa2 .login p {
	margin: 0px;
	padding: 0px;
	padding-bottom: 3px;
}
/*******************************************************
 * Common TravelerInfo Styles Air/Car/Hotel
*******************************************************/

.aaa2 .tripName, 
.aaa2 .addToTrip, 
.aaa2 .driver { 
	float: left;
}

.aaa2 .viewProfileLink,
.aaa2 .createProfileLink {
	float: right;
	padding-left:10px;
}

.aaa2 .travelParty {
	clear: both;
}
.aaa2 .tripName, 
.aaa2 .driver, 
.aaa2 .viewProfileLink {
	margin-right: 20px;
}
.aaa2 .viewProfileLink {
	margin-right: 40px;
}
.aaa2 .addToTrip select {
	max-width: 250px;
	/* this sets ie6 to a max of 250px */
	width: expression( this.scrollWidth > 249 ? "250px" : "auto" );
}

.aaa2 .agentLink {
	text-align: right;
	clear: both;
	margin-top: 10px !important;
	margin-right: 10px;
}
.aaa2 .nameTrip .nextButton {
	margin-right: 20px;
}
.aaa2 .nextButton {
	float: right;
	margin-top: 20px;
}

/*******************************************************
 * Payment Info Component for TravelerInfo Pages Air/Car/Hotel
*******************************************************/
.aaa2 #paymentInfoPanel {
	width: auto;
}
.aaa2 .paymentInfo .column {
	float: left;
}
.aaa2 @paymentInfoPanel1 .column span {
	display: inline-block;
}
.aaa2 .paymentInfo .column.ccInfo {
	width: 580px !important;
}
.aaa2 .paymentInfo .column.ccAddress {
	width: 275px !important;
	width: 260px;	
}
.aaa2 .paymentInfo .column.optionalAddress {
	width: 275px !important;
	width: 240px;
}
.aaa2 .paymentInfo div.ccNotes {
	background-color: #FFFEEE;
	border: 1px solid #BCDEFF;
	clear: both;
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 98%;
}
.aaa2 .paymentInfo .column div {
	margin-top: 10px !important;
	margin-top: 3px; /*IE6 override*/
}
.aaa2 .paymentInfo  .cardInfo {
	text-align: center;
}
.aaa2 .paymentInfo  .cardInfo img {
	margin-left: 10px;
}
.aaa2 .paymentInfo .cardFirstName {
	margin-left: 16px;
/*	margin-left: 7px; */
	float: left
}
.aaa2 .paymentInfo .cardLastName {
	float: left;
	margin-left: 65px;
}
.aaa2 .paymentInfo .cardType {
	clear: left;
	float: left;
	margin-left: 20px !important;
	margin-left: 18px;
	width: 250px;
}
.aaa2 .paymentInfo .cardType select {
	width: 155px;
}
.aaa2 .paymentInfo .cardName {
	margin-left: 6px;
}
.aaa2 .paymentInfo .cardNumber {
	margin-bottom: 2px;
	margin-right: 45px !important;
	margin-right: 15px;
	float: right;
	text-align: right;
	
}
.aaa2 .paymentInfo .cardNumber input {
	width: 150px;
}
.aaa2 .paymentInfo .cardExpire {
	margin-left: 43px !important;
	margin-left: 30px;
	float: left;
}
.aaa2 .paymentInfo .cardExpire select {
	margin-right: 5px;
}
.aaa2 .paymentInfo .billInfo.heading3,
.aaa2 .paymentInfo .optionalAddress.heading3 {
	margin-top: 3px;
	padding-bottom: 5px;
}
.aaa2 .paymentInfo .billInfo {
	margin-left: 90px;
}
.aaa2 .paymentInfo .billAddress1 {
	margin-left: 23px;
}
.aaa2 .paymentInfo .billAddress2 {
	margin-left: 24px;
}
.aaa2 .paymentInfo .billCity {
	margin-left: 55px;
}
.aaa2 .paymentInfo .billState {
	margin-left: 47px;
	width: 95%;
}
.aaa2 .paymentInfo .billCountry {
	margin-left: 33px;
}
.aaa2 .paymentInfo div.optionalAddress {
	margin-left: 15px
}
.aaa2 .paymentInfo. div.optionalAddress {
}
.aaa2 .paymentInfo div.optionalAddress .heading3 {
	margin-left: 10px !important;
	margin-left: 0px;
	float: left;
	padding-bottom: 10px !important;
	padding-bottom: 0px;
	margin-right: 5px;
}
.aaa2 .paymentInfo .optionalAddress .column {
	width: 280px;
}
.aaa2 .paymentInfo .sameAsBilling {
	margin-left: 165px !important;
	margin-left: auto;
}
.aaa2 .paymentInfo .sameAsBilling input{
	margin-right: 5px;
}
.aaa2 .paymentInfo .mailingAddress1 {
	margin-left: 19px;
	clear: left;
}
.aaa2 .paymentInfo .mailingAddress2 {
	margin-left: 19px;
}
.aaa2 .paymentInfo .mailingCity {
	margin-left: 56px;
}
.aaa2 .paymentInfo .mailingState {
	margin-left: 49px;
	width: 95%;
}
.aaa2 .paymentInfo .mailingCountry {
	margin-left: 35px;
}
.aaa2 .paymentInfo .nightlyRate {
	padding-top: 20px;
}
/************************************ 
 * default iframe popUp settings    *
 ************************************/
.aaa2 .popUpWrapper .bd {
	padding: 0px;
	width: 100%;
}
.aaa2 .popUpWrapper .bd iframe.popup {
	width: 100%;
}
.aaa2 iframe.popUp {	
	margin: 0px;
	padding-left:5px;
	padding-right: 0px;
	padding-left:0px;
	width: 590px;
	height: 95%;
}
.aaa2 .popUpWrapper {
	visibility: hidden;
}
/*********************************************************
 * The 95% here gives space for the scroll bar's bottom
 * and the auto turns off the scroll bar where it's not 
 * necessary
 *********************************************************/
.aaa2 .popUpWrapper .popUpContent,
.aaa2 .CollapsiblePanel .popUpContent {
	overflow: auto;
	height: 95%;
}
.aaa2 .popUpPanel {
	position: absolute;
	left: 25px;
	padding: 10px;
	top: 0px;
}
/*********************************************************
 * Removed because tripMgmtProfile is messed up by this.
 * it is also redundant to .popUpPanel
 *********************************************************/
/*.aaa2 .profileInfo {
	position: absolute;
	left: 25px;
	top: 0px;
}*/

.aaa2 .popUpPanel h2,
.aaa2 .profileInfo h2 {
	margin-top: 0px;
	margin-bottom: 0px;
}
.aaa2 .popUpPanel .CollapsiblePanelContent {
	padding: 0;
}
.aaa2 #refineSearch.CollapsiblePanel .popUpPanel .CollapsiblePanelContent {
	background-color: #FFFFFF;
	padding: 0;
	width: 99% !important;
}
/************************************ 
 * End popUp settings               *
 ************************************/

/* Aqua Panel Skin CSS */
.aaa2 .yui-skin-aqua .yui-panel-container.shadow .underlay { background-color:#999; }
.aaa2 .yui-skin-aqua .yui-panel { border:none; overflow:visible; background-color:transparent; }

.aaa2 .yui-skin-aqua .yui-panel .container-close { top:3px; left:4px; height:18px; width:17px; background-image:url(../assets/img/aqua-hd-close.gif); }
.aaa2 .yui-skin-aqua .yui-panel .container-close:hover { background-image:url(../assets/img/aqua-hd-close-over.gif); }

.aaa2 .yui-skin-aqua .yui-panel .hd { padding:0; border:none; background:transparent url(../assets/img/aqua-hd-bg.gif); color:#000; height:22px; margin-left:7px; margin-right:7px; text-align:center; overflow:visible; }
.aaa2 .yui-skin-aqua .yui-panel .hd span { vertical-align:middle; line-height:22px; }
.aaa2 .yui-skin-aqua .yui-panel .hd .tl { width:7px; height:22px; top:0; left:0; background:transparent url(../assets/img/aqua-hd-lt.gif); position:absolute; }
.aaa2 .yui-skin-aqua .yui-panel .hd .tr { width:7px; height:22px; top:0; right:0; background:transparent url(../assets/img/aqua-hd-rt.gif); position:absolute; }

.aaa2 .yui-skin-aqua .yui-panel .bd { overflow:hidden; padding:4px; border:1px solid #aeaeae; background-color:#FFF; }
.aaa2 .yui-skin-aqua .yui-panel .ft { font-size:75%; color:#666; padding:2px; overflow:hidden; border:1px solid #aeaeae; border-top:none; background-color:#dfdfdf; }



/***************************************************** 
 * Start NEW TravelerInfo Component Styles           *
 *****************************************************/
.aaa2 .travelerInfo.sectionDivider .CollapsiblePanelContent {
	padding: 5px 5px 0 0;
}		
.aaa2 .Accordion.travelerProfileInfo {
	width: 550px;
}
.aaa2 .travelerProfileInfo .AccordionPanel {
	margin-bottom: 5px;
	width: 550px;
}
.aaa2 .travelerProfileInfo .AccordionPanelTab {
	width: 550px;
}
.aaa2 .travelerProfileInfo .AccordionPanelTab label{
	float:left;
	margin-right: 10px;
	margin-top:2px;
	display:inline;
	margin-left: 20px;
	width: 110px;
}
.aaa2 .travelerProfileInfo .AccordionPanelTab a {
	margin-top: 2px;
	margin-left: 10px;
}
.aaa2 .travelerProfileInfo .AccordionPanelTab select {
	float: left;
	margin-right: 15px;
	width: 200px;
	/* make sure long names do not blow the list out. */
	width: expression( this.scrollWidth > 199 ? "200px" : "auto" );	
	max-width: 200px;
}

.aaa2 .traveler select {
	margin-right: 10px;
	float: left;
}
.aaa2 .travelerProfileInfo h2 {
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 5px;
}

.aaa2 .travelerProfileInfo .travelerInfo div.requiredText {
	clear: both;
	text-align: right;
	width: 99%;
}
.aaa2 .travelerProfileInfo .travelerInfo .phoneRequiredMsg{
	clear: both;
	text-align: left;
	float: none;
	margin-left: 10px;
}
.aaa2 .travelerProfileInfo .travelerInfo .govtIDMsg,
.aaa2 .travelerProfileInfo .travelerInfo .primaryContact,
.aaa2 .travelerProfileInfo .travelerInfo .homelandSecurityMsg {
	display: block;
	margin-left: 10px;
	_margin-left: 20px;
	float: none;
}
.aaa2 .travelerProfileInfo .travelerInfo .homelandSecurityMsg {
	clear: both;
	padding-top: 5px;
	*width: 360px;
	float: left;
}
.aaa2 .AccordionPanelContent {
	padding-bottom: 5px;
}
.aaa2 .AccordionPanelContent div {
	margin-top: 5px;
}
.aaa2 .AccordionPanelContent div.clear {
	float: none;
}
.aaa2 .AccordionPanelContent div.travelerProfileInfo .travelerInfo {
	float: none;
}
.aaa2 .sectionDivider .AccordionPanelTab .showLink {
	margin-right: 10px;
	width: 63px;
	text-decoration: none;
}
.aaa2 .travelerProfileInfo .travelerInfo input {
	display: block;
}
.aaa2 .travelerProfileInfo .travelerInfo input.hidden {
	display: none;
}
.aaa2 .travelerProfileInfo .travelerInfo .profileName {
	padding-left: 7px;
}
.aaa2 .travelerProfileInfo .travelerInfo .firstName {
	padding-left: 10px;
	float: left;
}
.aaa2 .travelerProfileInfo .travelerInfo .middleName,  
.aaa2 .travelerProfileInfo .travelerInfo .lastName,  
.aaa2 .travelerProfileInfo .travelerInfo .suffix {
	padding-left: 5px;
	float: left;
}
.aaa2 .travelerProfileInfo .travelerInfo .suffix {
	width: 100px;
}
.aaa2 .travelerProfileInfo .travelerInfo .firstName input,
.aaa2 .travelerProfileInfo .travelerInfo .middleName input,
.aaa2 .travelerProfileInfo .travelerInfo .lastName input {
	width: 135px;
}
.aaa2 .travelerProfileInfo .travelerInfo .suffix select{
	width: 50px;
	display: block;
}
.aaa2 .travelerProfileInfo .travelerInfo .dob {
	padding-left: 10px;
	clear: both;
	float: left;
	*width: 150px; /* IE8 does not seem to clear floats properly */
}
.aaa2 .travelerProfileInfo .travelerInfo .dob input {
	width: 90px;
}
.aaa2 .travelerProfileInfo .travelerInfo .gender {
	padding-left: 15px;
	float: left;
	*width: 60%; /* IE8 does not seem to clear floats properly */
}
.aaa2 .travelerProfileInfo .travelerInfo .gender select{
	width: 75px;
	display: block;
	float: none;
}

/* home phone */
.aaa2 .travelerProfileInfo .travelerInfo .evePhone {
	clear: both;
}
/* home, cell, work phone */
.aaa2 .travelerProfileInfo .travelerInfo .evePhone,
.aaa2 .travelerProfileInfo .travelerInfo .mobilePhone,
.aaa2 .travelerProfileInfo .travelerInfo .dayPhone { 
	padding-left: 10px;
	float: left;
}
.aaa2 .travelerProfileInfo .travelerInfo .email {
	clear: both;
	float: left;
	padding-left: 10px;
}
.aaa2 .travelerProfileInfo .travelerInfo .evePhone input,
.aaa2 .travelerProfileInfo .travelerInfo .mobilePhone input,
.aaa2 .travelerProfileInfo .travelerInfo .dayPhone input {
}
.aaa2 .travelerProfileInfo .travelerInfo .email input {
	width: 355px;
}

.aaa2 .travelerProfileInfo .travelerInfo .address1 {
	padding-left: 10px;
	clear: both;
	float: left;
	width: 200px;
}
.aaa2 .travelerProfileInfo .travelerInfo .address2 {
	float: left;
/*	_float: none; *//* ie6 */
	width: 300px;
	margin-left: 5px;
	_margin-left: 2px;
}
.aaa2 .travelerProfileInfo .travelerInfo .address2 label {
	_padding-left: 2px;
}
.aaa2 .travelerProfileInfo .travelerInfo .address1 input,
.aaa2 .travelerProfileInfo .travelerInfo .address2 input,
.aaa2 .travelerProfileInfo .travelerInfo .cityName input {
	width: 190px;
	display: block
}
.aaa2 .travelerProfileInfo .travelerInfo .address2 input {
	*margin-left: -5px; /* ie7 is the only browser not working */
	_margin-left: 0px;
}
.aaa2 .travelerProfileInfo .travelerInfo .cityName {
	padding-left: 10px;
	clear: both;
	float: left;
	width: 200px;
}
.aaa2 .travelerProfileInfo .travelerInfo .state {
	padding-left: 5px;
	float: left;
}
.aaa2 .travelerProfileInfo .travelerInfo .state select {
	display: block;
}
.aaa2 .travelerProfileInfo .travelerInfo .zipCode {
	padding-left: 15px;
	float: left;
}
.aaa2 .travelerProfileInfo .travelerInfo .emergInfo {
	border: 1px #bcdeff solid;
	width: 520px;
	padding-bottom: 10px;
	padding-left: 10px;
	clear: both;
	float: left;
}
.aaa2 .travelerProfileInfo .travelerInfo .emergInfo .heading2 {
	float: left;
	font-size: 14px;
	padding-left: 15px;	
	padding-top: 5px;
}
.aaa2 .travelerProfileInfo .travelerInfo .emergInfo .requiredText {
	float: left;
	padding-top: 5px;
	_padding-top: 5px;/* ie6 only */
	padding-bottom: 0;
	padding-left: 5px;
	font-style: normal;
	font-size: 13px;
	clear: none;
	width: 50%;
	text-align: left;
	margin-bottom: 10px;
}
.aaa2 .travelerProfileInfo .travelerInfo .emergName{
	clear: both;
}
.aaa2 .travelerProfileInfo .travelerInfo .emergName,
.aaa2 .travelerProfileInfo .travelerInfo .emergPhone,
.aaa2 .travelerProfileInfo .travelerInfo .emergCountry {
	padding-left: 5px;
	float: left;
	margin-left: 5px;
	white-space:nowrap;
}
.aaa2 .travelerProfileInfo .travelerInfo .emergCountry {
	width: 120px;
	white-space:normal;
}
.aaa2 .travelerProfileInfo .travelerInfo .emergInfo select {
	max-width: 170px;
	display: block;
	width: expression( this.scrollWidth > 171 ? "170px" : "auto" );		
}
.aaa2 .travelerProfileInfo .updateProfile {
	clear: both;
	padding-left: 10px;
	padding-top: 5px;
}
.aaa2 .travelerProfileInfo .updateProfile input {
	display: inline;
	margin-right: 5px;
}
.aaa2 .travelerProfileInfo .travelerPrefs {
	clear: both;
}
.aaa2 .travelerProfileInfo .saveProfile input {
	display: inline;
}
.aaa2 .travelerProfileInfo #newProfileName {
	float: left;	
}
.aaa2 .travelerProfileInfo #newProfileName span,
.aaa2 .travelerProfileInfo #newProfileName input {
	display: inline;
}
.aaa2 .travelerProfileInfo .specialServices .ssrDetails,
.aaa2 .specialServices .ssrDetails {
	float: none;
}
.aaa2 .travelerProfileInfo .specialServices div,
.aaa2 .specialServices .ssrDetails div {
	width: 255px;
}
.aaa2 .travelerProfileInfo .specialServices input,
.aaa2 .specialServices .ssrDetails input {
	float: none;
	display: block;
}

/* specific to air, but used across multiple modules */
.aaa2 .travelerProfileInfo .specialServices .boxContainer,
.aaa2 .travelerProfileInfo .specialServices .mySpecialServices,
.aaa2 .travelerProfileInfo .specialServices .meal,
.aaa2 .travelerProfileInfo .specialServices .airNotesBlock {
	padding-bottom: 5px;
	padding-left: 10px;
}
.aaa2 .travelerProfileInfo .specialServices .airNotesBlock {
	width: 500px;
}
.aaa2 .travelerProfileInfo .specialServices,
.aaa2 .travelerProfileInfo .specialServices .airNotesBlock {
	float: none;
}
.aaa2 .travelerProfileInfo .specialServices input,
.aaa2 .travelerProfileInfo .specialServices select {
	width: 240px;
}
.aaa2 .travelerProfileInfo .specialServices{
	clear: both;
}
.aaa2 .travelerProfileInfo .freqFlyers {
	padding-left: 10px;
	width: 245px;
	float: left;
}
.aaa2 .travelerProfileInfo .freqFlyers span {
	display:block;
}
.aaa2 .travelerProfileInfo .freqFlyers>div {
	width: 240px;
}
.aaa2 .travelerProfileInfo .freqFlyers input {
	width: 150px;
}
.aaa2 .travelerProfileInfo .freqFlyers .airlineName {
	display: block;
}
.aaa2 .travelerProfileInfo .servicesAndMeals {
	width: 245px;
	float: left;
	padding-top: 0;
}
.aaa2 .travelerProfileInfo .mySpecialServices {
	width: 245px;
}
.aaa2 .travelerProfileInfo .mySpecialServices div {
	float: none;
}
.aaa2 .travelerProfileInfo .meal {
	float: left;
}
/* end air specific */


/* specific to car but used across multiple modules */
.aaa2 .travelerProfileInfo .frequentRenter {
	float: left;
	clear: both;
	margin-left: 10px;
	_float: none;
}
.aaa2 .travelerProfileInfo .frequentRenter span {
	display: block;
}
.aaa2 .travelerProfileInfo .frequentRenter input {
	display: block;
	*margin-left: -10px; /* ie7 is the only browser that is flaking out */
	_margin-left: 0px; /* with the above fix, ie6 flakes out */
}
/* end car specific */


/* specific to hotel but used across multiple modules */
/* end hotel specific */


/* BEGIN Flight Info & Flight Status Component */

.aaa2 .flightStatus .flightNumber,
.aaa2 .flightStatus .departureDate,
.aaa2 .flightStatus .departureAirport,
.aaa2 .flightStatus .arrivalAirport {
	width: 48%;
	float: left;
	margin-top: 10px;
}
.aaa2 .flightStatus .airline label {
	margin-left: 58px;
}
.aaa2 .flightStatus .flightNumber label {
	margin-left: 14px;
}
.aaa2 .flightStatus .arrivalAirport label {
	margin-left: 13px;
}
.aaa2 .flightStatus .departureAirport {
	clear: left;
}
.aaa2 .flightStatus .separator {
	clear: left;
	margin-bottom: 10px;
}
.aaa2 .flightStatus .getFlightInfo {
	float: right;
}
.aaa2 .flightStatus .refreshFlightInfo {
	float: right;
	margin-right: 75px !important;
	margin-right: 15px;
}
.aaa2 .flightStatus .cancelRequest {
	float: left;
	width: 48%;
}
.aaa2 .flightStatus #flightStatusResults .cancelRequest,
.aaa2 .flightStatus #flightStatusDetails .cancelRequest {
	margin-top: 20px;
}
.aaa2 .flightStatus .separator2 {
	clear: left;
	margin-bottom: 10px;
}

.aaa2 .flightStatus table {
	width: 95%;
	border: 0;
}
.aaa2 .flightStatus table td {
	padding: 2px;
}

/* END Flight Status Component */

/*****************************************
 * Flight: Select Itinerary Button
 *****************************************/
.aaa2 .selectItinerary {
	float: left;
	text-decoration: none;
	padding: 3px 9px;
}
/*****************************************
 * Flight: Results Sliding Panels
 *****************************************/
.aaa2.air .SlidingPanels.rows2,
.aaa2.air .SlidingPanels.rows2 SlidingPanelsContent{
	height: 230px;
}
.aaa2.air .SlidingPanels.rows1,
.aaa2.air .SlidingPanels.rows1 SlidingPanelsContent{
	height: 170px;
}
/*****************************************
 * Flight: Results Price Separator
 *****************************************/
/* Flight Itinerary Price Separator Tool Tip */
.aaa2 .separatorWrapper .tooltipWrapper .tooltip {
	text-align: left; 
	background-color: white;
}
/*****************************************
 * flightDetailsBlock.xhtml component
 *****************************************/

/* depart label */
.aaa2 label.airDepartLabel,
.aaa2 label.airReturnLabel {
	clear:both;
	display:block;
	padding-left: 4px;
	padding-top: 4px;
}
/* Return label */
.aaa2 label.returnLabel {
	padding-top: 0px;
} 

/* Multi-dest flight label */
.aaa2 label.airDepartReturnLabel1,
.aaa2 label.airDepartReturnLabel2,
.aaa2 label.airDepartReturnLabel3,
.aaa2 label.airDepartReturnLabel4,
.aaa2 label.airDepartReturnLabel5 {
	clear:both;
	display:block;
	padding-left: 4px;
	padding-top: 4px;
}
/*Wrapper for a row of detail in the air section*/
.aaa2 .flightDetailRow{
	float:left;
	padding:5px 0 0 4px;
	width:580px;
	text-align:left;
}

/*Box for the airline logo in the results section*/
.aaa2 .flightDetailRow .airlineLogo{
	width:50px;
	max-width:50px;
	max-height:45px;
	display:block;
	padding-top:5px;
	float:left;
	margin-left:10px;
	height:45px;	
	text-align:center;
}

/*Flight details of a results row*/
.aaa2 .flightDetailRow .resultsFlightDetails{
	width:200px;
	display:block;
	padding:2px 2px 2px 2px;
	float:left;
	margin-left:10px;	
	line-height:13px;
}

/*Duration of a flight details row*/
.aaa2 .flightDetailRow .resultsFlightDuration{
	width:100px;
	display:block;
	padding:2px;
	float:left;
	margin-left:10px;	
	line-height:13px;
}
.aaa2 .flightDetailRow .confNum {
	float: right;
}
/*Handles the Select This Departure text in the results section, also handles the Select This Return box*/
.aaa2 .flightDetailRow .departureBox{
	width:50px;
	display:block;
	padding:2px;
	float:left;
	line-height:20px;
}
.aaa2.langfr .flightDetailRow .departureBoxPH,
.aaa2.langfr .flightDetailRow .departureBox {
	width:60px;
}
/*Defines a PlaceHolder (PH) for result rows that do not have the Select This boxes*/
.aaa2 .flightDetailRow .departureBoxPH{
	width:50px;
	display:block;
	padding:2px;
	float:left;
}

/*Results row, time details*/
.aaa2 .flightDetailRow .resultsTimeDetails{
	width:100px;
	display:block;
	padding:2px;
	float:left;
	margin-left:20px;	
	line-height:13px;
}

/* Flight Details Tool Tip */
.aaa2 .flightDetailRow .tooltipWrapper .tooltip {
	text-align: left; 
	background-color: white;
}
.aaa2 .flightDetailRow .tooltip .hd {
	margin: 0pt 0pt 5px; 
	text-align: left; 
	padding: 5px;
}
.aaa2 .flightDetailRow .tooltip table {
	border-spacing: 5px; 
	border-collapse: separate;
}
/* Added to clear floats used in pagination */
.aaa2 .itineraryTable {
	clear: both;
}

/*Section that displays a Plane Change*/
.aaa2 .itineraryTable .planeChange{
	float:left;
	line-height:13px;
	padding:8px 5px 5px 5px;
	width:570px;
}
/*Handles the Arrow image in the plane change section*/
.aaa2.air .planeChange .planeChangeTitle,
.aaa2 .itineraryTable .planeChangeTitle{
	padding:0 0 0 14px;
}
/* Added release 78 - removed wrappers from the <hr> added these classes to replace */
.aaa2 hr.lineSeperator,
.aaa2 .itineraryTable .line {
	clear: left;
	width: 100%;
}
/***********************************************************************
 * Car Model Types popUp
 ***********************************************************************/
.aaa2 .carModelTypePopUp .popUpContent .closeButton {
	margin-bottom: 5px;	
}
.aaa2 .carModelTypePopUp .popUpContent table {
	clear: both;
}
.aaa2 .carModelTypePopUp .popUpContent th.carTypeLink {
	width: 110px;
}
.aaa2 .carModelTypePopUp .popUpContent th.description {
	width: 184px;
}
.aaa2 .carModelTypePopUp .popUpContent th.makeModel {
	width: 240px;
}
.aaa2 .carModelTypePopUp .popUpContent th.details {
}
.aaa2 .carModelTypePopUp .popUpContent .doors,
.aaa2 .carModelTypePopUp .popUpContent .passengers,
.aaa2 .carModelTypePopUp .popUpContent .airbags {
	width: 55px;
}
.aaa2 .carModelTypePopUp .popUpContent tr.newCarType td {
	padding: 3px 0 0 0;
}
.aaa2 .carModelTypePopUp .popUpContent tr.newCarType::before td {
	padding: 3px 0 0 0;	
}
.aaa2 .carModelTypePopUp .popUpContent b.needLocation {
	margin: 10px;
}
.aaa2 .carModelTypePopUp .popUpContent b.needLocation {
	margin: 10px;
}
.aaa2 .carModelTypePopUp .popUpContent .closeLink {
	float: right;
}
/* When we print, we do not want any of the navigation, just the center content */
/* The styles inside this section are SPECIFIC to printing only the center content*/
@media print { 
	.aaa2 .travelBar,
	.aaa2 .pBar,
	.aaa2 .printEmailIcons,
	.aaa2 .rightServicesContent,
	#header,
	.noprint,
	.clubLeft,
	.clubRight,
	.aaa2 .mapDirLink,
	#disclaimer table td font a  
	{
		display: none;
	}
	.aaa2 .mainContent,
	.aaa2 .confirmSection,
	.aaa2 .confirmationIntro,
	.aaa2 .confirmationTitle,
	.aaa2 .confirmationHeader,
	.aaa2 .addRoomLink,
	.aaa2 .infoTitle,
	.aaa2 #clubContent1,
	.aaa2 #clubContent2,
	.aaa2 .commentsTitle,
	#disclaimer,
	#footer {
		border-right: none;
		width: 700px !important;
		width: 650px;
	}

	.aaa2 .confirmSection,
	.aaa2 .mainContent {
		border-right: none;
		width: 750px !important;
		width: 650px; 
	}

}