/* NOTE: This CSS Document controls the layout for the Internet Booking Engine. Copyright, 2010. SECURE-RESŪ */ /* ************************************************************************************************************************* ***************************************************************************************************************************** Color Scheme **************************************************************************************************************** ***************************************************************************************************************************** ***************************************************************************************************************************** EDITABLE COLORS 1. Primary Color .......... #C4BAA1 ( This is the color for the tabs, borders, etc. This is the most commonly used color ) 2. Secondary Color ........ #f2ede2 ( This color is used for backgrounds. It is a lighter color ) 3. Text ................... #000 ( This is the color of the text ) 4. Tab Hover Color ........ #cbc1aa ( Color when hovering over the tabs ) 5. Backgrounds ............ #fff ( Color behind lists, sections, etc. ) 6. Popup Primary Color .... #071432 ( Color of the border and dark bg on the popup ) 7. Additional Color ....... #345099 ( Background color for button in popup ) 8. Popup Button BG Hover .. #66CCFF ( Background color for button hover in popup ) 9. Hover Effect on List ... #f6f2e8 ( Hover effect on list items ) 10. Standard Button Txt .... #1a336c ( Color for standard button Text ) STANDARD, NON-EDITABLE COLORS 1. Popup Dropshadow ....... #071432 ( Color of the dropshadow on the popup windows ) 2. Required Fields ........ #b9070b ( Red text for required fields ) 3. Error Message BG ....... #fee5e6 ( Light red BG for error messages ) 4. Error Message Txt ...... #bc070b ( Dark red text for error messages ) 5. Success Message BG ..... #43980f ( Light green BG for success messages ) 6. Success Message Txt .... #e3f8d7 ( Dark green text for success messages ) 7. Calendar Old Date txt .. #aaa ( Text color of an old date on the calendar ) 8. Promotion Txt .......... #43980f ( Color for promotion text ) ***************************************************************************************************************************** */ /* ************************************************************************************************************************* ***************************************************************************************************************************** CSS RESET ******************************************************************************************************************* ***************************************************************************************************************************** ***************************************************************************************************************************** */ /* START OF CSS WIPEOUT!! *************************************************************************************************/ /* float the inner shell so that elements within it can clear themselves without being affected by wrapper elements*/ /* clear the element ibeMasterShellEnd that is after it to make sure the ibeMasterShell contains the contents */ #ibeMasterShellEnd { clear: both !important; } #ibeMasterShell #ibeMasterShell2 { float: left !important; } #ibeMasterShell #ibeMasterShell2 * { position: static !important; z-index: auto !important; background: transparent none repeat scroll 0 0 !important; float: none !important; clear: none !important; padding: 0 !important; margin: 0 !important; border: 0 solid !important; list-style: disc outside none !important; letter-spacing: normal !important; text-align: left !important; text-decoration: none !important; text-indent: 0 !important; text-transform: none !important; white-space: normal !important; word-spacing: normal !important; vertical-align: baseline !important; height: auto !important; font-weight: normal !important; unicode-bidi: normal !important; direction: ltr !important; /*clip: auto !important;*/ /*This was taken out to fix the 'angle' issue in the popup. If a problem arises, comment this back in and try more CSS */ overflow: visible !important; visibility: visible !important; outline: invert none medium !important; top: auto !important; font-family: Arial !important; line-height: 128% !important; } #ibeMasterShell #ibeMasterShell2 div, #ibeMasterShell #ibeMasterShell2 ul, #ibeMasterShell #ibeMasterShell2 dl, #ibeMasterShell #ibeMasterShell2 dt, #ibeMasterShell #ibeMasterShell2 dd, #ibeMasterShell #ibeMasterShell2 h2, #ibeMasterShell #ibeMasterShell2 h3, #ibeMasterShell #ibeMasterShell2 { display: block !important; } /* FIXES THE DT LENGTH ISSUE ***/ .res-form #ibeMasterShell #ibeMasterShell2 h3 { clear: left !important; } .res-form #ibeMasterShell #ibeMasterShell2 dt { margin-top: 25px !important;} .res-form #ibeMasterShell #ibeMasterShell2 dd { margin-bottom: 15px !important; display: block !important; float: left !important; *float: none !important; } #ibeMasterShell #ibeMasterShell2 section.box .termsAgree { clear: left !important} /******************************** */ #ibeMasterShell #ibeMasterShell2 li { display: list-item !important; } #ibeMasterShell #ibeMasterShell2 table { display: table !important; } #ibeMasterShell #ibeMasterShell2 b, #ibeMasterShell #ibeMasterShell2 strong {font-weight: bold !important;} #ibeMasterShell #ibeMasterShell2 i, #ibeMasterShell #ibeMasterShell2 em {font-style: italic !important;} #ibeMasterShell #ibeMasterShell2 h2, #ibeMasterShell #ibeMasterShell2 h3 { font-weight: bold !important; } /* END OF CSS WIPEOUT!! *************************************************************************************************/ #ibeMasterShell #ibeMasterShell2 div, #ibeMasterShell #ibeMasterShell2 span, #ibeMasterShell #ibeMasterShell2 applet, #ibeMasterShell #ibeMasterShell2 object, #ibeMasterShell #ibeMasterShell2 iframe, #ibeMasterShell #ibeMasterShell2 h1, #ibeMasterShell #ibeMasterShell2 h2, #ibeMasterShell #ibeMasterShell2 h3, #ibeMasterShell #ibeMasterShell2 h4, #ibeMasterShell #ibeMasterShell2 h5, #ibeMasterShell #ibeMasterShell2 h6, #ibeMasterShell #ibeMasterShell2 p, #ibeMasterShell blockquote, pre, #ibeMasterShell #ibeMasterShell2 a, #ibeMasterShell #ibeMasterShell2 abbr, #ibeMasterShell #ibeMasterShell2 acronym, #ibeMasterShell #ibeMasterShell2 address, #ibeMasterShell #ibeMasterShell2 big, #ibeMasterShell #ibeMasterShell2 cite, #ibeMasterShell #ibeMasterShell2 code, #ibeMasterShell #ibeMasterShell2 del, #ibeMasterShell #ibeMasterShell2 dfn, #ibeMasterShell #ibeMasterShell2 em, #ibeMasterShell #ibeMasterShell2 font, #ibeMasterShell #ibeMasterShell2 img, #ibeMasterShell #ibeMasterShell2 ins, #ibeMasterShell #ibeMasterShell2 kbd, #ibeMasterShell #ibeMasterShell2 q, #ibeMasterShell #ibeMasterShell2 s, #ibeMasterShell #ibeMasterShell2 samp, #ibeMasterShell #ibeMasterShell2 small, #ibeMasterShell #ibeMasterShell2 strike, #ibeMasterShell #ibeMasterShell2 strong, #ibeMasterShell #ibeMasterShell2 sub, #ibeMasterShell #ibeMasterShell2 sup, #ibeMasterShell #ibeMasterShell2 tt, #ibeMasterShell #ibeMasterShell2 var, #ibeMasterShell #ibeMasterShell2 u, #ibeMasterShell #ibeMasterShell2 i, #ibeMasterShell #ibeMasterShell2 center, #ibeMasterShell #ibeMasterShell2 dl, #ibeMasterShell #ibeMasterShell2 dt, #ibeMasterShell #ibeMasterShell2 dd, #ibeMasterShell #ibeMasterShell2 ol, #ibeMasterShell #ibeMasterShell2 ul, #ibeMasterShell #ibeMasterShell2 li, #ibeMasterShell #ibeMasterShell2 fieldset, #ibeMasterShell #ibeMasterShell2 form, #ibeMasterShell #ibeMasterShell2 label, #ibeMasterShell #ibeMasterShell2 legend /* table, caption, tbody, tfoot, thead, tr, th, td { margin: 0 !important; padding: 0 !important; border: 0 !important; outline: 0 !important; font-size: 100% !important; vertical-align: baseline !important; background: transparent !important; } body*/ { text-align: left !important; font-style:normal !important; line-height: 1 !important; text-transform: none !important; letter-spacing: normal !important; margin: 0 !important; padding: 0 !important; border: 0 !important; outline: 0 !important; font-size: 100% !important; vertical-align: baseline !important; } ol, ul { } #ibeMasterShell #ibeMasterShell2 b { font-weight: bold !important;} #ibeMasterShell #ibeMasterShell2 ul { display: block !important; } #ibeMasterShell #ibeMasterShell2 ul, #ibeMasterShell #ibeMasterShell2 ul li { list-style: none !important; list-style-image: none !important; background: none !important; background-image: none !important; } #ibeMasterShell #ibeMasterShell2 blockquote, #ibeMasterShell #ibeMasterShell2 q { quotes: none !important; } #ibeMasterShell #ibeMasterShell2 blockquote:before, #ibeMasterShell #ibeMasterShell2 blockquote:after, #ibeMasterShell #ibeMasterShell2 #ibeMasterShell #ibeMasterShell2 q:before, q:after { content: '' !important; content: none !important; } /* remember to define focus styles! */ #ibeMasterShell #ibeMasterShell2 :focus { outline: 0 !important; } /* remember to highlight inserts somehow! */ #ibeMasterShell #ibeMasterShell2 ins { text-decoration: none !important; } #ibeMasterShell #ibeMasterShell2 del { text-decoration: line-through !important; } /* tables still need 'cellspacing="0"' in the markup */ #ibeMasterShell #ibeMasterShell2 table { display: auto !important; line-height: normal !important; border-collapse: collapse !important; border-spacing: 0 !important; } #ibeMasterShell #ibeMasterShell2 ul, #ibeMasterShell #ibeMasterShell2 div { position: static !important; width: auto !important;} /*HTML5 Tags */ #ibeMasterShell #ibeMasterShell2 section, #ibeMasterShell #ibeMasterShell2 header, #ibeMasterShell #ibeMasterShell2 footer, #ibeMasterShell #ibeMasterShell2 nav, #ibeMasterShell #ibeMasterShell2 article, #ibeMasterShell #ibeMasterShell2 aside, #ibeMasterShell #ibeMasterShell2 hgroup, #ibeMasterShell #ibeMasterShell2 button, #ibeMasterShell #ibeMasterShell2 address, #ibeMasterShell #ibeMasterShell2 detail, #ibeMasterShell #ibeMasterShell2 output { display: block !important; } #ibeMasterShell #ibeMasterShell2 td.selected { border: none !important;} #ibeMasterShell #ibeMasterShell2 #content li { line-height: 100% !important;} /* ************************************************************************************************************************* ***************************************************************************************************************************** GENERAL STYLES ************************************************************************************************************** ***************************************************************************************************************************** ***************************************************************************************************************************** */ body { } body.noWrapper { padding: 25px !important;} #ibeMasterShell #ibeMasterShell2 { font-family: Arial !important; font-size: 11px !important; min-width: 570px !important; } /* General Styling for IBE */ #ibeMasterShell #ibeMasterShell2 h1 { font-family: Arial !important; font-size: 21px !important; margin: 0 !important;} /* Main Headline text styling */ /* Text Highlighting: Required Text, Messages, etc ********************************************************************* */ #ibeMasterShell #ibeMasterShell2 .required { color: #b9070b !important; display: inline !important;} /* Red text for required fields */ #ibeMasterShell #ibeMasterShell2 .redText { color: #b9070b !important; background: url(../images/icon_redmessage.gif) 0 2px no-repeat !important; padding: 1px 0 0 20px !important; } #ibeMasterShell #ibeMasterShell2 .sectionType .resultDescription h3 span.redText { padding: 3px 0 2px 20px !important; position: absolute !important; } /* Standard Messages: Errors, Notes, Successes, Rooms Left *********************************************************** */ #ibeMasterShell #ibeMasterShell2 section.errorMessage { background: #fee5e6 url(../images/icon_redmessage.gif) 20px 10px no-repeat !important; font-size: 13px !important; color: #bc070b !important; margin: 0px 0 10px 0 !important; border: 1px solid #bc070b !important; border-left: 10px solid #bc070b !important; padding: 8px 22px !important;} .search #ibeMasterShell #ibeMasterShell2 section.errorMessage { /*width: 515px !important;*/} #ibeMasterShell #ibeMasterShell2 section.errorMessage * { color: #bc070b !important; } #ibeMasterShell #ibeMasterShell2 .roomsNeededMessage { float: left !important; margin: -5px 0 0 0 !important; width: 87px !important; border: 1px solid #bc070b !important; border-left: 5px solid #bc070b !important; background: #fee5e6 !important; text-align: center !important; padding: 14px 0 !important; font-size: 9px !important; color: #bc070b !important;} #ibeMasterShell #ibeMasterShell2 td.err2 {background: #fee5e6 url(../images/icon_redmessage.gif) 20px 10px no-repeat !important; font-size: 13px !important; color: #bc070b !important; padding-left: 22px !important; } #ibeMasterShell #ibeMasterShell2 section.noteMessage, #ibeMasterShell #ibeMasterShell2 span.noteMessage, #ctl00_cphBody_tdErrorCell1 { padding-left: 40px !important;} #ibeMasterShell #ibeMasterShell2 div#currencyShell { background: #fff8ae url(../images/icon_note.gif) 20px 10px no-repeat !important; font-size: 13px !important; color: #9f6542 !important; margin: 0px 0 10px 0 !important; border: 1px solid #9f6542 !important; border-left: 10px solid #9f6542 !important; padding: 8px 22px !important;} #ibeMasterShell #ibeMasterShell2 span.noteMessage { color: #895225 !important; font-weight: normal !important; display: block !important; width: 230px !important; background-position: 5px 3px !important; background: #fff8ae url(../images/icon_note.gif) 5px 3px no-repeat !important; font-size: 11px !important; padding: 4px 5px 3px 23px !important; margin: 5px 0 0 0 !important; float: left !important; clear: left !important; } #ibeMasterShell #ibeMasterShell2 section.noteMessage{ font-size: 11px !important; padding: 10px 25px !important; margin: 0 0 10px 0 !important; background: #fff8ae url(../images/icon_note.gif) 20px 10px no-repeat !important; } #ibeMasterShell #ibeMasterShell2 span.noteMessage, #ibeMasterShell #ibeMasterShell2 section.noteMessage { border: 1px solid #895225 !important; border-left: 10px solid #895225 !important; color: #895225 !important;} #ibeMasterShell #ibeMasterShell2 section.successMessage, #ibeMasterShell #ibeMasterShell2 .promoInfo { color: #43980f !important; background: #e3f8d7 url(../images/icon_greenmessage.gif) 20px 10px no-repeat !important;font-size: 13px !important;margin: 10px 0 !important; border: 1px solid #43980f !important; border-left: 10px solid #43980f !important; padding: 3px 22px !important;} #ibeMasterShell #ibeMasterShell2 section.successMessage strong span { font-weight: bold !important; color: #43980f !important; } #ibeMasterShell #ibeMasterShell2 .resultPopup h1 { margin-bottom: 10px !important; } #ibeMasterShell #ibeMasterShell2 .resultPopup .promoInfo { color: #43980f !important; background: url(../images/icon_greenmessage.gif) 0 4px no-repeat !important; display: block !important;font-size: 11px !important; margin: 5px 0 !important; border: none !important; padding: 4px 0 4px 15px !important;} #ibeMasterShell #ibeMasterShell2 section.successMessage { padding: 8px 22px !important;} #ibeMasterShell #ibeMasterShell2 section.errorMessage ul, #ibeMasterShell #ibeMasterShell2 section.successMessage ul, #ibeMasterShell #ibeMasterShell2 section.noteMessage ul { margin: 10px 0 10px 40px !important; } #ibeMasterShell #ibeMasterShell2 section.errorMessage ul li, #ibeMasterShell #ibeMasterShell2 section.noteMessage ul li { list-style: disc !important; line-height: 140% !important;} #ibeMasterShell #ibeMasterShell2 section.errorMessage p, #ibeMasterShell #ibeMasterShell2 section.successMessage p, #ibeMasterShell #ibeMasterShell2 section.noteMessage p, #ibeMasterShell #ibeMasterShell2 div#currencyShell span { padding: 2px 0 0 18px !important; } #ibeMasterShell #ibeMasterShell2 section.successMessage p { padding: 2px 0 10px 15px !important; color: #43980f !important; } #ibeMasterShell #ibeMasterShell2 section.errorMessage a { font-weight: bold !important; margin-right: 10px !important; } /* Links within error messages */ #ibeMasterShell #ibeMasterShell2 section.successMessage a {font-weight: bold !important; margin-right: 10px !important; color: #e3f8d7 !important;} /* Links within success messages */ #ibeMasterShell #ibeMasterShell2 section.noteMessage a {font-weight: bold !important; margin-right: 10px !important; color: #9f6542 !important;} /* Links within success messages */ #ibeMasterShell #ibeMasterShell2 span.remainingRooms { float: right !important; font-style:italic !important; text-align: center !important; background: #43980f !important; /*position: absolute !important;*/ margin: 25px 0 0 0px !important; *margin: 25px 0 0 -50px !important; padding: 2px 5px 1px 3px !important; width: 120px !important;} */ /*#ibeMasterShell #ibeMasterShell2 span.remainingRooms { font-style:italic !important; text-align: center !important; background: #43980f !important; position: absolute !important; margin: 25px 0 0 2px !important; *margin: 25px 0 0 -50px !important; *display: none !important; padding: 2px 5px 1px 3px !important; width: 100px !important;} /* Displays the number of available rooms left on a specific room listing */ /* Misc. Formatting Fixes *********************************************************************************************** */ .ie7 .listShell ul { margin: 0 0 -1px 0 !important;} /* Corrects alignment issues withing lists in Internet Explorer 7 */ /* Booking Engine Property Name ***************************************************************************************** */ #ibeMasterShell #ibeMasterShell2 .ibeTitle { text-align: left !important; } #ibeMasterShell #ibeMasterShell2 .ibeTitle h1 { font-size: 20px !important; margin: 0 !important; padding: 0 !important; letter-spacing: -1px !important;} /* Name of Property */ #ibeMasterShell #ibeMasterShell2 .ibeTitle h2 { font-size: 15px !important;margin: 0 0 15px 0 !important; font-weight: normal !important; padding: 0 0 8px 0 !important; border-bottom: 1px solid !important;} /* Booking Engine Tagline * !important;/ /* Standard Grey boxes with grey border ********************************************************************************* */ #ibeMasterShell #ibeMasterShell2 section.box { /* overflow: auto !important; overflow: visible !important; */ border: 1px solid !important; margin: 0 0 10px 0 !important; /*padding: 22px !important;*/ font-size: 12px !important; } #ibeMasterShell #ibeMasterShell2 section.box > * { margin: 22px !important; } /* Adds margin to all items inside of the box other */ #ibeMasterShell #ibeMasterShell2 section.box > table { margin: 0 !important;} /* Table styling within each 'section' */ #ibeMasterShell #ibeMasterShell2 section.box.toolbar > * { padding: 2px !important; margin: 7px 22px 5px 22px !important; text-align: right !important; } /* Toolbar containing global elements such as 'print', 'send to friend', etc.*/ #ibeMasterShell #ibeMasterShell2 section.box > h1, #ibeMasterShell #ibeMasterShell2 section.box > h2 { margin: 0 !important; font-weight: bold !important; font-size:14px !important; padding: 10px 20px !important; border-bottom: 5px solid !important; } #ibeMasterShell #ibeMasterShell2 section.box > h1 { font-size: 16px !important; width: auto !important;} #ibeMasterShell #ibeMasterShell2 section.box h2 span { font-weight: normal !important; font-size: 11px !important;} /* Sub descriptions underneath the H1 */ #ibeMasterShell #ibeMasterShell2 section.box h3 { text-align: left !important; /*margin: 0 0 20px 0 !important;*/ font-size: 13px !important; padding: 0 0 5px 0 !important; font-size: 12px !important; border-bottom: 1px solid !important; } #ibeMasterShell #ibeMasterShell2 section.box ul { padding-bottom: 15px !important; } #ibeMasterShell #ibeMasterShell2 section.box ul li { line-height: 160% !important;} #ibeMasterShell #ibeMasterShell2 section.box p { line-height: 140% !important;} #ibeMasterShell #ibeMasterShell2 section.box textarea { width: 350px !important; height: 85px !important; } #ibeMasterShell #ibeMasterShell2 section.box dt { clear: left !important; padding: 1px 0 0 0 !important; margin: 0 0 10px 0 !important; font-weight: bold !important; display: block !important; float: left !important; width: 145px !important; } #ibeMasterShell #ibeMasterShell2 section.box dd { padding: 0 0 3px 0 !important; margin: 0 0 10px 0 !important;} #ibeMasterShell #ibeMasterShell2 section.box dd.addressSecondLine { margin: 0 0 10px 145px !important; } #ibeMasterShell #ibeMasterShell2 section.box dd.emailOptIn { clear: left !important; } #ibeMasterShell #ibeMasterShell2 section.boxBtns { display: block !important; height: 25px !important; /*padding: 10px 0 !important; */ margin: 10px 0 !important; text-align: right !important;} #ibeMasterShell #ibeMasterShell2 section.boxBtns input.btn { float: right !important; text-align: center !important;} /* Links **************************************************************************************************************** */ #ibeMasterShell #ibeMasterShell2 a { text-decoration: underline !important;} #ibeMasterShell #ibeMasterShell2 a:hover { text-decoration: none !important; } #ibeMasterShell #ibeMasterShell2 a.btn { display: inline !important; background:none !important; text-align: center !important; border:medium none !important; font-weight:bold !important; font-size: 13px !important; text-decoration: none !important; padding:8px 13px !important; } #ibeMasterShell #ibeMasterShell2 a.btn:hover { } #ibeMasterShell #ibeMasterShell2 input.btn { text-align: center !important; background:none !important; border: none !important; padding: 3px 11px !important; font-size: 13px !important; font-weight: bold !important;} #ibeMasterShell #ibeMasterShell2 input.btn:hover { } /* Images *************************************************************************************************************** */ #ibeMasterShell #ibeMasterShell2 .imgLeft { float: left !important; margin: 0 15px 10px 0 !important;} #ibeMasterShell #ibeMasterShell2 .imgRight { float: right !important; margin: 5px 0 10px 15px !important;} #ibeMasterShell #ibeMasterShell2 .smallPhoto { display: block !important; width: 110px !important; height: 79px !important; background-position: center center !important; background-repeat: no-repeat !important; } #ibeMasterShell #ibeMasterShell2 .mediumPhoto { display: block !important; width: 207px !important; height: 150px !important; background-position: center center !important; background-repeat: no-repeat !important; } #ibeMasterShell #ibeMasterShell2 .propertyPhoto { display: block !important; width: 110px !important; height: 110px !important; background-position: center center !important; background-repeat: no-repeat !important; } #ibeMasterShell #ibeMasterShell2 .mobilePhoto { display: block !important; width: 293px !important; height: 200px !important; background-position: center center !important; background-repeat: no-repeat !important; } #ibeMasterShell #ibeMasterShell2 .smallPhoto, #ibeMasterShell #ibeMasterShell2 .mediumPhoto, #ibeMasterShell #ibeMasterShell2 .mobilePhoto { margin: 0 0 10px 0 !important;} /* Toolbar ************************************************************************************************************** */ #ibeMasterShell #ibeMasterShell2 .toolbar { text-align: right !important; } #ibeMasterShell #ibeMasterShell2 .toolbar a.print { margin: -2px 0 0 0 !important; background: url(../images/icon_print.gif) 0px 2px no-repeat !important; padding: 0 0 0 21px !important; } /* Print Link */ #ibeMasterShell #ibeMasterShell2 a.currencyConverter { background: url(../images/icon_currency.gif?dt=20130815) 0px 0px no-repeat !important; padding: 0 0 0 21px !important; text-decoration: underline !important; font-size: 12px !important; float: right !important; padding-top: 1px !important; /*ie7 and below css hacks follow*/ *float: none !important; *margin-left: 15px !important;} #ibeMasterShell #ibeMasterShell2 .toolbar a.addthis_button { margin: 0 0 0 20px !important; vertical-align: top !important;} /* Tables *************************************************************************************************************** */ #ibeMasterShell #ibeMasterShell2 table { border-top: 1px solid !important; border-bottom: 5px solid !important; width: 100% !important; padding: 5px !important; margin: 0 0 0px 0 !important;} #ibeMasterShell #ibeMasterShell1 table table.calMonth1 th { border-bottom: 1px solid; } #ibeMasterShell #ibeMasterShell2 table tr { } #ibeMasterShell #ibeMasterShell2 table tr td { padding: 0 !important; } #ibeMasterShell #ibeMasterShell2 table.table tr td { padding: 6px !important;} #ibeMasterShell #ibeMasterShell2 table td { border-right: 1px solid !important; border-bottom: 1px solid !important; padding: 6px !important;} #ibeMasterShell #ibeMasterShell2 table th { font-size: 11px !important; padding: 3px !important; text-align: left !important; font-weight: normal !important; border-right: 1px solid !important; border-bottom: 2px solid !important; } #ibeMasterShell #ibeMasterShell2 table span { font-weight: bold !important; display: block !important; margin: 0 0 1px 0 !important;} #ibeMasterShell #ibeMasterShell2 table .priceCol { text-align: right !important; width: 55px !important;} #ibeMasterShell #ibeMasterShell2 table .qtyCol { width: 55px !important; text-align: center !important;} #ibeMasterShell #ibeMasterShell2 table .qtyCol input { text-align: center !important; } #ibeMasterShell #ibeMasterShell2 table.chargeDetailShell th.qtyHead { width: 50px !important; text-align: center !important;} #ibeMasterShell #ibeMasterShell2 table.chargeDetailShell th.rateHead { width: 55px !important; text-align: right !important;} #ibeMasterShell #ibeMasterShell2 table.chargeDetailShell th.totalHead { width: 55px !important;} /* Tabs ***************************************************************************************************************** */ #ibeMasterShell #ibeMasterShell2 .tab_shell { height: 49px !important; margin: 0 0 3px 0 !important; } #ibeMasterShell #ibeMasterShell2 .tab_shell { } #ibeMasterShell #ibeMasterShell2 .tabs { display: block !important; height: 30px !important; padding: 10px 0 0 0 !important; margin: 0 auto !important; } #ibeMasterShell #ibeMasterShell2 .tabs ul { margin: 0 !important; padding: 0 !important; } #ibeMasterShell #ibeMasterShell2 .tabs ul li { display: inline !important; float: left !important; margin: 0 !important; } .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, .mp3 #ibeMasterShell #ibeMasterShell2 .tabs ul li.tab_search a.current { height: 30px !important; border: none !important; margin: -4px 3px 0 0 !important; } /* Tab styling for a 'current' tab */ #ibeMasterShell #ibeMasterShell2 .tabs ul li.search a.disabled, #ibeMasterShell #ibeMasterShell2 .tabs ul li.tab_select a.disabled, #ibeMasterShell #ibeMasterShell2 .tabs ul li.tab_reserve a.disabled { } /* 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 { cursor: default !important; } /* Hover effect for each tab that is 'disabled' */ #ibeMasterShell #ibeMasterShell2 .tabs ul li a { margin: 10px 3px 0 0 !important; font-size: 16px !important; font-weight: bold !important; text-decoration: none !important; display: block !important; padding: 8px 21px !important; } .ja-JP #ibeMasterShell #ibeMasterShell2 .tabs ul li a, .fr-FR #ibeMasterShell #ibeMasterShell2 .tabs ul li a, .de-DE #ibeMasterShell #ibeMasterShell2 .tabs ul li a { padding: 8px 8px !important; } #ibeMasterShell #ibeMasterShell2 .tabs ul li a:hover { cursor: pointer !important; } /* INFO BAR - MAIN BAR UNDERNEATH TABS ********************************************************************************** */ #ibeMasterShell #ibeMasterShell2 section.box.infoBar { clear: both !important; } #ibeMasterShell #ibeMasterShell2 section.box.infoBar > * { margin: 0 !important; } #ibeMasterShell #ibeMasterShell2 section.box.infoBar > p { margin: 22px !important; } #ibeMasterShell #ibeMasterShell2 .info_bar { height: 38px !important; padding: 0 20px !important; margin: 0 0 10px 0 !important; clear: left !important; border: 1px solid !important;} #ibeMasterShell #ibeMasterShell2 .info_bar h1 { float: left !important; font-size: 16px !important; margin: 10px 0 8px 0 !important; } #ibeMasterShell #ibeMasterShell2 .info_bar h1 { } #ibeMasterShell #ibeMasterShell2 .info_bar_link { padding: 12px 20px 0 0 !important; float: right !important; font-size: 12px !important; margin: 10px 0 0 0 !important; font-weight: bold !important; } #ibeMasterShell #ibeMasterShell2 .info_bar_link a { margin-left: 13px !important; font-weight: bold !important;} #ibeMasterShell #ibeMasterShell2 .info_bar_link a:hover { text-decoration: none !important; } #ibeMasterShell #ibeMasterShell2 .info_bar_link span { text-decoration: none !important; margin: 0 0 0 7px !important; } #ibeMasterShell #ibeMasterShell2 .info_reservations_details {font-size: 12px !important; padding: 22px 22px 18px 22px !important; margin: -10px 0 10px 0 !important; overflow: auto !important;} #ibeMasterShell #ibeMasterShell2 .info_reservations_details { border: 1px solid !important;} body.search.checka #ibeMasterShell #ibeMasterShell2 section.box.infoBar { width: 568px !important; } #ibeMasterShell #ibeMasterShell2 section.box.infoBar { display: block !important; overflow: visible !important; overflow: auto !important;/* height: 36px !important;*/ border-bottom: 5px solid !important;} #ibeMasterShell #ibeMasterShell2 section.box.infoBar h1 { float: left !important;} /* Adjustments to hchgs.aspx ********************************************************************************** */ #ibeMasterShell #ibeMasterShell2 .info_reservations_details section .sectionType { padding: 0 !important; overflow: hidden !important; } /* adjusts the positioning of the 'Room Type' link */ #ibeMasterShell #ibeMasterShell2 .info_reservations_details .rateShellGroup { border: none !important; } /* Deletes a border applied around the 'Room Type' link */ #ibeMasterShell #ibeMasterShell2 .info_reservations_details .resultpopupShell .resultinfoShell { height: 200px !important; } /* Adjusts the height in the 'Room Type' link popup */ #ibeMasterShell #ibeMasterShell2 .info_reservations_details .resultpopupShell .resultpopupDrop { margin: 244px 0 0 0 !important; } #ibeMasterShell #ibeMasterShell2 .info_reservations_details .sectionTypePopup .popup_angle, #ibeMasterShell #ibeMasterShell2 .info_reservations_details .sectionTypePopup .popup_angle2 { /*margin-left: 80px !important;*/ } #ibeMasterShell #ibeMasterShell2 a.resultpopupRoomPhotoPrev, #ibeMasterShell #ibeMasterShell2 a.resultpopupRoomPhotoNext { font-size: 10px !important; } #ibeMasterShell #ibeMasterShell2 .info_reservations_details .sectionType { background: none !important; border: none !important; } #ibeMasterShell #ibeMasterShell2 .info_reservations_shell1 { display: inline !important; float: left !important; /*min-width: 210px !important;*/ padding: 0 10px 0 0 !important; /*width: 275px !important;*/ margin: 0 15px 0 0 !important; border-right: 1px solid !important; } #ibeMasterShell #ibeMasterShell2 .info_reservations_shell1 dt { float: none !important; display: inline !important; clear: left !important; } #ibeMasterShell #ibeMasterShell2 .info_reservations_shell1 dd { float: left !important; ^float: none padding-right: 5px !important; } #ibeMasterShell #ibeMasterShell2 .info_reservations_shell2 { float: left !important; width: 90px !important; margin: 0 12px 0 0 !important; border-right: 1px solid !important; } #ibeMasterShell #ibeMasterShell2 .info_reservations_shell3 { float: left !important; width: 85px !important; } #ibeMasterShell #ibeMasterShell2 .info_reservations_shell4 { margin: 10px 0 0 0 !important; clear: left !important; border-top: 1px solid !important; padding: 10px 0 !important; } #ibeMasterShell #ibeMasterShell2 .info_reservations_details .info_reservations_shell4 dt { width: 80px !important; width: auto !important;} #ibeMasterShell #ibeMasterShell2 .info_reservations_shell4 dt, #ibeMasterShell #ibeMasterShell2 .info_reservations_shell4 dd { margin: 10px 10px 0 0 !important; float: left !important; } #ibeMasterShell #ibeMasterShell2 .info_reservations_shell4 dd { padding-right: 50px !important; } #ibeMasterShell #ibeMasterShell2 .info_reservations_details dl { padding: 0 6px 0 0 !important; margin: 0 !important; width: auto !important; } #ibeMasterShell #ibeMasterShell2 .info_reservations_details dt { width: 65px !important;font-weight: bold !important; float: left !important; margin: 0 5px 9px 0 !important; } #ibeMasterShell #ibeMasterShell2 .info_reservations_details dd { margin: 0 0 9px 0 !important;} #ibeMasterShell #ibeMasterShell2 .info_reservations_details dd.roomTypeNameLink { margin: 0 !important;} #ibeMasterShell #ibeMasterShell2 .info_reservations_shell1 dt { width: 72px !important;} #ibeMasterShell #ibeMasterShell2 .info_reservations_shell2 dt { width: 65px !important; } /* GENERAL LIST - LISTING OF ROOMS, PACKAGES, ETC *********************************************************************** */ #ibeMasterShell #ibeMasterShell2 .listShell { margin: 0 0 10px 0 !important; border: 1px solid !important; } #ibeMasterShell #ibeMasterShell2 .listShellInner { width: 589px !important; overflow: auto !important; padding: 0 !important; } #ibeMasterShell #ibeMasterShell2 section details { border: none !important;} #ibeMasterShell #ibeMasterShell2 .listInfoShell { position: relative !important; float: right !important; width: 275px !important; } #ibeMasterShell #ibeMasterShell2 span.details, #ibeMasterShell #ibeMasterShell2 span.day, #ibeMasterShell #ibeMasterShell2 span.avgPerNight { padding: 5px 0 !important; margin: 0 0 10px 0 !important; float: left !important; display: block !important;} #ibeMasterShell #ibeMasterShell2 span.roomType {width: 100% !important; padding: 10px 0 0 8px !important; float: left !important; margin: -38px 0 0 0 !important; } #ibeMasterShell #ibeMasterShell2 span.details { border-left: 1px solid !important; width: 100px !important; text-align: center !important; } #ibeMasterShell #ibeMasterShell2 span.day { width: 80px !important; border: 1px solid !important; border-top: none !important; border-bottom: none !important; text-align: center !important; } #ibeMasterShell #ibeMasterShell2 span.avgPerNight { width: 92px !important;text-align: center !important; } #ibeMasterShell #ibeMasterShell2 .list { background: #fff !important; padding: 10px !important; margin: 0 !important; border: 1px solid !important; border-top: none !important; border-left: none !important; overflow: auto !important; } #ibeMasterShell #ibeMasterShell2 .list.listRooms.twoCol.two { /*margin: 0 0 1px 1px !important;*/ border-right: none !important; width: 264px !important; width: 50% !important; } #ibeMasterShell #ibeMasterShell2 .list a { display: block !important; font-size: 12px !important; padding: 10px 0 0 0 !important; margin: 0px 0 8px 0 !important; font-weight: bold !important;} #ibeMasterShell #ibeMasterShell2 .list span.description { display: block !important; margin: 0 0 10px 0 !important; line-height: 160% !important;} #ibeMasterShell #ibeMasterShell2 .list span a {/* width: 50px !important; */ font-weight: normal !important; font-size: 11px !important; float: left !important; text-decoration: none !important; text-align: center !important; margin: 29px 3px 0 0 !important; padding: 7px 8px !important; } #ibeMasterShell #ibeMasterShell2 .list span a:hover { } #ibeMasterShell #ibeMasterShell2 .list .img { margin: 0px 10px 0 0 !important; display: block !important; width: 95px !important;height: 95px !important; width: 110px !important; height: 110px !important; float: left !important;} .mp4 #ibeMasterShell #ibeMasterShell2 .list a.propName { } .mp4 #ibeMasterShell #ibeMasterShell2 .list a.propName { /*clear: none !important;*/ display: block !important; clear: none !important;background: none !important; border: none !important; margin: -3px 0 1px 120px !important; padding: 0 !important; } .mp4 #ibeMasterShell #ibeMasterShell2 .list span.description { margin-left: 120px !important; height: 55px !important;} /*put z-index for ie7 absolute position bug */ .mp4 #ibeMasterShell #ibeMasterShell2 .list .img { float: left !important;} #ibeMasterShell #ibeMasterShell2 .list.listRooms.twoCol { padding: 0 !important; border: none !important; /*new stuff*/ height: 185px !important; border: none !important; /*margin: 0 0 1px 0 !important; */ float: left !important; overflow: auto !important; margin: 0 !important; /*height: 150px !important;*/ /*width: 263px !important; */width: 50% !important; background: none !important; border-width: 0px !important; *width: 48% !important; } #ibeMasterShell #ibeMasterShell2 .list.listRooms.oneCol { padding: 0 !important; border: none !important; width: 50% !important; /*new stuff*/ /*margin: 0 1px 0px 0 !important; width: 100% !important;*/ } #ibeMasterShell #ibeMasterShell2 .btnsPackages { clear: left !important; display: block !important; margin: 0 0 0 124px !important;} /* (listp.aspx) *********************************************************************** */ /* #ibeMasterShell #ibeMasterShell2 .list.listRooms.twoCol { float: left !important; overflow: auto !important; margin: 0 !important; height: 110px !important; width: 263px !important; } #ibeMasterShell #ibeMasterShell2 .list.listRooms.twoCol a { height: 13px !important; overflow: hidden !important;} #ibeMasterShell #ibeMasterShell2 .list.listRooms.twoCol span.description { height: 39px !important; overflow: hidden !important;} #ibeMasterShell #ibeMasterShell2 .list.listRooms.twoCol span a { height: auto !important;} */ body.listp #ibeMasterShell #ibeMasterShell2 .listShellInner { width: 100% !important;} body.listp #ibeMasterShell #ibeMasterShell2 .listresult { margin: 0 0 1px 1px !important; /*height: 75px !important;*/ height: 164px !important; padding: 10px !important;} /* body.listp #ibeMasterShell #ibeMasterShell2 .packageLength { font-weight: bold !important; position: absolute !important; margin: 62px 0 0 -125px !important; width: 110px !important; text-align: center !important; padding: 0 !important; } body.listp:nth-of-type(1) #ibeMasterShell #ibeMasterShell2 .packageLength { margin: 62px 0 0 0 !important; } */ body.listp #ibeMasterShell #ibeMasterShell2 .packageLength { font-weight: bold !important; } body.listp #ibeMasterShell #ibeMasterShell2 .description {/* height: 45px !important;*/ margin: 0 !important;} body.listp #ibeMasterShell #ibeMasterShell2 .list .img { margin: 0 15px 0 0 !important; width: 154px !important; height: 110px !important;} body.listp #ibeMasterShell #ibeMasterShell2 .list .img { margin: 0 15px 0 0 !important; width: 110px !important; height: 79px !important;} body.listp #ibeMasterShell #ibeMasterShell2 .list span { } body.listp #ibeMasterShell #ibeMasterShell2 .list a { font-weight: bold !important; text-decoration: none !important; } body.listp #ibeMasterShell #ibeMasterShell2 .list a b { font-weight: bold !important; text-decoration: underline !important; } body.listp #ibeMasterShell #ibeMasterShell2 .list a:hover { text-decoration: none !important; } /* LIST OF PROPERTIES WITH IMAGES (MP-4.aspx) *********************************************************************** */ #ibeMasterShell #ibeMasterShell2 .listProperty { padding: 18px 8px 8px 8px !important; border-bottom: 6px solid !important; border-right: none !important; min-height: 100px !important; overflow: visible !important;} #ibeMasterShell #ibeMasterShell2 .listProperty span {background-repeat: no-repeat !important; } #ibeMasterShell #ibeMasterShell2 .listProperty span.img { margin-top: -10px !important; background-repeat: no-repeat !important; } #ibeMasterShell #ibeMasterShell2 .listProperty span a { margin-top: 0 !important; } #ibeMasterShell #ibeMasterShell2 .listProperty span a:hover { } #ibeMasterShell #ibeMasterShell2 .listProperty .clear { clear: both !important; } /* #ibeMasterShell #ibeMasterShell2 .promoShell .promoInfo { border-left: 1px solid !important; font-style:italic !important; font-weight: normal !important; font-size: 10px !important; background-image: none !important; text-align: center !important; margin: 7px 0 0 0 !important; float: right !important; width: 210px !important;} */ #ibeMasterShell #ibeMasterShell2 .sectionType { overflow: auto !important; } #ibeMasterShell #ibeMasterShell2 .promoShell { float: right !important;} #ibeMasterShell #ibeMasterShell2 .promoShell .popup_angle { position: absolute !important; margin: 24px 0 0 437px !important; width:0 !important; height:0 !important; border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-top:9px solid #43980f !important; border-bottom: 0 !important; } #ibeMasterShell #ibeMasterShell2 .promoShell .popup_angle2 { position: absolute !important; margin: 23px 0 0 437px !important; width:0 !important; height:0 !important; border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-top: 9px solid #e3f8d7 !important; border-bottom: 0 !important; } #ibeMasterShell #ibeMasterShell2 span a.viewAllRates { width: 80px !important;} #ibeMasterShell #ibeMasterShell2 .listRooms {} #ibeMasterShell #ibeMasterShell2 .listShell {} #ibeMasterShell #ibeMasterShell2 .listShell summary { } #ibeMasterShell #ibeMasterShell2 .listShell ul { padding: 0 !important; margin: 0 !important; } #ibeMasterShell #ibeMasterShell2 .listShell ul li { list-style: none !important; } .mp4 #ibeMasterShell #ibeMasterShell2 .sectionTypePopup.morePopup { margin: 10px 0 0 -470px !important; float: right !important; } .mp4 #ibeMasterShell #ibeMasterShell2 .list section.sectionType { float: right !important; margin: 0 !important; overflow: visible !important; padding: 0 !important; border: none !important; } .mp4 #ibeMasterShell #ibeMasterShell2 .list section.sectionType .sectionTypeLink { float: none !important; } .mp4 #ibeMasterShell #ibeMasterShell2 .list section.sectionType .sectionTypeLink a { float: none !important; } .mp4 #ibeMasterShell #ibeMasterShell2 .sectionTypePopup .popup_angle.more { margin: -14px 0 0 480px !important; } .mp4 #ibeMasterShell #ibeMasterShell2 .sectionTypePopup .popup_angle2.more { margin: -10px 0 0 480px !important; } .mp4 #ibeMasterShell #ibeMasterShell2 .list section.sectionType a.popupLink { text-decoration: none !important; } .mp4 #ibeMasterShell #ibeMasterShell2 .list span.description a.popupLink { float: none !important; margin: 2px 0 0 0 !important; line-height: 12px !important; overflow: hidden !important; text-decoration: underline !important; background: none !important; padding: 0 !important; } .mp4 #ibeMasterShell #ibeMasterShell2 .list span.description a.popupLink:hover { text-decoration: none !important; } .mp4 #ibeMasterShell #ibeMasterShell2 .sectionTypePopup { margin-left: 0px !important;} .mp4 #ibeMasterShell #ibeMasterShell2 .resultpopupShell .resultpopupTopBar ul { margin: 0 !important; padding: 0 !important; text-align: right !important;} .mp4 #ibeMasterShell #ibeMasterShell2 .closePopup { width: auto !important; text-align: right !important; text-decoration: underline !important; background: none !important; margin: -12px 0 0 380px !important; margin:0 0px 0 -90px !important; position:absolute !important; padding: 0 !important;} body#:nth-of-type(1) #ibeMasterShell #ibeMasterShell2 .closePopup { } :root *> #ibeMasterShell #ibeMasterShell2 .closePopup { } .mp4 #ibeMasterShell #ibeMasterShell2 .closePopup:hover { text-decoration: none !important; background: none !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: 1px solid !important; } /* Sister Search ******************************************************************************************************** */ #ibeMasterShell #ibeMasterShell2 .sisterSearchShell { padding: 10px 20px !important; margin: 0 0 10px 0 !important; border: 1px solid !important; border-bottom: 5px solid !important; border-top: 5px solid !important;} #ibeMasterShell #ibeMasterShell2 .sisterSearchShell h2 { font-size: 15px !important; margin: 0 0 10px 0 !important; } #ibeMasterShell #ibeMasterShell2 .sisterSearchShell p { height: 15px !important; padding-top: 1px !important; } #ibeMasterShell #ibeMasterShell2 .sisterSearchShell ul { margin: 10px 0 0 0 !important; padding: 0 !important; } #ibeMasterShell #ibeMasterShell2 .sisterSearchShell ul li { font-size: 12px !important; display: inline !important; margin: 0 10px 0 0 !important; padding: 0 10px 0 0 !important; border-right: 1px solid !important;} #ibeMasterShell #ibeMasterShell2 .sisterSearchShell ul li.last { border: none !important; } /* Pop Up Window ******************************************************************************************************** */ #ibeMasterShell #ibeMasterShell2 .sectionTypePopup { -moz-box-shadow: 3px 3px 3px rgba(0,0,0,.5) !important; -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,.5) !important; box-shadow: 3px 3px 3px rgba(0,0,0,.5) !important; display: none !important; margin: 8px 0 0 5px !important; width: 525px !important; text-align: left !important; border: 4px solid !important; position: absolute !important; z-index: 1000 !important; } #ibeMasterShell #ibeMasterShell2 .sectionTypePopup .popup_angle { position: absolute !important; margin: -13px 0 0 10px !important; width:0 !important; height:0 !important; border-left: 10px solid transparent !important; border-right: 10px solid transparent !important; border-bottom: 10px solid !important; border-top: 0 !important; } #ibeMasterShell #ibeMasterShell2 .sectionTypePopup .popup_angle2 { position: absolute !important; margin: -8px 0 0 10px !important; width:0 !important; height:0 !important; border-left: 10px solid transparent !important; border-right: 10px solid transparent !important; border-bottom: 10px solid !important; border-top: 0 !important; } #ibeMasterShell #ibeMasterShell2 .sectionTypePopup p { font-weight: normal !important; line-height: 160% !important; font-size: 11px !important; } /* Paragraphs inside of the popup windows */ #ibeMasterShell #ibeMasterShell2 .sectionTypePopup a.classoff { background:#345099 !important; color:#000066 !important;text-decoration: underline !important; } #ibeMasterShell #ibeMasterShell2 .sectionTypePopup a.classon { background:#66CCFF !important; text-decoration: underline !important; } #ibeMasterShell #ibeMasterShell2 .btn_like { margin: 7px 0 0 60px !important; } #ibeMasterShell #ibeMasterShell2 .connect_widget_not_connected_text {} /* Back to Top ********************************************************************************************************** */ #ibeMasterShell #ibeMasterShell2 .btn_backtotop { display: block !important; text-align: right !important; margin: 0 0 10px 0 !important;} /* Forms **************************************************************************************************************** */ #ibeMasterShell #ibeMasterShell2 input, #ibeMasterShell #ibeMasterShell2 select, #ibeMasterShell #ibeMasterShell2 textarea { padding: 2px !important; margin-right: 5px !important; border: 1px solid !important; } #ibeMasterShell #ibeMasterShell2 dd input { margin: 0 5px 0 0 !important; } #ibeMasterShell #ibeMasterShell2 input:focus, #ibeMasterShell #ibeMasterShell2 select:focus, #ibeMasterShell #ibeMasterShell2 textarea:focus { border: 1px solid !important; } #ibeMasterShell #ibeMasterShell2 input.btn:hover { border: none !important;} #ibeMasterShell #ibeMasterShell2 dd input span { margin: 0 0 0 5px !important; } #ibeMasterShell #ibeMasterShell2 .dropdownRooms,.dropdownAdults, .dropdownChildren { width: 60px !important;} #ibeMasterShell #ibeMasterShell2 .filterFeature span { display: block !important;} #ibeMasterShell #ibeMasterShell2 .filterFeature span span { display: inline !important;} #ibeMasterShell #ibeMasterShell2 input:hover { /*cursor: pointer !important;*/ } #ibeMasterShell #ibeMasterShell2 input.btn:hover { cursor: pointer !important; } .search #ibeMasterShell #ibeMasterShell2 .ibeHeaderShell input, .search #ibeMasterShell #ibeMasterShell2 .ibeHeaderShell select { } .search #ibeMasterShell #ibeMasterShell2 .ibeHeaderShell input.btn { } .search #ibeMasterShell #ibeMasterShell2 .ibeHeaderShell input.btn:hover { } /* Pagination *********************************************************************************************************** */ #ibeMasterShell #ibeMasterShell2 section.pagination { margin: 0 0 10px 0 !important;} #ibeMasterShell #ibeMasterShell2 section.pagination ul { margin: 0 !important; padding: 0 !important;} #ibeMasterShell #ibeMasterShell2 section.pagination ul li { list-style: none !important; margin: 0 5px 0 0 !important; display: inline-block !important; } #ibeMasterShell #ibeMasterShell2 section.pagination ul li a { border: 1px solid !important; text-align: center !important; padding: 5px 10px !important; display: block !important; } #ibeMasterShell #ibeMasterShell2 section.pagination ul li a:hover, #ibeMasterShell #ibeMasterShell2 section.pagination ul li a.active {} /* Lightbox Popup ******************************************************************************************************* */ #colorbox, #cboxOverlay, #cboxWrapper{ font-family: Arial !important; font-size: 11px !important; position:absolute !important; top:0; left:0; z-index:9999 !important; overflow:hidden !important;} #cboxOverlay { font-family: Arial !important; font-size: 11px !important; position:fixed !important; width:100% !important; height:100% !important;} #cboxMiddleLeft, #cboxBottomLeft { font-family: Arial !important; font-size: 11px !important; clear:left !important;} #cboxContent { font-family: Arial !important; font-size: 11px !important; position:relative !important; overflow:hidden !important;} #cboxLoadedContent { font-family: Arial !important; font-size: 11px !important; overflow:auto !important;} #cboxLoadedContent iframe { font-family: Arial !important; font-size: 11px !important; display:block !important; width:100% !important; height:100% !important; border:0 !important;} #cboxTitle { font-family: Arial !important; font-size: 11px !important; margin:0 !important;} #cboxLoadingOverlay, #cboxLoadingGraphic { font-family: Arial !important; font-size: 11px !important; position:absolute !important; top:0 !important; left:0 !important; width:100% !important;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { font-family: Arial !important; font-size: 11px !important; cursor:pointer !important;} #cboxOverlay{ } #colorBox{} #cboxWrapper {} #cboxWrapper img { margin-bottom: 40px;} #cboxContent { padding: 15px 15px 0px 15px !important; } #cboxLoadedContent { margin-bottom:20px !important; vertical-align: middle; } #cboxTitle { position:absolute !important; bottom:0px !important; left:0 !important; text-align:center !important; width:100% !important; color:#999 !important;} #cboxCurrent { font-size: 12px !important; padding-top: 15px !important; height: 20px !important; font-weight: bold !important; position:absolute !important; bottom:10px !important; text-align: left !important; width: 100% !important; } #cboxSlideshow { position:absolute !important; bottom:0px !important; right:42px !important; color:#444 !important;} #cboxPrevious, #cboxNext, #cboxClose { bottom:13px !important;position:absolute !important; z-index: 999 !important; padding: 6px 6px !important; width: 85px !important; text-align: center !important; background: #ccc !important; } #cboxClose { top: 0 !important; padding: 20px 0 0 0 !important; height: 20px !important;} #cboxPrevious:hover, #cboxNext:hover, #cboxClose:hover { } #cboxPrevious { right:120px !important;} #cboxNext { color:#444 !important; right: 15px !important;} #cboxLoadingGraphic {background:url(../images/loading.gif) center center no-repeat !important;} #cboxLoadingOverlay {} #cboxClose { right:15px !important; display:block !important; } /* Pop Up Calendar ****************************************************************************************************** */ /* The main calendar widget. DIV containing a table. */ /* .calendar {text-align: center !important; position: relative !important; display: none !important; border: none !important; } */ .calendar { border: none !important; font-family: Arial !important; font-size: 12px !important;} .calendar table { text-align: center !important; border: 3px solid !important; -moz-box-shadow: 3px 3px 3px rgba(0,0,0,.5) !important; -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,.5) !important; box-shadow: 3px 3px 3px rgba(0,0,0,.5) !important; width: 210px !important; } .calendar table td { line-height: 1 !important; padding: 4px 6px !important; border: none !important;} .calendar td.button { text-align: center !important; } /* Header part -- contains navigation buttons and day names. */ .calendar .button { text-align: center !important; padding: 1px !important; } /* "<<", "<", ">", ">>" buttons have this class */ .calendar .nav { } .calendar thead { text-align: center !important;} .calendar thead .title { padding: 5px 0 !important; font-size: 12px !important; font-weight: bold !important; text-align: center !important; } /* This holds the current "month, year" */ .calendar thead .headrow { text-align: center !important; height: 20px !important; } /* Row containing navigation buttons */ .calendar thead .daynames { } /* Row containing the day names */ .calendar thead .name { text-align: center !important; } /* Cells containing the day names */ .calendar thead .weekend { } /* How a weekend day name shows in header */ .calendar thead .hilite { cursor: pointer !important; } /* How do the buttons in header appear when hover */ .calendar thead .active { border-width: 1px !important; padding: 2px 0px 0px 2px !important; } /* Active (pressed) buttons in header */ /* The body part -- contains all the days in month. */ .calendar tbody .day { text-align: center !important; padding: 4px 6px !important; } /* Cells containing month days dates */ .calendar tbody .day:hover { cursor: pointer !important; } .calendar tbody .day.othermonth { font-size: 80% !important; color: #aaa !important; } .calendar tbody .day.othermonth.oweekend { color: #faa !important; } .calendar table .wn { padding: 2px 3px 2px 2px !important; border-right: 1px solid ButtonShadow !important; background: ButtonFace !important; color: ButtonText !important; } .calendar tbody .rowhilite td { background: none !important; } /* - turn off week hover highlighting background: Highlight !important; color: HighlightText !important;*/ .calendar tbody td.hilite { border: none !important; /*background: ButtonFace !important; padding: 1px 3px 1px 1px !important; border-top: 1px solid #fff !important; border-right: 1px solid #000 !important; border-bottom: 1px solid #000 !important; border-left: 1px solid #fff !important; */} /* Hovered cells */ .calendar tbody td.active { } /* Active (pressed) cells */ .calendar tbody td.selected { border: none !important; background: #345099 !important; font-weight: bold !important; } /* Cell showing selected date */ .calendar tbody td.weekend { } /* Cells showing weekend days */ .calendar tbody td.today { font-weight: bold !important; } /* Cell showing today date */ .calendar tbody td.disabled { color: #ccc !important;} .calendar tbody .emptycell {/* visibility: hidden !important;*/ } /* Empty cells (the best is to hide them) */ .calendar tbody .emptyrow { display: none !important; } /* Empty row (some months need less than 6 rows) */ .calendar td.emptyCell { visibility: hidden !important; } /* The footer part -- status bar and "Close" button */ .calendar tfoot .footrow { } /* The in footer (only one right now) */ .calendar tfoot .ttip { border: none !important; text-align: center !important; } /* Tooltip (status bar) cell */ .calendar tfoot .hilite { border-top: 1px solid !important; border-right: 1px solid !important; border-bottom: 1px solid !important; border-left: 1px solid !important; padding: 1px !important; background: #e4e0d8 !important; } /* Hover style for buttons in footer */ .calendar tfoot .active { padding: 2px 0px 0px 2px !important; border-top: 1px solid !important; border-right: 1px solid !important; border-bottom: 1px solid !important; border-left: 1px solid !important; } /* Active (pressed) style for buttons in footer */ /* Combo boxes (menus that display months/years for direct selection) */ .calendar .combo { position: absolute !important; display: none !important; width: 4em !important; top: 0px !important; left: 0px !important; cursor: default !important; z-index: 100 !important; } .calendar .combo .label, calendar .combo .label-IEfix { text-align: center !important; padding: 1px !important; } .calendar .combo .label-IEfix { width: 4em !important; } .calendar .combo .active { padding: 0px !important; border: 1px solid !important; } .calendar .combo .hilite { } .calendar td.time { padding: 1px 0px !important; text-align: center !important; } .calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm { padding: 0px 3px 0px 4px !important; border: 1px solid #889 !important; font-weight: bold !important;} .calendar td.time .ampm { text-align: center !important; } .calendar td.time .colon { padding: 0px 2px 0px 3px !important; font-weight: bold !important; } .calendar td.time span.hilite { } .calendar td.time span.active { } /* ************************************************************************************************************************* ***************************************************************************************************************************** BODY STYLING **************************************************************************************************************** ***************************************************************************************************************************** ***************************************************************************************************************************** */ #ibeMasterShell #ibeMasterShell2 {width: 100% !important; text-align: left !important; margin: 0 auto !important; background: none !important; } /* Main shell around entire booking engine */ /* LOGIN PAGE (cglogin.aspx) ******************************************************************************************* ********************************************************************************************************************* */ #ibeMasterShell #ibeMasterShell2 .loginShell span { margin: 0 0 7px 0 !important;} /* Search Page - (checka.aspx) ***************************************************************************************** ********************************************************************************************************************* */ body.checka #ibeMasterShell #ibeMasterShell2 #ctl00_cphBody_ucRoomAvailabilityCalendarTop_calFirstMonth { line-height: 280% !important; } #ibeMasterShell #ibeMasterShell2 #ctl00_cphBody_ucReservationForm_txtCheckIn, #ibeMasterShell #ibeMasterShell2 #ctl00_cphBody_ucReservationForm_txtCheckOut, #ibeMasterShell #ibeMasterShell2 #ctl00_cphBody_ucReservationForm_txtPromoCode, #ibeMasterShell #ibeMasterShell2 #ctl00_cphBody_ucReservationForm_txtGroupCode {height: 18px !important; padding: 2px 2px !important; width: 140px; } #ibeMasterShell #ibeMasterShell2 #ctl00_cphBody_ucReservationForm_txtCheckIn { } #ibeMasterShell #ibeMasterShell2 .calendarAvailabilityShell { float: left !important; margin: 0 0 0px 0 !important; width: 378px !important; height: 264px !important; position: relative !important; border-top: 5px solid !important; } #ibeMasterShell #ibeMasterShell2 span.dateFormat {font-size: 8px !important; letter-spacing: 1px !important; } #ibeMasterShell #ibeMasterShell2 section.box.infoBar h1 { border-bottom: none !important;} /* Date Rate Search Box on CheckA.aspx ************************************************************************************** */ body.search #ibeMasterShell #ibeMasterShell2 .ibeHeaderShell select { width: 40px !important; } body.search #ibeMasterShell #ibeMasterShell2 .ibeHeaderShell dt.labelCheckIn { float: left !important; } body.search #ibeMasterShell #ibeMasterShell2 .ibeHeaderShell { width: 146px !important; padding: 20px 22px 5px 21px !important; min-height:243px !important; float: left !important; border-right: 1px solid !important; } body.search #ibeMasterShell #ibeMasterShell2 .ibeHeaderShell input, body.search #ibeMasterShell #ibeMasterShell2 .ibeHeadershell select { margin: 0 0 5px 0 !important; } #ibeMasterShell #ibeMasterShell2 .roomsAdultsChildren { display: block !important; } /* Calendar Month Dropdown ************************************************************************************** */ #ibeMasterShell #ibeMasterShell2 .calendarMonthDropdown { height: 43px !important; margin: 0 0 5px 0 !important; padding: 0 !important; text-align: center !important; } #ibeMasterShell #ibeMasterShell2 .calendarMonthDropdown select { color:#345099 !important; font-size: 11px !important; margin: 15px 5px 0 5px !important;} #ibeMasterShell #ibeMasterShell2 .calendarMonthDropdown input { width: 70px !important; padding: 2px 13px !important; font-size: 11px !important; font-weight: bold !important; border: none !important; } /* Two Calendars ************************************************************************************************ */ #ibeMasterShell #ibeMasterShell2 .calMonth1, #ibeMasterShell #ibeMasterShell2 .calMonth2 { width: 175px !important; border-collapse: collapse !important; margin: 0 0px 13px 0px !important; float: left !important; border: 1px solid !important; border-left: none !important; border-right: none !important; border-bottom: none !important; text-align: center !important;} #ibeMasterShell #ibeMasterShell2 .calMonth2 { margin: 0 !important;} #ibeMasterShell #ibeMasterShell2 table.calMonth1, #ibeMasterShell #ibeMasterShell2 table.calMonth2 { width: 185px !important; border-collapse: collapse !important; padding: 0 !important; float: left !important; border: 0px !important; text-align: center !important;} #ibeMasterShell #ibeMasterShell2 table.calMonth2 { border-collapse: collapse !important; margin: 0 !important; padding: 0 !important; position: absolute !important; right: 0; } #ibeMasterShell #ibeMasterShell2 table.calMonth1 { } #ibeMasterShell #ibeMasterShell2 table.calMonth1, #ibeMasterShell #ibeMasterShell2 table.calMonth1 tr, #ibeMasterShell #ibeMasterShell2 table.calMonth1 td { border: none !important;} #ibeMasterShell #ibeMasterShell2 table.calMonth1 table, #ibeMasterShell #ibeMasterShell2 table.calMonth2 table { border-collapse: collapse !important; padding: 0 !important; margin: 0 !important;} #ibeMasterShell #ibeMasterShell2 table.calMonth1 table.calMonth1Header, #ibeMasterShell #ibeMasterShell2 table.calMonth2 table.calMonth2Header { width: 184px !important; overflow: hidden !important; border: none !important; font-weight: bold !important; } /* Styling for the calendar month */ /* TR STYLING ************************************************************************************** */ #ibeMasterShell #ibeMasterShell2 table.calMonth1 th, #ibeMasterShell #ibeMasterShell2 table.calMonth2 th { text-align: center !important; border-top: none !important; border-left: none !important; border-right: 1px solid !important; border-bottom: 1px solid !important;} #ibeMasterShell #ibeMasterShell2 table.calMonth1 th.last, #ibeMasterShell #ibeMasterShell2 table.calMonth2 th.last { border-right: 0px !important; } #ibeMasterShell #ibeMasterShell2 table.calMonth1 tr.calendarWeeks, #ibeMasterShell #ibeMasterShell2 table.calMonth2 tr.calendarWeeks { border: none !important; width: 100% !important; } #ibeMasterShell #ibeMasterShell2 table.calMonth1 table.calMonth1Header tr, #ibeMasterShell #ibeMasterShell2 table.calMonth2 table.calMonth2Header tr { margin: 10px 0 0 0 !important; padding: 10px 0 !important; } #ibeMasterShell #ibeMasterShell2 table table.calMonth2Header { border: none; } #ibeMasterShell #ibeMasterShell2 table table.calMonth1Header tr, #ibeMasterShell #ibeMasterShell2 table table.calMonth2Header tr { padding: 3px !important; width: 183px !important; } #ibeMasterShell #ibeMasterShell2 table table.calMonth2Header tr { } #ibeMasterShell #ibeMasterShell2 table.calMonth1 tr.emptyRow, #ibeMasterShell #ibeMasterShell2 table.calMonth2 tr.emptyRow { border: none !important; display: none !important;} /* Hides a row in the table when no data is filled */ /* TD STYLING ************************************************************************************** */ #ibeMasterShell #ibeMasterShell2 table.calMonth1 td, #ibeMasterShell #ibeMasterShell2 table.calMonth2 td { font-size: 11px !important; text-align: center !important; border: 1px solid !important; border-left: none !important; border-top: none !important;} /* General styling of calendar TD's */ #ibeMasterShell #ibeMasterShell2 table.calMonth1 td a, #ibeMasterShell #ibeMasterShell2 table.calMonth2 td a { padding: 3px 2px !important; display: block !important; text-align: center !important;} #ibeMasterShell #ibeMasterShell2 table.calMonth1 td.monthTD, #ibeMasterShell #ibeMasterShell2 table.calMonth2 td.monthTD { border-bottom-width: 1px !important; border-bottom-style: solid !important; border-right: 0px !important; } #ibeMasterShell #ibeMasterShell2 table.calMonth1 td.emptyCell, #ibeMasterShell #ibeMasterShell2 table.calMonth2 td.emptyCell { visibility: hidden !important; } #ibeMasterShell #ibeMasterShell2 table.calMonth1 td.CalDay, #ibeMasterShell #ibeMasterShell2 table.calMonth2 td.CalDay { border-right: 1px solid !important; border-bottom: 1px solid !important; border-left: none !important; border-top: none !important;} #ibeMasterShell #ibeMasterShell2 table.calMonth1 td.last , #ibeMasterShell #ibeMasterShell2 table.calMonth2 td.last { border-right: none !important;} /* Hides the white border on the last cells in the table for better alignment */ #ibeMasterShell #ibeMasterShell2 table.calMonth1 tr.calendarWeeks td, #ibeMasterShell #ibeMasterShell2 table.calMonth2 tr.calendarWeeks td { display: block !important; background-image: none !important; } #ibeMasterShell #ibeMasterShell2 table.calMonth1 table.calMonth1Header td, #ibeMasterShell #ibeMasterShell2 table.calMonth2 table.calMonth2Header td { padding: 0 !important; background: none !important; display: block !important; border: none !important; width: 100% !important; padding: 5px 0 5px 0 !important;} #ibeMasterShell #ibeMasterShell2 table.calMonth1 td.olddate, #ibeMasterShell #ibeMasterShell2 table.calMonth2 td.olddate { color: #aaa ; } #ibeMasterShell #ibeMasterShell2 table.calMonth1 td.unavail, #ibeMasterShell #ibeMasterShell2 table.calMonth2 td.unavail { background: url(../images/bg_notavail.gif) bottom right no-repeat !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 { background: url(../images/bg_yourstay.gif) bottom right no-repeat !important; } /* Highlights all of the days that are selected by guest to book */ #ibeMasterShell #ibeMasterShell2 table.calMonth1 td.CalMinimum, #ibeMasterShell #ibeMasterShell2 table.calMonth2 td.CalMinimum { background: url(../images/bg_minimumstay.gif) bottom right no-repeat !important; } /* Highlights all of the days that are selected by guest to book */ #ibeMasterShell #ibeMasterShell2 table td.CalMinimum { cursor: pointer !important; } #ibeMasterShell #ibeMasterShell2 table.calMonth1 td.CalMinimum a, #ibeMasterShell #ibeMasterShell2 table.calMonth2 td.CalMinimum a { color: #ffffff !important; } /* Highlights all of the days that are selected by guest to book */ #ibeMasterShell #ibeMasterShell2 table.calMonth1 td.CalClosed, #ibeMasterShell #ibeMasterShell2 table.calMonth2 td.CalClosed { background: url(../images/bg_closedtoarrival.gif) bottom right no-repeat !important; } /* 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 */ #ibeMasterShell #ibeMasterShell2 table.calMonth1 tr td.unavail, #ibeMasterShell #ibeMasterShell2 table.calMonth1 tr td.yourstay, #ibeMasterShell #ibeMasterShell2 table.calMonth1 tr td.minimumstay, #ibeMasterShell #ibeMasterShell2 table.calMonth1 tr td.closedtoarrival { } /* Highlighting of calendar days ************************************************ */ #ibeMasterShell #ibeMasterShell2 table td.CalAvailable { background: url(../images/bg_avail.gif) bottom right no-repeat !important; margin: 0 !important;} #ibeMasterShell #ibeMasterShell2 table td.CalAvailable a { cursor: pointer !important; } #ibeMasterShell #ibeMasterShell2 table td a { text-decoration: none !important;} #ibeMasterShell #ibeMasterShell2 table.calMonth1 td.CalOldDate, #ibeMasterShell #ibeMasterShell2 table.calMonth2 td.CalOldDate { /*height: 18px !important;*/ } #ibeMasterShell #ibeMasterShell2 table.calMonth1 td.CalOldDate, #ibeMasterShell #ibeMasterShell2 table.calMonth2 td.CalOldDate { /*height: 18px !important;*/ } #ibeMasterShell #ibeMasterShell2 table.calMonth1 td.CalOldDate a, #ibeMasterShell #ibeMasterShell2 table.calMonth2 td.CalOldDate a { cursor: pointer !important;color: #aaa !important; } #ibeMasterShell #ibeMasterShell2 table.calMonth1 td.CalUnavailable, #ibeMasterShell #ibeMasterShell2 table.calMonth2 td.CalUnavailable {/*height: 18px !important;*/ background: url(../images/bg_notavail.gif) bottom right no-repeat !important; } /* 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 { cursor: pointer !important; } /* Highlights all of the days that are not available for booking */ #ibeMasterShell #ibeMasterShell2 table.calMonth1 td.HighlightDay, #ibeMasterShell #ibeMasterShell2 table.calMonth2 td.HighlightDay {cursor: pointer !important; background: url(../images/bg_yourstay.gif) bottom right no-repeat !important; } /* Highlights all of the days that are selected by guest to book */ #ibeMasterShell #ibeMasterShell2 table.calMonth1 td.HighlightDay a, #ibeMasterShell #ibeMasterShell2 table.calMonth2 td.HighlightDay a { cursor: pointer !important; } /* Highlights all of the days that are selected by guest to book */ /* Calendar Key ************************************************************************************************* */ #ibeMasterShell #ibeMasterShell2 .calendarKey { border-top: 1px solid !important; clear: left !important; margin: 0 auto !important; height: 45px !important; padding: 15px 0 0 0 !important; width: 100% !important; text-align: center !important; position: absolute !important; bottom: 0 !important; left: 0 !important; } #ibeMasterShell #ibeMasterShell2 .calendarKey ul { text-align: center !important; padding: 0 !important; margin: 0 auto !important; width: 300px !important; } #ibeMasterShell #ibeMasterShell2 .calendarKey ul li { list-style: none !important; line-height: 190% !important; /*display: inline !important;*/ margin: 0 10px !important; padding: 0 0 0 16px !important; float: left !important; } #ibeMasterShell #ibeMasterShell2 .calendarKey ul li.calendarKey_avail { background: url(../images/icon_avail.gif) 0 4px no-repeat !important;} #ibeMasterShell #ibeMasterShell2 .calendarKey ul li.calendarKey_unavail {background: url(../images/icon_unavail.gif) 0 4px no-repeat !important;} #ibeMasterShell #ibeMasterShell2 .calendarKey ul li.calendarKey_yourstay { background: url(../images/icon_yourstay.gif) 0 4px no-repeat !important;} #ibeMasterShell #ibeMasterShell2 .calendarKey ul li.calendarKey_minimumstay { background: url(../images/icon_minimumstay.gif) 0 4px no-repeat !important;} #ibeMasterShell #ibeMasterShell2 .calendarKey ul li.calendarKey_closedtoarrival { background: url(../images/icon_closedtoarrival.gif) 0 4px no-repeat !important;} /* Extra Links - below search box on checka.aspx **************************************************************** */ #ibeMasterShell #ibeMasterShell2 .extraLinksShell { float: left !important; /*clear: left !important;*/ margin: 5px 0 20px 0 !important;} #ibeMasterShell #ibeMasterShell2 .extraLinksShell ul { margin: 8px 0 0 0 !important; padding: 0 !important;} #ibeMasterShell #ibeMasterShell2 .extraLinksShell ul li { margin: 0 15px 0 0 !important; display: inline !important; list-style: none !important;} #ibeMasterShell #ibeMasterShell2 .extraLinksShell ul li a { font-weight: normal !important; font-size: 11px !important;} /* Language Dropdown ******************************************************************************************** */ #ibeMasterShell #ibeMasterShell2 .languageDropdown { width: 80px !important; text-align: right !important; /*margin: 0 0 5px 500px !important;*/ float: right !important; padding: 5px !important;display: block !important; } #ibeMasterShell #ibeMasterShell2 .languageDropdown h1 { float: left !important; font-size: 12px !important; font-weight: bold !important; } #ibeMasterShell #ibeMasterShell2 .languageDropdown select { } /* Legend Tooltip ******************************************************************************************** */ #tooltip { position: absolute !important; z-index: 3000 !important; padding: 5px !important; height: 11px !important; } #tooltip h3, #tooltip div { margin: 0 !important; padding:0 !important; } #tooltip h3 { padding: 0 !important; margin: 0 !important; font-size: 10px !important; font-weight: normal !important; } /* Children Tooltip ******************************************************************************************** */ #ibeMasterShell #ibeMasterShell2 div.helpIcon { color: #fff !important; font-weight: bold !important; margin: -13px 0 0 45px !important; -webkit-border-radius: 9px !important; -moz-border-radius: 9px !important; padding: 1px 3px 0 3px !important; padding/*\**/: 1px 3px 1px 2px\9 !important; position: absolute !important; font-size: 9px !important; display: block !important;} #ibeMasterShell #ibeMasterShell2 div.helpIcon:hover { cursor: pointer !important;} body.checka #ibeMasterShell #ibeMasterShell2 .childrenAgesShell { overflow: auto !important; clear: both !important; } body.checka #ibeMasterShell #ibeMasterShell2 #childrenAgesShell .childrenAgeField { width: 45px !important; } /* Listing Page - (avail.aspx) ****************************************************************************************** ********************************************************************************************************************* */ #ibeMasterShell #ibeMasterShell2 .rateShell { } #ibeMasterShell #ibeMasterShell2 .rateShell, .rateShellTA { border: 1px solid !important; border-bottom: none !important; margin: 0 0 10px 0 !important; } /* Rate bar displaying rate + short description on Search page */ #ibeMasterShell #ibeMasterShell2 .rateShell div, #ibeMasterShell #ibeMasterShell2 .rateShellTA span { padding: 0 0 0 13px !important; padding: 0 !important;} body.search #ibeMasterShell #ibeMasterShell2 .sectionTypePopup .rateShell div, body.search #ibeMasterShell #ibeMasterShell2 .sectionTypePopup .rateShellTA span { padding: 0 0 0 0px !important;} #ibeMasterShell #ibeMasterShell2 span.promoInfo { } /* Hides the promo */ span.remainingRooms { color: #ffffff !important; } /* Displays the number of available rooms left on a specific room listing */ #ibeMasterShell #ibeMasterShell2 div.viewAllPrices { text-align: center !important; margin: 0 0 0 450px !important; padding: 17px 5px 0 5px !important; width: 64px !important; height: 43px !important; position: absolute !important;} #ibeMasterShell #ibeMasterShell2 div.viewAllPrices a { line-height: 110% !important;} /* Rate Box for Groups ******************************************************************************************** */ #ibeMasterShell #ibeMasterShell2 .rateShellGroup { border: 1px solid !important; margin: 0 0 10px 0 !important;} /* Rate bar displaying rate + short description on Search page */ body.search.checka #ibeMasterShell #ibeMasterShell2 .rateShellGroup { width: 568px !important;} /* Rate bar displaying rate + short description on Search page */ #ibeMasterShell #ibeMasterShell2 .rateShellGroup .welcome { padding: 0 0 0 15px !important; font-weight: normal !important; display: block !important; margin: 0 0 5px 0 !important; } #ibeMasterShell #ibeMasterShell2 .rateShellGroup .welcome span { } #ibeMasterShell #ibeMasterShell2 .rateShellGroup span a { padding: 0 0 0 15px !important; } /* Column Headers ******************************************************************************************** */ #ibeMasterShell #ibeMasterShell2 .result.tableRow { /*height: auto !important; */ height: auto !important; overflow: auto !important; border-bottom: none !important; margin: 0 !important; /*clear: right !important;*/ } #ibeMasterShell #ibeMasterShell2 .result.tableRow:hover { } #ibeMasterShell #ibeMasterShell2 .result.tableRow .resultDetails, #ibeMasterShell #ibeMasterShell2 .result.tableRow .resultPricing, #ibeMasterShell #ibeMasterShell2 .result.tableRow .roomSelect, #ibeMasterShell #ibeMasterShell2 .result.tableRow .resultDescription { font-size: 11px !important; font-weight: bold !important; font-family: Arial !important; /* height: 18px !important;*/ padding: 7px 0 7px 0 !important; } #ibeMasterShell #ibeMasterShell2 .result.tableRow .resultInfoShell { /* height: 15px !important;*/ } #ibeMasterShell #ibeMasterShell2 .result.tableRow .resultDetails {/*background: green !important; */height: auto !important; text-align: center !important; /*margin-right: 92px !important;*/ margin-right: -5px !important; width: 90px !important;} #ibeMasterShell #ibeMasterShell2 .result.tableRow .resultPricing {/*background: red !important;*//* position: absolute !important;margin-left: 87px !important; width: 110px !important;*/ width: 110px !important; font-family: Arial !important; text-align: center !important; } #ibeMasterShell #ibeMasterShell2 .result.tableRow .roomSelect {/* background: blue !important;*/text-align: center !important; width: 90px !important; margin-left: -15px !important; } #ibeMasterShell #ibeMasterShell2 .result.tableRow .resultDescription {} /* Rate Box for Travel Agents ******************************************************************************************** */ #ibeMasterShell #ibeMasterShell2 .rateShellTA { display: none !important; } /* Travel Agents IATA number display box */ #ibeMasterShell #ibeMasterShell2 .searchShell { margin: 0 auto 10px auto !important; } #ibeMasterShell #ibeMasterShell2 .searchboxShell { border: 1px solid !important; width: 568px !important; margin: 0 0 10px 0 !important; overflow: auto !important;} /* Container that holds the date/rate search box + the availability calendar divs */ .checka #ibeMasterShell #ibeMasterShell2 .searchboxShell { overflow: hidden !important;} /* Container that holds the date/rate search box + the availability calendar divs */ #ibeMasterShell #ibeMasterShell2 .roomsShell, #ibeMasterShell #ibeMasterShell2 .adultsShell, #ibeMasterShell #ibeMasterShell2 .childrenShell { width: 40px !important; margin: 0 5px 7px 0 !important; float: left !important; } /* rooms name + dropdown in IBE */ .search.fr-FR #ibeMasterShell #ibeMasterShell2 .roomsShell { width: 57px !important; margin: 0 2px 7px 0 !important; } .search.fr-FR #ibeMasterShell #ibeMasterShell2 .adultsShell { width: 45px !important; margin: 0 2px 7px 0 !important; } .search.fr-FR #ibeMasterShell #ibeMasterShell2 .childrenShell { /*position: absolute !important; width: 47px !important; *margin: 0 2px 7px -107px !important; margin: 0 2px 7px 107px !important; */ } .search #ibeMasterShell #ibeMasterShell2 .roomsShell, .search #ibeMasterShell #ibeMasterShell2 .adultsShell { margin-right: 10px !important;} .search #ibeMasterShell #ibeMasterShell2 .childrenShell { margin-right: 0 !important;} #ibeMasterShell #ibeMasterShell2 .roomsShell label, #ibeMasterShell #ibeMasterShell2 .adultsShell label, #ibeMasterShell #ibeMasterShell2 .childrenShell label, #ibeMasterShell #ibeMasterShell2 .childrenAgeShell label { display: block !important;} /* rooms name + dropdown in IBE */ #ibeMasterShell #ibeMasterShell2 .childrenShell label { } #ibeMasterShell #ibeMasterShell2 .childrenAgeShell { float: left !important; margin: 0 10px 7px 0 !important; } #ibeMasterShell #ibeMasterShell2 .ctl00_cphBody_ucReservationForm_roomsShell input, #ibeMasterShell #ibeMasterShell2 .adultsShell input, #ibeMasterShell #ibeMasterShell2 .childrenShell input { width: 40px !important; } #ibeMasterShell #ibeMasterShell2 span.under { font-size: 9px !important;} #ibeMasterShell #ibeMasterShell2 .corporateShell, #ibeMasterShell #ibeMasterShell2 .groupShell {/*display: none !important;*/ } /* Hides the Corporate & Group Input fields */ #ibeMasterShell #ibeMasterShell2 .corporateShell .corporateLabel, #ibeMasterShell #ibeMasterShell2 .groupShell .groupLabel { clear: left !important; display: block !important;} #ibeMasterShell #ibeMasterShell2 optgroup { width: auto !important; } #ibeMasterShell #ibeMasterShell2 select.childrenField { width: 62px !important;} #ibeMasterShell #ibeMasterShell2 div.submitShell { clear: left !important; margin: 3px 0 0 !important; } #ibeMasterShell #ibeMasterShell2 div.submitShell input { width: 155px !important; padding: 3px 13px !important; font-weight: bold !important; border: none !important; } #ibeMasterShell #ibeMasterShell2 div.submitShell input:hover { background: #1a336c !important; } #ibeMasterShell #ibeMasterShell2 .resultsShell { min-width: 575px !important; width: 100% !important; margin: 0 auto !important; border: 1px solid !important; } /* Container holding all of the room results after a search*/ #ibeMasterShell #ibeMasterShell2 .resultInfoShell { line-height: 160% !important;/* position: relative !important;*/ float: right !important; width: 275px !important; } #ibeMasterShell #ibeMasterShell2 .select2 .resultInfoShell { width: 380px !important;} #ibeMasterShell #ibeMasterShell2 .qty, #ibeMasterShell #ibeMasterShell2 .type, #ibeMasterShell #ibeMasterShell2 .totalRate, #ibeMasterShell #ibeMasterShell2 .total{ padding: 5px 0 !important; margin: 0 0 10px 0 !important; float: left !important; display: block !important;} #ibeMasterShell #ibeMasterShell2 .qty {padding: 5px 0 0 8px !important; float: left !important; text-align: center !important; margin: 0 !important; } #ibeMasterShell #ibeMasterShell2 .type { border-left: 1px solid !important; width: 100px !important; text-align: center !important; } #ibeMasterShell #ibeMasterShell2 .totalRate { width: 80px !important; border: 1px solid !important; border-top: none !important; border-bottom: none !important; text-align: center !important; } #ibeMasterShell #ibeMasterShell2 .total { width: 92px !important;text-align: center !important; } #ibeMasterShell #ibeMasterShell2 .rateShell .sectionType { padding: 10px 9px !important;} #ibeMasterShell #ibeMasterShell2 section .sectionType { clear: both !important; min-height: 15px !important; text-align: left !important; font-size: 13px !important; font-weight: bold !important; border-bottom: 2px solid !important; display: block !important; padding:9px 8px !important; } /* Name of the Rate Type or Package */ .search #ibeMasterShell #ibeMasterShell2 section .sectionType { padding:9px 8px 9px 22px !important; } /* Name of the Rate Type or Package */ #ibeMasterShell #ibeMasterShell2 .sectionType a.classon2 { text-decoration: underline !important; } #ibeMasterShell #ibeMasterShell2 .sectionType a.classon2:hover { text-decoration: none !important; cursor: pointer !important; } #ibeMasterShell #ibeMasterShell2 .sectionTypeLink { float: left !important; display: inline !important; /*padding: 0 0 0 15px !important; */ text-decoration: none !important; } .popupPage #ibeMasterShell #ibeMasterShell2 .sectionTypeLink { font-weight: bold !important; padding-left: 15px !important;} .search #ibeMasterShell #ibeMasterShell2 .sectionTypeLink { font-weight: bold !important; /*padding-left: 15px !important;*/} #ibeMasterShell #ibeMasterShell2 .sectionTypeLink a.popupLink { /*padding: 2px 0 0 0 !important;*/ *padding: 0 !important; /*margin: 2px 0 0 0 !important;*/ font-weight:bold !important; text-decoration: underline !important; display: block !important; } #ibeMasterShell #ibeMasterShell2 .sectionTypeLink a.popupLink:hover { text-decoration: none !important; cursor: pointer !important; } #ibeMasterShell #ibeMasterShell2 .select .sectionTypeLink { display: inline !important; /*padding: 0 0 0 0px !important; */} #ibeMasterShell #ibeMasterShell2 .sectionTypeLink h2 { border: none !important; font-size: 13px !important; display: inline !important; margin: 0 0 6px 0 !important; } /* Sub Heading text inside of popup windows */ #ibeMasterShell #ibeMasterShell2 .shortDescription { border-left: 1px solid !important;/* line-height: 160% !important;*/ /*position: absolute !important;*/ font-weight: normal !important; margin: 2px 0 0 9px !important; *margin: 4px 0 0 9px !important; padding: 0 0 0 9px !important; font-size: 11px !important; } /* */ #ibeMasterShell #ibeMasterShell2 .sectionType a.sectionTypelink { display: none !important; border-left: 1px solid !important; margin: 0 0 0 9px !important; padding: 0 0 0 9px !important; } /* span.promoInfo, .search .sectionType span.promoInfo { display: block !important; margin: 8px 0 0 15px !important; color: #43980f !important; background: url(../images/icon_greenarrow.gif) 0 0px no-repeat !important; padding: 0 0 0 22px !important; font-size: 11px !important; font-weight: normal !important; font-style:italic !important;} /* Green text promotion with $ icon */ #ibeMasterShell #ibeMasterShell2 .listShell .promoShell .popup_angle { position: absolute !important; margin: 0px 0 0 125px !important; width:0 !important; height:0 !important; border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-top:8px solid #43980f !important; border-bottom: 0 !important; } #ibeMasterShell #ibeMasterShell2 .listShell .promoShell .popup_angle2 { position: absolute !important; margin: -1px 0 0 125px !important; width:0 !important; height:0 !important; border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-top: 8px solid #e3f8d7 !important; border-bottom: 0 !important; } #ibeMasterShell #ibeMasterShell2 .sectionType span.promoInfo { margin-left: 0 !important; } #ibeMasterShell #ibeMasterShell2 .sectionType span.promoInfo { display: block !important; background-image: none !important; font-weight: normal !important; text-align: center !important; font-size: 11px !important; font-style: italic !important; margin: 16px 0 0 0 !important; width: 215px !important; border-left: 1px solid !important; } #ibeMasterShell #ibeMasterShell2 .result { clear: both !important; border-bottom: 1px solid !important; height: 39px !important; padding: 0 0 0 8px !important; margin: 0px 0 0 0 !important; *margin: 0 0 -3px 0 !important;} /* Individual room result*/ #ibeMasterShell #ibeMasterShell2 .result:hover { background: #f6f2e8 !important; cursor: pointer !important; cursor:default !important; } /* Highlights the Result row when you hover over it */ #ibeMasterShell #ibeMasterShell2 .resultDescription, #ibeMasterShell #ibeMasterShell2 .resultDetails, #ibeMasterShell #ibeMasterShell2 .resultPricing, .roomSelect { } /* Result Room Description ****************************************************** */ #ibeMasterShell #ibeMasterShell2 .resultDescription { /*float: left !important; !important;width: 285px */ margin: 0px 0 0 0 !important; } #ibeMasterShell #ibeMasterShell2 .resultDescription {/* *margin-top: -40px !important; */ } #ibeMasterShell #ibeMasterShell2 .resultDescription.na { margin: 0 !important; } #ibeMasterShell #ibeMasterShell2 .resultDescription h3 { font-weight: normal !important; font-size: 11px !important; margin: 0px 0 0 0 !important; padding: 14px 0 0 0 !important; } /* Room Type title */ /* TEMP IE7 TESTS */ #ibeMasterShell #ibeMasterShell2 .resultDescription h3 { position: absolute !important; z-index: 999 !important; margin: 0px 0 0 0 !important; padding: 14px 0 0 0 !important; } /* Room Type title */ /* END TEMPLTE IE7 TESTS */ #ibeMasterShell #ibeMasterShell2 .resultDescription h3 span a { font-size: 11px !important; font-weight: normal !important; } #ibeMasterShell #ibeMasterShell2 .resultDescription.na span.redText { background-position: 0 1px !important; height: 20px !important; } /* Room Type short description */ #ibeMasterShell #ibeMasterShell2 .resultDescription.na h3 { position: static !important; } /* Result Detail ****************************************************** */ #ibeMasterShell #ibeMasterShell2 .resultDetails { float: left !important; width: 100px !important; height: 39px !important; padding: 0 !important; border-left: 1px solid !important; border-collapse: collapse !important; } #ibeMasterShell #ibeMasterShell2 .resultDetails a { font-size: 11px !important; text-decoration: underline !important; } /* Link that is labed 'details' */ #ibeMasterShell #ibeMasterShell2 .resultDetails a.popupLink { display: table-cell !important; width: 100px !important; height: 39px !important; text-align: center!important; vertical-align: middle !important; *display: block !important; *padding: 12px 0 0 0 !important; *height: 27px !important; } #ibeMasterShell #ibeMasterShell2 .resultDetails a:hover { text-decoration: none !important; cursor: pointer !important; } /* Link that is labed 'details' */ /* Result Pricing ****************************************************** */ #ibeMasterShell #ibeMasterShell2 .resultPricing { float: left !important; } /*Individual Room Price */ #ibeMasterShell #ibeMasterShell2 .resultPricing p { overflow: hidden !important; width: 80px !important; height: 32px !important; border: 1px solid !important; border-top: none !important; border-bottom: none !important; margin: 0 !important; padding: 6px 0 2px !important; float: left !important; display: block !important; } #ibeMasterShell #ibeMasterShell2 table span.errorPackage { padding-left: 32px !important; font-weight: normal !important; } #ibeMasterShell #ibeMasterShell2 .priceBar .resultPricing p.month { float: left !important; width: 63px !important; padding: 3px 0 0 0 !important; height: 35px !important; border: none !important; text-align: center !important; font-size: 12px !important; font-weight: bold !important; } #ibeMasterShell #ibeMasterShell2 span.priceSlash { font-size: 11px !important; margin: 0 0 -6px 0 !important; color: #b9070b !important; text-decoration:line-through !important; text-align: center !important; display: block !important; } /* Price with a strike-through indicated a lower price is available */ #ibeMasterShell #ibeMasterShell2 span.priceSlash.noSlash { display: none !important; margin: 0 !important; } #ibeMasterShell #ibeMasterShell2 span.priceFinal { margin: 6px 0 0 0 !important; *margin: 9px 0 0 0 !important; font-size: 16px !important; font-weight: bold !important; text-align: center !important; display: block !important; } /* Final price listed for room */ #ibeMasterShell #ibeMasterShell2 span.priceFinal.noSlash { margin: 8px 0 0 0 !important; *margin: 13px 0 0 0 !important;} #ibeMasterShell #ibeMasterShell2 span.priceFinal.noSlash.NA { font-size: 11px !important; line-height: 16px !important; font-weight: normal !important; } /* Result Select Button *************************************************** */ #ibeMasterShell #ibeMasterShell2 .roomSelect { float: left !important; width: 92px !important; padding-top: 5px !important; } #ibeMasterShell #ibeMasterShell2 .btn { display: block !important; } #ibeMasterShell #ibeMasterShell2 .btn a { cursor: hand !important; width: 80px !important; padding: 7px 0 !important; margin: 2px auto !important; text-align: center !important; background: #345099 !important; font-weight: bold !important; text-decoration: none !important; display: block !important; } body.avail #ibeMasterShell #ibeMasterShell2 .btn a { *margin-top: 5px !important; } #ibeMasterShell #ibeMasterShell2 .btn a:hover { background: #1a336c !important; } /* Result Popup Window ****************************************************** */ #ibeMasterShell #ibeMasterShell2 .resultPopup { -moz-box-shadow: 3px 3px 3px rgba(0,0,0,.5) !important; -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,.5) !important; box-shadow: 3px 3px 3px rgba(0,0,0,.5) !important; display: none !important; margin: -5px 0 0 -275px !important; width: 525px !important; text-align: left !important; position: absolute !important; z-index: 99999 !important; } #ibeMasterShell #ibeMasterShell2 .resultPopup a.classoff { background:#306495 !important; color:#000066 !important;text-decoration: underline !important; } #ibeMasterShell #ibeMasterShell2 .resultPopup a.classon { background:#66CCFF !important; color:white !important; text-decoration: underline !important; } #ibeMasterShell #ibeMasterShell2 .popup_angle { position: absolute !important; margin: -13px 0 0 312px !important; width:0 !important; height:0 !important; border-left: 10px solid transparent !important; border-right: 10px solid transparent !important; border-bottom: 10px solid !important; border-top: 0 !important; } #ibeMasterShell #ibeMasterShell2 .popup_angle2 { position: absolute !important; margin: -8px 0 0 312px !important; width:0 !important; height:0 !important; border-left: 10px solid transparent !important; border-right: 10px solid transparent !important; border-bottom: 10px solid !important; border-top: 0 !important; } #ibeMasterShell #ibeMasterShell2 .resultpopupShell { } #ibeMasterShell #ibeMasterShell2 .resultpopupShell p { line-height: 160% !important; margin: 0 0 10px 0 !important; } #ibeMasterShell #ibeMasterShell2 .resultpopupShell h2 { margin: 0 0 5px 0 !important; font-size: 12px !important; font-weight: bold !important; } #ibeMasterShell #ibeMasterShell2 h1 { } #ibeMasterShell #ibeMasterShell2 .resultpopupShell .resultinfoShell { background:url(../images/bg_resultpopupdrop.png) bottom repeat-x !important; padding: 15px !important; height: 150px !important; overflow: auto !important; overflow-x: hidden !important; } #ibeMasterShell #ibeMasterShell2 .resultpopupShell .resultinfoShell.onerow { overflow-x: hidden !important; height: 180px !important; line-height:100% !important; } #ibeMasterShell #ibeMasterShell2 .resultpopupShell .resultpopupTopBar { height: 12px !important; text-align: right !important; padding: 3px 32px !important; border-bottom: 1px solid !important; } #ibeMasterShell #ibeMasterShell2 .resultpopupShell .resultpopupTopBar ul { width: 470px !important; text-align: right !important; margin: 0 !important; padding: 0 !important; } #ibeMasterShell #ibeMasterShell2 .resultpopupShell .resultpopupTopBar ul li { display: inline !important; margin: 0 0 0 10px !important; } #ibeMasterShell #ibeMasterShell2 .resultpopupShell .resultpopupTopBar ul li a { font-size: 11px !important; font-weight: normal !important; top: 5px !important; right: 5px !important; } #ibeMasterShell #ibeMasterShell2 .resultpopupShell .btn_close { } /* DROPSHADOWS IN POPUP WINDOWS ************************************************************************** */ #ibeMasterShell #ibeMasterShell2 .ratePopup .resultpopupDrop { display: none !important;margin: 193px 0 0 0 !important;} #ibeMasterShell #ibeMasterShell2 .roomPopup .resultpopupDrop { display: none !important; margin: 183px 0 0 0 !important;} #ibeMasterShell #ibeMasterShell2 .ratePopup .resultpopupTopBar { padding:1px 32px 9px 32px !important;} #ibeMasterShell #ibeMasterShell2 .info_reservations_details .resultpopupShell .resultpopupDrop { display: none !important; margin: 253px 0 0 0 !important;} #ibeMasterShell #ibeMasterShell2 .resultpopupShell .resultpopupDrop .onerow { display: none !important; margin: 183px 0 0 0 !important; } #ibeMasterShell #ibeMasterShell2 .priceBar { width: 100% !important; height: 74px !important; display:block !important;} #ibeMasterShell #ibeMasterShell2 .priceBar.onerow { height: 60px !important;} #ibeMasterShell #ibeMasterShell2 .priceBar .resultPricing { clear: left !important;display: block !important; height: 41px !important; } #ibeMasterShell #ibeMasterShell2 .priceBar .resultPricingDays p { margin: 0 !important; padding: 3px 0 0 0 !important; *padding: 5px 0 0 0 !important; float: left !important; display: block !important; height: 30px !important; width: 74px !important; text-align: center !important; border-right: 1px solid !important; } #ibeMasterShell #ibeMasterShell2 .priceBar .resultPricingDays.onerow p { height: 16px !important; *height: 14px !important; } #ibeMasterShell #ibeMasterShell2 .priceBar .resultPricingDays.onerow p.span2Col { width: 149px !important; } #ibeMasterShell #ibeMasterShell2 .priceBar .resultPricingDays span { text-align: center !important; margin: 2px 0 0 0 !important; color: #333333 !important; display: block !important; font-size: 10px !important;} #ibeMasterShell #ibeMasterShell2 .priceBar .resultPricing p { border-left: none !important; width: 74px !important; border-top: 1px solid !important;} #ibeMasterShell #ibeMasterShell2 .priceBar .resultPricing p.span2Col { width: 149px !important;} #ibeMasterShell #ibeMasterShell2 .detailsPriceBarShell { margin: 10px 0 0 0 !important; border: 1px solid !important; } #ibeMasterShell #ibeMasterShell2 .detailsPriceBarShell .sectionType { margin: 0 0 5px 0 !important;} #ibeMasterShell #ibeMasterShell2 .detailsPriceBarShell .priceBar { border-top: 1px solid !important; /*margin: 0 0 1px 0 !important;*/ margin: 0 !important;} #ibeMasterShell #ibeMasterShell2 .resultpopupShell .resultBar { height: 35px !important; display: block !important; clear: left !important;} #ibeMasterShell #ibeMasterShell2 .resultpopupShell .resultBar ul { text-align: right !important; /*position: absolute !important;*/ width: 100% !important; /*margin: 12px 0 0 0px !important;*/ padding: 15px 0 0 0 !important;} #ibeMasterShell #ibeMasterShell2 .resultpopupShell .resultBar ul li { display: inline !important; margin: 0 10px !important; } #ibeMasterShell #ibeMasterShell2 .resultpopupShell .resultBar ul li a { font-size: 12px !important;} #ibeMasterShell #ibeMasterShell2 .resultpopupShell .resultBar a.ratePolicy { position: absolute !important; margin: 10px 0 0 10px !important; } #ibeMasterShell #ibeMasterShell2 .resultpopupShell .resultBar a.ratePolicy2 { position: absolute !important; margin: 10px 0 0 70px !important; } #ibeMasterShell #ibeMasterShell2 .resultpopupShell .resultBar .btn_booknow { font-weight: bold !important; padding: 3px 5px !important; text-align: center !important; margin:0 !important; width: 90px !important;} #ibeMasterShell #ibeMasterShell2 .resultpopupShell .resultBar .btn_booknow:hover { } #ibeMasterShell #ibeMasterShell2 .resultpopupShell .resultBar .socialShell { clear: left !important; display: block !important; position: absolute !important; margin: 10px 0 0 10px !important;} /* This is the 'share' button on the popup window */ #ibeMasterShell #ibeMasterShell2 .resultpopupShell .resultBar .socialShell .addthis_button_facebook { width: 16px !important; height: 16px !important; background: url(http://vsites.vizergy.com/vsitefiles/widgets/SocialToolbar/icons/1.gif) no-repeat !important;} #ibeMasterShell #ibeMasterShell2 .resultpopupShell .resultBar .socialShell .addthis_button_twitter { width: 16px !important; height: 16px !important; background: url(http://vsites.vizergy.com/vsitefiles/widgets/SocialToolbar/icons/4.gif) no-repeat !important;} #ibeMasterShell #ibeMasterShell2 .resultpopupShell .resultBar .socialShell .at300bs { display: none !important; background: none !important; } #ibeMasterShell #ibeMasterShell2 .resultpopupLinks { margin: 0 0 0 240px !important; float: right !important; display: block !important; text-align: right !important;} #ibeMasterShell #ibeMasterShell2 .resultpopupLinks a { margin: 0 10px 0 0 !important;} #ibeMasterShell #ibeMasterShell2 .sectionTypeLink .ratePopup .resultinfoShell { height: 175px !important; } #ibeMasterShell #ibeMasterShell2 .sectionTypeLink .ratePopup.hasPhotoGallery .resultinfoShell { height: 200px !important; } /* Popup for Room/Price Details ****************************************************** */ #ibeMasterShell #ibeMasterShell2 .popupRoomsPrice {} #ibeMasterShell #ibeMasterShell2 .resultpopupShell.popupRoomsPrice .resultpopupDrop { margin: 221px 0 0 0 !important;} .avail #ibeMasterShell #ibeMasterShell2 .resultpopupShell.popupRoomsPrice .resultpopupDrop { margin: 221px 0 0 0 !important;} /* standard photoshell has height of 150px without paging controls, with photosgallery height is 171px */ #ibeMasterShell #ibeMasterShell2 .resultpopupRoomPhotosShell { height: 150px !important; margin: 0 0 10px 15px !important; width: 207px !important; text-align: center !important; border: 1px solid !important; padding: 5px !important; float: right !important; text-align: center !important; } #ibeMasterShell #ibeMasterShell2 div.hasPhotoGallery .resultpopupRoomPhotosShell { height: 171px !important; } #ibeMasterShell #ibeMasterShell2 div.resultpopupRoomPhotosShell .resultpopupRoomPhotosList { overflow: hidden !important; margin: 0 !important; padding: 0 !important; } #ibeMasterShell #ibeMasterShell2 .resultpopupRoomPhotosList li { margin: 0 !important; padding: 0 !important;/* width: 207px !important; height: 150px !important;*/ text-align: center !important; } #ibeMasterShell #ibeMasterShell2 div.hasPhotoGallery .resultpopupRoomPhotosList li { display: none !important; } /* hide image list if popup hasphotogallery */ #ibeMasterShell #ibeMasterShell2 .resultpopupRoomPhotoControls { margin: 6px auto 0 auto !important; height: 13px !important; text-align: center !important; } #ibeMasterShell #ibeMasterShell2 .resultpopupRoomPhotoCount { padding: 0 7px !important; font-weight: normal !important; font-size: 11px !important; display: inline !important; } #ibeMasterShell #ibeMasterShell2 a.resultpopupRoomPhotoPrev, #ibeMasterShell #ibeMasterShell2 a.resultpopupRoomPhotoNext { border: 1px solid !important; padding: 2px 5px !important; text-decoration: none !important; } #ibeMasterShell #ibeMasterShell2 a.resultpopupRoomPhotoPrev:hover , #ibeMasterShell #ibeMasterShell2 a.resultpopupRoomPhotoNext:hover { } /* Reserve - (res-form.aspx) ****************************************************************************************** ********************************************************************************************************************* */ #ibeMasterShell #ibeMasterShell2 .reserve .resultsShell { min-width: 575px !important; width: 100% !important; overflow: auto !important; margin: 0 auto !important; border: 1px solid !important; } /* Container holding all of the room results after a search*/ /* Result Listing Header: Room Type, More Info, Avg. Daily Price, Selection ************************************ */ #ibeMasterShell #ibeMasterShell2 span#ctl00_cphBody_cvComments { top: 0; position: absolute; z-index: 999; margin: -200px 0 0 510px !important; color:#B9070B !important;} #ibeMasterShell #ibeMasterShell2 .resultInfoShell { } #ibeMasterShell #ibeMasterShell2 .select2 .resultInfoShell {} #ibeMasterShell #ibeMasterShell2 section.reserve { margin: 10px 0 !important; border: 1px solid !important; padding: 22px !important; } #ibeMasterShell #ibeMasterShell2 .box.ChargeOverview table { } #ibeMasterShell #ibeMasterShell2 table.chargeDetailShell th.rateHead, #ibeMasterShell #ibeMasterShell2 table.chargeDetailShell th.totalHead, #ibeMasterShell #ibeMasterShell2 table.chargeDetailShell .totaltaxrow { text-align: right !important;} #ibeMasterShell #ibeMasterShell2 table.chargeDetailShell .totaltaxrow, #ibeMasterShell #ibeMasterShell2 table.chargeDetailShell td.subTotal { border-top: 2px solid !important;} #ibeMasterShell #ibeMasterShell2 table.chargeDetailShell td.totalrow { text-align: right !important;} #ibeMasterShell #ibeMasterShell2 table.chargeDetailShell td.grandTotal { text-align: right !important; font-weight: bold !important; font-size: 14px !important;} #ibeMasterShell #ibeMasterShell2 table.chargeDetailShell td { padding: 5px !important; border: 1px solid !important;} #ibeMasterShell #ibeMasterShell2 table.chargeDetailShell .rateCol, #ibeMasterShell #ibeMasterShell2 table.chargeDetailShell .totalCol { text-align: right !important; } #ibeMasterShell #ibeMasterShell2 section.box .verisignShell { margin: 0 0 0 345px !important; position: absolute !important; border: 1px solid !important; width: 115px !important; height: 82px !important; padding: 5px 30px !important; } #ibeMasterShell #ibeMasterShell2 section.box .verisignShell object, #ibeMasterShell #ibeMasterShell2 section.box .verisignShell object embed { height: 82px !important; } #ibeMasterShell #ibeMasterShell2 section.box .termsAgree { height: 135px !important; overflow: auto !important; } #ibeMasterShell #ibeMasterShell2 span.agree { display: block !important;} #ibeMasterShell #ibeMasterShell2 table.formTable { width: 120px !important; border: none !important; margin: 0 !important;} #ibeMasterShell #ibeMasterShell2 table.formTable tr, #ibeMasterShell #ibeMasterShell2 table.formTable td { padding: 5px !important; border: none !important; } #ibeMasterShell #ibeMasterShell2 table.formTable.bedding { /*border-top: 1px solid !important;*/ padding: 20px 0 0 0 !important; /*margin: 0 0 5px 145px !important;*/ *margin: 0 0 5px 145px !important;} table#ctl00_cphBody_optSmoking tr td, table#ctl00_cphBody_optBedding tr td { padding: 5px !important; } #ctl00_cphBody_cboMonth { margin: 0 5px 0 0 !important;} #ibeMasterShell #ibeMasterShell2 label { font-weight: bold !important; } .checka #ibeMasterShell #ibeMasterShell2 label { font-weight: normal !important;} .mp3 #ibeMasterShell #ibeMasterShell2 label { font-weight: normal !important;} /* Reserve - (res-form.aspx, mp-5.aspx) ****************************************************************************************** ********************************************************************************************************************* */ #ibeMasterShell #ibeMasterShell2 .contentShell { margin: 10px 0 0 0 !important;} #ibeMasterShell #ibeMasterShell2 .contentShell p { line-height: 165% !important; margin: 0 0 0 125px !important; } /* Overview Image Shell including buttons and 'Share' button ****************************************************** */ #ibeMasterShell #ibeMasterShell2 .roomPhotoShell { text-align: center !important; width: 206px !important; padding: 10px 10px 10px 10px !important; border: 1px solid !important; float: right !important; } #ibeMasterShell #ibeMasterShell2 .roomPhotoShell img { padding: 0 0 3px 0 !important; margin: 0 auto !important; display: block !important; } #ibeMasterShell #ibeMasterShell2 .roomPhotosViewAll { display: block !important; text-align: center !important; } #ibeMasterShell #ibeMasterShell2 .roomPhotoShell a { margin: 0 0 10px 0 !important;} #ibeMasterShell #ibeMasterShell2 .roomPhotoShell a.btn { display: block !important; /*float: left !important;*/ width: 71px !important; margin: 10px auto !important;} #ibeMasterShell #ibeMasterShell2 .socialShell { display: block !important; text-align: center !important; margin: 10px auto 0 auto !important;} /* This is the 'share' button on the popup window */ #ibeMasterShell #ibeMasterShell2 .socialShell img { margin: 0 auto !important;} #ibeMasterShell #ibeMasterShell2 .roomPhotosShell {} #ibeMasterShell #ibeMasterShell2 .roomPhotosShell ul { overflow: auto !important; margin: 15px 0 0 20px !important; padding: 0 !important;} #ibeMasterShell #ibeMasterShell2 .roomPhotosShell ul li { float: left !important; margin: 0 1px 15px 0 !important; display: block !important; border: 1px solid !important; width: 110px !important; padding: 8px 5px !important; text-align: center !important; } #ibeMasterShell #ibeMasterShell2 .roomPhotosShell ul li a img { border: none !important; margin: 0 0 5px 0 !important;} #ibeMasterShell #ibeMasterShell2 .roomPhotosShell ul li span { display: block !important; text-align: center !important; text-decoration: underline !important; } #ibeMasterShell #ibeMasterShell2 .roomPhotosShell ul li span:hover { text-decoration: none !important; } #ibeMasterShell #ibeMasterShell2 .roomPhotoShell input.btn { display: inline !important; margin: 8px 6px 15px 0 !important; width: 90px !important;} #ibeMasterShell #ibeMasterShell2 .roomPhotoShell input.btn.last { margin-right: 0 !important;} #ibeMasterShell #ibeMasterShell2 .roomDetailsShell, #ibeMasterShell #ibeMasterShell2 .rateDetailsShell { overflow: auto !important; } /* Property Name & Address on the Overview Pages *********************************************************** */ #ibeMasterShell #ibeMasterShell2 .propName { margin: 20px -10px !important; clear: left !important; border: 1px solid !important; border-right: none !important; border-left: none !important; padding: 20px 0 !important; display: block !important; font-size: 11px !important; } #ibeMasterShell #ibeMasterShell2 .propName span { text-align: center !important; display: block !important; margin: 0 0 3px 0 !important;} #ibeMasterShell #ibeMasterShell2 .propName span.name { font-weight: bold !important; } #ibeMasterShell #ibeMasterShell2 section.box.propertyDetails {} .mp5 #ibeMasterShell #ibeMasterShell2 section.box { overflow: auto !important;} #ibeMasterShell #ibeMasterShell2 .roomTypeNameLink { width: 170px !important;} /* Modify Reservation - (modify.aspx) ********************************************************************************** ********************************************************************************************************************* */ #ibeMasterShell #ibeMasterShell2 section.box.modify dt { width: 190px !important;} /* Changes the width of the form labels for better spacing */ /* Confirm Reservation Cancellation - (modres.aspx) ******************************************************************** ********************************************************************************************************************* */ #ibeMasterShell #ibeMasterShell2 section.box.modresForm dt { width: 150px !important;} #ibeMasterShell #ibeMasterShell2 section.box.modresForm textarea { width:350px !important;} /* Adjusts the width of the textarea comments box */ /* Confirm Reservation Cancellation - (modresconfirm.aspx) ******************************************************************** ********************************************************************************************************************* */ #ibeMasterShell #ibeMasterShell2 section.box.modresconfirmShell dt { width: 160px !important;} /* Changes the width of the form labels for better spacing */ /* Group Administration Mainpage - (contact-admin.aspx) ******************************************************************** ********************************************************************************************************************* */ #ibeMasterShell #ibeMasterShell2 section.groupAdmin .resultInfoShell { width: 93px !important; } /* Repositions the 'Edit button' on the admin list */ #ibeMasterShell #ibeMasterShell2 #ctl00_cphBody_txtAgenda, #ibeMasterShell #ibeMasterShell2 #ctl00_cphBody_txtAnnouncements { width: 520px !important; height: 200px !important; margin-bottom: 0 !important;} #ibeMasterShell #ibeMasterShell2 table.roomsListing {} #ibeMasterShell #ibeMasterShell2 table.roomsListing td { padding: 3px !important;} body.popupPage { margin: 20px 0 !important;} body.popupPage #ibeMasterShell #ibeMasterShell2 section.boxBtns, body.pdetail #ibeMasterShell #ibeMasterShell2 section.boxBtns { margin: 20px 0 !important;} body.popupPage #ibeMasterShell #ibeMasterShell2 a { color: #000000 !important; } body.popupPage #ibeMasterShell #ibeMasterShell2 h1 { font-weight: bold !important; } /* Group Admin Rooms List - (rooms_list.aspx) ******************************************************************** ********************************************************************************************************************* */ #ibeMasterShell #ibeMasterShell2 table.roomsListing { border: 1px solid !important;} #ibeMasterShell #ibeMasterShell2 .colFirst { } #ibeMasterShell #ibeMasterShell2 .colLast { } #ibeMasterShell #ibeMasterShell2 .colArrivals { width: 45px !important; } #ibeMasterShell #ibeMasterShell2 .colNights {width: 38px !important; text-align: center !important; } #ibeMasterShell #ibeMasterShell2 .colRooms { width: 38px !important; text-align: center !important; } #ibeMasterShell #ibeMasterShell2 .colRoomType { width: 135px !important; } #ibeMasterShell #ibeMasterShell2 .colReserved { width: 52px !important; text-align: center !important;} /* Group Admin Group Inventory - (group-allot.aspx) ******************************************************************** ********************************************************************************************************************* */ #ibeMasterShell #ibeMasterShell2 .colRoom { width: 55px !important; text-align: center !important;} #ibeMasterShell #ibeMasterShell2 table tr:hover { } /* Color Picker - (colorpicker.aspx) *********************************************************************************** ********************************************************************************************************************* */ #ibeMasterShell #ibeMasterShell2 .picker { float: right !important; padding: 15px !important; margin: 0px -40px 15px 15px !important; border: 1px solid !important; } #ibeMasterShell #ibeMasterShell2 section.box.colorPicker dt {border-bottom: 1px solid !important; clear: left !important; width: 150px !important; margin: 5px 0 0 0 !important; padding: 0 0 10px 0 !important; } #ibeMasterShell #ibeMasterShell2 section.box.colorPicker dd { border-bottom: 1px solid !important; float: left !important; width: 110px !important;padding: 0 0 7px 0 !important;} #ibeMasterShell #ibeMasterShell2 section.box.colorPicker input { border: 1px solid !important;} #ibeMasterShell #ibeMasterShell2 section.box .btnRadio { margin: 3px 6px 10px 0 !important;} #ibeMasterShell #ibeMasterShell2 section.box span.btnRadioText { margin: -3px 0 0 0 !important;} #ibeMasterShell #ibeMasterShell2 input.btnColor { clear: left !important; border: none !important; } /* Travel Agents Login - (agent-login.aspx) *********************************************************************************** ********************************************************************************************************************* */ #ibeMasterShell #ibeMasterShell2 section.box dl.TAdl { margin-bottom: 0 !important;} #ibeMasterShell #ibeMasterShell2 section.box dt.TAField { width: 200px !important;} /* (mp-3.aspx) *********************************************************************************** ********************************************************************************************************************* */ body.mp3 #ibeMasterShell #ibeMasterShell2 .ibeHeaderShell { margin: 10px 0 0 0 !important; overflow: visible !important; border: 1px solid !important; margin: 10px 0 10px 0 !important; width: 100% !important; height: auto !important; padding-bottom: 22px !important; /*padding: 22px !important;*/ font-size: 12px !important; } body.mp3 #ibeMasterShell #ibeMasterShell2 .ibeHeaderShell2 { } body.mp3 #ibeMasterShell #ibeMasterShell2 .ibeHeaderShell2 > h2 { } body.mp3 #ibeMasterShell #ibeMasterShell2 .ibeHeaderShell2 > * { margin: 12px 22px !important; } body.mp3 #ibeMasterShell #ibeMasterShell2 .ibeHeaderShell h2 { margin: 0 0 22px 0 !important; font-weight: bold !important; font-size:14px !important; padding: 10px 20px !important; border-bottom: 5px solid !important; } body.mp3 #ibeMasterShell #ibeMasterShell2 #destinationLabel, body.mp3 #ibeMasterShell #ibeMasterShell2 #propertyLabel, body.mp3 #ibeMasterShell #ibeMasterShell2 #checkinLabel, body.mp3 #ibeMasterShell #ibeMasterShell2 #checkoutLabel, body.mp3 #ibeMasterShell #ibeMasterShell2 #corporateLabel, body.mp3 #ibeMasterShell #ibeMasterShell2 #specialRatesLabel { float: left !important; width: 110px !important; margin: 5px 0 0 0 !important; padding: 0 !important; } body.mp3 #ibeMasterShell #ibeMasterShell2 #checkinLabel { position: relative !important; } body.mp3 #ibeMasterShell #ibeMasterShell2 .adultsShell { display: block !important; } body.mp3 #ibeMasterShell #ibeMasterShell2 #corporateShell,#specialRatesShell { display: block !important; clear: left !important; } body.mp3 #ibeMasterShell #ibeMasterShell2 .filterFeatureShell { clear: left !important;} body.mp3 #ibeMasterShell #ibeMasterShell2 .filterFeatureShell span { display: block !important; margin: 0 0 5px 0 !important; } body.mp3 #ibeMasterShell #ibeMasterShell2 .filterFeatureShell span span { display: inline !important; margin: 0 !important; } #ibeMasterShell #ibeMasterShell2 .ibeHeaderShell h3 { margin: 10px 0 10px 0 !important; font-size: 13px !important; padding: 10px 0 5px 0 !important; font-size: 12px !important; border-bottom: 1px solid !important; } body.mp3 #ibeMasterShell #ibeMasterShell2 span.dateFormat {font-size: 8px !important; letter-spacing: 1px !important; margin: 3px 0 0 270px !important; position: absolute !important; left: 0 !important; } body.mp3 #ibeMasterShell #ibeMasterShell2 .orShell { position: absolute !important; font-size: 10px !important; font-weight: bold !important; margin: -11px 0 0 35px !important;} body.mp3 #ibeMasterShell #ibeMasterShell2 .roomsShell, body.mp3 #ibeMasterShell #ibeMasterShell2 .adultsShell, body.mp3 #ibeMasterShell #ibeMasterShell2 .childrenShell, body.mp3 #ibeMasterShell #ibeMasterShell2 .childrenAgesShell { float: left !important; width: 110px !important; margin: 0 22px 10px 22px !important; display: block !important; width: 500px !important; clear: left !important;} body.mp3 #ibeMasterShell #ibeMasterShell2 .childrenAgesShell { width: 390px !important; margin-left: 132px !important; } body.mp3 #ibeMasterShell #ibeMasterShell2 .specialRatesShell { float: left !important; clear: left !important; margin-top: 0 !important; } body.mp3 #ibeMasterShell #ibeMasterShell2 input#ctl00_cphBody_ucReservationForm_cmdCheckAvailability { clear: both !important; } body.mp3 #ibeMasterShell #ibeMasterShell2 .roomsShell label, body.mp3 #ibeMasterShell #ibeMasterShell2 .adultsShell label, body.mp3 #ibeMasterShell #ibeMasterShell2 .childrenShell label { display:block !important; float: left !important; width: 110px !important; } /* (hchgs.aspx) ******************************************************************************************************** ********************************************************************************************************************* */ .reserve #ibeMasterShell #ibeMasterShell2 section.packagesShell section.rateShellGroup { margin: 0 !important; border: none !important;} .reserve #ibeMasterShell #ibeMasterShell2 section.packagesShell section.rateShellGroup .sectionType { padding: 0 !important; margin: 0 !important; background: none !important; border: none !important;} .reserve #ibeMasterShell #ibeMasterShell2 section.packagesShell section.rateShellGroup .sectionType .sectionTypeLink { float: none !important; } .reserve #ibeMasterShell #ibeMasterShell2 section.packagesShell section.rateShellGroup .sectionType .sectionTypeLink a { /*display: block !important;*/ text-decoration: underline !important; } .reserve #ibeMasterShell #ibeMasterShell2 section.packagesShell section.rateShellGroup .sectionType .sectionTypeLink a:hover { text-decoration: none !important;} .reserve #ibeMasterShell #ibeMasterShell2 section.packagesShell section.rateShellGroup .sectionType .sectionTypeLink a.resultpopupRoomPhotoPrev, .reserve #ibeMasterShell #ibeMasterShell2 section.packagesShell section.rateShellGroup .sectionType .sectionTypeLink a.resultpopupRoomPhotoNext { text-decoration: none !important; } .reserve #ibeMasterShell #ibeMasterShell2 section.packagesShell section.rateShellGroup .sectionType .shortDescription { position: static !important; font-size: 11px !important; padding: 3px 0 !important; margin: 0 !important; border: none !important;} .reserve #ibeMasterShell #ibeMasterShell2 section.packagesShell table.table tr td { height: 50px !important; vertical-align: middle !important; padding-top: 0 !important; padding-bottom: 0 !important;} .reserve #ibeMasterShell #ibeMasterShell2 section.packagesShell table.table tr td.err2 { height: 34px !important; } .reserve #ibeMasterShell #ibeMasterShell2 section.packagesShell section.rateShellGroup .resultpopupShell .resultpopupDrop { margin: 212px 0 0 0 !important;} .reserve #ibeMasterShell #ibeMasterShell2 section.packagesShell table .qtyCol input { margin: 0 !important;} /* (rateroomdetails.aspx) ******************************************************************************************************** ********************************************************************************************************************* */ .rateRoomDetails #ibeMasterShell #ibeMasterShell2 section.boxBtns { margin: 20px 0 !important;} .rateRoomDetails #ibeMasterShell #ibeMasterShell2 span.promoInfo { background-position: 15px 4px !important; padding-left: 40px !important; display: block !important; margin: 0 0 10px 0 !important;} .rateRoomDetails #ibeMasterShell #ibeMasterShell2 span.remainingRooms { position: absolute !important; position: static !important; z-index: 999 !important; display: block !important; margin: 0 0 10px 0 !important; float: none !important;} #ibeMasterShell #ibeMasterShell2 ul#ctl00_cphBody_ulRoomPhotos ul { margin-right: 0 !important;} /* (agency-welcome.aspx) ******************************************************************************************************** ********************************************************************************************************************* */ #ibeMasterShell #ibeMasterShell2 table.agentType td { padding: 5px !important; } #ibeMasterShell #ibeMasterShell2 .required.idType { position: absolute !important; margin: -15px 0 0 210px !important;} /* ************************************************************************************************************************* ***************************************************************************************************************************** FOOTER ********************************************************************************************************************** ***************************************************************************************************************************** ***************************************************************************************************************************** */ #ibeMasterShell #ibeMasterShell2 .ibeShell #footerMasterShell { width: 100% !important; } #ibeMasterShell #ibeMasterShell2 section.footerMasterShell { border-top: 1px solid !important; padding: 8px 0 0 0 !important; clear: left !important; margin: 30px 0 !important;} #ibeMasterShell #ibeMasterShell2 .footerMasterShell a { margin: 0 15px 0 0 !important;} #ibeMasterShell #ibeMasterShell2 .footerMasterShell a.vizSigRes { margin: 0 !important; } #ibeMasterShell #ibeMasterShell2 .termsofuse .footerMasterShell a { display: none !important; margin: 0 10px 0 0 !important;} #ibeMasterShell #ibeMasterShell2 .termsofuse { display: none !important; border-bottom: 1px solid !important; margin: 0 0 25px 0 !important;} #ibeMasterShell #ibeMasterShell2 .select .termsofuse { display: block !important; display: none !important; } #ibeMasterShell #ibeMasterShell2 .select .termsofuse h1 { font-size: 16px !important; } #ibeMasterShell #ibeMasterShell2 .select .termsofuse li { line-height: 180% !important; margin: 0 0 5px 0 !important; } #ibeMasterShell #ibeMasterShell2 div#ctl00_divToggleDeviceView { padding-bottom: 20px !important; } #ibeMasterShell #ibeMasterShell2 .footerMasterShell .addthis_button { float: right !important; margin: 0 !important;} /* Add This */ #ibeMasterShell #ibeMasterShell2 .addthis_toolbox.addthis_pill_combo a { float: left !important; } #ibeMasterShell #ibeMasterShell2 .addthis_toolbox.addthis_pill_combo a.addthis_button_tweet { margin-top: -2px !important; } #ibeMasterShell #ibeMasterShell2 .addthis_button_compact .at15t_compact { margin-right: 4px !important; float: left !important; } #ibeMasterShell #ibeMasterShell2 #_atssh { display: none !important; } #ibeMasterShell #ibeMasterShell2 #_atssh iframe { height: 1px !important; }