/***********************************************************
 *
 *  File:     print.css
 *  Author:   MetaDesign
 *  Created:  November 29, 2006
 *
 *  Description:
 *  Stylesheet for Shangri-La Web site.
 *  Styles for printing 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
 *  - Lightbox
 *  - Listing Table
 *
 *  Colors:
 *  - xxxxxx - background
 *  
 *
 **********************************************************/

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

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

/* default body styles */
body {
  color:                #000;
  background-color:     #fff;
  background-image:     none;
  text-align:           left;
}

/* selective overrides for home page */
body#homepage {
  background-color:     #fff;
  background-image:     none;
}
 
/* selective overrides for landing pages */
body.landing {
  background-color:     #fff;
  background-image:     none;
}

/* selective overrides for detail pages */
body.detail {
  color:                #000;
  background-color:     #fff;
  background-image:     none;
}

/* selective overrides for find hotel page */
body.find {
  background-color:     #fff;
  background-image:     none;
}
 
a {
  color:                #000;
}
a.footer {
  color:                #000;
}
a.topBanner {
  color:                #000;
}
a.topBanner:active {
  color:                #000;
}
a.selected { 
  color:                #000;
}

a.darkLink  {   
  color:                #000;
}

/* ************* */
/* Form          */
/* ************* */

input,
select,
textarea {
  background:           #fff;
  border:               1px solid #000;
}

.formSubhead {
  color:                #000;
}

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

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

/* treatment for indicating default saved credit card */
.formCcDefault,
.formCcAlternate {
  border:               1px solid #000;
}

/* ************* */
/* Titles (delete) - repeated in basic.css - 
/* 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:                #000;
}

/* title4 above renamed for investors section */
.subheadInvestor {
  color:                #000;
}

.title5 {
  font:                 bold 10px verdana,geneva,sans-serif;
  margin:               0px 0px 8px 0px;
}

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

.pattern {
  background-color:     #fff;
}

.topBanner {
  width:                474px;
  color:                #000;
}

.bannerRightSide {
  width:                157px;
}

.hdToolsLeft {
  display:              none;
}

.hdToolsRight {
   visibility:          visible;
}

.hdToolsRightCorp {
  display:              none;
}

.hdToolsRightHome {
  display:              none;
}

/*this to prevent wrapping in IE for print*/

*+html .formHeadLeft {
  margin-left:          -5px;
}

* html  .formHeadLeft {
  margin-left:          -5px;
}

.logoPrintProperty,
.logoPrintCorp,
.imgLogoPrintDining  {
  display:              block;
}

.logoProperty,
.logoCorp,
.imgLogoDining {
  display:              none;
}

/* top nav info should not be visible using comp for pritable version*/
/* only address is visible */
#lang,
#home {
  visibility:           hidden;
  color:                #000;
}

#lang a,
#home a {
  visibility:           hidden;
  color:                #000;
}

/* not used */
a.lang_home {
  color:                #000;
}

a.topNavBar {
  color:                #000;
}

a.topNavBarSmSelected,
a.topNavBarMdSelected,
a.topNavBarLgSelected {
  color:                #0000ff;
}

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

#address {
  visibility:           visible;
  color:                #000;
  margin-left:          -300px;
  margin-left/**/:/**/  -300px;  /* ie 6 hack to show address */
}


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

#topNavBar {
  visibility:           hidden;
  color:                #000;
  background:           #fff;
}

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

#gallery {
  background:           #fff;
}

/* ************* */
/* Left Nav  - not visible for printable version    */
/* ************* */

td.leftNavContainer {
  visibility:           hidden;
  background:           #fff;
  display:              none;
}

a.leftNav:hover,
a.leftNavSelected {
  color:                #000;
}

.leftNavHeader {
  color:                #000;
}

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

td.middleAreaContainer {
  background:           #fff;
  color:                #000;
  padding-top:          20px;
}

td.middleAreaContainerData {
  background:           #fff;
  color:                #000;
  padding-top:          20px;

}

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

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

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

*+html .detailContentCol1 {
  margin-right:         -5px;
}

* html  .detailContentCol1 {
  margin-right:         -5px;
}

/* buttons */

/* need to create btn graphics specific to background on which they lay */
/* examples below are for #5f513f background -GB */

a.btn,
a.btnCancel {
  text-decoration:      none;
  color:                #000;
  height:               12px;
  display:              block;
  padding:              1px 12px 2px 23px;
}

a.btn {
  background:           #fff;
  border:               1px solid black;
}

a.btnCancel {
  background:           #fff; 
  border:               1px solid black;
}

a.btn:hover,
a.btn:active,
a.btnCancel:hover,
a.btnCancel:active {
  text-decoration:      none;
}

a.btn:hover,
a.btn:active {
  background-color:     #fff;
}

a.btnCancel:hover,
a.btnCancel:active {
  background-color:     #fff;
}

a.btnClose {
  background-color:     #fff;
  border:               1px solid black;
  display:              none;
  padding:              0px 15px 0px 0px;
  float:                right;
}

.darkTitleBand  {
  height:               14px;
  background-color:     #fff;       
  color:                #000;
  font:                 bold 9px verdana,geneva,sans-serif;
  line-height:          14px;
  margin:               10px -10px 10px -10px;
  padding:              1px 0px 2px 10px;
  border-top:           1px solid #786b5c;
  border-bottom:        1px solid #786b5c;
}

/********working on styles for find hotel banner in this section*******/

.findHotelTitleBandSide,
.findHotelTitleBand {
  height:               14px;
  background:           #fff;     /* or we can have a gray background and no border */
  font:                 bold 9px/14px verdana,geneva,sans-serif;
  border-top:           1px solid #786b5c;
  border-bottom:        1px solid #786b5c;
  color:                #000;
}

.findHotelTitleBandSide {
  margin-left:          -10px;
  padding:              1px 0px 2px 10px;
  margin-top:           20px;
}

.findHotelTitleBandRt {
  padding:              1px 0px 2px 10px;
  display:              inline; /* fix for IE6 double margin bug */
  float:                left;
  width:                612px;
  margin:               0px;
  height:               14px;
  background:           #fff;
  font:                 bold 9px/14px verdana,geneva,sans-serif;
  border-top:           1px solid #786b5c;
  border-bottom:        1px solid #786b5c;
}

.findHotelTitleBandLf {
  padding:              1px 0px 2px 10px;
  display:              inline; /* fix for IE6 double margin bug */
  float:                left;
  width:                146px;
  margin-left:          2px;
  height:               14px;
  background:           #fff;
  font:                 bold 9px/14px verdana,geneva,sans-serif;
  border-top:           1px solid #786b5c;
  border-bottom:        1px solid #786b5c;
}

.mapNav {
  visibility:           hidden;
}
/*******************************************************************/

/* proposed replacement for above two styles - "light" and dark" */
.titleBand,
.titleBand a.anchor {
  height:               14px;
  background:           #fff;
  color:                #000;
  font:                 bold 9px/14px verdana,geneva,sans-serif;
  padding:              1px 0px 2px 0px;
  border-top:           1px solid #786b5c;
  border-bottom:        1px solid #786b5c;
}
#contentAreaData .titleBand,
#middleAreaData .titleBand,
#rightContentAreaData .titleBand {
  background:           #fff;
  color:                #000;
  margin:               10px 0px 10px 0px;
  padding:              1px 0px 2px 10px;
  position:             relative;
  z-index:              2;
  border-top:           1px solid #786b5c;
  border-bottom:        1px solid #786b5c;
}

/* special treatment for named anchors */

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

#contentAreaData .titleBand a.anchor,
#middleAreaData .titleBand a.anchor,
#rightContentAreaData .titleBand a.anchor {
  background:           #fff;
  color:                #000;
  border-bottom:        1px solid #786b5c;
  border-top:           1px solid #786b5c;
}

.weatherTblHead {
  background:           #fff;
  border-bottom:        1px solid #786b5c;
  border-top:           1px solid #786b5c;

}
.tertiaryNav {
  visibility:           hidden;
}

/***used in rates & reservations pages***/


/* Alternating color rows */

tr.lightTitleBand,
.tbOddRow,
.oddRow   {
  background-color:     #fff;
  border:               1px solid black;
  color:                #000;
}

.tbEvenRow,
.evenRow {
  background-color:     #fff;
  border:               1px solid black;
  color:                #000;
}

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

#contentArea,
#contentAreaData{
  background:           #fff;
  color:                #000;
}

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

#rightContentArea,
#rightContent,
#rightContentAreaData,
#rightContentData {
  background-color:     #fff;
  color:                #000;
}

/******************************/
/* Rates or Check availabilty */
/******************************/
/* see basic_prop.css for form font size and dimension styles**/

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

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

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

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

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

.calSelectedDayStyle {
  color:                #000;
  background-color:     gray;
}

.calSelectorStyle {  /* ??? */
  color:                #000;
  background-color:     gray;
}

.calTitleStyle {
  font-family:          verdana;
  font-size:            9px;
  font-weight:          bold;
  background-color:     gray;       
  color:                #000;
  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:           #fff;
  border:               1px solid #000;
}

/* ************* */
/* Right Nav -  should not display according to comp */
/* ************* */

td.rightNavContainer,
td.rightNavContainerDetail {
  visibility:           hidden;
  background:           #fff;
}

/* ************* */
/* Footer - should not display according to comp    */
/* ************* */

#footerContainer,
#footerContainerInner {
  visibility:           hidden;
  background:            #fff;
}

/* ************* */
/* Banners       */
/* ************* */
/*for IE6 only*/
/* set filter enabled to false to make banner color white instead of black */
* html #landingMiddleBanner,
* html #detailMiddleBanner {
    filter:              progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=false, sizingMethod=crop src='../images/background/bg_banner_hotel.png');
}

/*  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,
html>body #detailMiddleBanner {
  background:           url('/images/background/bg_banner_hotel.png') top left no-repeat;
  position:             relative;
}
*/
#landingMiddleBanner {
  clear:                both;
  text-align:           left;
  height:               25px;
  padding:              0px 0px 0px 10px;
  margin:               0px;
  display:              inline-block;
  background:           transparent;
}

#detailContent .grid2ColMargin {
  margin:               0px;
}

#photoContainerDetail {
  /* this math doesn't seem to make sense, 
    but it is the max allowable height for this element 
    before WinXP/FF2 pushes everything below the fold */
  height:               330px;
}
  
#photoContainerDetail img {
  display:              block;
  margin-bottom:        49px;
}
  
#landingBannerTitle {
  color:                #fff;
  padding:              0px 0px 0px 10px;
  font-size:            18px;
  background:           transparent;
}

#detailMiddleBanner {
}

.bannerTitle {
  padding:              15px 0px 0px 0px;
  font-size:            18px;
}

.bannerTitleNav {
  padding:              15px 0px 0px 0px;
  margin-bottom:        -5px;
  font-size:            18px;
}

#landingBannerTitle { 
  visibility:           visible;
  color:                #000;
  clear:                both;
}

.bannerTitle {
  color:                #000;
}

.detailBannerNav {
  display:              none;
}

.bannerLink {
  visibility:           hidden;
}


.homeMidBannerNav {
  visibility:           hidden;  
}

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

.ruleSolid,
.ruleDashed {
  height:               1px;
  background:           #000;
  margin:               10px 0px 10px 0px;
}

/*This is used to override 10px margin - didn't want to include inline style*/
.ruleDashed_noMargin {
  height:               1px;
  background:           #000;
  margin:               10px -10px 10px -10px; 
}

.ruleDashedVertical {
  width:                1px;
  background:           #000;
}

/* ************* */
/* Lists         */
/* ************* */
/*need to create bullet image in black - or use default list bullet*/

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

ul{
    list-style:none;
    margin:0 0 1em 15px;
    padding: 0;
}
ul li{
    line-height:1.3em;
    margin: .25em 0;
    padding: 0 0 0 15px;
    background:url("../images/common/icon_bullet.gif") no-repeat 0 .6em no-repeat;
}
li ul{
    margin:0 0 0 30px;
    list-style:disc;
}
li ul li{
    padding-left:0;
    background:none;
}
/* Holly Hack to fix ie6 li bg */
/*  Hides from IE-mac \*/
* html ul li{height: 1%;}
/* End hide from IE-mac */
ul {
    list-style:disc;
    margin-left:30px;
}
ul li {
    padding-left:0px;
    background:none;
}


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

.galleryFilter select {
  font:                 9px/9px verdana,geneva,sans-serif;
  color:                #fff;
  background:           #fff;
  border:               1px solid #000;
}

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

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

#spinnerMask {
  background-color:     #fff;
  opacity:              10;
  filter:               alpha(opacity=500);
  text-align:           center;
}

#lightboxFooter {
  background:           #fff;
  color:                #000;
}

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

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

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

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

.overlayFormat  {
  background-color:     #fff;
  color:                #000;
}

.tooltipPoint {
  background:           url("images/common/tooltip_point_hotel.html") top left no-repeat;
  float:                left;
}