/* css framework ************ DO NOT DELETE ************ -------------------------------------------------------*/ @import url("/a/rfp/stylesheets/reset.css"); @import url("/a/rfp/stylesheets/grid.css"); @import url("/a/rfp/stylesheets/typography.css"); /* Global Styles -------------------------------------------------------*/ body { border-top: 3px solid #11a1db; background: #fafafa; } h1.logo, div.logo { margin: 0; line-height: 0; } h1.logo a, div.logo a { width: 500px; height: 50px; padding-top: 5px; background: url(/a/rfp/images/logo.png) no-repeat; float: left; border: none; text-indent: -99999px; } div.Newlogo { height: 55px; background: url(/a/rfp/images/destinationguide/dg-logo.jpg) no-repeat 0 5px; } div.Newlogo a { height: 45px; text-indent: -99999px; display: block; } div.utility { padding: 8px 0; } div.utility ul.menu { float: right; } div.utility ul.menu li { margin-left: 10px; float: right; } div.utility ul.menu a { margin-top: 15px; text-decoration: none; color: #404040; } #new-supplier h1.logo a {width:250px;} #new-supplier div#header {margin: none; width: 710px;} #header { position: relative; } div.chatDiv{display:inline;} #search-footer { padding: 10px 0; } #city-list { padding: 0 0 10px 0; border-bottom: 1px dotted #707172; } #city-search #search-footer { padding: 0; border-top: 1px dotted #707172; } #copyright { display: inline; float: left; padding: 10px 0 20px; } #search-footer #copyright, #search-footer #copyright p { padding: 0; margin: 0 !important; } #social { display: inline; float: right; } p.pre { white-space: pre-wrap; } pre.listing-pre { width: 99%; white-space: pre-wrap; word-wrap: break-word; font-family: verdana, arial, helvetica, sans-serif; font-size: 1em; color: #464646; line-height: 1.5em; } #right-nav { position: relative; float: right; margin-top: 15px; } #right-nav a { border-bottom: none; margin-left: 10px;} #right-nav a img { position: relative; bottom: -2px; } /* Hyperlinks -------------------------------------------------------------- */ a { color: #0f5179; border-bottom: 1px dotted #0f5179; text-decoration: none; } a:hover { border-bottom: none; } .cboxElement {cursor: pointer;} /* Removes Default Border Style on Hyperlinked Images -------------------------------------------------------------- */ #top-rfp a, .no-border, div.applied a:hover, div#applied-filters a, .attractions a, #social a, ul.thumbnails li a { border: none !important; } #myMap a { border: none !important; } /* Navigation -------------------------------------------------------*/ .hotel-search #menu { height: 30px; width: 850px; top: 10px; left: 10px; position: absolute; } .hotel-search input[type=text],.hotel-search label,.hotel-search select {height:18px; padding:0px !important;margin:0px !important} #search-results #menu { width: 750px; padding: 0 0 0 200px; height: 27px; background: url(/a/rfp/images/nav-bg-01.png) repeat-x; } ul#navigation { width: 100%; padding: 0; margin: 0; background: url(/a/rfp/images/nav-bg-01.png) repeat-x; float: left; } ul#navigation li { display: inline; } ul#navigation li a { padding: 0.6em 1em; float: left; border-right: 1px solid #000; border-bottom: none; color: #fff; } ul#navigation li a:hover { background: #0f5179; color: #fff; } ul#navigation li a.active { background: #dee7eb !important; color: #05334f !important; font-weight: bold; } ul#navigation li a img { display: block; float: left; margin: -0.3em 0.5em 0pt 0pt; } ul.new-search { padding: 0; margin: 0; list-style: none; width: 90px; } ul.new-search li a { padding: 0.6em 1em; float: left; border-bottom: none; color: #fff; background: url(/a/rfp/images/nav-bg-01.png) repeat-x; } ul.new-search li a:hover { background: #0f5179; } #top-nav { height: 27px !important; background: url(/a/rfp/images/nav-bg-01.png) repeat-x; } ul.menu { list-style-type: none; padding: 0; margin: 0 10px 0 0; } ul.menu.last { margin-right: 0; } ul.menu a { display: block; border-bottom: 0; } div#top-nav ul.menu li.search-link { border-left: 0; border-right: 1px solid #000000; float: left; } div#top-nav li.home a { width: 27px; background: url(/a/rfp/images/destinationguide/home.png) no-repeat 5px 0 !important; float: left; text-indent: -99999px; } div#top-nav ul.menu.breadcrumbs li { padding-right: 5px; background: url(/a/rfp/images/destinationguide/breadcrumb-seperator.png) no-repeat 100% 0; float: left; border: none; } div#top-nav ul.menu.breadcrumbs li.active a { color: #fff; } div#top-nav ul.menu.breadcrumbs a { color: #849eae; } div#top-nav ul.menu.breadcrumbs a:hover { background: none; color: #fff; } div#top-nav { height: 27px; background: url(/a/rfp/images/destinationguide/nav-bg-01.png) 0 0 repeat-x; } div#top-nav ul.menu li { float: right; border-left: 1px solid #000; } div#top-nav ul.menu a { padding: 6px 10px; color: #fff; text-decoration: none; line-height: 15px; } div#top-nav ul.menu a:hover { background: #0F5179; } /* Search -------------------------------------------------------*/ .hotel-search { height: 500px; background: no-repeat; background-size: cover; } div#sp-overlay { width: 948px; height: 498px; background: url(/a/rfp/images/sp-overlay.png) no-repeat; border: 1px solid #000; position: relative; } #search { width: 850px; height: 85px; background: #05334f url(/a/rfp/images/search-bg.png) repeat-x; top: 39px; left: 10px; position: absolute; } table.simple-search { width: 800px; margin: 10px !important; } table.simple-search td { padding: 5px 5px 5px 0 !important; } div.hotel-search div.advanced { width: 830px; padding: 10px; background: #bec7ce; top: 85px; position: absolute; z-index: 100; } table.advanced-search { width: 830px; } table.advanced-search td { width: auto; padding: 3px 3px 0 0 !important; vertical-align: top !important; } table.advanced-search h6 { color: #05334f; font-size: .95em; } table.advanced-search h6 a.whats-this { font-weight: normal; } #search h3.trigger { width: 180px; background: url(/a/rfp/images/toggle-bg.png) no-repeat; font-size: 1em; font-weight: normal; top: 65px; left: 12px; position: absolute; } #search h3.active { background: url(/a/rfp/images/toggle-bg-on.png) no-repeat; } .sp-text { width: 400px; padding: 10px; background: url(/a/rfp/images/four-diamonds/4d-overlay.png); background: rgba(0, 0, 0, .75); bottom: 10px; right: 10px; position: absolute; z-index: 25; } .sp-text h6 { color: #88d2f0; } .sp-text p { color: #eee; } .sp-text a { color: #88d2f0; border-bottom-color: #88d2f0; } input.text { width: 100px; margin-right: 10px; display: inline; } input.range { width: 50px; } input.clear { background: none; color: #fff; border: none; border: 1px solid #fff; cursor: pointer; } input.clear:hover { background: #b2d234; } .offering-input {height: 21px; width: 25px; background: url(/a/rfp/images/venue-name-bg.png) no-repeat;} #city-search #search-footer p, #city-search #copyright { padding: 0; margin: 0; } #advSearchCalculator { float:right; margin-top: 8px; } #advSearchCalculator img { margin-right: 4px; margin-top: -2px; float: left; } #advSearchCalculator a.image-link { border: 0; } .csn-dg-ad { padding: 10px 10px 10px 150px; width: 788px; background: url(/a/rfp/images/search-bg.png) repeat-x; position: absolute; border-bottom: 0; bottom: 0; display: block; } .csn-dg-ad h3 { margin: 0; font-size: 1em; color: #0F5179; font-weight: bold; } .csn-dg-ad p { margin: 5px 0 0 0; font-size: 1em; font-weight: normal; } .dg-logo { width: 96px; height: 70px; background: url(/a/rfp/images/destination_guide_compass_stacked.png); position: absolute; left: 30px; bottom: 0; } /* Search Results -------------------------------------------------------*/ ul#navigation li#space-calculator { float: right; } ul#navigation li#space-calculator a span { border-bottom: 1px dotted #FFFFFF; } ul#navigation li#space-calculator a:hover span { border-bottom: 0; } ul#navigation li#space-calculator a:hover { background-color: Transparent; } /* Four Diamond Ads */ .four-diamond { height: 160px; } .marketing-ad { width: 228px; height: 158px; float:left; overflow: hidden; position: relative; border: 1px solid #000; } span.marketing-ad-link { width: 100%; background: url(/a/rfp/images/nav-bg-01.png) repeat-x bottom; padding: 5px 12px; left: 0; bottom: 0; position: absolute; } span.marketing-ad-link a { font-weight: bold; font-size: .9em; } .four-diamond span { width: 220px; padding: 5px 5px; background: url(/a/rfp/images/four-diamonds/4d-label-bg.png); color: #fff; top: 0; left: 0; position: absolute; z-index: 100; display: block; } .four-diamond span a { color: #fff; border-color: #fff; } .four-diamond label { visibility: hidden; top: -9999px; left: -9999px; position: absolute; } .boxgrid { width: 228px; height: 158px; float:left; background: #161613; overflow: hidden; position: relative; border: 1px solid #000; } .boxgrid img { position: absolute; top: 0; left: 0; border: 0; } .boxcaption { float: left; position: absolute; background: url(/a/rfp/images/four-diamonds/4d-overlay.png); height: 100px; width: 100%; } .captionfull .boxcaption { top: 260px; left: 0; } .caption .boxcaption { top: 133px; left: 0; height: 0; overflow: hidden; } .boxcaption h3 { padding: 0 0 5px 0; margin: 0; color: #fff; font-size: .95em; font-weight: bold; } .boxcaption p { padding: 0; margin: 12px 10px 0 10px; color: #fff; font-size: .9em; line-height: 1.5em; white-space: normal; } .four-diamond .box-location { padding: 5px 5px 5px 25px; color: #fff; position: absolute; bottom: 0; left: 0; right: 0; height: 15px; background: url(/a/rfp/images/four-diamonds/4d-overlay.png); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .box-location .location-icon { display: block; position: absolute; width: 12px; height: 16px; top: 5px; left: 10px; background-image: url(/a/rfp/images/csn-sprite.png); background-repeat: no-repeat; } .four-diamond .box-location .location-icon { background-position: -190px -36px; } /* Three Diamond Ads */ .marketing-ad-three-d { width: 168px; padding: 5px; margin: 0 0 5px 0; background: #D9E1E7; border: 1px solid #92979B; } .marketing-ad-three-d a.mad-three-d-1 { color: #0F5179 !important; font-size: .8em; font-weight: bold; border-bottom: 1px dotted #0F5179; } .marketing-ad-three-d a.mad-three-d-2 { color: #464646; font-size: .8em; font-weight: bold; border-bottom: 1px dotted #464646; } .three-d { width: 178px; margin: 0 0 10px 0; background: #D9E1E7; border: 1px solid #92979B; } .three-d-alternative-venue { background: #f0f0f0; } .three-d a { border: none; } .three-d span { width: 168px; padding-bottom: 5px; margin: 3px 3px; color: #05334f; font-size: .8em; font-weight: bold; display: block; } .three-d span a { border-bottom: 1px dotted #05334f; } .three-d span a:hover { border-bottom: none; } .three-d label { visibility: hidden; top: -9999px; left: -9999px; position: absolute; } .three-d p { margin:0; padding: 0 5px 5px 5px; font-size: .8em; line-height: 14px; } .three-d-outside { width: 168px; height: 75px; margin: 5px; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; } .three-d-inside img { width: 178px; } .three-d input.checkbox, input[type="checkbox"] { float: left; top: 0 !important; } .three-d .box-location { position: relative; padding: 0 3px 3px 18px; font-size: .8em; color: #464646; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .three-d .box-location .location-icon { background-position: -220px -36px; top: -5px; left: 3px; } .three-diamond-sub-category { font-weight: bold; font-size: 1.1em; margin: 5px 0 2px; } /* Search Bar */ #search-bar { height: 40px; color: #05334f; background: url(/a/rfp/images/search-bar-bg.png) bottom repeat-x; } #search-bar h2 { margin-top: 8px; font-size: 1.2em; font-weight: bold; text-indent: 5px; } #count {color: #05334F; font-size: 0.95em; font-weight: bold; padding-bottom: 5px; padding-top: 5px; float: left; margin-left: -10px; } #count span { float: left; margin-left: 10px; } #actions { float: left; } #sort-by { margin: 0 20px; float: right; } #sort-by select { width: 90px; } #top-rfp { padding: 5px 5px; float: left; text-align: center; } #top-rfp img, #bottom-rfp img { margin-right: 5px; } #bottom-rfp { text-align: center; clear: both; padding: 20px ; } #sp-overlay .action-bar { display: block; } .action-bar { list-style-type: none; padding-left: 0; height: 26px; padding: 0; margin-top: 7px !important; display: none; } .action-bar li { margin: 0 5px 0 0; float: left; height: 25px; display: block; } .action-bar a { padding: 5px 10px; text-decoration: none; display: block; font-family: verdana; font-size: 10px; color: #fff; border-bottom: 0; line-height: 13px; font-weight: bold; border: 1px solid #464646; } .space-calculator a { padding: 2px 5px 2px 19px; border-bottom: 0; height: 20px; position: relative; line-height: 20px; } .space-calculator a img { position: absolute; left: 4px; bottom: 2px; } .action-bar .unit-of-measurement div.toggle { width: 70px; height: 23px; border: 1px solid #464646; } .toggle input, .toggle label { position: absolute; left: -99999px; } .unit-of-measurement div.square-feet { background: url(/a/rfp/images/uom-toggle.png) no-repeat -1px 0; } .unit-of-measurement div.square-feet:hover { background: url(/a/rfp/images/uom-toggle.png) no-repeat -3px 0; cursor: pointer; } .unit-of-measurement div.square-meters { background: url(/a/rfp/images/uom-toggle.png) no-repeat -50px 0; } .unit-of-measurement div.square-meters:hover { background: url(/a/rfp/images/uom-toggle.png) no-repeat -47px 0; cursor: pointer; } .request-quote a { background: #a0c02f url(/a/rfp/images/csn-button-sprite.png) repeat-x 0 1px; } .request-quote a:hover { background: #6e8e23; } .request-info a { background: #cf8320 url(/a/rfp/images/csn-button-sprite.png) repeat-x 0 -25px; } .request-info a:hover { background: #a66617; } .map-results a, .clear-checked a, .space-calculator a { background: #7d7d7d url(/a/rfp/images/csn-button-sprite.png) repeat-x 0 -50px; } .map-results a:hover, .clear-checked a:hover, .space-calculator a:hover { background: #0b4965; } /* Filters */ #filters { width: 200px; } div#applied-filters { width: 199px; background: #fff; padding-bottom: 5px; border: 1px solid #849dad; } div#applied-filters li { color: #000; } div.applied { width: 199px; padding: 2px 0; background: url(/a/rfp/images/h3-left-bg.png) repeat-x; font-weight: bold; text-indent: 5px; position: relative; } div.applied a { color: #05334f; border-bottom: 1px dotted #05334f; } div.applied ul li { font-weight: normal; } #filters ul { margin: 3px 0; padding: 0 0 0 1em; list-style: none; } #filters span.trigger { width: 190px; padding: 2px 5px 0 5px; margin-bottom: 1px; background: url(/a/rfp/images/filters-toggle-bg-on.png) no-repeat; cursor: pointer; display: block; } #filters span.trigger a { font-size: 1em; color: #fff; border: none; } #filters span.active { background: url(/a/rfp/images/filters-toggle-bg.png) no-repeat; } #filters .advanced { width: 200px; background: none; border-bottom: 1px solid #05334f; } #filters label { width: 200px; padding: 2px 0; color: #fff; font-size: 1em; font-weight: normal; float: none; display: block; background: url(/a/rfp/images/venue-title-bg.png) repeat-x; text-indent: 5px; } div#venue-name { padding: 3px 10px 10px 10px; width: 193px; position: relative; } div#venue-name input { border: 1px solid #ccc; width: 150px; height: 13px; padding: 3px; } div#venue-name a { background: url(/a/rfp/images/venue-name-bg.png) no-repeat; width: 35px; height: 20px; text-indent: -9999px; border: none; top: 4px; right: 10px; position: absolute; } div#roomsearch { padding: 3px 10px 10px 10px; width: 193px; position: relative; } div#roomsearch input { border: 1px solid #ccc; width: 150px; height: 13px; padding: 3px; } div#roomsearch a { background: url(/a/rfp/images/venue-name-bg.png) no-repeat; width: 35px; height: 20px; text-indent: -9999px; border: none; top: 4px; right: 10px; position: absolute; } span.filters-heading { width: 195px; height: 20px; margin-bottom: -6px; padding: 2px 0 5px 5px; color: #fff; font-size: 1em; font-weight: bold; background: url(/a/rfp/images/venue-title-bg.png) repeat-x; display: none; } #main { background: url(/a/rfp/images/search-results-bg2.png) repeat-y; position: relative; margin-bottom: 10px; } .clear-filter { font-size: .8em; top: 5px; right: 5px; position: absolute; } .clear-filter a { font-weight: bold; text-decoration: underline; text-transform: capitalize; } li.more-choices { padding: 5px 0; text-indent: 10px; } #tbxSearchText { width: 250px; } /* Natural Search Results */ #natural-search-results { padding-top: 5px; margin-left: -10px; position: relative; z-index: 0; } div.result { padding-bottom: 5px; margin: 0 10px 10px; position: relative; z-index: inherit; } div.result label, .grid-label { height: 1px; left: -999999px; position: absolute; } div.result-header { width: 530px; padding-top: 10px; padding-bottom: 2px; margin-bottom: 5px; border-top: 1px dotted #707172; position: relative; } div.result-header div.result-status { font-size: 11px; padding: 2px 6px; margin-bottom: 5px; color: #fff; background: #6b9a00; } div.result-header a { font-size: 1.2em; font-weight: bold; border: none !important; color: #0a4365; position: relative; /* IE needs this to print */ } div.result-header a:hover { color: #000; } div.indicator { bottom: 4px; right: 0; position: absolute; } div.search-description { padding-right: 5px; width: 305px; float: left; clear: both; } div.result table.highlight-text table { border-left: 1px dotted #707172 !important;} div.result table.highlight-text table { width: 210px !important; float: right !important; } div.result table.highlight-text table th { width: 90px; padding: 2px 5px !important; font-size: .9em !important; color: #464646 !important; text-align:left !important; } div.result table.highlight-text table td { width: 110px; font-size: .9em !important; color: #464646 !important; text-align: right; } div.result table.highlight-text td img { margin: 0; } div.result .service-highlight-text { border-left: 1px dotted #707172 !important;} div.result .service-highlight-text table { margin-top: 3px !important; width: 210px !important; float: right !important; } div.result .service-highlight-text table th { padding: 3px 0 3px 10px !important; font-size: .9em !important; color: #464646 !important; } div.result .service-highlight-text table td { padding: 2px 5px !important; font-size: .9em !important; color: #464646 !important; text-align: left !important; } div.result img { margin: 3px 5px 0 0; float: left; } div.result p { font-size: .9em; line-height: 1.5em; margin: 0; } div.result a img, .attractions img, ul.thumbnails li img { border: 2px solid #c5c9ce; } div.result a:hover img, .attractions a:hover img, ul.thumbnails li a:hover img { border: 2px solid #000; } #natural-search-results #bottom-rfp { padding: 20px 10px; } #natural-search-results #bottom-rfp .action-bar li a { margin-right: 0; } /* supplier category tags */ .supplier-category-tags { overflow: hidden; clear: left; } .supplier-category-tags > span { color: #fff; white-space: nowrap; padding: 2px 8px; border-radius: 8px; background-color: #a5a5a5; margin: 4px 4px 0 0; display: block; float: left; font-size: 10px; line-height: 1.1; } .supplier-category-tags .rfp-tags-preferred { background-color: #A0C02F; } /* supplier category tags */ .supplier-category-tags { overflow: hidden; clear: left; } .supplier-category-tags > span { color: #fff; white-space: nowrap; padding: 2px 8px; border-radius: 8px; background-color: #a5a5a5; margin: 4px 4px 0 0; display: block; float: left; font-size: 10px; line-height: 1.1; } /* Loading Spinner */ #csn-loading-spinner { position: absolute; top: 0; left: 200px; background-color: White; opacity: 0.90; width: 550px; display: none; } .csn-loading { width: 52px; height: 52px; position: absolute; top: 150px; left: 50%; margin-top: -26px; margin-left: -26px; border-radius: 15px; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.9); background-image: url("/a/rfp/images/ajax-loader.gif"); background-repeat: no-repeat; background-position: center; z-index: 1000; } /* Pagination */ #pagination { margin: 20px 0; clear: both; text-align: center; } #pagination a { font-weight: bold; } #pagination a[disabled], #pagination a[disabled]:hover { border: none; color: #808080; } /*map point */ .modmq-poi-label { position: absolute; font-size: 14px; font-weight: 900; text-align: center; z-index: 10; width: 18px; left: 4px; top: 3px; text-align: right;} /* Bing Map Styles */ ul.MicrosoftMap_NavBar_typeMenu input[type="checkbox"] { float: none; } /* Profiles --------------------------------------------------------------*/ #profile-header { background: #000; position: relative; background: #2a2e31 url(/a/rfp/images/highlights-bg-1.png) repeat-x;} #profile-image { width: 600px; height: 275px; top: 0; left: 0; position: absolute; } #profile-image.no-jcarousel .main-image-clip-outside { margin: 0 auto; } #profile-image.no-jcarousel .jcarousel-skin-csn { display: none; } div.header-image { width: 464px; height: 215px; float: left; position: relative; text-align: center; } div.header-image img { height: 240px; width: auto !important; } .main-image-clip-outside { width: 380px; height: 240px; background-repeat: no-repeat; background-position: 50% 50%; margin-left: 10px; background-size: contain; } #profile-image h1 { height: 25px; margin: 0; padding: 5px 0; background: url(/a/rfp/images/profile-h2-bg.png) repeat-x; font-size: 1.1em; font-weight: normal; color: #fff; text-indent: 10px; } #key-highlights h2 { height: 25px; margin: 0; padding: 5px 0 0 0; background: url(/a/rfp/images/profile-h2-bg.png) repeat-x; font-size: 1.1em; font-weight: normal; color: #fff; text-indent: 19px; } #key-highlights { width: 350px; height: 275px; background: url(/a/rfp/images/highlights-bg-1.png) repeat-x; float: right; position: relative; margin-bottom: 10px; } #key-highlights table { margin: 0 0 0 20px; width: 305px; font-size: .9em; color: #fff; border-collapse: collapse; } #key-highlights th { width: 60%; text-align: left; font-weight: normal; padding: 2px 0; border-bottom: 1px dotted #999; } #key-highlights td { text-align: right; border-bottom: 1px dotted #999; } div.rfp { padding : 0 20px; width: 310px; left: 0; bottom: 0; position: absolute; height: 49px;} .rfp-actions-container { width: 330px; padding: 0 20px 0 20px; position: absolute; bottom: 2px; left: 0; } .rfp-request img { margin-left: -20px; } .rfp-request.meeting-estimator { margin-right: 10px; cursor: pointer; } .rfp-information { float: left; color: #fff; border-color: #fff; } .rfp-information img { border: none; } .rfp-request-info { width: 310px; margin-top: -10px; clear: both; float: left; } .contact-an-expert { float: right; color: #fff; border-color: #fff; } .rfp-request-info a:hover { border-bottom: 1px dotted transparent; } img.services-logo { display: block; margin: 50px auto; } /* New HTML Profile Buttons */ .rfp-actions-container .rfp-actions { position: absolute; bottom: 20px; width: 100%; } .rfp-actions-container a.rfp-request { background: #a0c02f url(/a/rfp/images/csn-button-sprite.png) repeat-x 0 1px; color: #fff; font-weight: bold; line-height: 1; padding: 6px; border: 1px solid #464646; max-height: 25px; width: 36%; text-align: center; float: left; text-decoration: none; } .rfp-actions-container a.rfp-request:hover { background: #6e8e23; border: 1px solid #464646; } .rfp-actions-container a.rfi-request { background: #a0c02f url(/a/rfp/images/csn-button-sprite.png) repeat-x 0 -25px; color: #fff; font-weight: bold; line-height: 1; padding: 6px; border: 1px solid #464646; max-height: 25px; width: 36%; text-align: center; margin-left: 15px; float: left; text-decoration: none; } .rfp-actions-container a.rfi-request:hover { background: #a66617; border: 1px solid #464646; cursor: pointer; } /* Content */ #content-container { background: #bdc6cd url(/a/rfp/images/highlights-bg.png) repeat-x; margin-bottom: 10px; } .content { width: 600px; float: left; } #image-gallery .content { width: 100%; } .content-block { margin: 10px; padding: 10px; background: #fff url(/a/rfp/images/content-block-bg.png) repeat-x; overflow: auto; } .content-block h3, #simple-rfp .content-block h3, #new-supplier h3 { font-size: 1.3em; font-weight: bold; padding: 5px 0; border-bottom: 1px dotted #707172; position: relative; background: none; color: #000; } #image-gallery #current-image h3 { margin: .75em 0; } span.promotion { top: 0; right: 0; position: absolute; font-size: .85em !important; color: #9d0132; } .content-block h3 label { width: 200px; font-size: .75em; top: 0; right: 65px; position: absolute; } .content-block select { top: -2px; right: -10px; position: absolute; font-size: .8em; } .content-block h4 { font-size: 1em; font-weight: bold; } .content-block table { width: 100%; } .content-table td { padding: 5px 5px; text-align: left; } table.content-table tbody .ms-grid a { color: #0f5179; border-bottom: 1px dotted #0f5179; text-decoration: none; } table.content-table tbody tr.ms-grid:hover a { color: #fff; border-bottom: 1px dotted #fff; } .content-block dl { width: 260px; color: #464646; float: left; } .content-block span.label {color: #0F5179;font-weight: bold;vertical-align: bottom;font-size:0.9em; } .attractions { margin-bottom: 5px; width:550px; } .attractions h3 { margin-bottom: 5px; } .attractions p { margin-bottom: 0; } .attractions img { width: 100px; height: 66px; float: left; margin: 5px 5px 0 0; border: 2px solid #c5c9ce; } .attractions a:hover { color: #000; } .attractions span.small { font-weight: normal; } .dest-promotion { border-bottom:1px dotted #707172; clear: both; float: left; width: 100%; } div.read-more {margin-bottom: 10px;} div.read-more a {border-style: none none dotted;} div.read-more a:hover { border-style: none;} span.read-more {margin-bottom: 10px; display: block; clear: both;} span.read-more a {border: 1px dotted #0F5179 !important; border-width: 0 0 1px 0 !important;} span.read-more a:hover { border: 0 !important;} .destination-neighborhood-list { width: 320px; background-color: #ECF4F7; border: 1px solid #92979B; padding: 8px; margin: 8px; float: right; } .destination-neighborhood-list h4 { margin-bottom: .85em; } .destination-neighborhood-list ul { list-style-type: none; margin: 0; padding: 0 0 0 5px;width: 320px; } .destination-neighborhood-list ul li {width: 160px;float: left;} .destination-neighborhood-list ul li a { text-decoration: none; border-bottom: 0;} ul.key-stats-misc { list-style-type: none; margin: 3px 0; padding: 0; overflow: auto; } ul.key-stats-misc li { display: block; float: left; padding: 2px 0; color: Black; } ul.key-stats-misc li.label { font-weight: bold; width: 170px; } ul.key-stats-misc li.data { width: 100px; padding-right: 10px; text-align: right; } .dg-banners { margin-left: 20px; text-align: center; width: 300px; } .dg-banners a { border-bottom: 0; } div.dg-banner { margin-bottom: 10px; } /* Image Gallery / Carousel */ .shrink, .flatten { height: 200px; width:auto} #profile-image li {text-align:center !important;} /* Content Block UL --------------------------------------------------------------*/ ul.two-column-half { width: 420px; padding: 0; list-style-type: none; } ul.two-column-half li { width: 170px; padding: 3px 0; display: inline; float: left; } ul.two-column-half li.align-right + li { clear: left; } ul.two-column-half li.wide80 { width: 250px;} ul.two-column-full { width: 100%; margin: 0; padding: 0; list-style-type: none; } ul.two-column-full li { width: 45%; height: 45px; margin-right: 5px; padding: 0 0 3px 20px; display: inline; float: left; } div.calculator ul.two-column-full li { height: auto; } ul.capacity li { padding: 10px 0; margin-bottom: 15px; border-bottom: 1px dotted #d7d7d7; } ul.capacity li+li { text-indent: 75px; } div#city-list ul { list-style-type: none; } div#city-list li { margin: 10px 0; } ul.four-column { width: 560px; padding: 0 !important; margin: 0 !important; list-style-type: none; } ul.four-column li { width: 150px; padding: 3px 0; display: inline; float: left; } ul.four-column li.indent-right { margin-left: -35px; padding-right: 15px; } div#current-image { padding: 0; width: 445px; height: auto; float: left; line-height: 0; } div#current-image img { max-width: 445px; margin: 0 auto; display: block; } div#gallery { float: right; width: 435px; } ul.thumbnails { padding: 0; margin: 0; } ul.thumbnails li { list-style-type: none; display: inline; float: left; } ul.thumbnails li img { width: 55px; height: 55px; margin-right: 3px; opacity: 0.7; } ul.thumbnails li a { border-bottom: none; } p.image-description { padding: 0; margin: 0; } ul.thumbnails { width: 435px; } div#gallery ul.thumbnails li a:hover img { border: 2px solid #C5C9CE; opacity: 1; } div#gallery ul.thumbnails li a.current-selection img { border: 2px solid #000; opacity: 1; } #sidebar { padding: 0 0 50px 0; float: left; position: relative; width: 350px; } #sidebar table { margin: 0 0 0 20px; width: 305px; font-size: .9em; } #sidebar th { width: 170px; text-align: left; font-weight: normal; padding: 3px 0; border-bottom: 1px dotted #999; } #sidebar td { width: 135px; text-align: right; border-bottom: 1px dotted #999; } #sidebar h4 { margin: 20px 0 10px 20px; padding-bottom: 5px; font-weight: bold; } #sidebar h3 { width: 325px; font-size: 1.2em; margin: 20px 0 10px 20px; padding-bottom: 5px; font-weight: bold; position: relative; } #sidebar h3 a { font-size: .75em; right: 0; margin-right: 20px;position: absolute; } iframe.facebook { width: 310px; height: 30px; top: 10px; left: 20px; position: relative; } /* Share Bar --------------------------------------------------------------*/ ul.share-bar { margin: 10px 0 10px 20px; padding: 0; list-style-type: none; position: relative; height:30px; z-index:100; } ul.share-bar.no-side-bar { margin: 0px; } ul.share-bar.side-bar { margin: 10px auto 0px; } ul.share-bar li { margin: 0; float: left; width: 45px; height: 30px; } ul.share-bar a { padding: 15px; display: block; text-decoration: none; border-bottom: 0; } ul.share-bar li div.sub { width: 210px; height: 135px; position: absolute; left: 0; top: 30px; display: none; } ul.share-bar li div.sub div.social-buttons { position: absolute; bottom: 20px; left: 20px; width: 80px; } ul.share-bar li div.sub div.social-link { position: absolute; left: 100px; bottom: 20px; } ul.share-bar li div.sub div.social-link a { background: none; padding: 0; display: inline; } #search-footer ul.share-bar li div.sub { top: -135px; } #search-footer ul.share-bar { margin: 0; } li.facebook a, li.facebook div.sub { background: #3b5999; } li.facebook a { background: #3b5999 url(/a/rfp/images/share-bar-icons.png) 50% 2px no-repeat; } li.facebook div.sub { background: #3b5999 url(/a/rfp/images/share-bar-icons-large.png) 132px 40px no-repeat; } li.twitter a, li.twitter div.sub { background: #2199cd; } li.twitter a { background: #2199cd url(/a/rfp/images/share-bar-icons.png) 50% -22px no-repeat; } li.twitter div.sub { background: #2199cd url(/a/rfp/images/share-bar-icons-large.png) 115px -155px no-repeat; } li.linkedin a, li.linkedin div.sub { background: #3071b1; } li.linkedin a { background: #3071b1 url(/a/rfp/images/share-bar-icons.png) 50% -46px no-repeat; } li.linkedin div.sub { background: #3071b1 url(/a/rfp/images/share-bar-icons-large.png) 115px -363px no-repeat; } li.google a, li.google div.sub { background: #000; } li.google a { background: #000 url(/a/rfp/images/share-bar-icons.png) 50% -72px no-repeat; } li.google div.sub { background: #000 url(/a/rfp/images/share-bar-icons-large.png) 116px -559px no-repeat; } li.virtual a, li.virtual div.sub { background: #333; } li.virtual a { background: #333 url(/a/rfp/images/share-bar-icons.png) 50% -98px no-repeat; } li.website a, li.website div.sub { background: #666; } li.website a { background: #666 url(/a/rfp/images/share-bar-icons.png) 50% -123px no-repeat; } li.email a, li.email div.sub { background: #999; } li.email a { background: #999 url(/a/rfp/images/share-bar-icons.png) 50% -148px no-repeat; } .fb_edge_widget_with_comment span.fb_edge_comment_widget { left: -400px !important; } /* Meeting Space Grid --------------------------------------------------------------*/ #csn table.meeting, .grid table { width: 100%; border-collapse: collapse !important; } table.meeting, .grid table { width: 100%; border-collapse: collapse !important; } table.meeting thead th, table.meeting thead td, .grid table thead th { text-align: center !important; } table.meeting .grid table .ms-title { background: #0f5179; border: 1px solid #fff !important; padding: 6px !important; color: #fff; } table.meeting .grid table .ms-title a { color: #fff !important; } table.meeting tbody tr.ms-grid td { width: 100px; background: #cce2ef; text-align: right !important; padding: 6px 5px !important; } table.meeting tbody tr.ms-grid td+td { width: 60px; } table.meeting tbody tr.ms-grid td.FixWidth,table.meeting tbody tr.ms-grid th.FixWidth { width:125px !important; padding:6px 2px !important;} table.meeting tbody tr.ms-grid th { width: 175px; background: #0f5179; padding: 6px 5px !important; color: #fff; } table.meeting tbody tr.ms-grid:hover td { color: #fff; background: #000; } table.meeting tbody tr.ms-grid:hover th { cursor: default; } table.meeting tbody .ms-grid a { color: #fff; border-color: #fff; } table.meeting tbody tr.ms-grid th, table.meeting tbody tr.ms-grid td { border-top: 1px solid #fff !important; border-left: 1px solid #fff !important; } .grid table { border-collapse: collapse !important; } .grid table thead th { padding: 5px 3px !important; text-align: left; } .grid table .configuration { background: #fff; text-align: center !important; } .grid table .ms-title { background: #0f5179; border: 1px solid #fff !important; padding: 6px 10px !important; text-align: left !important; color: #fff; } tr.ms-grid th, tr.ms-grid td { border-top: 1px solid #fff !important; border-left: 1px solid #fff !important; } .grid table tr.ms-grid td { background: #cce2ef; text-align: right !important; padding: 6px 10px !important; } .grid table tr.ms-grid th { background: #0f5179; color: #fff; padding: 6px 10px !important; } .ms-grid a { color: #fff; border-color: #fff; } .grid table tr.ms-grid:hover td { color: #fff; background: #000; } .grid table tr.ms-grid:hover th { color: #fff; background: #000; cursor: default; } .grid .buyout table tr.ms-grid:hover th { cursor: default; } .grid .buyout table tr.ms-grid:hover th { cursor: default; } td.align-left, th.align-left, div.align-left, li.align-left { text-align: left !important; } td.align-right, th.align-right, div.align-right, li.align-right { text-align: right !important; } td.align-center, th.align-center, div.align-center, li.align-center { text-align: center !important; } /* Climate Chart */ table.climate-chart tr.ms-grid th {padding: 1px; width:90px;} table.climate-chart tr.ms-grid td {padding: 1px !important; text-align: center !important; width:25px; } table.climate-chart thead th.ms-title {padding: 1px !important; width: 25px; text-align:center !important;} /* Footer --------------------------------------------------------------*/ #footer { height: 217px; background: #083c5c url(/a/rfp/images/footer-blue-bg.png) repeat-x 0 0; padding: 20px 0; } .footer h4 { margin-left: 35px; font-size: 1.2em; color: #fff; } .footer ul { margin: 0 0 0 35px; padding: 0; list-style-type: none; } .footer li { padding: 3px 0; } .footer li a { color: #fff !important; font-size: .8em; text-decoration: none; border-bottom: 1px dotted #fff !important; } .footer li a:hover { color: #fff; border: none !important; } /* Forms --------------------------------------------------------------*/ label { color: #05334f; font-size: .95em; font-weight: bold; padding-bottom: 5px; position: relative; } #new-supplier label { font-size: 1em; font-weight: bold; } label.sub-head { display: inline; float: left; font-weight: normal; } fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; } legend { font-weight: bold; font-size: .95em; color: #05334f; } input[type=text], input[type=password], input.text, input.title, select { font-size: .98em; background-color: #fff; border: 1px solid #acacac; position: relative; } input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, input.file:focus, textarea:focus, select:focus { border: 1px solid #2ac4f4; } textarea { font-size: 1.2em !important; font-family: Verdana, Arial, Helvetica, Sans-Serif; color: #464646; border: 1px solid #acacac; overflow: auto; } select { zoom: 1; } /* Simple RFP Form --------------------------------------------------------------*/ #vsRFP { padding: 10px 0 10px 10px; width: 698px !important; } #simple-rfp a { border: none; } #simple-rfp h1#logo a, #new-supplier h1#logo a { width: 250px; } #simple-rfp h3, #new-supplier h3 { margin: 0; padding: 10px 0; text-indent: 10px; background: url(/a/rfp/images/h2-left-bg.png) repeat-x; font-size: 1.2em; color: #fff; } #city-search h3 { font-size: 1.3em; font-weight: bold; padding-bottom: 5px; border-bottom: 1px dotted #707172; position: relative; text-align: left; } #simple-rfp h6 { color: #05334f; font-size: .95em; } #simple-rfp th, #simple-rfp td, #new-supplier th, #new-supplier td { vertical-align: middle; padding: 5px; } #simple-rfp input.cancel, #simple-rfp input.action { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: .5em 1em; } #simple-rfp .rfp-wizard-header { margin: 0; padding: 8px 10px 20px 10px; width: 690px; } #simple-rfp .rfp-wizard-header h3 { font-weight: normal; background: transparent; color: #333; text-indent: 0; font-size: 1.3em; line-height: 1.5; margin: 0 0 10px 0; padding: 0; } #simple-rfp .rfp-wizard-header p { margin: 0; } #character-count { width: 200px; display: inline-block; } table.two-column { width: 100%; background: #DAE2E7; } table.two-column th { width: 25% !important; border-right: 1px solid #fff !important; border-bottom: 1px solid #fff !important; } table.two-column td { width: 75% !important; border-right: 1px solid #fff !important; border-bottom: 1px solid #fff !important; } table.inner-two-column { width: 100%; } table.inner-two-column th { width: 25% !important; border-bottom: 1px solid #fff !important; border-right: 1px solid #fff !important; } table.inner-two-column td { width: 75% !important; border-bottom: 1px solid #fff !important; border-right: none !important; } td.collapse { padding: 0 !important; } table.inner-four-column { width: 100%; background: #DAE2E7; } table.inner-four-column th { width: 25% !important; border-bottom: 1px solid #fff !important; border-right: 1px solid #fff !important; } table.inner-four-column td { width: 25% !important; border-bottom: 1px solid #fff !important; border-right: none !important; } table.sleep-room-grid { width: 100%; } table.sleep-room-grid th { width: 25% !important; } table.two-column td table.sleep-room-grid td { width: auto !important; } /*table.sleep-room-grid td { width: 15% !important; }*/ table.two-column td textarea { width: 378px; height: 150px; } ul.status-bar { padding: 0; margin: 0 0 10px 0 !important; background: #9aafb9; } ul.status-bar a { display: block; padding: 5px; background: #9aafb9; color: #fff; border-color: #9aafb9; } ul.status-bar a:hover { color: #fff; } ul.status-bar li { padding: 0 0 0 20px; margin-left: -20px; text-indent: 10px; background: url(/a/rfp/images/img-progress-bar-triangle.png) no-repeat 0 0; float: left; display: inline; list-style-type: none; color: #fff; font-weight: bold; } ul.status-bar.status-bar-three-steps > li { width: 33.33%; } ul.status-bar.status-bar-four-steps > li { width: 25%; } ul.status-bar li.current-step, ul.status-bar li.complete-step { padding-left: 0; margin-left: 0; } ul.status-bar li.current-step a, ul.status-bar li.complete-step a { background: #0e4d74; /* Old browsers */ background: -moz-linear-gradient(top, #0e4d74 0%, #053450 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0e4d74), color-stop(100%,#053450)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0e4d74 0%,#053450 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0e4d74 0%,#053450 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0e4d74 0%,#053450 100%); /* IE10+ */ background: linear-gradient(to bottom, #0e4d74 0%,#053450 100%); /* W3C */ } ul.status-bar li.complete-step a { color: #c2c2c2; } #confirmation { padding: 30px; width: 648px; background: url(/a/rfp/images/confirmation-bg.png); border: 1px solid #0f5179; } #confirmation h2 { font-size: 2.0em; font-weight: bold; color: #000; } #confirmation p { font-size: 1.2em; color: #000; } #confirmation a { padding: 5px 10px; border: none; background: #0f5179; color: #fff; font-weight: bold; } #confirmation a:hover { background: #000; } #confirmation ul#form-nav { float: none; } td.FormSecHead, td.FormSpacer { display: none; } #plSleepRoomAddDay, #plSleepRoomCopy { background: #fff; border: 1px solid #0f5179;} a.SleepRoomActionLink.disabled{color:Gray;} /* Calendar */ div.Cal { background: #fff; position: relative; z-index: 100; } table.Header { width: 252px !important; background: #0f5179; color: #fff; } table.Header a { color: #fff; } table.Header td { border: none !important; } div.Cal td.btnYear, table.two-column td.btnYear { width: 10px !important; } div.Cal td.seperator, table.two-column td.seperator { width: 5px !important; } div.Cal td.btnMonth, table.two-column td.btnMonth { width: 10px !important; } div.Cal table.Header td.Heading, table.two-column table.Header td.Heading { width: 175px !important; text-align: center !important; } div.Cal table.Header td.Heading { text-align: center; } #calDateAjax { width: 252px; background: #fff; } table.two-column #calDateAjax th, table.two-column #calDateAjax td, div.Cal #calDateAjax th, div.Cal #calDateAjax td { width: 36px !important; text-align: center !important; border: 1px solid #000 !important; border-collapse: collapse; } div.Cal table.Header td.OtherMonthDay a { border-color: #cccccc; } div.Cal table.Header td, div.Cal #calDateAjax td { padding: 5px !important; } .OtherMonthDay a { color: #b0b0b0; } td.TodaysDay { background: #6a8a22; } td.TodaysDay a { color: #fff; font-weight: bold; border: none; } /* Success, notice and error boxes --------------------------------------------------------------*/ .error, .notice, .success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; } .error { background: #FBE3E4; color: #8a1f11; border-color: #900; } .error ul { margin: 0; color: #900; } .notice { background: #FFF6BF; color: #514721; border-color: #FFD324; } .success { background: #E6EFC2; color: #264409; border-color: #C6D880; } .error a { color: #8a1f11; } .notice a { color: #514721; } .success a { color: #264409; } .required { color: #9d0132; font-weight: bold; } .border-none { border: none !important; } /* Popups --------------------------------------------------------------*/ .preferred label { font-weight: normal; font-size: 1em; } .notes { font-size: 1.2em; background: #edf0f2; border: 1px solid #b0b0b0; } .availability { background-color: #cce2ef; border: 1px solid #b0b0b0; } .report ul.form { list-style: none; padding: 0; width: 500px; float: left; } .report ul.form li { float: left; margin: 2px 0; } .report ul.form li.label { width: 100px; text-align: right; padding: 0 10px 0 0; } .report ul.form li.input { width: 390px; } .report ul.form li input { font-size: 1.2em; background: #edf0f2; border: 1px solid #b0b0b0; } .rfi ul { list-style: none; padding: 0; margin: 0; clear: both; } .rfi ul li { float: left; margin: 3px 0; text-align: left; } .rfi ul li.label { width: 130px; text-align: right; padding: 0 10px 0 0; } .rfi ul li.input { width: 160px; } .rfi ul li.input .date { width: 75px; } .rfi ul .message { width: 450px; } .rfi label { width: 100px; text-align: right; padding: 0 10px 0 0; } .rfi ul li input { font-size: 1.2em; background: #edf0f2; border: 1px solid #b0b0b0; width: 150px; } .rfi h1 { line-height:1;margin-bottom:1em;border-bottom:1px dotted #707172;font-size:1.3em;font-weight:bold;padding-bottom:5px;position:relative;} .buttons { width: 150px; clear: both; margin: 0 auto; } ul#form-nav { padding: 10px 0; margin: 0 auto !important; float: left; } ul#form-nav li { display: inline; } ul#form-nav li a { padding: 0.5em 1em; background: url(/a/rfp/images/button-overlay.png) repeat-x; margin: 5px; border-bottom: none; color: #fff; text-decoration:none; } ul#form-nav li a:hover { background: #0f5179; } ul#form-nav li a.action { background-color: #81a128 !important; } ul#form-nav li a.cancel { background-color: #4685ab !important; } ul#form-nav li a.table { display: table; margin: 0 auto; } input.action, input.ButtonPanel { padding: 1px; background: #81a128 url(/a/rfp/images/button-overlay-2.png) repeat-x; border: none; color: #fff; cursor: pointer; } input.cancel, input.FormButton { padding: 1px; background: #4685ab url(/a/rfp/images/button-overlay-2.png) repeat-x; border: none; color: #fff; cursor: pointer; } input#people, input#roomsize { height: 15px !important; } li.message textarea { height: 85px; } /* Misc Styles --------------------------------------------------------------*/ .hidden { visibility: hidden; } .letterbox { height: 215px; display: block; margin: 0 auto; } .float-left { float: left; } .float-right { float: right; } img.float-right { border: 1px solid #ccc; } li.pdf { padding: 0 0 0 30px; list-style: none; background: url(/a/images/Icons/Image_types/pdf.gif) no-repeat; } li.doc { padding: 0 0 0 30px; list-style: none; background: url(/a/images/Icons/Image_types/doc.gif) no-repeat; } li.ppt { padding: 0 0 0 30px; list-style: none; background: url(/a/images/Icons/Image_types/ppt.gif) no-repeat; } li.txt { padding: 0 0 0 30px; list-style: none; background: url(/a/images/Icons/Image_types/txt.gif) no-repeat; } li.xls { padding: 0 0 0 30px; list-style: none; background: url(/a/images/Icons/Image_types/xls.gif) no-repeat; } li.jpg { padding: 0 0 0 30px; list-style: none; background: url(/a/images/Icons/Image_types/jpg.gif) no-repeat; } li.gif { padding: 0 0 0 30px; list-style: none; background: url(/a/images/Icons/Image_types/gif.gif) no-repeat; } li.bmp { padding: 0 0 0 30px; list-style: none; background: url(/a/images/Icons/Image_types/bmp.gif) no-repeat; } li.tif { padding: 0 0 0 30px; list-style: none; background: url(/a/images/Icons/Image_types/tif.gif) no-repeat; } li.png { padding: 0 0 0 30px; list-style: none; background: url(/a/images/Icons/Image_types/png.gif) no-repeat; } li.weblink { padding: 0 0 0 30px; list-style: none; background: url(/a/images/Icons/Image_types/weblink.gif) no-repeat; } table.ButtonPanel input { background: url(/a/rfp/images/images/button-overlay-2.png) repeat-x; margin: 5px; color: #fff; border: none; padding: 0.25em .5em; } table.ButtonPanel input:hover { background: #81a128; } table.ButtonPanel input.action { background-color: #81a128; } table.ButtonPanel input.cancel { background-color: #4685ab; } .search-button { width:50px !important; height:20px !important; margin: 20px 15px 0 5px; } p.no-records { text-align: center; font-weight: bold; } #Search_SEV_cbxVenueInfo, #Search_Rest_cbxlstRestaurantInfo { margin-top: -5px !important; } .simple-rfp-description { height: 250px !important; } .FormInfoTxt { margin-right: 5px; } #selectAll {padding-bottom: 5px; text-align:right;} #selectAll a {margin-right: 5px;} /* Skip Nav --------------------------------------------------------------*/ #skip a { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } #skip a:focus { position:static; width:auto; height:auto; } /* auto complete --------------------------------------------------------------*/ .autocomplete_dropdown{ font: Verdana !important; z-index: 1000; } ul.ui-autocomplete { padding: 0; margin: 0; background-color: white; width: 400px; border: 1px solid #999; list-style-type: none; position: absolute; } ul.ui-autocomplete li a { color: #0C486C; display: block; padding: 2px; cursor: pointer; border: 0; border-radius: 0; } ul.ui-autocomplete li a.ui-state-hover, ul.ui-autocomplete li a.ui-state-focus { background-color: #0C486C; color: #fff; } ul.ui-autocomplete li a strong { color: #14A1DA; } ul.ui-autocomplete li a.ui-state-hover strong, ul.ui-autocomplete li a.ui-state-focus strong { color: #fff; } li.ui-category-header-place, li.ui-category-header-airport, li.ui-category-header-landmark { border-top: 1px solid #999; } li.ui-category-header-airport a { background: url(/a/rfp/images/ac-sprite.png) 325px 0 no-repeat; } li.ui-category-header-airport a.ui-state-hover, li.ui-category-header-airport a.ui-state-focus { background: url(/a/rfp/images/ac-sprite.png) 325px -20px no-repeat; } li.ui-category-header-landmark { background: url(/a/rfp/images/ac-sprite.png) 325px -40px no-repeat; } li.ui-category-header-landmark a.ui-state-hover, li.ui-category-header-landmark a.ui-state-focus { background: url(/a/rfp/images/ac-sprite.png) 325px -60px no-repeat; } li.ui-category-header-place a { background: url(/a/rfp/images/ac-sprite.png) 325px -80px no-repeat; } li.ui-category-header-place a.ui-state-hover, li.ui-category-header-place a.ui-state-focus { background: url(/a/rfp/images/ac-sprite.png) 325px -100px no-repeat; } .autocomplete-container { position: relative; } /* Search Results popup box style --------------------------------------------------------------*/ .popimages div.buttons { width: 150px; margin: 0 auto; } .errheader { text-align:left; padding-left:10px; } .errheader UL { padding: 0px; margin: 0px; } .errheader UL LI { padding-right: 2px; padding-left: 2px; padding-top: 2px; list-style-type: square; list-style-position:inside; } .cbxDiv { overflow-y: auto; overflow-x: hidden; height:300px; text-align:-moz-left; position: relative; } .cbxDiv { overflow-y: auto; overflow-x: hidden; height:300px; position: relative; } div.info select { position:relative !important; right:auto; top:auto; font-size: 1em; } /* Calculator -----------------------------------------------*/ table.calculator { border: 1px solid #05334f; } ul.two-column-full table { width: 245px; } table.calculator td { padding: 10px 0 10px 10px; } table.calculator td.heading { background: url(/a/rfp/images/h2-left-bg.png) repeat-x; color: #fff; } table.calculator tr { background: none !important; color: #464646 !important; } table.calculator input.button { border: none; } span.calculation { font-weight: bold; color: #9d0132; height:20px;} .calculator select { top: 0; right: 0; position: relative; } table.calculator tr label { color: #05334f; margin-right: 5px; } div.calculator select { font-size: 1em !important; } /* Tooltip */ a.tooltip img, a.tooltip img:hover { border: none !important; } div.tip-container { display: none; } div.show-tip { width: 245px; background: #fff; display: none; border: 1px solid #92979b; position: absolute; right: 0; top: 25px; z-index: 10000; color: #0A4365; -moz-box-shadow: 5px 5px 5px #888; -webkit-box-shadow: 5px 5px 5px #888; box-shadow: 10px 10px 5px #888; } .show-tip div.promotion { padding: 5px 0; margin: 10px; border-bottom: 1px dotted #464646; z-index: inherit !important; } .show-tip div.promotion h4 { font-size: 1em; font-weight: bold; margin: 0; z-index: inherit !important; } .show-tip div.promotion p { font-size: 1em; font-weight: normal; margin: 0; color: #464646; z-index: inherit !important; } /* Star Rating */ table.star-rating { width: 100%; } table.star-rating label { position: absolute; left: -99999px; } table.star-rating img { display: inline; } img.five-half-star { height: 15px; background: url(/a/rfp/images/star-rating.png) no-repeat -600px 3px; float: none !important; width: 60px; } img.five-star { height: 15px; background: url(/a/rfp/images/star-rating.png) no-repeat 0 3px; float: none !important; width: 55px; } img.four-half-star { height: 15px; background: url(/a/rfp/images/star-rating.png) no-repeat -60px 3px; float: none !important; width: 57px; } img.four-star { height: 15px; background: url(/a/rfp/images/star-rating.png) no-repeat -120px 3px; float: none !important; width: 44px; } img.three-half-star { height: 15px; background: url(/a/rfp/images/star-rating.png) no-repeat -180px 3px; float: none !important; width: 46px; } img.three-star { height: 15px; background: url(/a/rfp/images/star-rating.png) no-repeat -240px 3px; float: none !important; width: 34px; } img.two-half-star { height: 15px; background: url(/a/rfp/images/star-rating.png) no-repeat -300px 3px; float: none !important; width: 35px; } img.two-star { height: 15px; background: url(/a/rfp/images/star-rating.png) no-repeat -360px 3px; float: none !important; width: 23px; } img.one-half-star { height: 15px; background: url(/a/rfp/images/star-rating.png) no-repeat -421px 3px; float: none !important; width: 25px; } img.one-star { height: 15px; background: url(/a/rfp/images/star-rating.png) no-repeat -480px 3px; float: none !important; width: 11px; } div#key-highlights img.five-half-star { height: 14px; background: url(/a/rfp/images/star-rating.png) no-repeat -600px -12px; float: none !important; width: 60px; } div#key-highlights img.five-star { height: 14px; background: url(/a/rfp/images/star-rating.png) no-repeat 0 -12px; float: none !important; width: 55px; } div#key-highlights img.four-half-star { height: 14px; background: url(/a/rfp/images/star-rating.png) no-repeat -60px -12px; float: none !important; width: 57px; } div#key-highlights img.four-star { height: 14px; background: url(/a/rfp/images/star-rating.png) no-repeat -120px -12px; float: none !important; width: 44px; } div#key-highlights img.three-half-star { height: 14px; background: url(/a/rfp/images/star-rating.png) no-repeat -180px -12px; float: none !important; width: 46px; } div#key-highlights img.three-star { height: 14px; background: url(/a/rfp/images/star-rating.png) no-repeat -240px -12px; float: none !important; width: 34px; } div#key-highlights img.two-half-star { height: 14px; background: url(/a/rfp/images/star-rating.png) no-repeat -300px -12px; float: none !important; width: 35px; } div#key-highlights img.two-star { height: 14px; background: url(/a/rfp/images/star-rating.png) no-repeat -360px -12px; float: none !important; width: 23px; } div#key-highlights img.one-half-star { height: 14px; background: url(/a/rfp/images/star-rating.png) no-repeat -421px -12px; float: none !important; width: 25px; } div#key-highlights img.one-star { height: 14px; background: url(/a/rfp/images/star-rating.png) no-repeat -480px -12px; float: none !important; width: 11px; } /* Bing Maps --------------------------------------------------------------*/ div#BingInfoBox { border: 1px solid #92979b; -moz-box-shadow: 5px 5px 5px #888; -webkit-box-shadow: 5px 5px 5px #888; box-shadow: 10px 10px 5px #888; } div#BingInfoBox table { width: 250px; } div#BingInfoBox th { text-align: left; } /* New For Destinations --------------------------------------------------------------*/ a.button { padding: 5px 10px; width: auto; float: left; display: block; margin: 10px 0 0; background: url(/a/rfp/images/destinationguide/button-bg.png) repeat-x; text-decoration: none; color: #fff; font-weight: bold; text-transform: uppercase; text-align: center; border: 1px solid #415415 !important; } a.button:hover { background: #6e8e23; } div.button-container { overflow: auto; padding-bottom: 5px; } div.button-container a.button { margin-right: 10px; } ul.nearby-destinations { width: 300px; float: left; list-style-type: none; padding-left: 20px; } ul.nearby-destinations li { margin-right: 5px; width: 48%; float: left; } .dg-button { margin: -26px 0 10px; width: 180px; overflow: hidden; } .dg-button-link {border-bottom: none;} ul.airport { float: left; list-style-type: none; margin: 0 20px 10px 0; padding: 0; } .meetings-block { margin-bottom: 15px; border-bottom: 1px solid #ccc; padding-bottom:10px } .meeting-thumb { margin: 0; width: 125px; height: 125px; overflow: hidden; float: right; } /* Hack to fix CSN ComponentArt "More Choices" modal dialog for Safari 6. * --------------------------------------------------------------*/ .ComponentArtModalFix { position: fixed !important; top: 25% !important; } .modalMaskCssClass { position: fixed !important; top: 0px !important; } /* Sub Navigation */ .sub-menu { margin: 10px -10px 16px -10px; float: left; width: 580px; position: relative; } .sub-menu ul.sub-navigation { width: 550px; float: left; width: 100%; border-bottom: 1px solid #c1d2dc; margin: 0; padding: 0; position: relative; list-style-type: none; } .sub-menu ul.sub-navigation li { float: left; position: relative; bottom: -1px; } .sub-menu ul.sub-navigation li a { float: left; padding: .6em 1em; border-right: 1px solid #c1d2dc; border-bottom: 1px solid #c1d2dc; border-top: 1px solid #c1d2dc; background: #e3ebef; color: #000; } .sub-menu ul.sub-navigation li a:hover { background: #ecf2f5; } .sub-menu ul.sub-navigation li a.active { background: #fff; font-weight: bold; border-bottom-color: transparent; } .content-block p.seo-heading-3 { font-size: 1.3em; font-weight: bold; padding: 5px 0; position: relative; color: #000; margin: 0; line-height: 1; } .content-block h3.seo-paragraph { font-size: 1em; font-weight: bold; line-height: 1.75em; color: #464646; padding: 0; border-bottom: 0; clear: both; } .content-block .sub-menu + h3.seo-heading-3 { clear: both; } /* Destination Profile Page - Suppliers - Styles */ .destination-profile-suppliers div.cv-dropdown.sort { margin-bottom: 10px; float: right; } .destination-profile-suppliers select { font-size: 8pt; font-family: Verdana, Arial, Helvetica, Sans-Serif; border: 1px solid #000; position: relative; left: 0; top: 0; } .destination-profile-suppliers div.result { margin: 0 0 5px 0; } .destination-profile-suppliers div.result h3 { font-size: 1.2em; line-height: 1.5; font-weight: bold; padding: 5px 0; border-bottom: none; margin-bottom: 0; } /* need font size? line-height? */ .destination-profile-suppliers div.result h3 a { border-bottom: none; } .destination-profile-suppliers div.result a.button { padding: 3px 10px; position: absolute; right: 0; top: -7px; margin: 10px 0; font-size: .9em; } .destination-profile-suppliers div.result-content-wrapper { border-top: 1px dotted #ccc; padding: 5px 0; } .destination-profile-suppliers div.result img.thumbnail { margin: 0 10px 10px 0; width: 75px; height: 75px; background: #ccc; display: block; float: left; } .destination-profile-suppliers div.result p { width: 235px; float: left; margin-bottom: 1em; margin-top: 0; font-size: 1em; } .destination-profile-suppliers table.highlights { margin: 0 0 0 10px; width: 215px; float: right; font-size: .95em !important; color: #464646; } .destination-profile-suppliers table.highlights td { text-align: right; } .destination-profile-suppliers table.highlights th { text-align: left; } /* Inline Search Results Ads */ .result.inline-ad { position: relative; border: 1px solid #000; margin: 10px 8px 12px 8px; padding: 0; height: 150px; overflow: hidden; background: #000 url(/a/rfp/images/inline-ad-bg.png) repeat-x 0 0; background-image: -webkit-gradient(linear, left top, left bottom, from( #38393a ) , to( #151718 )); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient( #38393a , #151718 ); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient( #38393a , #151718 ); /* FF3.6 */ background-image: -ms-linear-gradient( #38393a , #151718 ); /* IE10 */ background-image: -o-linear-gradient( #38393a , #151718 ); /* Opera 11.10+ */ background-image: linear-gradient( #38393a , #151718 ); } .result.inline-ad .inline-ad-text { width: 310px; padding: 5px 5px 5px 1px; } .result.inline-ad a { color: #fff; border: 0; font-size: 1.2em; font-weight: bold; position: relative; display: block; overflow: hidden; background-size: contain; } .result.inline-ad p { color: #fff; font-size: .9em; padding: 0 5px 0 20px; margin-top: 5px; overflow: hidden; } .result.inline-ad .inline-ad-image { position: absolute; top: 0; right: 0; width: 220px; height: 150px; overflow: hidden; } .result.inline-ad .inline-ad-image a { background-repeat: no-repeat; background-position: center; } .result.inline-ad .inline-ad-image img { float: none; margin: 0; border: 0; } /* Recommended Footer Ads for Profile Pages */ .recommended-ads-footer { margin: 0 0 10px 0; background: #191b1d; } .recommended-ads-footer h3 { font-size: 1.2em; font-weight: bold; color: #fff; margin: 15px 15px 0 15px; } .recommended-ad-wrapper { padding: 8px 12px; width: 271px; float: left; margin: 15px 0 16px 16px; height: 256px; background: #353a3e; overflow: hidden; position: relative; } .recommended-ad-wrapper.house-ad { width: 285px; overflow: hidden; height: 200px; padding: 5px; } .recommended-ad-wrapper .recommended-ad-header a { font-size: 1.05em; color: #add9f4; border-bottom-color: #add9f4; font-weight: bold; } .recommended-ad-wrapper .recommended-ad-description { float: left; clear: both; } .recommended-ad-wrapper .recommended-ad-description p { color: #f0f0f0; line-height: 1.5; font-size: .9em; } .recommended-ad-wrapper .recommended-ad-description a { border: 0; } .recommended-ad-wrapper .recommended-ad-description img { float: left; margin: 2px 8px 8px 0; } .recommended-ad-wrapper table { width: 271px; margin: 0 auto; vertical-align: middle; position: absolute; bottom: 34px; } .recommended-ad-wrapper table th { color: #f0f0f0; font-size: .9em !important; padding: 2px 0 !important; text-align: left; border-top: 1px dotted #6d6d6d !important; } .recommended-ad-wrapper table td { color: #f0f0f0; font-size: .9em !important; padding: 2px 0 !important; text-align: right; border-top: 1px dotted #6d6d6d !important; } .recommended-ad-wrapper table tr:first-child th { border-top: 0 !important; } .recommended-ad-wrapper table tr:first-child td { border-top: 0 !important; } .recommended-ad-wrapper .recommended-ad-footer { position: absolute; bottom: 0; left: 0; width: 100%; background: #2a2e31; padding: 9px 12px 7px 26px; color: #eee; font-size: .95em; line-height: 1; font-family: Arial, Helvetica, Verdana, sans-serif; text-transform: uppercase; letter-spacing: 1px; } .recommended-ad-wrapper .recommended-ad-footer span.location-icon { display: block; width: 12px; height: 16px; position: absolute; left: 12px; top: 5px; background: url(/a/rfp/images/csn-sprite.png) -190px -36px no-repeat; } /* UI Accessible */ .ui-helper-hidden-accessible { position: absolute; left: -9999px; } /* Area Destinations */ #csn table.dlNeigh { width: 540px; } #csn table.dlNeigh td { width: 115px; padding: 10px; vertical-align:top; text-align: center; word-wrap: break-word; } #csn table.dlNeigh td img { margin: 0 auto; } /* UI Modal Popups */ .ui-modal-popup { border-top-width: 0; } .ui-modal-popup .ui-modal-header { padding: 10px 15px; border-top-left-radius: 10px; border-top-right-radius: 10px; background: #999; } .ui-modal-popup.alert-popup .ui-modal-header { background: #d32525; } .ui-modal-popup.warning-popup .ui-modal-header { background: #e05f21; } .ui-modal-popup .ui-modal-header span { font-size: 1.3em; font-weight: bold; color: #fff; } .ui-modal-popup .ui-modal-content { padding: 15px; } .ui-modal-popup .ui-modal-content p { color: #000; } .ui-modal-popup .ui-modal-content p:first-child { margin-top: 0; } .ui-modal-popup .ui-modal-content #action-barBtm { margin-top: 18px; } .ui-modal-popup .ui-modal-content h3 { font-size: 1.2em; font-weight: bold; } /* button style */ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; font: 11px Verdana, Geneva, sans-serif; /*position: absolute;*/ top: 0; right: 0; } .sf-menu { line-height: 1.0; float: left; left: 50%; position: relative; text-align: center; } .sf-menu li { background: url(/a/images/bar-bg.png) repeat-x; /*border-left: 1px solid #b0b0b0;*/ -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #b0b0b0; margin: 0 2px; } .sf-menu li { float: left; right: 50%; position: relative; } #action-barTop input.FormButton,#action-barBtm input.FormButton, .action-barGrid input.FormButton { margin: 0; background: /*#edf0f2*/ url(/a/images/bar-bg.png) repeat-x; border: none; color: #303030; height: 21px; padding: 4px 15px; } #action-barTop input.FormButton:hover, #action-barBtm input.FormButton:hover, .action-barGrid input.FormButton:hover { background: #cccccc; cursor: pointer; } /* Promotion Hub ------------------------------------------------------------- */ /* Main Container */ .promo-search { padding-bottom: 14px; position: relative; } /* Feature Promos - Carousel */ .promo.feature { width: 948px; height: 296px; border: 0; overflow: hidden; background: #000 url(/a/rfp/images/highlights-bg-1.png) left bottom repeat-x; margin: 0; cursor: default; float: left; position: relative; } .promo.feature .promo-image { width: 473px; height: 296px; overflow: hidden; position: absolute; left: 0; top: 0; border-bottom: 0; } .promo.feature .promo-details { width: 435px; height: 280px; overflow: hidden; position: absolute; right: 0; top: 0; text-shadow: 0 1px #000; padding: 16px 20px 0px 20px; } .promo.feature .promo-details h2 { font-size: 1.5em; line-height: 1.4; color: #a4d7f7; margin-bottom: 2px; max-height: 47px; } .promo.feature .promo-details h2 a { color: #a4d7f7; } .promo.feature .promo-details p { font-size: 1.1em; color: #ddd; } .promo.feature .promo-details .purchase-info { position: absolute; bottom: 0; left: 20px; height: 80px;padding-bottom: 0; } .promo.feature .promo-action-bar { float: left; list-style: none; margin: 15px 0 0 0; padding: 0; width: 335px; } .promo.feature .promo-action-bar li { float: left; } .promo.feature .promo-action-bar li + li { padding-left: 16px; } .promo.feature .promo-action-bar li a { border-radius: 3px; color: #fff; display: block; height: 16px; padding: 6px 24px; text-align: center; text-shadow: none; font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 1.1em; } .promo.feature .promo-action-bar .secondary-button a { background: #18769e; border: 1px solid #156a8e; } .promo.feature .promo-action-bar .primary-button a { background: #7bac40; border: 1px solid #6b9d36; } .promo.feature .promo-action-bar .secondary-button a:hover { background: #166e92; transition: all 0.15s ease; } .promo.feature .promo-action-bar .primary-button a:hover { background: #6b9d36; transition: all 0.15s ease; } .promo.feature .promo-details .venue-location { padding: 0; background: transparent; } .promo.feature .promo-details .venue-location h4 { color: #fff; font-size: 1.2em; line-height: 1.2; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 430px; } .promo.feature .promo-details .venue-location p { color: #fff; font-size: 1.1em; font-family: Arial, Helvetica, Verdana, sans-serif; margin-top: 4px; } .promo.feature .promo-details .purchase-info h3 { font-size: 1.5em; font-weight: bold; color: #a4d7f7; padding: 8px 20px; margin: 0 -20px; background: #000 url(/a/rfp/images/csn-feature-promo-bar-bg.jpg) 0 0 repeat-x; position: absolute; bottom: 0; width: 435px; height: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-shadow: 0 1px #000; } .promo.feature .promo-details .venue-location span.location-icon { background-position: -190px -36px; } /* Search Result Promos */ .promo-results { padding: 8px 0 0 0; overflow: hidden; margin: 0 -8px; width: 970px; clear: left; } .promo-wrapper { background: #fff; border: 1px solid #dfe2e5; border-radius: 3px; float: left; margin: 8px; overflow: hidden; width: 304px; height: 198px; } .promo-wrapper:hover { background: #fff; border: 1px solid #bbb; box-shadow: 0 0 5px #bbb; box-shadow: 0 0 5px rgba(0,0,0,0.2); transition: all 0.1s ease; } .promo-wrapper .promo { width: 304px; display: block; overflow: hidden; position: relative; cursor: pointer; border: 0; height: 151px; outline: 0; } .promo-wrapper.premium { height: 414px; } .promo-wrapper.premium > a.promo { height: 367px; } .promo-wrapper .promo-image { height: 215px; overflow: hidden; position: relative; background: url(/a/rfp/images/no-promotion-image.png) no-repeat 50% 50%; } .promo-wrapper .promo-image img { position: absolute; display: block; height: 100%; left: -20px; } .promo-wrapper .promo-details { padding: 12px 12px 0 12px; } .promo .promo-details h2 { font-family: Arial, Helvetica, Geneva, Verdana, sans-serif; font-size: 1.3em; font-weight: normal; line-height: 1.4; margin-bottom: 1px; color: #27658a; overflow: hidden; text-transform: capitalize; max-height: 38px; } .promo a.promo-button { font-size: 1.1em; display: inline-block; padding: 5px 24px; font-weight: bold; color: #fff; border: 1px solid #6b9d36; background: #7bac40; margin-bottom: 15px; text-decoration: none; border-radius: 3px; } .promo .promo-details a.promo-button:hover { background: #6b9d36; } .promo .promo-details p { font-size: 1em; line-height: 1.6; margin: 0; color: #666; } .promo .promo-details .purchase-info { position: absolute; bottom: 0; height: auto; padding-bottom: 8px; } .promo .promo-details .purchase-info h3 { font-family: Arial, Helvetica, Geneva, Verdana, sans-serif; font-size: 1.3em; font-weight: bold; color: #28abdf; padding: 8px 12px; margin: 0 -12px; width: 282px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border: 0; line-height: 1; } .promo .venue-location { padding: 12px 12px 10px 12px; background: #e9eff3; } .promo .venue-location h4 { font-weight: bold; color: #27658a; font-family: Arial, Helvetica, Geneva, Verdana, sans-serif; font-size: 1.25em; line-height: 1.25; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .promo .venue-location p { font-size: 1.15em; line-height: 1.5; font-family: Arial, Helvetica, Geneva, sans-serif; margin: 2px 0 0 0; color: #27658a; } .promo .venue-location span.location-icon { display: block; width: 12px; height: 16px; float: left; background: url(/a/rfp/images/csn-sprite.png) -160px -127px no-repeat; } .promo ul.promo-category { position: absolute; z-index: 1; list-style: none; margin: 0; padding: 0; } .promo ul.promo-category li { float: left; width: 85px; margin-left: 6px; font-family: Arial, Helvetica, Geneva, Verdana, sans-serif;text-transform: uppercase; font-size: .8em; line-height: 1.1em; padding: 8px 6px; font-weight: bold; color: #fff; text-shadow: none; background: url(/a/rfp/images/csn-promo-category-bg-sprite.png) 0 0 repeat-x; height: 9px; position: relative; overflow: hidden; box-shadow: 1px 1px 2px #333; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); } .promo ul.promo-category li:first-child { margin-left: 0; } .promo ul.promo-category li.trending { background-position: 0 0; } .promo ul.promo-category li.exclusive { background-position: 0 -25px; } .promo ul.promo-category li.ending-soon { background-position: 0 -50px; } .promo ul.promo-category li.planner { background-position: 0 -75px; text-align: center; font-size: 1em; line-height: 1; } .promo ul.promo-category li span.category-icon { float: left; margin-top: -4px; margin-right: 4px; display: block; width: 12px; height: 15px; background: url(/a/rfp/images/csn-sprite.png) 0 0 no-repeat; } .promo ul.promo-category li.trending span.category-icon { background-position: -99px -39px; } .promo ul.promo-category li.for-you span.category-icon { background-position: -129px -38px; } .promo ul.promo-category li.exclusive span.category-icon { background-position: -129px -38px; } .promo ul.promo-category li.ending-soon span.category-icon { background-position: -159px -37px; } .promo ul.promo-category li.planner span.category-icon { display: none; } /* Promo Buttons */ .promo-wrapper .promo-action-bar { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; overflow: hidden; list-style: none; margin: 0 12px; padding: 0; width: 280px; border-top: 1px solid #eee; } .promo-wrapper .promo-action-bar .secondary-button a { padding: 8px 0 8px 2px; outline: 0; } .promo-wrapper .promo-action-bar .primary-button a { padding: 8px 0; float: right; outline: 0; } .promo-wrapper .promo-action-bar li a { border: 0; color: #444; display: block; float: left; text-decoration: none; width: 140px; box-sizing: border-box; } .promo-wrapper .promo-action-bar li a span { background: #f8f8f8; border: 1px solid #d7dee3; border-radius: 3px; display: block; height: 16px; padding: 6px 0; text-align: center; } .promo-wrapper .promo-action-bar .secondary-button a span { background: none; border: 0; color: #707070; text-align: left; padding: 6px 0; float: left; } .promo-wrapper .promo-action-bar .primary-button a span { background: #7bac40; border: 1px solid #6b9d36; color: #fff; padding: 6px 0; } .promo-wrapper .promo-action-bar .secondary-button a span:hover { background: none; color: #2093cd; transition: all 0.15s ease; } .promo-wrapper .promo-action-bar .primary-button a span:hover { background: #6b9d36; transition: all 0.15s ease; } .promo-wrapper .promo-action-bar .primary-button.disabled a { cursor: default; outline: 0; } .promo-wrapper .promo-action-bar .primary-button.disabled a span { background: #b8b8b8 url(/a/rfp/images/csn-promo-disabled-button-bg.png) 0 0 repeat-x; border: 1px solid #a8a8a8; color: #666; } .promo-wrapper .promo-action-bar .primary-button.disabled a span:hover { cursor: default; } /* Promo Details Page */ .promo-popup { border: 0; background: #fff; } .promo.details-page { width: auto; height: auto; overflow: hidden; float: none; margin: 0; padding: 10px 0; background: #fff url(/a/rfp/images/content-block-bg.png) top left repeat-x; text-shadow: none; cursor: default; border: 0; clear: left; } .promo.details-page span { line-height: 1; } .promo.details-page .content { width: 450px; margin-left: 10px; float: left; } .promo.details-page .content .planner-exclusive { position: absolute; top: 12px; left: 12px; z-index: 1; margin: 0; padding: 0; background: url(/a/rfp/images/csn-promo-category-bg-sprite.png) repeat-x 0 -75px; height: 9px; padding: 8px; line-height: 1; color: #fff; text-transform: uppercase; font-weight: bold; font-family: Arial, Helvetica, sans-serif; } .promo.details-page .promo-image { width: 446px; height: 279px; overflow: hidden; border: 1px solid #dfe2e5; margin: 0 0 20px 0; } .promo.details-page .promo-image img { width: 100%; } .promo.details-page .sidebar { width: 270px; margin-right: 10px; float: right; } .promo.details-page .share-bar { margin: 0 0 25px 0; } .promo.details-page .venue-info { margin: 0 0 25px 0; } .promo.details-page .venue-info .venue-location { margin: 0 0 5px 0; padding: 0; background: none; } .promo.details-page .venue-info h4 { font-weight: bold; color: #0f5179; font-size: 1.2em; margin: 0; overflow: visible; text-overflow: clip; white-space: normal; width: auto; max-height: none; } .promo.details-page .venue-info h4 a { border-bottom: 0; } .promo.details-page .venue-info p { font-size: 1em; margin: 2px 0 0 0; line-height: 1.6; color: #464646; } .promo.details-page .venue-info span.location-icon { background-position: -220px -36px; } .promo.details-page .sidebar h3 { border-bottom: 1px dotted #707172; color: #000; font-size: 1.2em; font-weight: bold; margin: 0 0 10px 0; padding-bottom: 5px; } .promo.details-page .sidebar p { font-size: 1.1em; } .promo.details-page .promo-details { position: relative; height: auto; bottom: auto; padding: 0; } .promo.details-page .promo-category + .promo-details { margin-top: 45px; } .promo.details-page .planner-exclusive + .promo-details { margin-top: 45px; } .promo.details-page h2 { font-size: 1.8em; font-weight: bold; line-height: 1.2; margin-bottom: .4em; color: #000; max-height: none; } .promo.details-page .promo-details h3 { font-family: Arial, Helvetica, Geneva, Verdana, sans-serif; font-size: 1.7em; font-weight: bold; color: #11a2db; margin-bottom: 1em; line-height: 1; } .promo.details-page p { font-size: 1.1em; margin: .75em 0; } .promo.details-page .promo-button + p { margin-top: 0; } .promo.details-page .promo-details .additional-info p { font-size: 1em; } .promo.details-page .additional-info h3 { font-size: 1.2em; color: #000; font-family: Verdana, Geneva, sans-serif; margin: 20px 0 10px 0; padding-bottom: 5px; border-bottom: 1px dotted #707172; } .promo.details-page .additional-info ul { padding: 0; } .promo.details-page .additional-info ul li { padding-bottom: 5px; } .promo.details-page ul.promo-category { top: 12px; left: 12px; } /* Public - Guest side version */ .promo.details-page.public { background: none; width: 930px; } .promo.details-page.public .content { width: 550px; } .promo.details-page.public .sidebar { width: 320px; } .promo.details-page.public .promo-image { width: 520px; height: 300px; } /* Inactive Promo */ .promo.details-page.inactive { padding: 50px 10px; } .promo.details-page.inactive a.promo-button { margin: 10px 0 0 0; } .promo .venue-info table { width: 100%; border: 0; border-collapse: collapse; color: #464646; } .promo .venue-info table th { text-align: left; font-weight: normal; padding: 4px 0; line-height: 1; } .promo .venue-info table td { text-align: right; padding: 4px 0; line-height: 1; } /* overwrites reset file specificity */ #csn .promo .venue-info table { width: 100%; border: 0; border-collapse: collapse; color: #464646; } #csn .promo .venue-info table th { text-align: left; font-weight: normal; padding: 5px 0; line-height: 1; border-bottom: 1px solid #eee; } #csn .promo .venue-info table td { text-align: right; padding: 5px 0; line-height: 1; border-bottom: 1px solid #eee; } /* overwrites reset file specificity */ .promo .promo-dates { position: relative; margin: 0 0 25px 0; } .promo .promo-dates ul.date-toggle-control { position: absolute; right: 0; top: 0; list-style: none; margin: 0; padding: 0; } .promo .promo-dates ul.date-toggle-control li { float: right; width: 18px; margin-left: 4px; } .promo .promo-dates ul.date-toggle-control li a { float: right; text-indent: -99999px; display: block; width: 18px; height: 18px; background: url(/a/rfp/images/csn-sprite.png) no-repeat; border-bottom: none; outline: none; } .promo .promo-dates ul.date-toggle-control li a.list { background-position: -186px -7px } .promo .promo-dates ul.date-toggle-control li a.calendar { background-position: -246px -7px } .promo .promo-dates ul.date-toggle-control li a.list.active { background-position: -216px -7px } .promo .promo-dates ul.date-toggle-control li a.calendar.active { background-position: -276px -7px } .promo .promo-dates .promo-date-list { display: none; } .promo .promo-dates .promo-date-calendar { display: none; } .promo .promo-dates .promo-date-list.is-visible { display: block; } .promo .promo-dates .promo-date-calendar.is-visible { display: block; } .promo .promo-dates .promo-date-list ul { margin: 0; padding: 0; list-style: none; color: #464646; } .promo .promo-dates .promo-date-list ul li { padding-bottom: 4px; } /* Promo Details Calendar */ #csn .promo.details-page .promo-dates .promo-date-calendar .Cal { background: none; } #csn .promo.details-page .promo-dates .promo-date-calendar table { border-color: #ddd !important; } #csn .promo.details-page .promo-dates .promo-date-calendar table.Header td { color: #fff; padding: 5px; text-align: center; font-weight: bold; background: #0f5179; } #csn .promo.details-page .promo-dates .promo-date-calendar table.Header td a { color: #fff !important; font-weight: bold; cursor: pointer; } #csn .promo.details-page .promo-dates .promo-date-calendar table th.DayHeader { border-color: #d0d0d0; font-weight: bold; color: #000; padding: 1px 0 3px 0; background: #fff; } #csn .promo.details-page .promo-dates .promo-date-calendar table td { border: 1px solid #d0d0d0; padding: 5px; font-weight: normal; color: #000; background: #fff; } #csn .promo.details-page .promo-dates .promo-date-calendar table > tbody > tr > td:first-child { padding: 0; } #csn .promo.details-page .promo-dates .promo-date-calendar table td a { cursor: default; text-decoration: none; border: 0; color: #000; } #csn .promo.details-page .promo-dates .promo-date-calendar table td.OtherMonthDay a { color: #b0b0b0 !important; } #csn .promo.details-page .promo-dates .promo-date-calendar table td.TodaysDay { background: transparent; } #csn .promo.details-page .promo-dates .promo-date-calendar table td.TodaysDay a { color: #000; font-weight: normal; } #csn .promo.details-page .promo-dates .promo-date-calendar table td.valid-promo-date { background: #c8e4f0 !important; font-weight: bold; color: #000 !important; } #csn .promo.details-page .promo-dates .promo-date-calendar table td.valid-promo-date a { color: #000 !important; } #csn .promo.details-page .promo-dates .promo-date-calendar table td.OtherMonthDay.valid-promo-date a { color: #b0b0b0 !important; } /* Venue Tab Promos */ .venue-promo-wrapper.content-block { padding: 0; background: transparent; } .venue-promo-wrapper.content-block .promo-wrapper.premium { width: 576px; margin: 0 0 10px 0; height: 172px; position: relative; } .venue-promo-wrapper.content-block .promo-wrapper { width: 576px; margin: 0 0 10px 0; height: 135px; position: relative; } .venue-promo-wrapper.content-block .promo { width: auto; height: auto; max-height: none; margin: 0; } .venue-promo-wrapper.content-block .promo-wrapper.premium > a.promo { width: auto; height: auto; max-height: none; margin: 0; } .venue-promo-wrapper.content-block .promo .promo-image { width: 275px; float: left; height: 172px; } .venue-promo-wrapper.content-block .promo-wrapper.premium .promo-image img { left: 0; } .venue-promo-wrapper.content-block .promo-wrapper.premium .promo-details { height: 120px; position: relative; bottom: auto; } .venue-promo-wrapper.content-block .promo .promo-details { height: 80px; position: relative; bottom: auto; } .venue-promo-wrapper.content-block .promo .promo-image + .promo-details { width: 277px; float: left; position: relative; height: 156px; } .venue-promo-wrapper.content-block .promo .promo-details h2 { font-size: 1.3em; } .venue-promo-wrapper.content-block .promo .promo-details .purchase-info h3 { width: 552px; } .venue-promo-wrapper.content-block .promo .promo-image + .promo-details .purchase-info h3 { width: 277px; } .venue-promo-wrapper.content-block .promo .promo-image ul.promo-category { width: 86px; } .venue-promo-wrapper.content-block .promo .promo-image ul.promo-category li { margin: 0 0 4px 0; } .venue-promo-wrapper.content-block .promo-wrapper.premium .promo-details .purchase-info { bottom: 50px; padding-bottom: 0; } .venue-promo-wrapper.content-block .promo .promo-details .purchase-info { bottom: 10px; padding-bottom: 0; } .venue-promo-wrapper.content-block .promo-wrapper .promo-action-bar { position: absolute; left: 12px; bottom: 0; list-style: none; margin: 0; padding: 0; width: 550px; } .venue-promo-wrapper.content-block .promo-wrapper.premium .promo-action-bar { right: 12px; left: auto; width: 277px; } .venue-promo-wrapper.content-block .promo-wrapper.premium .promo-action-bar li a { width: 138px; } .venue-promo-wrapper.content-block .promo-wrapper .promo-action-bar .secondary-button a { padding: 8px 0 8px 2px; margin: 0; outline: 0; width: 410px; } .venue-promo-wrapper.content-block .promo-wrapper .promo-action-bar .secondary-button a span { padding: 0; margin: 6px 8px 6px 0; outline: 0; } .venue-promo-wrapper.content-block .promo-wrapper .promo-action-bar .primary-button a { padding: 8px 0; margin: 0; float: right; outline: 0; } .venue-promo-wrapper.content-block .promo-wrapper .promo-action-bar .primary-button a span { padding-top: 5px; padding-bottom: 5px; } /* DG - City Tab Promos */ .city-promo-wrapper.content-block { padding: 0; background: transparent; margin-bottom: 0; } .city-promo-wrapper.content-block .promo-wrapper.premium { margin: 0 0 10px 0; width: 576px; height: 199px; position: relative; } .city-promo-wrapper.content-block .promo-wrapper { width: 576px; margin: 0 0 10px 0; height: 178px; position: relative; } .city-promo-wrapper.content-block .promo-wrapper.premium .venue-location { width: 277px; float: right; } .city-promo-wrapper.content-block .promo { width: auto; height: auto; max-height: none; margin: 0; } .city-promo-wrapper.content-block .promo-wrapper.premium > a.promo { width: auto; height: auto; max-height: none; margin: 0; } .city-promo-wrapper.content-block .promo .promo-image { width: 275px; float: left; height: 199px; } .city-promo-wrapper.content-block .promo { width: auto; height: auto; max-height: none; margin: 0; } .city-promo-wrapper.content-block .promo .promo-details { height: 59px; position: relative; bottom: auto; } .city-promo-wrapper.content-block .promo .promo-image + .promo-details { width: 277px; float: left; position: relative; height: 80px; } .city-promo-wrapper.content-block .promo .promo-details h2 { font-size: 1.2em; } .city-promo-wrapper.content-block .promo .promo-details .purchase-info h3 { width: 552px; } .city-promo-wrapper.content-block .promo .promo-image + .promo-details .purchase-info h3 { width: 277px; } .city-promo-wrapper.content-block .promo.premium .promo-image ul.promo-category { width: 86px; } .city-promo-wrapper.content-block .promo.premium .promo-image ul.promo-category li { margin: 0 0 4px 0; } .city-promo-wrapper + .search-link { margin-top: 0; } .city-promo-wrapper.content-block .promo-wrapper .promo-action-bar { position: absolute; left: 12px; bottom: 0; list-style: none; margin: 0; padding: 0; width: 552px; } .city-promo-wrapper.content-block .promo-wrapper.premium .promo-action-bar { right: 12px; left: auto; width: 277px; } .city-promo-wrapper.content-block .promo-wrapper.premium .promo-action-bar li a { width: 138px; } .city-promo-wrapper.content-block .promo-wrapper .promo-action-bar .secondary-button a { width: 412px; } /* Planner Promotions */ .promo .promo-details .purchase-info .planner { background: #28abdf; background: rgba(17,162,219,0.75); border-radius: 0; display: inline-block; font-size: .7em; margin-left: 8px; margin-top: -2px; padding: 5px 8px; position: absolute; right: auto; color: #fff; text-transform: uppercase; } /* Promo Search Footer */ .csn-footer { background: #fafafa; font-size: .8em; position: fixed; left: 0; bottom: 0; width: 100%; z-index: 101; color: #444; margin: 0; } .csn-footer .content { border-top: 1px solid #c5c9ce; padding: 0 12px; width: 926px; margin: 0 auto; float: none; } .csn-footer .nav { margin: 0; padding: 0; list-style: none; } .csn-footer .nav li { float: left; padding: 8px 0 8px 8px; } .csn-footer .nav li:first-child { padding-left: 0; } .csn-footer .nav .cvent-products { position: relative; border-left: 1px solid #ccc; margin-left: 8px; width: 92px; } .csn-footer .nav .cvent-products .toggle .toggle-arrow { position: absolute; top: 8px; right: 0; width: 12px; height: 10px; display: inline-block; background: url(/a/rfp/images/csn-sprite.png) -278px -36px no-repeat; } .csn-footer .nav .cvent-products .toggle.is-active .toggle-arrow { background-position: -249px -36px; } .csn-footer .pull-left { float: left; } .csn-footer .pull-right { float: right; } .csn-footer .cvent-products .product-list { display: none; width: 199px; margin: 0; padding: 0; list-style: none; border: 1px solid #ccc; border-bottom: 0; float: none; position: absolute; bottom: 28px; left: -1px; z-index: 100; background: #fafafa; } .csn-footer .cvent-products .product-list li { float: none; padding: 0 8px 8px 8px; } .csn-footer .cvent-products .product-list li:first-child { padding-top: 8px; } /*.csn-footer .cvent-products .is-visible { display: block; }*/ .csn-footer .cvent-products .is-active { border: 0; } /* No Search Results */ .promo-results .no-results { margin: 0 5px; padding: 25px 0; text-align: center; } .promo-results .no-results h4 { font-weight: bold; margin: 0 0 .25em 0; font-size: 1.4em; } .promo-results .no-results p { font-size: 1.1em; margin: 0; } /* Ajax Loader - Filter Level - Filters/Results */ .promo-search #csn-loading-spinner { position: absolute; background: transparent; background: #fafafa; background: rgba(250,250,250,0.4); filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; opacity: 0.8; display: none; top: 102px; left: 0; z-index: 102; cursor: wait; } .promo-search #csn-loading-spinner .csn-loading { width: 52px; height: 52px; position: absolute; top: 35px; left: 50%; margin-top: -26px; margin-left: -26px; border-radius: 15px; background-color: #000; background-color: rgba(0, 0, 0, 0.9); background-image: url("/a/rfp/images/ajax-loader.gif"); background-repeat: no-repeat; background-position: center; } /* Ajax Loader - Page Level - Infinite Scroll */ .csn-ajax-loader { margin: 0 auto; padding: 0 0 10px 0; clear: both; width: 85px; overflow: hidden; } .csn-ajax-loader .ui-loading-icon { float: left; display: block; width: 20px; height: 20px; margin: 0; background: url(/a/rfp/images/ajax-loader-20.gif) no-repeat center; } .csn-ajax-loader .status { float: left; display: block; text-transform: uppercase; color: #aaa; font-size: 10px; line-height: 1; font-family: Arial, Helvetica, sans-serif; margin: 5px 0 0 5px; } /* Back to top */ .back-to-top { position: fixed; right: 0; bottom: 50%; z-index: 100; box-shadow: 0 0 3px #eee; } .back-to-top a { display: block; width: 60px; color: #fff; border: 0; text-transform: uppercase; font-weight: bold; text-align: center; background: #c5c9ce; background: rgba(197,201,206,0.9); padding: 15px 0; font-size: 11px; } .back-to-top .back-to-top-icon { display: block; width: 30px; height: 30px; background: url(/a/rfp/images/csn-sprite.png) -90px -60px no-repeat; margin: 0 auto; } /* Promo Search Filter Calendar */ .top-search-filter-wrapper .event-dates-calendar { z-index: 102; } .top-search-filter-wrapper .RFPCal { font-size: 11px; font-family: verdana, geneva, arial, helvetica, sans-serif; width: 252px; box-shadow: 0 0 5px #444; box-shadow: 0 0 5px rgba(0,0,0,0.5); height: auto; z-index: 101; } .top-search-filter-wrapper .RFPCal .HeaderDay .WeekDayHeader { background: #fff; } .top-search-filter-wrapper .RFPCal table.Header { width: 252px !important; background: #0f5179; color: #fff; border: 1px solid #0c3e5d !important; border-bottom: 0 !important; } .top-search-filter-wrapper .RFPCal table.Header a { color: #fff; font-size: 11px; font-family: verdana, geneva, arial, helvetica, sans-serif; } .top-search-filter-wrapper .RFPCal table.Header td { border: none !important; } .top-search-filter-wrapper .RFPCal td.btnYear { width: 10px !important; } .top-search-filter-wrapper .RFPCal td.seperator { width: 5px !important; } .top-search-filter-wrapper .RFPCal td.btnMonth { width: 10px !important; } .top-search-filter-wrapper .RFPCal table.Header td.Heading { width: 175px !important; text-align: center !important; } .top-search-filter-wrapper .RFPCal #calDateAjax th, .top-search-filter-wrapper .RFPCal #calDateAjax td { width: 36px !important; text-align: center !important; border: 1px solid #000 !important; border-collapse: collapse; background: #fff; } .top-search-filter-wrapper .RFPCal table.Header td, .top-search-filter-wrapper #calDateAjax td { padding: 5px !important; } .top-search-filter-wrapper .RFPCal #calDateAjax .OtherMonthDay a { color: #b0b0b0; border-color: #b0b0b0; } .top-search-filter-wrapper .RFPCal #calDateAjax a { color: #0f5179; } .top-search-filter-wrapper .RFPCal #calDateAjax td.TodaysDay { background: #6a8a22; } .top-search-filter-wrapper .RFPCal #calDateAjax td.TodaysDay a { color: #fff; font-weight: bold; border: none; } /* CSN Flyout */ .csn-flyout { display: none; position: absolute; width: 200px; border-width: 1px; border-style: solid; border-color: #aaa; z-index: 1001; font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; border-radius: 3px; box-shadow: 0 1px 3px #444; padding: 6px 8px; background: #fff; z-index: auto; } .csn-flyout.is-visible { display: block; } .csn-flyout .triangle { position: absolute; background-image: url(/a/rfp/images/csn-sprite.png); background-repeat: no-repeat; height: 16px; width: 16px; } .csn-flyout.csn-flyout-triangle-up { margin-top: 15px; } .csn-flyout.csn-flyout-triangle-up .triangle { background-position: -247px -64px; top: -16px; } .csn-flyout.csn-flyout-triangle-up.error .triangle { background-position: -127px -64px; top: -16px; } .csn-flyout .csn-flyout-content { word-wrap: break-word; } .csn-flyout .csn-flyout-content p { margin: 0; } .csn-flyout.error { border-color: #900; background: #fbe3e4; } .csn-flyout.error p { color: #900; } /* RCarousel */ .promo-search .rcarousel { width: 948px; position: relative; margin: 16px auto 0 auto; border-radius: 3px; border: 1px solid #dfe2e5; overflow: visible; } .promo-search .rcarousel a { border: none; } /* added to override default csn behavior */ .promo-search .feature-carousel { position: relative; background: #000 url(/a/rfp/images/highlights-bg-1.png) left bottom repeat-x; border-radius: 3px; } .promo-search .ui-carousel > .wrapper { margin: 0; padding: 0; width: 9999px; } .promo-search .carousel-navigation { width: 36px; height: 68px; background: url(/a/rfp/images/csn-sprite.png) -2px -3px no-repeat; display: block; position: absolute; top: 110px; z-index: 100; } .promo-search .carousel-navigation > span { display: none; } .promo-search .carousel-navigation.right { right: -18px; background-position: -52px -3px; border: 0;} .promo-search .carousel-navigation.left { left: -18px; border: none; } .promo-search .carousel-count { position: absolute; left: 0; top: 259px; padding: 10px 20px 7px 20px; } .promo-search .carousel-nav-bullet { display: block; width: 20px; height: 20px; margin: 0; float: left; background: url(/a/rfp/images/csn-sprite.png) -126px -5px no-repeat; } .promo-search .carousel-nav-bullet:hover { background-position: -156px -5px; } .promo-search .carousel-nav-bullet.on { background-position: -96px -5px; } .rcarousel.hide-nav-elements > div { overflow: hidden; } .rcarousel.hide-nav-elements .carousel-navigation, .rcarousel.hide-nav-elements .carousel-count { display: none; } /* ---------------------------------------------------------- */ /* Top 50 Destinations Ad */ .csn-home-house-ad-wrapper + .csn-home-house-ad-wrapper { margin-top: 0; } /* CSN Homepage Ads */ .csn-home-house-ad-wrapper { width: 950px; margin: 10px 0; overflow: hidden; } .csn-home-house-ad-wrapper > a { display: block; border-bottom-width: 0; } .csn-home-house-ad-wrapper > a > img { display: block; } .csn-home-house-ad-wrapper .csn-home-house-ad { display: block; width: 410px; height: 218px; background: #0F5179; border-bottom: 0; padding: 12px 30px 30px 30px; position: relative; } .csn-home-house-ad-wrapper .csn-home-house-ad h3 { font-size: 24px; margin: 30px 0 15px 0; font-family: 'Bitter', Arial, Helvetica, sans-serif; font-weight: normal; color: #fff; } .csn-home-house-ad-wrapper .csn-home-house-ad > p { font-size: 14px; margin: 0 10px 20px 0; color: #fff; } .csn-home-house-ad-wrapper .csn-home-house-ad-for-planners { background: url(/a/rfp/images/csn-house-for-planners-ad-bg.jpg) no-repeat 0 0; } .csn-home-house-ad-wrapper .csn-home-house-ad-for-venues { background: url(/a/rfp/images/csn-house-for-venues-ad-bg.jpg) no-repeat 0 0; } .csn-home-house-ad-wrapper .csn-marketing-button { padding: 8px 60px; } .csn-home-house-ad-wrapper .pull-left { float: left; } .csn-home-house-ad-wrapper .pull-right { float: right; } /* CSN Search Results Ad */ .ed-learn-more-ad { margin: -26px 0 10px; width: 180px; overflow: hidden; } .ed-learn-more-ad-link { border-bottom: none !important; } /* Search More Links */ p.search-link { text-align: center; clear: both; } /* CSN Header */ .csn-header-wrapper { margin: 0 0 10px 0; overflow: hidden; border-bottom: 1px solid #d1dde3; background: #fff; } .csn-header { overflow: hidden; width: 950px; margin: 0 auto; position: relative; font-family: Arial, Helvetica, sans-serif; } .csn-header ul { list-style: none; margin: 0; padding: 0; float: left; } .csn-header li { float: left; margin-right: 1px; } .csn-header li a { display: block; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; line-height: 1; border-bottom-width: 0; } .csn-header .main-nav li a { width: 140px; padding: 15px 0; border-bottom: 0; text-align: center; } .csn-header .main-nav li a:hover { background-color: #eef4f5; } .csn-header .nav-icon { display: block; width: 27px; height: 27px; margin: 0 auto 6px auto; background: url(/a/rfp/images/csn-sprite.png) no-repeat -2px -1px; position: relative; } .csn-header .nav-icon .new-callout { background: url(/a/rfp/images/new-nav-ca.png) no-repeat 0 0; width: 28px; height: 13px; position: absolute; top: -4px; right: -23px; text-indent: -9999px; } .csn-header .supplier-icon { background-position: -182px -92px; } .csn-header .promotion-icon { background-position: -212px -92px; } .csn-header .destination-icon { background-position: -242px -92px; } .csn-header .logo-wrapper { padding: 16px 25px 15px 0; float: left; } .csn-header .logo-wrapper a { display: block; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; line-height: 1; width: 242px; color: #666; font-style: italic; text-align: left; padding: 0; font-weight: normal; border-bottom-width: 0; } .csn-header .logo-wrapper .logo { display: block; margin-bottom: 6px; width: 242px; height: 26px; background: url(/a/rfp/images/cvent-supplier-network-logo.png) no-repeat 0 50%; text-indent: -9999px; } .csn-header .logo-wrapper .tagline { padding-left: 1px; } .csn-header .utility-nav { float: right; padding: 15px 0 0 0; } .csn-header .utility-nav li { padding: 2px 10px; margin: 4px 0; } .csn-header .utility-nav li.sign-up { padding: 0; margin: 1px 0; } .csn-header .utility-nav li.sign-up a { display: block; color: #fff; background: #11a2db; padding: 7px 10px; border-bottom-width: 0; } .csn-header .utility-nav li.sign-up a:hover { background: #22b3ec; } .csn-header .utility-nav li.last { padding-right: 0; border-left: 1px solid #dde9ee; } .csn-header .utility-nav li a { font-family: Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1; padding: 2px 0; border-bottom-width: 0; } .csn-header .active { background: #eef4f5; font-weight: bold; } .csn-header .chatDiv { position: absolute; bottom: 8px; right: 0; } .csn-header .chatDiv a { border-bottom-width: 0; color: #fff; font-size: 1em; line-height: 1; display: block; padding: 6px 10px; background: #90ae2b; } .csn-header .chatDiv a:hover { background: #9ab92e; } .breadcrumb-wrapper { overflow: hidden; margin-top: -2px; border-bottom: 1px solid #e8e8e8; padding-bottom: 8px; } .breadcrumb-nav { list-style-type: none; margin: 0; padding: 0; float: left; font-size: .9em; } .breadcrumb-nav li { float: left; } .breadcrumb-nav li a { float: left; display: block; color: #a8afb5; border-bottom-width: 0; cursor: pointer; } .breadcrumb-nav li a:hover { color: #387194; } .breadcrumb-nav li.active a { color: #387194; } .breadcrumb-nav .breadcrumb-icon { float: left; display: block; width: 15px; height: 15px; background: url(/a/rfp/images/csn-sprite.png) no-repeat 0 0; } .breadcrumb-nav .home-icon { background-position: -127px -99px; } .breadcrumb-nav .arrow-right-icon { background-position: -68px -99px; } .breadcrumb-nav .home a { text-indent: -9999px; width: 15px; } .breadcrumb-nav .home-icon:hover { background-position: -158px -99px; } .breadcrumb-nav .shortcut-link { padding-right: 6px; } .breadcrumb-nav .shortcut-link a { color: #387194; font-weight: bold; } .breadcrumb-nav .arrow-left-icon { background-position: -98px -99px; } .breadcrumb-nav .shortcut-link + .home { border-left: 1px solid #caced1; padding-left: 5px; } #search-results #four-diamond { margin-bottom: 10px; } /*Marketing Awards and Badges*/ .badges-awards-flyout {border-top: 1px dotted #464646; overflow: hidden; margin: 10px; padding: 5px 0;} .badges-awards-flyout:first-child {border-top: 0;} .badges-awards-flyout img {float: left; height: 60px; margin-right: 10px; width: 60px;} .badges-awards-flyout .badges-awards-text {font-weight: bold;} .badges-awards {margin: 0; padding: 0; overflow: hidden;} .badges-awards li > a { border: none;} .badges-awards img { float: left; height: 60px; width: 60px; margin-right: 10px; border: 0; padding: 5px 0;} .badges-awards-flyout h4 {display: inline; font-size: 1em;} .badges-awards-text {display: table-cell; vertical-align: middle; height: 60px; padding: 0 20px 0 0;} .venue-awards li {float: left; list-style: none; padding: 0 10px 10px 0; overflow: hidden; width: 270px;} .dg-awards {overflow: hidden; padding: 0;} .dg-awards li {float: left; list-style: none; padding: 0 0 10px 40px; width: 230px;} .dg-awards .badges-awards-text { padding: 0; } /*Promotions Participating Brands*/ .promo.details-page .sidebar .brand-listing { list-style: none; padding-left: 0; } .promo.details-page .sidebar .brand-listing li { padding-bottom: 2px; } /*Multiple Venues Popup*/ .multiple-venues-popup { background: #fff url(/a/rfp/images/content-block-bg.png) top left repeat-x; padding: 10px 10px 0 10px; } .multiple-venues-popup h2 { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 1.8em; font-weight: bold; line-height: 1.2; margin-bottom: 0.4em; } .multiple-venues-popup .promo-instructional-text { font-size: 1.1em; margin: 0.75em 0; } .multiple-venues-popup .emphasis { font-weight: bold; } .multiple-venues-popup .promo-search-filter { padding-left: 0; border-right: none; margin-bottom: 5px; } .multiple-venues-popup .promo-search-filter li { margin-right: 15px; } .multiple-venues-popup .promo-search-filter label { font-weight: bold; } .multiple-venues-popup .multiple-venues-promo-wrapper { height: 425px; overflow-x: hidden; overflow-y: auto; position: relative; clear: both; } .multiple-venues-popup p { font-size: 1em;} .multiple-venues-popup .multiple-venues-promo-wrapper .result:first-child { padding-top: 10px; } .multiple-venues-popup .multiple-venues-promo-wrapper .result { padding-bottom: 10px; margin-left: 0; margin-bottom: 0; } .multiple-venues-popup .multiple-venues-promo-wrapper .result-header { width: 100%; } .multiple-venues-popup .multiple-venues-promo-wrapper .result-header a { text-decoration: none; } .multiple-venues-popup .multiple-venues-promo-wrapper .search-description { width: 500px; min-height: 1px; } .multiple-venues-popup .action-bar { overflow: hidden; display: block; width: 160px; margin: 20px auto 0 auto; display: block; } .multiple-venues-popup .action-bar .add-to-rfp a { background: #a0c02f url(/a/rfp/images/csn-button-sprite.png) repeat-x 0 1px; } .multiple-venues-popup .action-bar .add-to-rfp a:hover { background: #6e8e23;} .multiple-venues-popup .action-bar .cancel a { background: #7d7d7d url(/a/rfp/images/csn-button-sprite.png) repeat-x 0 -50px; } .multiple-venues-popup .action-bar .cancel a:hover{ background: #0b4965; } /* Rating Info Icon */ .csn-rating-info-icon { text-indent: -9999px; width: 16px; height: 16px; display: inline-block; text-decoration: none; border: 0; background: url(/a/rfp/images/csn-sprite.png) -98px -127px no-repeat; } .csn-rating-info-icon.white { background-position: -128px -127px; } .csn-rating-info-popup { margin: 10px;width: 450px; } .csn-rating-info-popup.hidden { display: none; visibility: hidden; } .csn-rating-info-popup h3 { font-size: 9pt;display: block;font-weight: bold;margin: 1em 0; } .csn-rating-info-popup p.disclaimer { font-style: italic; color: #888888; } .csn-rating-info-popup.flyout { position: absolute;background-color: white;border: 1px solid #aaa;z-index: 1001;border-radius: 3px;box-shadow: 0 1px 3px #444;margin: 0;padding: 12px;} .csn-rating-info-popup.flyout h3 { margin-top: 0;} .csn-rating-info-popup.flyout p { font-size: 1.1em;margin: 5px 0;white-space: normal;} .csn-rating-info-popup.flyout .sf-menu { display: none;visibility: hidden;} /* Promo Hub Top Search Filters */ .promo-search h2.promo-hub-headline { margin: 0; padding: 16px 0; font-size: 2em; font-family: Arial, Helvetica, Verdana, sans-serif; line-height: 1; } .top-search-filter-wrapper { border: 1px solid #0c3e5d; padding: 0; font-family: Arial, Helvetica, Verdana, sans-serif; position: relative; border-radius: 3px; background: #0f5178; /* Old browsers */ background: -moz-linear-gradient(top, #10557e 0%, #0e4d72 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#10557e), color-stop(100%,#0e4d72)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #10557e 0%,#0e4d72 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #10557e 0%,#0e4d72 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #10557e 0%,#0e4d72 100%); /* IE10+ */ background: linear-gradient(to bottom, #10557e 0%,#0e4d72 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10557e', endColorstr='#0e4d72',GradientType=0 ); /* IE6-9 */ } .top-search-filter-wrapper.fixed { position: fixed; top: 0; z-index: 101; box-shadow: 0 1px 3px #808488; } .top-search-filter-wrapper ul { list-style: none; margin: 0; padding: 0; } .top-search-filter-wrapper .top-search-filter-list { overflow: hidden; width: 948px; } .top-search-filter-wrapper .top-search-filter-list li.search-category { float: left; padding: 12px 16px; border-left: 1px solid #0c3e5d; } .top-search-filter-wrapper .top-search-filter-list li.search-category:first-child { border-left: 0; } .top-search-filter-wrapper .top-search-filter-list li.search-category label { color: #fff; font-size: 12px; line-height: 1.5; float: left; padding: 0 6px 0 0; margin: 0; } .top-search-filter-wrapper .top-search-filter-list li.search-category select { width: 100%; margin: 0; font-size: 1em; border: 1px solid #0c3e5d; line-height: 20px; height: 20px; } .top-search-filter-wrapper .top-search-filter-list li.search-category .csn-select { float: left; } .top-search-filter-wrapper .top-search-filter-list li.search-category.region .csn-select { width: 150px; } .top-search-filter-wrapper .top-search-filter-list li.search-category.area .csn-select { width: 222px; } .top-search-filter-wrapper .top-search-filter-list li { float: left; } .top-search-filter-wrapper .top-search-filter-list li.search-category.date-range h4 { float: left; color: #fff; font-size: 1.1em; line-height: 1.5; float: left; padding: 0 6px 0 0; font-weight: bold; position: relative; margin: 0; } .top-search-filter-wrapper .top-search-filter-list li.search-category.date-range .csn-group-control { float: left; } .top-search-filter-wrapper .top-search-filter-list li.search-category.date-range .csn-group-control li { float: left; margin-left: 5px; } .top-search-filter-wrapper .top-search-filter-list li.search-category.date-range .csn-group-control li:first-child { margin-left: 0; } .top-search-filter-wrapper .top-search-filter-list li.search-category.date-range .csn-group-control label { position: absolute; left: -9999px; top: -9999px; } .top-search-filter-wrapper .top-search-filter-list li.search-category.date-range .csn-group-control input { width: 60px; font-size: 1em; padding: 0 20px 0 3px; line-height: 18px; height: 18px; margin: 0; background: #fff url(/a/rfp/images/calendar-icon.png) 63px 0 no-repeat; border: 1px solid #0c3e5d; max-width: 60px; } .top-search-filter-wrapper .top-search-filter-list li.filter-toggle { float: right; border-left: 1px solid #0c3e5d; } .top-search-filter-wrapper .top-search-filter-list li.filter-toggle a { display: block; width: 114px; padding: 13px 16px; color: #fff; font-size: 1.1em; font-weight: bold; border: 0; position: relative; } .top-search-filter-wrapper .top-search-filter-list li.filter-toggle a:hover { transition: all 0.15s ease; color: #fff; background: #226791; } .top-search-filter-wrapper .top-search-filter-list li.filter-toggle a.is-active { color: #fff; background: #226791; } .top-search-filter-wrapper .top-search-filter-list li.filter-toggle a .csn-icon.filter-arrow { position: absolute; top: 50%; right: 16px; margin-top: -8px; display: block; width: 16px; height: 16px; background: url(/a/rfp/images/csn-sprite.png) no-repeat -7px -127px } .top-search-filter-wrapper .top-search-filter-list li.filter-toggle a.is-active .csn-icon.filter-arrow { background-position: -38px -127px; } .top-search-filter-wrapper .search-filter-wrapper { position: relative; top: 0; left: -1px; width: 948px; border: 1px solid #0c3e5d; border-top: 0; border-bottom: 0; background: #fff; display: none; } .top-search-filter-wrapper .search-filter-utility-bar { padding: 12px 16px 0 16px; position: relative; } .top-search-filter-wrapper .search-filter-utility-bar p { margin: 0; font-size: 1.1em; } .top-search-filter-wrapper .search-filter-utility-bar a.reset-button { border: 1px solid #156b8c; color: #fff; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: .9em; padding: 4px 8px; border-radius: 3px; display: inline-block; line-height: 1; margin-left: 4px; position: absolute; background: #167397; /* Old browsers */ background: -moz-linear-gradient(top, #1981a3 0%, #156b91 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1981a3), color-stop(100%,#156b91)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1981a3 0%,#156b91 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1981a3 0%,#156b91 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1981a3 0%,#156b91 100%); /* IE10+ */ background: linear-gradient(to bottom, #1981a3 0%,#156b91 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1981a3', endColorstr='#156b91',GradientType=0 ); /* IE6-9 */ } .top-search-filter-wrapper .search-filter-utility-bar a.reset-button:hover { background: #156b91; } .top-search-filter-wrapper .search-filter-utility-bar .csn-filter-toggle.units { position: absolute; right: 16px; width: 120px; } .top-search-filter-wrapper .search-filter-utility-bar .csn-filter-toggle.units .label { font-size: 1.1em; color: #464646; } .top-search-filter-wrapper .search-filter-wrapper .search-filter-list { overflow: hidden; padding: 5px 8px 10px 8px; width: 933px; } .top-search-filter-wrapper .search-filter-wrapper li.search-category { float: left; width: 217px; margin: 8px; } .top-search-filter-wrapper .search-filter-wrapper li.search-category .item-hidden { display: none; } .top-search-filter-wrapper .search-filter-wrapper li.search-category h4 { padding: 6px; font-size: 1.1em; color: #444; background: #eef4f5; font-weight: bold; margin: 0; } .top-search-filter-wrapper .search-filter-wrapper li.search-category h4 a { font-size: .9em; font-weight: normal; float: right; line-height: 1.3; } .top-search-filter-wrapper .search-filter-wrapper li.search-category li { padding: 4px 20px 4px 16px; line-height: 1; position: relative; } .top-search-filter-wrapper .search-filter-wrapper li.search-category.list-filter-control input[type=text] { margin: 4px 4px 0 4px; padding: 2px 2px 2px 19px; width: 186px; border-radius: 3px; position: absolute; z-index: 101; background: transparent; cursor: default; background: url(/a/rfp/images/csn-search-filter-icon.png) no-repeat 3px 50%; left: auto; top: auto !important; } .top-search-filter-wrapper .search-filter-wrapper li.search-category.list-filter-control .cv-scroll.double-height { height: 274px; padding-top: 28px; position: relative; } .top-search-filter-wrapper .search-filter-wrapper li.search-category .cv-scroll { height: 124px; overflow: hidden; padding: 4px 0 4px 4px; } .top-search-filter-wrapper .search-filter-wrapper li.search-category .cv-scroll.double-height { height: 290px; } .top-search-filter-wrapper .search-filter-wrapper li.search-category label { font-size: 1em; line-height: 1.2; font-weight: normal; cursor: pointer; color: #444; padding: 0; position: static; } .top-search-filter-wrapper .search-filter-wrapper li.search-category label:hover { color: #0f5178; } .top-search-filter-wrapper .search-filter-wrapper li.search-category input { float: none; cursor: pointer; margin: 0; padding: 0; position: absolute; left: 0; top: 3px !important; } .top-search-filter-wrapper .search-filter-wrapper li.search-category input[type=checkbox] { border: 0; } .top-search-filter-wrapper .search-filter-wrapper li.search-category input[type=radio] { -webkit-margin-after: 3px; -moz-margin-end: 3px; } .top-search-filter-wrapper .search-filter-wrapper li.search-category .promo-count { background: #f2f7f8; border: 1px solid #dbe7e9; border-radius: 12px; padding: 2px 3px; font-size: .9em; line-height: 1; position: absolute; right: 0; top: 2px; color: #666; text-align: center; } .top-search-filter-wrapper .search-filter-wrapper li.search-category .cv-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: transparent; } .top-search-filter-wrapper .search-filter-wrapper li.search-category .cv-scroll:hover .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { transition: all 0.15s ease; background: #000; background: rgba(0,0,0,0.4); filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */ } .top-search-filter-wrapper .search-filter-wrapper li.search-category .cv-scroll .mCustomScrollBox .mCSB_scrollTools { width: 6px; } .top-search-filter-wrapper .search-filter-wrapper li.search-category ul.slider-control { width: 217px; padding-bottom: 10px; } .top-search-filter-wrapper .search-filter-wrapper li.search-category ul.slider-control li { padding: 4px 4px 4px 8px; position: relative; width: 202px; } .top-search-filter-wrapper .search-filter-wrapper li.search-category ul.slider-control li label { position: absolute; left: -9999px; top: -9999px; } .top-search-filter-wrapper .search-filter-wrapper li.search-category ul.slider-control li input { width: 100%; margin: 0 0 8px 0; display: block; text-align: center; border: 0; background: transparent; color: #444; cursor: default; position: relative; left: auto; top: auto; } .top-search-filter-wrapper .search-filter-wrapper li.search-category ul.slider-control li input[disabled="disabled"] { color: #444; } .top-search-filter-wrapper .search-filter-wrapper li.search-category ul.slider-control li span.promo-count { position: absolute; right: 10px; top: 22px; } /* Star Rating Filters */ .top-search-filter-wrapper .search-filter-wrapper li.search-category label img { height: 11px; vertical-align: top; } .top-search-filter-wrapper img.five-half-star { background: url(/a/rfp/images/star-rating.png) no-repeat -600px -2px; float: none !important; width: 60px; } .top-search-filter-wrapper img.five-star { background: url(/a/rfp/images/star-rating.png) no-repeat 0 -2px; float: none !important; width: 55px; } .top-search-filter-wrapper img.four-half-star { background: url(/a/rfp/images/star-rating.png) no-repeat -60px -2px; float: none !important; width: 57px; } .top-search-filter-wrapper img.four-star { background: url(/a/rfp/images/star-rating.png) no-repeat -120px -2px; float: none !important; width: 44px; } .top-search-filter-wrapper img.three-half-star { background: url(/a/rfp/images/star-rating.png) no-repeat -180px -2px; float: none !important; width: 46px; } .top-search-filter-wrapper img.three-star { background: url(/a/rfp/images/star-rating.png) no-repeat -240px -2px; float: none !important; width: 34px; } .top-search-filter-wrapper img.two-half-star { background: url(/a/rfp/images/star-rating.png) no-repeat -300px -2px; float: none !important; width: 35px; } .top-search-filter-wrapper img.two-star { background: url(/a/rfp/images/star-rating.png) no-repeat -360px -2px; float: none !important; width: 23px; } .top-search-filter-wrapper img.one-half-star { background: url(/a/rfp/images/star-rating.png) no-repeat -421px -2px; float: none !important; width: 25px; } .top-search-filter-wrapper img.one-star { background: url(/a/rfp/images/star-rating.png) no-repeat -480px -2px; float: none !important; width: 11px; } .top-search-filter-wrapper .search-filter-wrapper li.search-category.disabled .cv-scroll li { padding: 5px 0; text-align: center; color: #999; } .top-search-filter-wrapper .search-filter-wrapper li.search-category.disabled .slider-control { height: 38px; } .top-search-filter-wrapper .search-filter-wrapper li.search-category.disabled .slider-control li { padding: 7px 0 0 0; width: auto; text-align: center; color: #999; } /* Promo Hub Custom Scroll Bar - mCustomScrollbar */ /* Vertical Scroll Bar */ .mCSB_container { width: auto; margin-right: 10px; overflow: hidden; } .mCSB_container.mCS_no_scrollbar { margin-right: 10px; } .mCS_disabled .mCSB_container.mCS_no_scrollbar, .mCS_destroyed .mCSB_container.mCS_no_scrollbar { margin-right: 30px; } .mCustomScrollBox .mCSB_scrollTools { width: 10px; height: 100%; top: 0; right: 0; } .mCSB_scrollTools .mCSB_draggerContainer { height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /*background: #f5f5f5; border: 1px solid #eaeaea;*/ } .mCSB_scrollTools .mCSB_buttonUp+.mCSB_draggerContainer { padding-bottom: 40px; } .mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .mCSB_scrollTools .mCSB_dragger { cursor: default; width: 100%; height:30px; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; height: 100%; margin: 0 auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align: center; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { height: 20px; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown { bottom: 0; margin-top: -40px; } /* Vertical Scroll Bar Theme */ .mCustomScrollBox .mCSB_scrollTools { opacity: 1; /*background:#f0f0f0;*/ } .mCustomScrollBox:hover .mCSB_scrollTools { opacity: 1; } .mCSB_scrollTools .mCSB_draggerRail { /*background:#000;*/ /* rgba fallback */ /*background:rgba(0,0,0,0.4);*/ /*filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)";*/ /* old ie */ } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #000; /*rgba fallback*/ background: rgba(0,0,0,0.4); filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */ } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: #000; background: rgba(0,0,0,0.4); filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */ } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: #000; background: rgba(0,0,0,0.4); filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */ } /* Promo Hub jQuery UI Controls */ /* Sliders */ .top-search-filter-wrapper .ui-corner-all { border-radius: 3px; } .top-search-filter-wrapper .ui-widget-content { background: #ccc; border: 0; } .top-search-filter-wrapper .ui-widget-header { background: #0F5179; border: 0; } .top-search-filter-wrapper .ui-widget-content .ui-state-default { background: #f2f2f2; border: 1px solid #999; } .top-search-filter-wrapper .csn-slider .ui-widget-content .ui-state-hover { background: #fff; border: 1px solid #999; } .top-search-filter-wrapper .ui-widget-content .ui-state-active { background: #fff; border: 1px solid #999; } .top-search-filter-wrapper .ui-widget-content .ui-state-focus { background: #fff; border: 1px solid #999; } .top-search-filter-wrapper .ui-slider { position: relative; text-align: left; } .top-search-filter-wrapper .ui-slider .ui-slider-handle { width: 8px; height: 14px; cursor: pointer; position: absolute; z-index: 2; } .top-search-filter-wrapper .ui-slider-horizontal { height: 6px; } .top-search-filter-wrapper .ui-slider-horizontal .ui-slider-handle { margin-left: -5px; margin-top: -5px; } .top-search-filter-wrapper .ui-slider .ui-slider-range { border-width: 1px; display: block; position: absolute; z-index: 1; } .top-search-filter-wrapper .ui-slider-horizontal .ui-slider-range { height: 100%; top: 0; } /* Toggle Button */ .top-search-filter-wrapper .ui-buttonset .ui-button { margin-left: 0; margin-right: -5px; } .top-search-filter-wrapper .ui-widget { font-size: 1em; font-family: Arial, Helvetica, Verdana, sans-serif; } .top-search-filter-wrapper .ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; zoom: 1; } .top-search-filter-wrapper .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } .top-search-filter-wrapper .ui-button-text-only .ui-button-text { padding: 4px; } .top-search-filter-wrapper .ui-button .ui-button-text { display: block; line-height: normal; } .top-search-filter-wrapper .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } .top-search-filter-wrapper .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .top-search-filter-wrapper .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .top-search-filter-wrapper .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .top-search-filter-wrapper .csn-filter-toggle .ui-state-default, .csn-filter-toggle .ui-widget-content .ui-state-default, .csn-filter-toggle .ui-widget-header .ui-state-default { background: #e0e0e0; border: 1px solid #d0d0d0; color: #888; } .top-search-filter-wrapper .csn-filter-toggle .ui-button-text-only .ui-button-text { padding: 3px 4px; } .top-search-filter-wrapper .csn-filter-toggle .ui-buttonset .ui-button { margin-right: -4px; } .top-search-filter-wrapper .csn-filter-toggle .ui-button { vertical-align: baseline; } .top-search-filter-wrapper .csn-filter-toggle .ui-widget { font-size: .9em; line-height: 1; font-weight: normal; } .top-search-filter-wrapper .csn-filter-toggle .ui-state-hover { color: #333; background: #eee; } .top-search-filter-wrapper .csn-filter-toggle .ui-state-active { color: #fff; border: 1px solid #125d7d; box-shadow: inset 0 1px 2px #0f5774; background: #136181; /* Old browsers */ background: -moz-linear-gradient(top, #136181 0%, #177597 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#136181), color-stop(100%,#177597)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #136181 0%,#177597 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #136181 0%,#177597 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #136181 0%,#177597 100%); /* IE10+ */ background: linear-gradient(to bottom, #136181 0%,#177597 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#136181', endColorstr='#177597',GradientType=0 ); /* IE6-9 */ } /* PROMO HUB FILTER BAR EXPERIMENT CSS ---------------------- */ .search-filter-content { background: #d0d9de url(/a/rfp/images/search-bg.png) 0 0 repeat-x; padding: 6px 0; overflow: hidden; } .promo-search-filter { padding: 1px 15px 6px 15px; float: left; margin: 0; list-style: none; border-right: 1px solid #c0c9ce; border-left: 1px solid #eaf0f3; } .promo-search-filter li { float: left; margin: 0; } .promo-search-filter li + li { margin-left: 8px; } .promo-search-filter:first-child { border-left: 0; } .promo-search-filter.last { border-right: 0; } .promo-search-filter select { display: block; height: 20px; margin: 0; width: 100%; font-size: 11px; line-height: 20px; } .promo-search-filter input { display: block; width: 100%; margin: 0; padding: 0 4px; height: 18px; background: #fff url(/a/rfp/images/calendar-icon.png) 98% 0 no-repeat; font-size: 11px; line-height: 18px; } .promo-search-filter h6 { color: #05334f; font-size: .95em; font-weight: bold; padding-bottom: 5px; position: relative; display: inline; } .promo-search-filter .csn-gc-wrapper { display: block; } .promo-search-filter .csn-gc-wrapper .csn-wrapper:first-child { margin-right: 8px; } .promo-search-filter .csn-gc-wrapper label { position: absolute; left: -9999px; top: -9999px; } .promo-search-filter .csn-gc-wrapper.date-range .csn-wrapper { width: 111px; float: left; } .promo-search-filter .csn-gc-wrapper.date-range .csn-wrapper input { width: 90px; padding-right: 15px; } .promo-search-filter .csn-wrapper input.is-active { border-color: #900; } .promo-search-filter .RFPCal { font-size: 11px; font-family: verdana, geneva, arial, helvetica, sans-serif; width: 252px; } .promo-search-filter .RFPCal .HeaderDay .WeekDayHeader { background: #fff; } .promo-search-filter .RFPCal table.Header { width: 252px !important; background: #0f5179; color: #fff; } .promo-search-filter .RFPCal table.Header a { color: #fff; font-size: 11px; font-family: verdana, geneva, arial, helvetica, sans-serif; } .promo-search-filter .RFPCal table.Header td { border: none !important; } .promo-search-filter .RFPCal td.btnYear { width: 10px !important; } .promo-search-filter .RFPCal td.seperator { width: 5px !important; } .promo-search-filter .RFPCal td.btnMonth { width: 10px !important; } .promo-search-filter .RFPCal table.Header td.Heading { width: 175px !important; text-align: center !important; } .promo-search-filter .RFPCal #calDateAjax th, .promo-search-filter .RFPCal #calDateAjax td { width: 36px !important; text-align: center !important; border: 1px solid #000 !important; border-collapse: collapse; background: #fff; } .promo-search-filter .RFPCal table.Header td, .promo-search-filter #calDateAjax td { padding: 5px !important; } .promo-search-filter .RFPCal #calDateAjax .OtherMonthDay a { color: #b0b0b0; border-color: #b0b0b0; } .promo-search-filter .RFPCal #calDateAjax a { color: #0f5179; } .promo-search-filter .RFPCal #calDateAjax td.TodaysDay { background: #6a8a22; } .promo-search-filter .RFPCal #calDateAjax td.TodaysDay a { color: #fff; font-weight: bold; border: none; } /* ---------------------------------------------------------- */ /*Venue Calendar Bar*/ .venue-calendar-bar .calendar-bar { border-left: 1px solid #7f8283; overflow: hidden; margin: 20px 0px; padding: 0; } .venue-calendar-bar .calendar-bar li { width: 23px; float: left; text-transform: uppercase; color: #a0a0a0; background: #fff; border-right: 1px solid #7f8283; border-top: 1px solid #7f8283; border-bottom: 1px solid #7f8283; list-style: none; padding: 3px 10px; text-align: center; font-size: .9em; } .venue-calendar-bar .calendar-bar-dates { margin-top: 20px; padding-left: 10px;} .venue-calendar-bar .calendar-bar-dates h4 { margin-bottom: 0; padding-bottom: 3px; } .venue-calendar-bar .calendar-bar-dates span.legend { display: inline-block; height: 10px; width: 10px; margin-left: 5px; vertical-align: bottom; } /*Supplier Seasonality*/ .venue-calendar-bar .calendar-bar li.high-season { background: #19638f; color: #fff; } .venue-calendar-bar .calendar-bar li.shoulder-season { background: #86b8d5; color: #fff; } .venue-calendar-bar .calendar-bar li.low-season { background: #75a1bc; color: #fff; } .venue-calendar-bar .calendar-bar-dates span.high-season { background: #19638f; border: 1px solid #0f5179; } .venue-calendar-bar .calendar-bar-dates span.shoulder-season { background: #86b8d5; border: 1px solid #78a7c2; } .venue-calendar-bar .calendar-bar-dates span.low-season { background: #75a1bc; border: 1px solid #60849a;} .venue-calendar-bar .calendar-bar-dates div.column-one-third { float: left; margin-right: 15px; width: 150px;} .venue-calendar-bar .calendar-bar-dates div.column-one-third ul { padding: 0; margin: 0; list-style: none; } /*Venue Need Dates*/ .venue-calendar-bar .calendar-bar li.need-dates { background: #585b5c; color: #fff;} .venue-calendar-bar .calendar-bar-dates span.need-dates { background: #585b5c; border: 1px solid #414546; } .venue-calendar-bar .calendar-bar-dates div.column-one-half { padding: 0; margin-right: 15px; list-style: none; float: left; width: 200px; } .venue-calendar-bar .calendar-bar-dates div.column-one-half ul { padding: 0; margin: 0; list-style: none; } /* Marketing Content on CSN Search ------------------------- */ @font-face { font-family: 'Bitter'; src: url(/a/rfp/font/Bitter/Bitter-Regular.ttf) format('truetype'); } @font-face { font-family: 'BitterItalic'; src: url(/a/rfp/font/Bitter/Bitter-Italic.ttf) format('truetype'); } @font-face { font-family: 'BitterBoldItalic'; src: url(/a/rfp/font/Bitter/Bitter-BoldItalic.otf) format('opentype'); } /* Marketing Content Wrapper */ .marketing-content { width: 948px; margin: 0 auto; overflow: hidden; font-family: Arial, Helvetica, Geneva, sans-serif; border: 1px solid #aaa; } .marketing-content p { margin: 0; } .marketing-content a { border-bottom: none; } .csn-marketing-button { background: #199cd6; text-transform: uppercase; padding: 10px 30px; color: #fff; font-size: 14px; border-radius: 3px; margin: 0 auto; border-bottom-width: 0; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; } .csn-marketing-button:hover { background: #1589bd; } .csn-marketing-button-primary { background: #8bc540; } .csn-marketing-button-primary:hover { background: #77b12b; } /* Top Intro */ .csn-marketing-intro { background: #fff url(/a/rfp/images/csn-house-ad-bg-gradient.png) no-repeat 0 0; overflow: hidden; } .csn-marketing-intro h2 { font-family: 'Bitter', Arial, Helvetica, sans-serif; color: #13497e; text-align: center; margin: 50px 0; font-size: 28px; } .csn-marketing-intro p { color: #515960; line-height: 1.5; margin-top: 30px; font-size: 15px; } .csn-marketing-intro .left { float: left; width: 425px; padding: 30px 0 0 30px; } .csn-marketing-intro .right { float: right; width: 485px; overflow: hidden; margin-bottom: 40px; } /* Features */ .csn-marketing-features { list-style: none; clear: both; margin: 0 0 40px 0; padding-left: 0; overflow: hidden; } .csn-marketing-features > li { background: #fff; float: left; padding: 30px 0; text-align: center; width: 220px; margin-left: 10px; border: 2px solid #e5ebed; } .csn-marketing-features > li > a { height: 200px; display: block; } .csn-marketing-features h3 { margin: 10px 10px; text-align: center; color:#37b0e4; font-family: 'Bitter', Arial, Helvetica, sans-serif; font-style: italic; color: #29aae2; font-size: 18px; } .csn-marketing-features p { margin: 0 30px; font-size: 13px; line-height: 1.5; } .csn-marketing-features-icon { display: block; width: 120px; height: 120px; margin: 0 auto; background-image: url('/a/rfp/images/csn-marketing-sprite.png'); background-repeat: no-repeat; } .csn-marketing-features-icon-supplier-network { background-position: 0 0; } .csn-marketing-features-icon-promo-hub { background-position: 0 -120px; } .csn-marketing-features-icon-dg { background-position: 0 -240px; } .csn-marketing-features-icon-rfp { background-position: 0 -360px; } /* Advertising */ .csn-marketing-hero-unit { background: url('/a/rfp/images/csn-house-hero-unit-bg.jpg') no-repeat 0 0; overflow: hidden; padding: 100px 0; text-align: center; } .csn-marketing-hero-unit h2 { color: #fff; font-family: 'Bitter', Arial, Helvetica, sans-serif; font-size: 28px; font-style: italic; font-weight: normal; margin: 0 200px 30px; } /* Client Loogs */ .csn-marketing-client-logos { background: #29aae2; padding: 50px 0; overflow: hidden; } .csn-marketing-client-logos h2 { text-align: center; color: #fff; font-family: 'Bitter', Arial, Helvetica, sans-serif; margin-bottom: 0; font-size: 24px; font-weight: normal; } .csn-marketing-client-logos-list { list-style: none; } .csn-marketing-client-logos-list > li { float: left; text-indent: -9999px; margin: 30px 20px 0 20px;} .csn-marketing-client-logo { width: 180px; height: 60px; background-image: url(/a/rfp/images/csn-marketing-sprite.png); background-repeat: no-repeat; } .csn-marketing-client-logo-bcd-travel { background-position: -120px 0; } .csn-marketing-client-logo-hyatt { background-position: -120px -60px; } .csn-marketing-client-logo-marriott { background-position: -120px -120px; } .csn-marketing-client-logo-wyndham { background-position: -120px -180px; } .csn-marketing-client-logo-visit-orlando { background-position: -120px -240px; } .csn-marketing-client-logo-cocacola { background-position: -120px -300px; } .csn-marketing-client-logo-boeing { background-position: -120px -360px; } .csn-marketing-client-logo-sprint { background-position: -120px -420px; } /* Marketing demo */ .csn-marketing-demo { padding: 50px 50px 50px 130px; overflow: hidden; } .csn-marketing-demo h2 { float: left; color: #13497e; font-family: 'Bitter', Arial, Helvetica, sans-serif; margin-bottom: 0; font-size: 24px; font-style: italic; margin-right: 30px; } .csn-marketing-demo .csn-marketing-button { background: #05a84d; float: left; margin-top: -3px; } /* expandable textarea */ table.two-column .csn-expandable-textarea textarea, .csn-expandable-textarea textarea { float: left; min-height: 60px; overflow: hidden; height: 60px; } /* sidebar - also viewed */ .sidebar-also-viewed { margin: 2px 0 15px 0; } .sidebar-also-viewed .sidebar-subhead { display: block; font-weight: bold; font-size: 1.1em; margin-bottom: 2px; } .sidebar-also-viewed ul { list-style-type: none; margin: 0; padding: 0; } .sidebar-also-viewed ul li { padding: 2px 0; } /* Proposal Alternate Dates Grid*/ table.NewGrid input.update-alternate-date { color: #000; text-decoration: underline; background: none; border: none; font-size: 100%; } div.alt-date-copy-popup { position: relative; z-index: 999; } div.ajaxPanel { width: 300px !important; } /* New Header styles*/ a { text-decoration: none; border-style: none; } .headerWrapper { position: fixed; top: 0; left: 0; width: 100%; min-width: 950px; z-index: 20; background: #e9edef; border-bottom: solid 1px #cad0d3; } .wrapper { font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif; background: #e9edef; top: 0; left: 0; width: 100%; position: relative; z-index: 1; margin: 0 auto; } .headerLogo { display: block; width: 125px; float: left; margin: 10px 40px 6px 20px; } .logo { display: block; background: url(/a/rfp/images/CSN-logo_113.png) no-repeat 0 0; text-indent: -9999px; width: 114px; height: 37px; border-style:none; } .navList { list-style: none; margin:auto; } .navItem { float: left; display: inline-block; } .navLink { display: block; float: left; padding: 13px 15px 7px; margin-top: 11px; color: #333; font-weight: 400; font-size: 16px; border-style: none; } .navLink:hover { color: #00a0dd; } .activeTab { background: #fff; color: #333; font-weight: 700; border-top: 3px solid #00a0dd; border-left: 1px solid #cad0d3; border-right: 1px solid #cad0d3; margin-bottom: -1px; padding: 10px 20px 11px; } .activeTab:hover { border-top: 3px solid #00a0dd; border-left: 1px solid #cad0d3; border-right: 1px solid #cad0d3; } .secondaryNavListWrapper { float: right; margin-right: 5px; } .secondaryNavLink { margin: 8px 0 5px; color: #00a0dd; } .breadCrumbBar { background: #fff; color: #0099e0; text-align: center; font-size: 16px; padding: 10px; font-weight: 400; position: relative; z-index: 1; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } .sriracha-discover-tab-new { background: #4099da; padding: 2px 6px; font-size: 11px; font-family: 'Lato'; color: #fff; border-radius: 8px; position: relative; top: -8px; left: 2px; } .new-supplier-policy-links { color:#0F5179; border-bottom:1px dotted #0F5179; text-decoration:none; } .notificationBannerContainer { position: relative; background: #0080ee; padding: 10px 40px; } .notificationMessageContainer, .notificationMessageContainer p { font-family: "Brandon Text",sans-serif; font-weight: 700; font-size: 16px; text-align: center; color: #fff; line-height: 1.6; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0px; } .notificationMessageContainer a { font-family: "Brandon Text",sans-serif; font-weight: 700; font-size: 16px; text-align: center; color: #fff; line-height: 1.6; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: underline; cursor: pointer; } .notificationMessageContainer a:hover { color: #ffd166; } .closeNotificationBanner:hover { color: #fff; text-decoration: none; } .closeNotificationBanner:before { content: "\e935"; font-size: 15px; font-family: 'cvticons'; font-style: normal; font-weight: 400; line-height: 1.6; } .closeNotificationBanner { color: #fff; position: absolute; top: 50%; transform: translateY(-50%); right: 0; padding: 13px 15px 13px 11px; font: 0/0 transparent; text-decoration: none; cursor: pointer; } @font-face { font-family: 'Brandon Text'; src: url(/a/rfp/font/Brandon-text/brandon-text-700.woff) format('woff'); font-weight: 700; } @font-face { font-family: 'cvticons'; src: url('/a/planner-side/font/icomoon/cvticons.woff2') format('woff2'), url('/a/planner-side/font/icomoon/cvticons.woff') format('woff'); font-weight: 700; } /*New breadcrumb styles*/ .breadcrumbWrapperNew { clear: both; width: 100%; min-width: 950px; overflow: hidden; padding: 10px 0; background: #fff!important; margin-bottom: 10px; box-shadow: 0 1px 7px #888888; position:relative; margin-top:-1px; } .breadcrumb-content { font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif; width: 100%; max-width: 950px; position: relative; z-index: 1; margin: 0 auto; } .breadCrumbItemLink { color: #00a0dd; font-size: 16px; text-decoration: none; margin-left:5px; } .breadcrumbIcon { float: left; display: block; width: 25px; height: 25px; background: url(/a/rfp/images/csn-sprite.png) no-repeat 0 0; } .arrowLeftIcon { background-position: -151px -148px; } .homeIcon { background-position: -190px -149px; }