/*-------------------------------------------------------------------
Global Hotel Styles
-------------------------------------------------------------------*/
.htlContentDiv
{
    text-align: left;
    width: 995px;
    font-size: 8px;
}

.hr
{
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 20px;
    width: 100%;
    background-image: url(images/divider.gif);
    height: 2px;
    background-position: center bottom;
    background-repeat: no-repeat;
}







/*--------------------------------------------------------------------
--------------------- Begin Hotels Home Page -----------------------*/
#htlHomePageContainer
{
    padding-left: 5px;
    padding-top: 7px;
    background-color: #628396;
    width: 995px;
}





/* ----- Quick Search Styles Begin -------- */
.HotelQuickSearch
{
    background-color: #FFFFFF;
    border: 2px solid #7A93A0;
    float: left;
    margin: 8px 0px 2px 5px;
    width: 240px;
}

.qsSmallInput
{
    height: 18px;
    border-width: 1px;
    background-color: #ffffff;
    border-color: #898989;
    border-style: solid;
    margin-left: 2px;
    margin-right: 10px;
    font-family: Tahoma;
    font-size: 11px;
    color: #666666;
}

.htlCityPicker
{
    border: 1px solid #AFC1CB;
    width: 175px;
}

.htlQS_InputDay
{
    border: 1px solid #AFC1CB;
    width: 48px;
}
.htlQS_InputYear
{
    border: 1px solid #AFC1CB;
    width: 123px;
}

#HotelQSHeader
{
    margin-left: 11px;
    margin-top: 5px;
     text-align: left; 
}

.HotelQSError
{
    font-weight: bold;
    color: Red;
    font-size: x-small;
}

#HotelQSTag
{
    margin-left: 13px;
    margin-top: 10px;
    text-align: center;
}

.HotelQSSection
{
    margin-left: 13px;
    margin-top: 10px;
    color: #9D8349;
    font-weight: 900;
    width: 200px; /*tagged */
}

/*start: new WL style*/

.HtlQsHeaderTxt
{
    font-size: 15px;
    font-weight: bold;
    color: #9d8349;
}

#hrStyle
{
    background-color: #628396;
    width: 500px;
    height: 1px;
    width: 200px; /*tagged */
}

/*end: new WL style*/

/* ----- Quick Search Styles End -------- */

/* ------------------------------------------------------------
---------------- BEGIN Hotel Multiple Cities Page --------------------*/

/*new white label style*/
.HtlMcHeaderTxt
{
    font-size: 15px;
    font-weight: bold;
    color: #000000;
    margin-left: 15px;
}

/*new white label style*/
#HotelQuickSearchMultiCity
{
    background-color: #628396;
    float: left;
    margin: 8px 15px 5px 5px;
    width: 240px;
}
/*new white label style*/
#hotelFoundMultiCity
{
    background-color: #fff9e3;
    border: 2px solid #628396; /*white label*/
    float: left;
    margin-top: 15px;
    margin-left: 15px;
    padding-top: 25px;
    padding-left: 10px;
    width: 600px;
}
/*new white label style*/
#hotelErrorMsg
{
    border: #cc0033 1px solid;
    background-color: #f7f7f7;
    padding: 4px 4px 4px 4px;
    margin-left: 15px;
    margin-top: 10px;
    width: 550px;
}

/*new white label style*/
#hotelErrorMsg .hotelErrorMsg
{
    font-style: normal;
    font-size: 12px;
    font-family: Tahoma;
    color: #cc0033;
}

/*new white label style*/
#hotelFoundMultiCityBtns
{
    border: 0px solid #9d8349; /*white label*/
    float: left;
    margin-top: 1px;
    margin-left: 15px;
    padding-top: 2px;
    padding-left: 10px;
    width: 600px;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    font-family: Tahoma;
    text-align: left;
    color: #FFFFFF;
}

#hotelFoundMultiCityBtns .left
{
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#hotelFoundMultiCityBtns .right
{
    float: right;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

/* ------------------------------------------------------------
---------------- END Hotel Multiple Cities Page --------------------*/

/* ----- Hotel Middle Section -------- */
#htlHomePageCenter
{
    background-image: url(/hotels/images/main_hotels_bg.jpg);
    padding-left: 5px;
    padding-right: 5px;
}
#HotelPageMiddleColumn
{
    margin: 8px 0px 0px 5px;
    width: 476px;
    height: 482px;
    float: left;
    padding: 1px 1px 1px 1px;
    border: #cfe5f1 2px solid;
    background-color: #ecf1f3;
    background-position: center top;
}


/* ----- Hotel Right Section -------- */
#HotelPageRightColumn
{
    margin: 8px 0 2px 8px;
    width: 223px;
    float: left;
    background-color: #628396;
}


/* --------------------------------------------------------
---------------- END Hotel Home Page --------------------*/


/* ------------------------------------------------------------
---------------- BEGIN Hotel Result Page --------------------*/
#hotelresults
{
    background-color: #FFFFFF;
    border: 2px solid #7A93A0;
    margin: 8px 0px 2px 5px;
    width: 650px;
    padding: 0px 5px 0px 5px;
}

#HotelPagingHeader
{
    text-align: right;
    padding: 2px;
    margin-top: 5px;
    margin-bottom: 0px;
}

/*white label */
.HotelPagingHeader
{
    text-align: left;
    padding: 2px;
    margin-top: 5px;
    margin-bottom: 0px;
}

/*white label style*/
#hrHotelResultsStyle
{
    background-color: #9d8349;
    width: 100%;
    height: 1px;
    float: left;
}

#HotelPagingFooter
{
    text-align: right;
    padding: 2px;
    margin-bottom: 10px;
}

#HotelSortingHeader
{
    padding: 5px;
    text-align: center;
    vertical-align: middle;
}

#HotelSortSection
{
    display: inline;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    border: solid 1px #E8E1AD;
    margin: 4px;
}

#HotelFilterSection
{
    display: inline;
    left: 50px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    border: solid 1px #E8E1AD;
    margin: 4px;
}

#HotelFilterStars
{
    display: inline;
}

#HotelFilterName
{
    display: inline;
}

.hotel
{
    width: 98%;
    padding: 2px;
    margin-bottom: 5px;
    margin-top: 5px;
    border: solid 1px #000000;
    font-family: Verdana;
}

.hotel .promoheader
{
    width: 625px;
    background-color: #E8E1AD;
    font-style: italic;
    border: solid 1px green;
}


.hotel .promodetails
{
    width: 100%;
    padding-left: 2px;
    font-style: italic;
}

.hotel .hotelinfo
{
    width: 100%;
    padding: 2px;
}

.hotelinfo .image
{
    width: 15%;
}

.hotelinfo .infocontainer
{
    width: 70%;
    vertical-align: top;
    text-align: left;
}

.infocontainer .name
{
    width: 100%;
    font-weight: bold;
    font-size: 14px;
}

.infocontainer .address
{
    width: 100%;
    font-size: 10px;
}

.infocontainer .stars
{
    width: 100%;
    font-size: 10px;
}

.infocontainer .maplink
{
    width: 100%;
    font-size: 10px;
}




.hotelinfo .priceinfo
{
    width: 200px;
    padding: 2px;
    width: 15%;
}


.hotelinfo .image img
{
    width: 72px;
    padding: 2px;
}

.priceinfo .sign
{
    font-weight: bold;
}

.priceinfo .currency
{
    font-size: 12pt;
    font-weight: bold;
    color: #EAC74D;
    text-align: center;
}

.priceinfo .description
{
    font-size: 8pt;
    text-align: center;
}

.hotel .roominfo
{
    width: 625px;
    padding: 2px;
    margin-left: 1px;
    margin-right: 1px;
    border: solid 1px #628396;
    background-color: #ffffff;
}

.roominfo .header
{
    width: 100%;
}

.roomtypeheader
{
    width: 80%;
    background-color: #F4F8FB;
    font-weight: bold;
}

.roomheadercell
{
    text-align: center;
    padding-left: 2px;
    padding-right: 2px;
    background-color: #F4F8FB;
    font-weight: bold;
}

.roomheaderselect
{
    text-align: center;
    padding-left: 4px;
    padding-right: 4px;
    background-color: #F4F8FB;
    font-weight: bold;
}

/* regular room template */
.roomtemplate
{
}

/* Alternating room template */
.roomtemplatealt
{
    background-color: #F4F8FB;
}

.roomtemplateprice
{
    padding: 3px;
    text-align: center;
    vertical-align: middle;
}


/* ------------------------------------------------------------
---------------- BEGIN Hotel DETAILS Page --------------------*/
#htlDetailsResult
{
    background-color: #FFFFFF;
    border: 2px solid #7A93A0;
    margin: 8px 0px 2px 5px; /*padding: 0px 5px 0px 5px;*/
    padding: 0px 5px 25px 5px; /*white label - adjusted bottom padding*/
    width: 627px;
}


#hotelheader
{
    width: 100%;
}

#hotelNametd
{
    font-weight: bold;
    font-size: 15px;
}

#hoteladdresstd
{
    width: 100%;
    vertical-align: top;
    text-align: left;
}


/* ------------------------------------------------------------
---------------- END Hotel DETAILS Page --------------------*/

/* ------------------------------------------------------------
---------------- Start Hotel REVIEW Box --------------------*/

table .hotelReview
{
    /* border: solid 1px #628396;*/
    border: solid 1px #7A93A0; /*white label*/
}

table td.hotelReview
{
    /*background-color: #628396;*/
    background-color: #7A93A0;
    text-align: center;
}

/* ------------------------------------------------------------
---------------- End Hotel REVIEW Box --------------------*/


/* ------------------------------------------------------------
---------------- BEGIN Hotel Booking Page --------------------*/
#htlBookingForm
{
    background-color: #FFFFFF;
    border: 2px solid #7A93A0;
    margin: 8px 0px 2px 5px;
    padding: 0px 5px 0px 5px;
    width: 500px;
}


#htlBookingReview
{
    background-color: #FFFFFF;
    border: 2px solid #7A93A0;
    margin: 8px 0px 2px 5px;
    padding: 0px 5px 0px 5px;
    width: 260px; ;
vertical-align:top;
}

/*new white label style*/
.hrStyleRez
{
    background-color: #ffffff;
    width: 500px;
    height: 1px;
    margin-bottom: 10px;
}

/*new white label style*/
td .detailsDivHeader
{
    border-top: 1px solid #7A93A0; /* white label */
    border-bottom: 1px solid #7A93A0; /* white label */
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
    background-color: #F4F8FB; /* white label */
}

/*White Label*/
.detailslink
{
    font-size: 8pt;
    text-align: center;
    margin-bottom: 15px;
    width: 200px;
}

/************ Reservation/WL Reports */

/*Search Confirmation Page */

.frmLbl
{
    font-family: Tahoma;
    font-size: 13px;
    color: #000000;
}

#ViewRezForm
{
    background-color: #FFFFFF;
    border: 2px solid #F3F3F3;
    margin: 5px 5px 5px 5px;
    padding: 3px 3px 10px 3px;
    width: 950px;
}


/* Hotel Confirmation Details Page */
#ConfirmTemplate
{
    width: 700px;
    border: 2px solid #F3F3F3;
    padding: 5px 5px 5px 5px;
}

#ConfirmTemplate .HeaderRight
{
    float: right;
}

#ConfirmTemplate .HeaderLeft
{
    float: left;
}

#ConfirmTemplate .ConfirmLabel
{
    font-size: 12px;
    font-weight: bold;
    color: #628396;
    text-align: center;
}

#ConfirmTemplate .ConfirmBoldText
{
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    text-align: center;
}

#ConfirmTemplate .ConfirmText
{
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    text-align: center;
}

#ConfirmTemplate .ConfirmTextBig
{
    font-size: 16px;
    font-weight: normal;
    color: #000000;
    text-align: center;
}

#ConfirmTemplate .RedText
{
    font-size: 12px;
    font-weight: bold;
    color: Red;
    text-align: center;
}

#ConfirmTemplate .GreenText
{
    font-size: 12px;
    font-weight: bold;
    color: Green;
    text-align: center;
}

#ConfirmTemplate .ConfirmBoldTextBig
{
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    text-align: center;
}

#hrStyleConfirmPages
{
    background-color: #628396;
    width: 700px;
    height: 1px;
    margin-top: 20px;
}

#ConfirmTemplate #HotelInfo
{
    margin-top: 5px;
    width: 700px;
}

#HotelInfo .HotelNameAddress
{
    float: left;
    border: 1px solid #F3F3F3;
}

#HotelInfo .HotelRateInfo
{
    float: right;
    border: 1px solid #9d8349;
    padding: 4px 4px 4px 20px;
    text-align: left;
    width: 200px;
}

#HotelInfo #HrHotelRateInfo
{
    background-color: #000000;
    width: 200px;
    height: 1px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#HotelInfo .BlueBg
{
    background-color: #31528C;
    width: 600px;
    height: 20px;
    margin-top: 10px;
    color: #FFFFFF;
    text-align: left;
    font-family: Verdana;
    font-weight: bold;
    padding: 4px 2px 2px 2px;
    font-size: 13px;
}

td.TblAltBg
{
    color: #31528C;
}

div.spacer
{
    clear: both;
}