/* CSS Document */ .tabberlive .tabbertabhide { display:none; } .tabber { display:none; } .tabberlive { margin-top:2px; } ul.tabbernav { border-bottom:1px solid #00C8DC; font-family:Verdana,sans-serif; font-size:12px; font-style:normal; font-variant:normal; font-weight:bold; line-height:normal; margin:0; padding:3px 10px; } ul.tabbernav li { font-family: "Lucida Grande",Arial,Helvetica,sans-serif; display:inline; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; } ul.tabbernav li a { background: url(../images/slide_bg_lightblue.gif) repeat-x; border-color:#00C8DC; border-style:solid solid none; border-width:1px 1px medium; margin-left:2px; padding:3px 0.5em; text-decoration:none; color:#c64934; } ul.tabbernav li a:link { color:#333333; } ul.tabbernav li a:visited { color:#c64934; } ul.tabbernav li a:hover { background:#ffffff none repeat scroll 0 0; border-color:#00C8DC; color:#c64934; } ul.tabbernav li.tabberactive a { background:#FFFFCC; border-bottom:1px solid #FFFFCC; } ul.tabbernav li.tabberactive a:hover { background:#FFFFCC; border-bottom:1px solid #FFFFCC; color:#333333; } .tabberlive .tabbertab { border-color:#00C8DC; border-style:none solid solid; border-width:0 1px 1px; padding:5px; } .tabberlive .tabbertab h2 { display:none; } .tabberlive .tabbertab h3 { display:none; } #tab1.tabberlive { } #tab2.tabberlive { } #tab2.tabberlive .tabbertab { height:200px; overflow:auto; } div.blockMsg { width: 30%; top: 20%; left: 30%; text-align: center; background-color: #000; border: 1px solid #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); -moz-opacity:.70; opacity:.70; padding: 15px; color: #fff; } .jomres_bt_tooltip_ajaxpage { float: left; width: 200px; } .jomres_bt_tooltip_imageonly { float: left; } .jomres_bt_tooltip_room_type { float: left; padding: 5px; } .jomres_bt_tooltip_features { float: left; padding-right: 5px; padding-top:3px; } .jomres_bt_tooltip { float: left; } .jomres_bt_tooltip_hover_content { width: 80px; text-align: center; border: 2px solid #666666; padding: 5px; background-color: #00FFFF; height: 45px; display: block; float: left; } .panelwrapper { margin-bottom: 15px; } .innerwrapper, .jradmin_innerwrapper { width: 100%; } div.address_info { color: #fff; background-color: Orange; text-align: center;font-size:11px;} div.address_info a:link { color: #fff; text-decoration:underline;} div.tab_panel_content {} div.tab_panel_content a:link { text-decoration:underline;} .jomres_price { color:#fff; height:23px; margin:-18px 10px 0 0; text-align:right; font-weight:bold; font-size:14px; } .jomres_button { background:transparent url(../images/button-white.gif) no-repeat scroll right top; float:right; font-size:14px; font-weight:bold; height:36px; margin:-38px 0 0 0; text-align:center; width:80px; } .jomres_button a:link, .jomres_button a:visited, .jomres_button a:hover { background:#fff; font-family: Tahoma,Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; text-transform: uppercase; outline: 0; } .jomres_button_detailspage { background:transparent url(../images/button.gif) no-repeat scroll center top; font-size:14px; font-weight:bold; height:44px; margin-left:380px; text-align:center; width:80px; } .jomres_button_detailspage a:link, .jomres_button_detailspage a:visited, .jomres_button_detailspage a:hover { color:#FFFFFF; font-size: 12px; font-weight: bold; text-decoration: none; text-transform: uppercase; outline: 0; } .jomres_button_detailspage_back { background:transparent url(../../je_capella/images/button.gif) no-repeat scroll center top; font-size:14px; font-weight:bold; height:36px; padding-top:8px; text-align:center; width:80px; } .jomres_button_detailspage_back a:link, .jomres_button_detailspage_back a:visited, .jomres_button_detailspage_back a:hover { color:#FFFFFF; font-size: 12px; font-weight: bold; line-height:20px; text-decoration: none; text-transform: uppercase; outline: 0; } .jomres_orderbox { margin-top: 10px; width:100%; } .dateinput_button { outline: 0; } .jomrestexteditable { color: #99f; background-color: #fff; } #pathway_text { width:100%; } .pathway img { position: relative; top: 2px; left: 0; } /*Property list*/ .propertylist { margin-bottom: 10px; } .propertylist_info { margin: 0 10px 0; } .propertylist_left { background:#00C8DC url(../images/property.gif) no-repeat scroll right top; vertical-align:top; } .propertylist_name { color:#FFFFFF; font-size:18px; font-weight:bold; height:20px; margin-top:10px; } .pheadwrap { background-color: #00C8DC; padding: 0 5px; } .pbodywrap { background-color: #00C8DC; height:130px; overflow:hidden; } .propertylist_header { width: 100%; line-height: 23px; color:#333333; font-weight:bold; } .propertylist_name a:link, .propertylist_name a:visited, .propertylist_name a:hover { font-size: 18px; color:#fff; font-weight: bold; text-decoration:none; } .propertylist_headerr { color:#666666; font-size:14px; font-weight:bold; padding:0; text-align:right; } .propertylist_type { text-transform:uppercase; color:#ffffff; font-size:10px; margin-bottom:20px; } .propertylist_type_street { color:#ffffff; font-size:11px; } .propertylist_desc { color:#FFFFFF; height:36px; line-height:14px; } .propertylist_stars { color:#FFFFFF; line-height:12px; margin-top:10px; font-size:12px; } .propertylist_buttons { float:right; } .propertylist_prices { } .bigprice { font-size:20px; } .propertylist_rightcol { } .propertylist_discount { font-weight:bold; } .propertylist_right { width:150px; background:#00C8DC; } .propertylist_headerl { font-size:11px; color:#666666; text-indent:5px; } .propertylist_image a img { margin: 0; padding: 0; } .propertylist_rooms { margin: 0 0 4px 0; } .propertylist_features { height:28px; } .propertylist_small { font-size: 11px; text-align: right; } /*Property header*/ .header { } .header_property { color: #135cae; font-size: 18px; text-indent: 10px; line-height: 110px; height: 110px; } .header_image { } /* Property detail*/ .viewproperty { margin-bottom: 5px; } .viewproperty_leftcol { } .leftinfo_title { background-color:#00C8DC; color: #fff; text-transform: uppercase; font-weight: bold; line-height:18px; margin-bottom:2px; margin-top:10px; text-indent:5px; } .leftinfo_content { font-weight: normal; } .viewproperty_rightcol { } .viewproperty_bookinglink { } .rightinfo_title { font-size: 10px; font-weight: bold; margin-top: 3px; } .rightinfo_content { font-size: 10px; font-weight: normal; } /* Booking form */ .messages{ width: 100%; background: Yellow; border-right: 1px solid #636363; border-left: 1px solid #e7e934; border-top: 1px solid #faf3e2; border-bottom: 1px solid #636363; text-indent: 5px; } .roomalert_on { background: Yellow; } .errorbackground { color: #000; background-color: Yellow; background-image: none; } .oktobook { background-color: #6AFB92; } #totalinparty, #selectedRooms,#roompernight { } .block_ui_bookingform { font-size:11px; } .booking_form_table_big { margin:5px 0 0; } .bformleftcol { color: #000; background: #ffffcc; vertical-align: top; } .bformrightcol { vertical-align: top; padding: 0; border: none; } .bformleftcol_srp { width:363px !important; color: #000; background: #ffffcc; border-right:5px solid #FFFFCC; vertical-align: top; } .bformrightcol_srp { width: 170px!important; vertical-align: top; padding: 0; border: none; } .bform_table { background: #ffffcc; border: 1px solid #00C8DC; margin-bottom:5px; } .bform_table th { background: #00C8DC; color: #fff; text-align:left; text-indent: 5px; height: 20px; line-height: 20px; font-weight:bold; } .bform_small { font-size:10px; font-weight:normal; line-height:12px; text-align:left; color:#666666; } .bform_table td { padding:1px 0 1px 6px; } .bform_table_totals { background: #FAF8CC; border: 1px solid #cc0000; } .bform_table_totals th { background: #cc0000; color: #fff; text-align:left; text-indent: 5px; font-weight:bold; height: 20px; } .bform_table_totals td { padding: 3px; } .bform_table_coupons { background: #E0FFFF; border: 1px solid #00C8DC; margin-bottom: 5px; } .bform_table_coupons th { background: #00C8DC none repeat scroll 0 0; color: #fff; font-weight:bold; text-align:left; text-indent: 5px; font-size: 11px; height: 20px; } .bform_table_coupons td { padding: 3px; } .bookingform_footer { background: #00C8DC; text-align: right; } #availRooms { } #selectedRooms { margin-bottom: 3px; margin-top: 3px; } .broomslist_header { } .roomswrapper { background:none; } .broomslist { padding: 3px; } .roomslist_noroomsselected { background-color: #fc0000; color: #ffffff; font-weight: bold; font-size: 11px; padding: 3px; margin: 0; } div.roomsListInnerWrapper, div.roomsListWrapper { padding: 0; } .roomslist_availabletext { padding: 0; margin: 0; } .roomslist_selectedtext { font-weight: bold; padding: 0; margin: 0; } .roomalert_off { background: #00C8DC; } /* The rooms list buttons as passed back in the booking form from the ajax */ #roombuttoncontainer { text-align: left; width: 100px; } #roombutton dl { list-style-type: none; } #roombutton dt { list-style: none; text-align: left; margin-bottom: 2px; font-weight: normal; height: 25px; } #roombutton dt a { text-decoration: none; display: block; width: 135px; color: #000; background: url(../../../images/KeyCard.png) no-repeat; padding: 0 2px 0 5px; margin-left: 0px; text-align: right; } #roombutton dt a:hover { text-decoration: none; display: block; color: #000; background-image: url(../../../images/KeyCardAdd.png); background-repeat: no-repeat; text-align: right; } #roombuttoncontainer_selected { text-align: left; width: 100px; margin-bottom: 3px; } #roombutton_selected dl { list-style-type: none; } #roombutton_selected dt { list-style: none; text-align: left; margin-top: 2px; font-weight: normal; height: 25px; text-align: right; } #roombutton_selected dt a { text-decoration: none; display: block; width: 135px; color: #000; background-image: url(../../../images/KeyCardAdd.png); background-repeat: no-repeat; padding: 0 2px 0 5px; margin-left: 0; } #roombutton_selected dt a:hover { text-decoration: none; display: block; color: #fff; background-image: url(../../../images/KeyCardDelete.png); background-repeat: no-repeat; } /* Booking confirmation */ .confirmation { font-size:11px; } .confirmation_table { background: #ffffff; border: 1px solid #00C8DC; margin-top: 5px; text-align: left; line-height:20px; } .confirmation_table th { background: #00C8DC; color: #fff; font-weight:bold; text-indent: 5px; text-align: left; height:20px; } .confirmation_table td { padding: 1px 5px 1px 5px; } .confirmation_special_req_header { margin-top: 5px; text-indent: 5px; } .confirmation_special_req_foot { font-size: 9px; } .confirmation_gateway_header { background: #00C8DC; color : #fff; } .confirmation_gateway_foot { text-align: right; } /* Booking completed */ .completion_header { background: #d9dee2; color : #000; } .completion_content { background: #fff; } .completion_footer { background: #d9dee2; } /* Availability Calendars */ .availability_calendar_header { background: #00C8DC; color: #000; font-weight: bold; } .availability_calendar_months { background: #00C8DC; color: #000; font-size: 10px; } .availability_calendar_days { background: #fff; } .availability_calendar_calendars { text-align: center; } table .rescal, table .rescal_dashboard { vertical-align: middle; text-align: center; } table .rescal th, table .rescal_dashboard th { font-size: 12px; text-align: center; font-weight: bold; border:1px solid #00C8DC; width:24px; } table .rescal td, .rescal td, table .rescal_dashboard td, .rescal_dashboard td { width: 16px; height: 16px; padding-top: 2px; padding-bottom: 2px; font-size: 9px; border: 1px solid #ffffff; text-align: center; } a.rescal:link, a.rescal:visited { display: block; width: 24px; height: 16px; padding-top: 2px; font-size: 10px; } a.rescal:hover { background-color: white; color: black; } /* Show tariffs template */ .tariff_header { background: #00C8DC; color : #fff; } /* Slideshows */ .slideshow { margin-left:10px; margin-top:10px; } .slideshow_header { background: #d9dee2; font-size: 11px; } .slideshow_content { background: #00C8DC; font-size: 11px; } .roomslist_header { background: #00C8DC; color : #999999; } .jradmin_rowtoolbar { width: 74px; } .jradmin_rowtoolbar table { background: #d9dee2; } .jradmin_wrapper { width: 550px; } .jradmin_table { width: 100%; } .jradmin_header_la, .jradmin_header_ca, .jradmin_header_ra, .jradmin_subheader_la, .jradmin_subheader_ca, .jradmin_subheader_ra, .jradmin_rowheader_la, .jradmin_rowheader_ca, .jradmin_rowheader_ra { text-align: center; padding-left: 5px; padding-right: 2px; height: 25px; vertical-align: middle; } .jradmin_header_la, .jradmin_header_ca, .jradmin_header_ra { background: #D6D8DB; color: #931638; } .jradmin_subheader_la, .jradmin_subheader_ca, .jradmin_subheader_ra { background: #E8EAEE; color: #333333; } .jradmin_rowheader_la, .jradmin_rowheader_ca, .jradmin_rowheader_ra { background: #F1F1F2; color: #931638; } .jradmin_field_la, .jradmin_field_ca, .jradmin_field_ra, .jradmin_rowtoolbar { background: #F6F7F8; color: #000000; padding-top: 2px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; } .jradmin_header_la, .jradmin_subheader_la, .jradmin_rowheader_la, .jradmin_field_la { text-align: left; } .jradmin_header_ca, .jradmin_subheader_ca, .jradmin_rowheader_ca, .jradmin_field_ca { text-align: center; } .jradmin_header_ra, .jradmin_subheader_ra, .jradmin_subheader_ra, .jradmin_field_ra { text-align: right; } .jomres_title { color: #fffef9; font-weight: bold; background: #913638; text-align: center; line-height: 20px; } .jomres_message { color: #cc0000; font-size: 10px; line-height: 12px; } .jomres_message_pdetails { color: #cc0000; font-size: 12px; font-weight:bold; padding-top:10px; } div.block_ui_bookingform h3 { font-size: 11px; text-align: center; padding-top: 10px; } a.rescal:link, a.rescal:visited, tr.rescal, td.rescal { display : block; } a.rescal:hover { background-color: white; color: #ffffff; } #jomresmenu a{ text-decoration:none; border-color: #fff; } #jomresmenu a:hover { text-decoration:none; border-color: #feff04; } .search_table { border:1px solid #00C8DC; } .search_header { background-color:#00C8DC; vertical-align:middle; } .search_table_header { padding-left:5px; font-weight:bold; color:#999999; } .search_table_row { padding:5px; background-color:#00C8DC; } .search_table_button { text-align:center; } div.jGrowl { padding: 10px; z-index: 9999; } /** Special IE6 Style Positioning **/ div.ie6 { position: absolute; } div.ie6.top-right { right: auto; bottom: auto; left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); } div.ie6.top-left { left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); } div.ie6.bottom-right { left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); } div.ie6.bottom-left { left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); } div.ie6.center { left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); width: 100%; } /** Normal Style Positions **/ body > div.jGrowl { position: fixed; } body > div.jGrowl.top-left { left: 0px; top: 0px; } body > div.jGrowl.top-right { right: 0px; top: 0px; } body > div.jGrowl.bottom-left { left: 0px; bottom: 0px; } body > div.jGrowl.bottom-right { right: 0px; bottom: 0px; } body > div.jGrowl.center { top: 0px; width: 50%; left: 25%; } /** Cross Browser Styling **/ div.center div.jGrowl-notification, div.center div.jGrowl-closer { margin-left: auto; margin-right: auto; } div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer { background-color: #000; color: #fff; opacity: .85; filter: alpha(opacity = 85); zoom: 1; width: 235px; padding: 10px; margin-top: 5px; margin-bottom: 5px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; display: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; } div.jGrowl div.jGrowl-notification { min-height: 30px; } div.jGrowl div.jGrowl-notification div.gheader { font-weight: bold; font-size: 10px; } div.jGrowl div.jGrowl-notification div.close { float: right; font-weight: bold; font-size: 12px; cursor: pointer; } div.jGrowl div.jGrowl-closer { height: 15px; padding-top: 4px; padding-bottom: 4px; cursor: pointer; font-size: 11px; font-weight: bold; text-align: center; }