/* * jQuery UI CSS Framework 1.8.6 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI Accordion 1.8.6 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Accordion#theming */ /* IE/Win - Fix animation bug - #4615 */ .ui-accordion { width: 100%; } .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } .ui-accordion .ui-accordion-content-active { display: block; }/* * jQuery UI Autocomplete 1.8.6 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Autocomplete#theming */ .ui-autocomplete { position: absolute; cursor: default; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ /* * jQuery UI Menu 1.8.6 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Menu#theming */ .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } /* * jQuery UI Button 1.8.6 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Button#theming */ .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /*button text element */ .ui-button .ui-button-text { display: block; line-height: 1.4; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /*button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /*button sets*/ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ /* * jQuery UI Datepicker 1.8.6 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Datepicker#theming */ .ui-datepicker { width: 17em; padding: .2em .2em 0; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0 0.3em; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker .ui-datepicker-month { margin-left:1px; } .ui-datepicker .ui-datepicker-year { margin-left:1px; } .ui-datepicker table {width: 148px; font-size: .9em; border-collapse: collapse; margin:0px; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border-color:#EDEDED; border-style:solid; border-width:1px 0 0 1px; padding: 1px; } .ui-datepicker-calendar thead th { background:none repeat scroll 0 0 #ECEDED; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }/* * jQuery UI Dialog 1.8.6 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Dialog#theming */ .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em 0 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* * jQuery UI Progressbar 1.8.6 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Progressbar#theming */ .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* * jQuery UI Resizable 1.8.6 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Resizable#theming */ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* * jQuery UI Selectable 1.8.6 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Selectable#theming */ .ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } /* * jQuery UI Slider 1.8.6 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Slider#theming */ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; }/* * jQuery UI Tabs 1.8.6 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Tabs#theming */ .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* * jQuery UI CSS Framework 1.8.6 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/ */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ /*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; } .ui-widget-content a { color: #222222/*{fcContent}*/; } .ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; } .ui-widget-header a { color: #222222/*{fcHeader}*/; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ /*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; } /*.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; } */ .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; } .ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .6; background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; } .ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; } .ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/; } .ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/; } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsHover}*/; } .ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/; } .ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-top { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-bottom { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-right { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-left { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-all { -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; } .ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; }/* ----------------------------------------------------------------------- Blueprint CSS Framework 0.9 http://blueprintcss.org * Copyright (c) 2007-Present. See LICENSE for more info. * See README for instructions on how to use Blueprint. * For credits and origins, see AUTHORS. * This is a compressed file. See the sources in the 'src' directory. ----------------------------------------------------------------------- */ /* reset.css */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;} body {line-height:1.5;} table {border-collapse:separate;border-spacing:0;} caption, th, td {text-align:left;font-weight:normal;} table, td, th {vertical-align:middle;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"" "";} a img {border:none;} /* typography.css */ html {font-size:100.01%;} body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;} h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;} h1 {font-size:3em;line-height:1;margin-bottom:0.5em;} h2 {font-size:2em;margin-bottom:0.75em;} h3 {font-size:1.5em;line-height:1;margin-bottom:1em;} h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;} h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;} h6 {font-size:1em;font-weight:bold;} h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;} p {margin:0 0 1.5em;} p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;} p img.right {float:right;margin:1.5em 0 1.5em 1.5em;} a {color:#009;text-decoration:underline;} blockquote {margin:1.5em;color:#666;font-style:italic;} strong {font-weight:bold;} em, dfn {font-style:italic;} dfn {font-weight:bold;} sup, sub {line-height:0;} abbr, acronym {border-bottom:1px dotted #666;} address {margin:0 0 1.5em;font-style:italic;} del {color:#666;} pre {margin:1.5em 0;white-space:pre;} pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;} li ul, li ol {margin:0;} /* ul, ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;} ul {list-style-type:disc;} ol {list-style-type:decimal;} */ dl {margin:0 0 1.5em 0;} dl dt {font-weight:bold;} dd {margin-left:1.5em;} table {margin-bottom:1.4em;width:100%;} th {font-weight:bold;} thead th {background:#c3d9ff;} th, td, caption {padding:4px 10px 4px 5px;} tr.even td {background:#e5ecf9;} tfoot {font-style:italic;} caption {background:#eee;} .small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;} .large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;} .hide {display:none;} .quiet {color:#666;} .loud {color:#000;} .highlight {background:#ff0;} .added {background:#060;color:#fff;} .removed {background:#900;color:#fff;} .first {margin-left:0;padding-left:0;} .last {margin-right:0;padding-right:0;} .top {margin-top:0;padding-top:0;} .bottom {margin-bottom:0;padding-bottom:0;} b{font-family:'arial';font-size:12px;color:#4b3a0e;font-weight:bold;} /* forms.css */ label {font-weight:bold;} fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;} legend {font-weight:bold;font-size:1.2em;} /* input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;} input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;} input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;} */ input.text, input.title {width:300px;padding:5px;} input.title {font-size:1.5em;} textarea {width:390px;height:250px;padding:5px;} input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;} form.inline {line-height:3;} form.inline p {margin-bottom:0;} .error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;} .error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;} .notice {background:#FFF6BF;color:#514721;border-color:#FFD324;} .success {background:#E6EFC2;color:#264409;border-color:#C6D880;} .error a {color:#8a1f11;} .notice a {color:#514721;} .success a {color:#264409;} /* grid.css */ /* A container should group all your columns. */ .container { width: 1000px; margin: 0 auto; } /* Use this class on any div.span / container to see the grid. */ .showgrid { background: url(src/grid.png); } .showgrid2{ background: url('src/resorts-grid.png') top left repeat-y; } /* Columns -------------------------------------------------------------- */ /* Sets up basic grid floating and margin. */ .column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 { float: left; margin-right: 8px; } div.span-25 { float: right; margin-right: 8px; } /* The last column in a row needs this class. */ .last, div.last { margin-right: 0; } /* Use these classes to set the width of a column. */ .span-1 { width: 34px; } .span-2 { width: 76px; } .span-3 { width: 118px; } .span-4 { width: 160px; } .span-5 { width: 202px; } .span-6 { width: 244px; } .span-7 { width: 286px; } .span-8 { width: 328px; } .span-9 { width: 370px; } .span-10 { width: 412px; } .span-11 { width: 454px; } .span-12 { width: 496px; } .span-13 { width: 538px; } .span-14 { width: 580px; } .span-15 { width: 622px; } .span-16 { width: 664px; } .span-17 { width: 706px; } .span-18 { width: 748px; } .span-19 { width: 790px; } .span-20 { width: 832px; } .span-21 { width: 874px; } .span-22 { width: 916px; } .span-23 { width: 958px; } .span-24, div.span-24 { width: 1000px; margin: 0; } /* Use these classes to set the width of an input. */ input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23 { border-left-width: 1px!important; border-right-width: 1px!important; padding-left: 5px!important; padding-right: 5px!important; } input.span-1, textarea.span-1 { width: 22px !important; } input.span-2, textarea.span-2 { width: 64px !important; } input.span-3, textarea.span-3 { width: 106px !important; } input.span-4, textarea.span-4 { width: 148px !important; } input.span-5, textarea.span-5 { width: 190px !important; } input.span-6, textarea.span-6 { width: 232px !important; } input.span-7, textarea.span-7 { width: 274px !important; } input.span-8, textarea.span-8 { width: 316px !important; } input.span-9, textarea.span-9 { width: 358px !important; } input.span-10, textarea.span-10 { width: 400px !important; } input.span-11, textarea.span-11 { width: 442px !important; } input.span-12, textarea.span-12 { width: 484px !important; } input.span-13, textarea.span-13 { width: 526px !important; } input.span-14, textarea.span-14 { width: 568px !important; } input.span-15, textarea.span-15 { width: 610px !important; } input.span-16, textarea.span-16 { width: 652px !important; } input.span-17, textarea.span-17 { width: 694px !important; } input.span-18, textarea.span-18 { width: 736px !important; } input.span-19, textarea.span-19 { width: 778px !important; } input.span-20, textarea.span-20 { width: 820px !important; } input.span-21, textarea.span-21 { width: 862px !important; } input.span-22, textarea.span-22 { width: 904px !important; } input.span-23, textarea.span-23 { width: 946px !important; } input.span-24, textarea.span-24 { width: 988px !important; } /* Add these to a column to append empty cols. */ .append-1 { padding-right: 42px; } .append-2 { padding-right: 84px; } .append-3 { padding-right: 126px; } .append-4 { padding-right: 168px; } .append-5 { padding-right: 210px; } .append-6 { padding-right: 252px; } .append-7 { padding-right: 294px; } .append-8 { padding-right: 336px; } .append-9 { padding-right: 378px; } .append-10 { padding-right: 420px; } .append-11 { padding-right: 462px; } .append-12 { padding-right: 504px; } .append-13 { padding-right: 546px; } .append-14 { padding-right: 588px; } .append-15 { padding-right: 630px; } .append-16 { padding-right: 672px; } .append-17 { padding-right: 714px; } .append-18 { padding-right: 756px; } .append-19 { padding-right: 798px; } .append-20 { padding-right: 840px; } .append-21 { padding-right: 882px; } .append-22 { padding-right: 924px; } .append-23 { padding-right: 966px; } /* Add these to a column to prepend empty cols. */ .prepend-1 { padding-left: 42px; } .prepend-2 { padding-left: 84px; } .prepend-3 { padding-left: 126px; } .prepend-4 { padding-left: 168px; } .prepend-5 { padding-left: 210px; } .prepend-6 { padding-left: 252px; } .prepend-7 { padding-left: 294px; } .prepend-8 { padding-left: 336px; } .prepend-9 { padding-left: 378px; } .prepend-10 { padding-left: 420px; } .prepend-11 { padding-left: 462px; } .prepend-12 { padding-left: 504px; } .prepend-13 { padding-left: 546px; } .prepend-14 { padding-left: 588px; } .prepend-15 { padding-left: 630px; } .prepend-16 { padding-left: 672px; } .prepend-17 { padding-left: 714px; } .prepend-18 { padding-left: 756px; } .prepend-19 { padding-left: 798px; } .prepend-20 { padding-left: 840px; } .prepend-21 { padding-left: 882px; } .prepend-22 { padding-left: 924px; } .prepend-23 { padding-left: 966px; } /* Border on right hand side of a column. */ div.border { padding-right: 4px; margin-right: 5px; border-right: 1px solid #eee; } /* Border with more whitespace, spans one column. */ div.colborder { padding-right: 24px; margin-right: 25px; border-right: 1px solid #eee; } /* Use these classes on an element to push it into the next column, or to pull it into the previous column. */ .pull-1 { margin-left: -42px; } .pull-2 { margin-left: -84px; } .pull-3 { margin-left: -126px; } .pull-4 { margin-left: -168px; } .pull-5 { margin-left: -210px; } .pull-6 { margin-left: -252px; } .pull-7 { margin-left: -294px; } .pull-8 { margin-left: -336px; } .pull-9 { margin-left: -378px; } .pull-10 { margin-left: -420px; } .pull-11 { margin-left: -462px; } .pull-12 { margin-left: -504px; } .pull-13 { margin-left: -546px; } .pull-14 { margin-left: -588px; } .pull-15 { margin-left: -630px; } .pull-16 { margin-left: -672px; } .pull-17 { margin-left: -714px; } .pull-18 { margin-left: -756px; } .pull-19 { margin-left: -798px; } .pull-20 { margin-left: -840px; } .pull-21 { margin-left: -882px; } .pull-22 { margin-left: -924px; } .pull-23 { margin-left: -966px; } .pull-24 { margin-left: -1008px; } .pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23 { float: left; position:relative; } .push-1 { margin: -42px 1.5em 42px; } .push-2 { margin: -84px 1.5em 84px; } .push-3 { margin: -126px 1.5em 126px; } .push-4 { margin: -168px 1.5em 168px; } .push-5 { margin: -210px 1.5em 210px; } .push-6 { margin: -252px 1.5em 252px; } .push-7 { margin: -294px 1.5em 294px; } .push-8 { margin: -336px 1.5em 336px; } .push-9 { margin: -378px 1.5em 378px; } .push-10 { margin: -420px 1.5em 420px; } .push-11 { margin: -462px 1.5em 462px; } .push-12 { margin: -504px 1.5em 504px; } .push-13 { margin: -546px 1.5em 546px; } .push-14 { margin: -588px 1.5em 588px; } .push-15 { margin: -630px 1.5em 630px; } .push-16 { margin: -672px 1.5em 672px; } .push-17 { margin: -714px 1.5em 714px; } .push-18 { margin: -756px 1.5em 756px; } .push-19 { margin: -798px 1.5em 798px; } .push-20 { margin: -840px 1.5em 840px; } .push-21 { margin: -882px 1.5em 882px; } .push-22 { margin: -924px 1.5em 924px; } .push-23 { margin: -966px 1.5em 966px; } .push-24 { margin: -1008px 1.5em 1008px; } .push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23 {float: right; position:relative;} /* Misc classes and elements -------------------------------------------------------------- */ /* In case you need to add a gutter above/below an element */ .prepend-top { margin-top:1.5em; } .append-bottom { margin-bottom:1.5em; } /* Use a .box to create a padded box inside a column. */ .box { padding: 1.5em; margin-bottom: 1.5em; background: #E5ECF9; } /* Use this to create a horizontal ruler across a column. */ hr { background: #ddd; color: #ddd; clear: both; float: none; width: 100%; height: .1em; margin: 0 0 1.45em; border: none; } hr.space { background: #fff; color: #fff; } /* Clearing floats without extra markup Based on How To Clear Floats Without Structural Markup by PiE [http://www.positioniseverything.net/easyclearing.html] */ .clearfix:after, .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden; } .clearfix, .container {display: block;} /* Regular clearing apply to column that should drop below previous ones. */ .clear { clear:both; } .left { float: left; } .right { float: right; }hr { margin: 0 0 8px !important; } #dialog-form-travelers hr { width:146px; margin: 2px 0 8px !important; } .intro-content-media { padding-top:14px; margin-left:1px; } .intro-content-media-txt { background:url(images/homepage-copy-bg.png); height:223px; width:310px; float:left; color:#FFFFFF; padding:15px; text-align:left; } .intro-content-media-txt span.briefDesc { font-size:16px; } .intro-content-media-txt span.detailedDesc { font-size:16px; } span.detailedDesc ul li { list-style-type:disc; font-size:16px; margin-left:18px; } .intro-content-media-img { height:253px; width:627px; float:left; } .preferences { padding:0 15px; } .preferences > .primary-content { padding: 0 0 16px; } .preferences-label { font-weight:bold; font-size:12px; padding-bottom:8px; padding-top:22px; } .preferences-label-travel-party { font-weight:bold; font-size:12px; padding-bottom:8px; padding-top:3px; text-align:center; } .preferences-main .preferences-label { padding-top: 12px; } .preferences-label > img { padding-right: 3px; } .preferences-rounded-bg-top { background:url(images/preferences_bg_borders.png) 0 0 no-repeat; clear:both; height:15px; width:969px; } .preferences-rounded-bg-bottom { background:url(images/preferences_bg_borders.png) 0 -32px no-repeat; clear:both; height:14px; width:969px; } .preferences-rounded-bg-middle { background:url(images/preferences_bg_middle.png) 0 0 repeat-y; clear:both; width: 969px; } .vacation-preferences { margin-top:8px; margin-bottom:-4px; } #select-travelers, #select-dates, #select-budget { background-color:#FFFFFF; border:1px solid #DCDCDC; color:#333333; font:12px Arial; width:200px; height:40px; -moz-border-radius:4px 0px 0px 4px; } body.home #select-travelers, body.home #select-dates, body.home #select-budget { float:left; } .yourdetails-p #select-dates{ height:17px; } .preferences-main { text-align:left; } .preferences-main h1, h2, h3, h4, h5, h6, h7, h8 { color:#85b112 ; } .preferences-main .spacer { height: 8px; } #dialog-form-dates .spacer { height: 16px; } .budget-horizontal-content { float:right; width:247px; } .horizontal-content .tooltip-container, .budget-horizontal-content .tooltip-container { margin-top: 9px; } .horizontal-content { float: left; width: 350px; height: 82px; } .horizontal-date-content { float: left; width: 340px; height: 82px; } .horizontal-date-content >.tooltip-container{ margin-top:9px; } .activities-slider-container >.tooltip-container{ margin-top:14px; } .horizontal-content div { font-size:12px; } /* Travel Party*/ .spacer { height:5px; } .adults{ padding-top:5px; } body.home .adults{ padding-top:4px; } .adults { padding-bottom: 4px; } .children { padding-top: 0px; } .adults > .travelers-label { float:left; width: 66px; text-align:left; font:bold 12px Arial; padding-top:5px; } .children > .travelers-label { float:left; width: 66px; text-align:left; font:bold 12px Arial; line-height:12px; } .travelers-label span { font:normal 9px Arial; } .travelers-border { float:left; background:url(images/icons/plus_minus_border.png) no-repeat; width:77px; height:25px; padding:2px 2px 0px 2px; margin-left:2px; } .travelers-long-border { float:left; background:url(images/icons/plus_minus_long_border.png) no-repeat; width:95px; height:25px; padding:2px; } .secondary { margin-left:51px; } .minus-plus-btn { float:left; width:24px; } .adults_input, .children_input { float:left; padding:5px 10px 5px 10px; width:7px; } .child_age_border { float:left; padding:5px 0 5px 5px; width:41px; } #child_age_hdr { float:left; width:51px; font:bold 12px Arial; text-align:left; } /* Dates */ .length-of-stay-label { float:left; /*width:43px;*/ width:48px; font-weight:bold; text-align:left; margin-top: 9px; } .length-of-stay-border { float:left; background:url(images/icons/length_of_stay_border.png) no-repeat; /*width:102px;*/ width:98px; height:25px; padding:2px; margin-top:9px; } .minus-plus-days-btn { float:left; width:24px; } .length_of_stay_input { float:left; padding:5px 0 5px 4px; width:46px; } .calendar_icon_left { background-image:url(images/icons/calendar_left.png) !important; width:24px; height:23px; } .calendar_icon_right { background-image:url(images/icons/calendar_right.png) !important; width:24px; height:23px; } .ui-icon-circle-triangle-w { background-position:0; background-image:url(images/icons/calendar_left.png) !important; width:24px !important; height:23px !important; margin-top:-12px !important; } .ui-icon-circle-triangle-gray { background-position:0; background: #fff; background-image:url(images/icons/calendar_left.png) !important; width:24px !important; height:23px !important; margin-top:-12px !important; opacity:0.4;filter:alpha(opacity=40); } .ui-icon-circle-triangle-e { background-position:0; background-image:url(images/icons/calendar_right.png) !important; width:24px !important; height:23px !important; margin-top:-12px !important; } .ui-icon-circle-triangle-gray-right { background-position:0; background: #fff; background-image:url(images/icons/calendar_right.png) !important; width:24px !important; height:23px !important; margin-top:-12px !important; opacity:0.4;filter:alpha(opacity=40); } #datepicker { float:left; margin-top:-13px; } .ui-datepicker { width:145px !important; padding:0.2em 0.3em 0 0 !important; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { height:23px !important; position:absolute! important; top:0 !important; width:24px !important; } .ui-datepicker .ui-datepicker-prev { left:-3px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover { background:none; border:none; } #datepicker > div.ui-widget-content { border:1px solid #DCDCDC !important; } thead th { background:none repeat scroll 0 0 #eceded; } /* Budget */ #budget-input1 { background-color:#FFFFFF; border:1px solid #DCDCDC; color:#333333; font-size:12px; font-weight:400; width:161px; height:30px; margin-bottom: 3px; text-align:center; -moz-border-radius:4px 4px 4px 4px; } #budget-input-sh { background-color:#FFFFFF; border:1px solid #DCDCDC; color:#333333; font-size:12px; font-weight:400; width:161px; height:30px; margin-top:2px; text-align:center; border:none; -moz-border-radius:4px 4px 4px 4px; } /* Forms */ #hp_Travelers_Btn, #hp_Dates_Btn, #hp_Budget_Btn { background: url(images/icons/dialog_icon_blue.png) no-repeat; border:none; height:40px; width:38px; padding-bottom:0px !important; -moz-border-radius:0px 4px 4px 0px; margin-left: -1px; } .open_Btn{ position:relative; background: url(images/icons/dialog_icon_open_new.png) no-repeat !important; border:none; z-index:1005; width:45px !important; } .open_Btn_Dates{ position:relative; background: url(images/icons/dialog_icon_open_dates_new.png) no-repeat !important; border:none; z-index:1004; width:41px !important; } .open_Btn_Budget{ position:relative; background: url(images/icons/dialog_icon_open_new.png) no-repeat !important; border:none; z-index:1005; width:45px !important; margin-left: -2px !important; } #dialog-form-travelers, #dialog-form-dates, #dialog-form-budget, #dialog-form-ada-preference { font-size:10px; margin-right:14px; margin-left:6px; padding:0px 16px 0px; } #dialog-form-dates { margin-top:-14px; } #dialog-form-budget { margin-top:-18px; } #dialog-form-budget .text-18px { font-size:18px; } .dialog-form-travelers-bg-top { background:url(images/travel_party_dialog_bg_borders_new.png) 0 0 no-repeat; clear:both; height:18px; width:204px; z-index:1010; } .dialog-form-travelers-bg-button { background: url("images/icons/dialog_icon_open_new.png") no-repeat scroll 0 0px !important; clear:both; height:22px; width:37px; z-index:1004; margin-top:-19px; margin-left: 156px; } .sidebar-dialog-form-travelers-bg-top { background:url(images/sidebar_travel_party_dialog_bg_top_border.png) 0 0 no-repeat; clear:both; height:17px; width:204px; z-index:1004; } .dialog-form-travelers-bg-bottom, .sidebar-dialog-form-travelers-bg-bottom { background:url(images/travel_party_dialog_bg_borders_new.png) 0 -31px no-repeat; clear:both; height:19px; width:204px; z-index:1010; margin-top: -1px; } .dialog-form-travelers { background:url('images/travel_party_dialog_bg_middle_new.png') 0 0 repeat-y !important; clear:both; width:204px; border:none !important; position:absolute; /*top:579px !important; left:408px !important; *top:578px !important; *left:407px !important;*/ } .dialog-form-dates-bg-top { background:url(images/dates_dialog_bg_borders.png) 0 0 no-repeat; clear:both; height:11px; width:202px; z-index:1005; } .dialog-form-dates-bg-button { background: url(images/icons/dialog_icon_open_dates_new.png) no-repeat scroll 0 0px !important; clear:both; height:22px; width:36px; z-index:1004; margin-top:-22px; margin-left: 161px; } .sidebar-dialog-form-dates-bg-top { background:url(images/sidebar_dates_dialog_bg_top_border.png) 0 0 no-repeat; clear:both; height:17px; width:202px; z-index:1004; margin-left:1px; } .dialog-form-dates-bg-bottom, .sidebar-dialog-form-dates-bg-bottom { background:url(images/dates_dialog_bg_borders.png) 0 -27px no-repeat; clear:both; height:14px; width:202px; z-index:1005; } .dialog-form-dates { background:url('images/dates_dialog_bg_middle.png') 0 0 repeat-y !important; clear:both; width:202px; border:none !important; position:absolute; /*top:573px !important; left:742px !important; *top:572px !important; *left:741px !important;*/ } .dialog-form-budget-bg-top { background:url(images/budget_dialog_bg_borders.png) 0 0 no-repeat; clear:both; height:16px; width:231px; z-index:1004; } .dialog-form-budget-bg-button { background: url(images/icons/dialog_icon_open_new.png) no-repeat scroll 0 0px !important; clear:both; height:auto; width:37px; z-index:1004; margin-top:-18px; margin-left: 186px; } .sidebar-dialog-form-travelers-bg-button, .sidebar-dialog-form-dates-bg-button, .sidebar-dialog-form-budget-bg-button { position:relative; background: url(images/icons/sidebar_dialog_open.png) no-repeat !important; border:none; z-index:1004; width:57px !important; height:25px !important; margin-top:-25px !important; margin-left:144px !important; } .sidebar-dialog-form-budget-bg-button { margin-left:174px !important; } .sidebar-dialog-form-dates-bg-button { margin-left:146px !important; } .sidebar-dialog-form-budget-bg-top { background:url(images/sidebar_budget_dialog_bg_top_border.png) 0 0 no-repeat; clear:both; height:14px; width:231px; z-index:1004; } .dialog-form-budget-bg-bottom, .sidebar-dialog-form-budget-bg-bottom { background:url(images/budget_dialog_bg_borders.png) 0 -35px no-repeat; clear:both; height:18px; width:231px; z-index:1004; margin-top: -1px; } .dialog-form-budget { background:url('images/budget_dialog_bg_middle.png') 0 0 repeat-y !important; clear:both; width:231px; border:none !important; position:absolute; /*top:577px !important; left:1068px !important; *top:576px !important; *left:1055px !important;*/ } .dialog-form-budget .checkbox_label, .dialog-form-ada-preference .checkbox_label{ float:left; padding-left: 6px; } /* ADA preference */ .dialog-form-ada-preference-bg-top { background:url(images/budget_dialog_bg_borders.png) 0 0 no-repeat; clear:both; height:16px; width:231px; z-index:1004; } .dialog-form-ada-preference-bg-button { background: url(images/icons/dialog_icon_open_new.png) no-repeat scroll 0 0px !important; clear:both; height:auto; width:37px; z-index:1004; margin-top:-18px; margin-left: 186px; } .sidebar-dialog-form-ada-preference-bg-button { position:relative; background: url(images/icons/sidebar_dialog_open.png) no-repeat !important; border:none; z-index:1004; width:57px !important; height:25px !important; margin-top:-25px !important; margin-left:144px !important; } .sidebar-dialog-form-ada-preference-bg-button { margin-left:174px !important; } .sidebar-dialog-form-ada-preference-bg-top { background:url(images/sidebar_budget_dialog_bg_top_border.png) 0 0 no-repeat; clear:both; height:14px; width:231px; z-index:1004; } .dialog-form-ada-preference-bg-bottom, .sidebar-dialog-form-ada-preference-bg-bottom { background:url(images/budget_dialog_bg_borders.png) 0 -35px no-repeat; clear:both; height:18px; width:231px; z-index:1004; margin-top: -1px; } .dialog-form-ada-preference { background:url('images/budget_dialog_bg_middle.png') 0 0 repeat-y !important; clear:both; width:231px; border:none !important; position:absolute; padding-top:5px; font-weight:normal !important; } .sidebar-dialog-form-ada-preference { background:url('images/budget_dialog_bg_middle.png') 0 0 repeat-y !important; clear:both; width:231px; border:none !important; position:absolute; } .select-ada-preference{ width:250px; } .ada-preference-checkbox-container{ float:left; margin-right:5px; } .ada-preference-container{ margin-top:6px; text-align:left; } .ada-display{ display: block; float: left; padding: 0 3px 5px 5px; width: 70%; color: #333333; } .ada-no-display{ display: none; float: left; padding: 0 3px 5px 0; width: 70%; } /*ADA Ends */ /* Sliders */ #hp_Budget_Slider { width:157px; position:relative; height:2.6em !important; background:url() repeat-x scroll 50% 50% transparent !important; border:none !important; } #hp_VacationType_Slider, #hp_HotelExperience_Slider, #hp_Dining_Slider, #hp_Activities_Slider { margin:0 0 0 11px; width:150px; position:relative; background:url() repeat-x scroll 50% 50% transparent !important; border:none !important; } #dining_days_slider, #ticket_days_slider { margin:0px; width:180px; position:relative; border:none !important; } #ticket_days_slider span, #hp_Budget_Slider span, #hp_VacationType_Slider span, #hp_HotelExperience_Slider span, #hp_Dining_Slider span, #hp_Activities_Slider span { color:#bbb; font-size:60%; cursor:pointer; position:absolute; z-index:110; top:0px; } .slider-labels { margin-top:-36px; } .slider-label-left { float:left; width:85px; font-size:11px; text-align:left; } .slider-label-right { float:left; width:85px; font-size:11px; text-align:right; } .budget-slider-labels { margin-top:-10px; margin-bottom: 3px; } .budget-slider-label-left { float:left; width:60px; font-size:11px; text-align:left; } .budget-slider-label-middle { float:left; width:60px; font-size:11px; text-align:left; } .budget-slider-label-right { float:left; width:57px; font-size:11px; text-align:right; } .width-220{ width:220px; } .activities-slider-container { float:left; width:175px; margin-left:0px; } .slider-container { float:left; width:254px; } .ticket-slider-container { width:220px; } .dining-slider-container { width:220px; font-size:11px; } .dining-slider-container h2 { font-size:1.4em; color:#333333; font-weight:bold; } .dining-slider-container p { font-size:1.1em; color:#333333; font-weight:bold; } .dining-slider-container h3 { font-size:1.1em; color:#333333; } .dining-slider-label-left{ padding-top:10px; float :left; width:75px; } .dining-slider-label-right{ padding-top:10px; float :right; width:40px } .dining-slider-label-middle{ padding-top:10px; float :left; width:50px } .ticket-slider-label-left{ float :left; width:90px } .ticket-slider-label-right{ float :right; width:10px; padding-right:40px; } .ticket-slider-label-middle{ float :left; width:10px } /* ticket customization */ .slider-ticket-day1 {left:10%;} .slider-ticket-day2 {left:20%;} .slider-ticket-day3 {left:30%;} .slider-ticket-day4 {left:40%;} .slider-ticket-day5 {left:50%;} .slider-ticket-day6 {left:60%;} .slider-ticket-day7 {left:70%;} .slider-ticket-day8 {left:80%;} .slider-ticket-day9 {left:90%;} .slider-ticket-day10 {left:100%;} /* Dining Customization */ .slider-dining-day1 {margin-left:50%;} /* jQuery Components */ .ui-dialog { position: absolute; padding: .2em; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative;} .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; font-size: 11px; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 0 !important; background-image: none; /*margin: .5em 0 0 0; padding: .3em 1em .5em .4em;*/ margin-top: 1px; margin-left:5px; margin-right:14px; padding:0px 16px 0; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; margin-top:5px; margin-bottom:0px;} .dialog-form-travelers .ui-dialog-buttonset { margin-top: 3px; margin-bottom:-3px; } .dialog-form-budget .ui-dialog-buttonset, .dialog-form-dates .ui-dialog-buttonset { margin-bottom:-2px; } .dialog-form-budget .ui-dialog-buttonset { margin-top:5px; } .dialog-form-dates .ui-dialog-buttonset { margin-top:1px; } */ #hp_Travelers_Cancel_Btn, #hp_Travelers_Ok_Btn { margin-top: 0.4em; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em 0.1em .5em 0; cursor: pointer; vertical-align:baseline; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-button .ui-button-text { display: block; line-height: 2.4; font-size: 11px; } .ui-icon-cancel { background:none repeat scroll 0 0 transparent !important; border:none !important; color:#166C8F !important; font-weight:normal !important; font-size:12px !important; vertical-align:top; } .ui-icon-ok { background-image:url('images/icons/BtnOk.png') !important; text-decoration:none; width:51px; height:28px; } #hp_Travelers_Ok_Btn { margin-right: 5px; } .ui-slider-horizontal { height:2.5em !important; } .ui-slider .ui-slider-handle { background:url(images/icons/SliderHandle.png) no-repeat !important; height:25px !important; width:13px !important; border:none !important; cursor:pointer !important; margin-left:-0.4em !important; top: -0.2em !important; } #hp_Budget_Slider .ui-slider-handle { margin-left:-0.6em !important; } .ui-widget-header { background:url('') repeat-x scroll 50% 50% #FFFFFF !important; border:none !important; color:#333333 !important; font-weight:bold; } input#hp_Budget_Btn.ui-button { padding: 0em 1em; } /* This CSS definition must go after .ui-widget-content */ .slider-class { /*background-color:#FFFFFF !important;*/ background:url(images/slider_bg.png) no-repeat !important; width:174px; /*margin-top:-16px;*/ } .budget-slider-class { background:url(images/budget_slider.png) no-repeat !important; width:180px; margin-top:-13px; } /* Show/Personalize Recommendation Buttons */ .recommendation-button-container { /*height: 46px; */ margin-top:0px; } #hp_Cta_Left { float: Right; margin-right: 500px; } #hp_Cta_Right { float: left; margin-left: 500px; } .recommendation-button-container-2 { float: left; margin-left: 215px; margin-right: 8px; width: 255px; } .recommendation-button-container-1 { float: left; margin-left: 8px; text-align: left; width: 255px; } .recommendation-button-copy-1, .recommendation-button-copy-2 { float: left; font: 12px Arial; margin:6px 17px -12px 2px; text-align: left; width: auto; } a.show-recommendation-cta { background:transparent url(images/orange_recom_btn_left.jpg) no-repeat top left; display:block; float:left; font:bold 14px Arial; line-height:40px; height:40px; padding-left:8px; text-decoration:none; color:#ffffff; } a:link.show-recommendation-cta, a:visited.show-recommendation-cta, a:hover.show-recommendation-cta, a:active.show-recommendation-cta{ color:#ffffff; text-decoration:none !important; /* color:#ffffff !important; */ } a.show-recommendation-cta span { background:transparent url(images/orange_recom_btn_right.jpg) no-repeat top right; display:block; padding:0px 12px 0px 2px; min-width: 220px; text-align: center; cursor:pointer; } a:hover.show-recommendation-cta { /* Hover state CSS */ /*text-decoration:underline;*/ } a.personalize-recommendation-cta { background:transparent url(images/customize_recom_btn_left.png) no-repeat top left; display:block; float:left; font:bold 14px Arial; line-height:40px; height:40px; padding-left:11px; text-decoration:none; color:#2f82ac; } a:link.personalize-recommendation-cta, a:visited.personalize-recommendation-cta, a:hover.personalize-recommendation-cta, a:active.personalize-recommendation-cta{ color:#2f82ac; text-decoration:none; border } a.personalize-recommendation-cta span { background:transparent url(images/customize_recom_btn_right.png) no-repeat top right; display:block; padding:0px 12px 0px 2px; min-width: 220px; text-align: center; cursor:pointer; } /* Show/Customize Recommendation Button Ends */ .slider-resort-experience1{left:33%;} .slider-resort-experience2{left:67%;} .slider-resort-experience3{left:100%;} .resort-slider-label-left{ margin-left: -1px; margin-top: 4px; width:10px; float: left; } .resort-slider-label-right{ float :right; width:10px; padding-right:44px; margin-top: 4px; } .resort-prefs-heading { font-size: 1.5em; width: 200px; } /* Tooltips */ .preferences-label-travelers { float:left; font-weight:bold; font-size:12px; padding:12px 8px 8px 0; } .preferences-label-budget { float:left; font-weight:bold; font-size:12px; padding:12px 8px 8px 0; } .preferences-label-vacation-pace { float:left; font-weight:bold; font-size:12px; padding: 12px 8px 8px 0; } .preferences-label-location { font-weight:bold; font-size:12px; padding-top:4px; padding-bottom:8px; padding-left: 1px; width: 210px; } .preferences-label-date{ width: 40px; float: left; } .location-preference-input-holder { margin :0px 0px 2px 1px ; } #hr-resort-ul { color: #f00; background-color: #A4A4A4; height: 1px; margin: 8px 0px 10px 0px; width: 209px; } #hr-resort { color: #f00; background-color: #A4A4A4; height: 1px; margin: 16px 0px 10px 0px; width: 209px; } .preferenes_icon { float: left; padding-right: 6px; padding-top:9px; } .budget-horizontal-content .preferenes_icon { padding-right: 4px; padding-top:9px; } .preferences-label-hotel-exp { font-weight:bold; font-size:12px; padding: 12px 8px 8px 1px; float:left; } .preferences-label-room { font-weight:bold; font-size:12px; padding-top:5px; padding-bottom:8px; padding-left: 1px; width: 210px; float:left; } .preferences-label-features { font-weight:bold; font-size:12px; padding-top:5px; padding-bottom:8px; padding-left: 1px; width: 210px; float:left; } .preferences-label-dining { float:left; font-weight:bold; font-size:12px; padding: 12px 8px 8px 0; } .preferences-label-activities { float:left; font-weight:bold; font-size:12px; padding:12px 8px 8px 0; } .tooltip-container { float:left; width:18px; height:15px; margin-top:16px; } .tooltip-container-dining { float:right; !important; /*margin-top:0px; !important;*/ margin-top:-5px; !important; } .tooltip-container-resort { float:left; !important; margin-top:6px; !important; } .tooltip, .tooltip-long{ position: relative; } .tooltip-h4 { margin:8px 0 0 7px; } div.tooltip em { background: url(images/icons/tooltip_bubble.png) no-repeat; width:142px; height:73px; position:absolute; top: -95px; left: -12px; font:11px Arial; text-align:left; z-index:2; display:none; padding:15px; border:none; } div.tooltip-long em{ background: url(images/icons/tooltip_bubble_longer.png) no-repeat; width:142px; height:110px; position:absolute; top: -133px; left: -12px; font:11px Arial; text-align:left; z-index:2; display:none; padding:16px; } div.tooltip em a, div.tooltip-long em a { font-weight:normal !important; } #tooltip-icon { width:18px; height:19px; background:url(images/icons/tooltip_icon.png) no-repeat 0 0; text-indent: -9999px; margin:0 auto; display:block; } #tooltip-icon-resort { width:18px; height:19px; background:url(images/icons/tooltip_icon.png) no-repeat 0 0; text-indent: -9999px; margin:4px 0px 0px -2px; display:block; } #tooltip-icon-personalized-section { width:18px; height:19px; background:url(images/icons/tooltip_icon.png) no-repeat 0 0; text-indent: -9999px; margin:-5px 0 0; display:block; } .closeMe { background:url(images/icons/tooltip_close.png) no-repeat; width:16px; height:16px; position:absolute; top:5px; left:152px; text-align: right; text-indent: -9999px; z-index: 2; } .long-tooltip { top:7px; } .sidebar-dialog-form-travelers { background:url('images/travel_party_dialog_bg_middle_new.png') 0 0 repeat-y !important; clear:both; width:204px; border:none !important; position:absolute; /*top:591px !important; left:1116px !important;*/ } .sidebar-dialog-form-dates { background:url('images/dates_dialog_bg_middle.png') 0 0 repeat-y !important; clear:both; width:202px; border:none !important; position:absolute; /*top:679px !important; left:1114px !important;*/ } .sidebar-dialog-form-budget { background:url('images/budget_dialog_bg_middle.png') 0 0 repeat-y !important; clear:both; width:231px; border:none !important; position:absolute; /*top:764px !important; left:1086px !important;*/ } .yourdetails-price #select-budget, .yourdetails-p #select-dates { background-color:#f7f7f7; border:none; } .your-vecation-details{ display:none; } .margin-top-35{ margin-top:35px; } .ui-datepicker-calendar .ui-state-active, .ui-datepicker-calendar .ui-state-default{ color: #056287; text-align: center; } .ui-datepicker-calendar .ui-state-default { background: none; border: none; } .ui-datepicker-calendar .ui-state-active { background: none #D6EBF3; border: none; } td.ui-datepicker-other-month { background: none #FFFFFF; } .ui-datepicker-calendar .ui-datepicker-unselectable, .ui-datepicker-calendar .ui-state-disabled { opacity: 0.5; } body.home .ui-datepicker td { border-color:#EDEDED; border-style:solid; border-width:1px 0 0 1px; padding:1px; } #hp_Budget_Checkbox { top: 0; float: left; } .round_4 { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .resort-link >a { color:#056287; text-decoration:none; font-weight:normal; font-size:12px; } /* Safari Fix */ @media screen and (-webkit-min-device-pixel-ratio:0){ .preferences-label-travel-party { padding-top:16px; } #select-budget { padding-top:0px; } input.ui-button { padding:0.7em 1em; } input#hp_Budget_Btn.ui-button { padding:0.3em 1em; } .ui-dialog .ui-dialog-buttonpane { padding-top: 6px; padding-bottom: 9px; } .ui-dialog .ui-dialog-buttonpane button{ margin:0 0 -0.6em 0px; padding-bottom:6px; border:none; text-decoration:none; outline:none; } body.home .ui-dialog .ui-dialog-buttonpane button{ padding-bottom:14px; } #hp_Travelers_Cancel_Btn { padding-bottom:3px; } #hp_Travelers_Ok_Btn { padding-bottom:3px; } #hp_Dates_Ok_Btn { padding-bottom:8px; } .dialog-form-budget .ui-dialog-buttonset, .dialog-form-ada-preference .ui-dialog-buttonset { height:37px; } body.home .dialog-form-dates .ui-dialog-buttonset { margin-top:4px; } body.home .dialog-form-dates .ui-dialog-buttonset { margin-bottom:-9px; } body.home .dialog-form-budget .ui-dialog-buttonset { margin-top:6px; } body.home .dialog-form-budget .ui-dialog-buttonset { margin-bottom:-2px; } body.home .adults{ padding-bottom: 3px; } } .print_selected_image{ display:none; } .print_selected_image11{ display:none; } /* Safari fix */ @media screen and (-webkit-min-device-pixel-ratio:0) { #select-dates{ margin-left:2px !important; } } /*------------------------------------------------------------------ [Table of contents] 1. Global Overrides 2. Clearfix 3. DOL 3.1. Chrome / #chrome_dol 3.2. Global Footer / #footer_dol 4. WDW 5. Content Border / #shadeLeft, #shadeRight 6. Home - A. Uncategorized B. JavaScript/Progressive Enhancement -------------------------------------------------------------------*/ /*------------------------------------------------------------------ # [Color codes] -------------------------------------------------------------------*/ /*------------------------------------------------------------------ [Typography] Body copy: Headers: Input, textarea: Notes: none -------------------------------------------------------------------*/ /*------------------------------------------------------------------ [1. Global Overrides] */ .wf-loading body,.wf-inactive body,.wf-active body { font-family: 'Arial', 'Helvetica', sans-serif; } body { background: url("images/bg.jpg") repeat-x scroll center top #EEF7FC; font-family: 'Arial', 'Helvetica', sans serif; color: #4b3a0e; color: #333333; font: 100% Arial, Sans-Serif; padding: 0; } a { outline: none; } h1.pageHeader { color: #7EAC03; font-size: 2em; line-height: 1em; z-index: 900; position: relative; top: 7px; } .hero h1 { width: 575px; } .hero div.hero-media object { position: relative; z-index: 1; top: -32px; margin-bottom: -32px; min-height: 32px; } .gallery div.hero-media object,.home div.hero-media object { top: 0; margin-bottom: 0; } .hero-non-slideshow { margin-top: 35px; } h1 { font-size: 24px; font-weight: normal; color: #5a481b; } h2,h3,h4,h5,h6,h7,h8 { color: #85b112; } form ul.errors { list-style-type: none; padding: 0; margin: 0; } form ul.errors li { margin: 2px 0; color: #c00; font-weight: bold; } form label { font-weight: normal; } form dt label { font-weight: bold; } /* CSS Buttons */ button.submit,a.button,input.submit { color: #fff; font-weight: bold; text-decoration: none; padding: 4px 8px 3px; text-transform: uppercase; font-size: 11px; margin: 0; cursor: pointer; border: none; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); background: #5ca7c7; /* for non-css3 browsers */ filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr = '#8cbed9', endColorstr = '#4383b1' ); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#8cbed9), to(#4383b1) ); /* for webkit browsers */ background: -moz-linear-gradient(top, #8cbed9, #4383b1); /* for firefox 3.6+ */ -moz-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.5), inset -1px -1px 1px rgba(0, 0, 0, 0.25); -webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.5), inset -1px -1px 1px rgba(0, 0, 0, 0.25); *padding: 1px 7px 1px; *position: relative; *top: 1px; } a.button { *padding: 3px 7px 3px; } button.submit:hover,a.button:hover,button.submit:focus,a.button:focus { text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.7); background: #84bddb; /* for non-css3 browsers */ filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr = '#a9d5f5', endColorstr = '#4792b9' ); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#a9d5f5), to(#4792b9) ); /* for webkit browsers */ background: -moz-linear-gradient(top, #a9d5f5, #4792b9); /* for firefox 3.6+ */ } button.submit:disabled { color: #aaa; background: #eee; /* for non-css3 browsers */ filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr = '#eee', endColorstr = '#ddd' ); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd) ); /* for webkit browsers */ background: -moz-linear-gradient(top, #eee, #ddd); /* for firefox 3.6+ */ text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15); cursor: default; } /*------------------------------------------------------------------ [2. Clearfix] */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-table; } /* Hides from IE-mac \*/ * html .clearfix { height: .01%; } .clearfix { display: block; } /* End hide from IE-mac */ .hide { display: none; } .show { display: block !important; } /*------------------------------------------------------------------ [3. DOL] */ /*------------------------------------------------------------------ [3.1. Chrome / #chrome_dol] */ #chrome_dol { background-color: #868686; font: normal 62.5% Verdana, Arial, Helvetica, sans-serif; /* position:relative; width: 100%; height: 48px; */ } #chrome_dol table { margin: 0 auto; } #chrome_dol table td { padding: 0; } #chrome_dol .gde_chromeExploreButtons { border-bottom: 1px solid #e2e2e2; } /*------------------------------------------------------------------ [3.2. Global Footer / #footer_dol] */ #footer_dol { clear: both; margin: 0 auto; /* space between lowest element and footer should be 125px */ width: 999px; } #footer_dol a:hover { text-decoration: underline; } /*------------------------------------------------------------------ [3. WDW] */ #nextGenFooterWrapper { padding: 12px; } /*------------------------------------------------------------------ [5. Content] */ .container { position: relative; } #qt { font-size: 10px; width: 140px; color #252525; } div.dismiss-container { position: absolute; top: 9px; right: 9px; padding-right: 14px; background: url('images/crisis_close.gif') right center no-repeat; } div.dismiss-container a { text-decoration: none; } /* Sidebar */ ul.sidebar { margin: 0; padding:5px 9px 0 0; list-style-type: none; float: left; overflow: hidden; width: 100%; } ul.sidebar li.sidebar-item { padding: 0; margin: 0; } ul.sidebar div.collapsible { height: 198px; } ul.sidebar ul.submenu,ul.sidebar ul.submenu ul { list-style-type: none; padding: 4px 0; margin: 0; background: #f5f3ee; } ul.sidebar ul.submenu { margin-bottom: 8px; } ul.sidebar ul.submenu li { margin: 0; padding: 4px 0 0; background: url('images/localNavigationSeparator.gif') center top no-repeat; } ul.sidebar ul.submenu li:first-child { padding: 0; background: transparent; } ul.sidebar ul.submenu li a { display: block; padding: 1px 8px 0px 34px; font-size: 15px; background: url('images/localNavigationIconSprite.png') 0px 400px no-repeat; margin: 4px 0; text-decoration: none; color: #6f5b2e; font-weight: normal; font-family: 'OFL Sorts Mill Goudy TT', 'Times New Roman', 'Times', serif; } ul.sidebar ul.submenu li>a:hover,ul.sidebar ul.submenu li.active>a { background-position: 12px 2px; color: #c56606; } ul.sidebar ul.submenu>li.active-deep>a { background-position: -371px 7px; } ul.sidebar ul.submenu ul { padding-left: 20px; } ul.sidebar ul.submenu ul li a { margin: -8px 0 0; background: url('images/localNavigationBulletSprite.png') 16px 11px no-repeat #f5f3ee; font-size: 12px; padding-top: 5px; padding-bottom: 2px; padding-left: 26px; } ul.sidebar ul.submenu ul li.active a,ul.sidebar ul.submenu ul li a:hover,ul.sidebar ul.submenu ul li a:focus { background-position: 16px -84px; } ul.sidebar ul.submenu ul { display: none; } ul.sidebar ul.submenu li.active ul,ul.sidebar ul.submenu li.active-deep ul { display: block; } ul.sidebar ul.submenu li.active ul ul { display: none; } ul.sidebar p { color: #5a481b; line-height: 15px; margin: 0; font-size: 12px; } ul.sidebar h2 a { font-size: 15px; font-weight: normal; } ul.sidebar h2 a:hover { color: #c56606; } ul.sidebar .panel { padding: 20px 0 15px; background: url('images/localNavigationSeparator.gif') center top no-repeat; } ul.sidebar .panel h2 { font-size: 14px; font-weight: normal; text-transform: uppercase; padding: 0; margin: 0; } ul.sidebar .panel h2 a { color: #5a481b; text-decoration: none; padding: 0; } ul.sidebar form#searchForm { padding: 18px 0 11px; } ul.sidebar ul.carousel { margin-top: 13px; } /* Home Sidebar */ .home ul.sidebar { margin-left: 5px; list-style-type: none; float: left; overflow: hidden; width: 290px; } .home ul.sidebar ul.submenu h2 { margin: 0; padding: 0; } .home ul.sidebar .panel { padding: 14px 21px 10px; background-image: url('images/NavigationSeparator_miniSideBar.gif'); } .home ul.sidebar p a { display: inline; } .home ul.sidebar a { color: #7a810f; font-size: 13px; font-weight: norma; } .home ul.sidebar h2 a { font-size: 15px; } .home ul.sidebar li.sidebar-item form { margin-left: 20px; } /* Resort Benefits */ .recommendation-benefits{ cursor:default; } .recommendation-benefits h4 { color: #6B6B6B; margin-left: 1px; font-size: 1.1em; padding-top: 7px; cursor:default; } .recommendation-benefits ul { padding-top: 5px; cursor:default; margin: 5px -5px 9px; float:left; } .recommendation-benefits li { list-style: disc; font-size: 12px; margin-left: 20px; } .recommendation-benefits span.icon { clear:both; padding: 0px 0px 16px; margin-left:-3px; cursor:pointer; } .recommendation-benefits li span.description { width: 175px; color: #6B6B6B; cursor:default; } .recommendation-benefits li:first-child span.description{ } /*------------------------------------------------------------------ [5.1 Defaults] */ /* Hero Media */ .hero-media { margin: 0px; } /* adds ghost hero-media so text doesn't jump from top to bottom on initial page load */ .hero .hero-media { min-height: 323px; } .hero-media img { width: 627px; height: auto; margin: auto; } #hero-media-full-width { text-align: center; position: relative; display: block; clear: both; } /* Content List */ ul.content-list { list-style-type: none; margin: 0 0 18px; padding: 0; } ul.content-list li.content-list-item { margin: 0; padding: 0 0 18px; overflow: hidden; } .row-nomedia { position: relative; margin: 0; padding: 20px 0 30px; border-top: 1px solid #f0eee9; overflow: hidden; } .row-nomedia:first-child { border-top: none; padding-top: 0; } .generic:first-child { padding-top: 0; } .generic { padding-top: 27px; } .generic h3 { font-size: 13px; font-weight: bold; margin-bottom: 3px; } .generic h3 a { font-family: 'arial', serif; font-size: 14px; font-weight: normal; } /* Detail media listing */ .detail-media-listing h3 { font-size: 18px; font-weight: normal; margin-bottom: 3px; color: #7a810f; } .detail-media-listing h3 a { font-size: 18px; font-weight: normal; margin-bottom: 3px; color: #7a810f; } .detail-media-listing ul.media { position: absolute; list-style-type: none; overflow: hidden; background: #dad4c7; padding: 1px; margin: 2px 0 0; bottom: 27px; } .detail-media-listing ul.media li.media-item { float: left; padding: 12px 7px 11px 8px; margin: 0; } .primary-content div.row .detail-media-listing { margin-right: 10px; } .primary-content div.row div.last .detail-media-listing { margin-left: 10px; margin-right: 0; } .detail-media-listing ul.media li.media-item img { width: 102px; height: auto; border: 1px solid #fff; } /* Detail media panel */ .detail-media-panel { float: left; width: 100%; } .detail-media-panel div.detail { margin-right: 218px; float: left; padding-right: 18px; } .detail-media-panel h3 { margin-bottom: 4px; margin-right: 200px; font-weight: normal; } .detail-media-panel ul.media { float: left; list-style-type: none; background: #dedad0; padding: 0; margin: 0; width: 200px; margin-left: -202px; } .detail-media-panel ul.media li.media-item { float: left; padding: 0; margin: 8px; } .detail-media-panel ul.media li.media-item:last-child { padding-right: 0; } .detail-media-panel ul.media li.media-item img { width: 180px; height: auto; border: 1px solid #fff; } .accommodations .index.content hr { margin-top: 18px; height: 1px; margin-bottom: 19px; padding: 0; } /* Detail Content */ .accommodations .detail.content img { float: right; margin: 0 0 8px 8px; } /* ---------------- Group Content list ---- */ ul.group-content-list { list-style-type: none; margin: 0px; padding: 0px; } ul.group-content-list li.group-content-list-item { margin: 0; padding: 0px; overflow: hidden; } .group-row { margin: 0; padding: 25px 0 0 0; border-top: 1px solid #f0eee9; overflow: hidden; } .group-row:first-child { border-top: none; padding-top: 0; } .group-row:last-child { padding-bottom: 20px; } /* ---------------End Group Content List--*/ /* --- Listing ---*/ div.listing { padding: 0px; margin: 0px; } div.listing ul { color: #2e1d09; padding: 0 0 0 15px; margin: 0px; list-style-type: disc; } /*--- End Listing--*/ /* -----Detail media Inline listing -----*/ .detail-media-inline-listing { overflow: hidden; padding: 5px 0 0 0; margin: 0px; } .detail_media_content_list { color: #4B3A0E; font-family: Arial; font-size: 12px; width: 340px; float: left; margin: 0px; padding: 0px 0px 35px 0px; } .detail_media_content_list ul { list-style-type: none; padding: 0px; } .detail_media_content_list ul li h3 { font-size: 18px; font-weight: normal; } .detail-media-inline-listing img { width: 102px; height: 74px; padding: 0px; margin: 0px; border: 1px solid #fff; } .detail_media_content_images { background: #dad4c7; float: right; margin: 20px 0 0 0; padding: 11px 0px 8px 0px; } .detail_media_content_images ul { list-style: none; margin: 0px; padding: 0px 3px 0px 3px; } .detail_media_content_images li { display: inline; margin: 0px; padding: 0 8px 0 8px; } li.list ul { list-style-type: disc; padding-left: 15px; } /*********** info-content **/ div.info-content { overflow: hidden; color: #C56606; font-size: 16px; background: #f5f3ee; margin: 0px; padding-left: 30px; height: 35px; font-weight: normal; } /****** middle-content ***/ div.middle-content { overflow: hidden; width: 710px; margin: 5px; } div.middle-content p { width: 300px; float: left; } div.middle-content ul { float: right; width: 300px; } /* -----End of Detail media Inline listing -----*/ /* Landing page middle content */ .detail-middle-content { overflow: hidden; padding: 0; margin: 0; border-bottom: 1px solid #F0EEE9; } .detail-middle-content-txt { width: 45%; margin: 0; padding: 0; float: left; color: #4b3a0e; } .detail-middle-content-txt a { font: arial 12px; color: #7a810f; } .detail-middle-content-txt h3 a { font-weight: normal; font-size: 18px; color: #7a810f; } .detail-middle-content-img { float: right; margin: 0px; padding: 5px 0 0 0; } .detail-middle-content-img img { width: 362px; height: 182px; padding-bottom: 25px; } .detail-middle-content-txt ul { float: left; width: 30em; margin: 0px; padding: 0 0 0 15px; line-height: 2em; padding-bottom: 27px; } .detail-middle-content-txt ul li { float: left; width: 15em; margin: 0pt; padding: 0pt; } /*end of Activities-amenities landing page middle content */ .primary-content { padding: 0 0 25px; *margin-top: 50px; } .primary-content h3 { margin-bottom: 6px; } .primary-content:first-child { padding: 0; } /**** detail-content-list ***/ .detail-content-listing { overflow: hidden; padding: 5px; margin: 0px; } .detail_content_listing_desc { float: left; margin: 0px; padding: 0px; width: 490px; } .detail_content_listing_img { float: right; margin: 0px; padding: 0px; width: 210px; } /*------------------------------------------------------------------ [7. Home] */ .home div.span-8 { margin-right: 0; width: 318px; } .home div#hero-media-full-width { margin-bottom: -35px; } .home .generic { width: 100%; } .home h3 { margin: 23px 0 8px; *margin-top: 25px; font-size: 16px; font-weight: normal; color: #c0650c; text-transform: uppercase; } .home .hero-media { margin-top: 0; padding: 0; /*border: 1px solid #efefef; */ } .home #footer .links { background: none; } .home div.content-item { margin-top: 25px; margin-left: 2px; font-size: 20px; font-family: 'Arial'; font-weight: 'bold'; color: #878787; line-height: 1.2em; } .home div.content-item-detailed { margin-top: 15px; margin-bottom: 30px; margin-left: 2px; font-size: 18px; font-family: 'Arial'; font-weight: 'bold'; color: #878787; line-height: 1.2em; } .home .promo-list-container { margin: 20px 0 77px; width: 668px; height: 80px; background: url('images/promo_pattern_horizontal.gif') top left repeat-x #fff; } .home .promo-list-container ul { margin: 0; padding-left: 19px; } .home .promo-list-container ul li { display: inline; } .home div.linked-image { float: left; margin-right: 5px; } div.span-24 div.span-18 { padding-left: 126px; } .disclaimer { clear: both; margin: 0; padding: 12px 0 0; } // copied from WDW site h1 img,h2 img,h3 img,h4 img,h5 img,h6 img { margin: 0; } p { margin: 0 0 1.5em; } p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; } p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; } blockquote { color: #333333; font-style: italic; margin: 1.5em; } strong { font-weight: bold; } em,dfn { font-style: italic; } dfn { font-weight: bold; } sup,sub { line-height: 0; } abbr,acronym { border-bottom: 1px dotted #333333; } address { font-style: italic; margin: 0 0 1.5em; } del { color: #333333; } pre { margin: 1.5em 0; white-space: pre; } pre,code,tt { font: 1em/1.5 'andale mono', 'lucida console', monospace; } li ul,li ol { margin: 0; } dl { margin: 0 0 1.5em; } dl dt { font-weight: bold; } dd { margin-left: 1.5em; } table { margin-bottom: 1.4em; width: 100%; } th { font-weight: bold; } thead th { background: none repeat scroll 0 0 #C3D9FF; } th,td,caption { padding: 4px 10px 4px 5px; } tr.even td { background: none repeat scroll 0 0 #E5ECF9; } tfoot { font-style: italic; } caption { background: none repeat scroll 0 0 #EEEEEE; } .small { font-size: 0.8em; line-height: 1.875em; margin-bottom: 1.875em; } .large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; } .hide { display: none; } .quiet { color: #666666; } .loud { color: #000000; } .highlight { background: none repeat scroll 0 0 #FFFF00; } .added { background: none repeat scroll 0 0 #006600; color: #FFFFFF; } .removed { background: none repeat scroll 0 0 #990000; color: #FFFFFF; } .first { margin-left: 0; padding-left: 0; } .last { margin-right: 0; padding-right: 0; } .top { margin-top: 0; padding-top: 0; } .bottom { margin-bottom: 0; padding-bottom: 0; } b { color: #4B3A0E; font-family: 'arial'; font-size: 12px; font-weight: bold; } label { font-weight: bold; } fieldset { border: 1px solid #CCCCCC; margin: 0 0 1.5em; padding: 1.4em; } legend { font-size: 1.2em; font-weight: bold; } input.text,input.title { padding: 5px; width: 300px; } input.title { font-size: 1.5em; } textarea { height: 250px; padding: 5px; width: 390px; } input[type="checkbox"],input[type="radio"],input.checkbox,input.radio { position: relative; /*top: 0.25em;*/ top:0.12em; } /* Safari fix */ @media screen and (-webkit-min-device-pixel-ratio:0) { input[type="checkbox"],input[type="radio"],input.checkbox,input.radio { position: relative; top:-0.1em; } } form.inline { line-height: 3; } form.inline p { margin-bottom: 0; } .error,.notice,.success { border: 2px solid #DDDDDD; margin-bottom: 1em; padding: 0.8em; } .error { background: none repeat scroll 0 0 #FBE3E4; border-color: #FBC2C4; color: #8A1F11; } .notice { background: none repeat scroll 0 0 #FFF6BF; border-color: #FFD324; color: #514721; } .success { background: none repeat scroll 0 0 #E6EFC2; border-color: #C6D880; color: #264409; } .error a { color: #8A1F11; } .notice a { color: #514721; } .success a { color: #264409; } .container { margin: 0 auto; width: 1000px; } .showgrid { background: url("src/grid.png") repeat scroll 0 0 transparent; } .showgrid2 { background: url("src/resorts-grid.png") repeat-y scroll left top transparent; } .column,div.span-1,div.span-2,div.span-3,div.span-4,div.span-5,div.span-6,div.span-7,div.span-8,div.span-9,div.span-10,div.span-11,div.span-12,div.span-13,div.span-14,div.span-15,div.span-16,div.span-17,div.span-18,div.span-19,div.span-20,div.span-21,div.span-22,div.span-23,div.span-24 { float: left; margin-right: 10px; } .column1,div.span-1,div.span-2,div.span-3,div.span-4,div.span-5,div.span-6,div.span-7,div.span-8,div.span-9,div.span-10,div.span-11,div.span-12,div.span-13,div.span-14,div.span-15,div.span-16,div.span-17,div.span-18,div.span-19,div.span-20,div.span-21,div.span-22,div.span-23,div.span-24 { float: left; margin-left: 348px; } .column2,div.span-1,div.span-2,div.span-3,div.span-4,div.span-5,div.span-6,div.span-7,div.span-8,div.span-9,div.span-10,div.span-11,div.span-12,div.span-13,div.span-14,div.span-15,div.span-16,div.span-17,div.span-18,div.span-19,div.span-20,div.span-21,div.span-22,div.span-23,div.span-24 { float: left; margin-left: 0px; } div.span-25 { float: right; margin-right: 8px; } .last,div.last { margin-right: 0; } .span-1 { width: 34px; } .span-2 { width: 76px; } .span-3 { width: 118px; } .span-4 { width: 160px; } .span-5 { width: 202px; } .span-6 { width: 244px; } .span-7 { width: 286px; } .span-8 { width: 328px; } .span-9 { width: 370px; } .span-10 { width: 412px; } .span-11 { width: 454px; } .span-12 { width: 496px; } .span-13 { width: 538px; } .span-14 { width: 580px; } .span-15 { width: 622px; } .span-16 { width: 664px; } .span-17 { width: 706px; } .span-18 { width: 748px; } .span-19 { width: 790px; } .span-20 { width: 832px; } .span-21 { width: 874px; } .span-22 { width: 916px; } .span-23 { width: 958px; } .span-24,div.span-24 { margin: 0; width: 1000px; } input.span-1,textarea.span-1,input.span-2,textarea.span-2,input.span-3,textarea.span-3,input.span-4,textarea.span-4,input.span-5,textarea.span-5,input.span-6,textarea.span-6,input.span-7,textarea.span-7,input.span-8,textarea.span-8,input.span-9,textarea.span-9,input.span-10,textarea.span-10,input.span-11,textarea.span-11,input.span-12,textarea.span-12,input.span-13,textarea.span-13,input.span-14,textarea.span-14,input.span-15,textarea.span-15,input.span-16,textarea.span-16,input.span-17,textarea.span-17,input.span-18,textarea.span-18,input.span-19,textarea.span-19,input.span-20,textarea.span-20,input.span-21,textarea.span-21,input.span-22,textarea.span-22,input.span-23,textarea.span-23 { border-left-width: 1px !important; border-right-width: 1px !important; padding-left: 5px !important; padding-right: 5px !important; } input.span-1,textarea.span-1 { width: 22px !important; } input.span-2,textarea.span-2 { width: 64px !important; } input.span-3,textarea.span-3 { width: 106px !important; } input.span-4,textarea.span-4 { width: 148px !important; } input.span-5,textarea.span-5 { width: 190px !important; } input.span-6,textarea.span-6 { width: 232px !important; } input.span-7,textarea.span-7 { width: 274px !important; } input.span-8,textarea.span-8 { width: 316px !important; } input.span-9,textarea.span-9 { width: 358px !important; } input.span-10,textarea.span-10 { width: 400px !important; } input.span-11,textarea.span-11 { width: 442px !important; } input.span-12,textarea.span-12 { width: 484px !important; } input.span-13,textarea.span-13 { width: 526px !important; } input.span-14,textarea.span-14 { width: 568px !important; } input.span-15,textarea.span-15 { width: 610px !important; } input.span-16,textarea.span-16 { width: 652px !important; } input.span-17,textarea.span-17 { width: 694px !important; } input.span-18,textarea.span-18 { width: 736px !important; } input.span-19,textarea.span-19 { width: 778px !important; } input.span-20,textarea.span-20 { width: 820px !important; } input.span-21,textarea.span-21 { width: 862px !important; } input.span-22,textarea.span-22 { width: 904px !important; } input.span-23,textarea.span-23 { width: 946px !important; } input.span-24,textarea.span-24 { width: 988px !important; } .append-1 { padding-right: 42px; } .append-2 { padding-right: 84px; } .append-3 { padding-right: 126px; } .append-4 { padding-right: 168px; } .append-5 { padding-right: 210px; } .append-6 { padding-right: 252px; } .append-7 { padding-right: 294px; } .append-8 { padding-right: 336px; } .append-9 { padding-right: 378px; } .append-10 { padding-right: 420px; } .append-11 { padding-right: 462px; } .append-12 { padding-right: 504px; } .append-13 { padding-right: 546px; } .append-14 { padding-right: 588px; } .append-15 { padding-right: 630px; } .append-16 { padding-right: 672px; } .append-17 { padding-right: 714px; } .append-18 { padding-right: 756px; } .append-19 { padding-right: 798px; } .append-20 { padding-right: 840px; } .append-21 { padding-right: 882px; } .append-22 { padding-right: 924px; } .append-23 { padding-right: 966px; } .prepend-1 { padding-left: 42px; } .prepend-2 { padding-left: 84px; } .prepend-3 { padding-left: 126px; } .prepend-4 { padding-left: 168px; } .prepend-5 { padding-left: 210px; } .prepend-6 { padding-left: 252px; } .prepend-7 { padding-left: 294px; } .prepend-8 { padding-left: 336px; } .prepend-9 { padding-left: 378px; } .prepend-10 { padding-left: 420px; } .prepend-11 { padding-left: 462px; } .prepend-12 { padding-left: 504px; } .prepend-13 { padding-left: 546px; } .prepend-14 { padding-left: 588px; } .prepend-15 { padding-left: 630px; } .prepend-16 { padding-left: 672px; } .prepend-17 { padding-left: 714px; } .prepend-18 { padding-left: 756px; } .prepend-19 { padding-left: 798px; } .prepend-20 { padding-left: 840px; } .prepend-21 { padding-left: 882px; } .prepend-22 { padding-left: 924px; } .prepend-23 { padding-left: 966px; } div.border { border-right: 1px solid #EEEEEE; margin-right: 5px; padding-right: 4px; } div.colborder { border-right: 1px solid #EEEEEE; margin-right: 25px; padding-right: 24px; } .pull-1 { margin-left: -42px; } .pull-2 { margin-left: -84px; } .pull-3 { margin-left: -126px; } .pull-4 { margin-left: -168px; } .pull-5 { margin-left: -210px; } .pull-6 { margin-left: -252px; } .pull-7 { margin-left: -294px; } .pull-8 { margin-left: -336px; } .pull-9 { margin-left: -378px; } .pull-10 { margin-left: -420px; } .pull-11 { margin-left: -462px; } .pull-12 { margin-left: -504px; } .pull-13 { margin-left: -546px; } .pull-14 { margin-left: -588px; } .pull-15 { margin-left: -630px; } .pull-16 { margin-left: -672px; } .pull-17 { margin-left: -714px; } .pull-18 { margin-left: -756px; } .pull-19 { margin-left: -798px; } .pull-20 { margin-left: -840px; } .pull-21 { margin-left: -882px; } .pull-22 { margin-left: -924px; } .pull-23 { margin-left: -966px; } .pull-24 { margin-left: -1008px; } .pull-1,.pull-2,.pull-3,.pull-4,.pull-5,.pull-6,.pull-7,.pull-8,.pull-9,.pull-10,.pull-11,.pull-12,.pull-13,.pull-14,.pull-15,.pull-16,.pull-17,.pull-18,.pull-19,.pull-20,.pull-21,.pull-22,.pull-23 { float: left; position: relative; } .push-1 { margin: -42px 1.5em 42px; } .push-2 { margin: -84px 1.5em 84px; } .push-3 { margin: -126px 1.5em 126px; } .push-4 { margin: -168px 1.5em 168px; } .push-5 { margin: -210px 1.5em 210px; } .push-6 { margin: -252px 1.5em 252px; } .push-7 { margin: -294px 1.5em 294px; } .push-8 { margin: -336px 1.5em 336px; } .push-9 { margin: -378px 1.5em 378px; } .push-10 { margin: -420px 1.5em 420px; } .push-11 { margin: -462px 1.5em 462px; } .push-12 { margin: -504px 1.5em 504px; } .push-13 { margin: -546px 1.5em 546px; } .push-14 { margin: -588px 1.5em 588px; } .push-15 { margin: -630px 1.5em 630px; } .push-16 { margin: -672px 1.5em 672px; } .push-17 { margin: -714px 1.5em 714px; } .push-18 { margin: -756px 1.5em 756px; } .push-19 { margin: -798px 1.5em 798px; } .push-20 { margin: -840px 1.5em 840px; } .push-21 { margin: -882px 1.5em 882px; } .push-22 { margin: -924px 1.5em 924px; } .push-23 { margin: -966px 1.5em 966px; } .push-24 { margin: -1008px 1.5em 1008px; } .push-1,.push-2,.push-3,.push-4,.push-5,.push-6,.push-7,.push-8,.push-9,.push-10,.push-11,.push-12,.push-13,.push-14,.push-15,.push-16,.push-17,.push-18,.push-19,.push-20,.push-21,.push-22,.push-23 { float: right; position: relative; } .prepend-top { margin-top: 1.5em; } .append-bottom { margin-bottom: 1.5em; } .box { background: none repeat scroll 0 0 #E5ECF9; margin-bottom: 1.5em; padding: 1.5em; } hr { background: none repeat scroll 0 0 #DDDDDD; border: medium none; clear: both; color: #DDDDDD; float: none; height: 0.1em; margin: 0 0 1.45em; width: 100%; } hr.space { background: none repeat scroll 0 0 #FFFFFF; color: #FFFFFF; } .clearfix:after,.container:after { clear: both; content: " "; display: block; height: 0; overflow: hidden; visibility: hidden; } .clearfix,.container { display: block; } .clear { clear: both; } .left { float: left; } .right { float: right; } #gde_footerContainer ul,#gde_footerContainer ol,#gde_footerContainer li,#gde_footerContainer pre,#gde_footerContainer form,#gde_footerContainer fieldset,#gde_footerContainer legend,#gde_footerContainer p,#gde_footerContainer th { margin: 0; padding: 0; } #gde_footerContainer,#gde_footerContainer a { font-family: arial, helvetica, sans-serif; } #gde_footerContainer table { border-collapse: collapse; border-spacing: 0; } #gde_footerContainer fieldset,#gde_footerContainer img { border: 0 none; } #gde_footerContainer li { list-style: none outside none; } #gde_footerContainer th { text-align: left; } #gde_footerContainer { background: none repeat scroll 0 0 transparent; font-weight: normal; margin: 0 auto; padding-top: 20px; width: 100%; } #gde_footerContents { margin: 0 auto; width: 996px; } #gde_footerTitleContainer { background-image: url("http://a.dolimg.com/en-US/dcom/media/footer/sprites/footerSprites.png"); background-position: 24px 4px; background-repeat: no-repeat; border-bottom: 1px solid #CCCCCC; color: #2C2C2C; font-size: 11px; font-weight: bold; height: 47px; line-height: 47px; padding-left: 134px; text-align: left; } #gde_footerSiteMapContainer { text-align: center; } #gde_footerSitemapFirstRow { padding: 18px 24px 20px; } #gde_footerSitemapRow { border-top: 1px solid #FFFFFF; padding: 18px 24px 20px; } .gde_footerSitemapGroup { margin: 0 auto; table-layout: auto; text-align: left; } table.gde_footerSitemapGroup td { width: 135px; } .gde_footerSitemapGroup a,.gde_footerSitemapGroup a:link,.gde_footerSitemapGroup a:visited { color: #2C2C2C; text-decoration: none; } .gde_footerSitemapGroup a:hover { text-decoration: underline; } .gde_sitemapItemTitle { color: #2C2C2C; display: block; font-size: 12px; font-weight: bold; line-height: 12px; padding-bottom: 6px; } .gde_sitemapItem { color: #2C2C2C; display: block; font-size: 11px; line-height: 11px; padding-bottom: 4px; } .gde_sitemapItem a { font-size: 11px; font-weight: normal; line-height: 11px; } #gde_footerFeaturedContainer { background-color: #000000; height: 24px; text-align: center; } .gde_footerFeaturedLinks { margin: 0 auto; text-align: center; } .gde_footerFeaturedLinks,.gde_footerFeaturedLinks span,.gde_footerFeaturedLinks a,.gde_footerFeaturedLinks a:link,.gde_footerFeaturedLinks a:visited { color: #FFFFFF; font-size: 11px; font-weight: normal; line-height: 24px; text-decoration: none; white-space: nowrap; } .gde_footerFeaturedLinks a:hover { text-decoration: underline; } table.gde_footerFeaturedLinks { width: 100%; } table.gde_footerFeaturedLinks td { padding: 0 5px; white-space: nowrap; } #gde_footerLegalContainer { color: #000000; font-size: 11px; line-height: 11px; padding: 16px 0; text-align: center; } .gde_footerLegalLinks a,.gde_footerLegalLinks a:link,.gde_footerLegalLinks a:visited { color: #000000; font-size: 11px; font-weight: normal; line-height: 11px; text-decoration: none; } .gde_footerLegalLinks a:hover { text-decoration: underline; } .gde_footerCopyText { padding-top: 20px; } .gde_comScoreLogo { float: right; margin: -39px 10px 0 0; width: 68px; } .gde_comScoreLogo a { outline: medium none; } .gde_comScoreLogo img { border: medium none; } /* Right Layout Menu CSS Styles Starts*/ #right-menu { width: 200px; float: left; } #right-menu ul { font-family: Arial, Helvetica, sans-serif; list-style-type: none; margin: 0; padding: 0; } #right-menu li { display: inline; /* for IE5 and IE6 */ margin: 0px 0px 2px 0px; } #right-menu a { color: #000; text-decoration: none; font-size: 14px; display: block; padding: 3px; width: 160px; background-color: #FDFCF3; border: 1px dotted #BABABA; margin: 0px 0px 2px 0px; } #right-menu a:link,#right-menu a:visited { color: #000; text-decoration: none; } #right-menu a:hover { background-color: #BABABA; color: #FDFCF3; font-weight: bold; } #right-menu li a#current { border: 1px solid #BABABA; background: #BABABA; color: #FDFCF3; text-align: center; font-weight: bold; cursor: text; text-transform: uppercase; } /* Right Layout Menu CSS Styles Ends */ /* new -----*/ .layout-content-head { z-index: 10; width: 1000px; height: 66px; background-color: #fff; margin: 0 auto 8px; } /* Navigation Bar */ .div-layout-tab-nav { z-index: 100; width: 100%; background-color: #fff; padding-bottom: 5px; } /* Navigation Bar Ends */ /* Chapter Pages Header */ .div-layout-chapter-head { z-index: 10; background-color: #fff; /*padding: 26px 20px 5px;*/ padding: 16px 20px 5px 31px; } .div-layout-chapter-head h3 { font-size: 1.4em; color: #7EAC03; padding: 10px 0px 0px 10px; } .div-layout-chapter-head .content-item { font-size: 0.75em; width: 695px; text-align:justify; padding: 10px 0px 10px; } /* End of Chapter Pages Header */ .page-header { color: #7EAC03; font: 2em; line-height: 1em; z-index: 900; padding: 19px 15px; } .breadcrumbContainer { height: 20px; background-color: #f2f2f2; } #breadcrumbContainer,#breadcrumb li a,#breadcrumb .current,#breadcrumb .current span,#breadcrumb li.return,#breadcrumb .return a,#breadcrumb .return a:hover { background: url("../images/headers/globalHeaderSprite8.png") no-repeat scroll 0 0 transparent; } #breadcrumbContainer { background-position: left -802px; color: #888888; font-size: 0.68em; height: 20px; margin: 8px auto 0; width: 1000px; } #breadcrumb .current span { background-position: right -889px; display: block; height: 1.85em; line-height: 1.85em; padding-right: 10px; } #breadcrumb .current { background-position: left -889px; padding-left: 15px; } #breadcrumbContainer ul ul,#breadcrumbContainer ul li { list-style-position: outside; list-style-type: none; } #breadcrumb a:link,#breadcrumb a:visited { color: #056287; text-decoration: none; } #breadcrumb { overflow: hidden; } #breadcrumb .home a { background: none repeat scroll 0 0 transparent; padding: 0; text-indent: -3000em; width: 21px; } dd,dl,dt,nl,ol,ul { display: block; } #breadcrumb li a { background-position: left -846px; display: block; height: 1.85em; line-height: 1.85em; padding: 0 5px 0 15px; font-weight: normal; !important; } #breadcrumb li.return { background-position: right -16px; border-left: 1px solid #DCD9D9; float: right; padding: 0 5px 0 10px; } #breadcrumb li.return a { background-position: -55px -933px; } #breadcrumb li.return a:hover { background-position: -55px -973px; } #breadcrumb li a:hover, #breadcrumb li a:active, #breadcrumb li a:focus { color:#7EAC03; } a:link,a:visited { color: #056287; text-decoration: none; } a { font-weight: 400; } a { font-weight: normal; text-decoration: underline; } #breadcrumb li { float: left; } li { list-style: none outside none; } p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,th,td,pre,div,body,code,form,input,legend,fieldset,textarea,blockquote { margin: 0; padding: 0; } address,blockcode,blockquote,div,h,h1,h2,h3,h4,h5,h6,p,pre,section,separator { display: block; } * { vertical-align: baseline; } #globalHeader { font: 100% Arial, Sans-Serif; } .primary-content-main { background-color: #FFFFFF; float: left; padding: 0 0px; width: 100%; } .content-box-bg-bottom { clear: both; height: 9px; background: transparent url('images/contentBoxTopBottom1000.png') no-repeat center -16px; } .content_one { background-color: #F7F7F7; float: left; margin: 2px 2px 2px 2px; } .content_two { float: right; margin: 2px 2px 2px 0px; } .content_three { background-color: #FFFFFF; float: right; margin-left:0px !important; margin-right:2px; margin-top:3px; margin-bottom:-6px; *margin-bottom:0px; } .width100 { width: 100%; } .width23 { width: 26%; } .width55 { width: 55%; } .width76 { width: 73%; } .sidebar-gap { margin: 10px 0px 5px 0; padding-left: 10px; list-style-type: none; font-size: 11px; } .common-span-header { color: #7EAC03; font-size: 1.2em; padding-left: 5px; } .leftpart { width: 47%; float: left; padding-left: 10px; list-style-type: none; } .rightpart { width: 46%; float: right; padding-right: 10px; padding-left: 5px; list-style-type: none; } .leftdivpart { width: 28%; float: left; padding-left: 10px; list-style-type: none; } .rightdivpart { width: 70%; float: right; list-style-type: none; } .dining-container { background-color: #ffffff; padding: 5px 5px 5px 5px; margin: 0px 15px 5px 15px; font-size: 11px; } .dining-container1 { padding: 5px 5px 5px 5px; margin: 0px 15px 5px 15px; font-size: 11px; width: 400px; } .sidebar-package { padding: 5px 5px 5px 5px; font-size: 11px; inherit: none; } .sidebar-header { font-size: 15px; padding-bottom: 8px; font-weight: normal; } .sidebar-package-p { padding: 3px 0px 3px 0px; color: #333333 !important; } .sidebar-package-p>b { padding: 3px 0px 3px 0px; color: #333333 !important; font-weight: bold !important; } .sidebar-textalign-left { text-align: right; } .price-font { font-size: 20px !important; font-weight: bold !important; color: #E0880E !important; padding: 3px 0px 3px 0px; line-height: 1.6em; } a.yourdetails-ticket-noimage { float: right; margin-top: 8px; position: relative; top: -6px; } .sidebar-yourdetails { padding: 5px 5px 5px 5px; font-size: 11px; inherit: none; } .sidebar-yourdetails-p { padding: 2px 0px 8px 0px; } .sidebar-yourdetails-p img { vertical-align:middle; } .sidebar-yourdetails > p > b{ color: #333333 !important; padding:13px; } #budget { margin-left:8px; } .yourdetails-p { padding: 2px 0px 2px 34px; color: #333333 !important; } .yourdetails-price { font-size: 1.4em; font-weight: bold; padding: 2px 0px 2px 33px; } .sidebar-bigfont { font-size: 1.4em; font-weight: bold; padding: 4px 0px 4px 5px; } .recommendation-not-selected { width: 222px; float: left; } span.dialog-text-msg { font-size: 12px; ! important; font-weight: bold; ! important; color: #333333; ! important; } h6.dialog-box-title { color: #7EAC03; margin-bottom: -20px; margin-top: -14px; } .recom-dialog-class { display: none; } /* We Recommend Box CSS */ .we-recommend { margin-left: 17px; min-height: 1px; min-width: 1px; float: left; } /* .we-recommend-top-border { background: url("images/chapter_borders.png") no-repeat transparent; background-position: 0px -96px; width: 185px; height: 6px; clear: both; } */ .we-recommend-bottom-border { background: url("images/chapter_borders.png") no-repeat transparent; background-position: 0px -114px; width: 185px; height: 6px; clear: both; } .we-recommend-side-border { background: url("images/we_recommend_border_pixel.png") repeat-y transparent; width: 2px; height: 107px; float: left; } .we-recommend-body { /*background-color: #E6F4F9;*/ width: 181px; min-height: 107px; float: left; padding-bottom:4px; } .we-recommend-box-header { font-size: 12px; font-weight: bold; margin-top: 3px; margin-left: 9px; } .we-recommend-list { font-size: 12px; margin-top: 8px; margin-left: 16px; padding-left:2px; } .we-recommend-list-item { list-style-type: disc; margin:0 7px 0 7px; padding-left: 0px; } .extra-space{ height: 0px; *height: 2px; } /* End of We Recommend Box CSS */ /* Common Chapters Page CSS */ .main-chapters { margin-bottom: 0px; *height: 754px; } .primary-chapter { margin-left: 24px; background: #FFFFFF; } .primary-chapter-top-border { background: url("images/chapter_borders.png") no-repeat transparent; background-position: -2px 0px; height: 9px; width: 698px; } .chapter-recommend-left { min-height: 30px; float: left; } .chapter-recommend-left-body { background: url("images/primary_not_selected_border_pixel.png") repeat-y transparent; background-color: #FAFAFA; padding-top: 5px; padding-left: 15px; width: 215px; height: 308px; float: left; } .chapter-recommend-left-bottom-border { background: url("images/chapter_borders.png") repeat-y transparent; background-position: -1px -18px; height: 12px; width: 230px; clear: both; } .chapter-recommend-right-lside-border { background: url("images/primary_not_selected_border_pixel.png") repeat-y transparent; width: 2px; height: 325px; float: right; *float: left; } .chapter-recommend-right { background-color: #FAFAFA; padding-left: 10px; min-height: 200px; float: left; } .chapter-recommend-right-body { padding-top: 2px; padding-left: 3px; width: 454px; height: 647px; float: left; } .chapter-recommend-right-rside-border { background: url("images/primary_not_selected_border_pixel.png") repeat-y transparent; *margin-left: -42px; width: 2px; height: 650px; float: right; } .chapter-recommend-bottom-border { background: url("images/chapter_borders.png") no-repeat transparent; background-position: 0px -39px; margin-left: 227px; width: 471px; height: 8px; clear: both; } .chapter-box-top-border { background: url("images/chapter_borders.png") no-repeat transparent; background-position: 0px -58px; margin-top: 9px; width: 471px; height: 6px; clear: both; } .chapter-box-bottom-border { background: url("images/chapter_borders.png") no-repeat transparent; background-position: 0px -80px; width: 471px; height: 8px; clear: both; } .chapter-box-middle-borders { background: url("images/tickets-blue-borders-middle.png") 0 0 repeat-y transparent; width: 471px; height: auto; clear: both; } .chapter-alt-box-top-border { background: url("images/chapter_borders.png") no-repeat transparent; background-position: 0px -129px; margin-top: 9px; width: 471px; height: 6px; clear: both; } .chapter-alt-box-bottom-border { background: url("images/chapter_borders.png") no-repeat transparent; background-position: 0px -143px; width: 471px; height: 8px; clear: both; } .chapter-box-side-border { background: url("images/blue_border_pixel.png") repeat-y transparent; width: 2px; height: 585px; float: left; } .chapter-recommend-header { font-size: 18px; margin: 6px 0 8px 16px; width: 215px; height: auto; float: left; } .chapter-picture { margin-left: 13px; width: 208px; min-height: 125px; float: left; margin-top: 10px; } .small-option-chapter { /*font-size: 0.8em;*/ font-size: 12px; font-weight: bold; /*margin-top: 20px;*/ margin-top: 8px; margin-bottom: 10px; } .chapter-checkbox-option-top { font-size: 0.8em; padding-top: 4px; clear: both; } .primary-secondary-middle{ margin-top:11px; } .chapter-checkbox-option { font-size: 0.8em; padding-top: 11px; clear: both; } .chapter-checkbox-holder { float: left; /*width: 14px;*/ width: 220px; font-size: 12px; vertical-align:middle; } .chapter-checkbox-label { float: left; margin-left: 8px; width: 194px; margin-top: 0px; } /* End of Common Chapters Page CSS */ .comon-span-header { font-size: 1.4em; font-weight: bold; padding: 0px 0px 3px 10px; } .rightpart b { font-size: 1.2em; } .rightpart p { font-size: 1.4em; color: #7EAC03; } #common-span-header-ticket { font-size: 1.4em; padding: 10px 0px 5px 10px; font-weight: bold; margin: 5px 0px 0px 10px; } .leftpartarea { width: 55%; float: left; padding-left: 10px; margin: 5px 0px 15px 10px; list-style-type: none; } .rightpartarea { width: 35%; float: right; padding-left: 10px; list-style-type: none; } .small-option { font-size: 1.0em; margin-top: 10px; font-weight: bold; } .small-heading-ticket { font-size: 1.2em; font-weight: bold; margin: 10px 0px 10px 0px; } #hr { color: #f00; background-color: #A4A4A4; height: 1px; /*margin: 10px 0px 10px 0px;*/ margin: 8px 0px 10px 0px; width:100%; } text ul { list-style-type: none; padding: 0; margin: 0; } text ul testing li { margin: 2px 0; color: #c00; } .buttondown { margin-top: 200px; } .main-dining { margin-bottom: 15px; margin-left: 20px; } .main-summary { margin-bottom: 15px; *height: 754px; } .recomend_bg_top { background: url("images/recomed_top1.jpg"); height: 9px; width: 192px; } .recomend_bg_content { background: url("images/recomed_middle1.jpg") repeat-y; padding: 1px 10px; width: 192px; } .recomend_bg_bottom { background: url("images/recomed_bottom1.jpg"); height: 9px; margin-bottom: 10px; width: 192px; } .clear-both { clear: both; } .bottom-btn-container { margin: 10px 0px 0px 10px; } a.btn-anchor { display: block; float: left; font: bold 13px Arial; /* Change 13px as desired */ line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */ height: 28px; /* Height of button background height */ padding-left: 1px; /* Width of left menu image */ padding-top: 5px; text-align: center; } a:hover.btn-anchor { /* Hover state CSS */ text-decoration: none; } a.pdflink { background: transparent url('images/icon_pdf.png') no-repeat top left; display: block; float: left; font: bold 13px Arial; /* Change 13px as desired */ line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */ height: 28px; /* Height of button background height */ padding-left: 20px; /* Width of left menu image */ text-decoration: underline; } a:hover.pdflink { /* Hover state CSS */ text-decoration: none; } /** Button Styles Starts **/ .buttonwrapper { /* Container you can use to surround a CSS button to clear float */ overflow: hidden; width: 100%; cursor: pointer; } .blue-buttonwrapper { /* Container you can use to surround a CSS button to clear float */ overflow: hidden; width: 100%; cursor: hand; cursor: pointer; } /** Green Button Styles Starts**/ p.green-button { background: transparent url('images/green_button_left.gif') no-repeat top left; display: block; float: left; font: bold 13px Arial; /* Change 13px as desired */ line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */ height: 28px; /* Height of button background height */ padding-left: 8px; /* Width of left menu image */ text-decoration: none; color: #ffffff; cursor: default; } p.green-button span { background: transparent url('images/green_button_right.gif') no-repeat top right; display: block; padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/ } /** Green Button Styles Ends**/ /** Blue Button Styles Starts**/ p.blue-button { background: transparent url('images/per_recom_btn_left.png') no-repeat top left; display: block; float: left; font: bold 13px Arial; /* Change 13px as desired */ line-height: 34px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */ height: 40px; /* Height of button background height */ padding-left: 8px; /* Width of left menu image */ text-decoration: none; color: #ffffff; cursor: hand; cursor: pointer; } p.blue-button span { background: transparent url('images/per_recom_btn_right.png') no-repeat top right; display: block; padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/ } /** Blue Button Styles Ends**/ /** Orange Button Styles Starts**/ p.orange-button { background: transparent url('images/orange_button_left.gif') no-repeat top left; display: block; float: left; font: bold 13px Arial; /* Change 13px as desired */ line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */ height: 31px; /* Height of button background height */ padding-left: 8px; /* Width of left menu image */ text-decoration: none; color: #ffffff; cursor: hand; cursor: pointer; } p.orange-button span { background: transparent url('images/orange_button_right.gif') no-repeat top right; display: block; padding: 3px 10px 5px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/ } /** Orange Button Styles Ends**/ /* normal button*/ a.normal-orange-button { background: url('images/orange_button_left.gif') no-repeat top left; display: block; float: left; font: bold 13px Arial; /* Change 13px as desired */ line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */ height: 28px; /* Height of button background height */ padding-left: 8px; /* Width of left menu image */ text-decoration: none; color: #ffffff; } a.normal-orange-button span { background: url('images/orange_button_right.gif') no-repeat top right; display: block; padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/ cursor: hand; } /** Big Orange Button Starts */ a.choice_recommendation_button { background: transparent url('images/orange_big_button_left.gif') no-repeat top left; display: block; float: left; font: bold 13px Arial; /* Change 13px as desired */ line-height: 14px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */ height: 48px; /* Height of button background height */ padding-left: 8px; /* Width of left menu image */ text-decoration: none; text-align: center; } a:link.choice_recommendation_button,a:visited.choice_recommendation_button,a:hover.choice_recommendation_button,a:active.choice_recommendation_button { color: #ffffff; /*button text color*/ } a.choice_recommendation_button span { background: transparent url('images/orange_big_button_right.gif') no-repeat top right; display: block; padding: 10px 10px 18px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/ } a:hover.choice_recommendation_button { /* Hover state CSS */ text-decoration: none; color: #ffffff; } .choice_recommendation_wrapper { /* Container you can use to surround a CSS button to clear float */ overflow: hidden; width: 100%; } .testing { height: 100px; margin: 105px 0px 0px 370px; align: center; } /*save& offer page*/ .price-holder b { font: bold 17px Arial; } .outer_box_top { background: url("images/outertop.jpg"); clear: both; height: 12px; width: 982px; } .outer_box_middle { background: url("images/outermiddle.jpg") repeat-y; padding: 1px 10px; } .outer_box_buttom { background: url("images/outerbuttom.jpg"); clear: both; height: 12px; width: 982px; } .span-middle { width: 310px; padding-left: 10px; } .button-space { width: 250px; height: 30px; margin-left: 12px; z-index: -1; } .normal-text-size { font: 12px Arial; color: #000; margin-left: 12px; } .normal-text-size b { color: #000; } .normal-text-link { font: 12px Arial; color: #2D7F9B; } .left-padding12 { padding-left: 12px; } .three_rec { float: right; font: bold 14px Arial; color: #B9B9B9; } .hello { align: center; display: inline !important; } .firstclass { margin-left: 348px; } .secondclass { margin-left: 189px; } .parent { min-height: 230px; } .child { valign: bottom; } .dine-befefit-leftarea { width: 240px; float: left; margin: -308px 0px 0px 13px; background-color: #ffF; z-index: -2px; } .dine-benefit-top { background: url("images/benefit_top.png"); height: 27px; margin-left: 9px; } .dine-benefit-middle { background: url("images/dine-benefit-middle.jpg") repeat-y; padding: 1px 10px; margin-top: 6px; margin-left: -8px; width: 204px; float: left; } .dine-benefit-bottom { background: url("images/dine-benefit-bottom.jpg"); margin-left: 8px; } .modSel { width: 100%; float: left; padding-top: 5px; background: #0FF; border-bottom: 1px solid #fff; } .modSel ul { padding: 0; margin: 0; } .modSel ul li { text-align: left; list-style: none; display: inline; padding: 2px 0 0px 5px; float: left; } .center-round-top { background: url("images/center-top-green.jpg"); background-repeat: no-repeat; height: 12px; margin-left: 8px; } .center-round-middle { background: url("images/center-middle-green.jpg") repeat-y; padding: 1px 1px; margin-left: 8px; } .center-round-bottom { background: url("images/center-bottom-green.jpg"); background-repeat: no-repeat; height: 12px; margin-left: 8px; } .center-round-top1 { background: url("images/center-top1.jpg"); background-repeat: no-repeat; height: 13px; margin-left: 8px; } .center-round-middle1 { background: url("images/center-middle1.jpg") repeat-y; padding: 1px 1px; margin-left: 8px; } .center-round-bottom1 { background: url("images/center-bottom1.jpg"); background-repeat: no-repeat; height: 13px; margin-left: 8px; } .dining-middle-container1 { margin-left: 10px; } .dining-middle-container2 { margin: 10px 0px 0px 10px; } .left-side-top { background: url("../pages/images/chapters-sprite.png") 0 -71px no-repeat; height: 5px; width: 228px; } .left-side-middle { background: url("../pages/images/chapters-sidebar-bg-middle.png") repeat-y; float: left; width: 208px; height: auto; padding: 1px 10px; } .left-side-bottom { background: url("../pages/images/chapters-sprite.png") 0 -86px no-repeat; float: left; height : 6px; width: 228px; height: 6px; } .right-sidebar-spacer { clear:both; height:16px; } .common-top-header-green { color: #7EAC03; font: 18px Arial; padding-left: 10px; margin-top: 10px; } .dining-what { color: #333333; font: bold 12px Arial; } .dining-right-main-div { margin-right: 5px; background-color: #fff00; } /** Big Orange Button Ends */ /*Button Styles Ends**/ /*Customization starts**/ .customization-container { padding: 5px 5px 5px 5px; margin: 10px 15px 5px 15px; font-size: 11px; width: 25%; float: left; } .customize-slider-container { width: 213px; } .customize-slider-container hr { background-color: #A4A4A4; height: 1px; margin: 20px 0px 10px 0px; } .customize-slider-container ul li { padding: 4px 0px 4px 1px; font-size: 1.2em; } .customize-slider-container li input { margin-right: 10px; font-size: 1.2em; } .customize-slider-container li select { font-size: 1em; } .customize-slider-container h2 { font-size: 1.2em; font-weight: bold; padding: 10px 0px 10px 5px; color: #333333 !important; } .customize-slider-container h1 { font-size: 1.4em; font-weight: bold; padding: 10px 0px 10px 0px; color: #333333 !important; } .recommendation-container { padding: 5px; margin: 10px 15px 5px 15px; font-size: 11px; width: 64%; float: right; } .resorts-main-middle .recommendation-container { padding: 0; margin: 10px 8px 0px !important; } .resorts-main-middle .customization-container { padding: 0 } body.resorts .width76 { width: 71%; } /*Customization ends **/ /*resort start **/ .resorts-main-top { background: url("../pages/images/resorts-main-bg-sprite.png") transparent 0 1px no-repeat; height: 6px; width: 699px; margin-left:3px; *margin-left:0px; } .resorts-main-middle { background: url("../pages/images/resorts-main-bg-middle.png") transparent 0 0 repeat-y; width: 699px; height: 660px; float: left; margin-left:3px; } .resorts-main-bottom { background: url("../pages/images/resorts-main-bg-sprite.png") transparent 0 -18px no-repeat; float: left; height: 6px; width: 699px; margin-left:3px; } /*resort end **/ .dinin_left_top { background: url("images/dinin_left_top.jpg"); height: 14px; width: 703px; } .dining_left_middle { background: url("images/dining-middle.jpg") repeat-y; padding: 1px 10px; margin-left: 0px; width: 703px; min-height: 621px; *min-height: 621px; } .dining_left_buttom { background: url("images/dining-bottom.jpg"); height: 14px; margin-left: 228px; width: 475px; } name { color: #7EAC03; font-family: 'arial'; font-size: 15px; font-weight: bold; } .pkg-recommend-left-body name,.pkg-not-selected-body name { font-size: 18px; font-weight: normal; } .pkg-not-selected-body h3, .pkg-recommend-secondary-left-body h3, .pkg-recommend-left-body h3 { font-size:18px; color:#7EAC03; font-family:'arial'; font-weight:normal; } .warning { background: transparent url('images/warningbar.png') no-repeat top left; padding: 5px 5px 5px 25px; margin: 12px 0 -10px; height: 26px; } .no-js{ margin-top:35px; } .warning span { margin-left: 25px; font-family: 'arial'; font-size: 12px; font-weight: normal; } .nojs-warning-links { padding-left: 20px; font-family: 'arial'; font-size: 19px; font-weight: normal; padding: 5px 20px; } .nojs-warning-links ul { list-style-type: disc; padding-left: 20px; margin: 0; } .nojs-warning-links li { margin: 2px 0; color: #c00; font-weight: normal; font-family: 'arial'; font-size: 12px; line-height: 18px; } .nojs-warning-links li a { font-weight: normal; } .nojs-warning-links-set { margin-top: 15px; } .nojs-warning-links-set ul { list-style-type: none; padding: 0; margin: 0; } .contentHide { display: none; } .nojs-warning-links-set li { background: transparent url('images/links_bullet.jpg') no-repeat top left; background-repeat: no-repeat; background-position: 0 .4em; padding-left: 1.2em; } #donald { width: 264px; height: 228px; background: transparent url('images/donald.png') no-repeat top left; float: left; margin-top: -120px; margin-left: 885px; position: relative; } body.dining .ticket-desc ul { font-size: 12px; padding-top: 0; padding-left: 16px; } body.dining .ticket-desc li { list-style: disc none; padding-left: -10px; } .clickable-link { cursor: pointer; text-decoration: none; } #message_msg{ padding:5px 0px 0px 0px; margin:0px 0px 0px 45px; font-size:.9em; float:left; } #message_msg_box{ background: url("images/msg_bck.png") no-repeat; margin-top: 0px; margin-left: 0px; padding-top: 2px; height: 31px; width: 966px; } .message_msg_box_close_btn { background: url("images/msg_box_close_btn.png") no-repeat; height: 15px; width: 14px; cursor: pointer; padding-right:5px; margin-top:4px; float:right; } #info_msg{ padding:5px 0px 0px 0px; margin:0px 0px 0px 45px; font-size:.9em; float:left; } #info_msg_box{ background: url("images/msg_bck.png") no-repeat; margin-top: 0px; margin-left: 0px; padding-top: 2px; height: 31px; width: 966px; } .info_msg_box_close_btn { background: url("images/msg_box_close_btn.png") no-repeat; height: 15px; width: 14px; cursor: pointer; padding-right:5px; margin-top:4px; float:right; } #success_msg{ padding:5px 0px 0px 0px; margin:0px 0px 0px 45px; font-size:.9em; float:left; } #success_msg_box{ background: url("images/succ_msg_bck.png") no-repeat; margin-top: 0px; margin-left: 0px; padding-top: 2px; height: 31px; width: 966px; } .success_msg_box_close_btn { background: url("images/msg_box_close_btn.png") no-repeat; height: 15px; width: 14px; cursor: pointer; padding-right:5px; margin-top:4px; float:right; } #failure_msg{ padding:5px 0px 0px 0px; margin:0px 0px 0px 45px; font-size:.9em; float:left; color:red; } #failure_msg_box{ background: url("images/msg_bck.png") no-repeat; margin-top: 0px; margin-left: 0px; padding-top: 2px; height: 31px; width: 966px; } .failure_msg_box_close_btn { background: url("images/msg_box_close_btn.png") no-repeat; height: 15px; width: 14px; cursor: pointer; padding-right:5px; margin-top:4px; float:right; } .showbox{ display: block; } .hidebox{ display: none; } #div-layout-msg { z-index: 100; width: 100%; background-color: #fff; padding-bottom: 0px; padding-top: 10px; } #div-middle-layout-msg { width: 100%; padding-bottom: 10px; } .layout-msg-info { color: #000; font-size: 1.2em; } .layout-msg-failure { font-size:0.9em; float:left; color:red; } .recommendation-container .layout-msg-failure { font-size:1.3em; float:left; color:red; } .layout-msg-success { color: #0F0; font-size: 1.2em; } .brochure-link { float:left; margin:5px 0px 0px 5px; } .brochure-link-icon { float:left; } .legal-copy { clear:both; font: 12px Arial !important; margin: 0 0 8px 0px; } .disney-print-logo{ display:none; } .margin-top-5{ margin-top:5px; } .no-dine-chapter{ height:62px !important; } .margin-top-n25{ margin-top:-25px; } .margin-top-35 { margin-top:35px; } .margin-top-n10{ margin-top:-10px; } .product-desc li{ list-style:disc outside none; margin-left:15px; } .common-top-header a {font-weight:normal;!important;} /*Temporarily Repeated for side bars*/ .middle-main-container { background-color: #FFFFFF; clear: both; padding-left: 16px; padding-right: 16px; padding-bottom: 4px; } .middle-sub-container { padding-left: 1px; padding-bottom: 19px; *padding-bottom: 20px; *padding-left: 3px; margin-bottom: 4px; border: 1px solid #EDEDED; -moz-border-radius:0px 0px 4px 4px; -webkit-border-radius:0px 0px 4px 4px; } .middle-sub-container2 { margin-left: 0px; } .div-layout-chapter-head { z-index: 1000 !important; background-color: #ffffff !important; padding: 16px 20px 5px 16px; } .width23 { width: 25%; } .primary-content { margin-left: -25px; } .rightdivpart { width: 70%; float: left; list-style-type: none; } .budget-rounded-border { background: url("images/budget-sprite.png") no-repeat transparent; width:180px; height: 35px !important; } #backgroundfilter{ background: url("images/spinner.gif") no-repeat transparent; z-index:99999; } .disablecolor{ color:#CCCCCC !important; } .continue-to-activities-button-area { margin-top: 40px; margin-left: 15px; width: 159px; height: 29px; cursor: pointer; } .continue-to-activities-button-area span{ font-family: Arial; font-size: 13px; font-weight: bold; color: #FFFFFF; line-height: 25px; padding-left: 16px; } .slider-opacity { background:url(images/icons/SliderHandle_gray_out.png) no-repeat !important; height:25px !important; width:13px !important; border:none !important; cursor:pointer !important; margin-left:-0.6em !important; top: -0.2em !important; position: absolute; z-index: 2; } /* Safari Fix */ @media screen and (-webkit-min-device-pixel-ratio:0){ .slider-opacity { margin-left:-0.7em !important; } } .rec-resort-text { color: #7EAC03; font: 20px Arial; } #no-saved-recommendations{ font-size:12pt; margin:0 0 10px 14px; padding:10px; display:none; }/* Shared header/footer CSS. NOTE: Ensure that *all* selectors contain the #header or #footer parent-node prefix */ /*------------------------------------------------------------------ Navigation Menu */ #div-layout-tab-nav { border: 0; margin: 0; padding: 0; /*height: 40px;*/ height: 43px; position: relative; z-index: 1; background: #fff; } #div-layout-tab-nav div.actions{ position: absolute; top: 19px; right: 20px; font-size: 10px; } #div-layout-tab-nav div.actions a{ font-weight: bold; } #div-layout-tab-nav ul.navigation{ margin: 0 0 0 16px; padding: 0; height: 29px; position: absolute; bottom: 0; white-space: nowrap; list-style-type: none; background: url('images/tabButtonsSprite_newest.png') transparent 0 0 no-repeat; } #div-layout-tab-nav ul.navigation a{ text-decoration: none; color: #056287; font-weight: bold; } #div-layout-tab-nav ul.navigation ul a{ text-transform: none; font-weight: normal; } #div-layout-tab-nav ul.navigation li{ white-space: normal; margin: 0; padding: 0; text-align: left; } #div-layout-tab-nav ul.navigation > li{ float: left; height: 29px; position: relative; padding-right: 0px; background: url('images/tabButtonsSprite_newest.png') no-repeat scroll 0 29px; } #div-layout-tab-nav ul.navigation > li.active:nth-child(1) { background-position: 0px -33px; width: 210px; } #div-layout-tab-nav ul.navigation > li.active:nth-child(2) { background-position: -1px -65px; width: 205px; } #div-layout-tab-nav ul.navigation > li.active:nth-child(3) { background-position: 0px -100px; width: 210px; } #div-layout-tab-nav ul.navigation > li.active:nth-child(4) { background-position: -2px -136px; width: 211px; } /*#div-layout-tab-nav ul.navigation > li:hover:nth-child(5),*/ #div-layout-tab-nav ul.navigation > li.active:nth-child(5) { background-position: -1px -169px; width: 194px; } #div-layout-tab-nav ul.navigation > li:last-child{ padding-right: 0; width:183px; } #div-layout-tab-nav ul.navigation > li > a{ width: 194px; display: block; height: 29px; margin: 0; } #div-layout-tab-nav ul.navigation ul{ display: none; position: absolute; top: 52px; left: 0; z-index: 1000; width: 200px; background: url('images/callout_rt_pattern_365px.gif') bottom left no-repeat #fff; list-style-type: none; margin: 0; padding: 0; padding-bottom: 18px; } #div-layout-tab-nav ul.navigation ul li a{ display: block; padding: 4px 12px 4px 12px; color: #7a810f; } #page_header { background: #EEE; color:#7EAC03; } /*------------------------------------------------------------------ Disclaimer Content Box */ .disclaimer .content-box-bg-top { height: 9px; background: transparent url('images/contentBoxTopBottom1000.png') no-repeat center top; } .disclaimer .content-box-bg-middle { background: transparent url('images/contentBoxMiddle1000.png') repeat-y center center; padding: 10px 24px; font-size: 12pt; color: #666666; } /* .disclaimer .content-box-bg-bottom { height: 9px; background: transparent url('images/contentBoxTopBottom1000.png') no-repeat center -16px; } */ /*------------------------------------------------------------------ [5.3 Footer] */ #footer{ padding-top: 77px; } #footer .links{ clear: both; padding: 16px 0 8px 322px; font-family: Nobile, Arial, sans-serif; background: #fff url('images/footer_background.gif') no-repeat center center; font-size: 11px; color: #5a481b; height: 28px; } #footer .links a { color: #5a481b; padding: 2px 0; margin: 0 4px; font-size:11px; } #footer .links a.logo_twitter { background: transparent url('images/logos/logo_twitter_16x17.gif') no-repeat right 3px; *background-position: right 3px; padding-right: 20px; } /* Social Media */ #fadeIn { margin:0px; top:0px; padding:0px; display:none; position: fixed; background: #000; } #popUpDiv { display:none; position: fixed; width:550px; height:auto; text-align: center; background: url('images/callout_rt_pattern_365px.gif') top center repeat-x #FFFFFF; padding-top:20px; bottom: 30px; left: 250px; zoom: 1; } #popUpDiv .close_button { position: absolute; text-align:center; margin-top:5px; right: 5px; width: 15px; cursor: pointer; font-weight: bold; color: #FFFFFF; background:#8CBED9; } #popUpDiv h3{ font-family:GEORGIA; font-size:17px; color:#4B3A0E; font-weight:bold; margin-top:35px; } #popUpDiv .tell-your-friend{ margin:30px 0px 25px 0px; font-family:GEORGIA; font-size:14px; color:#4B3A0E; text-align:center; } #popUpDiv .service_link span{ padding:0 52px 0px 52px; font-family:GEORGIA; margin:0px; } #popUpDiv .service_link a { color:#7A810F; font-size:17px; } #popUpDiv .line { margin:45px 0px 45px 0px; width:100%; align:center; background: url('images/localNavigationSeparator.gif') center center no-repeat #ffffff; height:15px; } #popUpDiv .text{ font-weight:bold; width:8%; padding:0px; background: #ffffff; height:15px; text-align:center; margin: 0 auto; } #popUpDiv .text h4{ font-weight:bold; } #popUpDiv .copy_paste_link { font-family:GEORGIA; font-size:14px; color:#4B3A0E; text-align:center; padding:0px; } #popUpDiv .send-to { padding-bottom:50px; background: url('images/callout_rt_pattern_365px.gif') bottom center repeat-x #FFFFFF; } /* End of Social Media */