/* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.7.0 */ .yui-overlay, .yui-panel-container { visibility:hidden; position:absolute; z-index: 2; } .yui-tt { visibility:hidden; position:absolute; color:#333; background-color:#FDFFB4; font-family:arial,helvetica,verdana,sans-serif; padding:2px; border:1px solid #FCC90D; font:100% sans-serif; width:auto; } /* PLEASE NOTE: The <DIV> element used for a Tooltip's shadow is appended to its root element via JavaScript once it has been rendered. The code that creates the shadow lives in the Tooltip's public "onRender" event handler that is a prototype method of YAHOO.widget.Tooltip. Implementers wishing to remove a Tooltip's shadow or add any other markup required for a given skin for Tooltip should override the "onRender" method. */ .yui-tt-shadow { display: none; } * html body.masked select { visibility:hidden; } * html div.yui-panel-container select { visibility:inherit; } * html div.drag select { visibility:hidden; } * html div.hide-select select { visibility:hidden; } .mask { z-index: 1; display:none; position:absolute; top:0; left:0; -moz-opacity: 0.5; opacity:.50; filter: alpha(opacity=50); background-color:#CCC; } /* There are two known issues with YAHOO.widget.Overlay (and its subclasses) that manifest in Gecko-based browsers on Mac OS X: 1) Elements with scrollbars will poke through Overlay instances floating above them. 2) An Overlay's scrollbars and the scrollbars of its child nodes remain visible when the Overlay is hidden. To fix these bugs: 1) The "overflow" property of an Overlay instance's root element and child nodes is toggled between "hidden" and "auto" (through the application and removal of the "hide-scrollbars" and "show-scrollbars" CSS classes) as its "visibility" configuration property is toggled between "false" and "true." 2) The "display" property of <SELECT> elements that are child nodes of the Overlay instance's root element is set to "none" when it is hidden. PLEASE NOTE: 1) The "hide-scrollbars" and "show-scrollbars" CSS classes classes are applied only for Gecko on Mac OS X and are added/removed to/from the Overlay's root HTML element (DIV) via the "hideMacGeckoScrollbars" and "showMacGeckoScrollbars" methods of YAHOO.widget.Overlay. 2) There may be instances where the CSS for a web page or application contains style rules whose specificity override the rules implemented by the Container CSS files to fix this bug. In such cases, is necessary to leverage the provided "hide-scrollbars" and "show-scrollbars" classes to write custom style rules to guard against this bug. ** For more information on this issue, see: + https://bugzilla.mozilla.org/show_bug.cgi?id=187435 + SourceForge bug #1723530 */ .hide-scrollbars, .hide-scrollbars * { overflow: hidden; } .hide-scrollbars select { display: none; } .show-scrollbars { overflow: auto; } .yui-panel-container.show-scrollbars { overflow: visible; } .yui-panel-container.show-scrollbars .underlay { overflow: auto; } .yui-panel-container.focused { } /* Panel underlay styles */ .yui-panel-container .underlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .yui-panel-container.matte { padding: 3px; background-color: #fff; } .yui-panel-container.shadow .underlay { top: 3px; bottom: -3px; right: -3px; left: 3px; background-color: #000; opacity: .12; filter: alpha(opacity=12); /* For IE */ } /* Workaround for Safari 2.x - the yui-force-redraw class is applied, and then removed when the Panel's content changes, to force Safari 2.x to redraw the underlay. We attempt to choose a CSS property which has no visual impact when added, removed, but still causes Safari to redraw */ .yui-panel-container.shadow .underlay.yui-force-redraw { padding-bottom: 1px; } .yui-effect-fade .underlay { display:none; } .yui-panel { visibility:hidden; border-collapse:separate; position:relative; left:0; top:0; font:1em Arial; background-color:#FFF; border:1px solid #000; z-index:1; overflow:hidden; } .yui-panel .hd { background-color:#3d77cb; color:#FFF; font-size:100%; line-height:100%; border:1px solid #FFF; border-bottom:1px solid #000; font-weight:bold; padding:4px; white-space:nowrap; } .yui-panel .bd { overflow:hidden; padding:4px; } .yui-panel .bd p { margin:0 0 1em; } .yui-panel .container-close { position:absolute; top:5px; right:4px; z-index:6; height:12px; width:12px; margin:0px; padding:0px; background:url(/zen/_vendor/yui/container/assets/close12_1.gif) no-repeat; cursor:pointer; visibility:inherit; text-indent:-10000em; overflow:hidden; text-decoration:none; } .yui-panel .ft { padding:4px; overflow:hidden; } .yui-simple-dialog .bd .yui-icon { background-repeat:no-repeat; width:16px; height:16px; margin-right:10px; float:left; } .yui-simple-dialog .bd span.blckicon { background: url("blck16_1.gif") no-repeat; } .yui-simple-dialog .bd span.alrticon { background: url("/zen/_vendor/yui/container/assets/alrt16_1.gif") no-repeat; } .yui-simple-dialog .bd span.hlpicon { background: url("/zen/_vendor/yui/container/assets/hlp16_1.gif") no-repeat; } .yui-simple-dialog .bd span.infoicon { background: url("/zen/_vendor/yui/container/assets/info16_1.gif") no-repeat; } .yui-simple-dialog .bd span.warnicon { background: url("/zen/_vendor/yui/container/assets/warn16_1.gif") no-repeat; } .yui-simple-dialog .bd span.tipicon { background: url("/zen/_vendor/yui/container/assets/tip16_1.gif") no-repeat; } .yui-dialog .ft, .yui-simple-dialog .ft { padding-bottom:5px; padding-right:5px; text-align:right; } .yui-dialog form, .yui-simple-dialog form { margin:0; } .button-group button { font:100 76% verdana; text-decoration:none; background-color: #E4E4E4; color: #333; cursor: hand; vertical-align: middle; border: 2px solid #797979; border-top-color:#FFF; border-left-color:#FFF; margin:2px; padding:2px; } .button-group button.default { font-weight:bold; } .button-group button:hover, .button-group button.hover { border:2px solid #90A029; background-color:#EBF09E; border-top-color:#FFF; border-left-color:#FFF; } .button-group button:active { border:2px solid #E4E4E4; background-color:#BBB; border-top-color:#333; border-left-color:#333; } .yui-override-padding { padding:0 !important; } /*=========================================================================== Typography (Global) This stylesheet defines the text and font styles for the following: * Type faces, sizes, leading (line-height), and kerning (letter-spacing). * Font styles such as italics, bold, case transformations, etc. * Underlining, including borders on inline elements simulating underlines. ===========================================================================*/ /* Headings Glossary H1 Page Heading H2 Property Name H3 "Non-Graphic Header" H4 "Body Text Header" H5 Room Name H6 UI / Error Heading */ /* Page ===========================================================================*/ /* Ems with Percents - CSS-Discuss Community http://css-discuss.incutio.com/?page=UsingEms */ html { font-size: 68.75%; /* 11px relative to 16px */ line-height: 1.4545em; /* 16px relative to 11px */ font-family: Arial, Helvetica, sans-serif; } /* Defaults ===========================================================================*/ /* Misc. Block */ address { font-style: normal; } /* Misc. Inline */ abbr, acronym { font-style: normal; /* for OmniWeb 5.1 */ font-variant: normal; /* for Opera 9.0-9.23 */ border-bottom-style: none; /* for Gecko */ } ins { text-decoration: none; } /* Links */ /* Headings */ /* Page Heading */ h1 { font-size: 1.6364em; /* 18px relative to 10px */ line-height: 1em; /* 18px relative to 18px */ text-transform: uppercase; } /* Property Name */ h2 { font-size: 1.2727em; /* 14px relative to 11px */ line-height: 1.1429em; /* 16px relative to 14px */ } /* "Non-Graphic Header" */ h3 { font-size: 1.2727em; /* 14px relative to 10px */ line-height: 1.1429em; /* 16px relative to 14px */ text-transform: uppercase; } /* "Body Text Header" */ h4 { font-size: 1em; /* 11px relative to 11px */ line-height: 1.4545em; /* 16px relative to 11px */ } /* Room Name */ h5 { font-size: 1.0909em; /* 12px relative to 10px */ line-height: 1.0em; /* 12px relative to 12px */ } /* UI / Error Heading */ h6 { font-size: 1.2727em; /* 14px relative to 10px */ line-height: 1.0em; /* 14px relative to 14px */ text-transform: uppercase; } /* Lists */ ul li, li ul li, li li ul li, li li li ul li, div.user-content ul li, div.user-content li ul li, div.user-content li li ul li, div.user-content li li li ul li { list-style-type: square; } /* Resets the above for ul>li>ol>li */ ol li, li ol li, li li ol li, li li li ol li, div.user-content ol li, div.user-content li ol li, div.user-content li li ol li, div.user-content li li li ol li { list-style-type: decimal; } /* Data Tables */ table { font-size: 1em; /* for legacy browsers */ } table th { font-weight: normal; } /* Forms */ input, select, textarea { font-size: 1em; /* 11px relative to 11px */ font-family: Arial, Helvetica, sans-serif; } /* Common Classes ===========================================================================*/ /* Links */ /* Footnote Links */ a.footnote-link { text-decoration: none; } /* Email Links */ /* Print Links */ *.print-link span, span.print-link { text-decoration: underline; } /* Clear Links */ span.clear-link { font-weight: bold; text-decoration: underline; } /* Price Match Guarantee Links */ body.not-cjk div#page-content a.price-guarantee { font-size: 0.8181em; /* 9px relative to 11px */ line-height: 1.1111em; /* 10px relative to 9px */ font-family: Tahoma, "Trebuchet MS", sans-serif; } div#page-content a.price-guarantee { text-decoration: none; } a.price-guarantee em { font-style: normal; } /* Money */ *.money { font-style: normal; font-weight: bold; } /* Forms */ label span.label-title { font-weight: bold; } label span.label-title span { font-weight: normal; } ul.long-options label span.label-title { font-weight: normal; } span.label-title em.optional { font-weight: normal; font-style: normal; text-transform: lowercase; } label.has-input-type-radio span.label-title { font-weight: normal; } /* Errors */ ins.error-heading h6 { font-weight: bold; text-transform: none; font-size: 1em; /* 11px relative to 11px */ } ins.error p, ins.error dl dt { font-weight: bold; } /* Misc. */ /* Promos */ p.property-level-promo em, p.rate-level-promo em { font-weight: bold; font-style: normal; } /* Disclaimers */ /*=========================================================================== Components ===========================================================================*/ /* Graphical Buttons ===========================================================================*/ a.button, input.type-submit, button { font-size: 1em; /* 11px relative to 11px */ line-height: 1.4545em; /* 16px relative to 11px */ font-family: Arial, Helvetica, sans-serif; text-decoration: none; } /* for Firefox */ button span { line-height: 1.4545em; /* 16px relative to 11px */ } /* Big Buttons */ form#change-travel-details-form button.go { font-size: 1.6364em; /* 18px relative to 11px */ line-height: 1.5em; /* 27px relative to 18px */ font-weight: bold; text-transform: uppercase; } /* for Firefox */ form#change-travel-details-form button.go span { line-height: 1.5em; /* 27px relative to 18px */ } /* More/Less ===========================================================================*/ a.more-link, span.more-link, span.less-link { font-weight: bold; text-decoration: none; } a.more-link span, span.more-link span, span.less-link span { text-decoration: underline; } /* Ratings ===========================================================================*/ h2 a.star-rating { font-size: 0.7857em; /* 11px relative to 14px */ } a.star-rating em { font-style: normal; font-weight: bold; } a.star-rating em strong.rating { font-size: 1.6363em; /* 18px relative to 11px */ } /* Hotel Cards ===========================================================================*/ div.item.location.vcard { line-height: 1.1818em; /* 13px relative to 11px */ } div.item.location.vcard ul.phone-numbers { line-height: 1em; /* 11px relative to 11px */ } /* Pricing Summary ===========================================================================*/ div.pricing-summary { line-height: 1.7272em; /* 13px relative to 11px */ } /* Price */ div.pricing-summary p.price strong.restriction { text-transform: uppercase; } div.pricing-summary p.price em.money, div.pricing-summary p.price strong.money { font-size: 2.0em; /* 20px relative to 11px */ font-weight: normal; } div.pricing-summary p.price em.money em { font-style: normal; } div.pricing-summary p.price em.money em, div.pricing-summary p.price em.money acronym.currency, div.pricing-summary p.price strong.money acronym.currency { font-size: 0.5em; /* 11px relative to 14px */ } body.not-cjk div.pricing-summary p.price span.price-type { font-size: 0.8182em; /* 9px relative to 11px */ line-height: 1.3333em; /* 12px relative to 9px */ font-family: Tahoma, "Trebuchet MS", sans-serif; } body.not-cjk div.pricing-summary p.price span.restriction-type { font-size: 0.8182em; /* 9px relative to 11px */ line-height: 1em; /* 9px relative to 9px */ font-family: Tahoma, "Trebuchet MS", sans-serif; } /* Rate Restriction */ body.not-cjk div.pricing-summary em.rate-restriction { font-size: 0.8181em; /* 9px relative to 11px */ line-height: 1em; /* 9px relative to 9px */ font-family: Tahoma, "Trebuchet MS", sans-serif; font-style: normal; } /* Nightly Rate Summary ===========================================================================*/ table.nightly-rate-summary { line-height: 1.0909em; /* 12px relative to 11px */ } table.nightly-rate-summary thead th { text-transform: uppercase; } /* Money */ table.nightly-rate-summary *.money { font-style: normal; font-weight: normal; } body.not-cjk table.nightly-rate-summary *.money span.decimal { font-size: 0.5455em; /* 6px relative to 11px */ line-height: 1.5em; /* 9px relative to 6px */ font-family: Tahoma, "Trebuchet MS", sans-serif; vertical-align: text-top; } body.is-windows.is-gecko table.nightly-rate-summary *.money span.decimal { line-height: 2.3333em; /* 14px relative to 6px */ } /* Compound Date Fields ===========================================================================*/ form dl.compound-date-field dt { font-weight: bold; } form dl.compound-date-field dt span { font-weight: normal; } /* Rooms & Guests Summary ===========================================================================*/ div#rooms-and-guests-summary ul.guests-and-rooms-details li { line-height: 1.2727em; /* 14px relative to 11px */ font-weight: bold; } div#rooms-and-guests-summary a { font-weight: bold; } /* Map ===========================================================================*/ /* Map Link */ a#map-link { font-weight: bold; } /*=========================================================================== Modules ===========================================================================*/ /* Page Header (Default) ===========================================================================*/ div#page-header-default ul.primary-navigation li a { font-size: 1em; font-weight: bold; text-decoration: underline; } div#page-header-default ul.primary-navigation li.primary-navigation-current a { text-decoration: none; } /* Utility Bar ===========================================================================*/ /* Localization Controls */ div#localization-controls form label span.label-title { font-weight: normal; } /* Phone Numbers */ div#utilities ul.phone-numbers li { line-height: 1em; /* 11px relative to 11px */ } /* div#utilities ul.phone-numbers li:first-child.tel, */ div#utilities ul.phone-numbers li.tel.first-child { font-size: 1.2727em; /* 14px relative to 11px */ line-height: 1em; /* 14px relative to 14px */ font-weight: bold; } /* Advisories ===========================================================================*/ div#page-content a#travel-advisory, div#page-content p#advisory { font-size: 1.1818em; /* 13px relative to 11px */ line-height: 2em; /* 26px relative to 13px */ text-decoration: none; } a#travel-advisory strong { text-decoration: underline; } /* Sectional Utility Navigation ===========================================================================*/ ul#sectional-utility-navigation li#sectional-utility-navigation-back-to-search-results a { font-weight: bold; } /* Change Travel Details ===========================================================================*/ /* ol#rooms-and-guests li:first-child label span.label-title, */ ol#rooms-and-guests li.first-child label span.label-title { line-height: 1.2727em; /* 14px relative to 11px */ } ol#rooms-and-guests li legend span { font-weight: bold; } ol#rooms-and-guests li label span.label-title { line-height: 0; } ol#rooms-and-guests li fieldset.child-ages label span.label-title { font-weight: normal; } ol#rooms-and-guests li span.remove-link { text-decoration: underline; } fieldset.actions span#add-room { font-weight: bold; text-decoration: underline; } div#change-travel-details fieldset.actions a.price-guarantee { font-family: Arial, Helvetica, sans-serif; font-size: 1.2727em; /* 14px relative to 11px */ font-weight: bold; line-height: 40px; } fieldset.actions a.price-guarantee em strong { text-decoration: underline; } /* Ad Banner ===========================================================================*/ /* Subfooter ===========================================================================*/ div#subfooter-content h6 { text-transform: none; } div#subfooter-content ul.phone-numbers li { line-height: 1.2727em; /* 14px relative to 11px */ } /* div#subfooter-content ul.phone-numbers li:first-child.tel, */ div#subfooter-content ul.phone-numbers li.tel.first-child { font-weight: bold; } /* Disambiguation ===========================================================================*/ /* Page Footer (Default) ===========================================================================*/ body.not-cjk div#page-footer-default { font-size: 0.8181em; /* 9px relative to 11px */ line-height: 1.3333em; /* 12px relative to 9px */ font-family: Tahoma, "Trebuchet MS", sans-serif; } /* Dynamic Layer ===========================================================================*/ .yui-panel div.bd { font-size: 1em; line-height: 1.4545em; /* 16px relative to 11px */ font-family: Arial, Helvetica, sans-serif; } div#myPanel.yui-panel a.container-close { text-decoration: underline; } /* Opionion Lab ===========================================================================*/ div#whyBook { width: 300px; border: #003366 1px solid; /*PZ border color*/ background: #EEF3F9; /* PZ bg color*/ margin: 7px 0 0 0; padding: 0; } #whyBook h6 { background: url("/images/why_us.jpg"); height: 110px; } #whyBook h6 p { text-transform: uppercase; font-size: 16px; line-height: 1.5; font-style: normal; vertical-align: middle; width: 145px; padding: 20px 0 0 14px; } #whyBook dl { margin: 14px 0; padding: 0 0 0 14px; } #whyBook dl dd { line-height: 1.6363em; display: list-item; list-style-type: square; margin-left: 20px; font-size: 12px; } /*=========================================================================== Colors (Global) This stylesheet defines the colors for the following: * Text and links * Backgrounds * Borders ===========================================================================*/ @media screen, handheld { /* Color Glossary #FFFFFF PZ bgColor, default #FFFFFF white #CC0000 PZ errorText, default #CC0000 old red #999999 PZ lightestSubText, default #999999 medium gray #666666 PZ lightSubText, default #666666 dark gray #FF6600 PZ specialText, default #FF6600 orange red #0D447F PZ tableBack, default #0D447F deep blue #D4E5FA PZ tableBody1, default #D4E5FA light blue #EEF3F9 PZ tableBody2, default #EEF3F9 pale blue # PZ tableColor, default ? #000000 PZ text, default #000000 true black #003366 PZ link, default #003366 ultra dark blue #CC0000 PZ alink, default #CC0000 old red #003366 PZ vlink, default #003366 ultra dark blue # PZ tollFreeTextColor, default ? #6699CC PZ darkSubText, default #6699CC medium dark blue #FAF4CD PZ hiLiteColor, default #FAF4CD pale yellow #33CC33 PZ buttonColor, default #33CC33 bright green */ /* Page ===========================================================================*/ html { color: #000000; /* PZ text, default #000000 true black */ background-color: #FFFFFF; /* PZ bgColor, default #FFFFFF white */ } /* Defaults ===========================================================================*/ /* Misc. Block */ /* Misc. Inline */ del { color: #999999; /* PZ lightestSubText, default #999999 medium gray */ } /* Links */ a:link { color: #003366; /* PZ link, default #003366 ultra dark blue */ } a:visited { color: #003366; /* PZ vlink, default #003366 ultra dark blue */ } a:focus, a:hover, a:active { color: #CC0000; /* PZ alink, default #CC0000 old red */ } del a { color: #999999; /* PZ lightestSubText, default #999999 medium gray */ } /* Headings */ /* Lists */ /* Data Tables */ /* Forms */ legend { color: #000000; /* PZ text, default #000000 true black */ } /* Common Classes ===========================================================================*/ /* Links */ /* Footnote Links */ div#page-content a.footnote-link { color: #000000; /* PZ text, default #000000 true black */ } div#page-content del a.footnote-link { color: #999999; /* PZ lightestSubText, default #999999 medium gray */ } /* Email Links */ /* Print Links */ *.print-link span, span.print-link { color: #003366; /* PZ link, default #003366 ultra dark blue */ } *.print-link span:focus, *.print-link span:hover, *.print-link span:active, span.print-link:focus, span.print-link:hover, span.print-link:active { color: #CC0000; /* PZ alink, default #CC0000 old red */ } /* Clear Links */ span.clear-link { color: #003366; /* PZ link, default #003366 ultra dark blue */ } span.clear-link:focus, span.clear-link:hover, span.clear-link:active { color: #CC0000; /* PZ alink, default #CC0000 old red */ } /* Price Match Guarantee Links */ div#page-content a.price-guarantee { color: #FF6600; /* PZ specialText, default #FF6600 orange red */ } /* Money */ strong.money { color: #FF6600; /* PZ specialText, default #FF6600 orange red */ } /* Forms */ input.type-text { border-color: #666666; /* PZ darkSubText, default #6699CC medium dark blue */ } input.has-placeholder { color: #999999; /* PZ lightestSubText, default #999999 medium gray */ } span.label-title em.optional { color: #999999; /* PZ lightestSubText, default #999999 medium gray */ } /* Errors */ label.has-error input, label.has-error select, label.has-error textarea { color: #CC0000; /* PZ errorText, default #CC0000 old red */ } ins.error-heading h6 { color: #FFFFFF; /* PZ bgColor, default #FFFFFF white */ background-color: #CC0000; /* PZ errorText, default #CC0000 old red */ } ins.error p, ins.error dl { color: #CC0000; /* PZ errorText, default #CC0000 old red */ } ins.error strong { background-color: #CC0000; /* PZ errorText, default #CC0000 old red */ } /* Misc. */ /* Promos */ p.rate-level-promo, p.property-level-promo { color: #FF6600; /* PZ specialText, default #FF6600 orange red */ } /* Value Adds */ p.valueAd { margin:0; padding: 0; color: #FF6600; /* PZ specialText, default #FF6600 orange */ } /* Disclaimers */ p.disclaimer, p.disclaimer a, ul.disclaimers, ul.disclaimers a { color: #999999; /* PZ lightestSubText, default #999999 medium gray */ } /*=========================================================================== Components ===========================================================================*/ /* Graphical Buttons ===========================================================================*/ a.button, button { color: #FFFFFF; /* PZ bgColor, default #FFFFFF white */ background-color: #33CC33; /* PZ buttonColor, default #33CC33 bright green */ border-color: #33CC33; /* PZ buttonColor, default #33CC33 bright green */ } /* for IE 6 */ div#page a.button { color: #FFFFFF; /* PZ bgColor, default #FFFFFF white */ } /* Blue Buttons */ input.type-submit { color: #FFFFFF; /* PZ bgColor, default #FFFFFF white */ background-color: #666666; /* PZ darkSubText, default #6699CC medium dark blue */ border-color: #666666; /* PZ darkSubText, default #6699CC medium dark blue */ } /* More/Less ===========================================================================*/ span.more-link, span.less-link { color: #003366; /* PZ link, default #003366 ultra dark blue */ } span.more-link:focus, span.more-link:hover, span.more-link:active, span.less-link:focus, span.less-link:hover, span.less-link:active { color: #CC0000; /* PZ alink, default #CC0000 old red */ } /* Ratings ===========================================================================*/ a.star-rating em { color: #FF6600; /* PZ specialText, default #FF6600 orange red */ } a.star-rating.not-yet-rated em { color: #CC0000; /* PZ alink, default #CC0000 old red */ } /* Hotel Cards ===========================================================================*/ /* Pricing Summary ===========================================================================*/ /* Price */ div.pricing-summary p.price span.restriction-type, div.pricing-summary p.price span.price-type { color: #999999; /* PZ lightestSubText, default #999999 medium gray */ } /* Rate Restriction */ div.pricing-summary em.rate-restriction { color: #FF6600; /* PZ specialText, default #FF6600 orange red */ } /* Nightly Rate Summary ===========================================================================*/ /* Compound Date Fields ===========================================================================*/ /* Rooms & Guests Summary ===========================================================================*/ div#rooms-and-guests-summary ul.guests-and-rooms-details li.error { color: #CC0000; /* PZ errorText, default #CC0000 old red */ border-color: #000000; /* PZ text, default #000000 true black */ } /* Map ===========================================================================*/ /* Map Link */ a#map-link:link, a#map-link:visited, a#map-link:focus, a#map-link:hover, a#map-link:active { background-color: #D4E5FA; /* PZ tableBody1, default #D4E5FA light blue */ border-color: #000000; /* PZ tableBack, default #0D447F deep blue */ } div#map { background-color: #D4E5FA; /* PZ tableBody1, default #D4E5FA light blue */ border-color: #000000; /* PZ tableBack, default #0D447F deep blue */ } /*=========================================================================== Modules ===========================================================================*/ /* Page Header (Default) ===========================================================================*/ div#page-header-default ul.primary-navigation { border-color: #000000; /* PZ tableBack, default #0D447F deep blue */ } div#page-header-default ul.primary-navigation li a:link, div#page-header-default ul.primary-navigation li a:visited { color: #000000; /* PZ tableBack, default #0D447F deep blue */ border-color: #000000; /* PZ tableBack, default #0D447F deep blue */ background-color: #D4E5FA; /* PZ tableBody1, default #D4E5FA light blue */ } div#page-header-default ul.primary-navigation li a:hover, div#page-header-default ul.primary-navigation li a:active, div#page-header-default ul.primary-navigation li a:focus { background-color: #FAF4CD; /* PZ hiLiteColor, default #FAF4CD pale yellow */ } div#page-header-default ul.primary-navigation li.primary-navigation-current a:link, div#page-header-default ul.primary-navigation li.primary-navigation-current a:visited { color: #FFFFFF; /* PZ bgColor, default #FFFFFF white */ background-color: #000000; /* PZ tableBack, default #0D447F deep blue */ } /* Utility Bar ===========================================================================*/ div#utilities { color: #FFFFFF; /* PZ bgColor, default #FFFFFF white */ background-color: #000000; /* PZ tableBack, default #0D447F deep blue */ } /* Advisories ===========================================================================*/ a#travel-advisory, p#advisory { background-color: #FAF4CD; /* PZ hiLiteColor, default #FAF4CD pale yellow */ border-color: #FF6600; /* PZ specialText, default #FF6600 orange red */ } a#travel-advisory { color: #FF6600; /* PZ specialText, default #FF6600 orange red */ } /* Section Utility Navigation ===========================================================================*/ /* Change Travel Details ===========================================================================*/ div#change-travel-details { border-color: #000000; /* PZ tableBack, default #0D447F deep blue */ } div#change-travel-details h3 { color: #FFFFFF; /* PZ bgColor, default #FFFFFF white */ background-color: #000000; /* PZ tableBack, default #0D447F deep blue */ } form#change-travel-details-form { background-color: #eaece8; /* PZ tableBody2, default #EEF3F9 pale blue */ } form#change-travel-details-form fieldset#check-in-and-out-dates { background-color: transparent; border-color: #000000; /* PZ tableBack, default #0D447F deep blue */ } ol#rooms-and-guests { background-color: #eaece8; /* PZ tableBody2, default #EEF3F9 pale blue */ } ol#rooms-and-guests li fieldset { background-color: #FFFFFF; /* PZ bgColor, default #FFFFFF white */ } ol#rooms-and-guests li legend, ol#rooms-and-guests li legend span.number { background-color: #D4E5FA; /* PZ tableBody1, default #D4E5FA light blue */ } /* More Duplicate Characters - Agent EQzE http://web.archive.org/web/20060218075530/www.bingbangboom.us/productions/cssFixes/floatRowIE6/ */ /* adding a background-color to span.label-title necessary for IE due to bizarre bug linked above */ ol#rooms-and-guests li fieldset label.children, ol#rooms-and-guests li fieldset.child-ages, ol#rooms-and-guests li fieldset.child-ages span.label-title { background-color: #666666; /* PZ darkSubText, default #6699CC medium dark blue */ } form#change-travel-details-form ol#rooms-and-guests li fieldset label.children.has-select-value-0 { background-color: transparent; } ol#rooms-and-guests li fieldset.child-ages label span.label-title { color: #FFFFFF; /* PZ bgColor, default #FFFFFF white */ } form#change-travel-details-form fieldset.actions { background-color: #FFFFFF; /* PZ bgColor, default #FFFFFF white */ } fieldset.actions div { background-color: #eaece8; /* PZ tableBody2, default #EEF3F9 pale blue */ } span.remove-link, span.add-link { color: #003366; /* PZ link, default #003366 ultra dark blue */ } span.remove-link:focus, span.remove-link:hover, span.remove-link:active, span.add-link:focus, span.add-link:hover, span.add-link:active { color: #CC0000; /* PZ alink, default #B40014 red */ } form#change-travel-details-form fieldset.actions a.price-guarantee { color: #000000; /* PZ text, default #000000 true black */ } fieldset.actions a.price-guarantee em strong { color: #003366; /* PZ link, default #003366 ultra dark blue */ } /* Ad Banner ===========================================================================*/ /* Subfooter ===========================================================================*/ ul#subfooter-navigation { background-color: #000000; /* PZ tableBack, default #0D447F deep blue */ } ul#subfooter-navigation li { border-right-color: #000000; /* PZ text, default #000000 true black */ } ul#subfooter-navigation li a { color: #FFFFFF; /* PZ bgColor, default #FFFFFF white */ } div#subfooter-content { background-color: #eaece8; /* PZ tableBody2, default #EEF3F9 pale blue */ border-color: #000000; /* PZ tableBack, default #0D447F deep blue */ } div#subfooter-content h6 { color: #000000; /* PZ text, default #000000 true black */ } div#subfooter-content ul.phone-numbers { color: #003366; /* PZ link, default #003366 ultra dark blue */ } /* Disambiguation ===========================================================================*/ div#disambiguation { background-color: #eaece8; /* PZ tableBody2, default #EEF3F9 pale blue */ border-color: #000000; /* PZ tableBack, default #0D447F deep blue */ } div#disambiguation h3 { color: #FFFFFF; /* PZ bgColor, default #FFFFFF white */ background-color: #666666; /* PZ darkSubText, default #6699CC medium dark blue */ } .js div.bd div#disambiguation { background-color: transparent; } .js div.bd div#disambiguation h4, .js div.bd div#disambiguation ul { background-color: #eaece8; /* PZ tableBody2, default #EEF3F9 pale blue */ } /* Page Footer (Default) ===========================================================================*/ div#page-footer-default { color: #999999; /* PZ lightestSubText, default #999999 medium gray */ } div#page-footer-default ul.primary-navigation li, div#page-footer-default ul#meta-navigation li { border-color: #003366; /* PZ link, default #003366 ultra dark blue */ } /* Dynamic Layer ===========================================================================*/ div.yui-panel-container.shadow div.underlay { background-color: #D4E5FA; /* PZ tableBody1, default #D4E5FA light blue */ } body div.mask { background-color: #000000; /* Not Customizable */ } div#myPanel { border-color: #000000; /* PZ tableBack, default #0D447F deep blue */ } div#myPanel div.hd { color: #000000; /* PZ text, default #000000 true black */ background-color: #eaece8; /* PZ tableBody2, default #EEF3F9 pale blue */ border-color: #000000; /* PZ tableBack, default #0D447F deep blue */ } div#myPanel div.bd, div#myPanel div.bd img#loading-image { background-color: #FFFFFF; /* PZ bgColor, default #FFFFFF white */ } div#myPanel.yui-panel a.container-close { color: #000000; /* PZ text, default #000000 true black */ } /* Opinion Lab ===========================================================================*/ } /* end @media */ /*=========================================================================== Layout (Global) This stylesheet defines the overall layout in the following ways: * Defines column layouts using floated containers. * Defines margins and padding. * Replaces specific textual content with images. * Hides parts of the page that not to be shown (i.e. accessibility help). * Misc. such as background images, borders, cursors, dimensions, etc. ===========================================================================*/ @media screen { /* Page ===========================================================================*/ body div#page { position: relative; width: 960px; } /* if PZ pagecenter is true */ html body { text-align: center; /* for IE 6 */ } body div#page { text-align: left; /* for IE 6 */ margin-left: auto; margin-right: auto; } body div#myPanel { text-align: left; /* for IE 6 */ } /* for Opera */ } /* end @media */ @media screen and (min-width: 0px) { html:first-child div#page { overflow: hidden; } /* for Opera 7.2-9.2 */ body:last-child div#page { overflow: hidden; } /* for Opera 9.5 */ } @media screen { /* div#content uses Easy Clearing */ div#page-content div#content { position: relative; margin-left: 10px; /* if PZ pageWidth and leftSideBarWidth and rightSideBarWidth contains "%" then "1%" else "10px" */ margin-right: 10px; /* if PZ pageWidth and leftSideBarWidth and rightSideBarWidth contains "%" then "1%" else "10px" */ margin-bottom: -10px; } div#page-content.has-left-sidebar div#content, div#page-content.has-right-sidebar div#content, div#page-content.has-left-and-right-sidebars div#content { /* Width Calculations No Sidebars: "auto" Page and Sidebar(s) mix pixels and percent: "750px" One Sidebar Width in pixels: pageWidth - (left|right)SidebarWidth(int) - 30 + "px" Width in percent: 100 - (left|right)SideBarWidth(float) - 3 + "%" Two Sidebars Width in pixels: pageWidth - leftSidebarWidth(int) - rightSideBarWidth(int) - 40 + "px" Width in percent: 100 - leftSideBarWidth(float) - rightSideBarWidth(float) - 4 + "%" */ width: auto; /* APPDEV Calculated, see Width Calculations */ margin-bottom: 0; } /* for IE 6 */ * html div#page-content.has-left-sidebar div#content, * html div#page-content.has-right-sidebar div#content, * html div#page-content.has-left-and-right-sidebars div#content { margin-bottom: -10px; } /* for IE 7 */ *+html div#page-content.has-left-sidebar div#content, *+html div#page-content.has-right-sidebar div#content, *+html div#page-content.has-left-and-right-sidebars div#content { margin-bottom: -10px; } div#page-content.has-left-sidebar div#content { display: inline; /* for IE 6 */ float: right; margin-left: 0; } div#page-content.has-right-sidebar div#content, div#page-content.has-left-and-right-sidebars div#content { display: inline; /* for IE 6 */ float: left; margin-right: 0; } /* for IE 5.x-6 */ * html div#page-content div#left-sidebar { margin-bottom: 0; } /* for IE 7 */ *+html div#page-content div#left-sidebar { margin-bottom: 0; } /* for IE 6 */ * html div#page-content div#right-sidebar { margin-bottom: 0; } /* for IE 7 */ *+html div#page-content div#right-sidebar { margin-bottom: 0; } /* Defaults ===========================================================================*/ /* Global White Space Reset - Andrew Krespanis http://leftjustified.net/journal/2004/10/19/global-ws-reset/ */ * { margin: 0; padding: 0; } /* Misc. Block */ p { margin-bottom: 1.3636em; /* 15px relative to 11px */ } /* Misc. Inline */ img { display: block; } q:before, q:after { content: ''; } /* Links */ a img { border-style: none; } /* for IE */ a * { cursor: pointer; } /* Headings */ /* Page Heading */ /*h1 {}*/ /* Property Name */ /*h2 {}*/ /* "Non-Graphic Header" */ h3 { margin-bottom: 0.5em; /* 7px relative to 14px */ } /* "Body Text Header" */ /*h4 {}*/ /* Room Name */ /*h5 {}*/ /* UI / Error Heading */ h6 { margin-bottom: 0.5em; /* 7px relative to 14px */ } /* Lists */ /* actual content lists should be styled individually or wrapped in div.user-content */ ul li, li ul li, li li ul li, li li li ul li, ol li, li ol li, li li ol li, li li li ol li { display: block; list-style-type: none; /* for IE */ } /* Data Tables */ table { border-collapse: collapse; } /* Forms */ fieldset { border-width: 0; } label { display: block; cursor: default; } a label { cursor: pointer; } input, select, textarea { vertical-align: middle; } body.is-gecko select option { padding-right: 5px; } /* for Opera 7.2-9.2 */ } /* end @media */ @media screen and (min-width: 0px) { html:first-child select { padding-top: 2px; padding-bottom: 2px; padding-right: 5px; } } @media screen { /* Common Classes ===========================================================================*/ /* Aural Text Class - Peter Krantz http://www.standards-schmandards.com/index.php?2004/10/08/1-the-aural-text-class */ *.accessibility, *.skip-link { position: absolute; top: 0; /* for IE 8 */ left: -1000em; } /* Microformats Include Pattern - Tantek Celik http://microformats.org/wiki/include-pattern */ a.include, object.include { display: none; visibility: hidden; /* for Safari */ width: 0; height: 0; } .js *.irrelevant { display: none !important; } /* Links */ /* Footnote Links */ /* Email Links */ li.email-link a, a.email-link { display: block; line-height: 16px; /* background-image height */ } *.email-link span.before { float: left; width: 16px; height: 16px; margin-right: 5px; background-image: url(/BU40/_media/_global.png); background-repeat: no-repeat; background-position: -82px 0; } /* Print Links */ *.print-link a, *.print-link span, a.print-link, span.print-link { cursor: pointer; display: block; line-height: 16px; /* background-image height */ } *.print-link span.before { float: left; width: 16px; height: 16px; margin-right: 5px; background-image: url(/BU40/_media/_global.png); background-repeat: no-repeat; background-position: -66px 0; } /* Clear Links */ span.clear-link { cursor: pointer; } /* Destination Guide Links */ *.destination-guide-link a, a.destination-guide-link { display: block; line-height: 22px; /* background-image height */ } *.destination-guide-link span.before { float: left; width: 21px; height: 19px; margin-right: 5px; background-image: url(/BU40/_media/_results-and-comparison.png); background-repeat: no-repeat; background-position: 0 -59px; } /* Price Match Guarantee Links */ /* Money */ del.money acronym { /* Aural Text Class - Peter Krantz http://www.standards-schmandards.com/index.php?2004/10/08/1-the-aural-text-class */ position: absolute; top: 0; /* for IE 8 */ left: -1000em; } /* Forms */ input.type-text { padding: 2px; border-width: 1px; border-style: solid; } label.has-input-type-text span.label-title { display: block; } label.has-input-type-checkbox, label.has-input-type-radio { position: relative; padding-left: 18px; } label.has-input-type-checkbox input.type-checkbox, label.has-input-type-radio input.type-radio { position: absolute; left: 0px; top: 2px; } /* for IE 6 */ * html label.has-input-type-checkbox input.type-checkbox, * html label.has-input-type-radio input.type-radio { top: -3px; left: -22px; } /* for IE 7 */ *+html label.has-input-type-checkbox input.type-checkbox, *+html label.has-input-type-radio input.type-radio { top: -4px; left: -2px; } /* Errors */ ins.error-heading span.before { float: left; width: 16px; height: 14px; margin-left: -21px; /* 16px image width + 5px spacing right */ margin-top: -2px; background-image: url(/BU40/_media/_global.png); background-repeat: no-repeat; background-position: -16px 0; } ins.error-heading h6 { position: relative; /* for IE */ padding: 5px; padding-left: 26px; /* 5px padding-left + 16px image width + 5px spacing right */ } /* trigger hasLayout */ * html ins.error-heading h6 { zoom: 1; } /* for IE 6 */ *+html ins.error-heading h6 { zoom: 1; } /* for IE 7 */ ins.error span.before { float: left; width: 16px; height: 14px; margin-left: -20px; margin-top: 2px; background-image: url(/BU40/_media/_global.png); background-repeat: no-repeat; background-position: 0 0; } ins.error p, ins.error dl { position: relative; padding-left: 20px; } /* trigger hasLayout */ * html ins.error p, * html ins.error dl { zoom: 1; } /* for IE 6 */ *+html ins.error p, *+html ins.error dl { zoom: 1; } /* for IE 7 */ ins.error dl { margin-bottom: 1.3636em; /* 15px relative to 11px */ } ins.error dl dd { display: list-item; list-style-type: square; margin-left: 2em; } ins.error strong { float: left; display: block; height: 18px; width: 4px; margin-right: 3px; outline-width: 0; text-indent: -1000em; } /* for IE 6 */ * html ins.error strong { margin-right: 1px; } /* Misc. */ /* Promos */ /* Disclaimers */ /* ul.disclaimers uses Easy Clearing */ ul.disclaimers { margin-top: 1em; /* 11px relative to 11px */ margin-bottom: 1em; /* 11px relative to 11px */ } /* Easy Clearing ===========================================================================*/ /* Easy Clearing - Tony Aslett, Position is Everything, and Alex Robinson http://www.tanfa.co.uk/archives/show.asp?var=300 */ div#content:after, div#page-header-default ul.primary-navigation:after, form#change-travel-details-form fieldset.actions:after, form#change-travel-details-form fieldset.actions div:after, form#change-travel-details-form fieldset#check-in-and-out-dates:after, ol#rooms-and-guests li:after, ol#rooms-and-guests li label.adults:after, ol#rooms-and-guests li fieldset.child-ages label:after, ul#subfooter-navigation:after, div#subfooter-content:after, div#subfooter-content form:after, div#utilities:after, ul.disclaimers:after, div.vcard h2.summary:after, div.vcard ul.phone-numbers:after, div.pricing-summary:after, dl.compound-date-field:after, div#rooms-and-guests-summary ul.guests-and-rooms-details:after, ul#sectional-utility-navigation:after, div#disambiguation form:after, div#page-footer-default ul.primary-navigation:after, div#page-footer-default ul#meta-navigation:after, .yui-panel div.bd:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; } div#content, div#page-header-default ul.primary-navigation, form#change-travel-details-form fieldset.actions, form#change-travel-details-form fieldset.actions div, form#change-travel-details-form fieldset#check-in-and-out-dates, ol#rooms-and-guests li, ol#rooms-and-guests li label.adults, ol#rooms-and-guests li fieldset.child-ages label, ul#subfooter-navigation, div#subfooter-content, div#subfooter-content form, div#utilities, ul.disclaimers, div.vcard h2.summary, div.vcard ul.phone-numbers, div.pricing-summary, dl.compound-date-field, div#rooms-and-guests-summary ul.guests-and-rooms-details, ul#sectional-utility-navigation, div#disambiguation form, div#page-footer-default ul.primary-navigation, div#page-footer-default ul#meta-navigation, .yui-panel div.bd { display: inline-block; } /* for IE 6 */ * html div#content, * html div#page-header-default ul.primary-navigation, * html form#change-travel-details-form fieldset.actions, * html form#change-travel-details-form fieldset.actions div, * html form#change-travel-details-form fieldset#check-in-and-out-dates, * html ol#rooms-and-guests li, * html ol#rooms-and-guests li label.adults, * html ol#rooms-and-guests li fieldset.child-ages label, * html ul#subfooter-navigation, * html div#subfooter-content, * html div#subfooter-content form, * html div#utilities, * html ul.disclaimers, * html div.vcard h2.summary, * html div.vcard ul.phone-numbers, * html div.pricing-summary, * html dl.compound-date-field, * html div#rooms-and-guests-summary ul.guests-and-rooms-details, * html ul#sectional-utility-navigation, * html div#disambiguation form, * html div#page-footer-default ul.primary-navigation, * html div#page-footer-default ul#meta-navigation, * html .yui-panel div.bd { height: 1%; } div#content, div#page-header-default ul.primary-navigation, form#change-travel-details-form fieldset.actions, form#change-travel-details-form fieldset.actions div, form#change-travel-details-form fieldset#check-in-and-out-dates, ol#rooms-and-guests li, ol#rooms-and-guests li label.adults, ol#rooms-and-guests li fieldset.child-ages label, ul#subfooter-navigation, div#subfooter-content, div#subfooter-content form, div#utilities, ul.disclaimers, div.vcard h2.summary, div.vcard ul.phone-numbers, div.pricing-summary, dl.compound-date-field, div#rooms-and-guests-summary ul.guests-and-rooms-details, ul#sectional-utility-navigation, div#disambiguation form, div#page-footer-default ul.primary-navigation, div#page-footer-default ul#meta-navigation, .yui-panel div.bd { display: block; } /*=========================================================================== Components ===========================================================================*/ /* Graphical Buttons ===========================================================================*/ a.button, input.type-submit, button { cursor: pointer; display: inline; /* for IE 6 */ float: right; white-space: nowrap; overflow: visible; /* for IE */ width: auto; /* for IE */ padding-left: 4px; padding-right: 4px; border-width: 2px; border-style: solid; background-image: url(/BU40/_media/buttons/gradient-background.png); background-position: 0 70%; background-repeat: repeat-x; } input.type-submit { float: none; } a.button span.before, a.button span.after, button span.before, button span.after { display: none; } /* Browser Tweaks */ /* for IE */ /* fixes pressing effect */ * html button span { position: relative; } /* for IE 6 */ *+html button span { position: relative; } /* for IE 7 */ /* fixes extra wide form buttons */ * html input.type-submit, * html button { width: 0; } /* for IE 6 */ /* fixes alpha png */ * html a.button, * html button, * html input.type-submit { background-image: none; /* APPDEV image path for filter is relative to HTML, not CSS. suggest using 'root relative' path */ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/BU40/_media/buttons/gradient-background.png', sizingMethod='scale'); } /* fixes borders being 3px instead of 2px */ * html input.type-submit, * html button { border-width: 1px; } /* for IE 6 */ *+html input.type-submit, *+html button { border-width: 1px; } /* for IE 7 */ /* for Opera, fixes pressing effect */ } /* end @media */ @media screen and (min-width: 0px) { html:first-child button:active { position: relative; } /* for Opera 7.2-9.2 */ body:last-child button:active { position: relative; } /* for Opera 9.5 */ } @media screen { /* for Firefox, fixes phantom padding */ button::-moz-focus-inner { padding: 0; border-style: none; } button:focus { outline-width: 1px; outline-style: dotted; } /* More/Less ===========================================================================*/ a.more-link { display: block; } .js span.more-link, .js span.less-link { cursor: pointer; } /* Ratings ===========================================================================*/ /* Phark (Revisited) Image Replacement - Mike Rundle http://www.mezzoblue.com/tests/revised-image-replacement/#phark2 */ /* Shared */ a.star-rating { display: block; width: 70px; /* background-image width */ height: 14px; /* background-image height */ text-indent: -1000em; outline-width: 0; text-decoration: none; overflow: hidden; } a.star-rating, a.star-rating em { width: 70px; /* background-image width */ height: 14px; /* background-image height */ background-image: url(/BU40/_media/_global.png); background-repeat: no-repeat; } /* Individual */ a.star-rating.not-yet-rated, a.star-rating.not-yet-rated em { text-indent: 0; width: auto; height: auto; background-image: none; } a.star-rating.rating-50, a.star-rating.rating-50 em { background-position: 0 -18px; } a.star-rating.rating-45, a.star-rating.rating-45 em { background-position: 0 -32px; } a.star-rating.rating-40, a.star-rating.rating-40 em { background-position: -14px -18px; } a.star-rating.rating-35, a.star-rating.rating-35 em { background-position: -14px -32px; } a.star-rating.rating-30, a.star-rating.rating-30 em { background-position: -28px -18px; } a.star-rating.rating-25, a.star-rating.rating-25 em { background-position: -28px -32px; } a.star-rating.rating-20, a.star-rating.rating-20 em { background-position: -42px -18px; } a.star-rating.rating-15, a.star-rating.rating-15 em { background-position: -42px -32px; } a.star-rating.rating-10, a.star-rating.rating-10 em { background-position: -56px -18px; } p.AAAblackdiamond { width: 84px; /* background-image width */ height: 14px; /* background-image height */ background-image: url(/BU40/_media/diamonds.png); background-repeat: no-repeat; display: inline-block; margin: 0 0 0 5px; } /* Individual */ p.AAAblackdiamond.rating-50 { background-position: 1px 1px; } p.AAAblackdiamond.rating-40 { background-position: -17px 1px; } p.AAAblackdiamond.rating-30 { background-position: -34px 1px; } p.AAAblackdiamond.rating-20 { background-position: -50px 1px; } p.AAAblackdiamond.rating-10 { background-position: -67px 1px; } p.AAAreddiamond { width: 84px; /* background-image width */ height: 14px; /* background-image height */ background-image: url(/BU40/_media/diamonds.png); background-repeat: no-repeat; display: inline-block; margin: 0 0 0 5px; } /* Individual */ p.AAAreddiamond.rating-50 { background-position: 1px -12px; } p.AAAreddiamond.rating-40 { background-position: -17px -12px; } p.AAAreddiamond.rating-30 { background-position: -34px -12px; } p.AAAreddiamond.rating-20 { background-position: -50px -12px; } p.AAAreddiamond.rating-10 { background-position: -67px -12px; } /* Hotel Cards ===========================================================================*/ div.item.location.vcard { display: inline; /* for IE 6 */ float: left; } div.item.location.vcard h2.summary a.fn.org.url { padding-right: 5px; line-height: 1.1429em; /* 16px relative to 14px */ } div.item.location.vcard h2.summary a.fn.org.url, div.item.location.vcard h2.summary a.star-rating { float: left; } div.item.location.vcard p { margin-bottom: 0; } div.item.location.vcard p.adr span.street-address { display: block; } /* Phone Numbers */ /* div.vcard ul.phone-numbers uses Easy Clearing */ div.item.location.vcard ul.phone-numbers li { display: inline; /* for IE 6 */ float: left; margin-left: 3px; padding-left: 3px; border-left-width: 1px; border-left-style: solid; } /* div.item.location.vcard ul.phone-numbers li:first-child, */ div.item.location.vcard ul.phone-numbers li.first-child { margin-left: 0; padding-left: 0; border-left-width: 0; } /* Has Photo */ div.item.location.vcard.has-photo { position: relative; padding-left: 69px; /* photo width 64px + 5px */ margin-right: -69px; /* photo width 64px + 5px */ min-height: 64px; } /* for IE 6 */ * html div.item.location.vcard.has-photo { height: 64px; } /* div.vcard h2.summary uses Easy Clearing */ div.item.location.vcard.has-photo h2.summary a.fn.org.url img.photo { position: absolute; top: 0; left: 0; width: 64px; height: 64px; } /* Pricing Summary ===========================================================================*/ /* div.pricing-summary uses Easy Clearing */ div.pricing-summary { float: right; text-align: right; } /* for IE 6 */ * html div.pricing-summary { display: inline; } /* Price */ div.pricing-summary p.price { margin-bottom: 0.4545em; /* 5px relative to 11px */ } div.pricing-summary p.price strong.restriction { float: right; display: block; width: 12.2727em; /* 135px relative to 11px */ } div.pricing-summary p.price span.restriction-type { float: right; clear: right; width: 16.1111em; /* 145px relative to 9px */ } div.pricing-summary p.price span.restriction-type, div.pricing-summary p.price span.price-type { display: block; } div.pricing-summary p.property-level-promo, div.pricing-summary p.rate-level-promo { clear: right; margin-top: -0.4545em; /* 5px relative to 11px */ margin-bottom: 0.4545em; /* 5px relative to 11px */ } /* Price Match Guarantee */ div.pricing-summary a.price-guarantee { display: block; float: right; clear: none; width: 50px; } div#content div.pricing-summary a.button { clear: right; margin-left: 8px; } /* Rate Restriction */ div.pricing-summary em.rate-restriction { display: block; float: right; clear: none; width: 50px; } /* Form for "Book Now" buttons */ div.pricing-summary form { float: right; clear: right; margin-left: 8px; margin-top: 3px; } /* for IE 6 */ * html div.pricing-summary form { width: 58%; margin-left: 0; } /* Pricing Disclaimer */ div.pricing-summary p.pricing-disclaimer { clear: right; } /* Nightly Rate Summary ===========================================================================*/ table.nightly-rate-summary th, table.nightly-rate-summary td { vertical-align: top; padding: 2px; } /* Money */ table.nightly-rate-summary *.money { display: block; } table.nightly-rate-summary *.money acronym.currency { /* Aural Text Class - Peter Krantz http://www.standards-schmandards.com/index.php?2004/10/08/1-the-aural-text-class */ position: absolute; top: 0; /* for IE 8 */ left: -1000em; } /* Compound Date Fields ===========================================================================*/ /* dl.compound-date-field uses Easy Clearing */ dl.compound-date-field { float: left; margin-right: 7px; } dl.compound-date-field dd { float: left; } dl.compound-date-field dd label { margin-right: 5px; } /* for IE 6 */ * html dl.compound-date-field dd { position: relative; } /* for IE 7 */ *+html dl.compound-date-field dd { position: relative; } dl.compound-date-field dd span.label-title, dl.compound-date-field dd.for-arrival-day ins.error strong, dl.compound-date-field dd.for-departure-day ins.error strong { /* Aural Text Class - Peter Krantz http://www.standards-schmandards.com/index.php?2004/10/08/1-the-aural-text-class */ position: absolute; top: 0; /* for IE 8 */ left: -1000em; } /* View Calendar */ .js *.view-calendar { display: block; position: relative; margin: 0; padding: 0; overflow: hidden; } .js *.view-calendar span { display: block; position: absolute; z-index: 1; /* for Opera 5-6 */ top: 0; left: 0; } .js *.view-calendar, .js *.view-calendar span { cursor: pointer; width: 18px; /* background-image width */ height: 18px; /* background-image height */ background-image: url(/BU40/_media/_global.png); background-repeat: no-repeat; background-position: -48px 0; } /* Rooms & Guests Summary ===========================================================================*/ /* div#rooms-and-guests-summary ul.guests-and-rooms-details uses Easy Clearing */ div#rooms-and-guests-summary ul.guests-and-rooms-details { margin-bottom: 2px; } div#rooms-and-guests-summary ul.guests-and-rooms-details li { display: block; float: left; padding-left: 3px; padding-right: 3px; border-right-width: 1px; border-right-style: solid; } /* div#rooms-and-guests-summary ul.guests-and-rooms-details li:first-child, */ div#rooms-and-guests-summary ul.guests-and-rooms-details li.first-child { padding-left: 0; } /* div#rooms-and-guests-summary ul.guests-and-rooms-details li:last-child, */ div#rooms-and-guests-summary ul.guests-and-rooms-details li.last-child { padding-right: 0; border-right: none; } /* Map ===========================================================================*/ /* Map Link */ a#map-link { display: block; text-align: center; width: 120px; /* 135px - 5px space - 4px padding-left - 4px padding-right - 1px border-left - 1px border-right */ padding-left: 4px; padding-right: 4px; padding-top: 4px; padding-bottom: 2px; border-width: 1px; border-style: solid; } a#map-link span.before { display: block; width: 120px; height: 59px; margin-bottom: 3px; background-image: url(/BU40/_media/_results-and-comparison.png); background-repeat: no-repeat; background-position: 0 0; } /* Map Container */ .js div#map { position: relative; clear: both; text-align: center; overflow: hidden; height: 0; top: -1px; border-style: solid; border-width: 0px; z-index: 0; } .js div#map.map-expanded { border-width: 1px; border-style: solid; background-image: url(/zen/_media/_global/loading-large.gif); background-repeat: no-repeat; background-position: center center; } /* Map Frame */ .js iframe#map-frame { width: 730px; height: 410px; border-width: 0; border-style: none; } .js div#map iframe#map-frame { text-align: left; margin-left: auto; margin-right: auto; } /*=========================================================================== Modules ===========================================================================*/ /* Page Header (Default) ===========================================================================*/ div#page div#page-header { margin-bottom: 10px; } div#page-header-default img.logo { display: inline; /* avoid oversized link click area */ margin-top: 15px; margin-bottom: 5px; margin-left: 15px; } /* ul.primary-navigation uses Easy Clearing */ div#page-header-default ul.primary-navigation { margin-top: 10px; overflow: hidden; border-bottom-width: 1px; border-bottom-style: solid; } div#page-header-default ul.primary-navigation li { float: left; display: block; } div#page-header-default ul.primary-navigation li a { display: block; float: left; margin-right: 3px; border-width: 1px; border-style: solid; padding: 4px; padding-bottom: 200px; margin-top: 4px; margin-bottom: -200px; background-image: url(/BU40/_media/page-header-default/primary-navigation-background.png); background-position: top left; background-repeat: repeat-x; } /* for IE 6 */ * html div#page-header-default ul.primary-navigation li, * html div#page-header-default ul.primary-navigation li a { display: inline; } * html div#page-header-default ul.primary-navigation li a { background-image: none; /* APPDEV image path for filter is relative to HTML, not CSS. suggest using 'root relative' path */ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/BU40/_media/page-header-default/primary-navigation-background-ie6.png', sizingMethod='scale'); } * html div#page-header-default ul.primary-navigation li.primary-navigation-current a { background-image: none; filter: none; } div#page-header-default ul.primary-navigation li.primary-navigation-current a { margin-top: 0; padding-top: 8px; background-image: none; } /* Utility Bar ===========================================================================*/ /* div#utilities uses Easy Clearing */ div#utilities { margin-top: -10px; padding-top: 5px; padding-bottom: 5px; margin-bottom: 10px; } /* Localization Controls */ div#utilities div#localization-controls { display: inline; /* for IE 6 */ float: left; width: 60%; margin-left: 20px; margin-top: 0.7273em; /* 8px relative to 11px */ margin-bottom: 0.7273em; /* 8px relative to 11px */ } div#localization-controls form, div#localization-controls form fieldset, div#localization-controls form fieldset label, div#localization-controls form fieldset button { display: inline; /* for IE 6 */ float: left; } div#localization-controls form { margin-right: 10px; } div#localization-controls form fieldset button { margin-left: 5px; } .js div#localization-controls form fieldset button { display: none; } .js div#localization-controls img { margin-top: 0.2727em; /* 3px relative to 11px */ } /* Phone Numbers */ div#utilities ul.phone-numbers { display: inline; /* for IE 6 */ float: right; text-align: right; width: 34%; margin-right: 20px; } /* Advisories ===========================================================================*/ div#page-content a#travel-advisory, div#page-content p#advisory { display: block; text-align: center; margin-top: 0px; margin-bottom: 10px; border-width: 1px 0; border-style: solid; } /* Section Utility Navigation ===========================================================================*/ /* ul#sectional-utility-navigation uses Easy Clearing */ ul#sectional-utility-navigation { margin: 10px 0; } div#sectional-content ul#sectional-utility-navigation { margin: 15px; } /* for IE 6 */ * html ul#sectional-utility-navigation { display: inline; } /* for IE 7 */ *+html ul#sectional-utility-navigation { display: inline; } ul#sectional-utility-navigation li { display: block; float: left; margin-right: 10px; } ul#sectional-utility-navigation li.back-link { float: right; margin-right: 0; margin-left: 10px; } ul#sectional-utility-navigation li.destination-guide-link { position: relative; top: -3px; margin-bottom: -4px; } /* Change Travel Details ===========================================================================*/ div#change-travel-details { width: 433px; /* 435px - left and right border width */ margin-left: 10px; margin-bottom: 10px; border-width: 1px; border-style: solid; } div#change-travel-details ins.error-heading h6 { margin-left: 10px; margin-right: 10px; } div#change-travel-details h3 { padding-left: 10px; padding-top: 8px; padding-bottom: 8px; } div#change-travel-details p, div#change-travel-details ins.error dl { margin-right: 10px; margin-left: 10px; } div#change-travel-details fieldset ins.error dl { margin-left: 0; margin-right: 0; } form#change-travel-details-form { position: relative; padding-top: 5px; } /* Check in and out Date */ form#change-travel-details-form fieldset#check-in-and-out-dates { padding: 10px; padding-top: 5px; border-bottom-width: 1px; border-bottom-style: solid; } form#change-travel-details-form fieldset#check-in-and-out-dates dl.check-out-date { float: right; margin-right: 0; } /* Rooms and Guests First Child */ ol#rooms-and-guests { padding-top: 1.5em; padding-bottom: 5px; } /* for IE 6 */ * html ol#rooms-and-guests { position: relative; } /* for IE 7 */ *+html ol#rooms-and-guests { position: relative; } /* ol#rooms-and-guests li:first-child, */ ol#rooms-and-guests li.first-child { padding-top: 20px; } /* ol#rooms-and-guests li:first-child legend span, */ ol#rooms-and-guests li.first-child legend span { top: -1px; padding-top: 7px; } /* for IE 6 */ * html ol#rooms-and-guests li legend span, * html ol#rooms-and-guests li.first-child legend span { top: 0px; } /* for IE 7 */ *+html ol#rooms-and-guests li legend span, *+html ol#rooms-and-guests li.first-child legend span { top: 0px; } /* ol#rooms-and-guests li:first-child label span.label-title, */ ol#rooms-and-guests li.first-child label span.label-title { position: absolute; top: -1.6em; width: 135px; } /* ol#rooms-and-guests li:first-child span.remove-link, */ ol#rooms-and-guests li.first-child span.remove-link { margin-top: 5px; } /* Rooms and Guests */ ol#rooms-and-guests li { position: relative; display: block; padding-top: 1px; margin-bottom: 5px; overflow: hidden; } ol#rooms-and-guests li fieldset { padding-top: 1px; position: relative; } /* Tricking Safari into making it look like it is clearing its floats because overflow hidden hides the absolutely positioned labels. */ /* for Safari 1.0-2.0, Mobile Safari, and KHTML */ body:last-child:not(:root:root) ol#rooms-and-guests li fieldset { min-height: 2.3636em; /* 26px relative to 11px */ } ol#rooms-and-guests li legend { overflow: hidden; } ol#rooms-and-guests li legend span { position: absolute; top: -1px; left: 0px; float: left; text-align: center; width: 70px; padding-top: 7px; padding-bottom: 200px; margin-bottom: -200px; } /* for Safari 1.0-2.0, Mobile Safari, and KHTML */ body:last-child:not(:root:root) ol#rooms-and-guests li legend span { top: 0px; } /* for Safari 3.0 and Mobile Safari */ } /* end @media */ @media screen and (min-width: 0px) { body:not(:root:root) ol#rooms-and-guests li legend span { top: 0px; } } @media screen { ol#rooms-and-guests li label { float: left; position: relative; padding-top: 5px; } /* for IE 6 */ * html ol#rooms-and-guests li label, * html ol#rooms-and-guests li label.adults { display: inline; } ol#rooms-and-guests li label span.label-title { position: absolute; top: -1000em; } /* ol#rooms-and-guests li label.adults uses Easy Clearing */ ol#rooms-and-guests li label.adults { padding-left: 1px; margin-left: 89px; } ol#rooms-and-guests li label.adults select, ol#rooms-and-guests li label.children select { width: 45px; } ol#rooms-and-guests li label.children { margin-left: 93px; padding-top: 5px; padding-left: 5px; padding-right: 5px; padding-bottom: 3px; } body.is-windows.is-gecko ol#rooms-and-guests li label.children { margin-left: 94px; } /* for Safari 1.0-2.0, Mobile Safari, and KHTML */ body:last-child:not(:root:root) ol#rooms-and-guests li label.children { margin-left: 99px; } } /* end @media */ @media screen and (min-width: 0px) { /* for Safari 3.0 and Mobile Safari */ body:not(:root:root) ol#rooms-and-guests li label.children { margin-left: 99px; } /* for Opera 7.2-9.2 */ html:first-child ol#rooms-and-guests li label.children { margin-left: 91px; } } @media screen { /* Child Ages */ ol#rooms-and-guests li fieldset.child-ages { clear: both; width: 145px; padding: 0; padding-top: 5px; margin: 0; margin-left: 138px; } body.is-windows.is-gecko ol#rooms-and-guests li fieldset.child-ages { margin-left: 139px; } /* for Opera 7.2-9.2 */ } /* end @media */ @media screen and (min-width: 0px) { html:first-child ol#rooms-and-guests li fieldset.child-ages { margin-left: 136px; } } @media screen { /* for Safari 1.0-2.0, Mobile Safari, and KHTML */ body:last-child:not(:root:root) ol#rooms-and-guests li fieldset.child-ages { margin-left: 144px; } /* for Safari 3.0 and Mobile Safari */ } /* end @media */ @media screen and (min-width: 0px) { body:not(:root:root) ol#rooms-and-guests li fieldset.child-ages { margin-left: 144px; } } @media screen { /* ol#rooms-and-guests li fieldset.child-ages label uses Easy Clearing */ ol#rooms-and-guests li fieldset.child-ages label { position: relative; float: none; padding-bottom: 5px; } ol#rooms-and-guests li fieldset.child-ages label span.label-title { float: left; position: static; line-height: 1.2727em; /* 14px relative to 11px */ width: 62%; text-align: right; } ol#rooms-and-guests li fieldset.child-ages label select { width: 45px; float: right; clear: right; margin-right: 5px; } ol#rooms-and-guests li span.remove-link { cursor: pointer; float: right; margin-right: 10px; margin-top: 5px; } /* for IE 6 */ * html form#change-travel-details-form fieldset.actions button, * html form#change-travel-details-form fieldset.actions button span { position: static; } fieldset.actions span#add-room { float: left; display: block; cursor: pointer; margin-left: 10px; margin-bottom: 5px; } /* fixes floats not being contained */ form#change-travel-details-form fieldset.actions div#rooms-and-guests-actions { overflow: hidden; /* for Firefox 1.5 */ } fieldset.actions a.price-guarantee { float: left; display: block; margin-left: 10px; } form#change-travel-details-form button { float: right; margin-right: 5px; margin-top: 10px; margin-bottom: 7px; } form#change-travel-details-form button.go { margin-top: 7px; } /* Errors */ div#change-travel-details form ins.error p { position: relative; margin-top: 10px; margin-left: 10px; margin-right: 5px; } div#change-travel-details form fieldset#destination ins.error p, div#change-travel-details form fieldset#destination-address ins.error p, div#change-travel-details form fieldset#check-in-and-out-dates ins.error p { margin-top: 0; margin-left: 0; } div#change-travel-details form ol li fieldset.has-error ins.error p { margin-left: 90px; } ol#rooms-and-guests li fieldset.has-error ins.error strong { margin-left: 3px; } ol#rooms-and-guests li fieldset.child-ages label.has-error span.label-title { width: 58%; } /* Ad Banner ===========================================================================*/ div.ad-banner { clear: both; text-align: center; margin: 10px; } /* for Safari 1.0-2.0, Mobile Safari, and KHTML */ body:last-child:not(:root:root) div.ad-banner { position: relative; } /* for Safari 1.0-2.0, Mobile Safari, and KHTML */ body:last-child:not(:root:root) div#page-content.has-left-sidebar>div.ad-banner, body:last-child:not(:root:root) div#page-content.has-right-sidebar>div.ad-banner, body:last-child:not(:root:root) div#page-content.has-left-and-right-sidebars>div.ad-banner { float: left; width: 100%; margin: 0; margin-bottom: 10px; } /* for Safari 3.0 and Mobile Safari */ } /* end @media */ @media screen and (min-width: 0px) { body:not(:root:root) div#page-content.has-left-sidebar>div.ad-banner, body:not(:root:root) div#page-content.has-right-sidebar>div.ad-banner, body:not(:root:root) div#page-content.has-left-and-right-sidebars>div.ad-banner { float: left; width: 100%; margin: 0; margin-bottom: 10px; } } @media screen { div.ad-banner * { display: block; margin-left: auto; margin-right: auto; } /* Subfooter ===========================================================================*/ /* Subfooter Navigation */ /* ul#subfooter-navigation uses Easy Clearing */ ul#subfooter-navigation { clear: both; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; } ul#subfooter-navigation li { display: block; float: left; text-align: center; margin-top: 0.1818em; /* 2px relative to 11px */ margin-bottom: 0.1818em; /* 2px relative to 11px */ border-right-width: 1px; border-right-style: solid; } /* ul#subfooter-navigation li:last-child, */ ul#subfooter-navigation li.last-child { border-right-width: 0; border-right-style: none; } div#page-content ul#subfooter-navigation.subfooter-navigation-3-items li { width: 33%; } div#page-content ul#subfooter-navigation.subfooter-navigation-2-items li { width: 50%; } /* div#page-content ul#subfooter-navigation.subfooter-navigation-2-items li:last-child, */ div#page-content ul#subfooter-navigation.subfooter-navigation-2-items li.last-child { width: 49%; } div#page-content ul#subfooter-navigation.subfooter-navigation-1-items li { float: none; } /* Subfooter Content */ /* div#subfooter-content form uses Easy Clearing */ div#subfooter-content { clear: both; overflow: hidden; margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px; border-width: 1px; border-style: solid; } /* ul#subfooter-navigation+div#subfooter-content, */ div#subfooter-content.subfooter-navigation-adjacent { margin-top: -10px; border-top-width: 0; border-top-style: none; } div#subfooter-content h6 { margin-bottom: 0; padding-bottom: 0; } /* Phone Numbers */ div#subfooter-content div#subfooter-phone-numbers { text-align: center; } div#subfooter-content.has-subfooter-newsletter div#subfooter-phone-numbers { float: left; text-align: center; width: 50%; padding-bottom: 150px; margin-bottom: -150px; } /* for IE 6 */ * html div#subfooter-content.has-subfooter-newsletter div#subfooter-phone-numbers { width: 49%; } /* for IE 7 */ *+html div#subfooter-content.has-subfooter-newsletter div#subfooter-phone-numbers { width: 49%; } /* Newsletter */ div#subfooter-content div#subfooter-newsletter { text-align: center; } div#subfooter-content.has-subfooter-phone-numbers div#subfooter-newsletter { float: left; width: 50%; padding-bottom: 150px; margin-bottom: -150px; } div#subfooter-newsletter form { width: 260px; margin-left: auto; margin-right: auto; margin-top: 0.4545em; /* 5px relative to 11px */ } /* for IE 6 */ * html div#subfooter-newsletter form { width: 270px; } div#subfooter-newsletter form label { float: left; margin-left: 30px; margin-right: 5px; } /* for IE 6 */ * html div#subfooter-newsletter form label { margin-left: 20px; } div#subfooter-newsletter form label span.label-title { /* Aural Text Class - Peter Krantz http://www.standards-schmandards.com/index.php?2004/10/08/1-the-aural-text-class */ position: absolute; top: 0; /* for IE 8 */ left: -1000em; } div#subfooter-newsletter form label input.type-text.type-email { width: 185px; } div#subfooter-content div#subfooter-newsletter form button { float: left; } div#subfooter-newsletter a.alternate-link { float: right; display: block; text-align: right; margin-right: 40px; } /* for IE 6 */ * html div#subfooter-newsletter a.alternate-link { margin-right: 20px; } /* for Safari 1.0-2.0, Mobile Safari, and KHTML */ body:last-child:not(:root:root) div#subfooter-newsletter a.alternate-link { margin-right: 46px; } /* for Safari 3.0 and Mobile Safari */ } /* end @media */ @media screen and (min-width: 0px) { body:not(:root:root) div#subfooter-newsletter a.alternate-link { margin-right: 39px; } } @media screen { /* Disambiguation ===========================================================================*/ div#disambiguation { margin-bottom: 10px; padding-bottom: 10px; border-width: 1px; border-style: solid; } .js div.bd div#disambiguation { padding: 10px; border-style: none; border-width: 0; } body.search-section div#page-content div#disambiguation { width: 435px; margin-left: auto; margin-right: auto; } /* trigger hasLayout */ * html.js div.bd div#disambiguation { zoom: 1; } /* for IE 6 */ *+html.js div.bd div#disambiguation { zoom: 1; } /* for IE 7 */ div#disambiguation h3 { padding: 10px; } body.dialog-section div#disambiguation h3, .js div.bd div#disambiguation h3 { /* Aural Text Class - Peter Krantz http://www.standards-schmandards.com/index.php?2004/10/08/1-the-aural-text-class */ position: absolute; top: 0; /* for IE 8 */ left: -1000em; } div#disambiguation form { margin-left: 10px; margin-right: 10px; } div#disambiguation form h4 { padding-top: 5px; } div#disambiguation form ul { padding-top: 5px; margin-bottom: 10px; } div#disambiguation form button { float: right; } /* Ajax Panel */ .js div.bd div#disambiguation { border-width: 0; } .js div.bd div#disambiguation form { margin: 0; } .js div.bd div#disambiguation form h4, .js div.bd div#disambiguation form ul { padding: 5px; } .js div.bd div#disambiguation form ul { padding-top: 0; } /* Page Footer (Default) ===========================================================================*/ div#page-footer-default { margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px; } /* for Safari 1.0-2.0, Mobile Safari, and KHTML */ body:last-child:not(:root:root) div#page-footer-default { position: relative; } div#page-footer-default ul.primary-navigation { margin-top: 10px; margin-bottom: 10px; } div#page-footer-default.has-meta-navigation ul.primary-navigation { padding-bottom: 5px; margin-bottom: 0; } div#page-footer-default.has-meta-navigation ul#meta-navigation { margin-bottom: 10px; } div#page-footer-default ul.primary-navigation li, div#page-footer-default ul#meta-navigation li { float: left; padding-right: 5px; margin-right: 5px; line-height: 1.1111em; /* 10px relative to 9px */ border-right-width: 1px; border-right-style: solid; } /* div#page-footer-default ul.primary-navigation li:last-child, div#page-footer-default ul#meta-navigation li:last-child, */ div#page-footer-default ul.primary-navigation li.last-child, div#page-footer-default ul#meta-navigation li.last-child { padding-right: 0; margin-right: 0; border-right-width: 0; } div#page-footer-default p#license { margin-top: 10px; margin-bottom: 10px; } /* Dynamic Layer ===========================================================================*/ .js body div.mask { outline-width: 0; } /* trigger hasLayout */ * html.js div.yui-panel div.bd { zoom: 1; } /* for IE 6 */ *+html.js div.yui-panel div.bd { zoom: 1; } /* for IE 7 */ .js div.yui-panel-container.shadow div.underlay { opacity: 1; filter: alpha(opacity=100); /* for IE */ } /* myPanel */ .js div#myPanel { border-style: solid; border-width: 1px; } .js div#myPanel div.hd { text-align: left; border-width: 0px; border-bottom-width: 1px; border-style: none; border-bottom-style: solid; padding-left: 10px; } .js div#myPanel div.bd { position: relative; overflow: visible; margin: 0; padding: 0; min-height: 136px; } .js div#myPanel div.bd img#loading-image { display: block; position: absolute; top: 0px; left: 136px; width: 128px; height: 128px; opacity: 1; } .js div#myPanel iframe.popup-frame { overflow: auto; visibility: hidden; width: 399px; height: 127px; margin: 0; border-style: none; } .js div#myPanel.yui-panel a.container-close { overflow: visible; text-indent: 0; top: 0; width: auto; padding-top: 4px; background-image: none; } /* cross-browser overlay fixes */ /* hide Flash, required for Mac browsers, helps IE with scrolling */ .js body.masked object, .js body.masked embed { visibility: hidden; } /* for Mac Gecko */ .js body.masked.is-mac.is-gecko textarea, .js body.masked.is-mac.is-gecko iframe { overflow: hidden; } /* for Mac Gecko */ .js body.masked.is-mac.is-gecko select[size] { display: none; } /* Opinion Lab ===========================================================================*/ .js div#O_o img, .js div#O_c img { display: inline; } } /* end @media */