/* NOTE: This CSS Document controls the layout for the Internet Booking Engine. Copyright, 2010. SECURE-RES® */
/* *************************************************************************************************************************
*****************************************************************************************************************************
Color Scheme ****************************************************************************************************************
*****************************************************************************************************************************
*****************************************************************************************************************************
EDITABLE COLORS
1. Primary Color .......... #CFCEB6 ( This is the color for the tabs, borders, etc. This is the most commonly used color )
2. Secondary Color ........ #f0efe0 ( This color is used for backgrounds. It is a lighter color )
3. Text ................... #000000 ( This is the color of the text )
4. Tab Hover Color ........ #81B14A ( Color when hovering over the tabs )
5. Backgrounds ............ #ffffff ( Color behind lists, sections, etc. )
6. Popup Main Color ....... #363636 ( Color of the border and dark bg on the popup )
7. Additional Color ....... #B7B6A1 ( Background color for button in popup )
8. Popup Button BG Hover .. #455F2D ( Background color for button hover in popup )
10. Hover Effect on List ... #f4f4f4 ( Hover effect on list items )
12. Standard Button Txt .... #999999 ( Color for standard button Text )
***************************************************************************************************************************** */
/* *************************************************************************************************************************
*****************************************************************************************************************************
GENERAL STYLES **************************************************************************************************************
*****************************************************************************************************************************
***************************************************************************************************************************** */
/* mobile */
#ibeMasterShell #ibeMasterShell2 .resultInfoShell { border-color: #ccc !important; }
/* color */
#ibeMasterShell #ibeMasterShell2 dt,
#ibeMasterShell #ibeMasterShell2 .info_reservations_shell1 dt,
#ibeMasterShell #ibeMasterShell2 .info_reservations_shell2 dt,
#ibeMasterShell #ibeMasterShell2 .info_reservations_details dt,
#ibeMasterShell #ibeMasterShell2 .info_reservations_details dl,
#ibeMasterShell #ibeMasterShell2 .info_reservations_details dd,
#ibeMasterShell #ibeMasterShell2 section.box p,
#ibeMasterShell #ibeMasterShell2 p,
#ibeMasterShell #ibeMasterShell2 li,
#ibeMasterShell #ibeMasterShell2 span.priceFinal.noSlash { color: #000000 !important;}
/* Text Highlighting: Required Text, Messages, etc ********************************************************************* */
#ibeMasterShell #ibeMasterShell2 { color: #000000 !important;}
#ibeMasterShell #ibeMasterShell2 .required { } /* Red text for required fields */
#ibeMasterShell #ibeMasterShell2 .redText { }
#ibeMasterShell #ibeMasterShell2 h3{ color: #000000 !important;}
/* Standard Messages: Errors, Notes, Successes, Rooms Left *********************************************************** */
#ibeMasterShell #ibeMasterShell2 section.errorMessage { border-color: !important; border-left: 10px solid !important;}
#ibeMasterShell #ibeMasterShell2 section.noteMessage,
#ibeMasterShell #ibeMasterShell2 span.noteMessage,
#ibeMasterShell #ibeMasterShell2 div#currencyShell { color: #9f6542 !important;border-color: #9f6542 !important; border-left: 10px solid #9f6542 !important; }
#ibeMasterShell #ibeMasterShell2 section.successMessage,
#ibeMasterShell #ibeMasterShell2 .promoInfo { border-color: !important; border-left: 10px solid !important; }
/* USE THIS ONE FOR PROMO MESSAGE IN THE POPUP AS A LINE BELOW THE TITLE */
#ibeMasterShell #ibeMasterShell2 .resultPopup .promoInfo { }
#ibeMasterShell #ibeMasterShell2 .resultPopup h1 { color: #000000 !important; }
#ibeMasterShell #ibeMasterShell2 .resultPopup h2 { color: #000000 !important; }
#ibeMasterShell #ibeMasterShell2 section.errorMessage a { } /* Links within error messages */
#ibeMasterShell #ibeMasterShell2 section.successMessage a { } /* Links within success messages */
#ibeMasterShell #ibeMasterShell2 section.noteMessage a {color: #9f6542 !important;} /* Links within success messages */
/* Misc. Formatting Fixes *********************************************************************************************** */
/* Booking Engine Property Name ***************************************************************************************** */
#ibeMasterShell #ibeMasterShell2 .ibeTitle h1 { } /* Name of Property */
#ibeMasterShell #ibeMasterShell2 .ibeTitle h2 { color: #000000 !important; border-color: #CFCEB6 !important;} /* Booking Engine Tagline * !important;/
/* Standard Grey boxes with grey border ********************************************************************************* */
#ibeMasterShell #ibeMasterShell2 section.box { background: #ffffff !important; border-color: #CFCEB6 !important; }
#ibeMasterShell #ibeMasterShell2 section.box > * { margin: 22px !important; } /* Adds margin to all items inside of the box other */
#ibeMasterShell #ibeMasterShell2 section.box > h1,
#ibeMasterShell #ibeMasterShell2 section.box > h2 { color: #000000 !important; border-bottom: 5px solid #CFCEB6 !important; background: #f0efe0 !important; }
#ibeMasterShell #ibeMasterShell2 section.box h3 { border-color: #CFCEB6 !important; }
/* Links **************************************************************************************************************** */
#ibeMasterShell #ibeMasterShell2 a { color: #000000 !important;}
#ibeMasterShell #ibeMasterShell2 a.btn { background:none repeat scroll 0 0 #CFCEB6 !important; color: #000000 !important;}
#ibeMasterShell #ibeMasterShell2 a.btn:hover { background: #363636 !important; color: #ffffff !important; }
#ibeMasterShell #ibeMasterShell2 input.btn { background:none repeat scroll 0 0 #B7B6A1 !important; }
#ibeMasterShell #ibeMasterShell2 input.btn:hover { background: #CFCEB6 !important; }
/* Images *************************************************************************************************************** */
/* Toolbar ************************************************************************************************************** */
#ibeMasterShell #ibeMasterShell2 .toolbar a.print { } /* Print Link */
#ibeMasterShell #ibeMasterShell2 .toolbar a.currencyConverter { } /* Print Link */
/* Tables *************************************************************************************************************** */
#ibeMasterShell #ibeMasterShell2 table { border-color: #CFCEB6 !important; border-bottom: 5px solid #CFCEB6 !important; }
#ibeMasterShell #ibeMasterShell2 table td { border-color: #CFCEB6 !important; border-color: #CFCEB6 !important;}
#ibeMasterShell #ibeMasterShell2 table th { border-color: #CFCEB6 !important; border-bottom: 2px solid #CFCEB6 !important; background: #f0efe0 !important;}
/* Tabs ***************************************************************************************************************** */
.search #ibeMasterShell #ibeMasterShell2 .tabs ul li.tab_search a.current,
.select #ibeMasterShell #ibeMasterShell2 .tabs ul li.tab_select a.current,
.reserve #ibeMasterShell #ibeMasterShell2 .tabs ul li.tab_reserve a.current
{ background: #CFCEB6 !important; } /* Tab styling for a 'current' tab */
#ibeMasterShell #ibeMasterShell2 .tabs ul li.tab_search a.disabled,
#ibeMasterShell #ibeMasterShell2 .tabs ul li.tab_select a.disabled,
#ibeMasterShell #ibeMasterShell2 .tabs ul li.tab_reserve a.disabled
{ background: #81B14A !important; } /* Tab styling for all tabs that are 'disabled' */
#ibeMasterShell #ibeMasterShell2 .tabs ul li.tab_search a.disabled:hover,
#ibeMasterShell #ibeMasterShell2 .tabs ul li.tab_select a.disabled:hover,
#ibeMasterShell #ibeMasterShell2 .tabs ul li.tab_reserve a.disabled:hover
{ } /* Hover effect for each tab that is 'disabled' */
#ibeMasterShell #ibeMasterShell2 .tabs ul li a {background: #CFCEB6 !important; color: #ffffff !important; }
#ibeMasterShell #ibeMasterShell2 .tabs ul li a:hover { background: #81B14A !important; }
/* INFO BAR - MAIN BAR UNDERNEATH TABS ********************************************************************************** */
#ibeMasterShell #ibeMasterShell2 .info_bar {background: #f0efe0 !important; border-color: #CFCEB6 !important;}
#ibeMasterShell #ibeMasterShell2 .info_reservations_details { background:#ffffff !important; border-color: #CFCEB6 !important;}
#ibeMasterShell #ibeMasterShell2 .info_reservations_shell1 { border-color: #CFCEB6 !important; }
#ibeMasterShell #ibeMasterShell2 .info_reservations_shell2 {border-color: #CFCEB6 !important; }
#ibeMasterShell #ibeMasterShell2 .info_reservations_shell4 { border-color: #CFCEB6 !important; }
#ibeMasterShell #ibeMasterShell2 .info_reservations_details .info_reservations_shell4 dt { }
/* GENERAL LIST - LISTING OF ROOMS, PACKAGES, ETC *********************************************************************** */
#ibeMasterShell #ibeMasterShell2 .listShell { background: #CFCEB6 !important;border-color: #CFCEB6 !important; }
#ibeMasterShell #ibeMasterShell2 .listShell ul li.result { background: #ffffff !important;border-color: #CFCEB6 !important; }
#ibeMasterShell #ibeMasterShell2 .listShell ul li.result:hover { background: #f4f4f4 !important; }
#ibeMasterShell #ibeMasterShell2 .list { background: #ffffff !important; border-color: #CFCEB6 !important; }
#ibeMasterShell #ibeMasterShell2 .list span a {background: #f0efe0 !important; }
#ibeMasterShell #ibeMasterShell2 .list span a:hover { background: #CFCEB6 !important; }
#ibeMasterShell #ibeMasterShell2 .list .img { background-color: #f0efe0 !important;}
/* LIST OF PROPERTIES WITH IMAGES (MP-4.aspx) *********************************************************************** */
#ibeMasterShell #ibeMasterShell2 .listProperty { background: #f0efe0 !important; border-bottom: 6px solid #CFCEB6 !important;}
#ibeMasterShell #ibeMasterShell2 .listProperty span.img { background-color: #CFCEB6 !important;}
#ibeMasterShell #ibeMasterShell2 .listProperty span a { background: #CFCEB6 !important;}
#ibeMasterShell #ibeMasterShell2 .listProperty span a:hover { color: #ffffff !important;}
#ibeMasterShell #ibeMasterShell2 .promoShell .popup_angle { border-top:9px solid #363636 !important; }
#ibeMasterShell #ibeMasterShell2 .promoShell .popup_angle2 { border-top: 9px solid !important; }
.mp4 #ibeMasterShell #ibeMasterShell2 .listShell { background: none !important; border: none !important;}
.mp4 #ibeMasterShell #ibeMasterShell2 .listShell section.rateSection { display: block !important; margin: 20px 0 0 0 !important; border-color: #CFCEB6 !important; }
/* Sister Search ******************************************************************************************************** */
#ibeMasterShell #ibeMasterShell2 .sisterSearchShell { background: #f0efe0 !important; border-color: #CFCEB6 !important;border-bottom: 5px solid #CFCEB6 !important; border-top: 5px solid #CFCEB6 !important;}
#ibeMasterShell #ibeMasterShell2 .sisterSearchShell ul li { border-color: #CFCEB6 !important;}
/* Pop Up Window ******************************************************************************************************** */
#ibeMasterShell #ibeMasterShell2 .sectionTypePopup { -moz-box-shadow: 3px 3px 3px #3f3f3f !important; -webkit-box-shadow: 3px 3px 3px #3f3f3f !important; box-shadow: 3px 3px 3px #3f3f3f !important; border: 4px solid #363636 !important; background: #ffffff !important; }
#ibeMasterShell #ibeMasterShell2 .sectionTypePopup .popup_angle { border-bottom: 10px solid #363636 !important; }
#ibeMasterShell #ibeMasterShell2 .sectionTypePopup .popup_angle2 { border-bottom: 10px solid #f0efe0 !important;}
#ibeMasterShell #ibeMasterShell2 .sectionTypePopup.ratePopup .popup_angle2 { border-bottom: 10px solid #f0efe0 !important;}
#ibeMasterShell #ibeMasterShell2 .sectionTypePopup a.classoff { background:#B7B6A1 !important; color:#000066 !important; }
#ibeMasterShell #ibeMasterShell2 .sectionTypePopup a.classon { background:#455F2D !important; color:#ffffff !important; }
#ibeMasterShell #ibeMasterShell2 .btn_like {color: #ffffff !important;}
#ibeMasterShell #ibeMasterShell2 .connect_widget_not_connected_text { color: #ffffff !important;}
#ibeMasterShell #ibeMasterShell2 .resultpopupShell .resultBar .btn_booknow { color: #363636 !important; background: #CFCEB6 !important; }
/* Forms **************************************************************************************************************** */
#ibeMasterShell #ibeMasterShell2 input,
#ibeMasterShell #ibeMasterShell2 select,
#ibeMasterShell #ibeMasterShell2 textarea
{ color: #000000; background: #f0efe0 !important; border-color: #CFCEB6 !important; }
#ibeMasterShell #ibeMasterShell2 input:focus,
#ibeMasterShell #ibeMasterShell2 select:focus,
#ibeMasterShell #ibeMasterShell2 textarea:focus { border-color: #363636 !important; }
.search #ibeMasterShell #ibeMasterShell2 .ibeHeaderShell input,
.search #ibeMasterShell #ibeMasterShell2 .ibeHeaderShell select { background: #ffffff !important;}
.search #ibeMasterShell #ibeMasterShell2 .ibeHeaderShell input.btn { background: #363636 !important;}
.search #ibeMasterShell #ibeMasterShell2 .ibeHeaderShell input.btn:hover { background: #CFCEB6 !important; }
/* Pagination *********************************************************************************************************** */
#ibeMasterShell #ibeMasterShell2 section.pagination ul li a { border-color: #CFCEB6 !important; }
#ibeMasterShell #ibeMasterShell2 section.pagination ul li a:hover,
#ibeMasterShell #ibeMasterShell2 section.pagination ul li a.active { background: #f0efe0 !important;}
/* Lightbox Popup ******************************************************************************************************* */
#cboxOverlay{background:#000000 !important;}
#cboxWrapper{background:#ffffff !important;}
#cboxTitle{}
#cboxCurrent{ background-color: #ffffff !important;}
#cboxSlideshow{}
#cboxPrevious{}
#cboxNext{}
#cboxLoadingGraphic{}
#cboxLoadingOverlay{background:#ffffff !important;}
#cboxClose { color: #000000 !important;}
#cboxPrevious, #cboxNext { background:#CFCEB6 !important; }
#cboxPrevious:hover, #cboxNext:hover { background:#363636 !important; color: #ffffff !important; }
#cboxClose { background: #ffffff !important;}
/* Pop Up Calendar ****************************************************************************************************** */
#ibeMasterShell #ibeMasterShell2 table.calMonth1 td.CalMinimum,
#ibeMasterShell #ibeMasterShell2 table.calMonth2 td.CalMinimum { /*border-color: #ffffff !important;*/ } /* Highlights all of the days that are selected by guest to book */
#ibeMasterShell #ibeMasterShell2 dd.emailOptIn { color: #000000 !important; }
/* The main calendar widget. DIV containing a table. */
.calendar { color: #000000 !important; }
.calendar tbody .rowhilite td { color: #000000 !important; }
.calendar table { color: #000000 !important; background: #ffffff !important; border: 3px solid #CFCEB6 !important; -moz-box-shadow: 3px 3px 3px #3f3f3f !important; -webkit-box-shadow: 3px 3px 3px #3f3f3f !important; box-shadow: 3px 3px 3px #3f3f3f !important; }
.calendar td.button { background: #CFCEB6 !important;}
/* Header part -- contains navigation buttons and day names. */
.calendar thead .title { color: #000000 !important; background: #CFCEB6 !important; } /* This holds the current "month, year" */
.calendar thead .name { background: #f0efe0 !important; } /* Cells | containing the day names */
.calendar thead .hilite { color: #ffffff !important; background: #363636 !important; } /* How do the buttons in header appear when hover */
/* The body part -- contains all the days in month. */
.calendar tbody .day.othermonth { }
.calendar tbody .day.othermonth.oweekend { color: #ccc !important; }
.calendar tbody td.weekend,
.calendar thead .weekend { color: #000000 !important;}
.calendar tbody td.selected {background: #CFCEB6 !important; color: #ffffff !important;} /* Cell showing selected date */
.calendar tbody .rowhilite td.hilite { color: #ffffff !important; background: #363636 !important; } /* Hovered cells | */
.calendar tbody td.today { color: #363636 !important; } /* Cell showing today date */
.calendar tbody td.disabled { color: #ccc !important;}
/* The footer part -- status bar and "Close" button */
.calendar tfoot .ttip { border: none !important; background: #CFCEB6 !important; } /* Tooltip (status bar) cell | */
.calendar tfoot .hilite { border-color: #ffffff !important; border-color: #000000 !important; border-color: #000000 !important; border-color: #ffffff !important;background: #e4e0d8 !important; } /* Hover style for buttons in footer */
.calendar tfoot .active { border-color: #000000 !important; border-color: #ffffff !important; border-color: #ffffff !important; border-color: #000000 !important; } /* Active (pressed) style for buttons in footer */
/* Combo boxes (menus that display months/years for direct selection) */
.calendar .combo .active { border-color: #000000 !important; }
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm { border-color: #889 !important;}
/* Legend Tooltip ******************************************************************************************** */
#tooltip { color: #000000 !important; border-color: #CFCEB6 !important; background-color: #f0efe0 !important; }
/* *************************************************************************************************************************
*****************************************************************************************************************************
BODY STYLING ****************************************************************************************************************
*****************************************************************************************************************************
***************************************************************************************************************************** */
/* Search Page - (checka.aspx) *****************************************************************************************
********************************************************************************************************************* */
#ibeMasterShell #ibeMasterShell2 .calendarAvailabilityShell { border-top: 5px solid #CFCEB6 !important; }
/* Date Rate Search Box on CheckA.aspx ************************************************************************************** */
body.search #ibeMasterShell #ibeMasterShell2 .ibeHeaderShell { background: #f0efe0 !important; border-color: #CFCEB6 !important; }
/* Calendar Month Dropdown ************************************************************************************** */
#ibeMasterShell #ibeMasterShell2 .calendarMonthDropdown select { background: #ffffff !important; color:#B7B6A1 !important; }
#ibeMasterShell #ibeMasterShell2 .calendarMonthDropdown input { background: #f0efe0 !important;}
/* Two Calendars ************************************************************************************************ */
#ibeMasterShell #ibeMasterShell2 .calMonth1, #ibeMasterShell #ibeMasterShell2 .calMonth2 { border-color: #ffffff !important;}
#ibeMasterShell #ibeMasterShell2 table.calMonth1,
#ibeMasterShell #ibeMasterShell2 table.calMonth2 { /*border-color: #ffffff !important;*/ }
#ibeMasterShell #ibeMasterShell2 table.calMonth1 table.calMonth1Header,
#ibeMasterShell #ibeMasterShell2 table.calMonth2 table.calMonth2Header { color: #000000 !important; background: #CFCEB6 !important; } /* Styling for the calendar month */
/* TR STYLING ************************************************************************************** */
#ibeMasterShell #ibeMasterShell2 table.calMonth1 th { border-color: #ffffff !important; border-color: #ffffff !important; border-color: #ffffff !important; background: #CFCEB6 !important;}
#ibeMasterShell #ibeMasterShell2 table.calMonth2 th { border-color: #ffffff !important; background: #CFCEB6 !important; border-color: #ffffff !important;}
#ibeMasterShell #ibeMasterShell2 table.calMonth1 tr.calendarWeeks,
#ibeMasterShell #ibeMasterShell2 table.calMonth2 tr.calendarWeeks {background: #f0efe0 !important;}
#ibeMasterShell #ibeMasterShell2 table table.calMonth1Header tr,
#ibeMasterShell #ibeMasterShell2 table table.calMonth2Header tr { }
/* TD STYLING ************************************************************************************** */
#ibeMasterShell #ibeMasterShell2 table.calMonth1 td.CalMinimum a,
#ibeMasterShell #ibeMasterShell2 table.calMonth2 td.CalMinimum a
{ /*color: #ffffff !important; */}
#ibeMasterShell #ibeMasterShell2 table.calMonth1 td,
#ibeMasterShell #ibeMasterShell2 table.calMonth2 td
{ border-color: #ffffff !important; background-color: #f0efe0 !important; color: #ffffff !important; } /* General styling of calendar TD's */
#ibeMasterShell #ibeMasterShell2 table.calMonth1 td.monthTD,
#ibeMasterShell #ibeMasterShell2 table.calMonth2 td.monthTD { background: #363636 !important; }
#ibeMasterShell #ibeMasterShell2 table.calMonth1 table.calMonth1Header td,
#ibeMasterShell #ibeMasterShell2 table.calMonth2 table.calMonth2Header td { background: #363636 !important; }
#ibeMasterShell #ibeMasterShell2 table.calMonth1 td.olddate,
#ibeMasterShell #ibeMasterShell2 table.calMonth2 td.olddate { background: #f0efe0 !important;}
#ibeMasterShell #ibeMasterShell2 table.calMonth1 td.unavail,
#ibeMasterShell #ibeMasterShell2 table.calMonth2 td.unavail { /*color: #ffffff !important; */ } /* Highlights all of the days that are not available for booking */
#ibeMasterShell #ibeMasterShell2 table.calMonth1 td.unavail a,
#ibeMasterShell #ibeMasterShell2 table.calMonth2 td.unavail a { /*color: #ffffff !important; */} /* Highlights all of the days that are not available for booking */
#ibeMasterShell #ibeMasterShell2 table.calMonth1 td.yourstay,
#ibeMasterShell #ibeMasterShell2 table.calMonth2 td.yourstay { border-color: #ffffff !important; color: #000000 !important; } /* Highlights all of the days that are selected by guest to book */
#ibeMasterShell #ibeMasterShell2 table.calMonth1 td.minimumstay,
#ibeMasterShell #ibeMasterShell2 table.calMonth2 td.minimumstay { } /* Highlights all of the days that are selected by guest to book */
#ibeMasterShell #ibeMasterShell2 table.calMonth1 td.CalClosed,
#ibeMasterShell #ibeMasterShell2 table.calMonth2 td.CalClosed { } /* Highlights all of the days that are selected by guest to book */
#ibeMasterShell #ibeMasterShell2 table.calMonth1 td.CalClosed a,
#ibeMasterShell #ibeMasterShell2 table.calMonth2 td.CalClosed a { /*color: #ffffff !important;*/ } /* Highlights all of the days that are selected by guest to book */
/* Highlighting of calendar days ************************************************ */
#ibeMasterShell #ibeMasterShell2 table td.CalAvailable { color: #ffffff !important; }
#ibeMasterShell #ibeMasterShell2 table.calMonth2 td.CalAvailable { border-left-color: #ffffff !important;}
#ibeMasterShell #ibeMasterShell2 table td.CalAvailable a { color: #ffffff !important;}
#ibeMasterShell #ibeMasterShell2 table.calMonth1 td.CalOldDate,
#ibeMasterShell #ibeMasterShell2 table.calMonth2 td.CalOldDate { background: #f0efe0 !important;}
#ibeMasterShell #ibeMasterShell2 table.calMonth1 td.CalOldDate,
#ibeMasterShell #ibeMasterShell2 table.calMonth2 td.CalOldDate { background: #f0efe0 !important; }
#ibeMasterShell #ibeMasterShell2 table.calMonth1 td.CalOldDate a,
#ibeMasterShell #ibeMasterShell2 table.calMonth2 td.CalOldDate a { }
#ibeMasterShell #ibeMasterShell2 table.calMonth1 td.CalUnavailable,
#ibeMasterShell #ibeMasterShell2 table.calMonth2 td.CalUnavailable { } /* Highlights all of the days that are not available for booking */
#ibeMasterShell #ibeMasterShell2 table.calMonth1 td.CalUnavailable a,
#ibeMasterShell #ibeMasterShell2 table.calMonth2 td.CalUnavailable a { color: #ffffff !important; } /* Highlights all of the days that are not available for booking */
#ibeMasterShell #ibeMasterShell2 table.calMonth1 td.HighlightDay a,
#ibeMasterShell #ibeMasterShell2 table.calMonth2 td.HighlightDay a { border-bottom: #ffffff !important; color: #000000 !important; } /* Highlights all of the days that are selected by guest to book */
/* Calendar Key ************************************************************************************************* */
#ibeMasterShell #ibeMasterShell2 .calendarKey { color: #000000 !important; border-color: #CFCEB6 !important; }
#ibeMasterShell #ibeMasterShell2 .calendarKey ul li { color: #000000 !important; }
#ibeMasterShell #ibeMasterShell2 .calendarKey ul li.calendarKey_avail { }
#ibeMasterShell #ibeMasterShell2 .calendarKey ul li.calendarKey_unavail { }
#ibeMasterShell #ibeMasterShell2 .calendarKey ul li.calendarKey_yourstay { }
#ibeMasterShell #ibeMasterShell2 .calendarKey ul li.calendarKey_minimumstay { }
#ibeMasterShell #ibeMasterShell2 .calendarKey ul li.calendarKey_closedtoarrival { }
/* Language Dropdown ******************************************************************************************** */
#ibeMasterShell #ibeMasterShell2 .languageDropdown { background: #CFCEB6 !important;}
#ibeMasterShell #ibeMasterShell2 .languageDropdown select { background: #ffffff !important; }
/* Children Tooltip ******************************************************************************************** */
#ibeMasterShell #ibeMasterShell2 div.helpIcon { border-color: #CFCEB6 !important; background: #CFCEB6 !important;}
/* Listing Page - (avail.aspx) ******************************************************************************************
********************************************************************************************************************* */
#ibeMasterShell #ibeMasterShell2 .rateShell, .rateShellTA { border-color: #CFCEB6 !important; } /* Rate bar displaying rate + short description on Search page */
#ibeMasterShell #ibeMasterShell2 div.viewAllPrices { background: #CFCEB6 !important;}
/* Rate Box for Groups ******************************************************************************************** */
#ibeMasterShell #ibeMasterShell2 .rateShellGroup { border-color: #CFCEB6 !important; } /* Rate bar displaying rate + short description on Search page */
/* Column Headers ******************************************************************************************** */
#ibeMasterShell #ibeMasterShell2 .result.tableRow { background: #CFCEB6 !important; color: #ffffff !important;}
#ibeMasterShell #ibeMasterShell2 .result.tableRow:hover { background: #CFCEB6 !important;}
#ibeMasterShell #ibeMasterShell2 .listShell ul.rateHeader,
#ibeMasterShell #ibeMasterShell2 ul.rateHeader { background: #CFCEB6 !important; color: #000000 !important; }
#ibeMasterShell #ibeMasterShell2 .listShell ul.rateHeader li.result { background: #CFCEB6 !important; }
/* Rate Box for Travel Agents ******************************************************************************************** */
#ibeMasterShell #ibeMasterShell2 .searchboxShell { background: #ffffff !important; border-color: #CFCEB6 !important; } /* Container that holds the date/rate search box + the availability calendar divs */
#ibeMasterShell #ibeMasterShell2 .corporateShell,
#ibeMasterShell #ibeMasterShell2 .groupShell {/*display: none !important;*/ } /* Hides the Corporate & Group Input fields */
#ibeMasterShell #ibeMasterShell2 div.submitShell input {background: #CFCEB6 !important; }
#ibeMasterShell #ibeMasterShell2 div.submitShell input:hover { background: #999999 !important; }
#ibeMasterShell #ibeMasterShell2 .resultsShell { border-color: #CFCEB6 !important; } /* Container holding all of the room results after a search*/
#ibeMasterShell #ibeMasterShell2 .type { border-color: #CFCEB6 !important; }
#ibeMasterShell #ibeMasterShell2 .totalRate { border-color: #CFCEB6 !important; }
#ibeMasterShell #ibeMasterShell2 .total { }
#ibeMasterShell #ibeMasterShell2 section .sectionType { border-bottom: 2px solid #CFCEB6 !important; background: #f0efe0 !important; } /* Name of the Rate Type or Package */
#ibeMasterShell #ibeMasterShell2 .shortDescription { border-color: #CFCEB6 !important; } /* */
#ibeMasterShell #ibeMasterShell2 .sectionType a.sectionTypelink { border-color: #CFCEB6 !important; }
#ibeMasterShell #ibeMasterShell2 .listShell .promoShell .popup_angle { }
#ibeMasterShell #ibeMasterShell2 .listShell .promoShell .popup_angle2 { }
#ibeMasterShell #ibeMasterShell2 .result:hover { background: #f4f4f4 !important; } /* Highlights the Result row when you hover over it */
body.listp #ibeMasterShell #ibeMasterShell2 .listresult { background: #ffffff !important;}
/* Result Room Description ****************************************************** */
/* Result Detail ****************************************************** */
#ibeMasterShell #ibeMasterShell2 .resultDetails { border-color: #CFCEB6 !important; }
/* Result Pricing ****************************************************** */
#ibeMasterShell #ibeMasterShell2 .resultPricing p { border-color: #CFCEB6 !important;}
#ibeMasterShell #ibeMasterShell2 .priceBar .resultPricing p.month { background: #f0efe0 !important; }
#ibeMasterShell #ibeMasterShell2 span.priceSlash { } /* Price with a strike-through indicated a lower price is available */
/* Result Select Button *************************************************** */
#ibeMasterShell #ibeMasterShell2 .btn { color: #ffffff !important; }
#ibeMasterShell #ibeMasterShell2 .btn a{ color: #ffffff !important; background: #B7B6A1 !important; }
#ibeMasterShell #ibeMasterShell2 .btn a:hover { background: #999999 !important; color: #ffffff !important; }
/* Result Popup Window ****************************************************** */
.mp4 #ibeMasterShell #ibeMasterShell2 .list span.description a.popupLink:hover { color: #000000 !important; }
#ibeMasterShell #ibeMasterShell2 .resultPopup { border: 4px solid #363636 !important; background: #ffffff !important; }
#ibeMasterShell #ibeMasterShell2 .resultpopupShell .resultBar { background: #363636 !important; }
#ibeMasterShell #ibeMasterShell2 .resultPopup a.classoff { background:#306495 !important; color:#000066 !important;}
#ibeMasterShell #ibeMasterShell2 .resultPopup a.classon { background:#455F2D !important; color:white !important; }
#ibeMasterShell #ibeMasterShell2 .popup_angle { border-bottom: 10px solid #363636 !important; }
#ibeMasterShell #ibeMasterShell2 .popup_angle2 { border-bottom: 10px solid #f0efe0 !important; }
#ibeMasterShell #ibeMasterShell2 .resultpopupShell .resultpopupTopBar { background: #f0efe0 !important; border-color: #CFCEB6 !important; }
#ibeMasterShell #ibeMasterShell2 .resultpopupShell .resultpopupDrop {} /* Dropshadow seperating the content from the price bar in the popup window */
#ibeMasterShell #ibeMasterShell2 .priceBar { background: #f0efe0 !important; }
#ibeMasterShell #ibeMasterShell2 .priceBar .resultPricingDays p {background: #f0efe0 !important; border-color: #CFCEB6 !important; }
#ibeMasterShell #ibeMasterShell2 .priceBar .resultPricingDays span { color: #333333 !important; }
#ibeMasterShell #ibeMasterShell2 .priceBar .resultPricing p { background: #ffffff !important;border-color: #CFCEB6 !important;}
#ibeMasterShell #ibeMasterShell2 .detailsPriceBarShell { border-color: #CFCEB6 !important; }
#ibeMasterShell #ibeMasterShell2 .detailsPriceBarShell .priceBar { border-color: #CFCEB6 !important; /*margin: 0 0 1px 0 !important;*/ margin: 0 !important;}
#ibeMasterShell #ibeMasterShell2 .resultpopupShell .resultBar { }
#ibeMasterShell #ibeMasterShell2 .resultpopupShell .resultBar ul li a { color: #ffffff !important; }
#ibeMasterShell #ibeMasterShell2 .resultpopupShell .resultBar a.ratePolicy { color: #ffffff !important;}
#ibeMasterShell #ibeMasterShell2 .resultpopupShell .resultBar a.ratePolicy2 { color: #ffffff !important;}
#ibeMasterShell #ibeMasterShell2 .resultpopupShell .resultBar .btn_booknow { font-weight: bold !important;}
#ibeMasterShell #ibeMasterShell2 .resultpopupShell .resultBar .socialShell .addthis_button_facebook { }
#ibeMasterShell #ibeMasterShell2 .resultpopupShell .resultBar .socialShell .addthis_button_twitter {}
/* Popup for Room/Price Details ****************************************************** */
#ibeMasterShell #ibeMasterShell2 .resultpopupRoomPhotosShell {background: #ffffff !important; border-color: #CFCEB6 !important; }
#ibeMasterShell #ibeMasterShell2 a.resultpopupRoomPhotoPrev,
#ibeMasterShell #ibeMasterShell2 a.resultpopupRoomPhotoNext { border-color: #CFCEB6 !important; }
#ibeMasterShell #ibeMasterShell2 a.resultpopupRoomPhotoPrev:hover,
#ibeMasterShell #ibeMasterShell2 a.resultpopupRoomPhotoNext:hover { background: #f0efe0 !important; }
/* Reserve - (res-form.aspx) ******************************************************************************************
********************************************************************************************************************* */
#ibeMasterShell #ibeMasterShell2 .reserve .resultsShell {margin: 0 auto !important; border-color: #CFCEB6 !important; } /* Container holding all of the room results after a search*/
/* Result Listing Header: Room Type, More Info, Avg. Daily Price, Selection ************************************ */
#ibeMasterShell #ibeMasterShell2 section.reserve { border-color: #CFCEB6 !important; }
#ibeMasterShell #ibeMasterShell2 table.chargeDetailShell .totaltaxrow,
#ibeMasterShell #ibeMasterShell2 table.chargeDetailShell td.subTotal { border-top: 2px solid #CFCEB6 !important;}
#ibeMasterShell #ibeMasterShell2 table.chargeDetailShell td.totalrow { background: #f0efe0 !important; }
#ibeMasterShell #ibeMasterShell2 table.chargeDetailShell td.grandTotal { background: #f0efe0 !important; }
#ibeMasterShell #ibeMasterShell2 table.chargeDetailShell td { border-color: #CFCEB6 !important; color: #000000 !important;}
#ibeMasterShell #ibeMasterShell2 table.chargeDetailShell .rateCol,
#ibeMasterShell #ibeMasterShell2 table.chargeDetailShell .totalCol
{ text-align: right !important; }
#ibeMasterShell #ibeMasterShell2 section.box .verisignShell { border-color: #CFCEB6 !important;}
#ibeMasterShell #ibeMasterShell2 table.formTable.bedding { /*border-color: #CFCEB6 !important;*/}
/* Reserve - (res-form.aspx, mp-5.aspx) ******************************************************************************************
********************************************************************************************************************* */
/* Overview Image Shell including buttons and 'Share' button ****************************************************** */
#ibeMasterShell #ibeMasterShell2 .roomPhotoShell { border-color: #CFCEB6 !important; background: #f0efe0 !important; }
#ibeMasterShell #ibeMasterShell2 .roomPhotosShell ul li { background: #f0efe0 !important; border-color: #CFCEB6 !important; }
/* Property Name & Address on the Overview Pages *********************************************************** */
#ibeMasterShell #ibeMasterShell2 .propName { background: #ffffff !important; border-color: #CFCEB6 !important; border-color: #CFCEB6 !important; }
#ibeMasterShell #ibeMasterShell2 table.roomsListing { background: #ffffff !important;}
#ibeMasterShell #ibeMasterShell2 table.roomsListing td {}
/* Group Admin Rooms List - (rooms_list.aspx) ********************************************************************
********************************************************************************************************************* */
#ibeMasterShell #ibeMasterShell2 table.roomsListing { border-color: #CFCEB6 !important;}
/* Group Admin Group Inventory - (group-allot.aspx) ********************************************************************
********************************************************************************************************************* */
#ibeMasterShell #ibeMasterShell2 table tr:hover { background: #f4f4f4 !important;}
/* Color Picker - (colorpicker.aspx) ***********************************************************************************
********************************************************************************************************************* */
#ibeMasterShell #ibeMasterShell2 .picker { background: #ffffff !important; border-color: #CFCEB6 !important; }
#ibeMasterShell #ibeMasterShell2 section.box.colorPicker dt {border-color: #CFCEB6 !important; }
#ibeMasterShell #ibeMasterShell2 section.box.colorPicker dd { border-color: #CFCEB6 !important; }
#ibeMasterShell #ibeMasterShell2 section.box.colorPicker input { border-color: #CFCEB6 !important;}
/* (mp-3.aspx) ***********************************************************************************
********************************************************************************************************************* */
body.mp3 #ibeMasterShell #ibeMasterShell2 .ibeHeaderShell { background: #ffffff !important; border-color: #CFCEB6 !important; }
body.mp3 #ibeMasterShell #ibeMasterShell2 .ibeHeaderShell h2 {border-bottom: 5px solid #CFCEB6 !important; background: #f0efe0 !important; }
#ibeMasterShell #ibeMasterShell2 .ibeHeaderShell h3 { border-color: #CFCEB6 !important; }
/* (mp-4.aspx) ***********************************************************************************
********************************************************************************************************************* */
#ibeMasterShell #ibeMasterShell2 section.box.infoBar { border-color: #CFCEB6 !important; background: #f0efe0 !important; }
/* *************************************************************************************************************************
*****************************************************************************************************************************
FOOTER **********************************************************************************************************************
*****************************************************************************************************************************
***************************************************************************************************************************** */
#ibeMasterShell #ibeMasterShell2 section.footerMasterShell { border-color: #CFCEB6 !important; }
#ibeMasterShell #ibeMasterShell2 .termsofuse {border-color: #CFCEB6 !important;}
|