@charset "utf-8";
/***********************************************************************
 * services.css
 * $Revision: 1684 $
 * $Date: 2010-09-17 16:41:17 -0400 (Fri, 17 Sep 2010) $
 * $Author: ijones $
 ***********************************************************************
/*

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

Document Structure:
This document contains the default colors, fonts and display for each component, and for the default layout.  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 collapsible panel from having a default left border color of #CCCCCC to #FF0000 (red) on the page the setting is found on...

.aaa2 .CollapsiblePanel {
	border-left:solid 1px #FF0000; /* red *//*
}

Default services display classes follow.
*/
/***************************************************/
/* Font Size Equivalents */
/* larger = 18px */
/* large = 16px */
/* medium = 14px */
/* small = 13px */
/*  12px = 12px */
/*  11px = 11px */
/*  10px = 10px */

/* SETTING FOR NORMAL SIZE BODY TEXT */
.bodyText {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:normal;
	color:#000000;
	font-style:normal;
}

/* SETTING FOR NORMAL SIZE BODY TEXT THAT ARE EMPHASIZED */
.bodyTextBold {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color:#000000;
	font-style:normal;
}
/* SETTING FOR NORMAL SIZE BODY TEXT IN ITALICS */
.bodyTextItalic {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:normal;
	color:#000000;
	font-style:italic;
}
/* SETTING FOR NORMAL SIZE BODY TEXT LINKS */
.bodyTextLink {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:normal;
	color:#0000FF;
	font-style:normal;
	text-decoration:underline;
	cursor:pointer;
}
/* SETTING FOR NORMAL SIZE BODY TEXT EMPHASIZED AND ITALIC */
.bodyTextBoldItalic {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color:#000000;
	font-style:italic;
}
/* SETTING FOR NORMAL SIZE BODY TEXT EMPHASIZED LINKS */
.bodyTextBoldLink {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color:#0000FF;
	font-style:normal;
	text-decoration:underline;
	cursor:pointer;
}
/* SETTING FOR BODY TEXT 1 STEP LESS IMPORTANT THAN NORMAL */
.bodyText1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color:#000000;
	font-style:normal;
}

/* SETTING FOR BODY TEXT 1 STEP LESS IMPORTANT THAN NORMAL */
/* THAT ARE EMPHASIZED */
.bodyText1Bold {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#000000;
	font-style:normal;
}
/* SETTING FOR BODY TEXT 1 STEP LESS IMPORTANT THAN NORMAL */
/* IN ITALICS */
.bodyText1Italic {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color:#000000;
	font-style:italic;
}
/* SETTING FOR BODY TEXT 1 STEP LESS IMPORTANT THAN NORMAL LINKS */
.bodyText1Link {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color:#0000FF;
	font-style:normal;
	text-decoration:underline;
	background-color:transparent;
	cursor:pointer;
}
/* SETTING FOR NORMAL SIZE BODY TEXT EMPHASIZED AND ITALIC */
.bodyText1BoldItalic {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#000000;
	font-style:italic;
}
/* SETTING FOR NORMAL SIZE BODY TEXT EMPHASIZED LINKS */
.bodyText1BoldLink {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#0000FF;
	font-style:normal;
	text-decoration:underline;
	background-color:transparent;
	cursor:pointer;
}
/* SETTING FOR BODY TEXT 2 STEPS LESS IMPORTANT THAN NORMAL */
.bodyText2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#000000;
	font-style:normal;
}
/* SETTING FOR BODY TEXT 2 STEPS LESS IMPORTANT THAN NORMAL */
/* THAT ARE EMPHASIZED */
.bodyText2Bold {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#000000;
	font-style:normal;
}
/* SETTING FOR BODY TEXT 2 STEPS LESS IMPORTANT THAN NORMAL */
/* IN ITALICS */
.bodyText2Italic {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#000000;
	font-style:italic;
}
/* SETTING FOR BODY TEXT 2 STEPS LESS IMPORTANT THAN NORMAL LINKS */
.bodyText2Link {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#0000FF;
	font-style:normal;
	text-decoration:underline;
	background-color:transparent;
	cursor:pointer;
}
/* SETTING FOR NORMAL SIZE BODY TEXT EMPHASIZED AND ITALIC */
.bodyText2BoldItalic {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#000000;
	font-style:italic;
}
/* SETTING FOR NORMAL SIZE BODY TEXT EMPHASIZED LINKS */
.bodyText2BoldLink {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#0000FF;
	font-style:normal;
	text-decoration:underline;
	background-color:transparent;
	cursor:pointer;
}
/* SETTING FOR NORMAL SIZE BODY TEXT EMPHASIZED AND ITALIC */
.bodyText2BoldItalic {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#000000;
	font-style:italic;
}
/* SETTING FOR NORMAL SIZE BODY TEXT EMPHASIZED LINKS */
.bodyText2BoldLink {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#0000FF;
	font-style:normal;
	text-decoration:underline;
	background-color:transparent;
	cursor:pointer;
}
/* SETTING FOR BODY TEXT 3 STEPS LESS IMPORTANT THAN NORMAL */
.bodyText3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color:#000000;
	font-style:normal;
}
/* SETTING FOR BODY TEXT 3 STEPS LESS IMPORTANT THAN NORMAL */
/* THAT ARE EMPHASIZED */
.bodyText3Bold {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color:#000000;
	font-style:normal;
}
/* SETTING FOR BODY TEXT 3 STEPS LESS IMPORTANT THAN NORMAL */
/* IN ITALICS */
.bodyText3Italic {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color:#000000;
	font-style:italic;
}
/* SETTING FOR BODY TEXT 3 STEPS LESS IMPORTANT THAN NORMAL LINKS */
.bodyText3Link {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color:#0000FF;
	font-style:normal;
	text-decoration:underline;
	cursor:pointer;
}
/* For accessability, there are times we want to
   show plain text but use a strong tag */
.aaa2 strong.bodyText,
.aaa2 strong.bodyText1,
.aaa2 strong.bodyText2 {
	font-weight:normal;
}
/* For when we want a head tag, but not the normal
   head style, allowing for SEO compliance, and styles */
.aaa2 h1.bodyText,
.aaa2 h2.bodyText,
.aaa2 h3.bodyText,
.aaa2 h4.bodyText {
	font-size:13px;
	font-weight:normal;
}

/* Disabled fields now allow for disabled text to 
   be effectively grayed out as well
*/
.disabled,
.aaa2 .disabled,
.fieldLabel.disabled,
.fieldLabel1.disabled,
.fieldLabel2.disabled,
.fieldLabel3.disabled,
.fieldLabelBold.disabled,
.fieldLabel1Bold.disabled,
.fieldLabel2Bold.disabled,
.fieldLabel3Bold.disabled,
.fieldLabelItalic.disabled,
.fieldLabel1Italic.disabled,
.fieldLabel2Italic.disabled,
.fieldLabel3Italic.disabled,
.fieldLabelLink.disabled,
.fieldLabel1Link.disabled,
.fieldLabel2Link.disabled,
.fieldLabel3Link.disabled,
.fieldLabelBoldLink.disabled,
.fieldLabel1BoldLink.disabled,
.fieldLabel2BoldLink.disabled,
.fieldLabel3BoldLink.disabled,
.fieldText.disabled,
.fieldText1.disabled,
.fieldText2.disabled,
.fieldText3.disabled
{
	color:#cccccc !important;
}


/* SETTING FOR NORMAL SIZE FIELD LABELS */
.fieldLabel {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:normal;
	color:#000000;
	font-style:normal;
}
/* SETTING FOR NORMAL SIZE FIELD LABELS THAT ARE EMPHASIZED */
.fieldLabelBold {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color:#000000;
	font-style:normal;
}
/* SETTING FOR NORMAL SIZE FIELD LABELS IN ITALICS */
.fieldLabelItalic {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:normal;
	color:#000000;
	font-style:italic;
}
/* SETTING FOR NORMAL SIZE FIELD LABEL LINKS */
.fieldLabelLink {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:normal;
	color:#0000FF;
	font-style:normal;
	text-decoration:underline;
	cursor:pointer;

}
/* SETTING FOR BOLD FIELD LABEL LINKS */
.fieldLabelBoldLink {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color:#0000FF;
	font-style:normal;
	text-decoration:underline;
	cursor:pointer;
}
/* SETTING FOR FIELD LABELS 1 STEP LESS IMPORTANT THAN NORMAL */
.fieldLabel1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color:#000000;
	font-style:normal;
}
/* SETTING FOR FIELD LABELS 1 STEP LESS IMPORTANT THAN NORMAL */
/* THAT ARE EMPHASIZED */
.fieldLabel1Bold {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#000000;
	font-style:normal;
}
/* SETTING FOR FIELD LABELS 1 STEP LESS IMPORTANT THAN NORMAL */
/* IN ITALICS */
.fieldLabel1Italic {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color:#000000;
	font-style:italic;
}
/* SETTING FOR FIELD LABEL 1 STEP LESS IMPORTANT THAN NORMAL LINKS */
.fieldLabel1Link {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color:#0000FF;
	font-style:normal;
	text-decoration:underline;
	cursor:pointer;
}
/* SETTING FOR BOLD FIELD LABEL 1 STEP LESS IMPORTANT THAN NORMAL LINKS */
.fieldLabel1BoldLink {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#0000FF;
	font-style:normal;
	text-decoration:underline;
	cursor:pointer;
}
/* SETTING FOR FIELD LABELS 2 STEPS LESS IMPORTANT THAN NORMAL */
.fieldLabel2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#000000;
	font-style:normal;
}
/* SETTING FOR FIELD LABELS 2 STEPS LESS IMPORTANT THAN NORMAL */
/* THAT ARE EMPHASIZED */
.fieldLabel2Bold {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#000000;
	font-style:normal;
}
/* SETTING FOR FIELD LABELS 2 STEPS LESS IMPORTANT THAN NORMAL */
/* IN ITALICS */
.fieldLabel2Italic {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#000000;
	font-style:italic;
}
/* SETTING FOR FIELD LABEL 2 STEPS LESS IMPORTANT THAN NORMAL LINKS */
.fieldLabel2Link {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#0000FF;
	font-style:normal;
	text-decoration:underline;
	cursor:pointer;
}
/* SETTING FOR BOLD FIELD LABEL 2 STEPS LESS IMPORTANT THAN NORMAL LINKS */
.fieldLabel2BoldLink {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#0000FF;
	font-style:normal;
	text-decoration:underline;
	cursor:pointer;
}
/* SETTING FOR FIELD LABELS 3 STEPS LESS IMPORTANT THAN NORMAL */
.fieldLabel3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color:#000000;
	font-style:normal;
}
/* SETTING FOR FIELD LABELS 3 STEPS LESS IMPORTANT THAN NORMAL */
/* THAT ARE EMPHASIZED */
.fieldLabel3Bold {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color:#000000;
	font-style:normal;
}
/* SETTING FOR FIELD LABELS 3 STEPS LESS IMPORTANT THAN NORMAL */

/* IN ITALICS */
.fieldLabel3Italic {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color:#000000;
	font-style:italic;
}
/* SETTING FOR FIELD LABEL 3 STEPS LESS IMPORTANT THAN NORMAL LINKS */
.fieldLabel3Link {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color:#0000FF;
	font-style:normal;
	text-decoration:underline;
	cursor:pointer;
}
/* SETTING FOR NORMAL SIZE FIELD TEXT */
.fieldText {
	font-family:Arial, Helvetica, sans-serif;
  	font-size: 13px;
	font-weight:normal;
	color:#000000;
	font-style:normal;
}
/* SETTING FOR FIELD TEXT 1 STEP LESS IMPORTANT THAN NORMAL */
.fieldText1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color:#000000;
	font-style:normal;
}
/* SETTING FOR FIELD TEXT 2 STEPS LESS IMPORTANT THAN NORMAL */
.fieldText2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#000000;
	font-style:normal;
}
/* SETTING FOR FIELD TEXT 3 STEPS LESS IMPORTANT THAN NORMAL */
.fieldText3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color:#000000;
	font-style:normal;
}
/* SETTINGS FOR ALL NORMAL MAIN HEADINGS */
.heading1 {
	font-family:Veranda, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	color:#003399;
}
/* SETTINGS FOR ALL SECONDARY HEADINGS 1 STEP LESS IMPORTANT THAN NORMAL */
.heading2 {
	font-family:Veranda, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	color:#003399;
}
/* SETTINGS FOR MINOR HEADINGS 2 STEPS LESS IMPORTANT THAN NORMAL */
.heading3 {
	font-family:Veranda, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#003399;
}
/* SETTINGS SPECIFIC TO OPTIONS WHICH ARE UNAVAILABLE */
.unavail {
	color:#999999;
}
/* SETTINGS SPECIFIC TO THE CALENDAR ICONS */
.aaa2 .cal {
	cursor:pointer;
}

/***********************************************************************
 * Small AAA/CAA logo used for Rates etc.
 ***********************************************************************/
.aaa2 .aaaSmallLogo {
	background-image:url(/AAA/common/images/littleaaa.gif);
	background-repeat:no-repeat;
	padding-left:28px;
	height:17px;
}
.aaa2 .caaSmallLogo {
	background-image:url(/AAA/common/images/littlecaa.png);
	background-repeat:no-repeat;
	padding-left:28px;
	height:17px;
}
.aaa2 .aaa.prefPartner {
	background-image:url(/AAA/common/images/preferred_partner58x20.jpg);
	background-repeat:no-repeat;
	height:20px;
}
.aaa2 .caa.prefPartner {
	background-image:url(/AAA/common/images/caa_preferred_partner58x20.png);
	background-repeat:no-repeat;
	height:20px;
}

/* colors text appropriately for default aaaRate */
.aaa2 .aaaRate {
	color:#CC0000;
	font-weight:bold;
}

/***********************************************************************
 * BEGIN SPRY COLLAPSIBLE PANEL DEFAULT DISPLAY STYLES                 *
 * SPRY DEFAULT POSITIONAL STYLES IN COMPONENTS STYLE SHEET            *
 * SpryCollapsiblePanel.css - Revision:Spry Preview Release 1.4       *
 * Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved *
 * Adobe Copyright refers to any instance of SpryCollapsiblePanels or  *
 * SpryTabbedPanels stylizations                                       *
 ***********************************************************************/
/* For main Collapsible Panel container  */
 .aaa2 .CollapsiblePanel {
	border-left:solid 0px #CCCCCC;
	border-right:solid 0px #999999;
	border-top:solid 0px #999999;
	border-bottom:solid 0px #CCCCCC;
}
/* For main Collapsible Panel container closed state */
.aaa2 .CollapsiblePanelClosed {
	border-left:0px;
	border-right:0px;
	border-top:0px;
	border-bottom:0px;
}
/* For panel's content area */
.aaa2 .CollapsiblePanelContent {
	border-right:solid 1px #BCD2E6;
	border-top:solid 1px #BCD2E6;
	border-left:solid 1px #BCD2E6;
	border-bottom:solid 1px #BCD2E6;
	background-color:#FFFFFF;
}
/* For title of the panel, what the user clicks to open/close panel */
.aaa2 .CollapsiblePanel .CollapsiblePanelTab {
	background:transparent url("/AAA/common/images/tableft1.gif") no-repeat;
	background-position:0% -42px;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	cursor:pointer;
	/*color:#627EB7; */
	color:#0000CC;
	border-bottom:solid 1px #BCD2E6;
}
.aaa2 #signInPanel.CollapsiblePanel .CollapsiblePanelTab,
.aaa2 #nameTripPanel.CollapsiblePanel .CollapsiblePanelTab,
.aaa2 #travelerPanel.CollapsiblePanel .CollapsiblePanelTab,
.aaa2 #travelerInfoPanel.CollapsiblePanel .CollapsiblePanelTab,
.aaa2 #seatingInfoPanel.CollapsiblePanel .CollapsiblePanelTab,
.aaa2 #paymentInfoPanel.CollapsiblePanel .CollapsiblePanelTab,
.aaa2 #deliveryOptionsPanel.CollapsiblePanel .CollapsiblePanelTab {
	cursor:default;
}
/* Defines look of anchor in panel tab */
.aaa2 .CollapsiblePanel .CollapsiblePanelTab a {
	display:block;
	background:#transparent url("/AAA/common/images/tabright.gif") no-repeat;
	background-position:right top;
}
/* dark blue on light blue arrow */
.aaa2 .CollapsiblePanel .CollapsiblePanelTab a span {
	background:transparent url("/AAA/common/images/spriteTriangleBullet.gif") no-repeat;
	background-position:left -72px;
	float:none;
	padding-right:15px;
}
/* white on dark blue arrow */
.aaa2 .CollapsiblePanel .CollapsiblePanelTab.CollapsiblePanelTabHover a span {
	background:transparent url("/AAA/common/images/spriteTriangleBullet.gif") no-repeat;
	background-position:left -55px;
	float:none;
	padding-right:15px;
}


/* Defines look of anchor in panel tab */
.aaa2 .CollapsiblePanel .CollapsiblePanelTab a {
	display:block;
	background-image:url("/AAA/common/images/tabright.gif");
	background-repeat:no-repeat;
	background-position:100% -42px;
	text-decoration:none;
}
/* Defines panel's appearance when open */
.aaa2 .CollapsiblePanelOpen .CollapsiblePanelTab {
	border-bottom:0px;
}
/* Defines panel's anchor's appearance when open */
.aaa2 .CollapsiblePanelOpen .CollapsiblePanelTab a {
}
.aaa2 .CollapsiblePanelOpen .CollapsiblePanelTab a span {
	background:url("/AAA/common/images/spriteTriangleBullet.gif") no-repeat;
	background-position:left 0px;
}

.aaa2 .CollapsiblePanelOpen .CollapsiblePanelTab.CollapsiblePanelTabHover a span {
	background-position:0% 0px;
}
/* Defines appearance of anchors in panel tab during mouse hover */
.aaa2 .CollapsiblePanel .CollapsiblePanelTabHover a,
.aaa2 .CollapsiblePanelOpen .CollapsiblePanelTabHover a {
	font:bold 12px Arial, Helvetica, sans-serif;
}
/* Defines appearance of spans panel tab during mouse hover */
.aaa2 .CollapsiblePanel .CollapsiblePanelTabHover a span,
.aaa2 .CollapsiblePanelOpen .CollapsiblePanelTabHover a span {
}
/* Defines panel's appearance when open */
.aaa2 .CollapsiblePanelOpen .CollapsiblePanelTab {
	background-position:0% -127px;
}
/* Defines panel's anchor's appearance when open */
.aaa2 .CollapsiblePanelOpen .CollapsiblePanelTab a {
	background-position:100% -127px;
	color:#EEEEEE;
}
/* Defines panel's spans appearance when open */
.aaa2 .CollapsiblePanelOpen .CollapsiblePanelTab a span {
}
/* Defines appearance of panel tab during mouse hover */
/* The background positioning is used to define the part of the image that is displayed */
.aaa2 .CollapsiblePanel .CollapsiblePanelTabHover,
.aaa2 .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-position:0% -169px;
	color:#627EB7;
}
.aaa2 .CollapsiblePanelOpen .CollapsiblePanelTabHover a {
	background-position:100% -169px;
	color:#EEEEEE;
	/* TODO: Add hover arrow here */
}
/* Defines appearance of anchors in panel tab during mouse hover */
/* The background positioning is used to define the part of the image that is displayed */
.aaa2 .CollapsiblePanelClosed .CollapsiblePanelTabHover {
	background-position:0% -126px;
	color:#EEEEEE;
}
.aaa2 .CollapsiblePanelClosed .CollapsiblePanelTabHover a {
 	background-position:100% -126px;
	color:#EEEEEE;
}
/* Defines appearance of spans panel tab during mouse hover */
.aaa2 .CollapsiblePanel .CollapsiblePanelTabHover a span,
.aaa2 .CollapsiblePanelOpen .CollapsiblePanelTabHover a span {
}
/* Defines appearance of all panel tabs when CollapsiblePanel has focus */
/* The background positioning is used to define the part of the image that is displayed */
.aaa2 .CollapsiblePanelFocused .CollapsiblePanelTab {
}
.aaa2 .CollapsiblePanelFocused .CollapsiblePanelTab a {
}
.aaa2 .CollapsiblePanelFocused .CollapsiblePanelTab a span {
}
.aaa2 .CollapsiblePanelOpen.CollapsiblePanelFocused .CollapsiblePanelTab {
}
.aaa2 .CollapsiblePanelOpen.CollapsiblePanelFocused .CollapsiblePanelTab a {
}
/* END SPRY COLLAPSIBLE PANEL DEFAULT DISPLAY */

/************************* disabledCollapsiblePanel Styles *********************************/
/* Defines the disabled collapsible panel tab color based on the place in the image sprite */
/*******************************************************************************************/
.aaa2 .CollapsiblePanel.disabled.CollapsiblePanelClosed>.CollapsiblePanelTab {
	background-position:0% -85px;
	border-bottom:1px #AAA999 solid;
	color:#CCCCCC;
	cursor:default;
}
.aaa2 .CollapsiblePanel.disabled.CollapsiblePanelClosed>.CollapsiblePanelTab a {
	background-position:100% -84px;
}
.aaa2 .CollapsiblePanel.disabled.CollapsiblePanelClosed>.CollapsiblePanelTab a span {
	background-position:50px 50px;
}

/********************************** tabbedPanelsTab Styles *********************************/
/* Defines appearance of TabbedPanelsTab                                                   */
/*******************************************************************************************/
.aaa2 .TabbedPanelsTab {
	background:#F4F7FB;
	font-size:11px;
	border-bottom:1px solid #BCD2E6;
	cursor:pointer;
}
/* Defines appearance of left side of tab, rounded corner sprite, etc */
.aaa2 .TabbedPanelsTab a {
	background:transparent url("/AAA/common/images/tableft1.gif") no-repeat;
	background-position:0px -126px;
	text-decoration:none;
}
/* Defines appearance of right side of tab, rounded corner sprite, etc */
.aaa2 .TabbedPanelsTab a span {
	background:transparent url("/AAA/common/images/tabright.gif") no-repeat;
	background-position:right -126px;
	color:#EEEEEE;
	font-weight:bold;
}

/********************************** tabbedPanelsTab Styles *********************************/
/* Defines appearance of tab button container at mouse hover                               */
/*******************************************************************************************/
.aaa2 .TabbedPanelsTabHover {
	color:#627EB7;
}
.aaa2 .TabbedPanelsTabHover a {
	background-position:0% -169px;
	color:#627EB7;
}
.aaa2 .TabbedPanelsTabHover a span {
	background-position:100% -169px;
	color:#FFFFFF;
}

/****************************** selectedTabbedPanel Styles *********************************/
/* Defines appearance of tabbutton container after user click activates panel              */
/*******************************************************************************************/
.aaa2 .TabbedPanelsTabSelected {
	font-weight:bold;
}
.aaa2 .TabbedPanelsTabSelected a {
	background-position:0% -169px;
}
.aaa2 .TabbedPanelsTabSelected a span {
	background-position:100% -169px;
}

.aaa2 .TabbedPanelsTabSelected.light a,
.aaa2 .TabbedPanelsTabSelected.light a span {
	color:#336666;
}
/*************************** Light CollapsiblePanel Styles *********************************
 * 
 *******************************************************************************************/
.aaa2 .lightBlue .TabbedPanelsTab {
	font-size:14px;
}
.aaa2 .lightBlue .TabbedPanelsTab a {
	background-position:0px -42px;
}
.aaa2 .lightBlue .TabbedPanelsTab a span {
	background-position:right -42px;
	color:#003399;
	font-weight:bold;
}
.aaa2 .lightBlue .TabbedPanelsTabSelected a {
	background-position:0% -127px;
}
.aaa2 .lightBlue .TabbedPanelsTabSelected a span {
	background-position:100% -126px;
	color:#EEEEEE;
	font-weight:bold;
}
.aaa2 .lightBlue .TabbedPanelsTab.TabbedPanelsTabHover a {
	background-position:0% -127px;
}
.aaa2 .lightBlue .TabbedPanelsTab.TabbedPanelsTabHover a span {
	background-position:100% -126px;
	color:#EEEEEE;
	font-weight:bold;
}

/************************** tabbedPanelContentGroup Styles *********************************/
/* Defines appearance of tabbutton container after user click activates panel              */
/*******************************************************************************************/

/* Defines appearance of  ContentGroup */
.aaa2 .TabbedPanelsContentGroup {
	border-left:solid 1px #BCD2E6;
	border-bottom:solid 1px #BCD2E6;
	border-top:solid 1px #BCD2E6;
	border-right:solid 1px #BCD2E6;
	background-color:#FFFFFF;
}
/* Defines appearance of the currently activated container panel based */
/* on activated/deactivated state */
.aaa2 .TabbedPanelsContentVisible {
/* currently undefined */
}

/************************* disabledTabbedPanel Styles *********************************/
/* Defines the disabled tabbed panel tab color based on the place in the image sprite */
/*******************************************************************************************/

/* Defines the disabled collapsible panel tab color based on the place in the image sprite */
.aaa2 .TabbedPanelsTab.disabled {
	border-bottom:1px #CCCCCC solid;
	cursor:default;
}
.aaa2 .TabbedPanelsTab.disabled a {
	background-position:0% -85px;
}
.aaa2 .TabbedPanelsTab.disabled a span {
	background-position:100% -84px;
	color:#CCCCCC;
}

/************************* Vertical Tabbed Panel Styles *********************************/
/* Defines appearance of Vertical Tabbed PanelsGroup                                    */
/****************************************************************************************/
.aaa2 .VTabbedPanels .TabbedPanelsTabGroup {
	background-color:#EEEEEE;
	border-top:solid 1px #999999;
	border-right:solid 1px #999999;
	border-left:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
}
/* Defines appearance of vertical tabs */
.aaa2 .VTabbedPanels .TabbedPanelsTab {
	border-top:none;
	border-left:none;
	border-right:none;
}
/* Defines appearance of selected vertical tab */
.aaa2 .VTabbedPanels .TabbedPanelsTabSelected {
	background-color:#EEEEEE;
	border-bottom:solid 1px #999999;
}
/* END SPRY COLLAPSIBLE TABS DEFAULT DISPLAY */

/* SpryMenuBarHorizontal - 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 {
	list-style-type:none;
	font-size: 11px;
	font-weight:bold;
	cursor:default;
}
/* Menu item containers, position children relative to this container and are a fixed width */
.aaa2 ul.MenuBarHorizontal li {
	list-style-type:none;
	cursor:pointer;
	border:1px solid #BCD2E6;
}
/* 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 {
	list-style-type:none;
	cursor:default;
}

/*******************************************************************************
 DESIGN INFORMATION:describes color scheme, borders, fonts
*******************************************************************************/
/* Submenu containers have borders on all sides */
.aaa2 ul.MenuBarHorizontal ul {
	border:1px solid #BCD2E6;
	background-color:#FFFFFF;
}
/* Menu items */
.aaa2 ul.MenuBarHorizontal a {
	cursor:pointer;
	background-color:#FFFFFF;
	color:#627EB7;
	text-decoration:underline;
}
/* Menu items that have mouse over or focus */
.aaa2 ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus {
	background-color:#E3ECF4;
	color:#627EB7;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
.aaa2 ul.MenuBarHorizontal a.MenuBarItemHover,
.aaa2 ul.MenuBarHorizontal a.MenuBarItemSubmenuHover,
.aaa2 ul.MenuBarHorizontal a.MenuBarSubmenuVisible {
	background-color:#E3ECF4;
	color:#627EB7;
}

.aaa2 li.mbCurrent a {
	background-color:#E3ECF4;
	color:#627EB7;
	text-align:center;
	text-decoration:none;
}
.aaa2 li.mbNotCurrent a {
	text-align:center;
}
.aaa2 li.subMenuItem a {
	text-align:left;
	background-color:#FFFFFF;
}

.aaa2 li.smbCurrent a {
	background-color:#E3ECF4;
	color:#627EB7;
	text-align:left;
	text-decoration:none;
}
/*******************************************************************************
 BROWSER HACKS:the hacks below should not be changed unless you are an expert
 *******************************************************************************/
/* HACK FOR IE:to stabilize appearance of menu items */
@media screen, projection {
ul.MenuBarHorizontal li.MenuBarItemIE {
	background:#FFFFFF;
}
}
/*******************************************************************************
 END BROWSER HACKS
 *******************************************************************************/

/* mainContainer houses all content that is contained in the services TD*/
#mainContainer.aaa2 {
	border-style:solid;
	border-color:#000000;
	float:left;
	z-index:0;
}
.loginPage .aaa2 {
	border-style:none;
	border-color:transparent;
}
/*mainContent is the area where forms, etc. are contained. AKA body*/
.aaa2 .mainContent {
	border-color:#000000;
	border-right-color:#000000;
	border-right-style:solid;
	z-index:0;
}
/* Yellow HIGHLIGHTing for Keyword Search or other pages which use highlighting */
.aaa2 .highlight {
	background-color:#FFFF00;
	font-weight:bold;
}

/* Defines headers for popups */
.aaa2 .darkHeader {
	background:transparent url(/AAA/common/images/tab.gif) repeat-x scroll;
	background-position:0% -127px;
	border-top-color:#BCD2E6;
	border-left-color:#BCD2E6;
	border-right-color:#BCD2A7;
	border-bottom-color:#BCD2A7;
	border-style:solid;
	border-width:1px 1pt;
	margin:0;
	padding:2px;
	display:-moz-inline-box;
	color:#EEEFFF;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style:normal;
	font-weight:bold;
	text-align:center;
	vertical-align:text-bottom;
	text-decoration:none;
}

/* Note:SELECTs are usually rendered by deferring to the OS's UI code */
/* Defines appearance of input buttons */
.tripBuilder .btn,
.aaa2 .btn,
.aaa2 .payNowPayLaterHeader,
.aaa2 .darkHeader {
	background:transparent url(/AAA/common/images/tab.gif) repeat-x scroll;
	background-position:0% -127px;
	border-top-color:#BCD2E6;
	border-left-color:#BCD2E6;
	border-right-color:#BCD2A7;
	border-bottom-color:#BCD2A7;
	border-style:solid;
	border-width:1px 1pt;
	margin:auto .25em;
	padding:2px;
	display:-moz-inline-box;
	color:#EEEFFF;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style:normal;
	font-weight:bold;
	text-align:center;
	vertical-align:text-bottom;
	text-decoration:none;
}
.tripBuilder .btn:hover,
.aaa2 .btn:hover {
	background:transparent url(/AAA/common/images/tab.gif) repeat-x scroll;
	background-position:left -175px;
	border-color:#0000FF;
	color:#FFFFFF;
	text-decoration:underline;
}
.tripBuilder .btn:active,
.aaa2 .btn:active {
	border-right-color:#BCD2E6;
	border-bottom-color:#BCD2E6;
	border-top-color:#BCD2A7;
	border-left-color:#BCD2A7;
}
.tripBuilder .btn.disabledButton,
.aaa2 .btn.disabledButton,
.aaa2 input[disabled=disabled] {
	color:#BCD2E6;
}
.aaa2 .btn.light {
	background-position:0% -4px;
	color:#336699;
}
.aaa2 .btn.light:hover {
	background-position:0% -127px;
	color:#EEEFFF;
}


/* Defines appearance of input fields */
/* .aaa2 input[type=checkbox], .aaa2 .checkbox, */
.aaa2 input[type=text], .aaa2 .inputText,
.aaa2 select, .aaa2 .select {
	border-color:#BCD2E6;
	border-style:solid;
	border-width:1px;
	display:-moz-inline-box;
	highlight:#FF0000;
}

.aaa2 input:focus,
.aaa2 select:focus {
	border-color:#BCD2E6;
	border-style:solid;
	border-width:1px;
	display:-moz-inline-box;
	background-color:#FFFFCC;
}

.aaa2 select {
	scrollbarBaseColor:#BCD2E6;
	scrollbarArrowColor:#E3ECF4;
}
/*Colors text red for required indicators*/
.aaa2 .required {
	color:#FF0000;
}
/* BEGIN Incomplete/Error styles */
.aaa2 label.incomplete {
	color:#FF0000;
}
/* Incomplete fields message text styling  */
.aaa2 .errorMessage {
	color:#FF0000;
}
.aaa2 ul.errorMessage {
	background-color:#FFFF99;
	border:#FF0000 1px solid;
}
.aaa2 ul.errorMessage li {
	list-style-type:none;
	color:#FF0000;
}
.aaa2 ul.errorMessage ul li {
	list-style-type:disc;
	font-weight:normal;
}

/********************************************
 * BEGIN Automotive Error/Success Messages  *
 ********************************************
 * These error/success styles are used in   *
 * Automotive only at this time.  They will *
 * most likely change so modification       *
 * of them in club overrides is highly      *
 * discouraged at this time.  This notice   *
 * will be updated/removed when ready - Thx!*
 ********************************************/
.aaa2 ul.messages {
	padding:0;
	margin:0 0 1em 0;
}
/* Incomplete fields message text styling  */
.aaa2 ul.messages li.errorMessage,
.aaa2 ul.messages li.fatalMessage,
.aaa2 ul.messages li.warnMessage {
	background-color:#FFFF99;
	border:#FF0000 1px solid;
	color:#FF0000;
	list-style-type:none;
	padding:10px;
}

/* Success/Info messages message text styling  */
.aaa2 ul.messages li.infoMessage ,
.aaa2 ul.infoMessage {
	background-color:palegreen;
	border:green 1px solid;
	color:green;
	list-style-type:none;
	padding:10px;
}
/********************************************
 * END Automotive Error/Success Messages    *
 ********************************************/

/********************************************
 * BEGIN Message Bundle Error/Success Messages  *
 ********************************************
 * These error/success styles are used in   *
 * Automotive only at this time.  They will *
 * most likely change so modification       *
 * of them in club overrides is highly      *
 * discouraged at this time.  This notice   *
 * will be updated/removed when ready - Thx!*
 ********************************************/
.aaa2 .messageBundle ul {
	padding:0;
	margin:0 0 1em 0;
}
/* Incomplete fields message text styling  */
.aaa2 .messageBundle ul.errorMessage,
.aaa2 .messageBundle ul.fatalMessage,
.aaa2 .messageBundle ul.warnMessage {
	background-color:#FFFF99;
	border:#FF0000 1px solid;
	color:#FF0000;
	padding:10px;
}
.aaa2 .messageBundle ul li {
	list-style-type:none;
}
/* Success/Info messages message text styling  */
.aaa2 .messageBundle ul.infoMessage {
	background-color:palegreen;
	border:green 1px solid;
	color:green;
	list-style-type:none;
	padding:10px;
}
/********************************************
 * END Message Bundle Error/Success Messages    *
 ********************************************/

.aaa2 .didYouMeanList ul,
.aaa2 .errorField input[type="checkbox"],
.aaa2 .errorField input[type="radio"],
.aaa2 input[type="checkbox"].errorField,
.aaa2 input[type="radio"].errorField,
.aaa2 input.errorField,
.aaa2 .errorField input,
.aaa2 select.errorField {
	background-color:#FFFF99;
	border:#FF0000 solid 1px;
	border:#FF0000 solid 1px !important;
	outline:#FF0000 solid 2px;
}
.aaa2 .didYouMeanList ul li {
	background-color:#FFFF99;
}
.aaa2 .didYouMeanList ul li:hover {
	font-weight:bold;
}
/* END Incomplete/Error styles */

/****************************************************
 * Error / Login / Session Expired Page Styles *
 ****************************************************/
.loginPage .aaa2 .mainContent,
.aaa2.sessionExpired .mainContent,
.aaa2.errorPage .mainContent,
.sessionExpired .aaa2 .mainContent,
.errorPage .aaa2 .mainContent {
	border:1px solid #BCDEFF;
	padding-top:5px;
	-webkit-box-shadow:5px 5px 5px #999;
	-moz-box-shadow:#999 5px 5px 5px;
}
.loginPage .aaa2 .errorImage,
.aaa2.sessionExpired .errorImage,
.aaa2.errorPage .errorImage 
.sessionExpired .aaa2 .errorImage,
.errorPage .aaa2 .errorImage {
/*	-webkit-box-shadow:5px 5px 5px #999;
*/
}
.loginPage .aaa2 .heading1,
.aaa2.sessionExpired .heading1,
.aaa2.errorPage .heading1,
.sessionExpired .aaa2 .heading1,
.errorPage .aaa2 .heading1 {
	text-shadow:6px 6px 6px #999999;
}
/****************************************************
 * Login Page Styles *
 ****************************************************/
.loginPage .aaa2 h1,
.loginPage .aaa2 h2 {
	border-bottom:1px solid #BCDEFF;
}
.aaa2 .boxHighlight {
	background-color:#E0F5FF;
	border:#BCDEFF solid 1px;
}
.aaa2 .boxHighlightBorder {
	border:#BCDEFF solid 1px;
}
/****************************************************
 * SETTINGS FOR LINE *
 ****************************************************/
.line {
	color:#FFFFFF;
	border:none;
	border-bottom:dotted 1px #999999;
}
/****************************************************
 * Print and Email Icons *
 ****************************************************/
.aaa2 .printEmailIcons {
	cursor:pointer;
}

/**********************************************************
 * BEGIN PAGINATION STYLES
 **********************************************************/
/* Pagination refers to the page numbers and text around them */
.aaa2 .paginationBlock, .aaa2 .pagination,
.aaa2 .paginationBlock .link, .aaa2 .paginationPages,
.aaa2 .paginationNextPage, .aaa2 .paginationPreviousPage {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
}
.aaa2 .paginationPages:hover {
	background-color:#BCD2E6;
}
.aaa2 .paginationCurrentPage {
	background-color:#CCCCCC;
}
.aaa2 .paginationPages, .aaa2 .paginationNextPage, .aaa2 .paginationPreviousPage {
	color:#003366;
}
.aaa2 .paginationPages:visited, .aaa2 .paginationNextPage:visited, .aaa2 .paginationPreviousPage:visited {
	color:#003366;
}
.aaa2 .paginationPages:active, .aaa2 .paginationNextPage:active, .aaa2 .paginationPreviousPage:active {
	color:#003366;
}
.aaa2 .paginationPages:hover, .aaa2 .paginationNextPage:hover, .aaa2 .paginationPreviousPage:hover {
	color:#003366;
}
/**********************************************************
 * MAPS & DIRECTIONS COMPONENT STYLES
 **********************************************************/
.aaa2 .drivingDirectionsPanel .hd .tl {
	color:#003399;
	font-family:Veranda,Arial,Helvetica,sans-serif;
	font-size:16px;
	font-weight:bold;
}
.aaa2 .yui-panel .drivingDirectionsPanel .hd .tl {
	color:#FFFFFF;
}
.aaa2 .drivingDirectionsPanel {
	text-align:left;
}
.aaa2 .drivingDirectionsPanel .directionsStart .TabbedPanelsTab,
.aaa2 .drivingDirectionsPanel .directionsEnd .TabbedPanelsTab {
	border-bottom:1px dotted #CCCCCC;
	border-left:1px dotted #CCCCCC;
	font-size: 12px;
}
.aaa2 .drivingDirectionsPanel .directionsStart .TabbedPanelsTabSelected,
.aaa2 .drivingDirectionsPanel .directionsEnd .TabbedPanelsTabSelected {
	border-bottom:none;
}
.aaa2 .drivingDirectionsPanel .TabbedPanelsTab {
	border-style:none;
	border-bottom-style:solid;
}
.aaa2 .drivingDirectionsPanel .directionsStart .TabbedPanelsTab,
.aaa2 .drivingDirectionsPanel .directionsEnd .TabbedPanelsTab {
	border-style:none;
}
.aaa2 .drivingDirectionsPanel .directionsEnd .roundedCorners,
.aaa2 .drivingDirectionsPanel .directions .roundedCorners {
	border:1px solid #BCD2E6;
}
.aaa2 .drivingDirectionsPanel .CollapsiblePanelOpen .CollapsiblePanelTab a {
	color:#FFFF00;
}
/**********************************************************
 * TRAVEL BAR STYLES AT CONTAINER TOP
 **********************************************************/
.aaa2 .travelBar {
	border:#BCD2E6 solid thin;
	background-color:#FFFFFF;
}
.aaa2 .travelBar .current {
	font-weight:bold;
	color:#0000FF;
}
.aaa2 .travelBar input[type="radio"] {
	border:0px;
}
.aaa2 .travelBar .spacer.extraSpace {
	border-left-width:2px;
	border-color:#000;
}
/*****************************************************
 * PROGRESS BAR STYLES
 *****************************************************/
/*Global Progress Bar Options*/
.aaa2 .pBar {
	text-decoration:none;
	font-size: 11px;
	text-align:center;
	cursor:default;

}
/*Represents the current section of the booking process that the user is on*/
/*This section is also 3px wider than other sections so it stands out a little more than others*/
.aaa2 .pBar .current {
	/* background-color:#999999; old gray color */
	background-color:#336699;
	color:#FFFFFF;
	border-color:#808080;
	border-style:solid;
}
/*Represents a section of the booking process that the user has completed*/
.aaa2 .pBar .complete {
	background-color:#CCCCCC;
	color:#FFFFFF;
	border-color:#808080;
	border-style:solid;
}
/*Represents a section of the booking process that the user has yet to complete*/
.aaa2 .pBar .incomplete {
	background-color:#FFFFFF;
	color:#CCCCCC;
	border-color:#808080;
	border-style:solid;
}
/*****************************************************
 * MY TRIPS COMPONENT STYLES
 *****************************************************/
.aaa2 .myTripReturn {
	background:#999999;
}
.aaa2 #myTripHeader,
.aaa2 #toolContainer .section,
.aaa2 .rightServicesContent .section {
	border-style:solid;
	border-color:#BCD2E6;
	border-width:1px;
}
.aaa2 #myTripHeader h4,
.aaa2 #toolContainer .section h4,
.aaa2 .rightServicesContent .section h4 {
	font-size: 12px;
	color:#336699;
	text-decoration:none;
	border-style:solid;
	border-color:#000000;
	border-width:0px;
}
.aaa2 #myTripHeader p,
.aaa2 #toolContainer .section p,
.aaa2 .rightServicesContent .section p {
	color:#000000;
}
/* toolContainer is the My Trips component on the right hand side of the page.*/
.aaa2 #toolContainer .boxHeader {
	background-image:url(/AAA/common/images/tab.gif);
	background-repeat:repeat-x;
	background-position:left -126px;
}
.aaa2 #toolContainer .tripHeader {
	color:#EEEEEE;
}
/* fixes white around dotted separator line in mytrips on ie6 */
.aaa2 #toolContainer hr.line {
	color:#eeefff;
	clear:both;
}
.aaa2 #toolContainer,
.aaa2 .toolContainer {
	border-style:solid;
	border-color:#BCD2E6;
	border-width:0px;
}
.aaa2 .rightServicesContent .clubRight {
	border-style:solid;
	border-color:#BCD2E6;
	border-width:1px;
}
.aaa2 .rightServicesContent .tripLinks,
.aaa2 #toolContainer .tripLinks {
	background-image:none;
}
.aaa2 .rightServicesContent #smartCampaign p,
.aaa2 .rightServicesContent .smartCampaign p {
	text-align:center;
	color:#FF0000;
}
/****************************************************
 * BEGIN Collapsible Panel style overrides for the  *
 * MyTrips section 									*
 ****************************************************/
.aaa2 #toolContainer .CollapsiblePanelTab {
	background:transparent url(/AAA/common/images/myTripSprite.gif) no-repeat scroll;
	background-position:0% -168px;
	color:#FFFFFF;
}
.aaa2 #toolContainer .CollapsiblePanelOpen .CollapsiblePanelTab {
	background-position:0% -210px;
}
.aaa2 #toolContainer .CollapsiblePanelClosed .CollapsiblePanelTab.CollapsiblePanelTabHover {
	background-position:0% -253px;
}
.aaa2 #toolContainer .CollapsiblePanelOpen .CollapsiblePanelTab.CollapsiblePanelTabHover {
	background-position:0% -295px;
}
.aaa2 #toolContainer .CollapsiblePanelOpen .CollapsiblePanelTab a span {
	background-image:none;
}
.aaa2 #toolContainer .CollapsiblePanelTab a span {
	float:right;
}
.aaa2 #toolContainer .CollapsiblePanelTab a,
.aaa2 #toolContainer .CollapsiblePanelTab a span,
.aaa2 #toolContainer .CollapsiblePanelTab span {
	background-image:none;
	color:#EEEEEE;
}
.aaa2 #toolContainer .CollapsiblePanelTabHover .tripHeader {
	color:#EEEEEE;
}
.aaa2 #toolContainer .CollapsiblePanelTabHover a,
.aaa2 #toolContainer .CollapsiblePanelOpen .CollapsiblePanelTabHover a {
	font-weight:normal;
	font-size: 10px;
	color:#EEEDDD;
}
.aaa2 #toolContainer .CollapsiblePanelOpen .CollapsiblePanelContent {
	background-color:#EEEFFF;
	-moz-box-shadow:#999 2px 2px 2px;
	-webkit-box-shadow:#999 2px 2px 2px;
}
/* END Collapsible Panel style overrides for the MyTrips section */


/*******************************************************
 * popUp Panel styles
*******************************************************/
.aaa2 .profileInfo h2,
.aaa2 .popUpPanel h2 {
	background-color:#CCCCCC;
}
.aaa2 .profileInfo .boxContainer>div {
	-moz-border-radius:8px;
	border:1px solid #BCD2E6;
}

/*******************************************************
 * Ajax please wait spinner styles
*******************************************************/
/* Transparent overlay style */
.showSpinner,
.aaa2 .showSpinner {
	background-color:#000000;
	opacity:0.15;
	filter:alpha(opacity=15);
}

/* Background color of the LRP Content div */
/* This does NOT affect the background color of overlay. */
#lrp,
.aaa2 #lrp {
	background-color:#FFFFFF;
}

/* To set transparent overlay on a whole module */
/*
.air .aaa2 .showSpinner,
.car .aaa2 .showSpinner,
.hotel .aaa2 .showSpinner,
.sycs .aaa2 .showSpinner {
	background-color:orange;
}
*/

/***********************************************************
 * Spry TOOL TIPS
 ***********************************************************/

/* Spry default tool tip content box */
.aaa2 .toolTip,
.aaa2 .tooltip {
	background-color:#E3ECF4;
/*	border:1px solid #000000; */
	border-width:1px 2px 2px 1px;
	border-style:solid;
	border-top-color:#E4E4E4;
	border-right-color:#999999;
	border-bottom-color:#666666;
	border-left-color:#DEDDDD;

}
/* Styles for tooltip inline popup */
.aaa2 .toolTipLink,
.aaa2 .tooltipLink {
	cursor:pointer;
	text-decoration:underline;
	color:#0000FF;
}
/***********************************************************
 * CSS TOOL TIPS
 ***********************************************************/
.aaa2 .tooltipWrapper {
	border:none;
	text-decoration:none;
	cursor:pointer;
}
.aaa2 .tooltipWrapper img{
	border:none;
	text-decoration:none;
}
/***********************************************************
 * END CSS TOOL TIPS
 ***********************************************************/

/* Close button */
.aaa2 .closeButton {
	background:transparent url(/AAA/common/images/closeButton.gif) no-repeat scroll 0% 50%;
	border:none;
	cursor:pointer;
	text-decoration:none;
}
/* Style for close button used in popup screens */
.aaa2 .help {
	background:transparent url(/AAA/common/images/help.gif) no-repeat scroll 0% 50%;
	cursor:pointer;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}

/***********************************************************
 * FEATURED LISTINGS
 ***********************************************************/
.aaa2 .featured {
	background-color:#F0F7F9;
}

/***********************************************************
 * generic iframe settings
 ***********************************************************/
.aaa2 iframe {
	border:0;
}


/********************************************************
 * 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
 *********************************************************/

.yui-tt,
.aaa2 .yui-tt {
    color:#333;
    background-color:#FDFFB4;
    font-family:arial,helvetica,verdana,sans-serif;
    border:1px solid #FCC90D;
    font:100% sans-serif;
}
.yui-tt .bd,
.aaa2 .yui-tt .bd {
	background-color:#E3ECF4;
}
.mask,
.aaa2 .mask {
    display:none;
	/* background-color:#000000;
    opacity:.12;
    filter:alpha(opacity=12);  *//* For IE */
}

/* YUI Panel underlay styles */
.aaa2 .yui-overlay.smokedGlass,
.yui-overlay.smokedGlass {
    opacity:.70;
    filter:alpha(opacity=70);  /* For IE */
	background-color:#666666
}
.aaa2 .yui-overlay.glass,
.yui-overlay.glass {
    opacity:.3;
    filter:alpha(opacity=3);  /* For IE */
	background-color:#00CCFF;
}

.aaa2 .yui-panel-container.matte,
.yui-panel-container.matte {
    background-color:#000;
}
.aaa2 .popUpPanel .CollapsiblePanelOpen .CollapsiblePanelContent{
	border:5px #0000FF solid;
}
.yui-panel-container.shadow .underlay
.aaa2 .yui-panel-container.shadow .underlay {
    background-color:#000;
    opacity:.12;
    filter:alpha(opacity=12);  /* For IE */
	-webkit-box-shadow:5px 5px 5px #999;
	-moz-box-shadow:#999 5px 5px 5px;
}

.yui-panel,
.aaa2 .yui-panel {
    border-collapse:separate;
    font:1em Arial;
    border:1px solid #000;
	background-color:#FFFFFF;
}
.yui-panel .hd,
.aaa2 .yui-panel .hd {
    background-color:#3d77cb;
    color:#FFF;
    font-size:100%;
    line-height:100%;
    border:1px solid #FFF;
    border-bottom:1px solid #000;
    font-weight:bold;
    white-space:nowrap;
}
.yui-panel .container-close,
.aaa2 .yui-panel .container-close {
    background:url(/AAA/common/images/yuiClose12.gif) no-repeat;
    cursor:pointer;
}

.yui-simple-dialog .bd .yui-icon,
.aaa2 .yui-simple-dialog .bd .yui-icon {
    background-repeat:no-repeat;
}
.yui-simple-dialog .bd span.blckicon,
.aaa2 .yui-simple-dialog .bd span.blckicon {
    background:url(/AAA/common/images/yuiBlck16.gif) no-repeat;
}
.yui-simple-dialog .bd span.alrticon,
.aaa2 .yui-simple-dialog .bd span.alrticon {
    background:url(/AAA/common/images/yuiAlrt16.gif) no-repeat;
}
.yui-simple-dialog .bd span.hlpicon,
.aaa2 .yui-simple-dialog .bd span.hlpicon {
    background:url(/AAA/common/images/yuiHlp16.gif) no-repeat;
}
.yui-simple-dialog .bd span.infoicon,
.aaa2 .yui-simple-dialog .bd span.infoicon {
    background:url(/AAA/common/images/yuiInfo16.gif) no-repeat;
}
.yui-simple-dialog .bd span.warnicon,
.aaa2 .yui-simple-dialog .bd span.warnicon {
    background:url(/AAA/common/images/yuiWarn16.gif) no-repeat;
}
.yui-simple-dialog .bd span.tipicon,
.aaa2 .yui-simple-dialog .bd span.tipicon {
    background:url(/AAA/common/images/yuiTip16.gif) no-repeat;
}
.yui-dialog .ft,
.yui-simple-dialog .ft,
.aaa2 .yui-dialog .ft,
.aaa2 .yui-simple-dialog .ft {
    text-align:right;
}

/* YUI Button Styles */
.button-group button,
.aaa2 .button-group button {
    font:100 76% verdana;
    text-decoration:none;
    background-color:#E4E4E4;
    color:#333;
    cursor:hand;
    border:2px solid #797979;
    border-top-color:#FFF;
    border-left-color:#FFF;
}
.button-group button.default,
.aaa2 .button-group button.default {
    font-weight:bold;
}

.button-group button:hover,
.button-group button.hover,
.aaa2 .button-group button:hover,
.aaa2 .button-group button.hover {
    border:2px solid #90A029;
    background-color:#EBF09E;
    border-top-color:#FFF;
    border-left-color:#FFF;
}

.button-group button:active,
.aaa2 .button-group button:active {
    border:2px solid #E4E4E4;
    background-color:#BBB;
    border-top-color:#333;
    border-left-color:#333;
}
/****************************
 * End YUI Library Settings *
 ****************************/

/************************************
 * default iframe popUp settings    *
 ************************************/
.aaa2 .popUpWrapper {
	border:solid 1px #BCD2E6;
	background-color:#FFFFFF;
}
/******************************************************************************
 * When we have a popup, and the text is contained in the paragraph tag (air) *
 * then we should turn overflow on auto so that the scroll appears for large  *
 * amounts of text                                                            *
 ******************************************************************************/
.aaa2 .popUpWrapper div.popupContent {
	overflow:auto;
	height:450px;
}
/********************************************
 * Static Section Divider
 ********************************************/
.aaa2 .confirmSection {
	background-color:#E3ECF4;
}
/********************************************
 * Section Divider Collapsible Panel Styles
 ********************************************/
.aaa2 .sectionDivider .CollapsiblePanel .CollapsiblePanelTab {
	background-color:#DEDDDD;
	background-image:none;
}
.aaa2 .sectionDivider .CollapsiblePanel .CollapsiblePanelContent {
	background-color:#FFFFFF;
	background-image:url(/AAA/common/images/section_arrow_down.gif);
}
.aaa2 .sectionDivider .CollapsiblePanelTab a {
	color:#0000CC;
}
.aaa2 .sectionDivider .CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color:#FFFFFF;
	background-image:url(/AAA/common/images/section_arrow_600.gif);
}
.aaa2 .sectionDivider.CollapsiblePanelClosed .sectionDivider.CollapsiblePanelTab {
	background-color:#DEDDDD;
}
.aaa2 .sectionDivider .stepNumber {
	background-image:url(/AAA/common/images/white_circle.gif);
	background-repeat:no-repeat;
	color:#999999;
}
.aaa2 .sectionDivider .showLink {
	background-image:url(/AAA/common/images/checkmark.gif);
}

/*BEGIN Styles for leader dots using lists */
.aaa2 .leaders ul{
	background:#FFFFFF;
}
.aaa2 .leaders li{
	border-bottom:1px dotted #000;
}
.aaa2 .leaders li em{
	background:#FFFFFF;
	font-style:normal;
}
.aaa2 .leaders li span{
	background:#FFFFFF;
	color:#000;
}
.aaa2 .leaders li.empty {
	border:none;
}

/*END Styles for leader dots using lists */

/******************************************************
 * This section belongs to the Refined Search Panel.  *
 * Default settings, with page level overrides where  *
 * necessary.                                         *
 ******************************************************/

/* This is the selector for a CollapsiblePanel's Content area. */
.aaa2 #refineDDSearch .CollapsiblePanelContent,
.aaa2 #SearchPanel .CollapsiblePanelContent,
.aaa2 #refineSearch .CollapsiblePanelContent {
	background-color:#E3ECF4;
}

/*Set the default cursor for the panel tab during mouseover*/
.aaa2 #refineDDSearch.CollapsiblePanel .CollapsiblePanelTab,
.aaa2 #SearchPanel.CollapsiblePanel .CollapsiblePanelTab,
.aaa2 #refineSearch.CollapsiblePanel .CollapsiblePanelTab {
	cursor:pointer;
}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.aaa2 #refineDDSearch.CollapsiblePanel .CollapsiblePanelTab a,
.aaa2 #SearchPanel.CollapsiblePanel .CollapsiblePanelTab a,
.aaa2 #refineSearch.CollapsiblePanel .CollapsiblePanelTab a {
	text-decoration:underline;
}

.aaa2 #refineDDSearch.CollapsiblePanel .CollapsiblePanelTab,
.aaa2 #SearchPanel.CollapsiblePanel .CollapsiblePanelTab,
.aaa2 #refineSearch.CollapsiblePanel .CollapsiblePanelTab {
	color:#0000FF;
}
.aaa2 #refineDDSearch.CollapsiblePanelOpen .CollapsiblePanelTab,
.aaa2 #SearchPanel.CollapsiblePanelOpen .CollapsiblePanelTab,
.aaa2 #refineSearch.CollapsiblePanelOpen .CollapsiblePanelTab {
	border-bottom:3px #E3ECF4 solid;
	background:#E3ECF4;
	background-image:none;
	color:#0000FF;
}
.aaa2 #refineDDSearch.CollapsiblePanelOpen .CollapsiblePanelTab a,
.aaa2 #SearchPanel.CollapsiblePanelOpen .CollapsiblePanelTab a,
.aaa2 #refineSearch.CollapsiblePanelOpen .CollapsiblePanelTab a {
	color:#0000FF;
}

/* Defines look of anchor in panel tab */
.aaa2 #refineDDSearch.CollapsiblePanel .CollapsiblePanelTab a,
.aaa2 #SearchPanel.CollapsiblePanel .CollapsiblePanelTab a,
.aaa2 #refineSearch.CollapsiblePanel .CollapsiblePanelTab a,
.aaa2 #refineDDSearch.CollapsiblePanel.CollapsiblePanelClosed .CollapsiblePanelTab,
.aaa2 #SearchPanel.CollapsiblePanel.CollapsiblePanelClosed .CollapsiblePanelTab,
.aaa2 #refineSearch.CollapsiblePanel.CollapsiblePanelClosed .CollapsiblePanelTab,
.aaa2 #SearchPanel.CollapsiblePanel.CollapsiblePanelClosed .CollapsiblePanelTab a,
.aaa2 #refineSearch.CollapsiblePanel.CollapsiblePanelClosed .CollapsiblePanelTab a {
	background-image:none;
	border-bottom:none;
}
.aaa2 #refineDDSearch.CollapsiblePanel.CollapsiblePanelClosed .CollapsiblePanelTab,
.aaa2 #SearchPanel.CollapsiblePanel.CollapsiblePanelClosed .CollapsiblePanelTab,
.aaa2 #refineSearch.CollapsiblePanel.CollapsiblePanelClosed .CollapsiblePanelTab {
	background-color:transparent;
}

.aaa2 #refineDDSearch.CollapsiblePanel.CollapsiblePanelOpen .CollapsiblePanelTab,
.aaa2 #SearchPanel.CollapsiblePanel.CollapsiblePanelOpen .CollapsiblePanelTab,
.aaa2 #refineSearch.CollapsiblePanel.CollapsiblePanelOpen .CollapsiblePanelTab {
	background:transparent url(/AAA/common/images/tableft1.gif) no-repeat scroll left -42px;
}
.aaa2 #refineDDSearch.CollapsiblePanel.CollapsiblePanelOpen .CollapsiblePanelTab a,
.aaa2 #SearchPanel.CollapsiblePanel.CollapsiblePanelOpen .CollapsiblePanelTab a,
.aaa2 #refineSearch.CollapsiblePanel.CollapsiblePanelOpen .CollapsiblePanelTab a {
	background:transparent url(/AAA/common/images/tabright.gif) no-repeat scroll 100% -42px
}
/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.aaa2 #refineDDSearch.CollapsiblePanelOpen .CollapsiblePanelTab a span,
.aaa2 #SearchPanel.CollapsiblePanelOpen .CollapsiblePanelTab a span,
.aaa2 #refineSearch.CollapsiblePanelOpen .CollapsiblePanelTab a span {
	background:right url(/AAA/common/images/triangle-menu-up-grayOnWhite.gif) no-repeat;
	background-color:#E3ECF4;
	background-position:95% 50%;
	font:bold 11px Arial, Helvetica, sans-serif;
	text-decoration:underline;
	border-bottom:#E3ECF4 1px solid;
	/* give a little more style, highlighting to refine search */
	margin-bottom:-1px;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.aaa2 #refineDDSearch.CollapsiblePanelClosed .CollapsiblePanelTab a span,
.aaa2 #SearchPanel.CollapsiblePanelClosed .CollapsiblePanelTab a span,
.aaa2 #refineSearch.CollapsiblePanelClosed .CollapsiblePanelTab a span {
	background:right url(/AAA/common/images/triangle-menu-dn-grayOnWhite.gif) no-repeat;
	background-color:#FFFFFF;
	background-position:95% 50%;
	font:normal 11px Arial, Helvetica, sans-serif;
	text-decoration:underline;
}

/* overrides line 708 */
.aaa2 #refineDDSearch.CollapsiblePanel.CollapsiblePanelClosed .CollapsiblePanelTabHover a,
.aaa2 #SearchPanel.CollapsiblePanel.CollapsiblePanelClosed .CollapsiblePanelTabHover a,
.aaa2 #refineSearch.CollapsiblePanel.CollapsiblePanelClosed .CollapsiblePanelTabHover a {
	color: #0000FF;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it in an Open and Closed state. The class "CollapsiblePanelTabHover" is
 * programatically added and removed from panel tab containers as the mouse enters and
 *exits the tab container.
 */

.aaa2 #refineDDSearch.CollapsiblePanelTabHover,
.aaa2 #refineDDSearch.CollapsiblePanelOpen .CollapsiblePanelTabHover,
.aaa2 #refineDDSearch.CollapsiblePanelClosed .CollapsiblePanelTabHover,
.aaa2 #SearchPanel.CollapsiblePanelTabHover,
.aaa2 #SearchPanel.CollapsiblePanelOpen .CollapsiblePanelTabHover,
.aaa2 #SearchPanel.CollapsiblePanelClosed .CollapsiblePanelTabHover,
.aaa2 #refineSearch.CollapsiblePanelTabHover,
.aaa2 #refineSearch.CollapsiblePanelOpen .CollapsiblePanelTabHover,
.aaa2 #refineSearch.CollapsiblePanelClosed .CollapsiblePanelTabHover {
	text-decoration:none;
}
/* Defines appearance of refine search panel tab during mouse hover */
.aaa2 #refineSearch.CollapsiblePanel .CollapsiblePanelTabHover a span,
.aaa2 #refineSearch.CollapsiblePanel .CollapsiblePanelTabHover {
	color:#0000FF;
}

/****************************************************
 * Advanced Search Collapsible Panel 								*
 ****************************************************/
.aaa2 .advancedSearchPanel.CollapsiblePanel.CollapsiblePanelTabHover,
.aaa2 .advancedSearchPanel.CollapsiblePanel.CollapsiblePanelOpen .CollapsiblePanelTabHover,
.aaa2 .advancedSearchPanel.CollapsiblePanel.CollapsiblePanelClosed .CollapsiblePanelTabHover,
.aaa2 .advancedSearchPanel.CollapsiblePanel .CollapsiblePanelTab {
	text-decoration:none;
}
/********************************************************
	A-Z Search Panel
 ********************************************************/
.aaa2 #azSearchPanelTab.CollapsiblePanel .CollapsiblePanelTab,
.aaa2 .CollapsiblePanel.azSearchPanelTab .CollapsiblePanelTab {
	background-color:#FFFFFF;
	color:#0000FF;
	font:normal 11px Arial, Helvetica, sans-serif;
	background:none;
}
.aaa2 #azSearchPanelTab.CollapsiblePanel .CollapsiblePanelTab a,
.aaa2 .CollapsiblePanel.azSearchPanelTab .CollapsiblePanelTab a {
	padding:1px 5px 4px 0px;
}
.aaa2 #azSearchPanelTab.CollapsiblePanelOpen .CollapsiblePanelTab a,
.aaa2 .CollapsiblePanelOpen.azSearchPanelTab .CollapsiblePanelTab a {
	background:right url(/AAA/common/images/triangle-menu-up-grayOnWhite.gif) no-repeat;
	background-position:85% 30%;
	color:#0000FF;
	font-weight:bold;
}
.aaa2 #azSearchPanelTab.CollapsiblePanelClosed .CollapsiblePanelTab a,
.aaa2 .CollapsiblePanelClosed.azSearchPanelTab .CollapsiblePanelTab a {
	background:right url(/AAA/common/images/triangle-menu-dn-grayOnWhite.gif) no-repeat;
	background-position:85% 50%;
	text-decoration:none;
}
.aaa2 #azSearchPanelTab.CollapsiblePanel .CollapsiblePanelTab a span,
.aaa2 .CollapsiblePanel.azSearchPanelTab .CollapsiblePanelTab a span {
	background:none;
	text-decoration:underline;
}
.aaa2 #azSearchPanelTab.CollapsiblePanelTab,
.aaa2 .CollapsiblePanelTab.azSearchPanelTab {
	text-decoration:underline;
}
.aaa2 #azSearchPanelTab .currentChoice,
.aaa2 .CollapsiblePanel.azSearchPanelTab .currentChoice {
	background-color:#FFFF00;
	padding:0px 2px;
	font-weight:bold;
}
/* Defines appearance of A-Z sort order panel tab during mouse hover */
.aaa2 #azSearchPanelTab.CollapsiblePanel .CollapsiblePanelTabHover a span,
.aaa2 #azSearchPanelTab.CollapsiblePanel .CollapsiblePanelTabHover,
.aaa2 .CollapsiblePanel.azSearchPanelTab .CollapsiblePanelTabHover {
	font-size:11px;
	color:#0000FF;
}
.aaa2 #azSearchPanelTab.CollapsiblePanel .CollapsiblePanelContent {
	padding-bottom:10px;
	text-align:center;
	vertical-align:middle;
	width:490px;
}
/********************************************************
 * Accordion styling classes
 *
 * NOTICE: The way this is being handled right now is a hack.
 * The javascript will handle adding and removing the disabled
 * class the same way TabbedPanels and CollaspiblePanels are
 * written in the near future.  Please do NOT depend on the
 * default CSS classes to keep the cursor colors as they stand.
 * Trying to get this re-written prior to 81.3 release.
 ********************************************************/
.aaa2 .Accordion {
/*	border-left:solid 1px #bcdeff;
	border-right:solid 1px #bcdedd;
	border-bottom:solid 1px #bcdedd;
*/}
.aaa2 .AccordionPanelTab {
	background-color:#DEDDDD;
/*	border-top:solid 1px #bcdedd;
	border-bottom:solid 1px #bcdedd;
	cursor:pointer;
*/
	cursor:default;
}
.aaa2 .AccordionPanelOpen .AccordionPanelTab {
	background-color:#EEEEEE;
}
.aaa2 .AccordionPanelClosed .AccordionPanelTab {
}
/*Accordion behaviors  classes*/
.aaa2 .AccordionPanelTabHover {
	color:#000000;
	cursor:default;
}
.aaa2 .AccordionPanelOpen .AccordionPanelTabHover {
	color:#000000;
	cursor:default;
}
.aaa2 .AccordionFocused .AccordionPanelTab {
	color:#000000;
	background-color:#EEEEEE;
}
.aaa2 .AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
}
/************************* disabledAccordionPanel Styles *********************************/
/* Defines the disabled accordion panel tab color based                                  */
/*****************************************************************************************/
.aaa2  .AccordionPanelClosed>.AccordionPanelTab.disabled {
	background-color:#EEEEEE;
	cursor:default;
}

/********************************************************
   Rounded corners that only work in Mozilla browsers -
   Functionality not available for IE yet
 ********************************************************/
.aaa2 .roundedCorners {
	-moz-border-radius:4%;
	-webkit-border-radius:4%;
	border-radius:4%;
}
.aaa2 .roundedCornersTop {
	-moz-border-radius-topleft:4%;
	-moz-border-radius-topright:4%;
	-webkit-border-radius-top-left:4%;
	-webkit-border-radius-top-right:4%;
	border-top-left-radius:4%;
	border-top-right-radius:4%;
}
.aaa2 .roundedCornersBottom {
	-moz-border-radius-bottomleft:4%;
	-moz-border-radius-bottomright:4%;
	-webkit-border-radius-bottom-right:4%;
	-webkit-border-radius-bottom-left:4%;
	border-bottom-left-radius:4%;
	border-bottom-right-radius:4%;
}

/*******************************************************
 * begin spry auto suggest class & didYouMean List
 *******************************************************/
.aaa2 .hideSuggestClass{
	border:1px solid #BCD2E6;
	background-color:white;
	cursor:pointer;
}

.aaa2 .SelectCreator .SelectOptions .option:hover,
.aaa2 .showSuggestClass .hoverSuggestClass{
	background-color:#FFFF00 !important;
	font-weight:bold;
}

.aaa2 .didYouMeanSuggestionDiv,
.aaa2 .predictiveSuggestionDiv {
	border:1px solid #BCD2E6;
	background-color:white;
}

.aaa2 .didYouMeanSuggestionDiv,
.aaa2 .predictiveSuggestionDiv div b {
    color:red;
}
.aaa2 .SelectCreator .SelectOptions .option {
	cursor:pointer;
	border-bottom:1px dotted #DCDCDC;
}

/*******************************************************
 * end spry auto suggest class
 *******************************************************/

/*******************************************************
 * Begin spry Sliding Panels class
 *******************************************************/
.aaa2 .SlidingPanels {
	padding:0px;
	border:none;
}

.aaa2 .SlidingPanelsContentGroup {
	padding:0px;
	border:none;
}

.aaa2 .SlidingPanelsContent {
	padding:0px;
	border:none;
}
.aaa2 .SlidingPanelsAnimating * {

}

.aaa2 .SlidingPanelsCurrentPanel {
}

.aaa2 .SlidingPanelsFocused {
}
/*******************************************************
 * End spry Sliding Panels class
*******************************************************/
/*#busyPagePanel.spinner {
background:transparent url('http://mrspeaker.webeisteddfod.com/images/spinna/spinner10.gif') no-repeat center fixed;
}*/
/************************************
 * default iframe popUp settings    *
 ************************************/

/************************************
 * End popUp settings               *
 ************************************/

/*******************************************************
 * Payment Info Component for TravelerInfo Pages Air/Car/Hotel
*******************************************************/
.aaa2 .paymentInfo #mailingAddress.CollapsiblePanelOpen .CollapsiblePanelTab {
	background:right url(/AAA/common/images/triangle-menu-up-grayOnWhite.gif) no-repeat;
	background-position:88% 51%;
}
.aaa2 .paymentInfo #mailingAddress.CollapsiblePanelClosed .CollapsiblePanelTab {
	background:right url(/AAA/common/images/triangle-menu-dn-grayOnWhite.gif) no-repeat;
	background-position:88% 51%;
}

.aaa2 .paymentInfo .optionalImage {
	background:transparent url(/AAA/common/images/arrowRight.gif) right no-repeat;
	padding-right:15px;
}
.aaa2 .paymentInfo #mailingAddress.CollapsiblePanelTab a {
	text-decoration:underline;
	color:
}
.aaa2 .paymentInfo #mailingAddress.CollapsiblePanelTabHover,
.aaa2 .paymentInfo #mailingAddress.CollapsiblePanelOpen .CollapsiblePanelTabHover,
.aaa2 .paymentInfo #mailingAddress.CollapsiblePanelClosed .CollapsiblePanelTabHover {
	text-decoration:none;
	color:#003399;
}

/* BEGIN Flight Info & Flight Status Component */
.aaa2 .flightStatus .separator {
	border-bottom:thin solid #BCD2E6;
}
.aaa2 .flightStatus .refreshFlightInfo .btn {
	color:#00FF00;
}
.aaa2 .btn .upArrow,
.aaa2 .upArrow .btn, /* a4j can't do arrow inside btn */
.aaa2 .flightStatus .btn .upArrow {
	background:transparent url(/AAA/common/images/spriteTriangleBullet.gif) repeat-y scroll 0% 130px;
	padding-left:16px;
}
.aaa2 .btn .dwnArrow,
.aaa2 .dwnArrow .btn, /* a4j can't do arrow inside btn */
.aaa2 .flightStatus .btn .dwnArrow {
	background:transparent url(/AAA/common/images/spriteTriangleBullet.gif) repeat-y scroll 100% 0px;
	padding-right:16px;
}
.aaa2 .btn .leftArrow,
.aaa2 .leftArrow .btn, /* a4j can't do arrow inside btn */
.aaa2 .flightStatus .btn .leftArrow {
	background:transparent url(/AAA/common/images/spriteTriangleBullet.gif) repeat-y scroll 0% -175px; /* was -73 */
	padding-left:16px;
}
.aaa2 .btn .rightArrow,
.aaa2 .rightArrow .btn, /* a4j can't do arrow inside btn */
.aaa2 .flightStatus .btn .rightArrow {
	background:transparent url(/AAA/common/images/spriteTriangleBullet.gif) repeat-y scroll;
	background-position:100% -56px !important;
	*background-position-y:-58px !important;
	background-position-y:-58px;
	padding-left:16px;
}

.aaa2 .flightStatus .CollapsiblePanel .CollapsiblePanelTab,
.aaa2 .flightStatus .CollapsiblePanelClosed .CollapsiblePanelTab {
	border:1px solid #BCDEFF;
	background-image:url(/AAA/common/images/tab.gif);
	background-repeat:repeat-x;
	background-position:0% -43px;
	padding:2px 5px;
	width:580px;
}
.aaa2 .flightStatus .CollapsiblePanelOpen .CollapsiblePanelTab {
	padding:5px;
	width:580px;
}
.aaa2 .flightStatus .CollapsiblePanel .CollapsiblePanelContent {
	border:none;
}
.aaa2 .flightStatus .CollapsiblePanelClosed .CollapsiblePanelTab.CollapsiblePanelTabHover,
.aaa2 .flightStatus .CollapsiblePanelOpen .CollapsiblePanelTab.CollapsiblePanelTabHover {
	background-position:100% -168px;
	border:1px solid #003399;
}
.aaa2 .flightStatus .CollapsiblePanel .CollapsiblePanelTabHover .heading3 {
	color:#FFFFFF;
}
.aaa2 .flightStatus .resultsbackground1 {
	background-color:#F0F0F0;
}
.aaa2 .flightStatus .resultsbackground2 {
}
.aaa2 .flightStatus th {
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
}
.aaa2 .flightStatus .lastResult {
	border-bottom:1px solid #000000;
}
.aaa2 .flightStatus table.flightDetail {
	border:1px solid #BCDEFF;
}
.aaa2 .flightStatus .flightDetail th {
	border:1px solid #000000;
}
.aaa2 .flightStatus .flightDetail th.currFlightStatus {
	background-color:#FFFFCC;
}
.aaa2 .flightStatus table.flightDetail .resultsbackground2 {
	border-top:1px solid #BCDEFF;
	border-bottom:1px solid #BCDEFF;
}


/*Handles the Select This Departure text in the results section, also handles the Select This Return box*/
.aaa2 .flightDetailRow .departureBox{
	border:1px solid #000000;
	text-decoration:underline;
	text-align:center;
}

/*Defines a PlaceHolder (PH) for result rows that do not have the Select This boxes*/
.aaa2 .flightDetailRow .departureBoxPH{
	border:0px solid #000000;
}
/*Section that displays a Plane Change*/
.aaa2.air .planeChange,
.aaa2 .itineraryTable .planeChange{
	text-align:left;
}
/*Handles the Arrow image in the plane change section*/
.aaa2.air .planeChange .planeChangeTitle,
.aaa2 .itineraryTable .planeChangeTitle{
	background:left url(/AAA/common/images/redCircleWhiteArrow.gif)  no-repeat;
}

/* END Flight Status Component */

/***********************************************************************
 * Car Model Types popUp
 ***********************************************************************/
.aaa2 .carModelTypePopUp .popUpContent th {
	color:#336699;
	font-family:Arial,Helvetica,sans-serif;
	font-size: 11pt;
	font-weight:bold;
	text-align:left;
}
.aaa2 .carModelTypePopUp .popUpContent tr.newCarType {
	border-top:1px #CCCCCC solid;
}

/* END Car Model Types popUp */


/* The styles inside this section are SPECIFIC to printing */
@media print {
	.noprint {
		display:none;
	}

}