@charset "utf-8"; /* CSS Document */ * {outline: 0;} body{ margin:40px; } .clearfix:after { content: ""; display: table; clear: both; } #header{ background: url(images/template-header.jpg) no-repeat 50% 0 #FFF; width:995px; height:260px; -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; -khtml-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; } #header a{ text-indent:-99999px;} body,td,th{ font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #000; } #wrapper{ width:995px; margin:0 auto; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; -moz-box-shadow: 2px 2px 20px #5f5f5f; -webkit-box-shadow: 2px 2px 20px #5f5f5f; box-shadow: 2px 2px 20px #5f5f5f; } #content{ padding:25px; border-top:1px solid #999; border-bottom:1px solid #999; background:#FFF; } #footer{ padding:15px; background:#3b3b3b; color:#ccc; font-size:10px; text-transform:uppercase; text-align:center; } #widget{ margin:0 0 15px 0; padding:10px;} #tabs-roomtypes{} h1{ font-size:18px; font-weight:lighter; margin:0; } #resWidgetHotizontal{ padding:0px; } #resWidgetHotizontal .resInpWrapper{ float:left; margin-left:10px; } #resWidgetHotizontal .resDateWrapper label, .resGroupCodeWrapper label, .resDiscountWrapper strong, #resWidgetHotizontal .resInpWrapper label{ font-weight:bold; clear:both; display:block; } #resWidgetHotizontal .resDateWrapper input{ display:inline; float:left; } #resWidgetHotizontal .resDatePickerIcon{ float:left; cursor:pointer; margin:5px; } #resWidgetHotizontal .resGuestsWrapper select, #resWidgetHotizontal .resChildrenWrapper select, #resWidgetHotizontal .resRoomsWrapper select{ display:block; border-radius: 4px; border: 1px solid #999; margin: 2px; padding: 6px } #resWidgetHotizontal .resGuestsWrapper label, #resWidgetHotizontal .resRoomsWrapper label{ font-weight:bold; clear:both; } .resDiscLabel{ display:inline !important; clear:none !important; font-weight:lighter !important; line-height:22px !important; } #resWidgetHotizontal #resWidgetCheckIn,#resWidgetCheckOut,#resWidgetHotizontal #resWidgetCheckInText,#resWidgetCheckOutText{ width:90px; } #resWidgetHotizontal #resWidgetCode{ width:50px !important; } #resWidgetHotizontal .resSubmitWrapper{ line-height:40px; } #resWidgetHotizontal .resPromoLinkWrapper{ font-weight:bold; text-transform:uppercase; padding-top:15px; } #resWidgetHotizontal .resDatePicker{ width:118px; padding:6px 6px 6px 23px; background-position:2% 50% !important; background-image:url('data:image/svg+xml;utf8,') !important; background-repeat:no-repeat; background-size: 16px; } input[type=date] { position:relative; -moz-appearance:textfield; } input[type=date]::-webkit-datetime-edit-year-field:focus { background-color:inherit; color:inherit; text-shadow:0 0 1px white; } input[type=date]::-webkit-datetime-edit-month-field:focus { background-color:inherit; color:inherit; text-shadow:0 0 1px white; } input[type=date]::-webkit-datetime-edit-day-field:focus { background-color:inherit; color:inherit; text-shadow:0 0 1px white; } input[type=date]::-webkit-datetime-edit-week-field:focus { background-color:inherit; color:inherit; text-shadow:0 0 1px white; } input[type=date]::-webkit-datetime-edit-hour-field:focus { background-color:inherit; color:inherit; text-shadow:0 0 1px white; } input[type=date]::-webkit-datetime-edit-minute-field:focus { background-color:inherit; color:inherit; text-shadow:0 0 1px white; } input[type=date]::-webkit-datetime-edit-second-field:focus { background-color:inherit; color:inherit; text-shadow:0 0 1px white; } input[type=date]::-webkit-datetime-edit-millisecond-field:focus { background-color:inherit; color:inherit; text-shadow:0 0 1px white; } input[type=date]::-webkit-datetime-edit-ampm-field:focus { background-color:inherit; color:inherit; text-shadow:0 0 1px white; } input[type=date]::-webkit-clear-button, input[type=date]::-webkit-inner-spin-button { display:none; } input[type=date]::-webkit-date-and-time-value { display:inline; } input[type=date]::-webkit-calendar-picker-indicator { width:100%; color:transparent; position:absolute; height:100%; left:0; top:0; padding:0; } input[type=date]::-webkit-calendar-picker-indicator:hover { background-color:transparent; } .checker{ margin-right:0 !important; } #resPromoCodeWrapper{ position:absolute; border:1px solid #333; display:none; background:#CCC; padding:6px; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; -khtml-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; } #resPromoBoxClose{ line-height:100%; margin:6px; padding-left:6px; } #resWidgetGroupCode{ width:75px; } #resWidgetPromoCode{ width:90px; } .availList{ list-style:none; margin:0; padding:0;} .availList li{ float:left; width:100%; border-bottom:1px dotted #aaa; padding-bottom:25px;} .availList li:last-child{ border-bottom:none; padding-bottom:0;} .availColLeft{ float:left; margin:15px 15px 15px 0;} .availColLeft img{} .availColLeft.multi{ width: 130px; } .availColRight{ float:left; width:400px;} .availColRight.multi{width:750px;} .availBlockDesc{ height:200px; } .multi .availBlockDesc{ height:auto;} .availBlockRateCheck{ text-align:right; border-top:1px solid #CCC; margin-top:7px; padding-top:7px; } .availColBottom{ margin-top:15px; display:none; } .availColBottom.multi{ display:block; } .availRateTable{ width:100%; border-spacing:2px; } .availRateTable tr{} .availRateTable tr th{ padding:5px; text-align:center; font-weight:bold !important; } .availRateTable tr td{ border-top:1px solid #d3d3d3; text-align:center; } .availRateTable tr td:nth-child(1){ border:none; text-align:center; color:#666 !important; border-top:1px solid #cccccc;} .availRateTable tr td:nth-child(4){ width:200px;} .availRateTable tr td:nth-child(3){ width:300px;} .availRateTable .even{ background:#fbfbfb; } .availRateTable .odd{ background:#f5f5f5; } .availRowHeader{ float:left; width:100%; margin-top:25px;} .availRowHeader h3{ float:left; font-size:18px; font-weight:lighter; margin:0; padding: 10px;} .availPriceHeader{ float:right; text-align:right; width:220px; padding: 10px; } .availPriceFrom{ font-size:18px; color:#060; } .availTotal{ font-size:18px; color:#339933; } .availDailyTable th{ text-align:center; text-align:center; background:#ebebeb; border:1px solid #ccc; } .availDailyTable td{ border:1px solid #ccc; padding:5px 5px; border-spacing:10px; color:#16771f; text-align:center; } .availDailyClosedTH{ background:#e7c1c1 !important; border:1px solid #cd6d6d !important; color:#990000 !important; } .availDailyClosedTD{ background:#f5dfdf !important; text-decoration:line-through; border:1px solid #cd6d6d !important; color:#990000 !important;} .availTips{ cursor:pointer !important; } .inputTip{ background:#fff !important; color:#333 !important; font-size:12px !important;} .ui-tooltip.termsTip{ background:#fff !important; color:#333 !important; font-size:12px !important; max-width:300px !important;} .ui-tooltip, .arrow:after { background: #3cc606; border: 1px solid white; } .ui-tooltip { padding: 10px 20px; color: white; font: 14px 'Questrial', Arial; -moz-box-shadow: 2px 2px 20px #999; -webkit-box-shadow: 2px 2px 20px #999; box-shadow: 2px 2px 20px #999; } .ui-tooltip h3{ margin:0; padding:0; color:#666; font-weight:lighter; width:100%; text-align:center; } .arrow{ width: 70px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -35px; bottom: -16px; } .arrow.top { top: -16px; bottom: auto; } .arrow.left { left: 20%; } .arrow:after { content: ""; position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); tranform: rotate(45deg); } .arrow.top:after { bottom: -20px; top: auto; } /* NEW CSS RULES */ .ui-tooltip{ max-width:none !important; margin-bottom:40px !important;} .ui-widget-header{ margin-bottom:0 !important; padding:8px; border-bottom:none;} #myPurchase{ padding:10px; } #myPurchase h3{ padding:0; margin:0;} #myPurchaseHotel{ margin-bottom:5px; color:#666; font-style:italic;} #myPurchase label,#myPurchase strong{ font-weight:bold; display:block; float:left; width:100px; text-align:right; margin-right:10px; margin-bottom:0; } #myPurchaseDetails{ float:left; width:58%; } #myPurchaseTotal{ border:1px solid #95dd96; background:#bff8c0; color:#009900; margin-bottom:5px; padding:10px; } #myPurchaseImg { float:left; padding-right:10px; } #myPurchaseInfo{ line-height:18px; border-top:1px solid #CCC; padding-top:5px; } #myPurchasePrice{ float:left; margin-left:15px; width:25%; } #myPurchaseTax{ border:1px solid #dddddd; background:#f9f9f9; padding:10px; } #myPurchaseTotal span{ float:left; font-weight:bold; font-size:16px !important; text-align:left !important; } #myPurchaseTotal label{ float:left; font-weight:lighter; font-size:16px !important;} #myPurchaseTax span{ float:left; font-size:12px !important; text-align:left !important; } #myPurchaseTax label{ float:left; font-weight:bold; font-size:12px !important;} .availBlockDesc{ max-height: 200px !important; overflow:auto; padding-right: 10px; margin: 10px 0; } /* .availRateInvalid{ float:right; width:80px; } .availRateInvalid a{ width:100px; display:block; border:1px solid #cf0000; background:#ff0000; color:#FFF !important; text-align:center; padding:5px 15px; line-height:20px; text-decoration:none; } .availRateInvalid a:hover{ border-color:#a90000; background:#cf0000;} */ .availRatePrice{ float:left; margin-top:2px; text-align:center; width:170px; } .availRatePrice a{ display:block; font-size:10px;} .availPriceStrike{ font-size:18px; font-weight:lighter; color:#666; text-decoration:line-through; float:left; margin-right:10px; } .availPriceSale{ font-size:18px; font-weight:bold; color:#900; float:left } .availPrice{ font-size:18px; font-weight:bold; color:#060; } .errorTip{} .errorTip strong{ display:block; } .errorTip ul{} .errorTip ul li{ } .availRateSelect{ float:right; width:80px; margin:5px 10px; } .availRateSelect a{ width:50px; display:block; border:1px solid #A02A2A !important; background:#A02A2A !important; color:#FFF !important; padding:5px 15px; text-align:center; text-decoration:none; line-height:normal; } .availRateSelect a:hover{ border-color:#E72222 !important; background:#E72222 !important;} /* .rateInvalid a{ border:1px dashed #a00000 !important; background:#cf0000 !important; cursor:url(images/cursor_disabled.png),auto !important; } .rateInvalid a:hover{ border:1px dashed #a00000 !important; background:#ff0000 !important; } */ .rateInvalid a { text-align:left; border: 1px solid #7F7F7F !important;background: url(images/info-icon.png) no-repeat right center !important; background-color:#7F7F7F !important; cursor:not-allowed !important;} .rateInvalid a:hover { border:1px solid #6F6C6C !important; background-color: #6F6C6C !important;} .availDailyTable th{ text-align:center; padding:5px 5px; text-align:center; background:#ebebeb; border:1px solid #ccc; } .availDailyTable td{ border:1px solid #ccc; padding:5px 5px; border-spacing:10px; color:#16771f; text-align:center; } .availDailyClosedTH{ background:#e7c1c1 !important; border:1px solid #cd6d6d !important; color:#990000 !important; } .availDailyClosedTD{ background:#f5dfdf !important; text-decoration:line-through; border:1px solid #cd6d6d !important; color:#990000 !important;} .readmore{} #resSteps{ float:left; width:100%; margin: 10px 0 0 0 !important; padding:0 !important; list-style:none; } #resSteps li{ float:left; margin-left:40px; } #resSteps li:first-child{ margin-left:0; } #resSteps li .stepNum{ display:block; float:left; width: 26px; height: 26px; background:#e8e8e8; border:2px solid #b8b8b8; border-radius: 50%; color:#999; font-weight:bold; text-align:center; line-height:26px; position:relative; z-index:20; } .stepInfo{ display:block; float:left; background:#fff; border:2px solid #e8e8e8; border-radius:0 20px 20px 0; line-height:26px; color:#999; font-style:italic; padding:0 15px 0 20px; position:relative; left:-14px; z-index:10; } .ui-datepicker{ z-index:99 !important; } /* experimental arrow effeft, not used for now *//* .stepInfo:after { content: ""; height: 0px; position: absolute; border-left: 25px solid; right: -27px; border-color: inherit; border-top: 15px solid transparent; border-bottom: 15px solid transparent; top: -2px; } */ .stepActive .stepNum{ background:#bff8c0 !important; color:#060 !important; border-color:#090 !important; } .stepActive .stepInfo{ font-weight:bold; font-style:normal !important; background:#090 !important; color:#FFF !important; border-color:#090 !important; } .stepComplete .stepInfo{ text-decoration:line-through !important; } .stepBG{ background:#e8e8e8; float:left; width:100%; height:2px; position:relative; top:-15px;} #reserveContainer{ margin:15px 0;} #reserveContainer ul{ list-style:none;} #reserveContainer ul li{ clear:both; padding:4px 0; border-bottom:1px solid #CCC;} #reserveContainer ul li:last-child{ border-bottom:none;} #reserveContainer ul li>label,#reserveContainer ul li>strong{ float:left; text-align:right; font-weight:bold; width:120px; margin-right:10px; line-height:22px; } .formList{ margin:0; padding:0; } .formList input,.formList textarea,.inputText{ border-radius:4px; border:1px solid #999; margin:2px; padding:6px; width:180px; } .formColRight{ float:left; width:750px; } .formTermsContainer{ display:block; width:60%; height:120px; overflow:scroll; border: 3px double #999; background:#F5F5F5; padding:5px; margin:5px 0; } .formNewsletterLabel{ float:none !important; display:block !important; width:700px !important; text-align:left !important;} #resCity{} #resState{ width:80px; } #resZip{ width:80px; } #resGuests{ width:100px;} #resSpecialCodes{ width:220px;} #resRequests{ width:450px; height:120px;} #labelCreditCard{ line-height:32px !important;} #resCreditCard{ font-size:18px; font-weight:bold; width:260px;} /*.highlight{ background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAEklEQVQImWP4/2HpfwZsgMoSAKuNEeCXFjidAAAAAElFTkSuQmCC) repeat 0 0 #ffffdf !important; }*/ .highlight{ background:#ffffdf !important; } .highlightRates{ background:#ffffdf !important; } /* FORM VALIDATION */ div.formErrors { margin:0 0 10px 0; padding:10px; display: none; border:1px solid #dede00; background-color:#ffffaa; font-weight:normal; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; } div.formErrors h4{ margin:0px; padding:0px; color:#F00; font-weight:normal; font-size:14px; } div.formErrors ol{ padding:10px 0 0 40px; margin:0; } div.formErrors .error{ background-color:transparent; padding:0; display:inline; border:none !important; width:100% !important; } div.formErrors label{ cursor:pointer; display:block; float:none !important; text-align:left; padding:3px 10px 0 0; } .error{ border:1px solid #fd5e5e !important;} input.error{ background: #ffd1d1 !important;} #formErrorsReserve{ margin-top:15px !important; } .menuitem a{ background:url(images/checkout-icons.png) no-repeat 0 0; padding-left:25px; } #resYourDetails{ background-position:0 0x; } #resYourCodes{ background-position:0 -16px; } #resYourPayment{ background-position:0 -32px; } .widgetButton{ background: #a02a2a !important; border: none !important; color:#fff !important; padding:1px 10px !important; margin-top: 17px !important;} .widgetButton:hover{ background: #e72222 !important; border: none !important; color:#fff !important; } .widgetButton:active{ background: #ff0000 !important; border: none !important; color:#ffffff !important; } .greenButton{ background: url(images/ui-bg_glass_green_normal.png) repeat-x center !important; border: 1px solid #aeeab3 !important; color:#27aa32 !important; } .greenButton:hover{ background: url(images/ui-bg_glass_green_hover.png) repeat-x center !important; border: 1px solid #74e275 !important; color:#06a300 !important; } .greenButton:active{ background: url(images/ui-bg_glass_green_active.png) repeat-x center !important; border: 1px solid #32e826 !important; color:#ffffff !important; } .blueButton{ background: url(images/ui-bg_glass_blue_normal.png) repeat-x center !important; border: 1px solid #aee1ea !important; color:#2787aa !important; } .blueButton:hover{ background: url(images/ui-bg_glass_blue_hover.png) repeat-x center !important; border: 1px solid #74bce2 !important; color:#006ba3 !important; } .blueButton:active{ background: url(images/ui-bg_glass_blue_active.png) repeat-x center !important; border: 1px solid #269de8 !important; color:#ffffff !important; } .redButton{ background: url(images/ui-bg_glass_red_normal.png) repeat-x center !important; border: 1px solid #eab0ae !important; color:#aa2b27 !important; } .redButton:hover{ background: url(images/ui-bg_glass_red_hover.png) repeat-x center !important; border: 1px solid #e27474 !important; color:#a30200 !important; } .redButton:active{ background: url(images/ui-bg_glass_red_active.png) repeat-x center !important; border: 1px solid #e82626 !important; color:#ffffff !important; } .grayButton{ background: url(images/ui-bg_glass_gray_normal.png) repeat-x center !important; border: 1px solid #ccc !important; color:#6c6c6c !important; } .grayButton:hover{ background: url(images/ui-bg_glass_gray_hover.png) repeat-x center !important; border: 1px solid #ababab !important; color:#555555 !important; } .grayButton:active{ background: url(images/ui-bg_glass_gray_active.png) repeat-x center !important; border: 1px solid #878787 !important; color:#ffffff !important; } #homeContainer{ padding:10px; } .colRightLabel{ display:block !important; float:none !important; width:100% !important; text-align:left !important; font-weight:normal !important; } .formColRight .colRightLabel:first-child{ margin-top:5px; padding-top:5px; border-top:1px dashed #CCC; } label.colRightLabel input{ width:auto !important; } .confirmRateInfo{ float:left;} .confirmRateDesc{font-style:italic; color:#666; font-size:10px;} #confirmationDetailsContainer label{ clear:both; width:160px; font-weight:bold; } #confirmationContainer{ margin-top:10px; background:#390; color:#FFF; } #confirmationContainer h3{ font-size:18px; font-weight:lighter; margin:0; padding:10px; } #confirmationDetailsContainer{ padding:0 10px 10px 10px; } #confirmationDetailsContainer div{ padding:8px 0; border-top:1px solid #d6d6d6; } #widgetTitle,#myPurchaseTitle,#confirmationDetailsHeader{ font-size:18px; font-weight:lighter; padding:8px; margin:15px 0 0 0; border-bottom:none;} #confRoomDescBlock label,#confSpecRequestBlock label,#confTermsConBlock label{ display:block; float:none;} #confTermsConBlock div{ border:none;} #confTermsConBlock .termsContainer{ margin-left:50px;} #confTermsConBlock .termsContainer p{ margin: 0 0 10px 0;} .resHomeInfoCol{ float:left; } .resHomeContactCol{ float:left; margin-left:10em; } .resHomeHotelDescription{ clear:both; padding-top:10px; } .resHomeHotelName{ font-size:18px; font-weight:bold; margin-bottom:10px; padding-bottom:5px; border-bottom:1px dashed #CCC; } .resHomeImageCol{ float:left; clear:left; padding-right: 1em;} /*added on or after 8-26-13*/ .required{ background:url(images/input_required.png) no-repeat right #fff; } #resCredcardlogos{ margin:2px;} #resCredcardlogos a{ float:left; width:31px; height:20px; background:url(images/cc_sprites.png) no-repeat 0 0; margin-right:5px; text-decoration:none; } #ccVisa{ background-position:0 -20px !important;} #ccMasterCard{ background-position:0 -0 !important;} #ccAmex{ background-position:0 -40px !important;} #ccDiscover{ background-position:0 -60px !important;} .rateListDescription{ text-align:left !important; padding-left:5px; } .hidden{ display:none; } .visible{ display:block; } .mresShowAllRatesLink{ text-align:right; } .mresShowAllRatesLink a{ font-weight:bold} .msg{ -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px; padding:10px 10px 10px 35px; margin-bottom:10px; } .success{ background: url(images/msg_success.png) no-repeat 10px 50% #d5f6c9; border:1px solid #34f93d; } .failure{ background: url(images/msg_failure.png) no-repeat 10px 50% #ffa0a0; border:1px solid #f93434; } .warning{ background: url(images/msg_warning.png) no-repeat 10px 50% #fff1a0; border:1px solid #f9dd34; } .msg strong{ font-weight:bold !important; } #daterange .date-range-selected > .ui-state-active, #daterange .date-range-selected > .ui-state-default { background-image :none !important; background-color: #46B054 !important; border-color:#0fa23b !important; color:#fff !important } #daterange .date-range-selected-unavail > .ui-state-active, #daterange .date-range-selected-unavail > .ui-state-default { background-image :none !important; background-color: #ff0000 !important; border-color:#d00c0c !important; color:#fff !important } .Highlighted a{ background-color : #f29e9e !important; background-image :none !important; color: #aa0000 !important; border-color:#cc7676 !important; } #daterange .ui-state-default{ background-image :none !important; background-color:#CFEDD8 !important; border-color:#99cfa9; } #daterange .ui-state-highlight{} #daterange .ui-state-active{} .daterangeColCal, .daterangeColInputs{ box-sizing:border-box; float:left; } .daterangeColInputs{ width:160px; } #daterange .ui-datepicker{ font-size: 162.5%; line-height:162.5%; } .daterangeColInputs>div{ border: 1px solid #aaaaaa; margin-bottom: 10px; margin-right: 10px; padding: 10px; border-radius:4px; } .daterangeColInputs>div>span{ margin-left:20px; } .daterangeColInputs label{display:block;font-weight:bold; } .ui-datepicker-group-first .ui-widget-header{ height:38px; } #sendreserve{ display:block; width:150px; background:#a02a2a; color:#fff; line-height:26px;border:none; cursor:pointer; border-radius: 4px; margin-bottom:10px;} .noavailLegend{ background: #F29E9E; padding-right: 10px; border:1px solid #cc7676 !important; } .hasavailLegend{ background: #cfedd8; padding-right: 10px; border:1px solid #99cfa9 !important;} #ui-tooltip-magnoliamansion,#ui-tooltip-calselunavail{ background:#222 !important; text-align:center !important; color:#fff !important; } #ui-tooltip-magnoliamansion .arrow:after,#ui-tooltip-calselunavail .arrow:after{ background-color:#222 !important; } .noregavailsingle{ display:none;} .calselunavailTip{top: 175px; left: 50%; margin-left:-485px; display:block;} #daterange .ui-datepicker-month,#daterange .ui-datepicker-year{ border:none; } input::-webkit-calendar-picker-indicator { position: absolute; width: 100%; height: 100%; opacity: 0; }