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

/* Generic Site Wide Styles */
.aaa2 .mainContent {
	padding-right: 5px;
	padding-left: 0px;
	width: 605px !important;
	width: 600px;
}
.aaa2 .pBar,
.aaa2 .pageHeader {
	padding-left: 5px;
}

.aaa2 .searchHotels {
	border: 1px solid #BCD2E6;
	width: 600px;
	margin-bottom: 25px;
}
.aaa2 h1 {
	margin: 0;
	margin-left: 5px;
}
.aaa2 .hotelChainLinkIn h1,
.aaa2 .hotelChainLinkIn img {
	float: left;
}
.aaa2 .hotelChainLinkIn h1 {
	margin: 1em;
}
.aaa2 .hotelChainLinkIn {
	margin-top: .5em;
}
.aaa2 .requiredTextSpacing {
	margin-bottom: 10px;
	text-align: right;
	padding-right: 5px;
}

/* left column formatting */
.aaa2 .leftColumn {
	width: 598px;
	float: left;
	border: #999999 thin solid;
}

.aaa2 .leftColumn h2 {
	padding: 5px 0px 5px 0px;
}

.aaa2 .searchCriteria {
	float: left;
	padding: 0 10px 15px 10px;
}

.aaa2 .searchCriteria.destination {
	float: none;
}
.aaa2 .searchCriteria label span {
}
.aaa2 .searchCriteria.keyword {
	width: 40%;
	padding-left: 15px;
}
.aaa2 .searchCriteria.destination label,
.aaa2 .searchCriteria.keyword label {
	float: left;
}
.aaa2 .predictiveWrapperDiv {
	float: left;
}
.aaa2 .predictiveWrapperDiv,
.aaa2 .destination input,
.aaa2 .keyword input {
	width: 150px;
}

.aaa2 .destinationCaption {
	margin-left: 80px;
	margin-bottom: 0px;
	clear: both;
}
.aaa2 .keywordCaption {
	margin-left: 65px;
	margin-bottom: 0px;
}
/* or Icon */
.aaa2 .orIcon {
	float: left;
	width: 24px;
	height: 24px;
}

/*****************************************************
 * Aligns the "Did You Mean" fields
 *****************************************************/
.aaa2 .multipleResultOptionBox {
	padding: 0 0 10px 10px;
	clear: both;
	width: 75%;
}
.aaa2 .didYouMeanList {
	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: 180px;
	overflow: auto;
	/* sets max-height for IE */
	height: expression( this.scrollWidth > 399 ? "400px" : "auto" );
	max-width: 400px;
}
.aaa2 .SelectCreator .SelectOptions {
	margin-left: 0px;
}
/* end didYouMeanList */
.aaa2 .searchHotels .caption {
	padding-left: 70px;
}
.aaa2 .searchHotels .keyword .caption {
	padding-left: 55px;
}

.aaa2 .searchHotels .calendarStart {
	padding-right: 5px;
	margin-left: 15px !important;
	margin-left: 7px;
}
.aaa2 .searchHotels .calendarEnd {
	padding-right: 5px;
	margin-left: 16px;
}
.aaa2 .searchHotels .destination label,
.aaa2 .searchHotels .keyword label,
.aaa2 .searchHotels .calendarStart label,
.aaa2 .searchHotels .calendarEnd label {
	margin-right: 5px;
}

.aaa2 .searchHotels .calendarStart input,
.aaa2 .searchHotels .calendarEnd input,
.aaa2 .searchHotels .adultDropDown {

}
.aaa2 .cal {
	float: none;
}
.aaa2 img.cal {
	padding-left: 10px;
	margin-bottom: -3px;
}
.aaa2 .searchHotels .roomInfo {
	clear: both;
	margin-left: 27px !important;
	margin-left: 13px;
	width: 400px;
}
.aaa2 .searchHotels .roomInfo .label {
	margin-right: 8px;
}
.aaa2 .searchHotels .roomInfo select {
	margin-right: 16px;
}
.aaa2 .searchHotels .roomInfo .addRoom {
	clear: both;
}
.aaa2 .searchHotels .roomInfo .yui-panel .bd {
	padding: 0px;
}
.aaa2 .searchNow {
	float: right;
}

/*****************************************************
 * Advanced Options Section
 *****************************************************/
.aaa2 #advancedSearchDisabled {
	display: none;
}
.aaa2 .advancedSearchPanel {
	margin-top: -25px !important;
	margin-top: -23px;
	padding-right: 0;
	width: 600px !important;
	width: 600px;
}
.aaa2 .advancedSearchPanel .CollapsiblePanelTab{
	margin-left: 2px;
}
.aaa2 .advancedSearchPanel .advancedSearchPanelContent {
	padding-right: 0;
	padding-left: 2px;
	border-left: none;
	border-right: none;
	border-bottom: none;
	padding-bottom: 0;
}
.aaa2 .advancedOptions {
	width: 585px;
	padding: 2px;
}

/*****************************************************
 * Left Column - Advanced Options
 *****************************************************/
.aaa2 .hotelPrefLeft {
	float: left;
	width: 256px;
}

.aaa2 .hotelPrefLeft label {
	text-align: right;
	padding: 0 2px 0 0;
	width: 78px;
}
.aaa2.langfr .hotelPrefLeft label {
	_width: 85px;
}

.aaa2 .hotelName,
.aaa2 .hotelNameHelp,
.aaa2 .hotelChain,
.aaa2 .propertyTypeHelp {
	float: left;
}
.aaa2 .hotelNameDiv,
.aaa2 .hotelChainDiv,
.aaa2 .propertyTypeDiv,
.aaa2 .priceRangeDiv,
.aaa2 .destDistanceDiv {
	margin-top: 5px;
	clear: both;
}
/* Release 81 - Added class, removed <br/> from markup */
.aaa2 .hotelChainDiv select {
	display: block;
}
.aaa2 .hotelNameDiv input.hotelName {
	margin-bottom: 10px;
	width: 145px;
}
.aaa2.langfr .hotelNameDiv input.hotelName {
	_width: 140px;
}
.aaa2 .propertyTypeDiv {
	line-height: 15px;
}
.aaa2 .propertyTypeDiv {
	margin-bottom: 10px;
	float: left;
}
.aaa2 .propertyTypeDiv .propertyType {
	float: left;
}
.aaa2.langfr .propertyTypeDiv .propertyType {
	_font-size: 11px;
	_margin-top: 0px;
	_padding-top: 0px;
}
.aaa2 .propertyTypeDiv select.propertyType {
	width: 150px;
}
/* Release 81 - Added to center text vertically */
.aaa2 .propertyTypeDiv label {
	padding-top: 2px;
}

.aaa2 .hotelChainDiv .label {
	margin-left: 15px;
}
.aaa2.langfr .hotelChainDiv .label {
	_margin-left: auto;
	_width: 85px;
}
.aaa2 .hotelChainDiv .hotelChainLimit {
	float: left;
	margin-bottom: 10px;
	margin-right: 5px;
	text-align: right;
	width: 73px !important;
	width: 71px;
}
.aaa2 .hotelChainDiv .hotelName {
	width: 78px !important;
	width: 80px;
}
.aaa2 .hotelChainDiv .hotelChain {
	width: 78px !important;
	width: 76px;
	float: left;
}
.aaa2.langfr .hotelChainDiv .hotelChain {
	_width: 85px;
}
.aaa2 .hotelChainDiv label {
	padding-top: 2px;
}
.aaa2 .hotelChainDiv .hotelChain2 {
	clear: left;
}
.aaa2 .hotelChainDiv select.hotelMargin {
	margin-bottom: 5px;
	width: 150px;
	float: left;
}
.aaa2 .hotelChainDiv select.hotelChainMargin {
	margin-left: 80px;
	margin-bottom: 5px;
	width: 150px;
}
.aaa2.langfr .hotelChainDiv select.hotelChainMargin {
	_margin-left: 87px;
}
.aaa2 .priceRangeDiv select {
	width: 150px;
}
.aaa2 .priceRangeDiv .priceRange {
	float: left;
}
.aaa2 .priceRangeDiv {
	padding-bottom: 20px;
}
/************************************************
 * Book Online Only & Eco Certified
 ************************************************/
.aaa2 .searchCheckBox input {
	margin-left: 80px !important;
	margin-left: 77px;
	float: left;
}
.aaa2 div.searchCheckBox  {
	margin-top: 10px;
	float: left;
}
.aaa2 .searchCheckBox .spacer {
	padding: 0px 16px 0px 16px;
	float: left;
}
.aaa2 .searchCheckBox p {
	float: left;
	padding-left: 5px;
	width: 130px;
	margin-bottom: 0;
}
.aaa2 .searchCheckBox .ecoIcon {
	padding-right: 5px;
}
/* Specific to French language */
.aaa2.langfr div.searchCheckBox {
	clear:both;
}
/*****************************************************
 * Center Column - Other Features
 *****************************************************/
.aaa2.langfr .otherFeaturesList li.pets input {
	_margin-top: 15px;
}
 /* Release 81 - Added Display Block, removed <br/> tags from markup */
 /* Removed margin-top which was being ignored, adjusted previously ignored margin-bottom */
.aaa2 .featuresLabel {
	margin-bottom: 2px;
	display:block;
}

/*****************************************************
 * Center Column - Advanced Options
 *****************************************************/
.aaa2 .hotelPrefCenter {
	float: left;
	padding: 2px;
	width: 162px;
}

/*****************************************************
 * Right Column - Advanced Options
 *****************************************************/
.aaa2 .hotelPrefRight {
	float: left;
	padding: 2px;
	width: 170px;
}

/*****************************************************
 * Center and Right Advanced Options
 *****************************************************/
.aaa2 .hotelPrefCenter label,
.aaa2 .hotelPrefRight label {
}
.aaa2 .advancedSearchPanel ul {
	margin: 0;
	margin-bottom: 1em;
}
.aaa2 .advancedSearchPanel ul li {
	list-style-type: none;
	clear: left;
}

.aaa2 .advancedSearchPanel .hotelPrefCenter input,
.aaa2 .advancedSearchPanel .hotelPrefRight input {
	float: left;
}
.aaa2 .advancedSearchPanel .hotelPrefCenter label span,
.aaa2 .advancedSearchPanel .hotelPrefRight label span {
	padding-left: 17px;
	display: block;
	margin-bottom: 5px;
	/* ie6 is uncooperative, these force it to my will */
	*display: inline; /* ie 7 */
	*padding-left: 0px;
	_display: inline; /* ie 6 */
	_padding-left: 0px;
}


/*****************************************************
 * Diamond Rating Component
 *****************************************************/
/* Diamond Rating Image Styles */

.aaa2 .diamondRating {
/*	float: left;  Not sure why this was floated to begin with? */
	margin-bottom: 10px !important;
	margin-bottom: 0px; /* IE6 override */
/*	margin-left: 75px; Removed to align with Destinations label, stop wrapping in French */
	display: inline;
}

/* help Icon */
.aaa2 .help {
	margin-left: 5px;
}

/* right column formatting */

.aaa2 .rightColumn {
	border: #999999 thin solid;
	width: 198px;
	float: right;
}

.aaa2 .searchButton {
	clear: both;
	text-align: right;
	margin-right: 5px;
}

.aaa2 .containedSearchButton {
	text-align: right;
	clear: both;
	margin-right: 10px;
}

.aaa2 .printEmailIconDiv .printIcon,
.aaa2 .printEmailIconDiv .emailIcon {
	float: right;
}

/****************************************************
 * Advanced Options Panel Specific Settings
 *
 * Advanced Options Panel Tool Tips
 ****************************************************/
.aaa2 #diamond .bookTogether {
	clear: left;
	padding: 0 5px;
}
.aaa2 #diamond br {
	margin-bottom: 9px;
}
.aaa2 #diamond img {
	padding-top: 8px;
	float: left;
	padding-right: 2px;
}
.aaa2 #diamond img.inlineFYI {
	float: none;
}
.aaa2 #diamond img.fyiLabel {
	padding-top: 7px;
	padding-right: 5px;
}
.aaa2 #diamond label {
	float: left;
	padding-top: 5px;
}

.aaa2 .closeButton {
	float: right;
	background-color: #FF0000;
	border-bottom-color: #CC0000;
	padding: 0 4px;
	text-decoration: none;
	margin: 0 2px;
}

/****************************************************
 * add Room popUp
 ****************************************************/

.aaa2 .popUpHeading {
	background-color: #006699;
	color: #FFFFFF;
}
.aaa2 .popUpHeading .heading1 .bodyTextBold {
	color: #FFFFFF;
}
.aaa2 .popUpContent .step3,
.aaa2 .popUpContent .steps {
	margin-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	float: none;
	border-bottom: 1px #006699 solid;
}
.aaa2 .popUpContent .warning,
.aaa2 .popUpContent .info {
	border-bottom: 1px #006699 solid;
	padding: 5px 0px;
}

.aaa2 .popUpContent .steps .heading3 {
	width: 255px;
	float: left;
}
.aaa2 .popUpContent .step3 .stepNumber,
.aaa2 .popUpContent .steps .stepNumber {
	float: left;
	width: 50px;
}
.aaa2 .popUpContent .step3 .stepDesc {
	margin-left: 50px;
}
.aaa2 .popUpContent .steps .stepDesc {
	float: left;
	width: 200px;
}
.aaa2 .popUpContent .stepText {
	text-align: justify;
}
.aaa2 .popUpContent .steps ul,
.aaa2 .popUpContent .steps p {
	margin-left: 255px;
}
.aaa2 .popUpContent .steps li {
	list-style-position:outside;
	padding-left: 5px;
}

.aaa2 .popUpContent .addRoomHeading,
.aaa2 .popUpContent .addRoomHeading span {
	background-color: #CCCCCC;
	background-color:#0099FF;
	color: #FFFFFF;
	clear: left;
	float: none;
	margin-left: 0px;
	padding-left: 5px;
}

.aaa2 .popUpContent .close {
	margin-bottom: 20px;
	text-align: right;
}
.aaa2 #addRoom_c {
	top: 0;
}