/***********************************************************
 *
 *  File:     resort.css
 *  Author:   MetaDesign
 *  Created:  February 13, 2007
 *
 *  Description:
 *  Stylesheet for Shangri-La Web site.
 *  Styles for hotel pages.
 *  Styles are organized into the following groups:
 *
 *  - HTML Elements
 *  - Form
 *  - Titles
 *  - Top Banner
 *  - Top Nav
 *  - Main Area
 *  - Left Nav
 *  - Middle Area
 *  - Footer
 *  - Banners
 *  - Rules
 *  - Lists
 *  - Gallery & Map
 *  - Spinner
 *  - Lightbox
 *  - Listing Table
 *
 *  Colors:
 *  - xxxxxx - background
 *  
 *
 **********************************************************/

/* ************************ */
/* Base Style Sheet Imports */
/* ************************ */

@import "/style/basic.css";
 
/* ************* */
/* HTML Elements */
/* ************* */

/* default body styles */
body {
  color:                #262720;
  background:           #4e5045 url('/images/background/bg_resort.gif') top left repeat-x;
}

/* selective overrides for home page */
body#homepage {
  background:           #3f2e1a url('/images/background/bg_home.gif') top left repeat-x;
}
 
/* selective overrides for landing pages */
body.landing {
  background:           #4e5045 url('/images/background/bg_resort_landing.gif') top left repeat-x;
}

/* selective overrides for detail pages */
body.detail {
  color:                #262720;
  background:           #4e5045 url('/images/background/bg_resort.gif') top left repeat-x;
}

/* selective overrides for find hotel page */
body.find {
  background:           #3c2818 url('/images/background/bg_find_hotel.gif') top left repeat-x;
}


/*
Background color for lightbox page
- Only seen if the lightbox fails and shows as a separate window.
*/
body#lbPage {
  background:           #a9aca5;
}

body#fullpage {
/*background:           #a9aca5; */
  background:           #a9aca5 url("/images/background/bg_progress_resort.gif") top left repeat-x;
}
 
a {
  color:                #ffffff;
}
a.footer {
  color:                #c7b79f;
}
a.footer2 {
  color:                #7a7d70;
}
a.topBanner {
  color:                #ffffff;
}
a.topBanner:active {
  color:                #bdbfaa;
}
a.selected { 
  color:                #bdbfaa;
}
a.darkLink  {   
  color:                #262720;
}

/* ************* */
/* Form		 	     */
/* ************* */
/***these are hotel colors - need to get resort colors***/
input,
select,
textarea {
  background:           #ebe9e7;
  border-top:           1px solid #cbc6b6;
  border-right:         1px solid #ccc6b7;
  border-bottom:        1px solid #d8d5cb;
  border-left:          1px solid #cbc6b7;
}

.formSubhead {
  color:                #ffffff;
}

.formError ,
.formErrorRef {
  color:                #660000;
}

/* treatment for indicating header for default saved credit card */
.formCcDefaultHead {
  background:           #74766D;
}
.formCcAlternateHead {
  border:               1px solid #74766D;
  border-bottom:        0px;
}

/* treatment for indicating default saved credit card */
.formCcDefault,
.formCcAlternate {
  border:               1px solid #6F6353;
}
/* ************* */
/* Titles    - this section should only include colors    */
/* ************* */

.title1 {
  font-size:            18px;
}
.title2 {
  font:                 14px georgia,serif;
  margin:               0px 0px 8px 0px;
}
.title3 {
  font:                 10px verdana,geneva,sans-serif;
}
.title4 {
  color:                #ffffff;
}
.title5 {
  font:                 bold 10px verdana,geneva,sans-serif;
  margin:               0px 0px 8px 0px;
}

/* ************* */
/* Top Banner   */
/* ************* */

.pattern {
  background:           url('/images/background/bg_resort_pattern.jpg') top left repeat-x;
}

.topBanner {
  color:                #bdbfaa;
}

#home, 
#home a {
  color:                #ffffff;
}

#lang,
#lang a {
  color:                #bdbfaa;
}

a.topNavBar {
  color:                #ffffff;
}

a.topNavBarSm:hover {
  background:           url('/images/nav/main_nav_sm_resort.jpg') top center no-repeat;
  color:                #bdbfaa;
}

a.topNavBarMd:hover {
  background:           url('/images/nav/main_nav_md_resort.jpg') top center no-repeat;
  color:                #bdbfaa;
}

a.topNavBarLg:hover {
  background:           url('/images/nav/main_nav_lg_resort.jpg') top center no-repeat;
  color:                #bdbfaa;
}

a.topNavBarSmSelected {
  background:           url('/images/nav/main_nav_sm_resort.jpg') top center no-repeat;
  color:                #bdbfaa;
}

a.topNavBarMdSelected {
  background:           url('/images/nav/main_nav_md_resort.jpg') top center no-repeat;
  color:                #bdbfaa;
}

a.topNavBarLgSelected {
  background:           url('/images/nav/main_nav_lg_resort.jpg') top center no-repeat;
  color:                #bdbfaa;
}

/******************/

#address {
  color:                #bdbfaa;
}

/* ************* */
/* Top Nav     */
/* ************* */

#topNavBar {
  color:                #bdbfaa;
  background:           #22231d;
}

/* ************* */
/* Main Area     */
/* ************* */

#gallery, .enlargedPhotoLB {
  background:           #898b80;
}

/* ************* */
/* Left Nav      */
/* ************* */

td.leftNavContainer {
  background:           #898b80;
}

a.leftNav:hover,
a.leftNavSelected {
  color:                #bdbfaa;
  background:           url("/images/nav/left_nav_highlight_resort.jpg") top left repeat-y;
}

.leftNavHeader  {
  color:                #262720;
}

/* ************* */
/* Middle Area   */
/* ************* */

td.middleAreaContainer {
  background:           #898b80;
}

td.middleAreaContainerData {
  background:           #a9aca5;
  color:                #262720;
}

/* when using as top anchor need to have color specified */
.detailTitle {
  color:                #262720;
}

.rightContentArea .pageTitle,
.rightContentArea .pageTitle a.anchor,
.middleAreaContainer .pageTitle,
.middleAreaContainer .pageTitle a.anchor {
  color:                #262720;
}

.rightContentAreaData .pageTitle,
.rightContentAreaData .pageTitle a.anchor,
.rightContentAreaDataNoBottomPad .pageTitle,
.rightContentAreaDataNoBottomPad .pageTitle a.anchor,
.middleAreaContainerData .pageTitle,
.middleAreaContainerData .pageTitle a.anchor {
  color:                #262720;
}

/* buttons */

a.btn,
a.btnCancel,
a.btnDisabled {
  text-decoration:      none;
  color:                #bdbfaa;
  height:               12px;
  display:              block;
  padding:              1px 12px 2px 23px;
  font:					        9px verdana,geneva,sans-serif;
}
a.btn {
  background:           #22231d url("/images/common/btn_resort.gif") top left no-repeat;
}
a.btnCancel {
  background:           #505249 url("/images/common/btn_cancel_resort.gif") top left no-repeat;
}
/* disabled button assumes hover style of cancel btn */
a.btnDisabled {
  background:           #505249 url("/images/common/btn_cancel_resort.gif") 0px -15px no-repeat;
}
a.btnDisabled:hover,
a.btnDisabled:active {
  cursor:               default;
  text-decoration:      none;
}

a.btn:hover,
a.btn:active,
a.btnCancel:hover,
a.btnCancel:active {
  text-decoration:      none;
  background-position:  0px -15px;
}
a.btn:hover,
a.btn:active {
  background-color:     #41423b;
}
a.btnCancel:hover,
a.btnCancel:active {
  background-color:     #616359;
}

.darkTitleBand  {
  height:               14px;
  background-color:     #74766d;      
  color:                #bdbfaa;
  font:                 bold 9px verdana,geneva,sans-serif;
  line-height:          14px;
  margin:               10px -10px 10px -10px;
  padding:              1px 0px 2px 10px;
  
}

/*******************************************************************/

/* proposed replacement for above two styles - "light" and dark" */
.titleBand,
.titleBandNoMarginBtm,
.titleBandNoMarginTop,
.titleBand a.anchor {
  height:               14px;
  background:           #97998f;
  color:                #bdbfaa;
  font:                 bold 9px/14px verdana,geneva,sans-serif;
  padding:              1px 0px 2px 0px;
}
#contentAreaData .titleBand,
#contentAreaDataFixedHeight .titleBand,
#middleAreaData .titleBand,
#rightContentAreaData .titleBand,
#rightContentAreaDataNoBottomPad .titleBand,
#contentAreaData .titleBandNoMarginBtm,
#contentAreaDataFixedHeight .titleBandNoMarginBtm,
#middleAreaData .titleBandNoMarginBtm,
#rightContentAreaData .titleBandNoMarginBtm,
#rightContentAreaDataNoBottomPad .titleBandNoMarginBtm,
#contentAreaData .titleBandNoMarginTop,
#contentAreaDataFixedHeight .titleBandNoMarginTop,
#middleAreaData .titleBandNoMarginTop,
#rightContentAreaData .titleBandNoMarginTop,
#rightContentAreaDataNoBottomPad .titleBandNoMarginTop {
  background:           #74766d;
  color:                #bdbfaa;
}
/* tr.titleBand cannot have these styles! */
#contentAreaData div.titleBand,
#contentAreaDataFixedHeight div.titleBand,
#middleAreaData div.titleBand,
#rightContentAreaData div.titleBand,
#rightContentAreaDataNoBottomPad div.titleBand,
#contentAreaData div.titleBandNoMarginBtm,
#contentAreaDataFixedHeight div.titleBandNoMarginBtm,
#middleAreaData div.titleBandNoMarginBtm,
#rightContentAreaData div.titleBandNoMarginBtm,
#rightContentAreaDataNoBottomPad div.titleBandNoMarginBtm,
#contentAreaData div.titleBandNoMarginTop,
#contentAreaDataFixedHeight div.titleBandNoMarginTop,
#middleAreaData div.titleBandNoMarginTop,
#rightContentAreaData div.titleBandNoMarginTop,
#rightContentAreaDataNoBottomPad div.titleBandNoMarginTop {
  margin:               20px 0px 20px 0px;
  padding:              1px 0px 2px 10px;
  position:             relative;
  z-index:              2;
}

/* GC FAQ */
#faq div.titleBand {
  margin:               0px 0px 2px 0px;
}

/* multiroom */
#multiroom div.titleBand {
  margin:               0px 0px 2px 0px;
}

#contentAreaData div.titleBandNoMarginBtm,
#contentAreaDataFixedHeight div.titleBandNoMarginBtm,
#middleAreaData div.titleBandNoMarginBtm,
#rightContentAreaData div.titleBandNoMarginBtm,
#rightContentAreaDataNoBottomPad div.titleBandNoMarginBtm {
  margin-bottom:        0px;
}

#contentAreaData div.titleBandNoMarginTop,
#contentAreaDataFixedHeight div.titleBandNoMarginTop,
#middleAreaData div.titleBandNoMarginTop,
#rightContentAreaData div.titleBandNoMarginTop,
#rightContentAreaDataNoBottomPad div.titleBandNoMarginTop {
  margin-top:        0px;
}

.subtitleBand {
  height:               14px;
  background:           #97998f;
  color:                #bdbfaa;
  font:                 bold 9px/14px verdana,geneva,sans-serif;
  padding:              1px 0px 2px 0px;
}
#contentAreaData div.subtitleBand,
#contentAreaDataFixedHeight div.subtitleBand,
#middleAreaData div.subtitleBand,
#rightContentAreaData div.subtitleBand,
#rightContentAreaDataNoBottomPad div.subtitleBand {
  margin:               2px 0px 10px 0px;
  padding:              1px 0px 2px 10px;
  position:             relative;
}

/* special treatment for named anchors */

a.anchor,
.titleBand a.anchor,
#contentAreaData .titleBand a.anchor,
#contentAreaDataFixedHeight .titleBand a.anchor,
#middleAreaData .titleBand a.anchor,
#rightContentAreaData .titleBand a.anchor,
#rightContentAreaDataNoBottomPad .titleBand a.anchor {
  text-decoration:      none;
  margin:               0px;
}

#contentAreaData .titleBand a.anchor,
#contentAreaDataFixedHeight .titleBand a.anchor,
#middleAreaData .titleBand a.anchor,
#rightContentAreaData .titleBand a.anchor,
#rightContentAreaDataNoBottomPad .titleBand a.anchor {
  background:           #74766d;
  color:                #bdbfaa;
}

.weatherTblHead {
  background:           #97998f;
}

/* Alternating color rows */

tr.lightTitleBand,
.tbOddRow,
tr.tbOddRow td,
.oddRow   {
  background-color:     #97998f;
}

.tbEvenRow,
tr.tbEvenRow td,
.evenRow  {
  background-color:     #a0a39b;
}

table.listingTbl tr td {
  border-bottom:        2px solid #a9aca5;
}

/* ****************************************/
/* Content area for one column pages	    */
/* ************************************** */

#contentArea {
  background:           #898b80;
}

#contentAreaData,
#contentAreaDataFixedHeight {
  background:           #a9aca5;
  color:                #262720;
}

/* ****************************************/
/* Right content area for two column pages	*/
/* ************************************** */

#rightContentArea,
#rightContent {
  background-color:     #898b80;
}

#rightContentAreaData,
#rightContentAreaDataNoBottomPad,
#rightContentData {
  background-color:     #a9aca5;
  color:                #262720;
}

/*******************************/
/* Reservation Calendar styles */
/*******************************/

.calendar {
  border:               1px solid #74766d;
}

.controls {
  color:                #bdbfaa;
  background-color:     #74766d;
}

.yearMonth {
  background-color:     #74766d;
}

img.calimg {
  border:               none;
  width:                4px;
  height:               7px;
}

div.button {
  display:              inline;
  width:                4px;
  height:               7px;
  margin:               4px 2px 0 2px;
}

.buttonLink {
  color:                #bdbfaa;
}

.buttonDisabled a,
.buttonDisabled a:hover {
  color:                #bdbfaa;
}

.dateField {
  background-color:     transparent;
}

.dayHeader {
  color:                #74766d;
}

.dateLink {
  color:                #262720;
}

.dateSelected {
  background-color:     #22231d;
}

.dateSelected a {
  color:                #a9a096;
}

.dateToday {
  border:               none;
}

.dateDisabled a,
.dateDisabled a:hover {
  color:                #6d6e67;
}

/************************************************************************************/
/* Rates or Check availabilty - Calendar styles are also defined in StayCalendar.ascx */
/************************************************************************************/
/* see basic_prop.css for form font size and dimension styles**/

.instructionText,
.sectionHeader  {
  color:                #262720;
}

/* the following calendar styles should not be renamed */
/* they match the CssClass names associated with the microsoft calendar */
.calStyle {
  border-color:         #262720;
  width:                145px;
  height:               130px;
}
.calDayStyle {
  color:                #262720;
}

.calDayHeaderStyle {     
  color:                #74766d;
  font-family:          verdana;
  font-size:            9px;
}

.calNextPrevStyle  {
  color:                #bdbfaa;
  font-size:            10px;
}

.calOtherMonthDayStyle {
  font-family:          verdana;
  font-size:            9px;
  color:                #ffffff;
}

.calSelectedDayStyle {
  color:                #a9a096;
  background-color:     #262720;
}

.calSelectorStyle {  /* ??? */
  color:                #a9a096;
  background-color:     #262720;
}

.calTitleStyle {
  font-family:          verdana;
  font-size:            9px;
  font-weight:          bold;
  background-color:     #74766d;       
  color:                #bdbfaa;
  height:               14px;
  vertical-align:       top;
  padding:              0px;
}

.calTodayDayStyle {
  font-family:          verdana;
  font-size:            12px;
}

.calWeekendDayStyle {
  font-family:          verdana;
  font-size:            9px;
  color:                #ff0000;
}

/****************************************/

.formLabels {
  font:                 10px verdana;
}

#guestDetail  select  {
  background:           #d4d0c7;
  border:               1px solid #9c947b;
}

/* ************* */
/* Right Nav   */
/* ************* */

td.rightNavContainer {
  background:           #95988e;
}

td.rightNavContainerDetail {
  background:           #9a9d94;
}

.line {
  margin-left:          -10px;
}

/* ************* */
/* Footer     */
/* ************* */

#footerContainer {
	background:				    #262720;
	color:                #7a7d70;
}

#footerContainerInner {
  color:                #7a7d70;
}

/* ************* */
/* Banners       */
/* ************* */
/* for IE6 only */
* html #landingMiddleBanner {
  filter:               progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/images/background/bg_banner_landing_resort.png');
  color:                #bdbfaa;
}

* html #detailMiddleBanner {
  filter:               progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/images/background/bg_banner_resort.png');
  color:                #bdbfaa;
}
/*  above proprietary Microsoft "filter" rules allow IE to display PNGs with transparency;
  rules below are invisible to IE and display the PNGs normally */
html>body #landingMiddleBanner {
  background:           url('/images/background/bg_banner_landing_resort.png') top left;
  position:             relative;
  color:                #bdbfaa;
}

html>body #detailMiddleBanner {
  background:           url('/images/background/bg_banner_resort.png') top left;
  position:             relative;
  color:                #bdbfaa;
}

#landingBannerTitle,
.bannerTitle,
.bannerTitleNav,
.detailBannerNav {
  color:                #bdbfaa;
}

/* ************* */
/* Rules         */
/* ************* */

/* consider replacement of above with something like this */
/* created for checkout pages */
.ruleSolid,
.ruleDashed {
  height:               1px;
  background:           #74766d; /* same color as the title band */
  margin:               10px 0px 10px 0px;
}
.ruleDashed {
  background:           url("/images/common/rule_dashed.gif") top left repeat-x;
}

/*This is used to override 10px margin - didn't want to include inline style*/
.ruleDashed_noMargin {
  height:               1px;
  background:           url("/images/common/rule_dashed.gif") top left repeat-x;
  margin:               10px -10px 10px -10px; 
}

.ruleDashedVertical {
  width:                1px;
  background:           url("/images/common/rule_dashed_vert.gif") top left repeat-y;
}

/* ************* */
/* Lists         */
/* ************* */

ul li {
  background:           url("/images/common/bullet_resort.gif") 0 .6em no-repeat;
}

/* ************* */
/* Gallery & Map */
/* ************* */

.galleryCaption {
  color:                #262720;
}

.galleryFilter select {
  font:                 11px/14px verdana,geneva,sans-serif;
  color:                #262720;
  background:           #ffffff;
  border:               1px solid #9c947b;
}

.galleryControls {
  font:                 9px/12px verdana,geneva,sans-serif;
  color:                #bdbfaa;
}

/* ************* */
/* Spinner       */
/* ************* */

#spinnerMask {
	background-color:     #22231d;
}

/* ************* */
/* Lightbox      */
/* ************* */

#lightboxFooter,
#lightboxHeader {
  background:           #22231d;
}

/* ************* */
/* Listing Table */
/* ************* */

td.selected {
  background:           url("/images/common/icon_selected_hotel.gif") center center no-repeat;
}

.tbEvenRow td.selected {
  background-color:     #a0a39b;
}

.tbOddRow td.selected {
  background-color:     #97998f;
}

/********************/
/* appointment page */
/********************/

.treatmentMenu a,
.checkboxSet a {
  color:                #262720;
}

.treatmentBox {
  width:                300px;
  float:                left;
  background-color:     #22231d; 
  opacity:              0.85;
  filter:               alpha(opacity=85);
  filter:               progid:DXImageTransform.Microsoft.Alpha(opacity=85);
  color:                #bdbfaa;
  padding:              10px;
}

.tip {
  width:                5px;
  height:               5px;
  float:                left;
  background:           url("/images/common/tooltip_point_resort.gif") top left no-repeat;
}

.progressPage {
/*
	background:         #22231d url("/images/background/bg_progress_resort.gif") top left repeat-x;
*/	
  background-color:     #22231d;
  color:                #bdbfaa;   
}

/***********************/ 
/* Press photo library */
/***********************/

.libPhoto,
.libPhotoAir {
  border:               1px solid #74766d;
}

/***********************/ 
/* Lightbox            */
/***********************/

.lbContentOuter,
.lbContentOuterFullPage,
#outerContainer {
  background:           #898b80;
}


/***********************/ 
/* PopupSelector       */
/***********************/
.popupSelectorCreditCard
{
  border: 0px outset black; 
  width: 346px;
  background-color: #74766d;
  padding: 0px 20px 0px 10px;
}

.popupSelectorComments
{
  border: 0px outset black; 
  width: 346px;
  background-color: #74766d;
  padding: 0px 20px 0px 10px;
}

.popupSelectorRoomPreferences
{
  border: 0px outset black; 
  width: 200px; 
  background-color: #74766d;
  padding: 0px 20px 0px 10px;
}

.popupSelectorAirportPickup
{
  border: 0px outset black; 
  width: 346px;
  background-color: #74766d;
  padding: 0px 20px 0px 10px;
}


/********************************/
/* Multiroom booking guest tabs */
/********************************/
.guestMenuSelected {
  background:          #a9aca5;
}
/****************************/
/* Request Proposal buttons */
/****************************/
a.btnRFP {
  text-decoration:      none;
  text-align:           center;
  color:                #bdbfaa;
  height:               12px;
  display:              block;
  padding:              2px 2px 2px 2px;
  font:					        9px verdana,geneva,sans-serif;
  background:           #22231d;
  margin-top:           2px;
}
a.btnRFP:hover,
a.btnRFP:active {
  text-decoration:      none;
  background-color:     #41423b;
}

.RFPAgendaTab .ajax__tab_header {background-image:url(/images/tab/tab-line_resort.gif);}
.RFPAgendaTab .ajax__tab_outer {background-image:url(/images/tab/tab-right_resort.gif)}
.RFPAgendaTab .ajax__tab_inner {background-image:url(/images/tab/tab-left_resort.gif)}
.RFPAgendaTab .ajax__tab_tab {background-image:url(/images/tab/tab_resort.gif)}
.RFPAgendaTab .ajax__tab_hover .ajax__tab_outer {background-image:url(/images/tab/tab-hover-right_resort.gif)}
.RFPAgendaTab .ajax__tab_hover .ajax__tab_inner {background-image:url(/images/tab/tab-hover-left_resort.gif)}
.RFPAgendaTab .ajax__tab_hover .ajax__tab_tab {background-image:url(/images/tab/tab-hover_resort.gif)}
.RFPAgendaTab .ajax__tab_active .ajax__tab_outer {background-image:url(/images/tab/tab-active-right_resort.gif)}
.RFPAgendaTab .ajax__tab_active .ajax__tab_inner {background-image:url(/images/tab/tab-active-left_resort.gif)}
.RFPAgendaTab .ajax__tab_active .ajax__tab_tab {background-image:url(/images/tab/tab-active_resort.gif)}

.txtDisabled
{
  color: #c7b79f;
}

/** package quantity tool tip **/
.packageQuantityBox {
  width:                300px;
  float:                left;
  background-color:     #c3c6bf;
  color:                #000000;
  padding:              5px;
  border:				1px solid;
  border-color:			#5e5f54;
}


/** social media **/
.socialBookmarks {	
	border: 1px solid #515347; 
	background-color: #383931;	
}

.socialBookmarksS {	
	border: 0px; 
	background-color: #887f74;	
}