@import '/common/css/local/search/results/searchResults.css';

.searchPanel {
    border: 1px solid #DCD9D5;
    font-size: 11px;
    height: 93px;
    margin: 0 0 12px 0;
}

* html .searchPanel {
    width: 920px;
}

.searchPanel input, .searchPanel select {
    float: left;
}

.searchPanel .location, .searchPanel .details, .searchPanel .options {
    float: left;
    margin: 13px 0 0;
    height: 69px;
}

/* SearchForm Common Styles End */
/* Location Block Begin */

.searchPanel .location {
    border-right: 1px solid #DCD9D5;
    width: 204px;
}

.searchPanel .location input, .searchPanel .location select {
    margin-left: 15px;
}

.searchPanel .location input {
    width: 155px;
    padding-left: 3px;
}

.searchPanel .location select {
    width: 163px;
    margin-top: 3px;
}

/* Location Block End */
/* Details Block Begin */

.searchPanel .details {
    border-right: 1px solid #DCD9D5;
    width: 463px;
}

* html .searchPanel .details {
    width: 460px;
}

#primaryContainer #contentArea .searchPanel .details h4 {
    margin-left: 29px;
    font-size: 11px;
}

.searchPanel .details .dateInfo {
    float: none;
    margin-bottom: 3px;
}

.searchPanel .details .dateInfo .ci, .searchPanel .details .rooms {
    padding-right: 4px;
    text-align: right;
    width: 119px;
}

.searchPanel .details .dateInfo span {
    float: left;
}

.searchPanel .details .dateInfo input {
    height: 15px;
    width: 70px;
}

.searchPanel .details .dateInfo .co {
    padding-right: 4px;
    text-align: right;
    width: 94px;
}

.searchPanel .details .dateInfo h6 a {
    margin: 0 37px 0 32px;
}

.searchPanel .details .dateInfo h6 .dates {
    display: none;
}

.searchPanel .details .rooms, .searchPanel .details .noOfAdults {
    float: left;
}

.searchPanel .details .noOfAdults {
    padding-right: 5px;
    text-align: right;
    width: 134px;
}

/* Details Block End */
/* Options Block Begin */

.searchPanel .options {
    width: 238px;
    padding-top: 14px;
    margin-left: 10px;
    height: 55px;
}

.searchPanel .options .actionButton.right {
    float: left;
}

.searchPanel .options #searchOptionsLink {
    float: right;
}

.searchPanel .options .moreOptions a {
    background: transparent url( /westin/images/wi_dropdown_arrow_goldNew.gif ) no-repeat scroll right center;
    padding-right: 10px;
}

.searchPanel .dhtmlSelectTriggerContainer .dhtmlSelectTrigger {
    float: right;
    color: #A7B14F;
    font-weight: bold;
    z-index: 10;
}

.searchPanel #searchForm_RecentSearches #sf_recentSearchesList {
    z-index: 7;
    top: 15px;
    left: 102px;
}

.dhtmlSelect.bordered ul {
    left: 88px;
    z-index: 9;
}

* html .dhtmlSelect.bordered ul {
    left: 10px;
    top: 0;
}

*html .searchPanel #searchForm_RecentSearches #sf_recentSearchesList {
    left: 27px;
    top: 0;
}

.searchPanel #searchForm_RecentSearches .dhtmlSelectTriggerContainer .dhtmlSelectTrigger {
    z-index: 8;
}

/* Options Block End */
/* Search Form Styles End */

/*
are there any styles which should be core? perhaps show/hide (functional definitions)
@import url(/common/css/local/search/results/results.css);
*/

/* functional */
#loadingMessageContainer, #refiningMessageContainer {
    display: none;
}

.loading #loadingMessageContainer, .refining #refiningMessageContainer {
    display: block;
}

.loading #searchResults {
    display: none;
}

/*
.loading #searchResults,.refining #searchResults{
display:none;
}
*/
/* for some reason, cannot apply opacity to ".refining #searchResults" in IE... probably due to some floating or positioning issue */
.refining .property, .refining #primaryNoResults, .refining #primaryHeadingContainer, .refining #secondaryHeadingContainer {
    opacity: 0.2;
    filter: alpha(opacity=20);
}

#searchResultsContainer {
    position: relative;
    top: 0;
    left: 0;
}

* html #searchResultsContainer {
    width: 800px;
}

#filterOptions, #mapContainer .map {
    background-color: #ffffff;
}

#filterOptions {
    padding-left: 12px;
}

#filterContainer.show,
    #mapContainer.show {
    padding: 0 10px 10px;
    margin: 0 auto 10px;
}

* html #filterContainer.show,
    * html #mapContainer.show {
    width: 904px;
}

* html #filterContainer.show,
    * html #mapContainer.show {
    padding: 0;
    margin: 0 10px 10px;
}

*:first-child+html #filterContainer.show,
    *:first-child+html #mapContainer.show {
    padding: 0;
    margin: 0 10px 10px;
}

/* booking module styles - move to separate css file if module is reused in another section */
#primaryContainer {
    padding: 5px 20px 0 20px;
}

#headerTabBoxContentBackground {
    height: 100px;
    overflow: hidden;
}

/* navigation bar */
#resultsNavigationBar {
    width: 924px;
    background: #ececd6 url( /westin/images/search/navigationBarTop.gif ) top left no-repeat;
    border: none;
}

* html #resultsNavigationBar {
    float: left;
}

*:first-child+html #resultsNavigationBar {
    float: none;
}

#resultsNavigationBarInner {
    width: 924px;
    background: transparent url( /westin/images/search/navigationBarBottom.gif ) bottom left no-repeat;
}

* html resultsNavigationBarInner {
    width: 800px;
}

.searchResultsNavItem {
    font-size: 12px;
    font-weight: bold;
    float: left;
    width: 157px;
}

.searchResultsNavItem, .searchResultsNavItem select {
    text-transform: lowercase;
}

.searchResultsNavItem select {
    font-weight: normal;
}

#sortByContainer, #payWithContainer, #currencyConvert {
    padding-top: 5px;
}

#filterButton, #mapButton {
    cursor: pointer;
    color: #8e8c48;
}

.arrowDown {
    background: transparent url( /westin/images/search/arrowDownGreen.gif ) center right no-repeat;
    padding: 3px 12px 5px 0;
    margin-right: 5px;
}

#filterButton.active, #mapButton.active {
    background: #ffffff url( /westin/images/search/buttonLeft.gif ) top left no-repeat;
}

.searchResultsNavItemInner {
    padding-top: 3px;
    padding-bottom: 4px;
}

#filterButton.active .searchResultsNavItemInner, #mapButton.active .searchResultsNavItemInner {
    background: transparent url( /westin/images/search/buttonRight.gif ) top right no-repeat;
}

#filterButton .arrowDown {
    margin-left: 7px;
}

#mapButton .icon {
    background: transparent url( /westin/images/WI_PA_Map_Icon+Button.png ) left top no-repeat;
    padding-left: 34px;
    margin-left: 5px;
}

#currencyConvert {
    background: transparent url( /westin/images/currConverterIcon.gif ) left center no-repeat;
    margin: 0;
    padding-left: 25px;
}

/* headings/errors */
#errorMessaging {
    color: #a6092e;
    font-weight: bold;
}

#checkHeading {
    position: absolute;
    left: 628px;
    top: 8px;
    font-weight: bold;
    color: #827668;
    font-size: 11px;
    background: transparent url( /westin/images/search/icons/checkHeading.gif ) left center no-repeat;
    padding-left: 16px;
    white-space: nowrap;
}

.resultHeading {
    display: none;
    padding: 8px 0 5px 5px;
    color: #63594c;
    font-weight: bold;
    font-size: 12px;
    text-transform: none;
}

#primaryHeading.show, #secondaryHeading.show {
    display: block;
}

#primaryHeading span {
    margin-right: 1px;
}

#secondaryHeading {
    color: #63594c;
    font-weight: bold;
    font-size: 12px;
}

#primaryNoResults, #noResultsMessage, #searchSuggestions, #alternateAvailabilityMessage {
    width: 924px;
    background: #ebeae6 url( /westin/images/search/highlightTop.gif ) top left no-repeat;
}

#primaryNoResultsInner, #noResultsMessageInner, #searchSuggestionsInner, #alternateAvailabilityMessageInner {
    background: transparent url( /westin/images/search/highlightBottom.gif ) bottom left no-repeat;
}

#alternateAvailabilityMessage {
    margin-bottom: 7px;
}

#alternateAvailabilityMessageInner {
    padding: 17px 15px;
}

#loadingMessageContainer, #refiningMessageContainer {
    width: 514px;
    background: #ebeae6 url( /westin/images/search/highlightTopSmall.gif ) top left no-repeat;
}

#loadingMessageContainerInner, #refiningMessageContainerInner {
    background: transparent url( /westin/images/search/highlightBottomSmall.gif ) bottom left no-repeat;
}

#loadingMessageContainer {
    margin: 10px auto 50px auto;
}

#loadingMessageContainerInner {
    text-align: center;
    padding: 17px 15px;
}

#loadingMessageContainerInner h5 {
    font-size: 14px;
    margin-bottom: 12px;
}

#refiningMessageContainer {
    z-index: 10;
    position: absolute;
    top: 5px;
    left: 200px;
    width: 514px;
    color: #63594c;
    font-size: 18px;
}

#refiningMessageContainerInner {
    text-align: center;
    padding: 17px 15px;
}

#searchSuggestions {
    margin-bottom: 9px;
}

#searchSuggestionsInner {
    padding: 17px 15px;
}

#searchSuggestionsInner h3 {
    font-size: 12px;
    font-weight: bold;
}

#primaryNoResults {
    margin-top: 6px;
    display: none;
}

#primaryNoResults.show {
    display: block;
}

#primaryNoResultsSingular, #primaryNoResultsPlural {
    display: none;
}

#primaryNoResultsSingular.show, #primaryNoResultsPlural.show {
    display: block;
}

#primaryNoResultsInner {
    color: #63594c;
    padding: 17px 15px;
    font-weight: bold;
}

#primaryNoResultsInner h4 {
    display: inline;
    color: #a6092e;
    font-weight: bold;
    font-size: 12px;
    padding-right: 7px;
}

#primaryNoResultsInner .hotelDirectoryMessage {
    display: block;
    margin-top: 12px;
    font-weight: normal;
}

#noResultsMessageInner {
    color: #63594c;
    padding: 17px 15px;
    margin-bottom: 50px;
}

#noResultsMessageInner h4 {
    color: #a6092e;
    font-weight: bold;
    margin-bottom: 12px;
    font-size: 12px;
}

.tabContent {
    padding-bottom: 0;
}

#primaryContainer #contentArea p.notAvailable {
    margin: 0;
}

.redeemable div {
    background-image: url( /westin/images/search/icons/checkOnLightGray.gif );
    background-position: left center;
    background-repeat: no-repeat;
}

.activeTab.redeemable  div {
    background-image: url( /westin/images/search/icons/checkOnWhite.gif );
}

#resultsPrimary .redeemable  div {
    background-image: url( /westin/images/search/icons/checkOnMediumGray.gif );
}

#resultsPrimary .activeTab.redeemable  div {
    background-image: url( /westin/images/search/icons/checkOnLightGray.gif );
}

.redeemLink {
    font-size: 10px;
}

/* Filter section */
#filterCountRow {
    padding: 10px 10px 10px 20px;
    font-size: 12px;
}

#filterCountRow h5 span {
    font-weight: normal;
    margin-left: 10px;
}

#filterRemoveAndClose {
    float: right;
    color: #8e8c48;
    font-size: 11px;
    font-weight: bold;
}

#removeFilter {
    cursor: pointer;
    margin-right: 10px;
}

#closeFilter {
    cursor: pointer;
    background: transparent url( /westin/images/WI_PA_InnerTemplate_Icon_Close.jpg ) right center no-repeat;
    padding-right: 15px;
    color: #63594c;
    margin-left: 10px;
}

.filterGroup {
    font-size: 11px;
    width: 290px;
    margin-right: 5px;
    float: left;
}

#filterBottomMessage {
    padding: 15px 0 8px 10px;
    color: #63594c;
}

#filterBottomMessage span {
    padding-right: 5px;
}

#filterBottomMessage .totalDisplayed {
    font-size: 24px;
    font-weight: bold;
}

#filterBottomMessage .matchSelection {
    font-size: 16px;
}

#filterBottomMessage .seeResults {
    font-size: 13px;
    color: #858379;
}

.filter, .filter:visited, .filter:active, .filter:link {
    font-weight: normal;
    padding-left: 20px;
    text-decoration: underline;
    color: #858379;
}

.filterHeading {
    margin-left: 8px;
    padding: 2px 1px 0 12px;
    background-color: #ebeae6;
    color: #63594c;
    font-weight: bold;
}

.filterGroup .activeFilter {
    color: #8e8c48;
    background: transparent url( /westin/images/search/icons/checkFilter.gif ) left center no-repeat;
}

.filterGroup .inactiveFilter, .filterGroup .inactiveFilter:visited, .filterGroup .inactiveFilter:active, .filterGroup .inactiveFilter:link {
    text-decoration: none;
    cursor: default;
}

.favoritesContainer {
    display: none;
}

#filterBottomMessage .show {
    display: inline;
}

/* add location container */
#addLocationBox {
    margin: 0 15px 6px 16px;
    padding: 6px 12px;
}

#addLocationBox .addLocation, #addLocationBox .actionButton {
    float: left;
    position: relative;
    margin-right: 10px;
}

#addLocationBox form label, #addLocationBox form #customAddress {
    margin-top: 5px;
}

#addLocationBox form #customAddress {
    width: 150px;
}

#addLocationBox .hasDefaultText {
    color: #aaaaaa;
}

#addLocationBox .actionLink, #addLocationBox .actionButton {
    padding: 0;
}

/* end location container */

/*   MSVE Map Section   */

#mapContainer #closeMapLink {
    float: right;
    cursor: pointer;
    padding: 0 18px 0 0;
    margin: 10px 12px 10px 0;
    background: url( /westin/images/WI_PA_InnerTemplate_Icon_Close.jpg ) right center no-repeat;
    color: #63594C;
    font-weight: bold;
}

*html #mapContainer #closeMapLink {
    margin-right: 10px;
}

#mapContainer {
    border: none !important;
}

#mapSection {
    border: 1px solid #BFB6AA;
    margin: 34px 15px 0 16px;
}

#searchResultsMap {
    position: relative !important;
}

#searchMap {
    padding: 1px;
}

#searchResultsMap a:hover {
    text-decoration: none;
}

/*   MSVE Map End   */

.cashPointsCalendarLink {
    background: transparent url( /westin/images/WI_PA_Icon_Calendar.png ) left center no-repeat;
}

#availabilityHeading {
    background: transparent url( /westin/images/search/results/browseCalendarHeading.gif ) left center no-repeat;
    padding-left: 14px;
    margin-left: 4px;
}

li.tab.browseCalendar {
    background-image: url( /westin/images/search/results/browseCalendar.gif );
    background-position: 4px center;
    background-repeat: no-repeat;
}