.moduleContentNew .sidebar { border-radius: 5px; float: none; } .minWidth515px .sidebar { float: left; margin: 0; width: 180px; } .minWidth850px .sidebar { float: left; width: 21.25%; } .moduleContentNew .tabs + .sidebar { border-radius: 0 5px 5px 5px; } .moduleContentNew .tabs li, .moduleContentNew ul.tabs li > a { min-width: 80px; width: auto !important; } .minWidth515px .contentMain { margin-left: 190px; } .minWidth850px .contentMain { margin-left: 22.75%; } .moduleContentNew div.header { min-height: 65px; position: relative; overflow: hidden; } .moduleContentNew .header h1 { margin-right: 150px; } .moduleContentNew div.header + a { margin-right: 15px; } /* "My Reservations" button */ .moduleContentNew .header .buttonHolder { position: absolute; right: 5px; top: 5px; z-index: 2; } .moduleContentNew .header .buttonHolder .button { margin-left: 5px; } .moduleContentNew .header a.print, .moduleContentNew .header a.email { position: absolute; right: 5px; top: 35px; } .moduleContentNew .header a.email { right: 35px; } .moduleContentNew #findFacilityButton { display: block; margin: 15px auto; width: 15em; } .moduleContentNew a.return { margin-right: 12px; } .moduleContentNew .header.maxWidth370px h1 { margin-right: 0; } .moduleContentNew .header.maxWidth370px .buttonHolder { margin: .5em 0; position: static; } /* Facilities */ .moduleContentNew .facility { font-size: 9pt; padding: 15px 10px 15px 10px; position: relative; z-index: 1; } .moduleContentNew .searchResults.minWidth360px .facility { padding-top: 35px; padding-left: 200px; } .moduleContentNew .searchResults.minWidth640px .facility { padding-left: 190px; } .moduleContentNew .facility .liveEditControl { left: 0; top: 18px; z-index: 3; } .moduleContentNew .facility h3 { line-height: 1.2; margin: 0px 0px 5px; } .moduleContentNew .facility h3 a { font-weight: bold; line-height: 1; } .moduleContentNew .facility .adr a { text-decoration: none; } .moduleContentNew .facility .adr .street-address { display: block; } .moduleContentNew .facility a.thumb { border: 1px solid #9d9d9d; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; display: block; margin-bottom: 10px; padding: 7px; position: relative; text-align: center; width: 150px; z-index: 1; } .moduleContentNew .searchResults.minWidth360px .facility a.thumb { left: 10px; margin: 0; position: absolute; top: 25px; } .moduleContentLegacy .facility a.thumb { width: 114px; } .moduleContentNew .facility a.thumb img { max-height: 100px; max-width: 150px; } .moduleContentLegacy .facility a.thumb img { max-height: 67px; max-width: 100px; } /* END Facilities */ /* Featured */ .moduleContentNew .featured h2 { font-weight: normal; margin-top: 15px; padding-left: 4px; text-transform: uppercase; } .moduleContentNew .featured .carousel { border-style: solid none; border-width: 3px; overflow: hidden; padding: 20px 25px; position: relative; text-align: center; } .moduleContentNew .featured .facility { background: #fff; border: 1px solid #9d9d9d; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; cursor: pointer; display: inline-block; height: 290px; margin: 0px 6px; min-width: 185px; padding: 12px 0px 12px; text-align: center; vertical-align: top; width: 30% } .moduleContentNew .featured .facility .liveEditControl { left: 50%; margin-left: -96px; top: 8px; } .moduleContentNew .featured .facility h3 { line-height: 1.1; margin: 0px auto 12px; text-align: left; width: 164px; } .moduleContentNew .featured .facility a.thumb { display: block; margin: 0px auto; position: static; width: 150px; } .moduleContentNew .featured .facility .adr { margin: 6px auto 0px; text-align: left; width: 164px; } .moduleContentNew .featured .facility .feat { margin: 6px auto 0px; text-align: left; width: 164px; } .moduleContentNew .featured .carousel a.arrow { margin-top: -13px; position: absolute; top: 50%; } .moduleContentNew .featured .carousel a.prev { left: 0px; } .moduleContentNew .featured .carousel a.next { right: 0px; } /* END Featured */ /* Module Overview */ .moduleContentNew.moduleOverview .contentMain { margin-left: 0; } /* Ugly .moduleContentNew.moduleOverview .overview > div > div { float: left; margin: 0 25px 0 10px; min-height: 200px; text-align: center; } .moduleContentNew.moduleOverview .overview > div { clear: both; margin-bottom: 20px; } .moduleContentNew.moduleOverview .overview .share { margin-left: 10px; }*/ .moduleContentNew.moduleOverview .overview > div { display: block; float: none; padding: 1em 1em 0; width: auto; } .moduleOverview.minWidth583px .overview > div { display: inline-block; float: left; padding: 1em 1em 0; width: 28%; } .moduleOverview.minWidth583px .overview .accountPerks, .moduleOverview.minWidth583px .overview .buttons { display: block; clear: both; width: 93%; } .moduleContentNew.moduleOverview .overview > div > img { border: 1px solid #DAD8CF; width: 100%; } .moduleContentNew.moduleOverview .accountPerks ul li { margin-bottom: .5em; } .moduleContentNew.moduleOverview .subFeature { font-weight: bold; } .moduleContentNew.moduleOverview .overview .buttons { margin: 20px 0; } .moduleContentNew.moduleOverview .overview .buttons a { margin-right: 10px; } /* Facility Listing */ .moduleContentNew.results .sidebar { width: 210px; } .moduleContentNew.results .contentMain { margin-left: 225px; } .moduleContentNew .results { margin: 0px 5px 0px 0px; padding-top: 5px; position: relative; } .moduleContentNew .sidebar .optionsSelected { text-align: center; position: relative; top: 3px; font-style: italic; } .moduleContentNew .searchResults { background-color: #FFF; border: 1px solid #DAD8CF; border-radius: 0 5px 5px 5px; margin: 37px 0; padding: 0; position: relative; } .minWidth515px .searchResults { float: left; width: 100%; } .moduleContentNew .searchResults > .listing.results { margin: 0; padding: 0; } .moduleContentNew .searchResults.none { border: 0; font-size: 12pt; } .moduleContentNew .searchResults .listing.none { font-size: 10pt; padding: 15px 20px; } .moduleContentNew .tabs.searchCriteria { float: inherit; overflow: hidden; } .moduleContentNew .searchResults .tabs { bottom: 100%; left: 0; overflow: hidden; position: absolute; right: auto; top: auto; } .moduleContentNew .searchResults #mapResult { background-color: #FFF; border-radius: 0 0 3px 3px; /*padding: 1px 10px 25px;*/ } .moduleContentNew .searchResults .map .infoWindowContent h3 { margin: 0 0 5px; } .moduleContentNew .searchResults .map .infoWindowContent .email, .moduleContentNew .results .facility .adr .email { background: url('../../../../Common/Images/NotifyMeIconSmall-2.png') no-repeat; padding-left: 20px; } .moduleContentNew .sidebar .section.address .email { background: url('../../../../Common/Images/NotifyMeIconLightSmall.png') no-repeat; padding-left: 20px; } .moduleContentNew .searchResults .map .infoWindowContent > div > .address, .moduleContentNew .searchResults .map .infoWindowContent > div > a:first-child, .moduleContentNew .searchResults .map .clusteredInfoWindowContent > div > .address, .moduleContentNew .searchResults .map .clusteredInfoWindowContent > div > a:first-child { float: left; margin-bottom: 4px; height: 100px; text-align: center; width: 150px; } .moduleContentNew .searchResults .map .infoWindowContent > div > a img, .moduleContentNew .searchResults .map .clusteredInfoWindowContent > div > a img { max-height: 100%; max-width: 100%; } .moduleContentNew .searchResults .map .infoWindowContent > div > .address, .moduleContentNew .searchResults .map .clusteredInfoWindowContent > div > .address { margin: 0 0 0 5px; max-width: 180px; text-align: left; } .moduleContentNew .searchResults .map .infoWindowContent > div > .address p, .moduleContentNew .searchResults .map .clusteredInfoWindowContent > div > .address p { margin: 0 0 6px 5px; padding: 0; } .moduleContentNew .searchResults .map .infoWindowContent > div > a, .moduleContentNew .searchResults .map .clusteredInfoWindowContent > div > a { clear: left; display: block; padding-top: 5px; } .moduleContentNew .searchResults .map .facilitySwitcher { clear: both; left: 45px; position: relative; top: 5px; width: 150px; } .moduleContentNew .searchResults .map .infoWindowContent .address .available { color: inherit; font-size: 8pt; } .moduleContentNew .searchResults #mapResult > div, .moduleContentNew .searchResults .map > img { /*border-style: solid; border-width: 2px; margin: -5px -2px -2px;*/ top: 15px; width: 100% !important; } .moduleContentNew .searchResults #mapResult #map_canvas { top: 0; } .moduleContentNew .searchResults .map .esriInDaHizzouse { /*border: 2px solid darkgray;*/ /*border-radius: 2px;*/ overflow: visible; } .moduleContentNew .searchResults .map .esriInDaHizzouse .infoWindowContent > div > .address, .moduleContentNew .searchResults .map .esriInDaHizzouse .clusteredInfoWindowContent > div > .address { max-width: 160px; } #bodyWrapper .map .layerTile { max-width: none; } .t-picker-wrap .t-select, .t-dropdown-wrap .t-select { right: auto; } .moduleContentNew .results h2 { border-style: none none solid; border-bottom-width: 3px; font-weight: normal; margin-bottom: 0px; padding: 0px 0px 3px 5px; text-transform: uppercase; } .moduleContentNew .results .sort { font-size: 8pt; font-weight: bold; position: relative; z-index: 20; } .moduleContentNew .searchResults.minWidth525px .sort { position: absolute; right: .5em; top: 1em; } .moduleContentNew .results .sort:first-of-type:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } .moduleContentNew .results .optionsBar { /*border-bottom: 1px solid #DAD8CF;*/ height: auto; padding: 10px; } .moduleContentNew .searchResults.minWidth525px .optionsBar { height: 3em; padding: 0; } .moduleContentNew .results .optionsBar > div { margin-bottom: 10px; } .moduleContentNew .searchResults.minWidth525px .optionsBar > div { left: .5em; margin: 0; position: absolute; top: .75em; } .moduleContentNew .results .facility { border-style: solid none none; border-top-width: 1px; border-color: #DAD8CF; overflow: hidden; } .moduleContentNew .searchResults.minWidth485px .facility { min-height: 116px; padding-right: 10.5em; } .moduleContentNew .results .facility:first-of-type { border-top: none; /*margin-top: 9px; min-height: 124px; overflow: visible;*/ } /*.moduleContentNew .results .facility:first-of-type .adr p + p { margin-bottom: 16px; }*/ /*.moduleContentNew .results .facility:first-of-type a.thumb { top: 0; } .moduleContentNew .results .facility:first-of-type .available { top: 15px; }*/ .moduleContentNew .results .facility.hasRating { padding-bottom: 30px; padding-top: 25px; } .moduleContentNew .searchResults.minWidth360px .facility.hasRating a.thumb { top: 15px; } .moduleContentNew .results .facility.hasRating .ratingContainer { bottom: 10px; left: 35px; position: absolute; } .moduleContentLegacy .results .facility.hasRating .ratingContainer { bottom: 13px; left: 12px; } .moduleContentNew .results .facility .marker { background: url(../../../../Common/Images/MarkerBlank.html) no-repeat left top; color: #fff; left: 8px; padding: 5px 3px 5px 0px; position: absolute; text-align: center; top: 101px; width: 26px; z-index: 2; } .moduleContentNew .results .facility .adr, .moduleContentNew .results .facility .feat { margin-bottom: 10px; } .moduleContentNew .results .facility .feat { margin-left: 2em; } .moduleContentNew .searchResults.minWidth360px .facility .feat { margin-left: 0; } .moduleContentNew .searchResults.minWidth640px .facility .adr, .moduleContentNew .searchResults.minWidth640px .facility .feat { float: left; margin: 0; width: 43.5%; } .moduleContentNew .searchResults.minWidth640px .facility .adr { padding-right: 25px; } .moduleContentNew .results .facility .feat > ul { margin-left: 0; min-height: 48px; } .moduleContentNew .results .facility .available { font-size: 0.75em; text-align: left; } .moduleContentNew .searchResults.minWidth360px .facility .available { left: 10px; position: absolute; top: 150px; width: 13em; } .moduleContentNew .searchResults.minWidth485px .facility .available { left: auto; right: 15px; top: 40px; } .moduleContentNew .results .facility .available > p:first-child { margin-top: 10px; } .moduleContentNew .results .facility .available > p { color: #782110; margin: 0; } .moduleContentNew .results .facility .available .listingOccupants { margin-top: 10px; color: inherit; } /* .moduleContentNew .results .pagination { border-style: solid none none; border-top-width: 3px; margin: 0px; padding-top: 5px; } */ .moduleContentNew .paginationContainer { display: flex; padding: 5px; border-style: solid none none; border-width: 1px; flex-direction: column; gap: 10px; text-align: center; } .newCP .searchResults.minWidth525px .paginationContainer { flex-direction: row; } .moduleContentNew .pagination { flex: 1; padding: 0; border: none; } .moduleContentNew .pagination strong { border: 1px solid transparent; font-size: 1em; line-height: 1; margin: auto; padding: 3px 5px; text-decoration: none; vertical-align: middle; } .moduleContentNew .pagination a, .moduleContentNew .pagination span { line-height: 1; padding: 3px 5px; } .newCP .perPage { font-weight: normal; font-size: 8pt !important; position: relative; right: inherit; bottom: inherit; padding: 3px 5px; } /* END Facility Listing */ /* Filters */ /*.moduleContentNew .sidebar h3 { border-style: none none solid; border-bottom-width: 3px; font-size: 11pt; margin-bottom: 3px; padding-bottom: 0px; }*/ .moduleContentNew .sidebar .section.onTop { max-width: 250px; } .moduleContentNew .sidebar .formline > label { font-size: 9pt; font-weight: bold; } .moduleContentNew .sidebar .formline .date label, .moduleContentNew .sidebar .formline.times > div label { font-weight: normal; } .moduleContentNew.detail .sidebar .adr span { line-height: 1.4; } .moduleContentNew .facilitiesMegaMenuContainer { margin-top: 5px; position: relative; z-index: 1; } .moduleContentNew .megaMenuContainer .button { display: block; } .moduleContentNew .facilitiesMegaMenuContainer .button > span { padding-left: 28px; text-align: left; } .moduleContentNew .sidebar .facilitiesMegaMenuContainer .button > span { padding-left: 8px; text-align: center; } .moduleContentNew .sidebar .button.getDirections { margin-top: 10px; } .moduleContentNew .facilitiesMegaMenuContainer .button.getDirections > span { padding-left: 8px; width: auto; } .moduleContentNew .megaMenu { background: url(../../../../Common/images/MegaMenu500TopBkg.png) left top no-repeat; left: -1px; padding: 10px 0px 0px; position: absolute; top: 35px; width: 250px; } .minWidth515px .megaMenu { padding-top: 14px; width: 505px; } .moduleContentNew .megaMenu input[type="checkbox"] { position: static; } .moduleContentNew .megaMenuInner { background: #fff; border: 1px solid #C7C6BB; border-top: 0; border-radius: 5px; box-shadow: 2px 2px 2px rgba(0,0,0,.1); overflow: hidden; padding: 0px 15px 14px 10px; } .minWidth515px .megaMenuInner { background: url(../../../../Common/images/MegaMenu500BottomBkg.png) left bottom no-repeat; border: 0; border-radius: 0; box-shadow: none; } .moduleContentNew .calendar .megaMenuInner { position: relative; } .moduleContentNew .megaMenuInner > div { max-height: 336px; overflow: auto; } .moduleContentNew .sidebar .megaMenuInner { min-height: 120px; position: relative; } .moduleContentNew .megaMenu h3 { border-bottom: 1px solid #d9d9cd; color: #838356; font-size: 8pt; font-weight: bold; margin: 0 0 6px; padding: 0 25px 4px 0; } .moduleContentNew.detail .megaMenu h3 { border-width: 1px; font-size: 8pt; margin: 0; padding: 5px 0; } .moduleContentNew .megaMenu ol { list-style: none; margin-right: 3%; } .minWidth515px .megaMenu ol { float: left; width: 30%; } .minWidth515px .megaMenu.facilityTypes ol { width: 46%; } /* Removed because there are no longer 'subcategories' .moduleContentNew .sidebar .megaMenu.facilityTypes li { margin-left: 20px; } */ .moduleContentNew .megaMenu .all { float: none; width: 100%; } .moduleContentNew .megaMenu.facilityTypes li.category, .moduleContentNew .megaMenu.facilityTypes li:first-of-type, .moduleContentNew .megaMenu .all li { margin-left: 0; } .moduleContentNew .megaMenu li label { word-wrap: break-word; } .moduleContentNew .megaMenu .close { display: block; position: absolute; right: 14px; top: 0; } .moduleContentNew .sidebar input[type="text"] { padding: 2px 0 2px 3px; } /*.newCP .t-datepicker { width: 8em; }*/ .newCP .sidebar .t-datepicker, .newCP .sidebar .t-timepicker { width: 8em; } .newCP .formline > div .date input[type="text"], .newCP .onTop .formline > div .date input[type="text"] { width: 100%; } .moduleContentNew .sidebar .section .formline .date input[type="text"] { float: none; } .moduleContentNew .sidebar .date label > span, .moduleContentNew .sidebar .times div > label { display: inline-block; width: 3em; } .moduleContentNew .sidebar .times input[type="text"] { display: inline-block; } .moduleContentNew .sidebar div.priceRange input[type="text"] { display: inline-block; margin: 0 7px 0 3px; width: 3.8em; } .moduleContentNew .sidebar div.priceRange input[type="text"] + input { margin-left: 7px; margin-top: 0; } .moduleContentNew .sidebar div.priceRange select { margin: 5px 4px 0; } .moduleContentNew .sidebar div.capacity input[type="text"] { width: 50%; } .moduleContentNew .sidebar div.reservable { margin: 5px 0; padding: 0; } .moduleContentNew .sidebar div.reservable .check input { left: 0; position: absolute; bottom: 0; } .moduleContentNew .sidebar div.reservable .check { color: inherit; font-size: inherit; font-weight: inherit; padding-left: 17px; } .moduleContentNew .sidebar .reserveDetails { float: left; margin: 10px 0px 0px; padding: 10px; } .moduleContentNew .sidebar .reserveDetails > div .date, .moduleContentNew .sidebar .reserveDetails > div .date + span { display: inline-block; float: none; } .moduleContentNew .sidebar .reserveDetails .date > label { font-weight: bold; } .moduleContentNew .sidebar .reserveDetails > div .date input[type="text"] { float: none; } .moduleContentNew .sidebar .reserveDetails > div .date a { vertical-align: top; } .moduleContentNew .sidebar .reserveDetails > div > label { display: inline-block; font-weight: bold; margin: 0px; } .moduleContentNew .sidebar .reserveDetails .date + label { margin-left: 25px; } .moduleContentNew .sidebar .reserveDetails label input[type="text"] { font-weight: normal; width: 70px; } .moduleContentNew .saveSearch { display: inline-block; margin: 10px 0 5px; } .moduleContentNew .sidebar .section.savedSearches li { padding-right: 18px; position: relative; } .moduleContentNew .sidebar .section.savedSearches li .close { opacity: 0; position: absolute; right: 0; top: -1px; -webkit-transition: 100ms; -moz-transition: 100ms; -ms-transition: 100ms; -o-transition: 100ms; transition: 100ms; } .moduleContentNew .sidebar .section.savedSearches li:hover .close { opacity: 100; } /* END Filters */ /* Mini map */ .moduleContentNew .slider { float: right; margin-top: .7em; position: relative; width: 230px; } .moduleContentNew .sticky > p { margin: 0px 5px 3px; text-align: right; } .moduleContentNew .sticky { margin-top: .5em; position: absolute; top: 0px; } .moduleContentNew .sticky.fixed { position: fixed; top: 0px; } .moduleContentNew .sticky > p { margin: 0px 5px 3px; text-align: right; } .moduleContentNew .sticky .map { padding: 10px; } .moduleContentNew .sticky .mapInner { outline: 1px solid #fff; } /* END Mini map */ /* END Facility Listings */ /* F A C I L I T Y D E T A I L ============================================================ */ .moduleContentNew.detail .sidebar { float: none; width: auto; } .moduleContentNew.detail.minWidth583px .sidebar { float: right; margin-top: 0px; margin-left: 5px; width: 248px; } .moduleContentNew.detail .contentMain { margin: 15px 0 0; } .moduleContentNew.detail.minWidth583px .contentMain { margin-top: 0; margin-right: 258px; } .moduleContentNew.detail h2:not(.subhead1), .moduleContentNew.detail h3:not(.subhead2), .moduleContentNew.detail h4, .moduleContentNew.detail h5 { border-style: none none solid; border-width: 3px; font-weight: bold; /*text-transform: uppercase;*/ } .moduleContentNew.detail h2:not(.subhead1) { border-width: 1px; border-style: none none solid; line-height: 1.2; margin: -15px 0px 5px; padding: 0px 5px 5px 0px; text-transform: none; } .moduleContentNew.detail .details.maxWidth550px { max-width: 100%; } .moduleContentNew.detail .details.minWidth520px h2:not(.subhead1) { padding-right: 280px; } .moduleContentNew.detail h3:not(.subhead2) { clear: left; margin-top: 12px; } .moduleContentNew.detail .sidebar h3 { border: none; font-weight: bold; text-transform: none; } .moduleContentNew.detail dt { font-weight: bold; margin-bottom: 5px; } .moduleContentNew.detail .hours dt { float: left; width: 40%; } .moduleContentNew.detail dd { margin: 0px 0px 5px 0; } .moduleContentNew.detail .details { float: left; padding-bottom: 52px; position: relative; width: 97%; } .moduleContentNew.detail .details .liveEditControl { left: -13px; top: 11px; } .moduleContentNew.detail .details h2 { margin: .5em 0; } .moduleContentNew.detail .details .infoTable { margin: 0; width: calc(100% - 20px); } .moduleContentNew.detail .details.minWidth520px .infoTable, .moduleContentNew.detail .details.minWidth520px h4 { margin-left: 348px; } .moduleContentNew.detail .details.minWidth520px .infoTable { width: calc(100% - 348px); } .moduleContentNew.detail .details .infoTable td { border-top: 1px solid transparent; border-color: rgba(255,255,255,.25); display: block; padding: 5px 10px; vertical-align: top; word-wrap: break-word; width: 100%; } .moduleContentNew.detail .details.minWidth340px:not(.minWidth520px) .infoTable { width: 100%; } .moduleContentNew.detail .details.minWidth340px:not(.minWidth520px) .infoTable td { display: table-cell; } .moduleContentNew.detail .details .infoTable td a.fileType { max-width: 90%; } .moduleContentNew.detail .details .infoTable tr:first-child > td { border-top: none; } .moduleContentNew.detail .details.minWidth340px:not(.minWidth520px) .infoTable tr > td:first-child { width: 43%; } .moduleContentNew.detail .details .infoTable .cost > td:first-child { white-space: nowrap; } .moduleContentNew.detail .details .infoTable .cost td, .moduleContentNew.detail .details .infoTable tr > td:first-child { font-weight: bold; margin-top: 0; } .moduleContentNew.detail .details .infoTable .cost td { border: none; } .moduleContentNew.detail .details .infoTable .cost td > p { font-weight: normal; } .moduleContentNew.detail .details.minWidth675px .infoTable .cost td, .moduleContentNew.detail .details.minWidth675px .infoTable tr > td { display: table-cell; width: auto; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .moduleContentNew.detail .details.minWidth520px .infoTable { margin-left: 0; } } .moduleContentNew.detail .details h4 { margin-bottom: 5px; padding-top: 20px; /*text-transform: uppercase;*/ } .moduleContentNew.detail .details dl + h4 { border-style: solid; border-width: 1px 0px 3px; } .moduleContentNew.detail .details > ol { list-style: disc; padding: 0px; } .moduleContentNew.detail .details.minWidth520px ol { margin-left: 368px; } .moduleContentNew.detail .details .premiumFeature { color: #6C4F31; font-size: 8pt; margin-left: 7px; } .moduleContentNew.detail .details h2 + .parentFacility { font-size: .85em; } .moduleContentNew.detail .details .media { clear: left; float: left; margin: 0 10px 20px 0; max-width: 340px; width: 49%; } .moduleContentNew.detail .details.minWidth520px .media { margin: 0 0 20px; width: 332px; } .moduleContentNew.detail .details.maxWidth550px .media { width: 100%; } .moduleContentNew.detail .details.maxWidth550px .media > img { max-width: 100%; } .moduleContentNew.detail .details .media .video { border-style: solid none none; /*border-width: 1px;*/ margin: 0 9px 0 0; padding-top: 12px; } .moduleContentNew.detail .details .media .video > a { display: inline-block; height: 60px; overflow: hidden; width: 121px; } .moduleContentNew.detail .details .media .share { margin: 10px 0 0; } .moduleContentNew.detail .share .button > span { padding-bottom: 7px; } /* old slideshow .moduleContentNew.detail .details .media .photo { position: relative; }*/ /*.moduleContentNew.detail .details .media .photo a.img,*/ .moduleContentNew.detail .rooms > li a.img { /* background: #fff; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; -moz-box-shadow: 0px 1px 4px rgba(0,0,0,.3); -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.3); box-shadow: 0px 1px 4px rgba(0,0,0,.3); padding: 8px; */ /*background: url(/Common/Images/RealEstateLocator/PhotoBkgBottom.png) no-repeat left bottom;*/ display: block; padding-bottom: 5px; } /*.moduleContentNew.detail .details .media .photo .img > img,*/ .moduleContentNew.detail .rooms > li .img > img { /*background: url(/Common/Images/RealEstateLocator/PhotoBkgTop.png) no-repeat left top;*/ background: #fff; box-shadow: 1px 2px 5px rgba(0,0,0,.4); padding: 5px; } /*.moduleContentNew.detail .details .media .photo .arrow { display: none; left: 10px; margin-top: -10px; position: absolute; top: 50%; -moz-transition: .2s; -webkit-transition: .2s; } .moduleContentNew.detail .details .media .photo .arrow.next { left: auto; right: 10px; } .moduleContentNew.detail .details .media .photo:hover .arrow { display: block; }*/ /*.moduleContentNew.detail .details .media ol { list-style: none; margin: 10px 0px 0px; width: 341px; }*/ /*.moduleContentNew.detail .details .media li { float: left; margin: 0px 5px 12px 5px; }*/ /* .moduleContentNew.detail .details .media ol.userSubmitted li { } .moduleContentNew.detail .details .media ol.userSubmitted a { padding: 3px; } .moduleContentNew.detail .details .media ol.userSubmitted img { width: 40px; height: 40px; }*/ .moduleContentNew.detail .details .media > h4 { border-top: 0; margin: 0 10px; padding-top: 5px; position: relative; } .moduleContentNew.detail .details .media h4 > a { font-size: 8pt; position: absolute; right: 0; text-transform: none; text-decoration: none; } .moduleContentNew.detail .details .media h4 > a:hover, .moduleContentNew.detail .details .media h4 > a:focus { text-decoration: underline; } .moduleContentNew.detail .details .media li.last { margin-right: 0px; } /* Out of date. .moduleContentNew.detail .details .media li a { background: #fff; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; -moz-box-shadow: 0px 1px 4px rgba(0,0,0,.3); -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.3); box-shadow: 0px 1px 4px rgba(0,0,0,.3); display: block; padding: 4px; /* These were severely lagging. It looks fine without them, too. -moz-transition: .1s; -webkit-transition: .1s; */ /*}*/ /* Out of date. .moduleContentNew.detail .details .media li a:hover, .moduleContentNew.detail .details .media li a:focus { -moz-box-shadow: 0px 3px 8px rgba(0,0,0,.4); -webkit-box-shadow: 0px 3px 8px rgba(0,0,0,.4); box-shadow: 0px 3px 8px rgba(0,0,0,.5); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .moduleContentNew.detail .details .media h3 { border-style: solid none none; border-width: 1px; font-size: 12pt; font-weight: bold; padding: 8px 0px; text-transform: none; } */ /*.moduleContentNew.detail .media .cpSlideshow { max-height: 290px; }*/ .moduleContentNew.detail .media .cpSlideshow .cpSlider { height: 230px; margin: 0 0 5px 0; } .moduleContentNew.detail .media .cpSlideshow .cpSlider > li { text-align: left; } .moduleContentNew.detail .media .cpSlideshow .cpSlider > li img { max-height: 100%; } .moduleContentNew.detail .media .cpSlideshow .cpSlider h4 { border: none; font-weight: normal; margin: 0; padding: 0; } .moduleContentNew.detail .media .cpSlideshow ol { list-style: none; margin: 0; } .moduleContentNew.detail .media .cpSlideshow .overlay { bottom: 3px; text-align: left; text-shadow: 1px 1px 1px rgba(0,0,0,0.7); } .moduleContentNew.detail .media .cpSlideshow .overlay h4 { color: white; font-weight: bold; } .moduleContentNew.detail .media .cpSlideshow .pager { margin-top: 5px; } .moduleContentNew.detail .media .cpSlider { list-style: none; margin: 0; } .moduleContentNew.detail .details + h3, .moduleContentNew.detail .editorContent { width: 97%; } .moduleContentNew.detail .editorContent { clear: both; margin-top: 20px; } .moduleContentNew.detail .editorContent ol { margin: 0 0 6px 35px !important; } .moduleContentNew.detail h3.areas { margin-bottom: 0; padding: 19px 0 4px; width: 97%; } .moduleContentNew.detail h3.areas > input { margin: 2px 10px 0 10px; vertical-align: text-top; } .moduleContentNew.detail .rooms { /*background-color: #F7F4EF; Add to homesite.template.css */ list-style: none; margin: 0; width: 97%; } .moduleContentNew.detail .rooms > li { border-bottom-width: 1px; border-bottom-style: solid; padding-right: 7.5em; position: relative; } .moduleContentNew.detail .rooms > li.open { padding-bottom: 15px; } .moduleContentNew.detail .rooms > li > h4 { border: 0; font-weight: normal; padding: 8px 0; text-transform: none; } .moduleContentNew.detail .rooms > li > h4 > span { margin: 0 5px 0 10px; cursor: pointer; } .moduleContentNew.detail .rooms > li > h4 > input { margin: 2px 5px 0 10px; vertical-align: text-top; } .moduleContentNew.detail .rooms > li > h4 > a { color: inherit; position: relative; top: -2px; } .moduleContentNew.detail .rooms > li > h4 > a, .moduleContentNew.detail .rooms > li .viewRoom { text-decoration: none; } .moduleContentNew.detail .rooms > li .viewRoom { font-size: .85em; position: absolute; right: 10px; top: 10px; } .moduleContentNew.detail .rooms > li .viewRoom:hover, .moduleContentNew.detail .rooms > li .viewRoom:focus { text-decoration: underline; } .moduleContentNew.detail .rooms .roomDetail { margin-left: 33px; } .moduleContentNew.detail .rooms .roomDetail h5 { margin-bottom: 3px; } .moduleContentNew.detail .rooms .roomDetail.minWidth500px .previewPane { max-width: 31.5%; } .moduleContentNew.detail .rooms .roomDetail .previewPane img { width: 100%; max-width: 340px; } .moduleContentNew.detail .rooms .roomDetail .img, .moduleContentNew.detail .rooms .roomDetail > div { margin-bottom: 15px; } .moduleContentNew.detail .rooms .roomDetail .img { width: 92%; } .moduleContentNew.detail .rooms .roomDetail.minWidth500px .img, .moduleContentNew.detail .rooms .roomDetail.minWidth500px > div { float: left; margin-bottom: 0; } .moduleContentNew.detail .rooms .roomDetail .rating { clear: both; padding: 5px 10px 0; } .moduleContentNew.detail .rooms .roomDetail .rating .ratingFull { visibility: visible; } .moduleContentNew.detail .rooms .roomDetail.minWidth500px .hours, .moduleContentNew.detail .rooms .roomDetail.minWidth500px .features { margin-left: 20px; width: 32%; } .moduleContentNew.detail .rooms .roomDetail.minWidth500px .features { width: 26%; } .moduleContentNew.detail .rooms .features ol { list-style: disc; margin: 0 15px 0; } /* If there are no photos or video, add class "noMedia" to div.details */ .moduleContentNew.detail .noMedia dl { margin-left: 0px; } .moduleContentNew.detail .availability { clear: both; z-index: 2; } .moduleContentNew.detail .details .reserve, .moduleContentNew.detail .availability .calendar .date { position: absolute; bottom: 0; left: 0; } .moduleContentNew.detail .details.minWidth520px .reserve, .moduleContentNew.detail .availability .calendar .date { bottom: auto; left: auto; position: absolute; right: 0px; top: .5em; } .moduleContentNew.detail .details .reserve > p, .moduleContentNew.detail .details .reserve > a { display: inline-block; margin-left: 5px; vertical-align: top; } .moduleContentNew.detail .megaMenu .legendBox { border-width: 1px; border-style: solid; display: inline-block; height: .95em; margin: 0 4px 0 0; vertical-align: top; width: 1.25em; } .moduleContentNew.detail .megaMenu .facilityLabel { display: inline-block; margin: 0; max-width: 79%; } /* Availability Calendar */ .moduleContentNew .availability .megaMenu { top: 22px; } .moduleContentNew .availability .calendar .megaMenuInner > div > ol { float: left; } .moduleContentNew .availability .megaMenuContainer { margin: 0; } .moduleContentNew .availability .megaMenu ol { width: 45%; } .moduleContentNew.detail .availability { position: relative; } .moduleContentNew.detail .availability > h3 { border: none; margin-bottom: 10px; } .moduleContentNew.detail .calendar { background: url(../../../../Common/Images/WhiteBarBkgLeft.png) no-repeat left top; padding-top: 33px; position: relative; } .moduleContentNew.detail .availability .calendar > .calHeader { background: url(../../../../Common/Images/WhiteBarBkgRight.png) no-repeat right top; height: 26px; left: 7px; margin: 0px; padding-top: 7px; position: absolute; right: 0px; text-align: center; top: 0px; } .moduleContentNew.detail .availability .calendar a { display: inline-block; margin: 0px 5px; vertical-align: middle; } .moduleContentNew.detail .availability .calendar .t-datepicker { display: inline-block; margin: 0px 5px; vertical-align: middle; width: auto; } .moduleContentNew.detail .availability .calendar .t-picker-wrap { width: 0; padding-right: 20px; } .moduleContentNew.detail .availability .calendar .t-picker-wrap > input { visibility: hidden; } .moduleContentNew.detail .availability .calendar .reserve, .moduleContentNew.detail .availability .calendar .date { position: absolute; right: 10px; top: 6px; } .moduleContentNew.detail .availability .calendar .reserve { /*background: url(../../../../Common/images/Facilities2/MakeReservation.png) no-repeat left top;*/ color: #333; left: 10px; /*padding-left: 20px;*/ right: auto; text-decoration: none; } .moduleContentNew.detail .calendar h4 { border: none; height: 12px; margin: 0px; padding: 12px 1px 10px; text-align: center; text-transform: none; width: 100%; } .moduleContentNew.detail .calendar.fullDay h4 { padding-top: 5px; } .moduleContentNew.detail .calendar .day h4 { position: relative; right: 1px; } .moduleContentNew.detail .calendar .day h4 strong { font-weight: bold; } .moduleContentNew.detail .calendar .times, .moduleContentNew.detail .calendar .day { border-style: none solid none none; border-width: 1px; float: left; font-size: 8pt; margin-bottom: 15px; position: relative; } .moduleContentNew.detail .calendar .times { width: 8.1%; } .moduleContentNew.detail .calendar .times h4 { text-indent: -9999px; } .moduleContentNew.detail .calendar .time { display: block; font-size: 7pt; height: 1em; margin-top: -.7em; right: 10px; position: absolute; text-align: right; /* border-top: 1px solid #ccc;*/ } .moduleContentNew.detail .calendar .day { width: 13%; /* background-image: url(../../../../tempbkg.png); background-position: left 10px; background-repeat: repeat;*/ } .moduleContentNew.detail .calendar .closed { background: url(../../../../Common/Images/Facilities2/ClosedBkg.png) repeat left top; left: 0%; margin: 0px; position: absolute; text-indent: -9999px; width: 100%; } .moduleContentNew.detail .calendar .event { border-style: solid none; border-width: 1px; left: 0px; margin: 0px; overflow: hidden; padding: 6px 5%; position: absolute; width: 90%; /* left: 2%; width: 84%; */ } .moduleContentNew.detail .calendar .event.multiple .eventDetails { display: none; } .moduleContentNew.detail .calendar .event.multiple > .innerEvent { right: 0; opacity: .5; /*padding: 6px 5%;*/ position: absolute; top: 0; } .moduleContentNew.detail .calendar .event.multiple > .innerEvent > .innerEvent { background-color: #A67034; border-right: 1px solid lightGray; float: right; width: 6px; } .moduleContentNew.detail .calendar .event.multiple > .innerEvent > .innerEvent:first-child { border-right: none; } /* Attempt 1 Backup .moduleContentNew.detail .calendar .event.multiple .innerEvent { background: purple; border: 1px solid gray; left: 0; opacity: .5; padding: 6px 5%; position: absolute; top: 0; width: 91%; } .moduleContentNew.detail .calendar .event.multiple .innerEvent > .innerEvent { width: 83%; } .moduleContentNew.detail .calendar .event.multiple h5 { position: absolute; } */ .moduleContentNew.detail .calendar .event .eventDetails { position: absolute; right: 0px; top: 5px; } .moduleContentNew.detail .calendar .event.multiple .eventDetails { opacity: .7; } .moduleContentNew.detail .calendar .event > p + a, .moduleContentNew.detail .calendar .event > a + a { margin-top: 10px; margin-left: 0px; } .moduleContentNew.detail .calendar .event h5 { border-width: 0; font-weight: bold; line-height: 1; margin-bottom: 3px; margin-right: 18px; padding: 0 0 2px 0; } .moduleContentNew.detail .calendar .event p { font-size: 7pt; line-height: 1; margin: 0px; } .moduleContentNew.detail .availability .reserve { position: absolute; left: 0px; top: 40px; z-index: 2; } /* NEW CAL */ .moduleContentNew.detail #calendar.fc { border: 1px solid darkGray; /* Make SiteSpecific */ border-top: 1px solid #c8c8c8 !important; background-color: rgb(245,245,245); /* Make SiteSpecific */ margin: 0 1px 25px; } .moduleContentNew.detail #calendar.fc .multipleCalendars .fc-event-content .fc-event-title { color: #444 !important; } .moduleContentNew.detail #calendar.fc .fc-view-month .multipleCalendars .fc-event-title { color: #F0F0F0 !important; } .moduleContentNew.detail #calendar.fc .fc-event-vert .fc-event-content { width: 93%; } .moduleContentNew.detail #calendar.fc .fc-view > div, .moduleContentNew.detail #calendar.fc .fc-header .fc-button.fc-state-active { z-index: 0 !important; } .moduleContentNew.detail .fc-state-default .fc-button-effect span { opacity: .03; } .moduleContentNew.detail #calendar.fc .fc-state-active, .moduleContentNew.detail #calendar.fc .fc-state-active .fc-button-inner { border-color: darkGray; } .moduleContentNew.detail #calendar.fc .fc-view .fc-widget-header, .moduleContentNew.detail #calendar.fc .fc-view thead .fc-widget-header { background-color: rgb(240,240,240); /* Make SiteSpecific */ border: none; border-bottom: 1px solid lightGray; } .moduleContentNew.detail #calendar.fc .fc-other-month { background-color: rgb(240,240,240); } .moduleContentNew.detail #calendar.fc .fc-widget-content { border-right: none !important; } .moduleContentNew.detail #calendar.fc .fc-widget-content.fc-first { border-left: none !important; } .moduleContentNew.detail #calendar.fc .fc-widget-content.fc-last { border-right: none !important; } .moduleContentNew.detail #calendar.fc .fc-header { background-color: rgb(240,240,240); /* Make SiteSpecific */ } .moduleContentNew.detail #calendar.fc .fc-header-left { text-align: left; } .moduleContentNew.detail #calendar.fc .fc-header-center { text-align: center; } .moduleContentNew.detail #calendar.fc .fc-header-right { text-align: right; } .moduleContentNew.detail #calendar.maxWidth675px .fc-header-left, .moduleContentNew.detail #calendar.maxWidth675px .fc-header-right { display: none; } .moduleContentNew.detail #calendar.fc .fc-agenda-slots td { border-top: 1px solid lightGray; } .moduleContentNew.detail #calendar.fc .fc-header td { padding: 10px 10px 0; } .moduleContentNew.detail #calendar.fc .fc-agenda-axis.fc-widget-header { background-color: rgb(240,240,240); border: none; border-right: 1px solid lightGray; } .moduleContentNew.detail #calendar.fc .fc-agenda-slots tr.fc-minor th, .moduleContentNew.detail #calendar.fc .fc-agenda-slots tr.fc-minor td { border-color: lightGray; /* Make SiteSpecific */ border-top-style: solid; } .moduleContentNew.detail #calendar.fc .fc-agenda-slots tr.fc-minor td { border-color: rgb(235,235,235); } .moduleContentNew.detail #calendar.fc .fc-agenda-slots tr.fc-minor th { border-top: none; } .moduleContentNew.detail #calendar.fc .fc-agenda .fc-agenda-axis { border-right: 1px solid lightGray; border-top: 1px solid lightGray; } .moduleContentNew.detail #calendar.fc .fc-agenda .fc-slot0 .fc-agenda-axis, .moduleContentNew.detail #calendar.fc .fc-agenda-slots .fc-slot0 td { border-top: none; } .moduleContentNew.detail #calendar.fc .fc-state-highlight { background-color: rgb(235,235,235); /*border-left: 1px solid lightGray; border-right: 1px solid lightGray;*/ } .moduleContentNew.detail #calendar.fc .fc-button { border: none; border-radius: 5px; } .moduleContentNew.detail #calendar.fc .fc-button-prev .fc-button-content, .moduleContentNew.detail #calendar.fc .fc-button-next .fc-button-content { font-family: arial, helvetica; } .moduleContentNew.detail #calendar.maxWidth375px .fc-button-prev .fc-button-content, .moduleContentNew.detail #calendar.maxWidth375px .fc-button-next .fc-button-content { padding: 0; } .moduleContentNew.detail #calendar.fc .fc-button-inner { border-radius: 5px; border-width: 1px; padding: 1px 5px; } .moduleContentNew.detail #calendar.fc .fc-button.fc-button-month > .fc-button-inner, .moduleContentNew.detail #calendar.fc .fc-button.fc-button-month { border-radius: 5px 0 0 5px; } .moduleContentNew.detail #calendar.fc .fc-button.fc-button-agendaWeek > .fc-button-inner, .moduleContentNew.detail #calendar.fc .fc-button.fc-button-agendaWeek { border-radius: 0; } .moduleContentNew.detail #calendar.fc .fc-button.fc-button-agendaDay > .fc-button-inner, .moduleContentNew.detail #calendar.fc .fc-button.fc-button-agendaDay { border-radius: 0 5px 5px 0; } .moduleContentNew.detail .availability .calendar .date, .moduleContentNew.detail .availability .calendar .date .reserve { left: 0; right: auto; top: 3px; } .moduleContentNew.detail .availability .calendar .date .reserve { float: left; margin-top: 2px; position: static; } .moduleContentNew.detail .availability .calendar .ui-datepicker-trigger { cursor: pointer; float: right; margin-right: 5px; } .moduleContentNew.detail #calendar.fc .fc-header-title h2 { border: none; font-weight: normal; line-height: 1.4; margin: 0; padding: 0 10px 0 0; font-size: 8pt !important; } .moduleContentNew.detail #calendar.maxWidth375px .fc-header-title h2 { font-size: 11pt; } @media screen and (max-width: 600px) { .moduleContentNew.detail #calendar.fc .fc-button, .moduleContentNew.detail #calendar.maxWidth375px .fc-header-title h2, .moduleContentNew.detail #calendar.maxWidth375px .fc-content { font-size: 9.5pt; } } @media screen and (max-width: 400px) { .moduleContentNew.detail #calendar.fc .fc-button, .moduleContentNew.detail #calendar.maxWidth375px .fc-header-title h2 { font-size: 8pt; } } @media screen and (max-width: 340px) { .moduleContentNew.detail #calendar.fc .fc-button, .moduleContentNew.detail #calendar.maxWidth375px .fc-header-title h2, .moduleContentNew.detail #calendar.maxWidth375px .fc-content { font-size: 6.25pt; } } .moduleContentNew.detail #calendar.fc .fc-agenda-days + div .fc-event-skin, .moduleContentNew.detail #calendar.fc .fc-agenda-days + div.fc-event-skin div { border-radius: 5px 5px 0 0; } .moduleContentNew.detail #calendar.fc .fc-event .fc-event-inner { border-style: solid; border-width: 0 1px 1px; } .moduleContentNew.detail #calendar.fc .fc-event.pending { opacity: .8; } .moduleContentNew.detail #calendar.fc .fc-event.pending .fc-event-inner { border-style: dashed; } .moduleContentNew.detail #calendar.fc .fc-event.fc-event-skin.timeBetweenReservation { background: none !important; border: none !important; } .moduleContentNew.detail #calendar.fc .fc-event.fc-event-skin.closed { background: none; border: 1px solid darkGray; border-style: solid none none; margin-top: 1px; } .moduleContentNew.detail #calendar.fc .fc-agenda-days + div .fc-event.fc-event-skin.closed { border-style: solid; } .moduleContentNew.detail #calendar.fc .fc-event.fc-event-skin.closed > div, .moduleContentNew.detail #calendar.fc .fc-event.fc-event-skin.timeBetweenReservation > div { background-color: lightGray; background-image: url(../../../../Common/Images/Facilities2/ClosedBkg.png) !important; border-radius: 0; } .moduleContentNew.detail #calendar.fc .fc-agenda-days + div .fc-event-skin.closed .fc-event-head, .moduleContentNew.detail #calendar.fc .fc-agenda-days + div .fc-event-skin.closed .fc-event-bg, .moduleContentNew.detail #calendar.fc .fc-event.fc-event-skin.timeBetweenReservation > div > div { display: none; } .moduleContentNew.detail #calendar.fc .fc-event.fc-event-skin.closed .fc-event-content, .moduleContentNew.detail #calendar.fc .fc-event.fc-event-skin.timeBetweenReservation > div > div.fc-event-content { color: #1f2c12; background: none !important; border: none !important; display: block; font-size: .85em; text-shadow: 1px 1px rgba(255,255,255,.65); } .moduleContentNew.detail #calendar.fc .fc-event.fc-event-skin.closed.multipleCalendars > div > div.fc-event-content .fc-event-title { color: #FFF !important; } .moduleContentNew.detail #calendar.fc .fc-event.fc-event-skin.closed.multipleCalendars > div > div.fc-event-content { text-shadow: 1px 1px rgba(0,0,0,.65); } .moduleContentNew.detail #calendar.fc .fc-view-month .fc-event.fc-event-skin.closed, .moduleContentNew.detail #calendar.fc .fc-view-month .fc-event.fc-event-skin.timeBetweenReservation { display: none; } .moduleContentNew.detail #calendar.fc .fc-event.fc-event-skin.closed .fc-event-inner { border: none; margin-top: 0; } .moduleContentNew.detail #calendar.fc .fc-event.fc-event-skin.timeBetweenReservation .fc-event-inner { border-color: darkGray; } .moduleContentNew.detail #calendar.fc .fc-agenda-days + div div.fc-event-head { border-radius: 5px 5px 0 0; padding: 4px; } .moduleContentNew.detail #calendar.fc .multipleCalendars div.fc-event-head { color: #FFF; } .moduleContentNew.detail #calendar.fc .fc-event { cursor: pointer; margin-top: 2px; } .moduleContentNew.detail #calendar.fc .fc-event.closed { /*cursor: default;*/ } .moduleContentNew.detail #calendar.fc .fc-event-draggable div.fc-event-head { cursor: move; } .moduleContentNew.detail #calendar.fc .fc-event-content { padding: 1px 4px; } .moduleContentNew.detail .SubCalendarDropDown ol, .moduleContentNew.detail .SubCalendarDropDown ul { margin-left: 0; } .moduleContentNew.detail #calendar.fc .fc-view-month .fc-event-time { margin-right: 5px; } .moduleContentNew.detail #calendar.fc .fc-view-month .fc-border-separate td { border-left: 1px solid lightGray; border-bottom: 1px solid lightGray; } .moduleContentNew.detail #calendar.fc .fc-view-month .fc-border-separate tr.fc-first td { border-right: none; } .moduleContentNew.detail #calendar.fc .fc-view-month .fc-border-separate tr.fc-first td.fc-first { border-left: none; } .moduleContentNew.detail #calendar.fc .fc-view-month .fc-border-separate td.fc-last { border-right: 1px solid lightGray; } .moduleContentNew.detail #calendar.fc .fc-view-month .fc-border-separate tr.fc-last td { border-bottom: none; } .moduleContentNew.detail #calendar.fc .fc-view-month .fc-border-separate tr.fc-last td { border-bottom: none; } .moduleContentNew.detail #calendar.fc .fc-view-month .fc-event-skin, .moduleContentNew.detail #calendar.fc .fc-view-month .fc-event-skin div { border-radius: 5px; font-size: .93em; } .ui-icon, .ui-widget-content .ui-icon { background-image: url(../../../../Assets/Images/ui-icons_222222_256x240.png) !important; } /*END NEWCAL */ .moduleContentNew.detail .sidebar { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .moduleContentNew.detail .sidebar .map { overflow: visible; } .moduleContentNew.detail .sidebar .map .mapInner { border: 1px solid #fff; overflow: hidden; max-width: 100%; width: 218px; /*overflow: visible;*/ } .moduleContentNew.detail .sidebar .map .mapInner #map_canvas_layers { margin-left: 0; } .moduleContentNew.detail .sidebar .directions { margin: 5px 0px 5px; position: relative; text-align: center; } .moduleContentNew.detail .section.map .directions .megaMenuContainer { display: block !important; } .moduleContentNew.detail .sidebar h4 { border: none; font-weight: bold; text-transform: none; } .moduleContentNew.detail .sidebar > h3 { padding-left: 5px; } .moduleContentNew .sidebar h3, .moduleContentNew .sidebar h4 { display: block; margin: 0px; padding: 5px 0px; } .moduleContentNew.detail .sidebar > dl { margin: 5px; } .moduleContentNew.detail .sidebar dt, .moduleContentNew.detail .roomDetail dt { margin: 0px; padding: 3px 0px; width: 100%; } .moduleContentNew.detail .sidebar dt { font-size: 0.9em; float: left; width: 3.5em; } .moduleContentNew.detail .roomDetail:not(.minWidth500px) dt, .moduleContentNew.detail .roomDetail.minWidth640px dt { border-style: none none solid; border-bottom-width: 1px; float: left; width: 3.5em; } .moduleContentNew.detail .sidebar dd, .moduleContentNew.detail .roomDetail dd { border-style: none none solid; border-bottom-width: 1px; padding: 3px 0px; } .moduleContentNew.detail .roomDetail.minWidth640px dd { margin: 0px 0px 0px 3.5em; } .moduleContentNew.detail .sidebar .other, .moduleContentNew.detail .roomDetail .other { border: none !important; line-height: 1.2; } .moduleContentNew.detail .sidebar dd.other, .moduleContentNew.detail .roomDetail dd.other { padding-left: 3px; } .moduleContentNew.detail .sidebar dd span, .moduleContentNew.detail .roomDetail dd span { display: inline-block; padding-left: 3px; text-align: right; min-width: 5em; max-width: 7em; } .moduleContentNew.detail .sidebar dd span:first-child, .moduleContentNew.detail .roomDetail dd span:first-child { padding-right: .8em; } .moduleContentNew.detail .sidebar dd.closed span:first-child, .moduleContentNew.detail .roomDetail dd.closed span:first-child, .moduleContentNew.detail .sidebar dd.closed span, .moduleContentNew.detail .roomDetail dd.closed span { min-width: 0; padding: 0 0 0 5px; } .moduleContentNew.detail .sidebar .section.rating.noBorder { border: none; } .moduleContentNew.detail .sidebar .section .rating { margin: 5px 0; } .moduleContentNew.detail .sidebar .section .rating .votes { font-size: .8em; margin-top: 10px; } .moduleContentNew.detail .sidebar .rating .ratingContainer { vertical-align: top; } .moduleContentNew .avgRating { font-size: 1.4em; margin-right: 5px; } .moduleContentNew .ratingContainer { background: url('../Images/RatingEmpty.png') no-repeat; display: inline-block; height: 23px; margin: 0; position: relative; width: 112px; z-index: 1; } .moduleContentNew .ratingContainer:hover > .overallRating { display: none; } .moduleContentNew .ratingContainer.readOnly > .overallRating { display: inline-block; } .moduleContentNew .overallRating, .moduleContentNew .myRating { background: url('../Images/RatingFull.png') no-repeat; display: inline-block; left: 0; height: 100%; position: absolute; overflow: hidden; top: 0; z-index: 2; } .moduleContentNew .myRating { background-image: none; cursor: pointer; } .moduleContentNew .myRating.oneStar { width: 20%; } .moduleContentNew .myRating.twoStar { width: 40%; } .moduleContentNew .myRating.threeStar { width: 60%; } .moduleContentNew .myRating.fourStar { width: 80%; } .moduleContentNew .myRating.fiveStar { width: 100%; } .moduleContentNew .myRating:hover, .moduleContentNew .overallRating.voted { background-image: url('../Images/RatingFullHovering.png'); } .moduleContentNew .ratingContainer.readOnly .myRating { background: none; } .moduleContentNew.detail .newReservation { padding: 20px 20px 10px; position: relative; z-index: 5; } .moduleContentNew.detail .newReservation h4 { border: none; font-size: 12pt; margin: 0px 0px 10px; text-transform: none; } .moduleContentNew.detail .onTop { max-width: none; } .moduleContentNew.detail .newReservation .column { float: left; padding-right: 5%; width: 45%; } .moduleContentNew.detail .formline.eventDate > div label, .moduleContentNew.detail .formline.eventDate > div input[type="text"], .moduleContentNew.detail .formline.eventDate > div span.tip { display: inline-block; float: none; margin: 0px; vertical-align: baseline; width: auto; } .moduleContentNew.detail .formline.eventDate > div label { width: 20px; } .moduleContentNew.detail .formline.eventDate > div input[type="text"] { width: 60px; } .moduleContentNew.detail .formline.eventDate > div .date { display: inline-block; float: none; margin-right: 10px; z-index: 2; } .moduleContentNew.detail .formline.eventDate > div .date:first-child { z-index: 3; } .moduleContentNew.detail .formline.eventDate > div .date label { width: 4em !important; } .moduleContentNew.detail .formline.eventDate > div .date input[type="text"] { float: none; } .moduleContentNew.detail .formline.eventDate > div .date > a { position: relative; top: 5px; } .moduleContentNew.detail .formline.eventDate > div .startEnd br { margin: 10px 0px; } .moduleContentNew.detail .formline.price p { font-size: 12pt; margin: 5px 0px 0px; } .moduleContentNew.detail .formline.noLabel { float: left; width: 100%; } .moduleContentLegacy .header .text { padding-right: 0; } .moduleContentLegacy .results .facility { min-height: 93px; padding: 26px 11.5em 15px 135px; } .moduleContentLegacy .results .facility .adr { padding-right: 0; width: 100%; } .moduleContentLegacy .results .facility .feat { display: none; } .moduleContentLegacy .searchCriteria + .sidebar a.button { font-size: 7pt; line-height: 1.6; } .moduleContentLegacy .sidebar .t-timepicker { width: 8em; } .moduleContentLegacy .sidebar .section { margin: 5px 10px; } .moduleContentLegacy .sidebar .facilitiesMegaMenuContainer .button > span { padding: 4px 0px 5px 5px; width: 88px; } .moduleContentLegacy .sidebar .button.cancel, .moduleContentLegacy .sidebar .button.cancel > span { margin: 0; padding: 0; } .moduleContentLegacy.detail .contentMain { margin-right: 43.5%; } .moduleContentLegacy.detail .sidebar { width: 42%; } /*.moduleContentLegacy.detail .sidebar dt, .moduleContentLegacy.detail .sidebar dd { display: block; margin: 0; text-align: left; width: 100%; } .moduleContentLegacy.detail .sidebar dt { border: none; } */ .moduleContentLegacy.detail .details h2 { min-height: 3em; padding: 0 160px 5px 0; } .moduleContentLegacy.detail .details .media { clear: none; float: none; width: auto; } .moduleContentLegacy.detail .details .media > img { max-width: 100%; } .moduleContentLegacy.detail .details .reserve { max-width: 160px; } .moduleContentLegacy.detail .details .infoTable { margin: 0; } .moduleContentLegacy.detail .details ol { margin-left: 20px; } .moduleContentLegacy.detail .details h4 { margin-left: 0; } .moduleContentLegacy.detail .details .editorContent { margin-right: -70%; width: auto; } .moduleContentLegacy.detail div.availability { margin-top: 0; } .moduleContentLegacy.detail h3.areas { margin: 0 -70% 0 0; padding-top: 0; width: auto; } .moduleContentLegacy.detail .rooms { margin: 0 -70% 0 0; width: auto; } .moduleContentLegacy.detail .rooms .hours { display: none; } .moduleContentLegacy.detail .rooms .features { width: auto; } .moduleContentLegacy.detail #calendar.fc .fc-header-title h2 { font-size: 7pt; padding-top: 8px; } /* Mini Popout */ .moduleContentNew .miniPopout { bottom: 0px; left: 0px; position: absolute; text-align: center; width: 100%; z-index: 2; } .moduleContentNew.detail .miniPopout li a:link, .moduleContentNew.detail .miniPopout li a:visited, .moduleContentNew.detail .miniPopout li a:hover, .moduleContentNew.detail .miniPopout li a:focus, .moduleContentNew.detail .miniPopout li a:active { color: #838356; font-size: 8pt; } .moduleContentNew .miniPopoutTop { background: url(../../../../Common/images/Calendar/mapdropdowntop.png) no-repeat left top; left: 50%; margin-left: -41px; padding-top: 12px; position: absolute; top: 0px; width: 83px; } .moduleContentNew .miniPopoutBtm { background: url(../../../../Common/images/Calendar/mapdropdownbtm.png) no-repeat left bottom; width: 83px; padding-bottom: 5px; } .moduleContentNew .miniPopout ol { background: #ffffff; border-left: 1px solid #d9d9cd; border-right: 1px solid #d9d9cd; font-weight: bold; font-size: 8pt; line-height: 1.7; list-style: none; margin: 0px; padding: 8px; width: 65px; } .moduleContentNew .miniPopout a { color: #838356; margin: 0px !important; text-decoration: none; } .moduleContentNew .monthPopout, .moduleContentNew .mapPopout { text-align: left; } .moduleContentNew .monthPopout, .moduleContentNew .yearPopout { color: #999; } .moduleContentNew .mapPopout .linkGoogle { color: #0fab0b; } .moduleContentNew .mapPopout .linkYahoo { color: #c32f1c; } .moduleContentNew .mapPopout .linkMapQuest { color: #9f2e1b; } .moduleContentNew .mapPopout .linkBing { color: #326daa; } /* END Map Popout */ /* M Y R E S E R V A T I O N S ============================================================ */ .moduleContentNew.myReservations .contentMain, .moduleContentNew.noSidebar .contentMain { margin-left: 0px; } .moduleContentNew.myReservations h2 { border-style: none none solid; border-width: 3px; } .moduleContentNew.myReservations .results { margin: 0px; } .moduleContentNew.myReservations .facility { padding-right: 120px; } .moduleContentNew.myReservations .facility .feat { width: 350px; } .moduleContentNew.myReservations .facility dl { position: absolute; left: 550px; top: 2.8em; } .moduleContentNew.myReservations .facility dt { clear: left; float: left; width: 9em; } .moduleContentNew.myReservations .facility dd { margin-left: 9em; } .moduleContentNew.myReservations .facility .actions { display: block; position: absolute; right: 5px; top: 15px; width: 100px; } /* .moduleContentNew.myReservations .facility .actions li { line-height: 1.3; } */ .moduleContentNew.myReservations .facility .actions a.button { display: block; } .moduleContentNew .takeAction { padding-right: 30px; position: relative; } .moduleContentNew .post > .takeAction { margin: 15px 0; } .moduleContentNew .takeAction .share { display: inline-block; } .moduleContentNew .takeAction .share a { margin-left: 5px; } .moduleContentNew .takeAction > .close { position: absolute; right: 5px; top: 5px; } .moduleContentNew .contentMain div.confirmMessage { margin-top: 1.25em; } .moduleContentNew .contentMain div.confirmMessage .takeAction { margin-bottom: 10px; } .moduleContentNew .contentMain div.confirmMessage .buttons { margin-top: 15px; } .moduleContentNew .contentMain a.confirmDone { margin-top: 8px; } /* Reservation Modal */ .modalContainer.modalNewReservation { position: fixed; z-index: 10001; left: 50%; margin-left: -218px; margin-top: -191px; width: 435px; } @media ( max-width: 500px ) { .modalContainer.modalNewReservation { margin-left: -45%; width: 90%; } } .modalContainer.modalNewReservation .cpForm { margin: 0 0 5px; } .modalContainer.modalNewReservation .cpForm li > div { margin: 0 0 10px; } .modalContainer.modalNewReservation .cpForm.recurringEvent li > div { margin: 5px 0; } .modalContainer.modalNewReservation .cpForm .t-datepicker { margin-right: 10px; } .modalContainer.modalNewReservation .allDay { padding: 0 5px 5px; } .modalContainer.modalNewReservation .allDay input { margin-right: 5px; position: relative; top: -1px; vertical-align: text-bottom; } .modalContainer.modalNewReservation .selectFacility { max-width: 98%; margin: -5px 3px 5px; } .modalContainer.modalNewReservation .recurring { margin: 0 5px 10px; } .modalContainer.modalNewReservation .recurring label { margin-right: 10px; } .modalContainer.modalNewReservation .recurring input, .modalContainer.modalNewReservation .recurringEvent input { margin-right: 5px; } .modalNewReservation .daysList { margin: .5em 0; } .modalNewReservation .daysList li { display: inline-block; margin: .5em 0; width: 29%; } .narrow .modalNewReservation .daysList { margin-bottom: 1em; } .narrow .modalNewReservation .daysList li { padding: 0; } @media ( max-width: 500px ) { .modalContainer.modalNewReservation .recurring { overflow: hidden; } .modalContainer.modalNewReservation .recurring input, .modalContainer.modalNewReservation .recurring label { display: block; float: left; margin-bottom: 5px; } .modalContainer.modalNewReservation .recurring input { clear: left; position: relative; top: 2px; } } .modalContainer.modalNewReservation .recurringEvent li div { margin-bottom: 5px; } .modalContainer.modalNewReservation .recurringEvent input[type="number"], .modalContainer.modalNewReservation .recurringEvent .dailyOptions input[type="text"] { width: 4em; } .modalContainer.modalNewReservation .recurringEvent .weeklyOptions .third { margin-bottom: 0; } .modalContainer.modalNewReservation .recurringEvent .monthlyOptions > div, .modalContainer.modalNewReservation .recurringEvent .yearlyOptions > div { line-height: 2.2em; } .modalContainer.modalNewReservation .recurringEvent .endOptions .t-datepicker { float: right; } .modalContainer.modalNewReservation .recurringEvent .endOptions input[type="radio"] { min-height: 1.7em; vertical-align: top; } .modalContainer.modalNewReservation .buttons { margin-top: 10px; } .modalContainer.modalNewReservation .booked { border-radius: 5px; font-size: .85em; margin: 0 0 20px; padding: 10px; } .modalContainer.modalNewReservation .reservationFor { font-size: .9em; margin: 5px 5px 10px; } .modalContainer.modalNewReservation .reservationFor .facilityTitle { font-style: italic; } .modalContainer.modalNewReservation .advancedNotice { font-size: .9em; margin: 5px 5px 10px; } .modalContainer.modalNewReservation .modalContent h4 { font-size: 1.1em; font-weight: bold; margin: 10px 0 10px 3px; } /* Event Detail Modal */ .modalContainer.modalEventDetails { position: absolute; z-index: 10001; left: 50%; top: auto; /* margin-left: -150px; */ margin-top: 0; width: 300px; } .modalContainer.modalEventDetails .newCP .newCP { padding: 0; } .modalContainer.modalEventDetails .modalContent { max-height: 500px; } .modalContainer.modalEventDetails .events { max-height: 400px; overflow: auto; } .modalContainer.modalEventDetails .event { border-top: 1px solid; padding: 10px 0 0; } .modalContainer.modalEventDetails .event:first-child { border: none; } .modalContainer.modalEventDetails h4 { font-weight: bold; font-weight: bold; line-height: 1; margin-bottom: 3px; } .modalContainer.modalEventDetails .dateTime { font-size: .75em; } /*.modalContainer.modalEventDetails .desc { display: none; }*/ .modalContainer.modalContainer.modalEventDetails .host { font-size: .75em; font-style: italic; } /* Save Search Modal */ .modalContainer.saveSearch { position: fixed; z-index: 10001; left: 50%; top: 50% !important; margin-left: -200px; margin-top: -100px; width: 400px; } .modalContainer.saveSearch .modalContent ol { margin-bottom: 10px; } /* Missing Facility & Email Page Modals */ .modalContainer.modalMissingFacility, .modalContainer.emailPage { position: absolute; z-index: 10001; left: 50%; top: auto; margin-left: -250px; /*margin-top: -250px;*/ width: 500px; } @media ( max-width: 500px ) { .modalContainer.modalMissingFacility, .modalContainer.emailPage { margin-left: -45%; width: 90%; } } .modalContainer.modalMissingFacility .missingAddress textarea { height: 4.3em; } .modalContainer.modalMissingFacility .missingDetails textarea { height: 6em; } .modalContainer.modalMissingFacility .modalContent ol { margin-bottom: 10px; } /* Calculate Total Modal */ .modalContainer.modalCalculateTotal .tip { font-size: 8pt; } /* Awkward fix for header positioning on entry page. */ .moduleContentNew script + .contentMain, .moduleContentNew #sidebarContentContainer + .contentMain { margin-top: -25px; } .moduleContentNew.detail .contentMain, .moduleContentNew.noTabs .contentMain { margin-top: 0; } /* End awkward fix. */ .moduleContentNew.detail .availability .calendar { background: none; border: 1px solid #CCC; border-bottom: none; border-radius: 5px 5px 0 0; padding: 4px 0; } .moduleContentNew.detail .availability .calendar .reserve, .moduleContentNew.detail .availability .calendar .date { position: static; } .moduleContentNew.detail .availability .calendar .date { padding-right: 30px; } .moduleContentNew.detail .availability .calendar > .calHeader { background: none; height: 0; } .moduleContentNew.detail .availability .calendar .date .reserve + .reserve { display: inline-block; float: none; } .moduleContentNew.detail.maxWidth800px #calendar.fc .fc-button-prev .fc-button-content { font-family: serif; } /* Below are experiment fixes for various calendar visual bugs. */ .moduleContentNew.detail.maxWidth800px .fc-header .fc-state-hover { z-index: 0; } .moduleContentNew.detail .fc-button-content { float: none; } .narrow .modalContainer .cpForm li, .narrow .modalContainer .cpForm .fourth, .narrow .modalContainer .cpForm .third, .narrow .modalContainer .cpForm .half, .narrow .modalContainer .cpForm .twoThirds, .narrow .modalContainer .cpForm .threeFourths { clear: none; float: none; margin: .25em 0; max-width: none; padding: .5em; width: 94.5%; } .narrow .modalContainer.modalNewReservation .recurringEvent .endOptions .t-datepicker { float: none; } .newCP.modalContent.slimNewReservationModal { overflow: visible; } .newCP.modalContent.slimNewReservationModal .moduleContentNew{ overflow: visible; } .moduleContentNew .header .text { margin-bottom: 15px; margin-left: 10px; }