/*************** templates/group/css/global.defaults.css ***************/ /* ---------------- OVERRIDE BROWSER DEFAULT TYPOGRAPHY ---------------- */ html, body { margin: 0; padding: 0; width: 100%; } div#holder { font-family: Verdana, Arial, sans-serif; font-size: 76%; } h1 { font-size: 2em; font-weight: normal; margin: 1.6em 0em 0em; } h2 { font-size: 1.2em; margin: 1.4em 0em 0em; font-weight: normal; } h3 { font-size: 1em; margin: 1.2em 0em 0em; font-weight: normal; } h4 { font-size: 0.9em; margin: 1.2em 0em 0em; font-weight: bold; } h5 { font-size: 0.9em; margin: 1.2em 0em 1.2em; font-weight: normal; } h6 { font-size: 0.8em; margin: 1.2em 0em 1.2em; font-weight: bold; } p, li { line-height: 1.2; } p { font-size: 1em; margin: 0.9em 0em 1.2em; } li > p { margin-top: 0.2em; } ol, ul { margin-top: 0.2em; margin-bottom: 0.1em; margin-left: 0; list-style-type: square; } img { border: 0 none; } th { font-weight: normal; text-align: right; padding-right: 0.5em; } td { text-align: center; } form, button, input, select, textarea { margin: 0; } em { font-style: italic; } strong { font-weight: bold; } sup { font-size: 0.74em; /* avoid increased line-box height */ vertical-align: top; position: relative; top: -0.1em; } sup.ordinal { text-transform: lowercase; } .temperature { white-space: nowrap; /* prevent IE from word-breaking after degreee symbol */ } /*************** templates/group/css/global.text.css ***************/ /* Global Element Styles */ body { font-family:'helveticaneuelight', Helvetica, sans-serif; font-size:1.1em; color:#574319; } h1 { color: #574319; font-family: 'helveticaneuelight',Helvetica,sans-serif; font-size: 2.5em; } h2 { font-family:'helveticaneuelight', Helvetica, sans-serif; font-size:1.6em; text-transform:none; color: #574319; margin:.5em auto; padding:0; } h3 { font-family:'helveticaneuelight', Helvetica, sans-serif; font-size:1.5em; text-transform:none; color: #574319; margin:.5em auto; padding:0; } h4{ font-family:'helveticaneuelight', Helvetica, sans-serif; font-size:1.3em; text-transform:none; font-weight: normal; color: #574319; } a{ text-decoration: none; color: #b4975a; } /* Global Section Styles */ /* font-families */ div#holder, .hasDatepicker .ui-datepicker .selectTitle, #availability-checker .ui-widget, .right-content div.selector select{ font-family:'helveticaneuelight', Helvetica, sans-serif; } .first-letter{ font-family: 'bickham_script_tworegular'; } /** line height **/ #main-content p{ line-height: 1.8; } /* font-sizes */ .hide-option{ font-size: 0; } #languages ul li a{ font-size: 0.7em; } .wifi-icon, .middle-wrapper a, #sitemap .map-area li a, #top-menu li a{ font-size:0.75em; } .footer-content, #main-visual .image-description, .middle-wrapper .bestrate-content li, #ui-datepicker-div, #availability-checker .ui-datepicker table, .our-hotles .itemContent-Preview span.hotels{ font-size: 0.7em; } #sitemap li a, .caption-wrapper .section-title{ font-size: 0.72em; } .menu li a, .bottom-links a, .booking-btn, .hotel-list span, .our-hotles .itemPreview-Hotel span, .our-hotles .itemPreview-Hotel a, .our-hotles .location, .hasDatepicker .ui-datepicker .selectTitle, .middle-wrapper .box-content li, #main-visual .image-description, #viewItem .back-link{ font-size: 0.8em; } .caption-wrapper .caption, #availability-checker .ui-datepicker .ui-datepicker-title, #menu-popup h3, .controls-wrapper .controls .filter-area h3.sub-title, .myReservationsLink.mobile{ font-size: 0.85em; } .hotel-list .city-title, .our-hotles .text-marker, .loggedIn .our-hotles .itemPreview-Hotel span{ font-size: 0.9em; } .middle-wrapper .bestrate-content-title, #breadcrumb-wrapper #breadcrumb, #breadcrumb-wrapper p a, .our-hotles .itemPreview-Hotel a.email-add, .our-hotles .itemPreview-Hotel span.email, .middle-wrapper .bookdirect-wrapper .box-title, .filter-wrapper div.selector span, .middle-wrapper .bottom-content a, #main-content p, #main-content ul li, #features .feature-intro{ font-size: 1em; } .filter-wrapper .selector, .meetings-item .meeting-title, .meetings-item a.floor-area-wrapper, .capacity-top .value, .our-hotles .hotel-name, .our-hotles .itemPreview-Hotel .booking-link a, .news-list .date, .caption-holder .caption-title, .middle-wrapper li.myReservation{ font-size: 1.1em; } .item-price .label, #viewItem .backtoList, #viewItem .img-title, #mod_pukkaEvents.viewItem .floor-plan-title, .capacity-top .text, .view-listlinkarea, .controls-wrapper .controls .filter-area h3{ font-size: 1.15em; } .restaurant-block .block-label, #mod_pukkaEvents.viewItem .pdf a, #uniform-presskit.selector span, #booking-content-area #uniform-hotel-list span, #booking-form .booking-link{ font-size: 1.2em; } .common-btn, .filter-wrapper .go, .our-hotles .itemPreview-Hotel .booking-link a, #mod_pukkaJobs .header-text{ font-size: 1.3em; } .caption-wrapper .caption-intro{ font-size: 1.4em } #features .item-price .amount, #mod_pukkaNews .press-release-title, .special-offers .our-hotels-button { font-size: 1.5em; } form.flexibleForm button.submit, .item-price .amount { font-size: 1.6em; } .first-letter{ font-size: 3.5em; } /* colors */ .caption-wrapper .caption, .booking-btn, .menu li a, #languages ul li a:hover, #top-menu li.more a, #top-menu li.findahotel li:hover a, #main-visual .caption-title, #main-visual .image-description, #features a.book-now, form.flexibleForm button.submit, .common-btn, #mod_pukkaEvents.viewItem .rfp, .our-hotles .itemPreview-Hotel .booking-link a, .our-hotles .location, .our-hotles .text-marker, .controls-wrapper .image-caption .image-title, .controls-wrapper .controls .filter-menu li a, .filter-wrapper .go, #booking-content-area input, #booking-content-area #uniform-hotel-list span, #booking-content-area #uniform-hotel-list select, #top-menu .findahotel .menuLevel2 li.bangkok a, #top-menu .findahotel .menuLevel2 li.yangon a, #top-menu .findahotel .menuLevel2 li.phuket a, .middle-wrapper .bottom-content a, .findahotel.active a, #top-menu .findahotel.active a, #booking-content-area .selector span, #booking-content-area .selector select, .submenu-wrapper li a, .middle-wrapper li.myReservation:hover > a{ color: #fff; } .footer-content, .footer-content a{ color: #d1cbc5; } #sitemap li a, .bottom-links a, #sitemap .map-area li a:hover, #designedby a:hover, .middle-wrapper a, #top-menu li a, #top-menu li.findahotel li a, .controls-wrapper .controls .filter-area h3, .controls-wrapper .image-caption a.download-image, #top-menu .findahotel .menuLevel2 li a, #main-visual .caption-holder .caption-title{ color: #dccaa5; } .menu li.active a, .menu li:hover a, .middle-wrapper a:hover, #sitemap a:hover, #sitemap .map-area li a, .bottom-links a:hover, .caption-wrapper .section-title, #top-menu li.active a, #top-menu li a:hover, #languages ul li a, #features .feature-intro a, #main-content .right-content .print-button, .filter-wrapper div.selector span, #viewItem .img-title, .restaurant-block .block-label, .offer-list.restuarant .feature-content h3 a, .news-list .date, .right-boxes .right-boxes-title, #uniform-presskit.selector span, .hasDatepicker .ui-datepicker .selectTitle, #menu-popup h3, #mod_pukkaJobs .header-text, #mod_pukkaJobs .more-link-module, .filter-holder div.selector span, .middle-wrapper li.myReservation a{ color: #b4975a; } .feature-content h3 a:link { color:green; } .middle-wrapper .bestrate-content-title, .our-hotles .hotel-name, .our-hotles .itemPreview-Hotel span.email, .our-hotles .itemPreview-Hotel span.hotel-phone, #our-hotles-wrapper .hotel-list .city-title, .our-hotles .itemPreview-Hotel .visite-website a { color: #291e0a; } #features h2, #features a, .offer-list .item h3 a, .item-price, #viewItem .backtoList, .restuarant .feature-intro a, .meetings-item a.floor-area-wrapper, .view-listlinkarea a, a .right-boxes-content .boxes-content, div.selector select{ color: #574319; } .middle-wrapper .bestrate-content li { color: #72654d; } #breadcrumb-wrapper, #breadcrumb-wrapper a { color: #9a8e75; } /* text transform */ .booking-btn, .menu li a, #languages ul li a, #sitemap li a, #features h2, .caption-wrapper .caption-intro, #main-visual .caption-title, #features a.book-now, form.flexibleForm button.submit, .common-btn, .default-filter .retuarant-title, .default-filter .cuisine-title, #viewItem .book-your-table-area h3, .restaurant-block .block-label, #mod_pukkaEvents.viewItem .floor-plan-title, #mod_pukkaEvents.viewItem .rfp, .capacity-top .text, .hotel-list .city-title, .our-hotles .hotel-name, .our-hotles .itemPreview-Hotel span.email, .our-hotles .itemPreview-Hotel .booking-link a, .controls-wrapper .controls .filter-area h3, .filter-wrapper .go, #mod_pukkaNews .press-release-title, .news-list .date, .hasDatepicker .ui-datepicker .selectTitle, #availability-checker .ui-datepicker .ui-datepicker-title, .middle-wrapper .bookdirect-wrapper .box-title, #menu-popup h3, .first-letter, .our-hotles .itemPreview-Hotel .visite-website a, #mod_pukkaJobs .header-text, #mod_pukkaJobs .more-link-module, .filter-holder div.selector span, .middle-wrapper li.myReservation, .myReservationsLink.mobile{ text-transform: uppercase; } #sitemap .map-area li a, #top-menu .findahotel .menuLevel2 li a{ text-transform: none; } /* text align */ .caption-wrapper .caption, .middle-wrapper li.myReservation{ text-align: right; } .feature, .middle-wrapper li, .offer-list .item, ol.rs-carousel-pagination, #viewItem .img-title, #mod_pukkaEvents.viewItem .rfp, #our-hotles-wrapper .hotel-details .itemPreview-Hotel, .controls-wrapper .controls .filter-area h3.filter-by, .filter-wrapper .go, .myReservationsLink.mobile{ text-align: center; } .middle-wrapper .bestrate-content li, .middle-wrapper .bestrate-content, .offer-list.restuarant .item, .our-hotles .itemPreview-Hotel span.email, .middle-wrapper .box-content li{ text-align: left; } #booking-content-area #uniform-hotel-list span { text-shadow: 0 0; } .first-letter { line-height: 0; } .our-hotles .itemPreview-Hotel .visite-website a:hover{ text-decoration: underline; } #booking-content-area .choose .selector span{ text-shadow:0 0 0 #fff; } /*************** templates/group/css/global.layout.css ***************/ #condorAddBody #addBodyContent iframe{ position: absolute; } div#something { margin-top: -1px; padding-top: 1px; } #sitemap:after, .shortcuts:after, .main-visual-content:after, #features:after, .pager-features:after, #main-content:after, #holder:after, .filter-wrapper:after, .items:after, .items-meetings ul:after, .select-box-wrapper:after, .default-filter .check-box-wrapper:after, .section-book-table:after, .hotels-holder:after, #footer-middle-section:after, .bottom-logos ul:after{ content: '.'; display: block; height: 0; clear: both; visibility: hidden; } #sitemap, .shortcuts, .main-visual-content, #features, .pager-features, #main-content, #holder, .filter-wrapper, .items, .items-meetings, .select-box-wrapper, .default-filter .check-box-wrapper, .section-book-table, .hotels-holder, .bottom-logos { zoom:1; } #languages h2, #branding h2, #main-menu h2{ display: inline; position: absolute; overflow: hidden; margin: 0; border: 0; padding: 0; width: 0; height: 0; } body{ background: #3c2e13; } .mobile{ display: none; } #header-wrapper{ width:100%; height:124px; position:fixed; left: 0; top: 0; background:url(http://www.chatrium.com/templates/group/images/bg-repeat-sprite.png) repeat-x 0 0; z-index: 1; } #header{ height: 124px; } .section-wrapper{ width:920px; margin:0 auto; position: relative; } .float-l{ float: left; } .float-r{ float: right; } .top-section{ width: 100%; height: 32px; position: relative; z-index: 2; } #languages{ width:112px; height:26px; padding: 0 0 0 6px; float:right;_display:inline; background: url(http://www.chatrium.com/templates/group/images/bg-repeat-sprite.png) no-repeat 0 -127px ; } #languages ul{ margin:0; padding:0; list-style-type:none; } #languages ul li{ padding:5px; width:106px; height:16px; line-height:16px; cursor: pointer; } #languages ul li.active{ width: 107px; margin-top: 3px; padding: 5px 0 5px 5px; } #languages ul li .flag{ width: 16px; padding:2px 8px 0 0; } #languages ul li .flag, #languages ul li .lang-code{ float: left; } #languages ul li .lang-code{ width: 70px; } #languages ul ul{ display:none; padding-top:23px; margin-left:-7px; } #languages ul ul li{ padding:5px 0 5px 8px; background:#3c2e13; } *+html #languages ul li{ line-height:19px; } #languages ul li:hover a + ul, #languages ul li ul:hover { display: block; visibility: visible; } #languages ul li:hover ul { display: block; visibility: visible; } #languages ul ul li{ display: block; position:relative; } #holder-wrapper { background: #fff; float: left; position: relative; z-index: 0; } #holder h1 { margin: 0; } #branding{ float: left; height: 68px; margin-top: 19px; position: relative; width: 171px; } #main-content{ float: left; margin: 0 0 50px; width: 100%; } #main-content ul { margin: 0; padding: 0; } #main-content ul li { background: url(http://www.chatrium.com/templates/group/images/li-bg.png) no-repeat left 5px; line-height: 1.7; list-style: none outside none; padding: 0 0 0 20px; } .common-btn { background: none repeat scroll 0 0 #b4975a; display: inline-block; margin: 26px 0; padding: 8px 45px; } .common-btn:hover{ background: #423322; } #viewList .common-btn { padding: 0 45px; } .menu ul{ margin: 0; padding: 0; } .menu li{ float: left; list-style: none; } .menu li a{ padding: 0 21px; cursor: pointer; } #main-menu li.active.ourhotels a{ background: #72654d; padding: 10px 21px 21px; } #top-menu li.globalhome a, #footer-menu li.ourcompany a, .menu li.overview a{ padding-left: 0; } .menu li.servicesandfacilities a{ padding-right: 0; } .desktop-only, .portrait-only{ display: none; } #top-menu{ width: 500px; height: 31px; position: absolute; top:0; left: 0; z-index: 3; } #top-menu li{ height: 31px; } #top-menu li a{ line-height: 31px; display: block; padding: 0 10px; } #top-menu .more{ height: 27px; } #top-menu .more a{ padding: 0 33px 0 5px; cursor: pointer; background: url(http://www.chatrium.com/templates/group/images/bg-sprite.png) no-repeat right -12px; } #top-menu .menuLevel2{ position: absolute; left: -12px; top: 31px; width: 150px; padding: 10px; background: #72654d; display: none; } #top-menu .more .menuLevel2 { left: 410px; } #top-menu .more:hover .menuLevel2{ display: block; } #top-menu .has-submenu a{ cursor: pointer; } #top-menu .menuLevel2 li{ width: 100%; margin: 3px 0; } #top-menu .menuLevel2 li a{ padding: 0 12px; background: none; } #top-menu .findahotel.active, #top-menu .findahotel:hover{ background: #72654D; } #top-menu .findahotel .menuLevel2{ width: 681px; left: 0px; padding: 30px 0px 32px 12px; background: #72654D; } #top-menu .findahotel.active .menuLevel2, #top-menu .findahotel:hover .menuLevel2{ display: block; } #top-menu .findahotel .menuLevel2 li{ width: 50%; height: 26px; } #top-menu .findahotel .menuLevel2 li.bangkok, #top-menu .findahotel .menuLevel2 li.yangon, #top-menu .findahotel .menuLevel2 li.phuket{ height: 30px; } #top-menu .findahotel .menuLevel2 li.chatrium_emporium, #top-menu .findahotel .menuLevel2 li.chatrium_residence_sathon, #top-menu .findahotel .menuLevel2 li.chatrium_residence_riverside{ width: 100%; } #top-menu .findahotel .menuLevel2 li a{ margin: 0 12px; background:url(http://www.chatrium.com/templates/group/images/list-bg-dark.png) no-repeat 0 12px; } #top-menu .findahotel .menuLevel2 li.bangkok a, #top-menu .findahotel .menuLevel2 li.yangon a, #top-menu .findahotel .menuLevel2 li.phuket a{ background:none; margin: 0; cursor: default; } #main-menu{ bottom: 20px; position: absolute; right: 0; } #main-menu .top-navi, #main-menu .bottom-navi, #top-menu .main-navi, #top-menu .bottom-navi, #footer-menu .main-navi, #footer-menu .top-navi{ display: none; } #main-menu li.restaurants a { padding-right: 0; } .booking-btn{ width: 183px; height: 31px; display: block; line-height: 32px; padding: 0 14px; cursor: pointer; background: url(http://www.chatrium.com/templates/main/images/bg-sprite.png) no-repeat right -14px #b4975a; } .booking-btn.active{ background-position: right -377px; } #availability-wrapper{ width: 100%; height: 480px; position: absolute; left: 0; top:31px; display: none; z-index: 10; background: url(http://www.chatrium.com/templates/main/images/booking-bg.png); } #availability-checker{ position: relative; } #booking-form{ float:left;_display:inline; margin-top:25px; } #booking-content-area{ width:255px; } #booking-content-area #uniform-hotel-list{ padding: 0; height: 36px; width: 100% !important; } #booking-content-area #uniform-hotel-list span{ height: 20px; line-height: 20px; width: 220px !important; padding: 8px 27px 8px 8px; background:url(http://www.chatrium.com/templates/main/images/bg-sprite.png) no-repeat right -463px #b69c64; } #booking-content-area .selector select{ height: 36px; top:0; cursor: pointer; background:#3c2e13; } #booking-content-area .selector option{ padding: 0 8px; margin: 2px 0; } #booking-content-area .hotel{ margin: 0 0 15px; } #booking-content-area .date{ width: 48%; float: left; margin: 0 0 15px; } #booking-content-area .dateout{ float: right; } #booking-content-area .choose{ float: left; width: 24%; margin: 0 1% 15px 0; } #booking-content-area .choose.nights{ margin: 0 1% 15px 0; width: 25%; } #booking-content-area .adults.choose { margin-right: 0; } #booking-content-area .choose input{ width: 70%; padding-left: 15%; padding-right: 15%; } #booking-content-area .choose .selector{ width: 100% !important; height: 36px; padding: 0; } #booking-content-area .choose .selector span{ width: 70% !important; height: 20px; line-height: 20px; padding: 8px 15%; background: url(http://www.chatrium.com/templates/main/images/bg-sprite.png) no-repeat right -463px #B69C64; } #booking-content-area .code input{ background: #B69C64; } #booking-content-area .selectoption span{ display:inline-block; } #booking-content-area label{ width: 100%; display: block; margin: 0 0 12px; } #booking-content-area input{ width: 98px; height:20px; left: left; padding: 8px 12px; border:none; border-radius: 0; cursor: pointer; background:url(http://www.chatrium.com/templates/main/images/bg-sprite.png) no-repeat right -463px #b69c64; } #booking-form .booking-link { width:100%; height:40px; line-height: 35px; padding:0; margin:20px 0 0; background:#3c2e13; border:none; cursor:pointer; } #booking-form .booking-link:hover{ background:#b69c64; } .hasDatepicker .ui-datepicker .ui-datepicker-next span, .hasDatepicker .ui-datepicker .ui-datepicker-prev span{ width:24px; height:24px; top:6px; left:0; margin:0; cursor: pointer; background:url(http://www.chatrium.com/templates/main/images/bg-sprite.png) no-repeat -209px -293px; } .hasDatepicker .ui-datepicker .ui-datepicker-next span{ left: auto; right: 0; background-position: -207px -337px; } .hasDatepicker .ui-datepicker{ font-weight:normal; } .hasDatepicker .ui-datepicker-calendar td{ padding:0; } .hasDatepicker .ui-datepicker-calendar td span , .hasDatepicker .ui-datepicker-calendar td a { height:37px; line-height: 36px; width:43px; padding: 0; text-align:center; } .hasDatepicker .ui-datepicker th, .hasDatepicker .ui-datepicker .ui-datepicker-title, .hasDatepicker .ui-datepicker-calendar td span , .hasDatepicker .ui-datepicker-calendar td a{ font-weight:normal; } .hasDatepicker .ui-datepicker .ui-state-default{ background:#b69c64; color:#fff; border: 1px solid #bea46d; } .hasDatepicker .ui-datepicker .ui-state-default:hover, .hasDatepicker .ui-datepicker .dp-highlight .ui-state-default{ background:#fff; color:#574319; border: 1px solid #b4975a; } .hasDatepicker .ui-datepicker .ui-state-disabled .ui-state-default{ background:transparent; border: 1px solid transparent; color: #b4975a; } .hasDatepicker .ui-datepicker .dp-highlight .ui-state-hover, .hasDatepicker .ui-datepicker .dp-highlight .ui-state-default.ui-state-active{ background:#fff; color:#574319; border: 1px solid #b4975a; } .hasDatepicker .ui-datepicker td.select-first a, .hasDatepicker .ui-datepicker td .select-last a{ background:#9F6D78 !important; color:#fff !important; } .hasDatepicker .ui-datepicker tbody td.ui-state-disabled{ opacity:1; } .dateOutpicker.hasDatepicker{ margin:0 0 0 21px; } .dateInpicker.hasDatepicker{ margin:0 0px 0 10px; } .hasDatepicker .ui-datepicker-multi-2 .ui-datepicker-group{ width:316px; background:transparent; } .hasDatepicker .ui-datepicker-multi-2 .ui-datepicker-group-first{ margin-right:16px; } .hasDatepicker .ui-datepicker-multi .ui-datepicker-group table{ width: auto; } .hasDatepicker .ui-datepicker.ui-datepicker-multi{ width:648px !important; float:right;_display:inline; margin:76px 0 24px; padding:0; border:none; background:none; } .hasDatepicker .ui-datepicker .ui-datepicker-header{ padding:0 0 24px; border:none; background: none; } .hasDatepicker .ui-datepicker .ui-datepicker-prev, .hasDatepicker .ui-datepicker .ui-datepicker-next{ top:0; left: 0; background: none; border:none; } .hasDatepicker .ui-datepicker .ui-datepicker-next{ left: auto; right: 0; } .hasDatepicker .ui-datepicker .clear-box{ position:relative; height:0; left:0; padding:0; } .hasDatepicker .ui-datepicker .selectTitle{ min-width:185px; position:absolute; display:block; background:#3c2e13; left:35px; bottom:20px; height: 24px; line-height:24px; z-index:12; } .hasDatepicker .ui-datepicker td{ position:relative; z-index: 1; } .hasDatepicker .ui-datepicker td:hover{ z-index: 2; } .hasDatepicker .ui-datepicker td.ui-state-disabled:hover .clear-box, .hasDatepicker .ui-datepicker td .clear-box{ display:none; } .hasDatepicker .ui-datepicker td:hover .clear-box{ display:block; } .wifi-icon{ height: 31px; line-height: 32px; display: block; padding: 0 13px 0 25px; background: url(http://www.chatrium.com/templates/group/images/bg-sprite.png) no-repeat 0 8px; } .middle-wrapper{ position: absolute; right: 0px; top: 31px; } .middle-wrapper ul{ margin: 0; padding: 0; } .middle-wrapper li{ float: left; list-style: none; background: url(http://www.chatrium.com/templates/group/images/seperator.png) no-repeat 0 17px ; padding: 0; width: 130px; } .middle-wrapper li.last { width: 168px; } .middle-wrapper li.bookdirect a.bookdirect-link{ background:url(http://www.chatrium.com/templates/group/images/bg-sprite.png) no-repeat scroll 11px -16px; cursor: pointer; display: block; padding: 6px 2px 4px 28px; width:130px; } .middle-wrapper a.bestrate-link{ background:url(http://www.chatrium.com/templates/group/images/bg-sprite.png) no-repeat 10px -79px; cursor: pointer; display: block; padding: 6px 2px 4px 28px; } .middle-wrapper a.bestrate-link.visible { background: url(http://www.chatrium.com/templates/group/images/bg-sprite.png) no-repeat 10px -79px #72654d; } .middle-wrapper .bestrate-content-wrapper { background: none repeat scroll 0 0 #72654d; display: none; padding: 22px 30px 46px; position: absolute; right: 3px; top: 38px; width: 260px; z-index: 1; } .middle-wrapper .bestrate-content { background: none repeat scroll 0 0 #f4f0e6; float: left; height: auto; min-height: 160px; padding: 16px 20px; } .middle-wrapper .bestrate-content-title { font-size: 1.2em; margin: 0 0 20px; text-transform:uppercase; } .middle-wrapper .bestrate-content ul { font-size: 1.4em; } .middle-wrapper .bestrate-content li { background: url(http://www.chatrium.com/templates/group/images/list-bg.png) no-repeat 0 5px; float: none; padding: 0 0 0 15px; width: 100%; line-height:1.5; } .middle-wrapper .bestrate-content ul { margin: 0 0 0 12px; } .middle-wrapper a.map-link{ background-position: 0 -77px; padding: 0 0 0 14px; } .middle-wrapper .bestrate-content{ color:#72654d; font-size:0.8em; } .middle-wrapper .bestrate-content a.bestrateClick{ font-size:1.2em; color:#b4975a; padding:0; } .middle-wrapper .bestrate-content a.bestrateClick:hover{ font-weight: bold; } #mobile-menu-button{ display: none; } #main-visual{ height: 310px; margin: 32px auto 0; max-width: 1400px; overflow: hidden; position: relative; z-index: 0; } #main-visual .slideshow{ z-index: 0; } #main-visual .image-wrapper { height: 310px; width: 100%; z-index: -1 !important; } #main-visual .slides{ position: relative; z-index: 0; } #main-visual .slideshow img{ float: left; height: auto; width: 100%; } #main-visual .toolbox-link{ top:130px; } .main-visual{ position: relative; width: 100%; height: 0; overflow: hidden; background-color: #3c2e13;z-index:10; } .main-visual .imageSwitchHolder, .main-visual .imageSwitchHolderAltTextOnly { width: 100% !important; height: 100% !important;} .main-visual .slideshow{ height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1;} ul.slideshow {margin: 0;padding: 0;} .main-visual .slideshow .slides { height: 100% !important; width: 100% !important;} .main-visual .slideshow div.slide { height: 100%; width: 100%; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .main-visual #prev, .main-visual #next{ position: absolute; top: 52%; z-index: 10; height: 115px; width: 115px; cursor: pointer; } .mainSliderControls .nav-arrows{ width:22px; height:34px; float:left; position:relative; display:inline-block; } .mainSliderControls .prev.nav-arrows { background-position: -58px -63px; } .mainSliderControls .next.nav-arrows { float:right; background-position: -84px -63px; } .slideshow-caption { position:absolute; bottom:0; left:0; width:100%; height:200px; z-index:10; } .cycle-caption{ width:60%; position:absolute; bottom:70px; left:86px; } #main-visual .visual-overlay{ width: 100%; height: 203px; position: absolute;; bottom: 0px; left: 0; background: url(http://www.chatrium.com/templates/group/images/visual-bg.png) repeat-x 0 0; z-index: 210; } .loggedIn #main-visual .visual-overlay{ display: none; } .cycle-pager-wrapper{ bottom: 16px; left: 47px; position: absolute; z-index: 300; } .pager span{ width: 8px; height: 8px; float: left; margin: 0 2px; display: block; cursor: pointer; background: url(http://www.chatrium.com/templates/group/images/pager.png) no-repeat 0 0; text-indent:-9999px; } .pager span.cycle-pager-active{ background-position: right 0; } #main-visual .visual-wrapper { left: 0; position: absolute; width: 855px; right: 0; bottom: 45px; margin: 0 auto; } #holder-wrapper{ width: 100%; } #our-hotles-wrapper { background:#72654d; overflow: hidden; left: 0; position: fixed; top: 124px; width: 100%; z-index: 0; display: none; } #our-hotles-wrapper .our-hotles { background:url(http://www.chatrium.com/templates/group/images/ourhotels-map.png) no-repeat 228px 0px #72654d; height: 660px; margin: 0 auto; position: relative; width: 920px; } #our-hotles-wrapper .hotel-list-wrapper { left: 0; position: absolute; top: 30px; } #our-hotles-wrapper .hotel-list { background: #f4f0e6; min-height: 200px; width: 236px; } #our-hotles-wrapper .our-hotles img.hotel-map{ width: 100%; height: auto; } .our-hotles .location { margin: 26px 0; } .our-hotles .location .single { background: url(http://www.chatrium.com/templates/group/images/bg-sprite.png) no-repeat scroll 0 -323px; padding: 6px 0 20px 29px; width: 70%; } .our-hotles .location .multiple { background: url(http://www.chatrium.com/templates/group/images/bg-sprite.png) no-repeat scroll 0 -399px ; padding: 6px 0 6px 29px; width: 58%; } .our-hotles .markers { cursor: pointer; height: 34px; left: 306px; position: absolute; top: 184px; width: 28px; z-index: 101; } .our-hotles .markers.bangkok { left: 365px; top: 233px; } .our-hotles .markers.yangon { left: 302px; top: 182px; } .our-hotles .text-marker { left: 245px; position: absolute; top: 200px; } .our-hotles .text-marker.bangkok-text { left: 345px; top: 269px; } .our-hotles .text-marker.yangon-text { left: 245px; top: 300px; } .our-hotles .text-marker.yangon-text { left: 282px; top: 220px; } #our-hotles-wrapper .hotel-list .itemContent-Preview { cursor: pointer; padding: 5px 0; } .our-hotles .close { background: url(http://www.chatrium.com/templates/group/images/close-button.png) no-repeat 0 0; cursor: pointer; height: 30px; position: absolute; right: -45px; top: 5px; width: 30px; z-index: 101; } #our-hotles-wrapper .hotel-list .itemContent-Preview h3.active{ background: #b4975a; } #our-hotles-wrapper .hotel-list .city-title { margin: 0; padding: 4px 0 4px 12px; } #our-hotles-wrapper .hotel-list .hotel-sub-category { font-size: 0.8em; margin: 0; padding: 0 0 0 12px; } .our-hotles .itemContent-Preview span.hotels { background: url(http://www.chatrium.com/templates/group/images/bg-sprite.png) no-repeat 20px -168px ; display: block; padding: 3px 0 3px 34px; } #our-hotles-wrapper .our-hotles .ui-state-disabled, #our-hotles-wrapper .our-hotles .ui-widget-content .ui-state-disabled, #our-hotles-wrapper .our-hotles .ui-widget-header .ui-state-disabled { background-image: none; opacity: 1; } .our-hotles .rs-carousel-pagination, .our-hotles .rs-carousel-action-disabled { display: none; } .our-hotles .rs-carousel { width: 100%; position: relative; } .our-hotles .rs-carousel-action { background: url(http://www.chatrium.com/templates/group/images/bg-sprite.png) no-repeat -166px -398px ; display: block; height: 63px; position: absolute; text-indent: -99999px; top: 218px; width: 36px; } .our-hotles .rs-carousel-action.rs-carousel-action-disabled { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .our-hotles .rs-carousel-action.rs-carousel-action-prev { background-position: -166px -398px; left: -45px; } .our-hotles .rs-carousel-action.rs-carousel-action-next{ right: -45px; background-position:-198px -398px; } .our-hotles .rs-carousel-action.rs-carousel-action-next.rs-carousel-action-active { background-position: -267px -395px; } .our-hotles .rs-carousel-action.rs-carousel-action-prev.rs-carousel-action-active { background-position: -232px -394px; } .our-hotles .hotels-holder { padding: 0; } #our-hotles-wrapper .hotel-details { display: none; left: 340px; min-height: 300px; position: absolute; top: 30px; width: 540px; z-index: 102; } #our-hotles-wrapper .hotel-details .itemPreview-Hotel{ background: #f4f0e6; list-style: none; margin: 0 20px 0 0; width: 260px; } .our-hotles .itemPreview-Hotel span { display: block; margin-bottom: 10px; } .loggedIn .our-hotles .itemPreview-Hotel .hotel-email span { display: inline; } .loggedIn .our-hotles .itemPreview-Hotel .booking-link span { margin-bottom: 0; } .our-hotles .itemPreview-Hotel span.email { display: inline-block; } .our-hotles .itemPreview-Hotel a { padding: 0 0 10px; } .our-hotles .itemPreview-Hotel span.booking-link { padding: 0 32px; } .our-hotles .itemPreview-Hotel .booking-link a { background: #b4975a; cursor: pointer; display: block; margin: 10px 0 30px; padding: 8px 0; } .our-hotles .itemPreview-Hotel .booking-link a:hover{ background:#574319; } .our-hotles .itemPreview-Hotel .visite-website a{ background: url(http://www.chatrium.com/templates/group/images/li-bg.png) no-repeat right 2px; padding-right: 15px; } .share-content.active-share { background: url(http://www.chatrium.com/templates/group/images/share-bg.png) no-repeat scroll 0 0; height: 30px; left: -241px; padding: 21px 30px 36px; position: absolute; top: -72px; width: 337px; } .share-content.active-share, .share-content.active-share iframe { visibility: visible !important; } .share-button { background:url(http://www.chatrium.com/templates/group/images/bg-sprite.png) no-repeat scroll -287px -226px; cursor: pointer; height: 30px; padding: 0 0 0 19px; position: absolute; right: 56px; top: 20px; width: 344px; } .separetor { background: url(http://www.chatrium.com/templates/group/images/bg-repeat-sprite.png) no-repeat scroll 0 -227px; height: 21px; position: absolute; right: 55px; top: 20px; width: 1px; } .print-button { background: url(http://www.chatrium.com/templates/group/images/bg-sprite.png) no-repeat scroll left -235px; padding: 0 0 0 19px; position: absolute; right:0; top: 20px; } iframe{ left: 0; } iframe[id^="oauth2relay"] { position: fixed !important; } .share-content .addthis_button_tweet { overflow: hidden; width: 90px; } .share-content { width: 100%; position:absolute; left: 63px; top: 0; } .middle-wrapper .middle-item-content { background: none repeat scroll 0 0 #72654d; padding: 22px 30px 46px; position: absolute; right: 0; top: 41px; z-index: 1; } .middle-wrapper .bookdirect-wrapper{ width: 888px; padding:30px 16px 50px; display: none; } .middle-wrapper .bookdirect-wrapper .row-wrapper{ width: 888px; } .middle-wrapper .bookdirect-wrapper .item{ width: 260px; height: 430px; margin: 0 18px; float: left; background: #f4f0e6; } .middle-wrapper .bookdirect-wrapper .box-title{ height: 40px; padding: 16px 20px; margin: 0; overflow: hidden; } .middle-wrapper .bookdirect-wrapper .box-logo{ width: 100%; height: 80px; float: left; background: #B4975A; text-align: center; } .middle-wrapper .bottom-content a{ background:#b4975a; } .middle-wrapper li:hover > a, .middle-wrapper a.visible { background-color: #72654d; padding: 15px 2px 26px 21px; } .middle-wrapper .bottom-content a:hover{ background: #291e0a; } .middle-wrapper .box-content li { background: url(http://www.chatrium.com/templates/group/images/list-bg.png) no-repeat scroll 0 9px; padding: 3px 0 3px 10px; width: 100%; } .middle-wrapper .bookdirect-wrapper .box-image-wrapper, .middle-wrapper .bookdirect-wrapper .box-image-wrapper img{ width: 260px; height: auto; } .middle-wrapper .bookdirect-wrapper .box-content{ overflow: hidden; height: 110px; padding: 10px 32px 0; width: 190px ; } .middle-wrapper .bookdirect-wrapper .bottom-content{ padding: 0 32px; } .middle-wrapper .bookdirect-wrapper .common-btn{ width: 100%; height: 36px; line-height: 36px; padding:0; } .middle-wrapper .bookdirect-wrapper .cycle-nav-wrapper{ width: 856px; margin: 0 32px; border:none; height: 26px; bottom: 10px; left: 0; position: absolute; } .middle-wrapper .bookdirect-wrapper .cycle-nav-wrapper .cycle-nav{ width: 28px; height: 26px; display: block; position: absolute; left: 0; top:0px; cursor: pointer; background: url(http://www.chatrium.com/templates/group/images/hotel-arrow.png) no-repeat scroll 0 0 ; } .middle-wrapper .bookdirect-wrapper .cycle-nav-wrapper .cycle-next { left: auto; right: 0; background-position: right 0; } .middle-wrapper li:hover > div{ display: block; } .filter-holder div.selector select{ height: 27px; } #footer-upper-wrapper, #footer-middle-wrapper, #footer-content-wrapper, #footer-bottom-wrapper, #sitemap-wrapper{ width: 100%; float: left; position: relative; } #footer{ background: #574319; width: 100%; } #footer-middle-wrapper{ background: #655023; } #footer-menu{ height: 20px; padding: 20px 0; } #footer-menu li a{ padding:0 20px; } .point-plus{ height: 180px; padding:0 30px 0 0; margin: 13px 0 13px -20px; border-right: 2px solid #b8ada0; } .point-plus .point-image{ width: 208px; height: 113px; } .bottom-logos{ margin: 25px 0 0 0; } .bottom-logos ul{ width: 650px; padding: 0; margin: 0; text-align: center; } .bottom-logos ul li{ display: inline-block; list-style: none; margin: 0 15px 10px; zoom:1; } *+html .bottom-logos ul li{ display: inline; } #footer .bottom-logos ul li.maitriahotel{ margin:5px 0 0; } #footer .bottom-logos ul li.chatrium_residence_riverside{ margin:4px 30px 0px 0; } .bottom-links{ width: 100%; height: 12px; padding: 20px 0; } .bottom-links a{ padding: 0 8px; } .bottom-links a.privacy{ padding-left: 0; border-right: 1px solid #dccaa5; } .bottom-links a.sitemap{ padding-right: 12px; background: url(http://www.chatrium.com/templates/group/images/bg-sprite.png) no-repeat right -67px; } #sitemap-wrapper, #footer-content-wrapper{ width: 97%; margin: 0 1.5%; border-top:1px solid #b4975a; } #sitemap-wrapper{ display: none; } #sitemap{ padding: 6px 0 34px; } #copyright{ margin: 18px 0 0; } #designedby{ margin: 5px 0; display: none; } .address-details{ width: 700px; } .address-details p{ margin: 5px 0; line-height: 1.6; } #sitemap ul{ margin: 0; padding:0; } #sitemap li { line-height: 1.8; list-style: none; padding-left: 14px; background: url(http://www.chatrium.com/templates/group/images/list-bg.png) no-repeat 0 12px; } #sitemap li.level1 { width: 24%; float: left; } #sitemap li.map-area{ width: 32%; } #sitemap li.set-three{ width: 18%; } #sitemap .map-area li{ line-height: 1.55; background-position: 0 10px; } #sitemap .sitemap-section > a{ display: none; } #sitemap .sitemap-section{ padding:0; background: none; } .clear{ clear: both; } .point-plus .editableLinkIcon { bottom: 0; left: 0; position: absolute; } label::selection , button::selection , span::selection , p::selection , li::selection , h1::selection , h2::selection , h3::selection , h4::selection , h5::selection , h6::selection , a::selection{ background:#64513D; color:#ffffff; } label::-moz-selection , button::-moz-selection , span::-moz-selection , p::-moz-selection , li::-moz-selection , h1::-moz-selection , h2::-moz-selection , h3::-moz-selection , h4::-moz-selection , h5::-moz-selection , h6::-moz-selection , a::-moz-selection{ background:#64513D; color:#ffffff; } label::-webkit-selection , button::-webkit-selection , span::-webkit-selection , p::-webkit-selection , li::-webkit-selection, h1::-webkit-selection , h2::-webkit-selection , h3::-webkit-selection , h4::-webkit-selection , h5::-webkit-selection , h6::-webkit-selection , a::-webkit-selection { background:#64513D; color:#ffffff; } .middle-wrapper a.bestrate-link { background-position: 4px -90px; font-size: 0.85em; } .middle-wrapper li:hover > a.bestrate-link { background-color: #72654d; padding: 1px 4px 1px 19px; } .middle-wrapper li.myReservation:hover > a{ background: none; padding: 0; } .middle-wrapper li.last { border: 3px solid #b4975a; margin-top:15px; padding-left: 0; } .middle-wrapper a.bestrate-link { padding: 1px 2px 1px 19px; width:145px; } .middle-wrapper li.myReservation { margin: 15px 3px 0 27px; padding: 0; width: auto; } .middle-wrapper li.last, .middle-wrapper li.myReservation { background:none; } #top-menu .findahotel .menuLevel2 li.findahotel_hotel a, #top-menu .findahotel .menuLevel2 li.serviced_residence a{ background:none; margin: 0; cursor: default; color :#fff; height:30px; } #top-menu .findahotel .menuLevel2 li.serviced_residence { width:82%; } #header #mobile-phone-button{ display:none; } #page_home.loggedIn #holder-wrapper #features .toolbox-link{ top:32px; } @media print { body{ background: #fff; } div#main-content, div#main-content .left-content .desktop-content, div#main-content .desktop-content{ display: block; } #footer, #main-visual, #header-wrapper, #features, div#main-content div.submenu-area, #submenu-wrapper, #breadcrumb-wrapper, div#main-content p.viewList-link, div#main-content div.offer-box-wrapper, div.hotel-information .download-block, #main-content .get-direction, #main-content .module-image-rotator .cycle-nav-wrapper, .share-controls, div#main-content .mobile, #main-content .right-content, #mod_flexibleForms, #viewList, .filter-wrapper, .viewList, #mod_mailingList{ display:none; } div#main-content ul li{ list-style: disc; background: none; padding-left: 0; list-style-position: inside; } div#main-content .hotel-information{ background: none; padding: 0; } div#mod_pukkaMeet.viewList .itemPreview, div#mod_pukkaMeet.viewList .itemPreview.alt{ width: 290px; max-width: 100%; float: left; margin: 0 19px 30px 0; } div#mod_pukkaMeet.viewList .itemPreview.alt{ margin-right: 0; } div#mod_pukkaPartners.viewList .itemPreview{ width: 100%; margin: 0%; border:none; } div#mod_pukkaPartners.viewList .itemPreviewImageSection{ width: auto; } div#mod_pukkaPartners.viewList .itemPreviewContent{ width: 50%; } div#mod_pukkaReviews.viewList .rs-carousel{ width: 100%; } div#mod_pukkaReviews.viewList .row-wrapper, div#mod_pukkaReviews.viewList .itemPreview{ width: 100%; margin:0 0 10px; } div#mod_pukkaRooms.viewList .itemPreview{ width: 46%; margin: 0 2% 20px; float: left; } div#mod_pukkaRooms.viewList .itemPreviewImage{ width: 100%; } div#mod_pukkaPackages.viewItem .right-col{ display: none; } div#mod_pukkaPress.viewList .itemPreview, div#mod_pukkaActivities.viewList .itemPreview, div#mod_pukkaEvents.viewList .itemPreview, div#mod_pukkaRestaurants.viewList .itemPreview, div#mod_pukkaPress.viewList .itemPreview.alt, div#mod_pukkaActivities.viewList .itemPreview.alt, div#mod_pukkaEvents.viewList .itemPreview.alt, div#mod_pukkaRestaurants.viewList .itemPreview.alt{ width: 46%; margin: 0 2% 20px; float: left; } div#mod_pukkaRestaurants.viewItem .right-col, div#mod_pukkaRestaurants.viewItem .book-your-table-area{ clear: none; } div#mod_pukkaRestaurants.viewItem .right-col{ float: right; } div#mod_pukkaPress.viewItem .right-col, div#mod_pukkaActivities.viewItem .right-col, div#mod_pukkaRestaurants.viewItem .book-your-table-area{ float: left; } div#mod_pukkaEvents .rfp-link, div#mod_pukkaEvents .downloads-wrapper{ display: none; } div#mod_pukkaEvents.viewItem .right-col{ width: 300px; } } .middle-wrapper li.bookdirect{ background: #b69957; height: 26px; width: 168px; margin:15px 10px 0 0; } .middle-wrapper li.bookdirect a{ color:#38301b; } .middle-wrapper li:hover > a.bookdirect-link{ padding: 6px 10px 4px 28px; background-color: #72654d; } .best-rate-wrapper { margin: 15px auto 0; } .best-rate-link { border: 3px solid #B69C64; color: #3C2E13; font-size: 15px; padding: 1px 10px 1px 23px; background: url(http://www.chatrium.com/templates/group/images/best-rate-dark.png) no-repeat 5px 6px; } /*************** templates/group/css/widget.socialToolBar.css ***************/ /* SOCIAL MEDIA TOOLBAR */ div#socialToolbarContainer{ position:relative; margin:0 auto; left:0; top:0; width: 920px; background:none; border:none; display:none; z-index: 1; } #footer #socialToolbarContainer{ display:block; width:920px !important; } #socialToolbarContainer .inner_toolbar .shareLeft .contentLeft{ display:block; } /* TOOLBAR */ #socialToolbarContainer { height: auto !important; } #socialToolbarContainer.stExtended { bottom:5px !important; } #socialToolbarBackground{ display: none; } /* RIGHT ICONS */ .share-buttons .socialToolbarButtonRight{ margin-left: 2px; } .socialToolbarButtonRight a span b{ width:26px !important; height:26px !important; background:url(http://www.chatrium.com/templates/main/images/bg-sprite.png) 0px -505px no-repeat !important; } .socialToolbarButtonRight a span b.facebook{ background-position: 7px -545px !important; } .socialToolbarButtonRight a span b.twitter{ background-position: -30px -545px !important; } /* .socialToolbarButtonRight a span b.youtube{ background-position: -102px -505px !important; } .socialToolbarButtonRight a span b.instagram{ background-position: -134px -505px !important; } .socialToolbarButtonRight a span b.tripadvisor{ width: 30px !important; background-position: -67px -505px !important; } */ #socialToolbarInner .extraIcons{ width:26px !important; height:26px !important; background:url(http://www.chatrium.com/templates/main/images/bg-sprite.png) 0px -505px no-repeat !important; text-indent: -9999px; margin-top:-2px; } #socialToolbarInner .googleplus{ background-position: -69px -540px !important; } #socialToolbarInner .instagram { background-position: -100px -540px !important; } #socialToolbarInner .pinterest { background-position: -134px -540px !important; } #socialToolbarInner .flickr { background-position: -167px -540px !important; } #socialToolbarInner .youtube { background-position: -195px -540px !important; } #socialToolbarInner .linkedin { background-position: -225px -540px !important; } #socialToolbarInner .weibo { background-position: -255px -540px !important; width: 30px !important; } div#socialToolbarInner .extraIcons a { cursor: pointer; display: block; height: 26px; width: 26px; } .labelLeftContent,.labelRightContent{ color:#291e0a; margin-top: 2px; font-family:'helveticaneuelight', Helvetica, sans-serif; font-size:15px !important; } #socialToolbarContainer .inner_toolbar .contentLeft ul li{ line-height:1 !important; } div#socialToolbarContainer .inner_toolbar .contentLeft{ margin:12px 0 0 0; } div#socialToolbarContainer .inner_toolbar .contentRight { margin: 7px 0 0; } *+html div#socialToolbarContainer .inner_toolbar .contentLeft{ width: 50%; } *+html div#socialToolbarContainer .inner_toolbar ul li{ width: 75px; } *+html div#socialToolbarContainer .inner_toolbar ul li.mailButton{ width: 35px; } *+html div#socialToolbarContainer .inner_toolbar ul li.pinterest{ width: 50px; } #socialToolbarHolder { height: auto !important; position:relative !important; } /* MINIMEZED TOOLBAR */ #socialToolbarInner{ bottom:0; background:#f4f0e7; height: 0; overflow: hidden; } #social_toolbar_maximize .stdButton{ width: 100px!important; line-height: 1 !important; display:block; height: 15px !important; margin: 0!important; padding: 0 15px!important; color: #FFFFFF !important; font-size: 17px !important; text-align: left !important; font-weight: normal !important; text-shadow:none !important; } *+ html #social_toolbar_maximize .stdButton{ margin:-2px 0 0!important; font-family:Arial, Helvetica, sans-serif; font-weight: bold !important; font-size: 15px !important; } #social_toolbar_maximize span.stdButton:hover{ text-decoration:none !important; } #socialToolbarContainer #socialToolbarInnerMin{ top:-38px !important; border:none !important; border-radius:0 !important; padding: 10px 0 14px !important; filter:none !important; width:100px; height:12px; background:url(http://www.chatrium.com/templates/main/images/bg-sprite.png) right -373px no-repeat #b4975a!important; } #social_toolbar_maximize span.icon { right: 9px!important; top: 11px!important; background-position: 0 -6px; width: 18px; background:none!important; } .collapsed #socialToolbarContainer #socialToolbarInnerMin{ background-position: right -8px !important; } #social_toolbar_minimize span.icon { display:none !important; } /* SOCIAL TOOLBAR WINDOW */ #SocialToolbarActiveWindow { margin-bottom: -1px !important; } /* WEBSITE */ #footer{ padding-bottom:40px !important; } #footer .share-buttons{ float:left; clear:both; width:100%; /*height:44px;*/ margin:0 0; background:#f4f0e7; bottom: 0; border-top:2px solid #b4975a; position: fixed; z-index: 200; } /* Large desktop */ @media(min-width: 1280px) { #footer #socialToolbarContainer{ width: 1200px !important;; } } /* Portrait Tablet to Landscape and Desktop */ @media (min-width: 768px) and (max-width: 979px) { #footer #socialToolbarContainer{ /* width: 700px ; */ width: 690px !important ; } div#socialToolbarInner iframe.twitter-share-button{ width: 80px !important; } div#socialToolbarContainer .inner_toolbar ul li.gplus{ width: 65px !important; } div#socialToolbarContainer .inner_toolbar .contentRight{ width: 46%; float:left; margin-left:10px; } .share-buttons .socialToolbarButtonRight{ margin:0; } .labelLeftContent, .labelRightContent{ font-size:13px !important; } #socialToolbarContainer .inner_toolbar ul li{ margin-right:0 !important; } .labelLeftContent, .labelRightContent{ line-height:1.2 !important; margin-right:0 !important; margin-top:7px !important; } #socialToolbarInner .extraIcons{ width:27px !important; } #socialToolbarInner .weibo { background-position: -256px -540px !important; } #socialToolbarInner .weibo{ margin-right:0px } } /* Landscape Phone to Portrait Tablet */ @media (max-width: 767px) { #footer{ float: left; height: 490px ; height: 520px \0; overflow: hidden; } #footer.collapsed{ height: 530px; height: 560px \0; } #footer.open-site-map{ height: auto; } /* #footer .share-buttons{ bottom: auto; clear: both; float: left; height: 0; left: auto; position: relative; } */ #footer #socialToolbarContainer { width:100% !important; } #footer #socialToolbarContainer .labelRightContent { display: none; } #socialToolbarContainer #socialToolbarInnerMin{ width: 132px; } #socialToolbarInner{ overflow: visible; } div#socialToolbarContainer .inner_toolbar .shareLeft { bottom: auto; top:-37px; left: 0; height: 35px; margin: 0; position: absolute; width: 100%; border-top: 2px solid #B4975A; background: #291E0A; margin:0; } #socialToolbarContainer .inner_toolbar .contentRight{ display: none; margin: 0; } .collapsed #socialToolbarContainer .inner_toolbar .contentRight{ display: block; } .collapsed div#socialToolbarContainer .inner_toolbar .shareLeft{ /*bottom: 44px;*/ } div#socialToolbarContainer .inner_toolbar .shareLeft span.shareContainer{ line-height: 1; float: left; padding: 8px 35px; color:#fff; font-size: 1.1em; font-family:'helveticaneuelight', Helvetica, sans-serif; } div#socialToolbarContainer .inner_toolbar .shareLeft .contentLeft{ left: 10px; top: -183px; width: 130px; } div#socialToolbarContainer .inner_toolbar ul li{ width: 100%; margin: 0 0 5px; padding: 0; clear: both; color:#fff; } div#socialToolbarContainer .inner_toolbar .shareLeft .contentLeft{ border-width: 0; } #socialToolbarContainer.stRounded .inner_toolbar .shareLeft .contentLeft ul{ background:#291e0a; border:2px solid #b4975a; border-radius:0 !important; } #socialToolbarContainer #socialToolbarInnerMin{ bottom: auto !important; top: -34px !important; right: 0px !important; } .collapsed #socialToolbarContainer #socialToolbarInnerMin{ top: -34px !important; } /* #footer .share-buttons{ height: 0; } */ div#socialToolbarContainer{ float: left !important; position: relative !important; } #socialToolbarContainer .inner_toolbar .contentRight{ display: block; } div#socialToolbarContainer .inner_toolbar .contentRight{ /* height: 42px;*/ margin: 0; overflow: hidden; height: 0; } .collapsed div#socialToolbarContainer .inner_toolbar .contentRight{ height: 30px; margin-top:7px } .share-buttons #socialToolbarContainer a { display: block; height: 27px; } #socialToolbarInner { border-top: 2px solid #B4975A; /* background: none repeat scroll 0 0 #423322; */ } .android #footer .share-buttons { bottom: -3px; } .android .collapsed div#socialToolbarContainer .inner_toolbar .contentRight { height: 38px; } .share-buttons .socialToolbarButtonRight{ margin:2px; } #socialToolbarInner .extraIcons{ width:25px !important; } } /*************** templates/group/css/global.mediaquery.css ***************/ @media(min-width: 1280px) { .section-wrapper { width: 1200px; } #top-menu { width: 660px; } #top-menu li a { padding: 0 15px; } #top-menu li.item1 a { padding-left: 9px; } #top-menu li.more { display: none; } .desktop-only{ display: block; } #languages { width: 126px; } #languages ul li.active { padding: 3px 0 4px 12px; } .wifi-icon { background-position: 0 6px ; line-height: 29px; padding: 0 16px 0 25px; } /** BOOKING MASK **/ .booking-btn { line-height: 26px; font-size: 0.9em; } .hasDatepicker .ui-datepicker.ui-datepicker-multi{ width: 760px !important; } .hasDatepicker .ui-datepicker-multi-2 .ui-datepicker-group-first{ margin-right: 90px; } #booking-form{ margin-left: 30px; } #booking-content-area{ width: 320px; } #booking-content-area #uniform-hotel-list span{ width: 285px !important; } #booking-content-area .date{ width: 46%; } #booking-content-area input{ width: 123px; } /*#booking-content-area #uniform-hotel-list span { background-position: 296px -426px; }*/ #booking-content-area input { background-position: -115px -475px; } .middle-wrapper li { padding: 0; width: 160px; } .middle-wrapper li.last { width: 168px; } #main-menu { bottom: 22px; } .menu li a { padding: 0 20px; } #main-menu li.active.ourhotels a { padding: 10px 21px 24px; } #main-visual, #main-visual .image-wrapper { height: 483px; } #main-visual .main-visual-content { width: 1200px; } #main-visual .cycle-pager-wrapper { bottom: 16px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 1200px; z-index: 300; } .point-plus { height: 119px; margin: 8px 0 8px -20px; padding: 0 32px 0 0; } .point-plus .point-image { height: 130px; margin-top: -5px; width: 244px; } #footer .bottom-logos{ margin: 38px 0 0; } #footer .bottom-logos ul{ width: 850px; } #footer .bottom-logos ul li{ float: left; margin: 0 30px 10px 0; } #our-hotles-wrapper .our-hotles { background-position: 370px -2px; width: 1200px; } .our-hotles .markers { left: 445px; } .our-hotles .markers.bangkok { left: 505px; } .our-hotles .markers.yangon { left: 445px; } .our-hotles .text-marker { left: 395px; top: 202px; } .our-hotles .text-marker.bangkok-text { left: 486px; } .our-hotles .text-marker.yangon-text { left: 423px; top: 221px; } #our-hotles-wrapper .hotel-list { min-height: 265px; width: 285px; } #our-hotles-wrapper .hotel-list .itemContent-Preview { padding: 10px 0 5px; } #our-hotles-wrapper .hotel-list .city-title.city-1 { margin: 0 0 5px; } #our-hotles-wrapper .hotel-list .city-title { padding: 4px 0 4px 30px; } #our-hotles-wrapper .hotel-list .hotel-sub-category { padding: 0 5px 0 30px; } .our-hotles .itemContent-Preview span.hotels { background-position: 32px -168px ; padding: 3px 0 3px 45px; } .our-hotles .location { margin: 17px 0; width: 320px; } .our-hotles .location .single { float: left; width: 40%; } .our-hotles .location .multiple { float: left; width: 38%; } #our-hotles-wrapper .hotel-details { width: 820px; } .bottom-links { padding: 16px 0 22px; } .address-details { width: 1000px; } } /* Portrait Tablet to Landscape and Desktop */ @media (min-width: 768px) and (max-width: 1023px) { .section-wrapper { width: 690px; } #top-menu li.more, #top-menu li.loyaltyprogram, #top-menu li.gallery { display: none; } #top-menu li.more.portrait-only, #top-menu li.more.portrait-only .loyaltyprogram, #top-menu li.more.portrait-only .gallery{ display: block; } #top-menu { width: 335px; } #top-menu .menuLevel2 { left: 180px; padding: 5px; } #top-menu .more .menuLevel2 { left: 163px; } .menu li a { font-size: 0.7em; padding: 0 14px; } .bottom-links a, #top-menu li a, #footer-menu li a{ font-size: 0.7em; } #top-menu .findahotel .menuLevel2{ width: 660px; padding: 30px 24px 44px; left: 0; } #top-menu li.findahotel .menuLevel2 li.level2{ /* width: 50%; */ } #top-menu li.findahotel .menuLevel2 li.chatrium_emporium, #top-menu li.findahotel .menuLevel2 li.chatrium_residence_sathon{ width: 50.1%; } #top-menu .findahotel .menuLevel2 li.phuket, #top-menu .findahotel .menuLevel2 li.chatrium_phuket{ position: absolute; right: 0; top: 112px; } #top-menu .findahotel .menuLevel2 li.chatrium_phuket{ top: 148px; } #main-visual .image-wrapper, #main-visual { height: 324px; } #main-visual .image-wrapper { min-width: 820px; } #main-visual .main-visual-content { width: 690px; } #our-hotles-wrapper .hotel-list-wrapper { left: auto; right: 0; } #our-hotles-wrapper .our-hotles { background: url(http://www.chatrium.com/templates/group/images/ourhotels-map-768.png) no-repeat scroll 5px 0 #72654d; width: 690px; } .our-hotles .markers { left: 52px; top: 206px; } .our-hotles .markers.bangkok { left: 108px; top: 250px; } .our-hotles .markers.yangon { left: 51px; top: 208px; } .our-hotles .text-marker { left: 4px; top: 225px; } .our-hotles .text-marker.bangkok-text { left: 88px; top: 287px; } .our-hotles .text-marker.yangon-text { left: 41px; top: 249px; } .our-hotles .location { float: right; margin: 13px 0; width: 183px; } .our-hotles .location .single { background-position: 37px -321px; padding: 6px 0 16px 80px; width: 70%; } .our-hotles .location .multiple { background-position: 37px -397px; padding: 6px 0 8px 64px; width: 59%; } #our-hotles-wrapper .hotel-details { left: 52px; } .our-hotles .ovelayer { background: none repeat scroll 0 0 #72654d; display: none; height: 660px; left: 0; opacity: 0.8; position: absolute; top: 0; width: 100%; z-index: 101; } .our-hotles .close { right: -112px; top: -18px; } #availability-wrapper{ height: 515px; } #booking-form{ margin: 62px 0 0 32px; } .hasDatepicker .ui-datepicker.ui-datepicker-inline{ width:316px !important; float:right;_display:inline; position: relative; margin:58px 25px 0 0; padding:0; border:none; background:none; } .hasDatepicker .ui-datepicker .ui-datepicker-group-last{ width: 40px; position: absolute; right: 0; top: 0; } .hasDatepicker .ui-datepicker .ui-datepicker-group-last .ui-datepicker-calendar, .hasDatepicker .ui-datepicker .ui-datepicker-group-last .ui-datepicker-title{ display: none; } .hasDatepicker .ui-datepicker.ui-datepicker-inline table{ width:auto; } .hasDatepicker .ui-datepicker .ui-datepicker-next span{ background-position: -198px -139px; } .hasDatepicker .ui-datepicker .ui-datepicker-prev span{ background-position: -175px -139px; } .middle-wrapper .bookdirect-wrapper, .middle-wrapper .bookdirect-wrapper .row-wrapper{ width: 702px; } .middle-wrapper .bookdirect-wrapper{ right: -15px; padding: 30px 23px 50px; } .middle-wrapper .bookdirect-wrapper .item, .middle-wrapper .bookdirect-wrapper .box-image-wrapper, .middle-wrapper .bookdirect-wrapper .box-image-wrapper img{ width: 218px; } .middle-wrapper .bookdirect-wrapper .box-title{ height: 42px; padding: 10px; } /*.middle-wrapper .bookdirect-wrapper .box-content{ height: 80px; padding: 10px; }*/ .middle-wrapper .bookdirect-wrapper .bottom-content{ padding: 0 10px; } .middle-wrapper .bookdirect-wrapper .item{ height: 405px; margin: 0 8px; } .middle-wrapper .bookdirect-wrapper .box-content{ width: 150px ; } .middle-wrapper .bookdirect-wrapper .cycle-nav-wrapper{ width: 684px; } .point-plus{ height: 100px; padding:0 10px 0 0; margin: 16px 0 16px -13px; } .point-plus .point-image { height: 100px; width: 160px; } #footer .bottom-logos{ margin: 12px 0 0; } #footer .bottom-logos ul{ width: 520px; } #footer .bottom-logos ul li{ margin: 0 5px 5px; } #footer .bottom-logos ul li .logo{ width: 70%; height: 70%; } .address-details { width: 480px; } #sitemap { width: 96%; } #sitemap li.level1.set-one { width: 21%; } #sitemap li.map-area { width: 35%; } #sitemap li.level1 { width: 24%; } #sitemap li.set-three { float: right; width: 17%; } #sitemap li.level1.ourhotels { width: 34%; } #sitemap .map-area li a{ font-size: 0.7em; } } @media (max-width: 767px) { .desktop-content, .portrait, .middle-wrapper, #main-menu, #top-menu, #main-visual .main-visual-content-wrapper, #our-hotles-wrapper, #footer-menu li.csr, #footer-menu li.emailsignup, #footer-menu li.chatriumblog, .non-mobile-booking, .non-mobile{ display: none; } .mobile { display: block; } .section-wrapper { width: 100%; } #header-wrapper { height: 80px; z-index: 4; position: absolute; } #branding { height: 33px; margin: 4px 0 0 6px; width: 118px; } #branding img{ width: 100%; height: auto; } .booking-btn { background:#b4975a ; font-size: 1em; left: 0; position: absolute; text-align: center; top: 80px; width: 100%; padding: 0; } #mobile-menu-button { background: url(http://www.chatrium.com/templates/group/images/mobile-menu-bg.png) no-repeat scroll right 14px; color: #fff; cursor: pointer; display: block; font-size: 0.8em; height: 50px; line-height: 3.5; position: absolute; right: 10px; text-transform: uppercase; top: 30px; width: 86px; } #header #languages ul li a{ color: #fff; } #languages ul li.active { background: url(http://www.chatrium.com/templates/main/images/bg-sprite.png) no-repeat scroll right 12px ; margin-top: 3px; padding: 5px 0 5px 5px; width: 107px; } #main-visual .image-wrapper, #main-visual { height: 185px; } #main-visual .image-wrapper { min-width: 450px; } .cycle-pager-wrapper { left: 10px; } #availability-wrapper { height: 420px; top: 111px; } #availability-wrapper .ui-datepicker-inline { display: none !important; } #booking-form { float: none; margin: 16px auto 0; width: 255px; } #availability-wrapper { z-index: 5; } #booking-content-area label { margin: 0 0 2px; } .scrolling-mode #header-wrapper{ z-index: 5; } .scrolling-mode .booking-btn, .scrolling-mode #mobile-menu-button, .scrolling-mode #availability-wrapper{ top:0; position: fixed; } .scrolling-mode #availability-wrapper{ width: 100%; } .scrolling-mode .booking-btn{ height: 32px; box-shadow: 0 0 5px #64513D; } .scrolling-mode #availability-wrapper{ top:32px; } .scrolling-mode #mobile-menu-button{ width: 56px; height: 32px; right: 0; background:url(http://www.chatrium.com/templates/group/images/mobile-menu-bg.png) no-repeat scroll 12px 6px #443423; text-indent: -9999px; z-index: 11; } .scrolling-mode #menu-popup{ z-index: 12; } #menu-popup{ display: none; width: 167px; height: 100%; padding:12px 20px 0 17px; background: #423322; right: 0; top: 0; bottom: 0; outline: 0 none; overflow-x: visible; overflow-y: auto; position: fixed; z-index: 5; } #menu-popup h3{ margin: 5px 0 10px; padding-left: 14px; } #menu-popup ul li{ float: none; padding:15px 14px; border-bottom: 1px solid #5f4c36; } #menu-popup ul li a{ padding:0; } #menu-popup .close-btn{ background: url(http://www.chatrium.com/templates/main/images/bg-sprite.png) repeat scroll right -503px; cursor: pointer; display: block; height: 30px; position: absolute; right: 12px; top: 6px; width: 50px; z-index: 5; } #menu-popup.show-our-hotles .close-btn{ background: url(http://www.chatrium.com/templates/group/images/mobile-sprite.png) no-repeat scroll 23px 2px; } #menu-popup.show-our-hotles { background: #72654d; height: 384px; padding: 0; right: 7px; top: 7px; width: 96%; } #menu-popup.show-our-hotles ul li.ourhotels { padding: 11px 14px; } #menu-popup.show-our-hotles ul li.ourhotels > a { border-bottom: 1px solid #7b6f58; color: #fff; display: block; font-size: 1em; padding-bottom: 6px; } #menu-popup .menuLevel2 { display: none; } #menu-popup.show-our-hotles ul li { border-bottom: medium none; float: none; padding: 0; } #menu-popup.show-our-hotles ul li a { color: #dccaa5; font-size: 0.7em; } #menu-popup.show-our-hotles ul .menuLevel2 li > a { background: url(http://www.chatrium.com/templates/group/images/list-bg-dark.png) no-repeat scroll 0 12px; display: block; padding: 8px 10px; text-transform: none; } #menu-popup.show-our-hotles ul li.ourhotels .bangkok a, #menu-popup.show-our-hotles ul li.ourhotels .yangon a, #menu-popup.show-our-hotles ul li.ourhotels .phuket a { color: #ffffff; } #menu-popup.show-our-hotles ul li.ourhotels .bangkok > a, #menu-popup.show-our-hotles ul li.ourhotels .yangon > a, #menu-popup.show-our-hotles ul li.ourhotels .phuket > a{ background: no-repeat; padding: 5px 0; } #menu-popup.show-our-hotles ul li.ourhotels .hotel a { background: no-repeat; padding: 0; color: #ffffff; } #menu-popup.show-our-hotles ul li.ourhotels .servicedresidence a{ background: no-repeat; padding: 5px 0; color: #ffffff; } #holder h1 { font-size: 1.6em; margin: 10px 0 0; } .special-offers { display: none; } #main-content { width: 100%; } #main-content .left-content { width: 100%; } #main-content .right-content { width: 100%; } .print-button { right: 10px; top: 10px; } .separetor { right: 70px; top: 10px; } .share-button { right: 72px; top: 10px; } .share-content.active-share { background: url(http://www.chatrium.com/templates/group/images/share-bg-mobile.png) no-repeat scroll 0 0 ; height: 96px; left: -124px; padding:15px 10px; top: -113px; width: 208px; z-index: 200; } .share-content .addthis_default_style .at300b, .share-content .addthis_default_style .at300bo, .share-content .addthis_default_style .at300m { height: 44px; padding: 0 6px; width: 85px; } .content-link, .module-link { background: url(http://www.chatrium.com/templates/group/images/bg-sprite.png) no-repeat scroll -77px -47px ; color: #b4975a; cursor: pointer; display: block; margin: 0 0 25px; text-align: center; text-transform: uppercase; } .intro-readless.content-link, .module-readless.module-link { background-position: -90px -84px; } #footer-menu { float: none; margin: 0 auto; padding: 8px 0 10px 12px; position: relative; width: 307px; } #footer-menu li a { font-size: 0.7em; padding: 0 10px; } #footer-menu li.more a { background: url(http://www.chatrium.com/templates/group/images/bg-sprite.png) no-repeat scroll right -21px; cursor: pointer; padding: 0 33px 0 5px; } #footer-menu li.more a{ color: #dccaa5; } #footer-menu li.more.active a{ color: #b4975a; } #footer-menu li.more.active .menuLevel2 a{ color: #fff; } #footer-menu li.more .menuLevel2 a{ background: none; } #footer-menu .more .menuLevel2{ background: none repeat scroll 0 0 #574319; padding: 0 5px 0; position: absolute; right: 0; top: 38px; width: 170px; z-index: 1; } .point-plus { border-bottom: 1px solid #b8ada0; border-right: medium none; float: none; height: 97px; margin: 0 5px; padding: 0 0 5px; width: 97%; } .point-plus .point-image { display: block; height: 80px; margin: 10px auto 0; width: 157px; } #footer .bottom-logos{ width: 100%; height: 125px; margin:15px 0 0; overflow: hidden; } #footer .bottom-logos ul{ width: 300px; margin: 0 auto; } #footer .bottom-logos ul li{ width: 100px; float: left; margin: 0; height: 65px; } #footer .bottom-logos ul li.chatrium_residence_riverside { margin-right:0; } /*#footer .bottom-logos ul li.chatrium_hotel_yangon{ clear: both; }*/ #footer .bottom-logos ul li.maitriahotel img, #footer .bottom-logos ul li.chatrium_residence_riverside img{ width: 83%; } #footer .bottom-logos ul li .logo{ width: 70%; height: 70%; } .bottom-links { padding: 10px 0 10px 10px; width: 94%; } .bottom-links a.sitemap { background-position: right -63px; } #sitemap-wrapper { margin: 0 0 0 10px; width: 90%; } #sitemap .map-area li { background-position: 12px 9px; padding-left: 31px; } #sitemap li.level1, #sitemap li.map-area, #sitemap li.set-three { width: 100%; } #sitemap li.findahotel{ display: none; } .address-details { width: 100%; } #designedby { margin: 10px 10px 0 0; } #sitemap-wrapper, #footer-content-wrapper { width: 96%; } .body-overlay { background: url(http://www.chatrium.com/templates/main/images/body-overlay.png) repeat scroll 0 0; display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 4; } .booking-mask-overlay { background: url(http://www.chatrium.com/templates/group/images/booking-overlay.png) repeat scroll 0 0; display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 4; } .booking-overlay { z-index: 3; } #header #mobile-phone-button{ position:absolute; right:64px; top:41px; display:block; background: url(http://www.chatrium.com/templates/group/images/phone_icon.png) no-repeat scroll 0 0; width:21px; height:24px; } #header #mobile-phone-button a{ display: block; height: 100%; width: 100%; } #footer-content-wrapper { min-height: 162px; } .share-button{ width:58px; } .share-content, .share-content iframe { visibility: hidden !important; } /* .share-button { width: 42px; } */ .myReservationsLink.mobile { background: #fff; display: block; padding: 9px 0; position: absolute; top: 111px; width: 100%; } } /*************** templates/group/css/template.subpage.css ***************/ /** FILER STYLES **/ .filter-wrapper { background:#f4f0e6; margin: 0 0 18px; padding: 16px 0 17px 11px; width: 910px; } .filter-wrapper .select-list { float: left; margin-right: 10px; } .filter-wrapper label { margin: 4px 10px 0 0; } .filter-wrapper .hotel-list label { margin: 4px 26px 0 0; } *+html .filter-wrapper .hotel-list label { margin: 4px 22px 0 0; } .filter-wrapper .selector { background: url(http://www.chatrium.com/templates/group/images/bg-sprite.png) no-repeat scroll right -41px #fff; border: 1px solid #b4975a; float: left; padding: 2px 0 0 13px; width: 216px !important; } .filter-wrapper .hotel-list .selector { width: 247px !important; } .filter-wrapper div.selector span { text-shadow: none; width: 89% !important; } .filter-wrapper div.radio span, .filter-wrapper div.radio span:hover{ background: url(http://www.chatrium.com/templates/group/images/bg-sprite.png) no-repeat 1px -276px; cursor: pointer; } .filter-wrapper div.radio span.checked, .filter-wrapper div.radio span.checked:hover{ background-position: -18px -275px; } .default-filter .retuarant-title { border-bottom: 1px solid #d9cbac; margin: 8px 26px 21px 0px; padding: 0 0 14px; } .default-filter .select-box-wrapper { padding-left: 17px; } .default-filter .filter-wrapper .select-list { margin-right: 21px; } .default-filter .filter-wrapper .selector { width: 325px !important; } .default-filter label { display: block; float: none; margin-bottom: 9px; } .default-filter .check-box-wrapper { border-bottom: 1px solid #d9cbac; margin: 56px 26px 15px 17px; padding-bottom: 40px; } .default-filter .cuisine-title { border-bottom: 1px solid #d9cbac; margin: 0 0 29px; padding: 0 0 14px; } .default-filter .radio-wrapper { display: block; float: left; height: 30px; width: 210px; } #viewList .default-filter .book-now { float: right; margin-right: 26px; padding: 8px 71px; } .rs-carousel { float: left; position: relative; width: 920px; } .rs-carousel.ui-state-disabled, .rs-carousel.ui-widget-content .ui-state-disabled, .rs-carousel.ui-widget-header .ui-state-disabled { opacity: 1; } #main-content .offer-list ul .item { background: #f4f0e6; list-style: none; margin: 0 21px 0 0; padding: 0; width: 293px; min-height: 408px; } #mod_pukkaPackages .feature-content { min-height: 117px; } #main-content .offer-list ul .item.last{ margin: 0 -2px 0 0; } .offer-list img.feature-image { height: auto; width: 100%; } .offer-list .item-price { display: block; width: 100%; } .item .item-price .label { margin-right: 10px; } .offer-list .arrow { background: url(http://www.chatrium.com/templates/group/images/bg-sprite.png) no-repeat scroll left -175px; display: inline-block; height: 7px; margin-left: 5px; width: 4px; } ol.rs-carousel-pagination { background:#f4f0e6; height: 40px; line-height: 3.5; margin: 25px 0 0; padding: 0; }ol.rs-carousel-pagination.rs-carousel-pagination-disabled { display: none; } ol.rs-carousel-pagination li { list-style: none outside none; width: 8px; display: inline-block; } .rs-carousel-action { background: url(http://www.chatrium.com/templates/group/images/bg-sprite.png) no-repeat scroll right -133px; bottom: -7px; cursor: pointer; height: 35px; margin: 9px 0; position: absolute; text-indent: -9999px; width: 37px; } .rs-carousel-action.rs-carousel-action-prev { background: url(http://www.chatrium.com/templates/group/images/bg-sprite.png) no-repeat scroll right -133px; left: 8px; } .rs-carousel-action.rs-carousel-action-disabled, .rs-carousel-action.rs-carousel-action-next.rs-carousel-action-disabled, .rs-carousel-action.rs-carousel-action-prev.rs-carousel-action-disabled { display: none; } .rs-carousel-action.rs-carousel-action-next { right: 8px; background-position: left -133px; } ol.rs-carousel-pagination .rs-carousel-pagination-link { background:url(http://www.chatrium.com/templates/group/images/pager.png) no-repeat scroll 0 0 ; display: inline-block; height: 8px; list-style: none outside none; margin: 0 5px 0 0; text-indent: -9999px; width: 8px; *display: inline; zoom: 1; } ol.rs-carousel-pagination .rs-carousel-pagination-link.rs-carousel-pagination-link-active{ background-position: right 0; } .rs-carousel-pagination-link a { display: block; } #viewItem .view-listlinkarea { background: url(http://www.chatrium.com/templates/group/images/view-offers-bg.png) no-repeat left center; padding-left: 20px; position: absolute; right: 2px; top: 66px; } #viewItem .itemTitle{ display: none; } #viewItem .content-wrapper { width: 57%; } #viewItem .image-wrapper { border-bottom: 1px solid #b4975a; margin: 28px 0 0; width: 380px; } #viewItem .feature-image-wrapper { float: left; } #viewItem .img-title { background: none repeat scroll 0 0 #f4f0e6; line-height: 1.7; margin: 0; padding: 12px 0; width: 380px; } #viewItem .item-price { float: left; margin: 23px 0; } #viewItem .book-now { float: right; margin: 19px 0; } #mod_pukkaPackages .offer-list.room-offers { margin-bottom: 20px; } #mod_pukkaEvents .items-meetings{ width: 920px; } #mod_pukkaEvents .items-meetings ul .meetings-item { background: none; float: left; margin-right: 19px; padding: 0; width: 294px; } #mod_pukkaEvents .items-meetings ul .meetings-item.last { margin: 0; } #mod_pukkaEvents .items-meetings img { height: auto; width: 100%; } .filter-wrapper.page-filter { padding: 16px 0 21px 27px; width: 896px; } .filter-wrapper.page-filter .select-list { margin: 0; width: 300px; } .filter-wrapper.page-filter .select-list.last-list { width: 290px; } .page-filter label { display: block; margin:4px 10px 5px 0; width: 100%; } .filter-wrapper.page-filter .selector { width: 257px !important; } .main-visual-content { bottom: 40px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 940px; z-index: 2; } .caption-holder { background: url(http://www.chatrium.com/templates/main/images/thumb-overlay.png) repeat scroll 0 0; padding: 5px 15px 15px; width: 300px; } #page_specialoffers .linkToEditPage{ display:none; } @media(min-width: 1280px) { .filter-wrapper { margin: 0 0 27px; padding: 15px 0 15px 32px; width: 1170px; } .filter-wrapper .select-list { margin-right: 26px; } .filter-wrapper label { margin: 4px 15px 0 0; } .filter-wrapper .selector { width: 294px !important; } .filter-wrapper .hotel-list label { margin: 4px 23px 0 0; } .filter-wrapper .hotel-list .selector { width: 294px !important; } .default-filter .filter-wrapper { padding: 16px 0 15px 27px; } .default-filter .select-box-wrapper { padding-left: 0; } .default-filter .filter-wrapper label { margin: 4px 15px 8px 0; } .default-filter .check-box-wrapper { margin: 56px 26px 15px 0; } .default-filter .radio-wrapper { height: 32px; width: 240px; } .default-filter .book-now { padding: 8px 71px; } .filter-wrapper.page-filter { padding: 16px 0 21px 27px; width: 1172px; } .filter-wrapper.page-filter .select-list { width: 392px; } .filter-wrapper.page-filter .selector { width: 337px !important; } .rs-carousel { width: 1200px; } #main-content .offer-list ul .item { margin: 0 30px 0px 0; min-height: 460px; width:380px; } #mod_pukkaPackages .feature-content { min-height: 118px; } #viewItem .image-wrapper { margin: 4px 0 0; } } /* Portrait Tablet to Landscape and Desktop */ @media (min-width: 768px) and (max-width: 1023px) { .filter-wrapper { margin: 0 0 24px; padding: 14px 0 0px 24px; width: 663px; } .filter-wrapper .select-list { margin-bottom: 14px; } .filter-wrapper .select-list { margin-right: 24px; } .filter-wrapper label { margin: 4px 10px 0 0; } .filter-wrapper .selector, .filter-wrapper .hotel-list .selector { width: 245px !important; } .filter-wrapper .hotel-list label { margin: 6px 18px 0 7px; } .rs-carousel { width: 690px; } #main-content .offer-list ul .item { width: 332px; } #viewItem .content-wrapper { width: 45%; } #viewItem .image-wrapper { width: 334px; } #viewItem .feature-image { height: 202px; width: 334px; } #viewItem .img-title { width: 334px; } #main-visual .cycle-pager-wrapper { bottom: 18px; left: 36px; } } @media (max-width: 767px) { #main-content { margin: 30px 10px; width: 94%; } #main-content .additional-intro.intro p { margin-bottom: 0; } #main-content .offer-list ul .item { width: 296px; } #main-content .offer-list ul .item { min-height: 360px; } #mod_pukkaPackages .feature-content h3 { font-size: 1.2em; margin:0; } form.flexibleForm button.submit, .item-price .amount, .item-price .label { font-size: 1.2em; } #viewList .common-btn { margin: 5px 0 17px; } ol.rs-carousel-pagination { margin: 10px 0 0; } #breadcrumb-wrapper p { margin-bottom: 0; } #viewItem .view-listlinkarea { font-size: 0.9em; padding-left: 12px; right: 15px; } #viewItem .content-wrapper { width: 100%; } #viewItem .image-wrapper { margin: 0; width: 100%; } #viewItem .feature-image-wrapper, #viewItem .img-title { display: none; } .filter-wrapper { margin: 0 auto 18px; padding: 16px 0 9px 11px; width: 284px; } .filter-wrapper .select-list { margin-right: 0; margin-bottom: 10px; width: 96%; } .filter-wrapper .hotel-list .selector { width: 205px !important; } .filter-wrapper .selector { float: right; width: 205px !important; } .filter-wrapper label, .filter-wrapper .hotel-list label { margin: 4px 0px 0 0; } .default-filter .select-box-wrapper { padding-left: 0; } .default-filter .filter-wrapper .selector { width: 257px !important; } .default-filter .filter-wrapper label { margin-bottom: 9px; } .default-filter .check-box-wrapper { margin: 16px 14px 0 0; padding-bottom: 0; } .default-filter .cuisine-title { margin: 0 0 20px; } #viewList .default-filter .book-now { margin-top: 16px; margin-right: 14px; } .default-filter .radio-wrapper { height: 30px; margin: 0 0 10px; width: 123px; } div.radio, div.radio span, div.radio input { float: left; } .filter-wrapper.page-filter { padding: 16px 0 21px 13px; width: 94%; } .filter-wrapper.page-filter .selector { float: left; width: 254px !important; } .filter-wrapper.page-filter label { margin: 4px 13px 5px 0; width: 94%; } .rs-carousel { float: none; margin: 0 auto; width: 296px; } #mod_pukkaPackages .rs-carousel-pagination-link { display: none; } } /*************** templates/group/libs/jquery/jscrollpane/jquery.jscrollpane.css ***************/ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 10px; height: 100%; background: red; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background: #dde; position: relative; } .jspDrag { background: #b4975a; position: relative; top: 0; left: 0; cursor: pointer; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; padding: 0; margin: 0; } .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar .jspArrow { height: 16px; } .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner { margin: 0 -3px 0 0; } /*************** templates/group/libs/jquery/carousel/jquery.rs.carousel.css ***************/ /* * jquery.rs.carousel.css 1.0.0 * https://github.com/richardscarrott/jquery-ui-carousel * * Copyright (c) 2013 Richard Scarrott * http://www.richardscarrott.co.uk * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html * * Depends: * a basic reset + items must have width & height */ .rs-carousel-mask { overflow: hidden; } .rs-carousel-runner { position: relative; } .rs-carousel-horizontal .rs-carousel-item { float: left; } .rs-carousel-mask { position: relative; } .rs-carousel-runner { -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .rs-carousel-transition .rs-carousel-runner { -moz-transition: -moz-transform .400s ease; -webkit-transition: -webkit-transform .400s ease; -o-transition: -o-transform .400s ease; -ms-transition: -ms-transform .400s ease; transition: transform .400s ease; } /*************** templates/group/libs/jquery/uniform/uniform.default.css ***************/ /* Uniform Theme: Uniform Default Version: 1.8 By: Josh Pyles License: MIT License --- For use with the Uniform plugin: http://uniformjs.com/ */ /* General settings */ div.checker span, div.radio span, div.uploader, div.uploader span.action { background-image: url(http://www.chatrium.com/templates/group/libs/jquery/uniform/images/sprite.png); background-repeat: no-repeat; -webkit-font-smoothing: antialiased; } .checker, .radio, .uploader { display: -moz-inline-box; display: inline-block; zoom: 1; vertical-align: middle; } .radio, .checker, .uploader, .selector *, .radio *, .checker *, .uploader * { margin: 0; padding: 0; } .highContrastDetect { width: 0px; height: 0px; } /* Input & Textarea */ /* input.text, input.email, input.search, input.tel, input.url, input.datetime, input.date, input.month, input.week, input.time, input.datetime-local, input.number, input.color, input.password, */ select.uniform-multiselect, textarea.uniform { padding: 3px; outline: 0; } /* Remove default webkit and possible mozilla .search styles */ div.checker input, input.search, input.search:active { -moz-appearance: none; -webkit-appearance: none; } /* Select */ div.selector { background-position: 0 -130px; line-height: 26px; height: 26px; padding: 0 0 0 10px; position: relative; overflow: hidden; } div.selector.fixedWidth { width: 190px; } div.selector span { text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap; background-position: right 0; height: 26px; line-height: 26px; padding-right: 25px; cursor: pointer; width: 100%; display: block; } div.selector.fixedWidth span { width: 155px; } div.selector select { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; position: absolute; height: 22px; top: 2px; left: 0px; width: 100%; } /* Checkbox */ div.checker, div.checker span, div.checker input { width: 19px; height: 19px; } div.checker { position: relative; } div.checker span { display: -moz-inline-box; display: inline-block; zoom: 1; text-align: center; background-position: 0 -260px; } div.checker input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; display: -moz-inline-box; display: inline-block; zoom: 1; } div.checker span.checked { background-position: -76px -260px; } div.checker.disabled span, div.checker.disabled:active span, div.checker.disabled.active span { background-position: -152px -260px; } div.checker.disabled span.checked, div.checker.disabled:active span.checked, div.checker.disabled.active span.checked { background-position: -171px -260px; } /* Radio */ div.radio, div.radio span, div.radio input { width: 18px; height: 18px; } div.radio { position: relative; } div.radio span { display: -moz-inline-box; display: inline-block; zoom: 1; text-align: center; background-position: 0 -279px; } div.radio input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; display: -moz-inline-box; display: inline-block; zoom: 1; text-align: center; } div.radio:active span, div.radio.active span { background-position: -18px -279px; } div.radio.focus span, div.radio:hover span { background-position: -36px -279px; } div.radio.focus:active span, div.radio:active:hover span, div.radio.active:hover span, div.radio.active.focus span { background-position: -54px -279px; } div.radio span.checked { background-position: -72px -279px; } div.radio:active span.checked, div.radio.active span.checked { background-position: -90px -279px; } div.radio.focus span.checked, div.radio:hover span.checked { background-position: -108px -279px; } div.radio.focus:active span.checked, div.radio:hover:active span.checked, div.radio.focus.active span.checked, div.radio.active:hover span.checked { background-position: -126px -279px; } div.radio.disabled span, div.radio.disabled:active span, div.radio.disabled.active span { background-position: -144px -279px; } div.radio.disabled span.checked, div.radio.disabled:active span.checked, div.radio.disabled.active span.checked { background-position: -162px -279px; } /* Uploader */ div.uploader { background-position: 0 -297px; height: 28px; width: 190px; cursor: pointer; position: relative; overflow: hidden; } div.uploader span.action { background-position: right -409px; height: 28px; line-height: 28px; width: 82px; text-align: center; float: left; display: inline; overflow: hidden; cursor: pointer; } div.uploader span.filename { text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap; float: left; cursor: default; height: 24px; margin: 2px 0 2px 2px; line-height: 24px; width: 85px; padding: 0 10px; } div.uploader input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; position: absolute; top: 0; right: 0; float: right; cursor: default; width: 100%; height: 100%; } div.uploader.focus, div.uploader.hover, div.uploader:hover { background-position: 0 -353px; } div.uploader.focus span.action, div.uploader.hover span.action, div.uploader:hover span.action { background-position: right -437px; } div.uploader.active span.action, div.uploader:active span.action { background-position: right -465px; } div.uploader.focus.active span.action, div.uploader:focus.active span.action, div.uploader.focus:active span.action, div.uploader:focus:active span.action { background-position: right -493px; } div.uploader.disabled { background-position: 0 -325px; } div.uploader.disabled span.action { background-position: right -381px; } /* INPUT & TEXTAREA */ /* input.text, input.email, input.search, input.tel, input.url, input.datetime, input.date, input.month, input.week, input.time, input.datetime-local, input.number, input.color, input.password, */ select.uniform-multiselect, textarea.uniform { font-size: 12px; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: normal; color: #777; border-top: solid 1px #aaa; border-left: solid 1px #aaa; border-bottom: solid 1px #ccc; border-right: solid 1px #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } input.text:focus, input.email:focus, input.search:focus, input.tel:focus, input.url:focus, input.datetime:focus, input.date:focus, input.month:focus, input.week:focus, input.time:focus, input.datetime-local:focus, input.number:focus, input.color:focus, input.password:focus, select.uniform-multiselect:focus, textarea.uniform:focus { -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); border-color: #999; } /* PRESENTATION */ /* Buttons */ div.button span { font-weight: bold; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; } div.button.disabled span { color: #bbb; } /* Separate from above due to IE8 */ div.button:disabled span { color: #bbb; } /* Select */ div.selector { font-size: 12px; } div.selector select { font-family: Helvetica, sans-serif; font-size: 12px; } div.selector span { color: #666; text-shadow: 0 1px 0 #fff; } div.selector.disabled span { color: #bbb; } /* Checker */ div.checker { margin-right: 5px; } /* Radio */ div.radio { margin-right: 3px; } /* Uploader */ div.uploader span.action { text-shadow: #fff 0px 1px 0px; background-color: #fff; font-size: 11px; font-weight: bold; } div.uploader span.filename { color: #777; border-right: solid 1px #bbb; font-size: 11px; } div.uploader.disabled span.action { color: #aaa; } div.uploader.disabled span.filename { border-color: #ddd; color: #aaa; } /*************** templates/group/libs/jquery/jquery-datepicker/smoothness/jquery-ui-1.10.4.custom.css ***************/ /*! jQuery UI - v1.10.4 - 2014-06-25 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Helvetica%20Neue&fwDefault=normal&fsDefault=1.3em&cornerRadius=0&bgColorHeader=%23ffffff&bgTextureHeader=flat&bgImgOpacityHeader=0&borderColorHeader=%23ffffff&fcHeader=%23553f13&iconColorHeader=%23553f13&bgColorContent=%23ffffff&bgTextureContent=flat&bgImgOpacityContent=20&borderColorContent=%23553f13&fcContent=%233c2e13&iconColorContent=%23ffffff&bgColorDefault=%23b69c64&bgTextureDefault=flat&bgImgOpacityDefault=10&borderColorDefault=%23b69c64&fcDefault=%23ffffff&iconColorDefault=%23ffffff&bgColorHover=%233c2e13&bgTextureHover=flat&bgImgOpacityHover=0&borderColorHover=%23ffffff&fcHover=%23ffffff&iconColorHover=%23ffffff&bgColorActive=%23ffffff&bgTextureActive=flat&bgImgOpacityActive=40&borderColorActive=%23ffffff&fcActive=%233c2e13&iconColorActive=%23ffffff&bgColorHighlight=%23ffffff&bgTextureHighlight=flat&bgImgOpacityHighlight=30&borderColorHighlight=%23b08432&fcHighlight=%23b08432&iconColorHighlight=%23ffffff&bgColorError=%23a32d00&bgTextureError=dots_small&bgImgOpacityError=30&borderColorError=%23cd0a0a&fcError=%23ffffff&iconColorError=%23ffffff&bgColorOverlay=%23aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=80&bgColorShadow=%23aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=0 * Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .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:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; min-height: 0; /* support: IE7 */ } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-noicons { padding-left: .7em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; /* removes extra width in IE */ } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2.2em; } /* button elements seem to need a little more width */ button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /* button text element */ .ui-button .ui-button-text { display: block; line-height: normal; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /* button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /* button sets */ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ /* reset extra padding in Firefox, see h5bp.com/l */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .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 { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .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; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .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%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-dialog { overflow: hidden; position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-menu { list-style: none; padding: 2px; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .ui-menu .ui-menu-item { margin: 0; padding: 0; width: 100%; /* support: IE10, see #8844 */ list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); } .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; min-height: 0; /* support: IE7 */ font-weight: normal; } .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } .ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; } .ui-menu .ui-state-disabled a { cursor: default; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; } /* right-aligned */ .ui-menu .ui-menu-icon { position: static; float: right; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url(http://www.chatrium.com/templates/group/libs/jquery/jquery-datepicker/smoothness/images/animated-overlay.gif); height: 100%; filter: alpha(opacity=25); opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* For IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; } .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* vertically center icon */ .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } /* TR overrides */ .ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */ background-position: -65px -16px; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Helvetica Neue; font-size: 1.3em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Helvetica Neue; font-size: 1em; } .ui-widget-content { border: 1px solid #553f13; background: #ffffff url(http://www.chatrium.com/templates/group/libs/jquery/jquery-datepicker/smoothness/images/ui-bg_flat_20_ffffff_40x100.png) 50% 50% repeat-x; color: #3c2e13; } .ui-widget-content a { color: #3c2e13; } .ui-widget-header { border: 1px solid #ffffff; background: #ffffff url(http://www.chatrium.com/templates/group/libs/jquery/jquery-datepicker/smoothness/images/ui-bg_flat_0_ffffff_40x100.png) 50% 50% repeat-x; color: #553f13; font-weight: bold; } .ui-widget-header a { color: #553f13; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #b69c64; background: #b69c64 url(http://www.chatrium.com/templates/group/libs/jquery/jquery-datepicker/smoothness/images/ui-bg_flat_10_b69c64_40x100.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #ffffff; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #ffffff; background: #3c2e13 url(http://www.chatrium.com/templates/group/libs/jquery/jquery-datepicker/smoothness/images/ui-bg_flat_0_3c2e13_40x100.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { color: #ffffff; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #ffffff; background: #ffffff url(http://www.chatrium.com/templates/group/libs/jquery/jquery-datepicker/smoothness/images/ui-bg_flat_40_ffffff_40x100.png) 50% 50% repeat-x; font-weight: normal; color: #3c2e13; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #3c2e13; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #b08432; background: #ffffff url(http://www.chatrium.com/templates/group/libs/jquery/jquery-datepicker/smoothness/images/ui-bg_flat_30_ffffff_40x100.png) 50% 50% repeat-x; color: #b08432; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #b08432; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #a32d00 url(http://www.chatrium.com/templates/group/libs/jquery/jquery-datepicker/smoothness/images/ui-bg_dots-small_30_a32d00_2x2.png) 50% 50% repeat; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* For IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url(http://www.chatrium.com/templates/group/libs/jquery/jquery-datepicker/smoothness/images/ui-icons_ffffff_256x240.png); } .ui-widget-header .ui-icon { background-image: url(http://www.chatrium.com/templates/group/libs/jquery/jquery-datepicker/smoothness/images/ui-icons_553f13_256x240.png); } .ui-state-default .ui-icon { background-image: url(http://www.chatrium.com/templates/group/libs/jquery/jquery-datepicker/smoothness/images/ui-icons_ffffff_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(http://www.chatrium.com/templates/group/libs/jquery/jquery-datepicker/smoothness/images/ui-icons_ffffff_256x240.png); } .ui-state-active .ui-icon { background-image: url(http://www.chatrium.com/templates/group/libs/jquery/jquery-datepicker/smoothness/images/ui-icons_ffffff_256x240.png); } .ui-state-highlight .ui-icon { background-image: url(http://www.chatrium.com/templates/group/libs/jquery/jquery-datepicker/smoothness/images/ui-icons_ffffff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(http://www.chatrium.com/templates/group/libs/jquery/jquery-datepicker/smoothness/images/ui-icons_ffffff_256x240.png); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .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-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 0; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 0; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 0; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 0; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(http://www.chatrium.com/templates/group/libs/jquery/jquery-datepicker/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .8; filter: Alpha(Opacity=80); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(http://www.chatrium.com/templates/group/libs/jquery/jquery-datepicker/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); border-radius: 0; }