@charset "utf-8";
/***********************************************************************
 *	©2007 AAA All Rights Reserved
 *	Author - Ilene Jones
 ***********************************************************************/
/***********************************************************************
 * hotelInfo.css
 * $Revision: 6748 $
 * $Date: 2012-02-01 16:36:04 -0500 (Wed, 01 Feb 2012) $
 * $Author: dwalker $
 ***********************************************************************/

/****************************************************
 * Hotel Details Page Styles.
 *
 * Document Structure:
 * This CSS is structured so all overrides of default 
 * classes that are in services.css and components.css 
 * are grouped and located in the upper part of the 
 * document.
 *
 * Page specific classes follow.
 *
 ****************************************************/
.aaa2 #forGeneralUse {
	display: none;
}
.aaa2 h1, .aaa2 h2 {
	margin: 0px;
	padding: 0px;
}
.aaa2 .header {
	clear: both;
	padding: 5px;
}
.aaa2 .hotelVoucher .heading1.required {
	color: #FF0000;
}
.aaa2 a {
	cursor:pointer;
}
.aaa2 .TabbedPanels {
	width: 590px;
}
.aaa2 .column1, 
.aaa2 .column2, 
.aaa2 .column3,
.aaa2 .partnerLogo {
	float: left;
	padding: 2px;
}
.aaa2 .column2 {
	margin-left: 3px;
	width: 170px;
}
.aaa2 .column2 img {
	margin-bottom: 4px;
}
.aaa2 .column3 {
	margin-top: 15px;
	text-align: right;
	width: 150px;
	float: right;
}
.aaa2 .partnerLogo {
	margin-left: 5px;
	width: 125px;
}
.aaa2 #bookNow {
	float: right;
}
.aaa2 .bookNowButton {
	margin-left: 10px;
}
.aaa2 .column3 .bodyText1Bold {
	color: #0000FF;
}
/* Back links at the top of the page */
.aaa2 .backLinks {
	float: right;
	padding-top: 10px;
	
}

.aaa2 .backLinks .spacer,
.aaa2 .viewRoomTypesRates .spacer {
	padding: 0px 5px;
}
/****************************************************
 * Refine Search Criteria Panel *
 ****************************************************/
.aaa2 .searchCriteria {
	float: left;
	padding: 0 15px 15px 15px;
}

.aaa2 .searchCriteria br {
	clear: none;
}

/* required text = * Indicates a Required Field     */
.aaa2 .requiredText {
	text-align: right;
}
.aaa2 .requiredTextSpacing {
	padding-right: 15px;
	text-align: right;
}

/*****************************************************
 * destination and keyword "boxes" in the refine 
 * search panel 
 *****************************************************/
.aaa2 .searchHotels .destination, 
.aaa2 .searchHotels .keyword {
	width: 37%;
}
.aaa2 .searchHotels .fieldlabel {
	padding-right: 5px;
}

.aaa2 .calendar {
	float: none;
}

/* Room Info Field Label positions, inside refine search panel */
.aaa2 .roomInfo .fieldlabel {
	padding-left: 10px;
}
.aaa2 .roomInfo .fieldLabelBold {
	padding-top: 10px;
	margin-left: 10px;
}
.aaa2 .roomInfo select {
	float: none;
	margin-left: 10px;
}

.aaa2 .searchNow {
	float: right;
}

.aaa2 .fieldlabel, 
.aaa2 .fieldText {
	float: left;
}
.aaa2 .keyword label,
.aaa2 .destination label {
	float: none;
}
.aaa2 .keyword input,
.aaa2 .destination input {
	width: 200px;
}
/*Aligns the "Did You Mean" fields*/
.aaa2 .multipleResultOptionBox {
	padding: 0 0 5px 0px; /* was 0 0 10px 10px */
	clear: both;
	width: 75%;
}
.aaa2 .didYouMeanList {
	width: 74%;
	float: left;
}
.aaa2 .didYouMeanList input {
	width: 170px;
	margin-left: 101px;
}
.aaa2 .didYouMeanList .didYouMeanSuggestionDiv {
	/* sets max-height for IE */
	height: expression( this.scrollHeight > 55 ? "55px" : "auto" ); 
	/* sets max-height value for all standards-compliant browsers */
	max-height: 60px; 
	overflow: auto;
	/* sets max-height for IE */
	height: expression( this.scrollWidth > 399 ? "400px" : "auto" ); 
	max-width: 400px;
}
.aaa2 .SelectCreator .SelectOptions {
	margin-left: 0px;
}


/* search button inside refine search panel */
.aaa2 .containedSearchButton {
	float: right;
}

/* Calendar placement inside the refine search panel */

.aaa2 .searchCriteria.calendarStart,
.aaa2 .searchCriteria.calendarEnd {
	float: left;
	margin-top: 10px;
}
.aaa2 .searchCriteria.calendarStart input,
.aaa2 .searchCriteria.calendarEnd input {
	margin-right: 5px;
	width: 100px;
}

.aaa2 .searchDates {
	clear: both;
}


/* OR icon in refine search panel */
.aaa2 .orIcon {
	float: left;
	margin-top: 10px;
	margin-right: 30px;
}

.aaa2 .tableRow {
	clear: both;
	margin: 5px 0px;
}
/* The result div is each column of the result data set */
.aaa2 .tableHeaderColumn {
	float: left;
	width: 140px;
	text-align: right;
}
.aaa2 .tableDataColumn {
	margin-left: 150px;
}
.aaa2 .tableDataColumn .help{
	vertical-align: middle;
	margin-top: 0px;
}
/**************************************************** 
 * Eco Certified									*
 ****************************************************/
.aaa2 .column2 .tdrIcons {
	padding-top: 5px;
}

/**************************************************** 
 * Save Icon										*
 ****************************************************/
.aaa2 .hotelDesc .link {
	vertical-align: top;
}
/**************************************************** 
 * Slide Show										*
 ****************************************************/
.aaa2 .slideShow {
	vertical-align: middle;
}
.aaa2 .slideShowLink {
	margin-left: 35px;
	margin-top: 35px;
}
.aaa2 .slideShowMapLink {
	float: left;
	margin-left: 110px;
	margin-top: -45px;
}

/**************************************************** 
 * Email / Print Icons								*
 ****************************************************/
/* absolute allows us to put this guy right where 	*
 * we need it in the flow.  Floating right does not *
 * give desired results 							*/
.aaa2 .printEmailIcons { 
	cursor: pointer;
	margin-top: 15px;
	margin-right: 10px;
	position: absolute; 
	position: relative;
	margin-bottom: -28px;
	margin-left: 520px;
	margin-left: 0px;
	display: inline;
	text-align: right;
	width: 75px;
}

/***************************************************** 
 * bring the tabbed panels up a little to remove the *
 * space between the email/print icons and the line. *
 *****************************************************/
.aaa2 .TabbedPanels {
	margin-top: -5px;
}

.aaa2 .inlineMapPanel {
	padding: 0px;
	margin: 0px;
}
.aaa2 iframe {
	padding: 0px;
	margin: 0px;
}
.aaa2 .TabbedPanels .TabbedPanelsContent.photosPanel {
	padding: 0;
	margin: 0;
}
/*****************************************************************
 * Rates Specific Styles
 *****************************************************************/
.aaa2 .viewRoomTypesRates {
	float: right;
	margin: 10px 0;
}
.aaa2 .ratesBasedOnText a {
	font-style: italic;
}
.aaa2 .rateGroup {
	border: 1px solid #CCCCCC;
	padding: 10px;
	clear: both;
	margin: 10px;
	width: 94%;
}
.aaa2 .descColumn {
}
.aaa2 .rateIcon {
	padding-right: 5px;
}
.aaa2 .viewMorePanel hr {
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
}
.aaa2 .bookNowFirst {
	margin-top: 5px;
}
.aaa2 .rateColumn {
	width: 125px;
	float: right;
	text-align: right;
	margin-right: 5px;
}
.aaa2.langfr .rateColumn {
	*width: 175px;
	*margin-right: auto;
}
.aaa2.langfr .rateColumn .btn{
	margin-right: auto;
	*padding: 0;
}
.aaa2 .rateColumnPrepaid {
	width: 152px;
	float: right;
	text-align: right;
}
.aaa2 .prepaidRate {
	border: 2px #0000FF solid;
	padding: 2px;
	color: #0000FF;
}
.aaa2 .ratesPanel .disclaimer {
	margin: 10px;
	width: 565px !important;
	width: 565px! important;
}
.aaa2 .allRoomRates .CollapsiblePanelContent {
	border: 0;
	padding: 0;
}
/**************************************************** 
 * SpryCollapsiblePanel
 * Copyright (c) 2006. Adobe Systems Incorporated. 
 * All rights reserved. 
 ****************************************************
 * VIEW MORE ROOM TYPES PANEL SPECIFIC CHANGES 
 ****************************************************/
.aaa2 .viewMorePanel {
	border-width: 0px;
	clear: both;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 0px;
	width: 540px;
}
.aaa2 .rateGroup .CollapsiblePanelClosed {
	padding: 0px;
	margin-bottom: 10px; 
}
/** /AAA/common/images/triangle-menu-rt-grayOnwhite.gif does not exist */
.aaa2 .rateGroup .CollapsiblePanelTab { 
	background: left url(/AAA/common/images/triangle-menu-rt-grayOnwhite.gif) no-repeat;
	background-color: #FFFFFF;
	color: #0000CC;
	padding: 0 0 0 12px;
	text-indent: 0;
	border: 0px;
	font-weight: normal;
	width: 50%;
}
.aaa2 .rateGroup .CollapsiblePanelContent {
	border: none;
	background-color: #FFFFFF;
	padding-left: 0px;
	padding-right: 0px;
/*	width: 97%; */
}
.aaa2 .rateGroup .CollapsiblePanelTab a {
	color: #0000CC;
}
.aaa2 .rateGroup .CollapsiblePanelOpen .CollapsiblePanelTab {
	background: left url(/AAA/common/images/triangle-menu-dn-grayOnwhite.gif) no-repeat;
	background-color: #FFFFFF;
	font: normal 100%;
	color:#0000CC;
}
.aaa2 .rateGroup .CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: #FFFFFF;
	border: 0px none;
}
.aaa2 .rateGroup .CollapsiblePanelTabHover,  
.aaa2 .rateGroup .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	color:#0000CC;
	background-color: #FFFFFF;
}



/*****************************************************************
 * Reviews Specific Styles
 *****************************************************************/
.aaa2 .reviewsPanel {
	padding: 0px;
	margin: 0px;
	width: 599px !important;
	width: 595px;
}
.aaa2 .reviewsPanel iframe {
	width: 595px !important;
	width: 590px;
}
.aaa2 .reviewsPanel h2, 
.aaa2 .reviewsPanel p {
	margin: 0px 10px;
}
.aaa2 .reviewsPanel .headerBar {
	background-color: #CCCCCC;
	margin: 4px 0;
	padding-left: 5px;
}
.aaa2 .reviewsPanel .ratingBar {
	background-color: #CCCCCC;
	padding: 7px 0px;
	margin: 1px 7px;
}
.aaa2 .reviewsPanel .eachRating {
	background-color: #FFFFFF;
	border: #000000 1px solid;
	padding: 3px 22px;
}
.aaa2 .reviewsPanel .positive {
	background-color: #B5C7F7;
}
.aaa2 .reviewsPanel .ratingKey {
	margin: 1px 7px;
}
.aaa2 .reviewsPanel .ratingKey .worst {
	margin: 0 185px 0 15px;
}
.aaa2 .reviewsPanel .ratingKey .best {
	margin-left: 250px;
}
.aaa2 .reviewsPanel .writeReview {
	float: right;
	text-align: right;
	margin-right: 10px;	
}
.aaa2 .reviewsPanel .readReview {
	float: right;
	margin-right: 10px;
}
.aaa2 .writeReviewPopUp .CollapsiblePanelTab {
	display: none;
}
.aaa2 .writeReviewPopUp .CollapsiblePanelOpen {
	background-color: transparent;
	background: transparent url(/AAA/common/images/opaque_dark.gif) repeat;
	position: absolute;
	top: 50px;
	left: 30px;
	width: 650px;
	padding: 30px;
}		

.aaa2 .writeReviewPopUp .CollapsiblePanelContent {
	padding: 0;
}
.aaa2 .writeReviewPopUp .CollapsiblePanelContent p{
	width: auto;
	padding-right: 5px;
	margin-bottom: 0;
}
/**************************************************** 
 * Tool Tips
 ****************************************************/

/* the link to the tool tip */
.aaa2 .diamondRatingHelp {
	cursor: pointer;
}
/* help content box for Diamond Rating help tool tip */
.aaa2 .diamondRatingHelpTip {
	width: 300px;
	padding: 10px 20px;
}
/* each row consisting of the diamond and explanation */
.aaa2 .diamondRatingHelpTip .eachDiamond {
	text-align: right;
	float: left;
	width: 50px;	
}
/* set the paragraph to start after the diamond image */
.aaa2 .diamondRatingHelpTip p {
	margin-left: 60px;
}
/* diamond rating image spacing */
.aaa2 .diamondRatingHelpTip .diamondRatingImg {
	padding-top: 5px;
	float: none;
	text-align: center;
}

/**************************************************** 
 * Refine Search
 * In this case, IE6 does not like having two sets of
 * styles for the two panels and keeps picking up the
 * 2nd set of styles if both are named #refineSearch
 * So I am using SearchPanel which was originally
 * created for Air only for the noRates version of the
 * refineSearch.
 ****************************************************/
/* Rates */
.aaa2 #refineSearch.CollapsiblePanel .CollapsiblePanelTab {
	margin-left: 210px;
}
.aaa2 #refineSearch.CollapsiblePanelOpen .CollapsiblePanelTab {
	margin-left: 185px;
}
/* No Rates */
.aaa2 #SearchPanel.CollapsiblePanel .CollapsiblePanelTab {
	margin-left: 335px;
	background-color: transparent;
}
.aaa2 #SearchPanel.CollapsiblePanelOpen .CollapsiblePanelTab {
	margin-left: 310px;
}