*{ margin: 0; padding: 0; border: 0; list-style-type: none; text-decoration: none; outline: none;
} html,
body{ height: 100%;
}
#sheet{ min-height: 100%; height: auto !important; height: 100%; position: relative; z-index: 2;
}
#foot{ position: absolute; bottom: 0; z-index: 5;
} body{ background: #172734; color: #FFF; font-family: Arial, Verdana, sans-serif; font-size: 12px; line-height: 14px;
}
form *{ font-family: Arial, Verdana, sans-serif; font-size: 12px; line-height: 14px;
}
#foot{ width: 100%; height: 32px; padding: 4px 0 0 0; overflow: hidden; background: #01172F; font-size: 11px;
}
.inlay{ width: 970px; margin: 0 auto; text-align: right;
}
#foot a{ color: #fff; text-decoration: underline;
}
#foot .navigation{ display: block; float: left; margin-left: 20px;
}
#foot .navigation.language{ margin-left: 197px;
}
#foot .navigation li{ display: block; float: left; margin: 8px 5px 0 0;
}
#foot .navigation li a{ display: block; text-transform: uppercase; font-size: 10px; text-decoration: none;
} #body #content div.message{ float: none!important; font-size: 12px!important; margin: 10px 1px 10px 1px!important; padding: 10px 16px 10px 48px !important; background: url(../../nps/b5/ico_exclamation_mark.png) no-repeat #dfe2e5!important; color: #A73C08!important; opacity: 0.85; -moz-opacity: 0.85; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85);
}
#body #content div.message p{ margin: 0; overflow: hidden;
}
#body #content div.message.filter{ background: url(../../nps/b5/ico_eye.png) no-repeat #EEE9E6!important; color: #121010!important;
}
#body #content div.message.filter a{ color: #121010; float: right; margin-left: 16px;
}
#body #content div.maintenance p{ min-height: 78px; font-size: 16px;
}
#body #content div.message.confirmation{ background: url(../../nps/b5/ico_msg_check.png) no-repeat #EEE9E6!important; color: #121010!important;
}
#body #content div.message.specialNote{ background-image: url(../../nps/b5/ico_msg_specialnote.png) !important; color: #01172f!important;
} #head #logo{ float: left; width: 184px; height: 150px; background: rgb(1,23,47); background: rgba(1,23,47,.85); border-bottom: 2px solid #1f2e3f; position: relative; z-index: 2;
}
#head #logo a{ display: block; width: 184px; text-align: center; padding: 20px 0;
}
#head .navigation.meta{ display: block; float: right; width: 752px; height: 18px; margin: 0 0 1px 0; padding: 10px; background: rgb(1,23,47); background: rgba(1,23,47,.85); overflow: hidden;
}
#head .navigation.meta ul{ float: right;
}
#head .navigation.meta li{ float: left; margin-right: 5px;
}
#head .navigation.meta li a{ color: #fff; text-transform: uppercase; font-size: 10px; display: block; padding-top: 2px;
}
#head .navigation.meta li.button input,
#head .navigation.meta li.button a{ float: right; display: block; width: 93px; height: 18px; padding: 0; background: url(../../nps/b5/formfields/submit.93x18.png) no-repeat; color: #fff; font-size: 10px; line-height: 18px; font-weight: bolder; text-align: center; overflow: hidden;
} #body{ width: 970px; margin: 0 auto; padding: 0 0 65px 0;
} #body #progress{ display: block; float: right; width: 752px; height: 40px; margin: 0 0 11px 0; padding: 10px; background: rgb(1,23,47); background: rgba(1,23,47,.85); overflow: hidden;
}
#body #progress ul{ float: left; width: 100%;
}
#body #progress li{ float: left; width: 138px; height: 28px; margin: 0 10px 0 0; background: url(../../nps/b5/bg.progress.items.png) no-repeat; padding: 12px 0 0 42px; font-size: 11px; font-weight: bolder; text-transform: uppercase;
} #body #progress li a{ color: white;
} #body #progress li.step_1{ width: 128px; background-position: 0 0;
}
#body #progress li.step_2{ width: 148px; background-position: -180px 0;
}
#body #progress li.step_3{ background-position: -380px 0;
}
#body #progress li.step_4{ margin-right: 0; background-position: -570px 0;
}
#body #progress li.step_1.active{ background-position: 0 -60px;
}
#body #progress li.step_2.active{ background-position: -180px -60px;
}
#body #progress li.step_3.active{ background-position: -380px -60px;
}
#body #progress li.step_4.active{ background-position: -570px -60px;
} #body #content{ float: right; clear: right; margin-top: -39px; width: 772px;
}
#body #content h1{ height: 30px; padding: 0 10px; background: url(../../nps/b5/bg.headline.png) no-repeat; color: #fff; font-size: 14px; line-height: 30px; font-weight: normal; text-transform: uppercase; overflow: hidden;
}
#body #content form{ clear: both; float: left; width: 100%; background: rgb(1,23,47); background: rgba(1,23,47,.85); padding: 20px 0;
} #body form br{ clear: both;
}
#body #content form label{ display: block; float: left; width: 111px; padding: 2px 20px 2px 0; color: #FFF; font-size: 11px; font-weight: bolder; text-align: right;
}
#body #content form label.checkbox{ width: auto; padding-top: 0; font-weight: normal;
}
#body #content form label.checkbox a{ color: #fff; text-decoration: underline;
}
#body #content form textarea,
#body #content form input,
#body #content form select,
#body #content form .spicyselect{ float: left; width: 200px; height: 20px; margin: 0 20px 10px 0; padding: 0 6px; background: url(../../nps/b5/formfields/input.212x20.png) no-repeat; color: #01172f;
}
#body #content form textarea{ width: 200px; height: 72px; padding: 4px 6px; background: url(../../nps/b5/formfields/textarea.212x80.png) no-repeat;
}
#body #content form input.sizeXS,
#body #content form .output.sizeXS{ width: 38px; margin-right: 6px; background: url(../../nps/b5/formfields/input.50x20.png) no-repeat;
}
#body #content form input.sizeM,
#body #content form .output.sizeM{ width: 144px; background: url(../../nps/b5/formfields/input.156x20.png) no-repeat;
}
#body #content form select{ width: 212px; padding: 1px; background: #a1a2a5 url(../../nps/b5/formfields/select.212x20.png) no-repeat;
}
#body #content form select.sizeS{ width: 96px; background: #a1a2a5 url(../../nps/b5/formfields/select.96x20.png) no-repeat;
}
#body #content form input.checkbox{ width: auto; height: auto; margin-left: 0; margin-top: 0; margin-right: 6px; padding: 0; background: transparent; border: 0;
}
#body #content form input.submit{ clear: both; width: 212px; height: 24px; margin-left: 131px; background: url(../../nps/b5/formfields/submit.212x24.png) no-repeat; color: #FFF; cursor: pointer; font-weight: bolder;
} form input.submit.loading,
form input.submit:active,
a.button.loading,
a.button:active{ background: #49525b url(../../nps/loading.gif) no-repeat 3px 2px !important; color: #9da2a8 !important;
}
form input.small.loading,
form input.small:active,
form input#submit_login.loading,
form input#submit_login:active,
a.button.edit.loading,
a.button.edit:active{ background: #49525b !important; color: #9da2a8 !important;
} #body #content form div.error{ float: left; margin: 0 0 0 -10px; padding: 2px 0 2px 17px; font-size: 12px; background: url(../../nps/b5/ico.error.png) no-repeat 0 3px; color: #bd2c16;
}
#body #content form div.hint{ float: left; width: 16px; height: 17px; margin: 0 0 0 -10px; cursor: help; text-indent: 100px; overflow: hidden; background: url(../../nps/b5/ico.info.png) no-repeat 0 1px;
}
body #tooltip{ background: rgb(255,255,255); background: rgba(255,255,255,.5); color: rgb(1,23,47);
} #body #content form fieldset{ margin: 0; padding: 0;
}
#body #content form fieldset legend{ padding: 2px 0 14px 20px; font-size: 11px; font-weight: bolder;
} #body #content form .spicyselect{ width: 212px; height: 20px; padding: 0; background: #a1a2a5 url(../../nps/b5/formfields/select.212x20.png) no-repeat; cursor: pointer;
}
#body .spicyselect a{ float: left; display: block; width: 186px; height: 18px; padding: 2px 0 0 6px; color: #01172f; overflow: hidden;
}
#body #content .spicyselect > div{ float: right; width: 20px; height: 20px; margin: 0; background: url(../../nps/b5/formfields/select.arrow_down.png) no-repeat;
}
#body .spicyselect > ol{ min-width: 212px; margin: 20px 0 0 0; background: #96979b; color: #FFF; cursor: default; position: absolute; z-index: 99;
}
#body .spicyselect li{ padding: 0 0 0 5px;
}
#body .spicyselect li.current,
#body .spicyselect li:focus,
#body .spicyselect li:hover,
#body .spicyselect li:active{ color: #000; cursor: pointer;
}
#body #content form .spicyselect.sizeS{ width: 96px;
}
#body .spicyselect.sizeS > ol{ min-width: 96px;
}
#body #content form .spicyselect.sizeS a{ width: 70px;
}
#body .spicyselect.sizeS > ol{ min-width: 70px;
} #body #content form#step_1_form a.login{ display: inline!important; margin: -10px 0 13px 129px; cursor: pointer; font-size: 11px; text-decoration: underline; color: #fff;
}
#body #content form#step_1_form p.toggler{ margin: -10px 0 13px 129px; padding: 0 0 0 13px; background: url(../../nps/b5/ico.arrows.png) no-repeat 0 1px; cursor: pointer; font-size: 11px; text-decoration: underline;
}
#body #content form#step_1_form p.toggler.active{ background-position: 0 -20px;
} #body #hotel_mask.spicyselect > ol{ max-height: 400px; width: 355px; overflow: auto; padding: 0 0 10px 10px; z-index: 99;
}
#body .spicyselect ol ol{ float: left; width: 155px; margin: 0 10px 0 0;
}
#body .spicyselect li.optgroup_label{ background: #01172f; color: #FFF; cursor: default; text-transform: uppercase; padding: 2px 5px 3px 5px; margin-top: 10px;
}
#body .spicyselect li.spicyselect-city{ font-weight: bolder; border-top: 1px solid #01172f; padding: 5px 0 0 5px; margin: 4px 0 0 0;
}
#body .spicyselect li.spicyselect-city.first{ border-top: 0; margin-top: 0;
} #body #content .ui-doubledate{ float: left; width: 328px; height: 20px; margin: 0 20px 10px 0; padding: 0; background: #a1a2a5 url(../../nps/b5/formfields/select.328x20.png) no-repeat; cursor: pointer;
}
#body #content .ui-doubledate > a{ float: left; display: block; width: 302px; height: 18px; line-height: 18px; padding: 2px 0 0 6px; color: #01172f; overflow: hidden;
}
#body #content .ui-doubledate > div.ui-doubledate-trigger{ float: right; width: 20px; height: 20px; margin: 0; background: url(../../nps/b5/formfields/select.arrow_down.png) no-repeat;
}
#body #content .ui-doubledate .ui-doubledate-panel{ width: 441px; height: 225px; margin: 20px 0 0 0; padding: 10px; cursor: default; position: relative; background: #96979b;
}
#body #content .ui-doubledate .ui-doubledate-controls{ float: left; clear: both; width: 100%; margin: 0 0 8px 0;
}
#body #content .ui-doubledate .ui-doubledate-panel .ui-doubledate-controls label{ width: 70px; margin: 0 5px 0 0; padding: 3px 0 0 3px; color: #01172f; font-size: 12px; text-align: left;
}
#body #content .ui-doubledate .ui-doubledate-panel .ui-doubledate-controls input{ float: left; width: 84px; height: 20px; margin: 0; padding: 0 6px; background: url(../../nps/b5/formfields/input.96x20.png) no-repeat; color: #01172f;
}
#body #content form#step_1_form .ui-doubledate .ui-doubledate-panel .ui-doubledate-controls .spicyselect.ui-doubledate-interval{ width: 69px; margin: 0 11px;
}
#body #content form#step_1_form .ui-doubledate .ui-doubledate-panel .ui-doubledate-controls .spicyselect.ui-doubledate-interval > a{ width: 43px;
}
#body #content .ui-doubledate .ui-doubledate-panel .ui-doubledate-controls .spicyselect.ui-doubledate-interval ol{ min-width: 69px; padding-right: 10px; height: 220px; overflow: scroll; overflow-x: hidden; overflow-y: scroll; z-index: 99;
}
.ui-doubledate .ui-doubledate-panel .ui-doubledate-overlay-start-date,
.ui-doubledate .ui-doubledate-panel .ui-doubledate-overlay-end-date{ width: 196px; height: 100%; position: absolute; top: 0; z-index: 2;
}
.ui-doubledate.ui-doubledate-state-select-start-date .ui-doubledate-panel .ui-doubledate-overlay-end-date{ display: block; right: 0;
}
.ui-doubledate.ui-doubledate-state-select-end-date .ui-doubledate-panel .ui-doubledate-overlay-start-date{ display: block; left: 0;
}
.ui-doubledate .ui-doubledate-panel .ui-doubledate-overlay-start-date,
.ui-doubledate .ui-doubledate-panel .ui-doubledate-overlay-end-date{ background: #96979b; display: none;
}
body .ui-datepicker{ display: none; width: 174px; height: 197px; height: auto; margin: 0; padding: 0; background: url(../../nps/b5/bg.calendar.png) no-repeat; border: 0; font-family: Arial, Verdana, sans-serif!important; font-size: 12px; -moz-border-radius: 0; z-index: 99;
}
body .ui-doubledate .ui-datepicker{ display: block; height: 197px;
}
body .ui-datepicker .ui-datepicker-header{ padding: 0; background: transparent; border: 0!important; font-size: 11px; color: #01172f;
}
body .ui-state-disabled .ui-icon-circle-triangle-w,
body .ui-state-disabled .ui-icon-circle-triangle-e{ background: transparent!important;
}
body .ui-icon-circle-triangle-e{ background: url(../../nps/b5/ico.calendar.arrow.right.png) no-repeat center center!important;
}
body .ui-icon-circle-triangle-w{ background: url(../../nps/b5/ico.calendar.arrow.left.png) no-repeat center center!important;
}
body .ui-datepicker-next,
body .ui-datepicker-next:hover,
body .ui-datepicker-next:focus,
body .ui-datepicker-next:active,
body .ui-datepicker-prev,
body .ui-datepicker-prev:hover,
body .ui-datepicker-prev:focus,
body .ui-datepicker-prev:active{ border: 0; background: transparent; cursor: pointer;
}
body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover,
body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:focus,
body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:active{ left: 0; top: 0;
}
body .ui-datepicker .ui-datepicker-header .ui-datepicker-next,
body .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover,
body .ui-datepicker .ui-datepicker-header .ui-datepicker-next:focus,
body .ui-datepicker .ui-datepicker-header .ui-datepicker-next:active{ right: 0; top: 0;
}
body #ui-datepicker-div table,
body .ui-doubledate .ui-datepicker table{ width: 160px; margin: 3px 0 0 4px;
}
body .ui-datepicker th,
body .ui-datepicker td{ padding: 0;
}
body .ui-datepicker th{ padding-bottom: 6px
}
body .ui-datepicker th span,
body .ui-datepicker td span,
body .ui-datepicker td a{ width: 23px; height: 24px; line-height: 24px; margin: 0 1px 0 0; padding: 0; border: 0!important; text-align: center; overflow: hidden;
}
body .ui-state-default,
body .ui-widget-content .ui-state-default{ background: transparent!important;
}
body .ui-state-active,
body .ui-widget-content .ui-state-active{ font-weight: bolder;
}
#body #content .ui-doubledate .ui-datepicker{ float: left;
}
#body #content .ui-doubledate .ui-doubledate-container-end-date .ui-datepicker{ float: right;
}
body #ui-datepicker-div .ui-state-active,
body #ui-datepicker-div .ui-widget-content .ui-state-active,
body .ui-doubledate .ui-datepicker .ui-state-active,
body #ui-datepicker-div .ui-widget-content .ui-state-active{ background: url(../../nps/b5/bg.calendar.item.active.png) no-repeat!important; color: #FFF;
}
body .ui-state-selected,
body .ui-widget-content .ui-state-selected{ background: url(../../nps/b5/bg.calendar.item.selected.png) no-repeat!important;
} #body #content .hotel{ clear: both; float: left; width: 100%; height: 162px; margin: 12px 0 0 0; background: rgb(1,23,47); background: rgba(1,23,47,.85); font-size: 11px; line-height: 13px; overflow: hidden;
}
#body #content .hotel .image{ float: right; width: 262px; text-align: right;
}
#body #content .hotel .image img{ width: 262px; height: 192px;
}
#body #content .hotel .information{ float: left; width: 360px; padding: 19px 0 0 20px;
}
#body #content .hotel .information h3{ float: left; margin: 0 0 8px 0; padding: 0 48px 0 0; background: url(../../nps/b5/ico.5stars.png) no-repeat right 1px; color: #a0a5a9; font-size: 18px; font-weight: normal; text-transform: uppercase;
}
#body #content .hotel .information h3.special{ padding-right: 39px; background-image: url(../../nps/b5/ico.4stars.png);
}
#body #content .hotel .information p{ margin: 0 0 15px 0; clear: both;
}
#body #content .hotel .information p.location{ margin: 0 0 5px 0;
}
#body #content .hotel .information a{ color: #fff; text-decoration: underline;
}
#body #content .hotel .navigation{ float: left; width: 96px; margin: 16px 17px; text-align: right; overflow: hidden;
}
#body #content .hotel .navigation form{ float: left; background: transparent; padding: 0;
}
#body #content .hotel .navigation form input{ float: none; width: 96px; height: 20px; margin: 0 0 5px 0; padding: 0; background: url(../../nps/b5/formfields/submit.96x20.png) no-repeat; font-size: 11px;
} #body #content .selectAlternativeView{ float: left; background: rgb(1,23,47); background: rgba(1,23,47,.85); padding: 23px 10px 10px 10px; font-size: 12px; line-height: 14px; margin: 0 0 10px 0;
}
#body #content.selectAlternative h2{ clear: both; margin: 0; padding: 10px; font-size: 14px; font-weight: normal; background: rgb(1,23,47); background: rgba(1,23,47,.85);
}
#body #content.selectAlternative .selectAlternativeView h2{ margin: 0 0 7px 0; padding: 0; background: transparent;
}
#body #content .selectAlternativeView p{ margin: 0 0 31px 0;
}
#body #content.selectAlternative .calendar{ clear: both; float: left; width: 732px; padding: 10px; background: #01172f url(../../nps/b5/bg.alternate.calendar.png) repeat-x; font-size: 11px; overflow: hidden;
} #body #content.selectAlternative .calendar form{ clear: none; float: left; width: auto; margin: 45px 67px 0 21px; padding: 0; background: transparent;
}
#body #content.selectAlternative .calendar form label{ width: 74px; padding: 3px 0 0 0; text-align: left; font-size: 12px;
}
#body #content.selectAlternative .calendar form input.datepicker{ font-size: 12px; width: 84px; height: 20px; margin: 0 0 10px 0; background: url(../../nps/b5/formfields/input.96x20.datepicker.png) no-repeat;
}
#body #content.selectAlternative .calendar form select{ font-size: 12px; width: 69px; margin: 0 0 0 6px;
}
#body #content.selectAlternative .calendar form input.submit{ clear: none; width: 63px; height: 20px; margin: 0 0 0 10px; padding: 0; background: url(../../nps/b5/formfields/submit.63x20.png) no-repeat;
}
#body #content.selectAlternative .calendar form input.submit.disabled{ background: transparent;
} #body #content.selectAlternative .av_details{ display: none;
} #body #content.selectAlternative .legend{ float: left; width: 200px; height: 64px; margin: 50px 0 0 21px!important; overflow: hidden;
}
#body #content.selectAlternative .legend li{ height: 16px; line-height: 16px; margin: 0 0 7px 0;
}
#body #content.selectAlternative .legend li span{ float: left; display: block; width: 16px; height: 16px; margin: 0 6px 0 0; background: url(../../nps/b5/ico.alternate.calendar.legend.png) no-repeat 0 -47px;
}
#body #content.selectAlternative .legend li span.available{ background-position: 0 -24px;
}
#body #content.selectAlternative .legend li span.chosen{ background-position: 0 0;
} #body #content.selectAlternative .calendar table{ clear: left; border: 0!important; color: #fff!important; border-collapse:collapse!important;
}
#body #content.selectAlternative .calendar table td,
#body #content.selectAlternative .calendar table th{ width: 31px; height: 31px; text-align: center; border: 1px solid #01172f!important; color: #fff!important;
}
#body #content.selectAlternative .calendar .ui-datepicker .ui-datepicker-header,
#body #content.selectAlternative .calendar .ui-state-default,
#body #content.selectAlternative .calendar .ui-widget-content .ui-state-default
#body #content.selectAlternative .calendar table td a,
#body #content.selectAlternative .calendar table th a
#body #content.selectAlternative .calendar table td span,
#body #content.selectAlternative .calendar table th span{ color: #fff!important;
}
#body #content.selectAlternative .calendar table th{ font-weight: bolder; background: transparent!important; border: 0!important;
}
#body #content.selectAlternative .calendar table td{ background: #415163!important;
}
#body #content.selectAlternative .calendar table td.today{ font-weight: bolder; color: #bd2c16;
}
#body #content.selectAlternative .calendar table td.available{ background: #a6a64c!important;
}
#body #content.selectAlternative .calendar table td.chosen{ background-image: url(../../nps/b5/bg_calendar_stripes.png)!important;
} #body #content .bclub{ height: 48px; margin: 18px 0; padding: 0; position: relative;
}
#body #content .bclub .button{ float: right; display: block; width: 117px; height: 20px; padding: 6px 0 0 28px; background: url(../../nps/b5/btn_bclub_wide.gif) no-repeat; color: #000; cursor: pointer; font-size: 11px; position: absolute; right: 0; bottom: 2px;
}
#body #content #room-rates.show-rate-awards .rates-container{ display: none;
}
#body #content #room-rates.show-rates .rate-awards-container{ display: none;
}
#body #content .bclub.show-rate-awards .button.rate-awards{ display: none;
}
#body #content .bclub.show-rates .button.rates{ display: none;
} #body #content .bclub .status{ background: url(../../nps/b5/bg_bclub_info.png) no-repeat; color: #000; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: bolder; height: 41px; line-height: 16px; padding: 7px 0 0 20px; position: relative;
}
#body #content .bclub .status-mask{ overflow: hidden;
}
#body #content .bclub .status strong{ color: #77772b;
}
#body #content .bclub .status h2{ margin: 0; font-family: Arial, Verdana, sans-serif; font-size: 14px; font-weight: bolder;
}
#body #content .room{ display: block; width: 100%; height: 75px; margin: 0 0 12px 0; background: url(../../nps/b5/bg.rooms.png) repeat-y; font-size: 11px; overflow: hidden; position: relative;
}
#body #content .room .column.left{ float: left; width: 510px;
}
#body #content .room .column.right{ float: right; width: 262px;
}
#body #content .room .column.right img{ width: 262px; height: 187px;
} #body #content .room .not_available{ position: absolute; width: 100%; height: 55px; padding: 20px 0 0 0; font-weight: bolder; background: rgb(255,255,255); background: rgba(255,255,255,.5); color: #904342; text-align: center;
} #body #content .room .toggle,
#body #content .room.active .anti_toggle{ display: none;
}
#body #content .room.active .toggle,
#body #content .room .anti_toggle{ display: block;
} #body #content .room .column.left{ float: left; width: 490px; padding: 0 10px 10px 10px;
}
#body #content .room .information{ float: left; width: 354px; height: 64px; padding: 11px 0 0 10px; overflow: hidden;
}
#body #content .room .column.left h3{ margin: 0 0 8px 0; color: #fff; font-size: 18px; line-height: 24px; font-weight: normal;
}
#body #content .room .column.left h3 a{ display: block; color: #fff;
}
#body #content .room .information p{ clear: both;
}
#body #content .room .navigation{ float: left; width: 96px; margin: 10px 10px 10px 20px; text-align: right; overflow: hidden;
}
#body #content .room .navigation p{ margin: 0 0 5px 0;;
}
#body #content .room .navigation .ratedetails .toggler{ display: block; padding: 0 20px 0 0; background: url(../../nps/b5/ico.arrow.boxed.right.png) no-repeat right top; color: #fff; font-weight: normal; line-height: 16px; text-align: right;
} #body #content .room.active{ height: auto;
}
#body #content .room.active .column.left h3{ margin: 14px 0 16px 10px; padding: 0 0 2px 0; background: url(../../nps/b5/ico.arrow.boxed_down.png) no-repeat 459px 10px;
}
#body #content .room.active .column.left p{ padding: 0 10px; margin: 0 0 5px 0;
} #body #content .room .rate{ margin: 0 0 25px 0;
}
#body #content .room .rate .title{ float: left; width: 100%; height: 26px; margin: 0 0 4px 0; line-height: 26px; background: #01172f;
}
#body #content .room .rate .title h4{ float: left; width: 230px; height: 26px; padding: 0 10px; font-size: 12px; font-weight: bolder; overflow: hidden;
}
#body #content .room .rate .title .price{ float: left; width: 120px; text-align: right; font-size: 11px;
}
#body #content .room .rate .title .price strong{ font-size: 12px; font-weight: bolder;
}
#body #content .room .rate .title form{ float: right; clear: none; width: auto; margin: 3px 4px 0 0; padding: 0; background: transparent;
}
#body #content .room .rate .title form input{ float: none; width: 63px; height: 20px; margin: 0 0 0 0; padding: 0; background: url(../../nps/b5/formfields/submit.63x20.png) no-repeat; font-size: 11px;
}
#body #content .room .rate p{ padding: 0 10px; margin: 0 0 5px 0;
}
#body #content .room .rate a.ratetoggler{ margin-left: -16px; padding-left: 16px; background: url(../../nps/b5/ico.arrows.png) no-repeat; color: #fff; text-decoration: underline;
} #body #content .room .rate.active a.ratetoggler{ background-position: 0 -21px;
}
#body #content .room .rate .ratetoggle{ padding: 0 10px;
}
#body #content .room .column.left .rate .toggle h5{ margin: 0 0 5px 0; padding: 4px 0 0 0; color: #FFF; font-size: 10px; font-weight: bolder; text-transform: uppercase;
}
#body #content .room .column.left .rate .toggle h6{ margin: 0; color: #FFF; font-size: 12px; font-weight: bolder;
}
#body #content .room .column.left .rate .toggle p{ padding: 0; font-size: 12px;
}
#body #content .room .column.left .rate .toggle table{ width: 100%; margin: 0 0 15px 0;
}
#body #content .room .column.left .rate .toggle table th,
#body #content .room .column.left .rate .toggle table td{ height: auto; padding: 5px 8px 3px 8px; font-weight: bolder; font-size: 14px; text-align: left; background: #273a4e; color: #fff;
}
#body #content .room .column.left .rate .toggle table th .tax{ font-size: 11px; font-weight: normal;
}
#body #content .room .column.left .rate .toggle table td{ background: #dddfe2; color: #2e2e2e; font-size: 11px; font-weight: normal;
}
#body #content .room .column.left .rate .toggle table.rate_table{ margin: 0 0 10px 0;
}
#body #content .room .column.left .rate .toggle table.rate_table th{ padding: 1px 0; font-size: 11px; background: #646466 url(../../nps/b5/bg.room.rate.table.head.png) repeat-x; color: #FFF; text-align: center;
}
#body #content .room .column.left .rate .toggle table.rate_table td{ padding: 2px 0 1px 0; background: #dddfe2; color: #2e2e2e; font-size: 11px; text-align: center;
} #body #content .room .column.left .package{ clear: both; float: left; width: 100%; margin: 1px 0 0 0; color: #fff; background: #3a4d61;
}
#body #content .room .column.left .package .title{ float: left; width: 100%; margin: 0; height: 23px; line-height: 23px;
}
#body #content .room .column.left .package .title h4{ float: left; width: 225px; margin: 0; padding: 0 0 0 10px; font-size: 12px; font-weight: bolder;
} #body #content .room .column.left .package .title .toggler{ float: right; display: block; width: 50px; margin: 0 10px 0 0; padding: 0 19px 0 0; background: url(../../nps/b5/ico.arrow.boxed.right.png) no-repeat right 2px; color: #fff; font-size: 11px; text-align: right;
} #body #content .room .column.left .package .title p.packagePrice{ float: left; display: block; width: 93px; margin: 0 10px 0 0; padding: 0 26px 0 47px; color: #fff; font-size: 11px; text-align: right;
} #body #content .room .column.left .package.active .title .toggler{ background: url(../../nps/b5/ico.arrow.boxed_down.png) no-repeat right 2px;
}
#body #content .room .column.left .package .toggle{ display: none;
} #body #content .room .column.left .package.active .title{ height: 30px;
}
#body #content .room .column.left .package.active .toggle{ display: block; float: left; clear: both; width: 100%; color: #fff; font-size: 11px; line-height: 12px;
}
#body #content .room .column.left .package .toggle a{ color: #fff; text-decoration: underline;
}
#body #content .room .column.left .package .toggle p{ margin: 0 0 23px 0;
}
#body #content .room .column.left .package .toggle ul{ margin: 0 0 12px 0;
}
#body #content .room .column.left .package .toggle ul li{ list-style-type: disc; margin: 0 0 0 43px;
}
#body #content .room .column.left .package .toggle .price{ clear: both; float: left; width: 100%; margin: 0; padding: 0; font-size: 12px;
}
#body #content .room .column.left .package .toggle .price p{ float: left; width: 410px; margin: 0; padding: 4px 0 0 0; text-align: right;
}
#body #content .room .column.left .package .toggle .price form{ clear: none; float: right; width: auto; margin: 0; padding: 0; background: transparent;
}
#body #content .room .column.left .package .toggle .price form .submit{ float: none; width: 63px; height: 20px; margin: 0 4px 3px 0; padding: 0; background: url(../../nps/b5/formfields/submit.63x20.png) no-repeat; font-size: 11px;
} #body #content .room .column.right{ float: right; margin-top: -38px; font-size: 11px; line-height: 12px; color: #01172f;
}
#body #content .room.active .column.right{ margin-top: 0;
}
#body #content .room .column.right img{ margin: 0 0 12px 0;
}
#body #content .room .column.right h3{ margin: 0; padding: 0 10px; font-style: italic; font-weight: normal;
}
#body #content .room .column.right p{ margin: 0 0 12px 0; padding: 0 10px;
} #body #content .choose_addons form{ float: left; width: 752px; padding: 14px 10px 10px 10px; background: rgb(1,23,47); background: rgba(1,23,47,.85); font-size: 11px;
}
#body #content .choose_addons h3{ margin: 0 0 18px 10px; color: #fff; font-size: 18px; line-height: 24px; font-weight: normal;
} #body #content .choose_addons .check{ width: 536px; padding: 0 0 0 27px; line-height: 26px; background: #01172f url(../../nps/b5/ico_check.png) no-repeat 9px 6px; color: #FFF; font-size: 11px;
}
#body #content .choose_addons .check em,
#body #content .choose_addons .check strong{ font-size: 1.09em;
}
#body #content .choose_addons .submit{ float: right; width: 185px; height: 24px; margin: 1px 0 0 0; font-size: 11px; background: url(../../nps/b5/formfields/submit.185x24.png) no-repeat 0 0;
} #body #content .choose_addons p{ clear: left; margin: 0 0 7px 0; padding: 0 10px;
} #body #content .choose_addons select{ float: none; margin: 0; padding: 0;
}
#body #content .choose_addons label{ width: auto; padding: 2px 7px 0 0;
} #body #content .choose_addons h4,
#body #content .choose_addons .toggle h5{ clear: both; margin: 16px 0 3px 0; padding: 5px 10px 6px 10px; background: #01172f; color: #fff; font-weight: bolder; font-size: 12px;
} #body #content .choose_addons .addon_list{ float: left; clear: both; width: 100%; margin-bottom: 10px;
}
#body #content .choose_addons .addon_list .toggler,
#body #content .choose_addons .addon_list .toggle .column.left{ clear: none; float: left; display: block; width: 185px; height: 194px; margin: 0 1px 0 0; padding: 0; background: #22354a url(../../nps/b5/bg.addon.png) no-repeat 0 96px; color: #FFF; cursor: text; font-size: 11px; line-height: 12px; text-align: left; overflow: hidden;
}
#body #content .choose_addons .addon_list .toggler img,
#body #content .choose_addons .addon_list .toggle .column.left img{ width: 185px; height: 96px; }
#body #content .choose_addons .addon_list .toggler span,
#body #content .choose_addons .addon_list .toggle .column.left span{ display: block; height: 91px; padding: 7px 0 0 8px; position: relative;
}
#body #content .choose_addons .addon_list .toggler strong,
#body #content .choose_addons .addon_list .toggle .column.left strong{ font-size: 12px; font-weight: bolder;
}
#body #content .choose_addons .addon_list .toggler span span{ display: block; width: 63px; height: 20px; line-height: 20px; margin: 0 0 0 0; padding: 0; background: url(../../nps/b5/formfields/submit.63x20.png) no-repeat; font-size: 11px; cursor: pointer; text-align: center; position: absolute; left: 9px; bottom: 7px; z-index: 2;
}
#body #content .choose_addons .addon_list .toggler span span.hidden{ display: none;
}
#body #content .choose_addons .addon_list .toggler.booked span span{ width: auto; padding: 0 0 0 18px; text-align: left; background: url(../../nps/b5/ico_check.png) no-repeat 0 4px; color: #dfdf57;
}
#body #content .choose_addons .addon_list .toggle{ display: none;
}
#body #content .choose_addons .closer{ display: none;
} #body #content .choose_addons .addon-showmore-toggler{ clear: both; float: left; display: block; width: 134px; height: 24px; line-height: 24px; padding: 0; background: url(../../nps/b5/formfields/submit.134x24.png) no-repeat 0 0; color: #fff; font-size: 11px; text-align: center;
}
#body #content .choose_addons .addon_list .toggler.hide,
#body #content .choose_addons .addon_list .toggler.active{ display: none;
} #body #content .choose_addons .toggler.active,
#body #content .choose_addons .toggle{ display: none;
}
#body #content .choose_addons .toggle.active{ display: block;
} #body #content .choose_addons .addon_list .toggle.active{ display: block; width: 100%; height: 194px; font-size: 11px; line-height: 12px; background: url(../../nps/b5/bg.addon.active.png) repeat-x; color: #FFF; overflow: hidden; position: relative; z-index: 99;
}
#body #content .choose_addons .addon_list .toggle .close{ display: block; width: 13px; height: 13px; background: url(../../nps/b5/ico.close.png) no-repeat; text-indent: 100px; overflow: hidden; position: absolute; right: 11px; top: 10px; z-index: 2;
}
#body #content .choose_addons .addon_list .toggle .column.left{ background: transparent;
}
#body #content .choose_addons .addon_list .toggle .column.right{ float: right; width: 552px; padding: 10px 10px 10px 0;
}
#body #content .choose_addons .addon_list .toggle .column.right p{ margin: 0 0 12px 0; padding: 0 0 0 2px;
}
#body #content .choose_addons .addon_list .toggle .column.right .textBox{ height: 75px; padding: 0 0 0 2px; overflow: auto;
}
#body #content .choose_addons .addon_list .toggle .column.right div.form{ clear: both; float: left; width: 100%; height: 73px; padding: 0; background: transparent; overflow: hidden;
}
#body #content .choose_addons .addon_list .toggle .column.right div.form div{ float: left; width: 180px; height: 50px; margin: 0 0 3px 4px; overflow: hidden;
} #body #content .choose_addons .addon_list .toggle .column.right div.form input{ width: 172px; height: 20px; margin: 0 0 10px 0; padding: 0 4px; background: url(../../nps/b5/formfields/input.180x20.png) no-repeat; color: #01172f;
}
#body #content .choose_addons .addon_list .toggle .column.right div.form input.datepicker{ width: 152px; padding: 0 24px 0 4px; background: url(../../nps/b5/formfields/input.180x20.datepicker.png) no-repeat; cursor: pointer;
}
#body #content .choose_addons .addon_list .toggle .column.right div.form textarea{ width: 172px; height: 42px; padding: 4px; background: url(../../nps/b5/formfields/textarea.180x50.png) no-repeat; color: #01172f;
}
#body #content .choose_addons .addon_list .toggle .column.right div.form select{ width: 180px; margin: 0; padding: 1px,
}
#body #content .choose_addons .addon_list .toggle .column.right div.form a.button{ clear: left; float: right; display: block; width: 364px; height: 20px; line-height: 20px; padding: 0; margin: 0; background: url(../../nps/b5/formfields/submit.364x20.png) no-repeat; color: #fff; font-weight: bolder; text-align: center;
}
#body #content .choose_addons .addon_list .toggle .column.right div.form a.cancel{ clear: left; float: right; height: 20px; line-height: 20px; margin: 0 10px 0 0; color: #fff; font-size: 11px;
}
#body #content .choose_addons .addon_list .toggle .column.right div.form a.cancel:hover,
#body #content .choose_addons .addon_list .toggle .column.right div.form a.cancel:focus,
#body #content .choose_addons .addon_list .toggle .column.right div.form a.cancel:active{ text-decoration: underline;
} #body #content form h2,
#body #content .content_column h2,
#body #content form.step_3_form h2,
#body #content .profile.active form.step_3_form h3{ clear: both; height: 22px; margin: 0 10px 9px 10px; padding: 0 5px; font-size: 11px; line-height: 22px; font-weight: bolder; background: #01172f;
}
#body #content form.step_3_form h2.toggler{ cursor: pointer; padding-left: 19px; background: #01172f url(../../nps/b5/ico.arrows.png) no-repeat 5px 4px;
}
#body #content form.step_3_form h2.toggler.active{ background-position: 5px -17px;
}
#body #content form.step_3_form h2.toggler.box{ padding-left: 22px; background: #01172f url(../../nps/b5/ico.checkboxes.png) no-repeat 4px 4px;
}
#body #content form.step_3_form h2.toggler.box.active{ background-position: 4px -26px;
} #body #content form.step_3_form fieldset{ clear: both; margin: 0 0 10px 0;
} #body #content .comment{ margin: 0 0 10px 0; padding: 0 20px;
}
#body #country_mask.spicyselect > ol{ max-height: 150px; overflow-y: scroll;
} #body #content form.step_3_form .toggle{ display: none;
}
#body #content form.step_3_form .toggle.active{ display: block;
}
#body #content form.step_3_form div.toggle{ clear: both;
}
#body #content form.step_3_form input.switched,
#body #content form.step_3_form select.switched,
#body #content form.step_3_form textarea.switched,
#body #content form.step_3_form div.spicyselect.switched,
#body #content form.step_3_form.active fieldset.inactive input.switched,
#body #content form.step_3_form.active fieldset.inactive select.switched,
#body #content form.step_3_form.active fieldset.inactive textarea.switched,
#body #content form.step_3_form.active fieldset.inactive div.spicyselect.switched{ display: none;
}
#body #content form.step_3_form.active input.switched,
#body #content form.step_3_form.active select.switched,
#body #content form.step_3_form.active textarea.switched,
#body #content form.step_3_form.active div.spicyselect.switched,
#body #content form.step_3_form fieldset.active input.switched,
#body #content form.step_3_form fieldset.active select.switched,
#body #content form.step_3_form fieldset.active textarea.switched,
#body #content form.step_3_form fieldset.active div.spicyselect.switched{ display: block;
} #body #content #justAnotherLoginButton,
#body #content .logoutArea{ float: right; width: 93px; height: 18px; margin: -23px 10px 0 0; padding: 0; background: url(../../nps/b5/formfields/submit.93x18.png) no-repeat; color: #fff; font-size: 11px; line-height: 18px; font-weight: bolder; text-align: center; overflow: hidden;
}
#body #content .logoutArea .submit{ width: 63px; height: 18px; margin: 0; padding: 0; background: url(../../nps/b5/formfields/submit.63x18.png) no-repeat; font-size: 11px; line-height: 18px;
} #body #content form .output{ float: left; margin: 0 20px 10px 0; padding: 0 6px; width: 200px; height: 20px; background: transparent!important; color: #fff; font-size: 12px; line-height: 20px;
}
#body #content form.active .output,
#body #content form.step_3_form a.edit.active,
#body #content form fieldset.active .output{ display: none;
}
#body #content form.active .output.fixed,
#body #content form.active fieldset.inactive .output{ display: block;
}
#body #content form.step_3_form a.edit{ clear: both; float: right; margin: 0 10px -20px 0; font-size: 12px; text-decoration: underline; color: #bd2c16;
} .profile.active .toggler{ display: block; background: rgb(1,23,47); background: rgba(1,23,47,.85); padding: 10px 20px; color: #fff;
} #body #content form.step_3_form{ width: 752px; padding: 0 10px 20px 10px;
}
#body #content form.step_3_form .submit{ margin: 0 0 20px 0; font-size: 11px;
}
#body #content .content_column{ float: right; width: 370px; overflow: hidden;
}
#body #content .content_column.first{ clear: left; float: left;
}
#body #content .content_column .location{ margin-bottom: 10px; font-size: 11px;
}
#body #content .content_column h2{ float: none; width: auto; margin: 0 0 6px 0; padding: 0 10px;
}
#body #content .content_column p{ margin: 0 10px 10px 10px;
} #body #content .content_column .box{ background: #01172F; margin: 0 10px 18px 10px; padding: 10px; font-size: 11px;
}
#body #content .content_column .box h3{ margin: 0 0 10px 0; font-size: 10px; line-height: 10px; text-transform: uppercase;
}
#body #content .content_column .box p{ margin: 0 0 10px 0;
} #body #content .summary strong.total{ font-size: 14px;
} #body #content .summary table{ margin: 0 0 10px 0; padding: 4px 0 0 0; width: 100%; border-top: 1px solid #fff; border-bottom: 1px solid #fff;
} #body #content .summary table th,
#body #content .summary table td{ line-height: 12px; text-align: left; vertical-align: top;
}
#body #content .summary table td.specialNote{ border-top: 1px solid #fff;
}
#body #content .summary table thead th{ font-size: 12px; padding-bottom: 4px; border-bottom: 1px solid #fff;
}
#body #content .summary table thead th strong{ font-size: 14px; font-weight: normal;
}
#body #content .summary table .tax,
#body #content .summary table .integer{ width: 100px; text-align: right;
}
#body #content .summary table .addInfo,
#body #content .summary table .tax{ font-size: 11px;
}
#body #content .summary table th{ font-weight: normal;
}
#body #content .summary table tbody th,
#body #content .summary table tbody td{ padding: 6px 0;
} #body #content .policies *{ font-size: 11px;
}
#body #content .policies p{ margin: 0 0 12px 0;
}
#body #content .policies h3{ font-weight: bolder; margin: 0 0 12px 0;
} #body #content .confirmationPage{ float: left; padding: 10px; width: 752px; background: rgb(1,23,47); background: rgba(1,23,47,.85);
}
#body #content .content_column.confirmation .box{ margin-left: 0; margin-right: 0;
}
#body #content .content_column.confirmation .box.transparent{ background: transparent;
}
#body #content .content_column.confirmation .box h2{ font-size: 14px; padding-left: 0;
} #body #content .content_column.navigation ul li{ clear: both; float: left; width: 100%; margin: 0 0 10px 0; background: rgb(1,23,47);
}
#body #content .content_column.navigation ul li a{ display: block; height: 30px; padding: 0 0 0 35px; font-size: 12px; line-height: 30px; color: #fff;
}
#body #content .content_column.navigation form{ clear: both; float: left; width: 100%; padding: 8px 0 0 0;
}
#body #content .content_column.navigation form label{ width: 125px;
}
#body #content .content_column.navigation form input{ float: right; margin-right: 10px;
} #body #content .content_column.navigation ul li.pdf a{ background: url(../../nps/b5/ico.pdf.png) no-repeat 3px 3px;
} #body #content .content_column.navigation ul li.sms a{ background: url(../../nps/b5/ico.sms.png) no-repeat 5px 3px;
} #body #content.dashboard div .toggler{ clear: both; display: block; height: 50px; margin: 1px 0 0 0; padding: 12px 0 0 45px; background: url(../../nps/b5/ico.arrow.boxed.right.png) no-repeat 15px 15px; background-color: rgb(1,23,47); color: #fff; cursor: pointer; font-size: 11px; line-height: 14px;
}
#body #content.dashboard div.active .toggler{ background-image: url(../../nps/b5/ico.arrow.boxed_down.png);
}
#body #content.dashboard div .toggler .headline{ font-size: 14px; line-height: 18px;
} #body #content.dashboard div.active .toggle_{ padding: 10px; background-color: rgb(1,23,47); background-color: rgba(1,23,47,.85);
}
#body #content.dashboard div.active .toggle_ form.step_3_form{ background: transparent;
}
#body #content.dashboard .reservation{ font-size: 11px; margin: 0 0 1px 0;
}
#body #content.dashboard .reservation .line,
#body #content.dashboard .b-credits .line{ width: 100%; height: 36px; background-color: rgb(1,23,47); overflow: hidden;
}
#body #content.dashboard .reservation.cancelled .line{ background: rgb(147,23,47); color: #bbb;
}
#body #content.dashboard .reservation.cancelled .line .number{ color: #eee;
}
#body #content.dashboard .reservation .line div{ float: left; width: 120px; margin: 4px 1px 2px 7px; line-height: 12px;
}
#body #content.dashboard .reservation .first strong{ font-size: 12px;
}
#body #content.dashboard a{ color: #fff; text-decoration: underline;
}
#body #content.dashboard .reservation .pdf{ float: right!important;
}
#body #content.dashboard .reservation .pdf a{ display: block; height: 20px; padding: 6px 0px 0 39px; background: url(../../nps/b5/ico_pdf_small.png) no-repeat 15px 5px; text-decoration: none;
} #body #content.dashboard .reservation.upcoming,
#body #content.dashboard .reservation.upcoming .line{ background: transparent; height: auto;
}
#body #content.dashboard .reservation.upcoming{ padding-bottom: 30px;
}
#body #content.dashboard .reservation.upcoming .line.first{ background-color: rgb(1,23,47); margin-bottom: 5px;
}
#body #content.dashboard .reservation.upcoming .line h3{ margin: 0 0 2px 0; font-size: 12px; font-weight: normal; text-transform: uppercase;
}
#body #content.dashboard .reservation.upcoming .line div{ width: 120px;
}
#body #content.dashboard .reservation.upcoming .line .address{ width: 300px; border-right: 1px solid #fff;
}
#body #content.dashboard .reservation.upcoming .line form{ float: right; width: 73px; padding: 0; margin: 0; background: transparent;
}
#body #content.dashboard .reservation.upcoming .line form input{ width: 63px; height: 18px; background: url(../../nps/b5/formfields/submit.63x18.png) no-repeat; font-size: 11px; padding: 0; margin: 10px 0 0 0; color: #FFF; cursor: pointer; font-weight: bolder;
}
#body #content.dashboard .reservations .scroller{ float: right; margin: 6px 0 5px 0;
}
#body #content.dashboard .reservations .scroller li{ float: left; width: 21px; height: 21px; margin: 0 0 0 5px;
}
#body #content.dashboard .reservations .scroller li a{ display: block; width: 20px; height: 20px; line-height: 20px; padding: 0; color: #fff; text-align: center; overflow: hidden; text-decoration: none; border: 1px solid #fff;
}
#body #content.dashboard .reservations .scroller li a:hover,
#body #content.dashboard .reservations .scroller li a:focus,
#body #content.dashboard .reservations .scroller li a:active,
#body #content.dashboard .reservations .scroller li.active a{ background: #fff; color: rgb(1,23,47);
}
#body #content.dashboard .reservations .scroller li.active a{ font-weight: bolder;
}
#body #content.dashboard .reservations .scroller li.prev a{ background: url(../../nps/b5/ico.arrows.png) no-repeat center -31px;
}
#body #content.dashboard .reservations .scroller li.next a{ background: url(../../nps/b5/ico.arrows.png) no-repeat center 3px;
}
#body #content.dashboard .reservations .scroller li.prev a span,
#body #content.dashboard .reservations .scroller li.next a span{ display: none;
} #body #content.dashboard .confirm_cancel .headline{ clear: both; display: block; height: 50px; margin: 1px 0; padding: 12px 0 0 10px; background-color: rgb(1,23,47); color: #fff; cursor: pointer; font-size: 11px; line-height: 14px;
}
#body #content.dashboard .confirm_cancel .reservation.upcoming{ padding: 0; clear: both; background-color: rgb(1,23,47); background-color: rgba(1,23,47,.85);
}
#body #content.dashboard form#cancellation_form{ clear: both; width: 100%; margin: 10px 5px 9px 0;
}
#body #content.dashboard form#cancellation_form .submit{ float: right; margin: 0 0 0 12px; width: 212px; height: 24px; background: url(../../nps/b5/formfields/submit.212x24.png) no-repeat;
}
#body #content.dashboard form#cancellation_form .submit.cancel{ width: 134px; height: 24px; background: url(../../nps/b5/formfields/submit.134x24.png) no-repeat;
} #body #content.dashboard .b-credits{ font-size: 11px;
}
#body #content.dashboard .b-credits .line{ width: 732px; height: auto; margin-bottom: 11px; padding: 8px 10px; background: #01172f; color: #fff;
}
#body #content.dashboard .b-credits .line .box{ float: right; width: 191px; margin-top: 5px;
}
#body #content.dashboard .b-credits .line .box.first{ float: left; width: 518px; margin-right: 10px; border-right: 1px solid #FFF;
}
#body #content.dashboard .b-credits .overview{ margin: 0 15px;
}
#body #content.dashboard .b-credits .overview p{ margin: 3px 0 4px 0; color: #FFF;
}
#body #content.dashboard .b-credits .overview strong{ font-size: 1.64em;
}
#body #content.dashboard .b-credits table{ width: 732px; margin: 0 10px; background: #01172f; font-size: 11px;
}
#body #content.dashboard .b-credits table td{ padding: 5px;
}
#body #content.dashboard .b-credits table td.creds{ text-align: right;
}
#body #content.dashboard .b-credits table td .plus{ color: #175922;
}
#body #content.dashboard .b-credits table td .minus{ color: #bd2c16;
}
#body #content.dashboard .b-credits table .colored td{ background: #082646;
}
#body #content.dashboard .b-credits h3{ font-size: 14px;
}
#body #content.dashboard .b-credits .box p{ margin: 0;
}
#body #content.dashboard .b-credits .box form{ padding: 0; margin: 0;
}
#body #content.dashboard .b-credits .box form .submit{ float: none; width: 134px; height: 24px; margin: 0; background: url(../../nps/b5/formfields/submit.134x24.png) no-repeat;
} #body #marginal{ clear: left; float: left; width: 184px;
}
#body #marginal > div{ float: left; clear: both; width: 164px; padding: 10px; margin: 0; background: rgb(1,23,47); background: rgba(1,23,47,.85); font-size: 11px; line-height: 12px; position: relative; text-align: center;
}
#body #marginal > div.secure{ margin: 2px 0 0;
} #body #marginal .image{ display: none;
}
#body #marginal a{ color: #fff;
}
#body #marginal a img{ border: 0;
} #body #marginal div h2,
#body #marginal div p{ float: left; clear: both; width: 100%;
}
#body #marginal div h2{ margin: 0 0 9px 0; color: #96979b; font-size: 11px; line-height: 20px; font-weight: bolder; text-transform: uppercase;
}
#body #marginal div h2 .button{ width: 44px; height: 20px; background: url(../../nps/b5/formfields/submit.44x20.png) no-repeat; color: #fff; font-size: 10px; line-height: 20px; font-weight: normal; text-align: center; text-decoration: none; text-transform: none; position: absolute; top: 10px; right: 10px;
} #body #marginal div .option{ float: left;
}
#body #marginal div .price{ float: right; text-align: right;
}
#body #marginal div .tax{ font-size: 11px;
} #body #marginal div.total .price{ font-weight: normal;
}
#body #marginal div.total .price strong{ font-size: 12px;
}
#body #marginal div a{ text-decoration: underline;
} #body #marginal div form .ui-datepicker-trigger,
#body #content .calendar form .ui-datepicker-trigger{ display: none;
}
#body #marginal form label{ float: left; display: block; width: 70px; padding: 2px 0px 2px 0; font-weight: bolder;
}
#body #marginal input,
#body #marginal select,
#body #marginal .spicyselect{ width: 158px; height: 18px; margin: 0 0 10px 0; padding: 0 3px; background: url(../../nps/b5/formfields/input.164x18.png) no-repeat; font-size: 11px;
}
#body #marginal input.hasDatepicker{ background: url(../../nps/b5/formfields/input.164x18.datepicker.png) no-repeat; cursor: pointer;
}
#body #marginal .spicyselect{ clear: both; width: 164px; padding: 0; background: url(../../nps/b5/formfields/select.164x18.png) no-repeat; cursor: pointer;
}
#body #marginal .spicyselect a{ text-decoration: none; float: left; display: block; width: 140px; height: 16px; color: #01172f; overflow: hidden;
}
#body #marginal .spicyselect > div{ clear: none; float: right; width: 18px; height: 18px; padding: 0; margin: 0; background: url(../../nps/b5/formfields/select.arrow_down.png) no-repeat center center;
}
#body #marginal .spicyselect > ol{ min-width: 164px;
} #body #marginal input.button{ width: 63px; height: 18px; margin: 0; padding: 0 0; background: url(../../nps/b5/formfields/submit.63x18.png) no-repeat; color: #fff;
} #login_area{ display: none;
}
#login_area.active{ width: 140px; height: 100px; margin: 0 0 0 315px; padding: 10px; background: rgb(1,23,47); color: #FFF; font-size: 11px; overflow: hidden; position: absolute; top: 0; left: 50%; z-index: 99;
}
#login_area a.close{ display: block; width: 10px; height: 12px; color: #fff; font-size: 12px; line-height: 12px; text-align: center; position: absolute; right: 2px; top: 2px;
}
#login_area label{ font-size: 11px;
}
#login_area input{ width: 134px; height: 18px; margin: 0 0 9px 0; padding: 0 3px; background: url(../../nps/b5/formfields/input.140x18.png) no-repeat; color: #01172f;
}
#login_area input.submit{ float: right; width: 63px; height: 18px; margin: 0; padding: 0; background: url(../../nps/b5/formfields/submit.63x18.png) no-repeat; color: #fff; font-size: 11px; line-height: 18px; font-weight: bolder;
}
#login_area a.register{ float: left; color: #FFF; font-size: 11px; line-height: 18px; text-decoration: underline;
} #nyroModalBg{ background: rgb(1, 23, 47)!important;
}
div#nyroModalWrapper{ background: rgb(1, 23, 47)!important; border: 1px solid #a0a5a9!important; }
div#nyroModalLoading { border: 0;
} #nyroModalContent #text_overlay{ width: 520px; padding: 17px 20px; color: #fff; font-size: 11px; line-height: 14px;
}
#nyroModalContent #text_overlay h1{ color: #a0a5a9; font-size: 18px; line-height: 24px; text-transform: uppercase; font-weight: normal;
} #nyroModalContent #gallery{ color: #fff; font-size: 11px; line-height: 14px;
}
#nyroModalContent #gallery .text{ background: rgb(1, 23, 47); width: 520px; height: 104px; padding: 17px 20px; overflow: hidden;
}
#nyroModalContent #gallery .text h1{ color: #a0a5a9; font-size: 18px; line-height: 24px; text-transform: uppercase; font-weight: normal;
}
div.wrapper div#nyroModalContent{ padding: 0;
} div#nyroModalWrapper a#closeBut{ background: rgb(1, 23, 47) url(../../nps/b5/ico.close.png) no-repeat center center; width: 20px; height: 20px; top: 0; right: 0;
}
div#nyroModalWrapper .navigation a span{ display: none;
}
div#nyroModalWrapper .navigation a{ display: block; width: 35px; height: 34px; position: absolute; bottom: 146px; overflow: hidden;
}
div#nyroModalWrapper .navigation a.next{ background: url(../../nps/b5/ico.arrow.boxed.big.right.png) no-repeat center center; right: -0;
}
div#nyroModalWrapper .navigation a.last{ background: url(../../nps/b5/ico.arrow.boxed.big.left.png) no-repeat center center; left: -0;
} #backgroundImage{ width: 100%; height: 100%; background: #172734; overflow: hidden; position: absolute; top: 0; z-index: 1;
}
#backgroundImage img{ width: 100%; position: fixed;
} .hidden,
.js .noJsBreak{ display: none;
}
.clearer{ clear: both;
} #eu-cookie { display: none; background: #d5d2d2; border-bottom: 1px solid #a3a0a0; position: fixed; z-index: 999; top: 0; left: 0; width: 100%;
} #eu-cookie .inner { width: 970px; margin: 0 auto; position: relative; padding: 24px 0; } #eu-cookie .inner .article{ float: left; width: 750px; color: #373333; font-size: 14px; line-height: 18px;
} #eu-cookie .inner .article p { margin-bottom: 18px;
} #eu-cookie .inner .article a { color: #246bb3;
} #eu-cookie .inner .article#privacypol{ display:none;
} #privacypol-input:checked ~ #eu-cookie #privacypol{display:block} #privacypol-input:checked ~ #eu-cookie{ overflow: scroll; height: 100%; bottom: 0;
} #eu-cookie .inner .aside{ float: right; width: 150px; margin: 10px 0; text-align: right; position:absolute; top: 0; right: 12px;
} #eu-cookie .inner .aside .cls{ position: absolute; top: 0; right: 12px; cursor: pointer; width:13px; height: 13px; background: url(../../nps/ico.close-black.png) no-repeat; } 
div#nyroModalFull { font-size: 12px; color: #777;
}
div#nyroModalLoading { border: 4px solid #777; width: 150px; height: 150px; text-indent: -9999em; background: #fff url(../../plugins/nyromodal/img/ajaxLoader.gif) no-repeat; background-position: center;
}
div#nyroModalLoading.error { border: 4px solid #f66; line-height: 20px; padding: 20px; width: 300px; height: 100px; text-indent: 0; background: #fff;
}
div#nyroModalWrapper { background: #fff; border: 4px solid #777;
}
a#closeBut { position: absolute; display: block; top: -13px; right: -13px; width: 12px; height: 12px; text-indent: -9999em; background: url(data:image/gif;base64,R0lGODlhDAAMAIABAP///wAAACH5BAEAAAEALAAAAAAMAAwAAAIdhI8Xy20B2ooPuhmnxi5zVn3WCGXe+JxaKGHJWwAAOw==) no-repeat; outline: 0;
}
h1#nyroModalTitle { margin: 0; padding: 0; position: absolute; top: -22px; left: 5px; font-size: 12px; color: #ddd;
}
div#nyroModalContent { overflow: auto;
}
div.wrapper div#nyroModalContent { padding: 5px;
}
div.wrapperImg div#nyroModalContent { position: relative; overflow: hidden; text-align: center;
}
div.wrapperImg img { vertical-align: baseline;
}
div.wrapperImg div#nyroModalContent div { position: absolute; bottom: 0; left: 0; background: black; padding: 10px; margin: 10px; border: 1px white dotted; overflow: hidden; opacity: 0.2; filter: alpha(opacity=20);
}
div.wrapperImg div#nyroModalContent div:hover { opacity: 0.5; filter: alpha(opacity=50); cursor: help;
}
a.nyroModalPrev, a.nyroModalNext { z-index: 105; outline: none; position: absolute; top: 0; height: 100%; width: 40%; cursor: pointer; text-indent: -9999em; background: left 20% no-repeat; background-image: url(data:image/gif;base64,AAAA); }
div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext { height: 60%; width: 20%;
}
a.nyroModalPrev { left: 0;
}
a.nyroModalPrev:hover { background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAXCAAAAADxOEpgAAAAAnRSTlMAAHaTzTgAAABjSURBVBhXhdChEsAgDAPQ/HVsLRY7i8WisdhZ7Cy2lqkdLXfb4t41MQVXAAC02c0/89WpWMtZ7T1pNn2peph9HCNyucxLaByHRmtKm9maTFqcGXpzJksXZ4bsvfUfftv/DwBuVNajKlK+y6wAAAAASUVORK5CYII=);
}
a.nyroModalNext { right: 0; background-position: right 20%;
}
a.nyroModalNext:hover { background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAXCAAAAADxOEpgAAAAAnRSTlMAAHaTzTgAAABiSURBVBiVY2AAgnIEQOWB+OX4+eXE8JdsQ5Nfe3sSqvpJ37ah6u98crsTxbyG29/Wopp/8v8lZH7DE6ACBH/StyedSOqXQCyA8de+nY1s38kDDcjumT0bp38IhQdG+KGKAADFu6Mh38Xu5AAAAABJRU5ErkJggg==);
}
.hidden{ display: none;
}
.multitoggler-trigger{ cursor: pointer;
}
.hidden{ display: none;
}
.roomtoggler,
.ratetoggler,
.packagetoggler{ cursor: pointer;
}
.hidden{ display: none;
}
.roomtoggler,
.ratetoggler,
.packagetoggler{ cursor: pointer;
}
.protoelement-hidden{ display: none !important;
}
 .ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; top: 0; }
.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; } * html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-state-disabled { cursor: default !important; } .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.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 { float:left; 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-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }
.ui-datepicker td { border: 0; padding: 1px; }
.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; } .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%; } .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; } .ui-datepicker-cover { display: none; display: block; position: absolute; z-index: -1; filter: mask(); top: -4px; left: -4px; width: 200px; height: 200px; }
 .ui-widget { font-family: Arial,Verdana,sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Verdana,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABkAQMAAADOquA5AAAAA1BMVEX///+nxBvIAAAAD0lEQVQYGWNgGAWjgPoAAAJYAAHlK0hvAAAAAElFTkSuQmCC) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAAAAABiRwW8AAAAHUlEQVQIW2N4xMRAFfgfCCEkBP7DYDMAaQimAQQAiywTk4jkb2cAAAAASUVORK5CYII=) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; } .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAGQCAYAAABvWArbAAAANUlEQVQ4je3LMQoAIBADwb38/6t5wFXaWAiCtUiaYZvF9hBACOFbuntVVe11B0CSjjeE8BwThQIJ8dhEl0YAAAAASUVORK5CYII=) 50% 50% repeat-x; font-weight: normal; color: #555555; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999; background: #dadada url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAGQCAYAAABvWArbAAAANklEQVQ4jWN48uTJfyYGBgaGUWKUGCWGLfHt2zcoi5GREYNgYmJCZiG42IiB98woMUqMEtgIAMdjCdyg+eEBAAAAAElFTkSuQmCC) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAGQAQMAAABVlpiYAAAABlBMVEX+/v7///8b/GgcAAAAGElEQVQoU2NhYBmFgwk2ACGIxC4+CukMAZajCME2DrSIAAAAAElFTkSuQmCC) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; outline: none; text-decoration: none; } .ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAGQCAYAAABvWArbAAAAP0lEQVQ4je3PMQrAMABC0a/3v2zX0mCXNkOgc6C4PARd5DqPGKCU8luS8SbAQhiCQRgJE56kZTfbbP9RSvnkBsWcEAZRWcgqAAAAAElFTkSuQmCC) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAGQCAYAAABvWArbAAAAPklEQVQ4je3PMQqAMABD0Z/c/7aCIAXjJIhD10LJ8vgZw30eMUApZV/GhZNgSTjoLYElY/hNMJ/S6gullCkPiCIPCr4NiEwAAAAASUVORK5CYII=) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-icon { width: 16px; height: 16px; background-image: url(../../plugins/jquery.ui/development-bundle/themes/smoothness/images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(../../plugins/jquery.ui/development-bundle/themes/smoothness/images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(../../plugins/jquery.ui/development-bundle/themes/smoothness/images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(../../plugins/jquery.ui/development-bundle/themes/smoothness/images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../../plugins/jquery.ui/development-bundle/themes/smoothness/images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(../../plugins/jquery.ui/development-bundle/themes/smoothness/images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(../../plugins/jquery.ui/development-bundle/themes/smoothness/images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../../plugins/jquery.ui/development-bundle/themes/smoothness/images/ui-icons_cd0a0a_256x240.png); } .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-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; } .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; } .ui-widget-overlay { background: #aaaaaa url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABkAQMAAADOquA5AAAAA1BMVEWqqqoRfvv5AAAAD0lEQVQYGWNgGAWjgPoAAAJYAAHlK0hvAAAAAElFTkSuQmCC) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABkAQMAAADOquA5AAAAA1BMVEWqqqoRfvv5AAAAD0lEQVQYGWNgGAWjgPoAAAJYAAHlK0hvAAAAAElFTkSuQmCC) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }
#body #content .calendar .datepicker{ float: left;
}
#body #content .calendar .datepicker .ui-datepicker{ display: block; width: 229px;
}
#body #content .calendar .datepicker .ui-datepicker *,
#body #content .calendar .datepicker .ui-datepicker{ border: 0 none; background: transparent none; font-size: 1em;
}
#body #content .calendar .datepicker .ui-datepicker .ui-icon-circle-triangle-w{ background: transparent url(https://booking.boscolohotels.com/BOSCOLO/en/shared/nps/b5/arrow_left.png) no-repeat right 4px;
}
#body #content .calendar .datepicker .ui-datepicker .ui-icon-circle-triangle-e{ background: transparent url(https://booking.boscolohotels.com/BOSCOLO/en/shared/nps/b5/arrow_right.png) no-repeat scroll left 4px;
}
#body #content .calendar .datepicker .ui-datepicker table{ border-collapse: separate;
}
#body #content .calendar .datepicker .ui-datepicker table td,
#body #content .calendar .datepicker .ui-datepicker table th{ border: 1px solid #E6DFDA;
}
#body #content .calendar .datepicker .ui-datepicker table td{ background: #CFC9C5 none repeat scroll 0 0;
}
#body #content .calendar .datepicker .ui-datepicker table td.available{ background: #A7A74E none repeat scroll 0 0;
}
#body #content .calendar .datepicker .ui-datepicker table td.chosen{ background-image: url(../../nps/b5/bg_calendar_stripes.png);
}
#body #content .calendar.loading .datepicker .ui-datepicker table td.chosen{ background-image: url(https://booking.boscolohotels.com/BOSCOLO/en/shared/nps/b5/bg_calendar_stripes_loading.png);
}
#body #content .calendar .legend{ margin: 0;
}
#body #content .calendar .av_details{ float: right; height: 61px; margin: 0 20px 0 0; width: 255px;
}
body .calendar .ui-datepicker th span,
body .calendar .ui-datepicker td span,
body .calendar .ui-datepicker td a{ height: 24px; line-height: 24px; width: 31px;
}
#body #content .calendar .datepicker .ui-datepicker table td.ui-datepicker-today a{ color: #7B201F; font-weight: bolder;
} #body #content .calendar .datepicker .ui-datepicker table td a.ui-draggable-dragging{ display: none;
} #body #content .calendar form #av_widget_start_date{ margin-right: 3px;
} #body #content .calendar form .spicyselect{ width: 70px;
}
#tooltip { position: absolute; z-index: 3000; border: 1px solid #111; background-color: #eee; padding: 5px; opacity: 0.85;
} #tooltip h3, #tooltip div { margin: 0; } 
#tooltip { font-size: 0.75em;
}