1 2<!DOCTYPE html> 3<html lang="en"> 4<head> 5 6 <meta http-equiv="Content-type" content="text/html; charset=UTF-8" /> 7<!-- Google Tag Manager for GA4 --> 8
8<script>(function(w,d,s,l,i){w.GAMeasurementID='G-LBVEMWXGPG';w[l]=w[l]||[];w[l].push({'gtm.start': 9 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 10 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 11 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 12 })(window,document,'script','cpDataLayerGA4','GTM-K73C5PS');</script>
12 13 <!-- End Google Tag Manager for GA4 --> 14
14<script type='text/javascript'> 15 var enableTelemetry = 'false' 16 var aiConfig = { 17 instrumentationKey: '1cde048e-3185-4906-aa46-c92a7312b60f' 18 } 19 var appInsights = window.appInsights || function (a) { function b(a) { c[a] = function () { var b = arguments; c.queue.push(function () { c[a].apply(c, b) }) } } var c = { config: a }, d = document, e = window; setTimeout(function () { var b = d.createElement('script'); b.src = a.url || 'https://js.monitor.azure.com/scripts/a/ai.0.js', d.getElementsByTagName('script')[0].parentNode.appendChild(b) }); try { c.cookie = d.cookie } catch (a) { } c.queue = []; for (var f = ['Event', 'Exception', 'Metric', 'PageView', 'Trace', 'Dependency']; f.length;)b('track' + f.pop()); if (b('setAuthenticatedUserContext'), b('clearAuthenticatedUserContext'), b('startTrackEvent'), b('stopTrackEvent'), b('startTrackPage'), b('stopTrackPage'), b('flush'), !a.disableExceptionTracking) { f = 'onerror', b('_' + f); var g = e[f]; e[f] = function (a, b, d, e, h) { var i = g && g(a, b, d, e, h); return !0 !== i && c['_' + f](a, b, d, e, h), i } } return c }(aiConfig); 20 window.appInsights = appInsights, appInsights.queue && 0 === appInsights.queue.length; 21 // Add telemetry initializer 22 appInsights.queue.push(function() { 23 appInsights.context.addTelemetryInitializer(function(envelope) { 24 var telemetryItem = envelope.data.baseData; 25 // To check the telemetry itemâs type: 26 if (!false) 27 { 28 //If the telemetry is not enabled, we still want to capture Google map custom event, so only allow that 29 if (envelope.name.indexOf('.Event') == -1) 30 return false; 31 } 32 }); 33 }); 34 appInsights.trackPageView(); 35 </script>
35 36
36<script> 37 function populateAntiForgery(token) { 38 var input = document.createElement("input"); 39 input.name = "__RequestVerificationToken"; 40 input.type = "hidden"; 41 input.value = token; 42 var absPat = /^https?:\/\/|^\/\//i; 43 var forms = document.getElementsByTagName("form"); 44 for (var i = 0; i < forms.length; i++) { 45 if (forms[i].method == "post" && 46 !forms[i].querySelector('[name="__RequestVerificationToken"]') && 47 !absPat.test(forms[i].getAttribute("action"))) { 48 forms[i].appendChild(input.cloneNode()); 49 } 50 } 51 } 52 53 function getAntiForgeryToken(callback, error) { 54 var xhr = new XMLHttpRequest(); 55 xhr.open("GET", "/antiforgery"); 56 xhr.addEventListener("load", function() { 57 try { 58 if (this.status !== 200) { 59 throw Error("Invalid status. Could not retrieve antiforgery token."); 60 } 61 var obj = JSON.parse(this.responseText); 62 callback(obj.token); 63 } catch (e) { 64 typeof error === "function" && error(e); 65 } 66 }); 67 xhr.send(); 68 } 69 70 getAntiForgeryToken(function(token) { 71 if (document.readyState === "complete" 72 || document.readyState === "loaded" 73 || document.readyState === "interactive") { 74 populateAntiForgery(token); 75 return; 76 } 77 document.addEventListener("DOMContentLoaded", function() { 78 populateAntiForgery(token); 79 }, false); 80 }, console.error); 81 </script>
81 82 83 84
84<script type="text/javascript"> 85 window.departmentHeader = {}; 86 window.pageSectionTracker = {}; 87 window.isResponsiveEnabled = true; 88 window.isRemoveSetHeights= true; 89 if (window.isRemoveSetHeights) { 90 document.documentElement.className += ' removeSetHeights'; 91 } 92 window.mainMenuMediaQuery = 'screen and (max-width: 40em)'; 93 window.isMobileBrowserIncludingTablets = false; 94 window.fixedResponsiveMenu = false; 95 window.fullWidthResponsiveMenu = false; 96 window.responsiveMenuHeight = ''; 97 window.responsiveMenuFontSize = ''; 98 window.isContentAdvisor = false; 99 (function () { 100 window.setSizeCookie = function () { 101 document.cookie = "dpi=" + window.devicePixelRatio + "; path=/"; 102 document.cookie = "viewportWidth=" + window.innerWidth + "; path=/"; 103 document.cookie = "viewportHeight=" + window.innerHeight + "; path=/"; 104 if (screen && screen.width && screen.height) { 105 document.cookie = "screenWidth=" + screen.width + "; path=/"; 106 document.cookie = "screenHeight=" + screen.height + "; path=/"; 107 } 108 document.cookie = "responsiveGhost=1; path=/"; 109 }; 110 111 setSizeCookie(); 112 }()); 113 </script>
113 114 <meta name="viewport" content="width=device-width, initial-scale=1"> 115 116
116<script async src="https://docaccess.com/docbox.js"></script>
116 117 118 119 120 <meta name="theme-color" content="rgb(0, 0, 0)"> 121 <link rel="icon" href="/images/favicon.ico" type="image/x-icon" /> 122 <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" /> 123 <title>Search ⢠Bloomfield Hills, MI ⢠CivicEngage</title> 124 125
125<script src="/Assets/Scripts/jQuery/jquery-3.7.1.min.js"></script>
125 126
126<script src="/Assets/Scripts/jQuery/jquery-migrate-3.6.0.min.js" type="text/javascript"></script>
126 127 128 129 <!--[if IE 6]>
129<script language="JavaScript" type="text/javascript"> var isie6 = true; </script>
129<![endif]--> 130 <!--[if IE 7]>
130<script language="JavaScript" type="text/javascript"> var isie7 = true; </script>
130<![endif]--> 131 <!--[if IE 8]>
131<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
131<![endif]--> 132 <!--[if IE 9]>
132<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
132<![endif]--> 133
133<script type="text/javascript"><!-- 134 var intCountryCode = 840; 135 var order = ''; 136//--></script>
136 137 138<link href="/-681783051.css" rel="stylesheet" type="text/css" /> <link href="/-2140275272.css" rel="stylesheet" type="text/css" /> <link href="/1621228361.css" rel="stylesheet" type="text/css" /> 139 140 <link rel="stylesheet" type="text/css" href="/Assets/Styles/Print.css" media="print"> 141
141<script type="text/javascript"> 142 window.Pages = window.Pages || {}; 143 // FrontEnd RWD initialization 144 window.Pages.rwdReady = $.Deferred(); 145 window.Pages.toolBarDeferred = $.Deferred(); 146 window.Pages.rwdSetupComplete = $.Deferred(); 147 window.Pages.megaMenuLoaded = $.Deferred(); 148 window.Pages.angularToolbarComplete = $.Deferred(); 149 window.Pages.frontEndToolbarComplete = $.Deferred(); 150 </script>
150 151 <!--CPHeadContent--> 152
152<script src="/739942322.js" type="text/javascript"></script>
152 153 154 155 156
156<script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.js"></script>
156 157
157<script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script>
157 158 <link rel="stylesheet" type="text/css" href="/Areas/Search/Assets/Styles/Home2017.css" /> 159 <link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.css"> 160 <link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.theme.min.css"> 161 162 163 164
164<script src="/1657590475.js" type="text/javascript"></script>
164 165 166 167 168 <!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="/App_Themes/ie8.css"><![endif]--> 169 <!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="/App_Themes/ie7.css"><![endif]--> 170 <!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="/App_Themes/ie6.css"><![endif]--> 171 <!--[if lt IE 9]>
171<script type="text/javascript" src="/Scripts/html5.js"></script>
171<![endif]--> 172 173
173<script type="text/javascript"> 174 setEditorVariables(false, 840); 175 function getPrintPreviewType() { return 0; } function printPreview() {pPreview(getPrintPreviewType()); } 176 </script>
176 177
177<script src="/Assets/Scripts/AlpineJS/3.14.1/alpine.min.js" type="text/javascript" defer="defer"></script>
177 178</head> 179<body class="wide " > 180 181
181<script>jQuery(document).click(function (event) { 182 var target = jQuery(event.target); 183 if (target.attr('src') && target.parents('.image').length && target.parents('.widget').length) { 184 var text = target.attr('title'); 185 186 if (!text.length) { 187 text = "N/A"; 188 } 189 ga('send', 190 { 191 hitType: 'event', 192 eventCategory: 'Image', 193 eventAction: 'Image - ' + text, 194 eventLabel: window.location.href 195 }); 196 } 197 if (target.is('button') || target.hasClass('button') || target.parents().hasClass('button')) { 198 var text = ""; 199 if (target.parents('.button')[0]) { 200 text = target.parents('.button').first().text(); 201 } else if (target.text().length) { 202 text = target.text(); 203 } else if (target.attr('title').length) { 204 text = target.attr('title'); 205 } 206 if (!text.length) { 207 text = "N/A"; 208 } 209 ga('send', 210 { 211 hitType: 'event', 212 eventCategory: 'Button', 213 eventAction: 'Button - ' + text, 214 eventLabel: window.location.href 215 }); 216 } 217 if (target.parents('.widgetCustomHtml').length) { 218 ga('send', 219 { 220 hitType: 'event', 221 eventCategory: 'Custom Html',
222 eventAction: 'Custom Html Clicked', 223 eventLabel: window.location.href 224 }); 225 } 226 if (target.parents('.editor').length) { 227 ga('send', 228 { 229 hitType: 'event', 230 eventCategory: 'Editor', 231 eventAction: 'Editor Link Clicked', 232 eventLabel: window.location.href 233 }); 234 } 235 if (target.parents('.GraphicLinks').length) { 236 var text = ""; 237 var targetGraphicLink = target; 238 if (target.hasClass('widgetGraphicLinksLink')) { 239 targetGraphicLink = jQuery(target.children()[0]); 240 } 241 if (targetGraphicLink.hasClass('text')) { 242 text = targetGraphicLink.text(); 243 } else if (targetGraphicLink.attr('src').length) { 244 if (targetGraphicLink.attr('alt').length) { 245 text = targetGraphicLink.attr('alt'); 246 } else { 247 text = targetGraphicLink.attr('src'); 248 } 249 } else { 250 text = "N/A"; 251 } 252 ga('send', 253 { 254 hitType: 'event', 255 eventCategory: 'Graphic Links', 256 eventAction: 'Graphic Link - ' + text, 257 eventLabel: window.location.href 258 }); 259 } 260 if (target.parents('.InfoAdvanced').length) { 261 ga('send', 262 { 263 hitType: 'event', 264 eventCategory: 'Info Advanced', 265 eventAction: 'Info Advanced Clicked', 266 eventLabel: window.location.href 267 }); 268 } 269 if (target.parents('.list').length) { 270 ga('send', 271 { 272 hitType: 'event', 273 eventCategory: 'List', 274 eventAction: 'List Clicked', 275 eventLabel: window.location.href 276 }); 277 } 278 if (target.parents('.megaMenuItem').length || target.parents('.topMenuItem').length) { 279 var megaMenuText = jQuery('.topMenuItem.mouseover').find('span').text(); 280 var breadCrumbs = []; 281 jQuery('.breadCrumbs > li').each(function () { 282 breadCrumbs.push(this.textContent); 283 }); 284 var pageTitle = breadCrumbs.join('>'); 285 var subTitleText = target.parents('.megaMenuItem').children('.widgetTitle').children().text(); 286 var text = ""; 287 if (pageTitle) { 288 text += pageTitle + " | "; 289 } else { 290 text += document.title + ' - '; 291 } 292 if (target.text() == "" && megaMenuText == "") { 293 text += "N/A"; 294 } else if (target.text().length && megaMenuText.length) { 295 if (megaMenuText == target.text()) { 296 text += megaMenuText; 297 } else { 298 text += megaMenuText + " - " + subTitleText + " - " + target.text(); 299 } 300 } else if (target.text() == "") { 301 text += megaMenuText; 302 } else { 303 text += target.text(); 304 } 305 if (!text.length) { 306 text = "N/A"; 307 } 308 ga('send', 309 { 310 hitType: 'event', 311 eventCategory: 'Mega Menu', 312 eventAction: 'Mega Menu : ' + text, 313 eventLabel: window.location.href 314 }); 315 } 316 if (target.parents('.widgetNewsFlash').length && target.parents('.widgetItem').length) { 317 var text = jQuery(target.parents('.widgetItem')[0]).find('.widgetTitle').children().text(); 318 if (!text.length) { 319 text = "N/A"; 320 } 321 ga('send', 322 { 323 hitType: 'event', 324 eventCategory: 'News Flash', 325 eventAction: 'News Flash - ' + text, 326 eventLabel: window.location.href 327 }); 328 } 329 if (target.hasClass('widgetQuickLinksLink') || target.find('.widgetQuickLinksLink').length) { 330 var text = target.text(); 331 if (!text.length) { 332 text = "N/A"; 333 } 334 ga('send', 335 { 336 hitType: 'event', 337 eventCategory: 'Quick Links', 338 eventAction: 'Quick Links - ' + text, 339 eventLabel: window.location.href 340 }); 341 } 342 if (target.attr('src') && target.parents('.cpSlideshow').length) { 343 var text = target.attr('title'); 344 if (!text.length) { 345 text = "N/A"; 346 } 347 ga('send', 348 { 349 hitType: 'event', 350 eventCategory: 'Slideshow', 351 eventAction: 'Slideshow - ' + text, 352 eventLabel: window.location.href 353 }); 354 } 355 if (target.parents('.widgetText').length) { 356 ga('send', 357 { 358 hitType: 'event', 359 eventCategory: 'Text', 360 eventAction: 'Text Link Clicked', 361 eventLabel: window.location.href 362 }); 363 } 364});</script>
364 365 <div id="popoverModal" class="cp-PopOver cp-PopOver--modal cp-AdminWrap" style="position: fixed; display: none;"> 366 <div class="cp-PopOver-header"> 367 <h3 class="cp-PopOver-title"></h3> 368 <button class="cp-Btn cp-PopOver-close" onclick="closePopOverModal(event)"> 369 <svg class="cp-Icon--close" alt="close" title="close"> 370 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconClose"></use> 371 </svg> 372 </button> 373 </div> 374 <div id="cpPopOverBody" class="cp-PopOver-body"> 375 <form id="cpPopOverForm" name="cpPopOverForm" novalidate></form> 376 </div> 377 <div id="cpPopOverFooter" class="cp-PopOver-footer"> 378 <div class="cp-BtnGroup" id="actionButtons"> 379 <!-- Action buttons will be dynamically added here --> 380 </div> 381 </div> 382</div> 383 <div id="fb-root"></div> 384<div id=skipToContentLinks> 385<a href="#contentarea" target="_self" class="skipToContentLink">Skip to Main Content</a> 386</div> 387 <form id="frmReferenceFormForTelerikEditorDialogs"></form> 388 389 <input type="hidden" id="GoogleMapsKey" value="AIzaSyDWUuE-ifkbhxblF920N8MjpBdTg1Wt784" /> 390 391 392 393 <input type="hidden" id="cpcDomain" value="https://cp-civicplusuniversity2.civicplus.com"> 394 <input type="hidden" id="hdnStructureID" value="10" /> 395 <input type="hidden" id="hdnContentCollectionID" value="e488ec09-3129-4559-9993-64edbcc2ea0d" /> 396 <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" /> 397 <input type="hidden" id="hdnThemeID" value="26" /> 398 <input type="hidden" id="pageIsFrontEnd" value="true" /> 399 <input type="hidden" id="pageModuleID" value="82" /> 400 <input type="hidden" id="pagePageID" /> 401 402 <input type="hidden" id="hdnModuleID" value="82" /> 403 <img id="imgLogoPrintPreview" src="/ImageRepository/Document?documentID=1243" alt="Bloomfield Hills, MI" /> 404<div id="stickyPlaceholder"></div> 405 <div id="outer-wrap" class="outer-wrap"> 406 <div id="inner-wrap" class="inner-wrap"> 407 <div id="divToolbars" class="cpToolbars newCP mui-fixed" style=""> 408 409 410 411 412<!-- Begin Signed Out Bar --> 413<div class="cpToolbar user public"> 414 <div class="inner selfClear"> 415 <p class="dropdown"><a href="/MyAccount/ProfileCreate" class="myConnections" id="signedOutToolbarCreateProfileButton">Create a Website Account</a> <span class="welcomeMessage">- Manage notification subscriptions, save form progress and more. </span></p> 416 <ul class="nav secondary"> 417 <li><a href="/MyAccount" class="button" id="loggedOutToolbarSignInButton">Website Sign In</a></li> 418 </ul> 419 </div> 420</div>
421<script> 422 $(document).ready(function () { 423 $('#signedOutToolbarCreateProfileButton').click(function (event) { 424 event.preventDefault(); 425 window.location.href = '/MyAccount/ProfileCreate?from=url&url=/&dn=' + window.location.origin; 426 }); 427 428 429 $('#loggedOutToolbarSignInButton').click(function (event) { 430 event.preventDefault(); 431 window.location.href = '/MyAccount/?from=url&url=' + encodeURIComponent(window.location.href.replace(window.location.origin, '')) + '&dn=' + window.location.host; 432 }); 433 434 435 if ('False' == 'True') { 436 $('#loggedOutToolbarSignInButton').hide(); 437 } 438 }) 439</script>
439 440<!-- End Signed Out Bar --> 441 442 </div> 443 <div id="bodyWrapper"> 444 <div id="mainNavHolderMobile" class="mainNavHolderMobile"></div> 445 446<div data-cpRole="structuralContainer" id="bodyContainerTS"> 447<div data-cpRole="banner" id="banner2" class="fixedBannerTS"><!-- Header Container --><header data-cpRole="structuralContainer" id="headerContainerTS"> 448<div class="siteWrap"><div data-cpRole="structuralContainer" id="flexHeaderTS"> 449<div data-cpRole="structuralContainer" id="bannerLogoWrapTS"> 450<div data-cpRole="banner" id="bannerLogoTS" class="bannerLogoTS empty"> 451 452 453 454 455 <a id="bannerLogoTS-74" style=" display: block; text-align: center; 456" class="bannerObject" href="/" target="_self"><img alt="Bloomfield Hills Michigan" class="bannerObject" height="83" src="/ImageRepository/Document?documentID=1314" width="360" /></a> 457</div> 458</div><nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" role="navigation"> 459<ol id="mainNavMenu" data-parent="1" class="rootNavMenu" role="menu"><!-- 460--><li id="MainItem27" class="topMenuItem" role="none" data-pageid="27" data-displaymegamenu="True"><!-- 461 --><!-- 462 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu27" id = "mainNavGovernment" class="navMainItem mainNavItem mainNavItem1 " href="/27/Government" target = "_self" > Government </a> <!-- 463 --><!-- 464 --></li><!----><li id="MainItem101" class="topMenuItem" role="none" data-pageid="101" data-displaymegamenu="True"><!-- 465 --><!-- 466 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu101" id = "mainNavServices" class="navMainItem mainNavItem mainNavItem2 " href="/101/Services" target = "_self" > Services </a> <!-- 467 --><!-- 468 --></li><!----><li id="MainItem31" class="topMenuItem" role="none" data-pageid="31" data-displaymegamenu="True"><!-- 469 --><!-- 470 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu31" id = "mainNavCommunity" class="navMainItem mainNavItem mainNavItem3 " href="/31/Community" target = "_self" > Community </a> <!-- 471 --><!-- 472 --></li><!----><li id="MainItem9" class="topMenuItem" role="none" data-pageid="9" data-displaymegamenu="True"><!-- 473 --><!-- 474 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu9" id = "mainNavHowDoI" class="navMainItem mainNavItem mainNavItem4 " href="/9/How-Do-I" target = "_self" > How Do I... </a> <!-- 475 --><!-- 476 --></li><!----> 477</ol> 478 479 480
480<script type="text/javascript"> 481 (function () { 482 function setupMenu() { 483 const menuID = 'mainNavMenu'; 484 const menuType = MAIN_MENU; 485 486 //setup menu manager properties for main menu 487 if (!menuManager.mobileMainNav && true) 488 menuManager.adjustMainItemsWidth('#' + menuID); 489 menuManager.isMainMenuEditable = false; 490 menuManager.mainMenuMaxSubMenuLevels = 4; 491 menuManager.setMOMMode(2, menuType); 492 493 //Init main menu 494 const setupDraggable = menuManager.isMainMenuEditable; 495 const urlToGetHiddenMenus = '/Pages/MenuMain/HiddenMainSubMenus?pageID=1&moduleID=82&themeID=26&menuContainerID=mainNav'; 496 497 menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus); 498 menuManager.mainMenuInit = true; 499 menuManager.mainMenuTextResizer = true; 500 if (1.00 > 0) 501 menuManager.mainMenuTextResizerRatio = 1.00; 502 if (window.isResponsiveEnabled) 503 menuManager.mainMenuReady.resolve(); 504 505 } 506 507 if (document.readyState === "complete" 508 || document.readyState === "loaded" 509 || document.readyState === "interactive") { 510 setupMenu(); 511 return; 512 } 513 514 document.addEventListener("DOMContentLoaded", setupMenu); 515 })(); 516 </script>
516 517 518 519<aside data-cpRole="megaMenu" id="megaMenu" class="megaMenu" style="display: none;"><input type="hidden" id="megaMenuPopupDirection" value="0"><input type="hidden" id="megaMenuWidthReference" value="1"><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu27" class="contentTop mainNavMegaMenu megaMenuContainer pageID_27 hidden" data-orientation="horizontal"> <div id="cc61ee1f5d-09f2-4bbc-a011-803042b6ff32" data-containerid="61ee1f5d-09f2-4bbc-a011-803042b6ff32" class="pageContent cpGrid cpGrid24 showInMobile"> 520 521 522 523 524 </div> 525</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu101" class="contentTop mainNavMegaMenu megaMenuContainer pageID_101 hidden" data-orientation="horizontal"> <div id="ccdeec45d2-d01a-4332-9fb2-782c1581e063" data-containerid="deec45d2-d01a-4332-9fb2-782c1581e063" class="pageContent cpGrid cpGrid24 showInMobile"> 526 527 528 529 530 </div> 531</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu31" class="contentTop mainNavMegaMenu megaMenuContainer pageID_31 hidden" data-orientation="horizontal"> <div id="ccca853b1c-7570-4503-92e1-bf73ce75628a" data-containerid="ca853b1c-7570-4503-92e1-bf73ce75628a" class="pageContent cpGrid cpGrid24 showInMobile"> 532 533 534 535 536 </div> 537</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu9" class="contentTop mainNavMegaMenu megaMenuContainer pageID_9 hidden" data-orientation="horizontal"> <div id="ccde13e7a1-6aef-4e9a-a97b-c0b9c500cd55" data-containerid="de13e7a1-6aef-4e9a-a97b-c0b9c500cd55" class="pageContent cpGrid cpGrid24 showInMobile"> 538 539 540 541 542 </div> 543</aside></aside></nav> 544</div></div><div data-cpRole="structuralContainer" id="searchContainerTS"> 545<div class="siteWrap"><div data-cpRole="contentContainer" id="searchTS"> <div id="cc95ccd99f-c411-4e78-b32b-025b07ecd5cb" data-containerid="95ccd99f-c411-4e78-b32b-025b07ecd5cb" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="35"> 546 547 548 <div class="row outer wide"><!-- 549--><div class="outer col col10 first" style="" data-widgetcontainerid="ef4f42e3-b79c-4e30-bb7c-056ca39a542b">� 550 <div class="row nest first last wide">� 551 552 <div class="inner col col10 first last id27f4d1b7-48ce-4a3c-9178-80a39b04f67a" style="" data-widgetcontainerid="27f4d1b7-48ce-4a3c-9178-80a39b04f67a">� 553<div data-widget-id="ea99ebed-5986-493f-abd9-5dc4bcad25d6" data-widget-controller-path="/GraphicLinks/Widget"> 554 555 556 557 558<div id="graphicLinkWidgetea99ebed-5986-493f-abd9-5dc4bcad25d6" class="widget widgetGraphicLinks skin79 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:1em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 559 <div class="widgetHeader"> 560 <div class=""> 561 </div> 562 </div> 563 <div class="widgetBody cpGrid cpGrid4 "> 564 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 565 <div class="row wide"> 566 <!-- 567--><div class="col col1 first "><ul class="semanticList"><!-- 568 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/facebook" target="_self"> 569 570<img src="/ImageRepository/Document?documentID=1011" 571 class="graphicButtonLink" alt="Facebook" 572 onmouseover="this.src='/ImageRepository/Document?documentID=1011'" 573 onmouseout="this.src='/ImageRepository/Document?documentID=1011'" 574 onfocus="this.src='/ImageRepository/Document?documentID=1011'" 575 onblur="this.src='/ImageRepository/Document?documentID=1011'"> 576</a></li><!-- 577--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 578 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/youtube" target="_self"> 579 580<img src="/ImageRepository/Document?documentID=1020" 581 class="graphicButtonLink" alt="YouTube" 582 onmouseover="this.src='/ImageRepository/Document?documentID=1020'" 583 onmouseout="this.src='/ImageRepository/Document?documentID=1020'" 584 onfocus="this.src='/ImageRepository/Document?documentID=1020'" 585 onblur="this.src='/ImageRepository/Document?documentID=1020'"> 586</a></li><!-- 587--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 588 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/linkedin" target="_self"> 589 590<img src="/ImageRepository/Document?documentID=1013" 591 class="graphicButtonLink" alt="Linkedin" 592 onmouseover="this.src='/ImageRepository/Document?documentID=1013'" 593 onmouseout="this.src='/ImageRepository/Document?documentID=1013'" 594 onfocus="this.src='/ImageRepository/Document?documentID=1013'" 595 onblur="this.src='/ImageRepository/Document?documentID=1013'"> 596</a></li><!-- 597--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 598--></ul></div><!-- --> 599 </div> 600 </nav> 601 </div> 602 <div class="widgetFooter"> 603 </div> 604</div> 605</div> 606 607 </div> <!-- inner column --> 608 609 </div> <!-- inner row --> 610 611 </div><!-- outer column --><!----><div class="outer col col14 last" style="" data-widgetcontainerid="30164bca-b67f-49a2-9830-93f2c6b8dc39">� 612 <div class="row nest first last wide">� 613 614 <div class="inner col col14 first last ided1817f5-ab3e-4aa9-a752-5a291e4bd56b" style="" data-widgetcontainerid="ed1817f5-ab3e-4aa9-a752-5a291e4bd56b">� 615<div data-widget-id="dd42fb16-c9ed-483d-b4eb-3e14e48f0533" data-widget-controller-path="/Layout/WidgetSearch"> 616 617
617<script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.js"></script>
617 618
618<script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script>
618 619
619<script defer type="text/javascript"> 620 621 $(document).ready(function () { 622 try { 623 // Minimum characters required before performing a search/autocomplete 624 var minPrefixLength = 3; 625 var autoCompleteDebounceDelay = 500; 626 var searchFieldSelector = "#searchField" + 'dd42fb16-c9ed-483d-b4eb-3e14e48f0533'; 627 var checkboxSelector = "#ysnSearchOnlyDept" + 'dd42fb16-c9ed-483d-b4eb-3e14e48f0533'; 628 var buttonSelector = ".widgetSearchButton" + 'dd42fb16-c9ed-483d-b4eb-3e14e48f0533'; 629 var autoCompleteCache = {}; 630 var autoCompleteCacheKeys = []; 631 var autoCompleteCacheLimit = 25; 632 var currentAutoCompleteRequest = null; 633 var currentAutoCompleteRequestKey = null; 634 var autoCompleteDebounceTimer = null; 635 var autoCompleteDebounceKey = null; 636 var pendingAutoCompleteResponses = []; 637 638 function normalizeAutoCompleteTerm(term) { 639 return $.trim((term || "") + "").replace(/\s+/g, " "); 640 } 641 642 function shouldSearch(term) { 643 return normalizeAutoCompleteTerm(term).length >= minPrefixLength; 644 } 645 646 function getAutoCompleteUrl() { 647 return '/Search/AutoComplete' + ($(checkboxSelector).is(':checked') || false? '?departmentId=0' : ''); 648 } 649 650 function getAutoCompleteCacheKey(requestUrl, term) { 651 return requestUrl + "|" + term.toLowerCase(); 652 } 653 654 function cacheAutoCompleteResult(cacheKey, data) { 655 if (!Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 656 autoCompleteCacheKeys.push(cacheKey); 657 if (autoCompleteCacheKeys.length > autoCompleteCacheLimit) { 658 delete autoCompleteCache[autoCompleteCacheKeys.shift()]; 659 } 660 } 661 autoCompleteCache[cacheKey] = data; 662 } 663 664 function respondToPendingAutoComplete(data) { 665 var responses = pendingAutoCompleteResponses; 666 pendingAutoCompleteResponses = []; 667 for (var i = 0; i < responses.length; i++) { 668 responses[i](data); 669 } 670 } 671 672 function cancelPendingAutoComplete() { 673 clearTimeout(autoCompleteDebounceTimer); 674 autoCompleteDebounceKey = null; 675 if (currentAutoCompleteRequest != null) { 676 currentAutoCompleteRequest.abort(); 677 currentAutoCompleteRequest = null; 678 } 679 currentAutoCompleteRequestKey = null; 680 respondToPendingAutoComplete([]); 681 } 682 683 function createWidgetAutoCompleteSource(options) { 684 return function (request, response) { 685 var term = normalizeAutoCompleteTerm(request.term); 686 if (!options.shouldSearch(term)) { 687 response([]); 688 return; 689 } 690 691 var requestUrl = options.url(); 692 var cacheKey = getAutoCompleteCacheKey(requestUrl, term); 693 if (Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 694 response(autoCompleteCache[cacheKey]); 695 if (options.success) { 696 options.success(autoCompleteCache[cacheKey]); 697 } 698 return; 699 } 700 701 if (currentAutoCompleteRequestKey === cacheKey || autoCompleteDebounceKey === cacheKey) { 702 pendingAutoCompleteResponses.push(response); 703 return; 704 } 705 706 cancelPendingAutoComplete(); 707 autoCompleteDebounceKey = cacheKey; 708 pendingAutoCompleteResponses.push(response); 709 autoCompleteDebounceTimer = setTimeout(function () { 710 autoCompleteDebounceKey = null; 711 currentAutoCompleteRequestKey = cacheKey; 712 currentAutoCompleteRequest = $.ajax({ 713 url: requestUrl, 714 dataType: "json", 715 timeout: options.timeout, 716 data: { 717 term: term, 718 }, 719 success: function (data) { 720 if (currentAutoCompleteRequestKey === cacheKey) { 721 cacheAutoCompleteResult(cacheKey, data); 722 respondToPendingAutoComplete(data); 723 if (options.success) { 724 options.success(data); 725 } 726 } 727 }, 728 error: function (xmlhttprequest, textstatus, message) { 729 if (textstatus === "abort") { 730 return; 731 } 732 733 if (options.error) { 734 options.error(xmlhttprequest, textstatus, message); 735 } 736 737 respondToPendingAutoComplete([]); 738 }, 739 complete: function (xmlhttprequest) { 740 if (currentAutoCompleteRequest === xmlhttprequest) { 741 currentAutoCompleteRequest = null;
742 currentAutoCompleteRequestKey = null; 743 } 744 } 745 }); 746 }, options.delay); 747 }; 748 } 749 750 // click handler for search buttons 751 $(buttonSelector).click(function (e) { 752 e.preventDefault(); 753 var $btn = $(this); 754 var $field = $btn.siblings(".widgetSearchBox"); 755 var term = $field.val() + ""; 756 if (!shouldSearch(term)) { 757 // do nothing until user types enough characters 758 $field.focus(); 759 return; 760 } 761 762 if ($(checkboxSelector).is(':checked') || false) 763 { 764 doWidgetSearch($.trim(term), Number(0)); 765 } 766 else { 767 doWidgetSearch($.trim(term), 0); 768 } 769 }); 770 771 // enter key handler for the search field 772 $(searchFieldSelector).keypress(function (e) { 773 var code = e.which || e.keyCode; 774 if (code === 13) { 775 e.preventDefault(); 776 var $this = $(this); 777 var term = $this.val() + ""; 778 if (!shouldSearch(term)) { 779 // do nothing until user types enough characters 780 $this.focus(); 781 return false; 782 } 783 784 if ($(checkboxSelector).is(':checked') || false) { 785 doWidgetSearch($.trim(term), Number(0)); 786 } else { 787 doWidgetSearch($.trim(term), 0); 788 } 789 return false; 790 } 791 return true; 792 }); 793 794 // autocomplete: set minLength and guard source 795 if (true) { 796 var $searchField = $(searchFieldSelector).autocomplete({ 797 minLength: minPrefixLength, 798 source: createWidgetAutoCompleteSource({ 799 delay: autoCompleteDebounceDelay, 800 timeout: 10000, 801 shouldSearch: shouldSearch, 802 url: getAutoCompleteUrl, 803 success: function () { 804 $('.autoCompleteError').remove(); 805 }, 806 error: function (xmlhttprequest, textstatus, message) { 807 if (textstatus === "timeout") { 808 if ($(searchFieldSelector).siblings('.autoCompleteError').length == 0) 809 $('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($(searchFieldSelector)); 810 } 811 } 812 }), 813 html: true, 814 delay: 0, 815 select: function (event, ui) { 816 $(this).val(ui.item.value); 817 $(this).next().click(); 818 } 819 }); 820 821 $searchField.data("ui-autocomplete")._renderItem = function (ul, item) { 822 return $("<li class=\"itemList\"></li>") 823 .data("ui-autocomplete-item", item) 824 .append("<a>" + item.label + "</a>") 825 .appendTo(ul); 826 }; 827 } 828 829 // keep searchBtnApplyQuery consistent with prefix rule 830 window.searchBtnApplyQuery = function() { 831 var $field = $(searchFieldSelector); 832 var term = $field.val() + ""; 833 if (shouldSearch(term)) { 834 // update href for the icon/button (if present) 835 var btn = document.getElementById("btnSearchIcon"); 836 if (btn) btn.href = "/Search?searchPhrase=" + encodeURIComponent($.trim(term)); 837 } else { 838 var btn = document.getElementById("btnSearchIcon"); 839 if (btn) btn.href = "#"; 840 } 841 }; 842 } 843 catch(e) {} //we're going to eat this error. Autocomplete won't work but we dont wan't to break anything else on the page. 844 }); 845 </script>
845 846 847 <section id="widgetPreviewSearch" class="widget widgetSearch skin76 widgetOptionSet51" style="display: block;" aria-label="Search"> 848 <!-- For the button right and inside --> 849 <div class="widgetBody buttonRightInside"> 850 <input class="widgetSearchBox widgetSearchBoxdd42fb16-c9ed-483d-b4eb-3e14e48f0533" cp5ph="true" id="searchFielddd42fb16-c9ed-483d-b4eb-3e14e48f0533" name="searchField" onchange="searchBtnApplyQuery();" placeholder="How can we help you?" type="text" value="" /> 851 <a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButtondd42fb16-c9ed-483d-b4eb-3e14e48f0533" role="button"><img alt="Search" class="imageHover" data-hover="/ImageRepository/Document?documentID=1248" data-image="/ImageRepository/Document?documentID=1247" src="/ImageRepository/Document?documentID=1247" /></a> 852 853 <label class="searchLabel" aria-hidden="true" for="searchFielddd42fb16-c9ed-483d-b4eb-3e14e48f0533">Search</label> 854 </div> 855 856 </section> 857 858 859<style scoped> 860 861 .widgetSearch ::-webkit-input-placeholder { 862 color: #FFFFFF; 863 } 864 .widgetSearch :-moz-placeholder { /* Firefox 18- */ 865 color: #FFFFFF; 866 } 867 .widgetSearch ::-moz-placeholder { /* Firefox 19+ */ 868 color: #FFFFFF; 869 } 870 .widgetSearch :-ms-input-placeholder { 871 color: #FFFFFF; 872 } 873 874 875 .widgetSearch .widgetBody .widgetSearchBoxdd42fb16-c9ed-483d-b4eb-3e14e48f0533 876 { 877 color: #FFFFFF; 878 background: #000000; 879border: 0; 880height: 65px; 881font-family: Raleway; 882font-style: italic; 883font-size: 1.2em; 884padding: 0 90px 0 20px; 885 } 886 .widgetSearch .widgetBody .widgetSearchButtondd42fb16-c9ed-483d-b4eb-3e14e48f0533 887 { 888 margin: 9px 12px 0 0; 889 } 890 .widgetSearch .widgetSearch-onlyDeptdd42fb16-c9ed-483d-b4eb-3e14e48f0533 891 { 892 display: inline-block; 893 color: #333; 894 895 896 padding-top: 10px; 897 } 898 #ysnSearchOnlyDeptdd42fb16-c9ed-483d-b4eb-3e14e48f0533 899 { 900 position: relative; 901 top: .125em; 902 } 903 904</style> 905 906<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.css"> 907<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.theme.min.css"> 908 909 910
911<script type="text/javascript"> 912 //Updates search icons href to have the correct queryString 913 function searchBtnApplyQuery() { 914 document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchFielddd42fb16-c9ed-483d-b4eb-3e14e48f0533").value; 915 } 916</script>
916 917 918</div> 919 920 </div> <!-- inner column --> 921 922 </div> <!-- inner row --> 923 924 </div><!-- outer column --><!-- --></div> <!-- outer row --> 925 926 927 </div> 928</div></div> 929</div> 930</header><!-- Banner --><div data-cpRole="structuralContainer" id="bannerContainerTS" class="noOverflowTS"> 931<div data-cpRole="banner" id="banner1"><div data-cpRole="structuralContainer" id="bannerSizingTS"> 932<div data-cpRole="structuralContainer" id="bannerSearchTS"> 933<div class="siteWrap2"><div data-cpRole="contentContainer" id="welcomeTS"> <div id="cc0f74d3e6-cbd9-48d8-a89c-78494e622460" data-containerid="0f74d3e6-cbd9-48d8-a89c-78494e622460" class="pageContent cpGrid cpGrid24 showInMobile"> 934 935 936 937 938 </div> 939</div></div> 940</div> 941</div> 942 943 944 945 946 <div id="bannerImagesJSON73" class="hidden"></div> 947 <div id="bannerSlideshowControls_banner1" class="bannerSlideshowControlsNew none " style="display:none"> 948 <a id="arrowPrev_banner1" tabindex="0" class="arrowNew prev" aria-label="Banner Arrow Previous"><svg style=" " class=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowLeft"></use></svg></a> 949 <a id="arrowNext_banner1" tabindex="0" class="arrowNew next" aria-label="Banner Arrow Next"><svg style=" " class=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowRight"></use></svg></a> 950 </div> 951
951<script type="text/javascript"> 952 $(window).on("load", function () { 953 $.when(window.Pages.rwdSetupComplete) 954 .done(function () { 955 renderExternalBannerSlideshow('banner1', 956 {"BannerOptionID":73,"ThemeID":26,"SlotName":"banner1","Name":"Default","IsDefault":true,"BannerMode":2,"SlideShowSlideTiming":"5","SlideshowTransition":0,"SlideShowTransitionTiming":"1","ImageScale":true,"ImageAlignment":1,"ImageScroll":true,"MuteSound":true,"VideoType":0,"Status":40,"SlideshowControlsPosition":0,"SlideshowControlsAlignment":0,"SlideshowBannerControlsColorScheme":0,"DisplayVideoPauseButton":false,"VideoPauseButtonAlignment":1,"VideoPauseButtonControlsAlignment":0,"VideoPauseButtonStyle":"#FFFFFF","VideoPauseButtonBackgroundStyle":"#000000","VideoPauseButtonAlignmentClass":"alignRight viewport","DisplaySlideshowPauseButton":false,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":132,"BannerOptionID":73,"FileName":"/ImageRepository/Document?documentID=1305","Height":1,"Width":1,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""}],"BannerVideos":[{"BannerVideoID":7,"BannerOptionID":73,"VideoFileName":"","ImageFileName":"EmptyBannerBkg202408061348463205.png","IsLink":false,"LinkAddress":null,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","VideoFileID":"00000000-0000-0000-0000-000000000000","ImageFileID":"00000000-0000-0000-0000-000000000000","VideoWidth":0,"VideoHeight":0,"ImageWidth":0,"ImageHeight":0,"LinkedVideoUrl":"","RecordStatus":0,"AltText":null}],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"}, 957 '/App_Themes/Interior/Images/', 958 'Rotating'); 959 }); 960 }); 961 </script>
961 962 963</div> 964</div><!-- Content container --><div data-cpRole="structuralContainer" id="mainContainerTS"> 965<div class="siteWrap2"><div data-cpRole="structuralContainer" id="mainWrapTS" class="mainWrap" role="main"> 966<div data-cpRole="structuralContainer" id="siteSidebarTS" class="siteSidebar"> 967<aside data-cpRole="contentContainer" id="sidebarContainer1TS"> <div id="cc0a404dca-d520-44e6-ae5f-58b7c962f7b7" data-containerid="0a404dca-d520-44e6-ae5f-58b7c962f7b7" class="pageContent cpGrid cpGrid24 showInMobile"> 968 969 970 971 972 </div> 973</aside><nav data-cpRole="nav" id="secondaryNav" class="siteNav secondaryNav"> 974 975 976 977 978 979 980 981
981<script type="text/javascript"> 982 (function () { 983 function setupSecondaryMenuProperties() { 984 //setup menu manager properties for secondary menu 985 menuManager.isSideMenuEditable = false; 986 menuManager.sideMenuMaxSubMenuLevels = 4; 987 menuManager.sideMenuHasCustomLinks = true; 988 } 989 990 if (document.readyState === "loading") { 991 document.addEventListener("DOMContentLoaded", setupSecondaryMenuProperties, { once: true }); 992 return; 993 } 994 995 setupSecondaryMenuProperties(); 996 })(); 997 </script>
997 998 999
999<script type="text/javascript"> 1000 (function () { 1001 function setupAccordionSecondaryNav() { 1002 var $menuContainer = $('#secondaryNav'); 1003 1004 $menuContainer.find('*[id^="SideItem"]').each(function () { 1005 var ids = $('[id="' + this.id + '"]'); 1006 if (ids.length > 1) 1007 $.each(ids, function (index, value) { 1008 value.id = value.id + '_' + index; 1009 }); 1010 }); 1011 1012 $menuContainer.find('.hasAccordionChildren .openAccordionNav').off('click.secondaryNav').on('click.secondaryNav', function (e) { 1013 e.preventDefault(); 1014 showHideAccordionMenuForSecondaryNav($(this)); 1015 }); 1016 1017 $menuContainer.find(".grippy").each(function () { 1018 menuManager.setupDraggableElement($(this), SIDE_MENU, '#secondaryNav'); 1019 }); 1020 1021 $menuContainer.find("li").each(function () { 1022 menuManager.setupDroppableAccordionElement($(this), SIDE_MENU); 1023 }); 1024 } 1025 1026 if (document.readyState === "loading") { 1027 document.addEventListener("DOMContentLoaded", setupAccordionSecondaryNav, { once: true }); 1028 return; 1029 } 1030 1031 setupAccordionSecondaryNav(); 1032 })(); 1033 </script>
1033 1034 1035 1036 1037</nav><aside data-cpRole="contentContainer" id="sidebarContainer2TS"> <div id="cc2e999098-5c72-4644-9b4e-a251203721e9" data-containerid="2e999098-5c72-4644-9b4e-a251203721e9" class="pageContent cpGrid cpGrid24 showInMobile"> 1038 1039 1040 1041 1042 </div> 1043</aside> 1044</div><div data-cpRole="structuralContainer" id="outerContentWrapTS" class="outerContentWrap"> 1045<div data-cpRole="structuralContainer" id="contentWrapTS" class="contentWrap"> 1046<div data-cpRole="breadCrumbs" id="breadCrumbs" class="breadCrumbContainer"> <ol class="semanticList breadCrumbs"> 1047 <li><a class="breadCrumb" href="/">Home</a></li><li><a href class="breadCrumb" aria-current="page">Search</a></li> 1048 </ol> 1049 1050 1051 1052</div><div data-cpRole="mainContentContainer" id="moduleContent"> 1053 1054 1055 1056 <div id="searchModuleContent" class="newCP moduleContentNew cp-search"> 1057 <div id="contentarea" class="contentMain selfClear"> 1058<div class="header"> 1059 <div class="graphic"> 1060 <a title="Search this site" href="/Search"> 1061 <img width="74" height="74" alt="Search icon" src="/Areas/Search/Assets/Images/HomeModuleIconLarge.png" /> 1062 </a> 1063 </div> 1064 <div class="text"> 1065 <h1><a href="/Search" title="Go back to the search home page">Search</a></h1> 1066 1067 </div> 1068</div> <div id="divSearch" class="cp-search-container"> 1069 <div id="divSearchStandard" class="cp-search-bar"> 1070 <label for="searchPhrase" class="visuallyhidden">Search</label> 1071 <div class="cp-search-barInner"> 1072 <input type="text" name="searchPhrase" 1073 id="searchPhrase" class="cp-search-input" 1074 placeholder="Type to begin your search..." 1075 value=""> 1076 <a href="#" class="searchSite cp-search-submit"> 1077 <svg id="iconSearch" viewbox="0 0 25 25"> 1078 <title>Submit Search</title> 1079 <path style="fill:currentcolor;" d="M25,24.458l-6.563-6.537c1.78-1.905,2.879-4.455,2.879-7.262C21.316,4.781,16.535,0,10.657,0S0,4.781,0,10.659 s4.78,10.659,10.657,10.659c2.697,0,5.155-1.015,7.034-2.671l6.573,6.547L25,24.458z M10.657,20.27c-1.295,0-2.554-0.254-3.74-0.755 c-1.144-0.484-2.172-1.178-3.055-2.06c-0.881-0.88-1.574-1.909-2.06-3.056c-0.501-1.182-0.755-2.44-0.755-3.74 S1.301,8.1,1.802,6.918c0.485-1.146,1.178-2.173,2.06-3.056c0.884-0.883,1.912-1.575,3.055-2.059 c1.184-0.501,2.444-0.756,3.74-0.756c1.298,0,2.557,0.255,3.741,0.756c1.145,0.485,2.172,1.177,3.055,2.059 c0.883,0.884,1.576,1.913,2.06,3.056c0.501,1.184,0.755,2.444,0.755,3.74s-0.254,2.556-0.755,3.74 c-0.485,1.146-1.178,2.173-2.06,3.056c-0.883,0.882-1.91,1.574-3.055,2.06C13.213,20.016,11.954,20.27,10.657,20.27z"></path> 1080 </svg> 1081 </a> 1082 <input id="departmentId" type="hidden" value="-1"/> 1083 </div> 1084 </div> 1085 </div> 1086 <ol id="searchTabs" class="cp-Tabs-list" role="tablist" aria-label="Search tabs for site, agenda and minutes, municode and social" aria-orientation="horizontal"> 1087 <li id="cp-SearchTab-Site" class="cp-Tabs-tab is-active" role="tab" aria-controls="divSearchResults" aria-selected="true"> 1088 <a href="#siteSearch" id="siteSearch" class="cp-Tabs-link cp-Tabs-click-link"> 1089 <svg class="cp-Tabs-linkArrow"> 1090 <use xlink:href="#iconArrow--right"></use> 1091 </svg> 1092 Site Content 1093 </a> 1094 </li> 1095 <li id="cp-MuniCode-Site" class="cp-Tabs-tab" role="tab" aria-controls="divSearchResultsMuniCode" aria-selected="false"> 1096 <a href="#MuniCodeSearch" id="MuniCodeSearch" class="cp-Tabs-link cp-Tabs-click-link"> 1097 <svg class="cp-Tabs-linkArrow"> 1098 <use xlink:href="#iconArrow--right"></use> 1099 </svg> 1100 Municipal Code 1101 </a> 1102 </li> 1103 </ol> 1104 <fieldset id="divMunicodeStrip" style="display: none; margin-bottom: 2rem;"> 1105 <legend>Search Criteria</legend> 1106 <label class="ae-label"> 1107 <input checked="checked" id="searchCodes" name="MuniCodeSearchCriteria" type="radio" value="Codes" /> 1108 Codes 1109 </label> 1110 <label class="ae-label"> 1111 <input id="searchOrdinances" name="MuniCodeSearchCriteria" type="radio" value="Ordinances" /> 1112 Ordinances 1113 </label> 1114 <label class="ae-label"> 1115 <input id="searchDocuments" name="MuniCodeSearchCriteria" type="radio" value="Documents" /> 1116 Documents 1117 </label> 1118 </fieldset> 1119 <div id="divSearchResultsMuniCode" class="cp-search-results" style="display:none;" role="tabpanel" aria-labelledby="cp-MuniCode-Site"> 1120 </div> 1121 1122<div class="cp-search-typeToggle"> 1123 <a id="advancedSearch" href="#advancedSearch" style="display: inline-block;">Advanced Search</a> 1124 <a id="standardSearch" href="#standardSearch" style="display: none;">Standard Search</a> 1125</div> 1126<div id="divSearchAdvanced"> 1127 <div id="advSearchForm" class="cp-search-advanced cp-search-advanced--hidden" aria-expanded="true">
1128 <table border="0" cellpadding="0" cellspacing="0" class="cp-search-advancedTable"> 1129 <tbody> 1130 <tr> 1131 <td colspan="2" class="cp-search-advancedHeader"> 1132 Find pages with... 1133 </td> 1134 <td class="cp-search-advancedInstruction cp-search-advancedHeader"> 1135 To do this in the search box 1136 </td> 1137 </tr> 1138 <tr> 1139 <td> 1140 <label for="txtSearchAnd"><span class="cp-search-advancedHeader">all</span> these words:</label> 1141 </td> 1142 <td> 1143 <input class="advSearchBox" name="txtSearchAnd" type="text" id="txtSearchAnd" size="20" maxlength="100" onfocus="this.select();" onkeypress="return handleEnter(event);"> 1144 </td> 1145 <td class="cp-search-advancedInstruction"> 1146 Enter your key words: <span class="cp-search-advancedCode">sugar glider</span> 1147 </td> 1148 </tr> 1149 <tr> 1150 <td> 1151 <label for="txtSearchPhrase">this <span class="cp-search-advancedHeader">exact word or phrase</span>:</label> 1152 </td> 1153 <td> 1154 <input class="advSearchBox" name="txtSearchPhrase" type="text" id="txtSearchPhrase" size="20" maxlength="100" onfocus="this.select();" onkeypress="return handleEnter(event);"> 1155 </td> 1156 <td class="cp-search-advancedInstruction"> 1157 Use quotes for exact phrases: <span class="cp-search-advancedCode">âsugar gliderâ</span> 1158 </td> 1159 </tr> 1160 <tr> 1161 <td> 1162 <label for="txtSearchOr"><span class="cp-search-advancedHeader">any</span> of these words:</label> 1163 </td> 1164 <td> 1165 <input class="advSearchBox" name="txtSearchOr" type="text" id="txtSearchOr" size="20" maxlength="100" onfocus="this.select();" onkeypress="return handleEnter(event);"> 1166 </td> 1167 <td class="cp-search-advancedInstruction"> 1168 Type OR between the key words you want included: <span class="cp-search-advancedCode">marsupial OR pet</span> 1169 </td> 1170 </tr> 1171 <tr> 1172 <td> 1173 <label for="txtSearchNot"><span class="cp-search-advancedHeader">none</span> of these words:</label> 1174 </td> 1175 <td> 1176 <input class="advSearchBox" name="txtSearchNot" type="text" id="txtSearchNot" size="20" maxlength="100" onfocus="this.select();" onkeypress="return handleEnter(event);"> 1177 </td> 1178 <td class="cp-search-advancedInstruction"> 1179 Use a minus sign before words you donât want included: <span class="cp-search-advancedCode">-chair âpastry</span> 1180 </td> 1181 </tr> 1182 <tr> 1183 <td colspan="3" class="cp-search-advancedHeader"> 1184 Then narrow your results by... 1185 </td> 1186 </tr> 1187 <tr> 1188 <td> 1189 <label for="SearchContentType"><span>Content Type</span>:</label> 1190 </td> 1191 <td> 1192 <select id="SearchContentType" name="SearchContentType"> 1193 <option value="all" selected="selected">All Content</option> 1194 <option value="activities">Activities</option> 1195 <option value="agendas">Agendas</option> 1196 <option value="alerts">Alerts</option> 1197 <option value="bids">Bids</option> 1198 <option value="calendar">Calendar</option> 1199 <option value="civicsend">CivicSend</option> 1200 <option value="documents">Documents</option> 1201 <option value="faqs">FAQs</option> 1202 <option value="forms">Forms</option> 1203 <option value="images">Images</option> 1204 <option value="jobs">Jobs</option> 1205 <option value="news">News</option> 1206 <option value="people">People</option> 1207 <option value="places">Places</option> 1208 <option value="social">Social</option> 1209 1210 <option value="webpages">Webpages</option> 1211 </select> 1212 </td> 1213 </tr> 1214 </tbody> 1215 </table> 1216 </div> 1217</div> 1218 <div id="divSearchResults" class="cp-search-results" role="tabpanel" aria-labelledby="cp-SearchTab-Site"> 1219 1220 1221<div id="divMainContentSearch"> 1222 <!-- cp-search-resultsLoading --> 1223 <h2 class="visuallyhidden">Search Results</h2> 1224<div data-currentpage="1"> 1225 <input id="UseAutoComplete" name="UseAutoComplete" type="hidden" value="True" /> 1226 1227 <p class="cp-search-status"> 1228 </p> 1229</div> 1230 </div>
1231<script type="text/javascript"> 1232 $('#paginationOption').change(function () { 1233 loadSearchResultPageList(1, $('#paginationOption').val()); 1234 }); 1235 1236 var autoExpandAdvancedSearch = 'false'; 1237 1238 if (autoExpandAdvancedSearch == 'true') { 1239 $('.cp-search-advanced').attr('aria-expanded', 'true'); 1240 $('.cp-search-advanced').removeClass('cp-search-advanced--hidden'); 1241 $('#standardSearch').show(); 1242 $('#advancedSearch').hide(); 1243 } 1244 1245 //Remove invaild tag(strong) from href for search site result. 1246 $("a[href*='strong']").each(function () { 1247 var validHref = $(this).attr('href').replace(/<strong>/gi, '').replace(/<\/strong>/gi, ''); 1248 $(this).attr('href', validHref); 1249 }); 1250 1251 $('input[type=radio][name=SearchCriteria]').unbind('change').change(function () { 1252 loadCivicClerkIndexResults(0, 10); 1253 }); 1254 1255 $('input[type=radio][name=MuniCodeSearchCriteria]').unbind('change').change(function () { 1256 loadMunicodeSearch(1, 10); 1257 }); 1258 1259 $('.cp-Tabs-click-link').unbind('click').click(function (e) { 1260 var $this = $(this); 1261 loadTabResults($this); 1262 return false; 1263 }); 1264</script>
1264 1265 1266 </div> 1267 </div> 1268 </div> 1269 1270 1271 <div class="newCP"> 1272 1273 </div> 1274</div> 1275</div><aside data-cpRole="contentContainer" id="featureColumn" class="secondaryContent"> <div id="ccd0ed5c2a-3998-4577-b584-19a28475f71a" data-containerid="d0ed5c2a-3998-4577-b584-19a28475f71a" class="pageContent cpGrid cpGrid24 showInMobile"> 1276 1277 1278 1279 1280 </div> 1281</aside> 1282</div> 1283</div></div> 1284</div><!-- GBs --><div data-cpRole="structuralContainer" id="gbsContainerTS"> 1285<div class="siteWrap2"><div data-cpRole="contentContainer" id="gbsTS"> <div id="cc38a2656b-a5a4-4b1e-b8ca-758dbd4e9375" data-containerid="38a2656b-a5a4-4b1e-b8ca-758dbd4e9375" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 1286 1287 1288 <div class="row outer wide"><!-- 1289--><div class="outer col col24 first last" style="" data-widgetcontainerid="b0d2ab6a-f9cb-4fe8-9a8d-bbd82cb650aa">� 1290 <div class="row nest first last wide">� 1291 1292 <div class="inner col col24 first last id32d3cfd7-0821-47e3-9b3a-bbbbb2a96e7a" style="" data-widgetcontainerid="32d3cfd7-0821-47e3-9b3a-bbbbb2a96e7a">� 1293 1294 1295 1296
1296<script defer src="/Areas/Layout/Assets/Scripts/CarouselWidget.js" type="text/javascript"></script>
1296 1297 1298<section id="divCarousele8a0c7b1-d332-4484-95c9-e98b94616d40" data-widgetid="e8a0c7b1-d332-4484-95c9-e98b94616d40" class="widget widgetCarousel wide" data-transition="fade" data-transitiontiming="1" aria-labelledby="headere8a0c7b1-d332-4484-95c9-e98b94616d40" aria-label="Carousel"> 1299 1300 <div class="widgetBody"> 1301 <div class="widgetCarousel-container"> 1302 <div class="widgetCarousel-window" style="flex:80%"> 1303 <div class="widgetCarousel-slider" > 1304 1305 1306<div class="widgetCarousel-group" data-group="1"> 1307 <div class="widgetCarousel-item widgetCarousel-item--50 col" style="padding: 0 0em;"> 1308 1309<div data-widget-id="6426a80a-c5db-43ef-95c4-d2843c4a4684" data-widget-controller-path="/GraphicLinks/Widget"> 1310 1311 1312 1313 1314<div id="graphicLinkWidget6426a80a-c5db-43ef-95c4-d2843c4a4684" class="widget widgetGraphicLinks skin78 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1315 <div class="widgetHeader"> 1316 <div class=""> 1317 </div> 1318 </div> 1319 <div class="widgetBody cpGrid cpGrid3 "> 1320 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1321 <div class="row wide"> 1322 <!-- 1323--><div class="col col1 first "><ul class="semanticList"><!-- 1324 --><li class="widgetItem GraphicLinks"> 1325 1326<div> 1327 <a href="https://bloomfieldhillscitymi.documents-on-demand.com/" target="_self" class="fancyButton fancyButton184 " > 1328 <span> 1329 <span><span class="text">Agendas & Minutes</span></span> 1330 </span> 1331 </a> 1332</div> 1333 <style scoped="scoped">.fancyButton184.fancyButton:link,.fancyButton184.fancyButton:visited, .fancyButton184div.fancyButton{ 1334 background-image: url('/ImageRepository/Document?documentID=1252'); 1335 background-repeat: no-repeat; 1336 background-position: center 4px ; 1337transition: all .2s ease-in-out;} 1338.fancyButton184.fancyButton:hover,.fancyButton184.fancyButton:focus,.fancyButton184.fancyButton:active,.fancyButton184.fancyButton.hover{ 1339 background-image: url('/ImageRepository/Document?documentID=1256'); 1340 background-repeat: no-repeat; 1341 background-position: center 0px ; 1342} 1343.fancyButton184.fancyButton:link > span,.fancyButton184.fancyButton:visited > span, .fancyButton184div.fancyButton > span{ 1344} 1345.fancyButton184.fancyButton:hover > span,.fancyButton184.fancyButton:focus > span,.fancyButton184.fancyButton:active > span,.fancyButton184.fancyButton.hover > span{ 1346} 1347.fancyButton184.fancyButton .text{ 1348 color: rgb(0, 0, 0); 1349 font-size: 1.1em; 1350 font-family: "Raleway"; 1351 padding-top: 128px; 1352 padding-bottom: 5px; 1353 font-weight: 600; 1354 text-decoration: none; 1355 padding-top: 128px; 1356 padding-bottom: 5px; 1357 background-image: url('/ImageRepository/Document?documentID=1251'); 1358 background-repeat: no-repeat; 1359 background-position: center 32px ; 1360line-height: 1.2; 1361} 1362.fancyButton184.fancyButton:hover .text,.fancyButton184.fancyButton:focus .text,.fancyButton184.fancyButton:active .text,.fancyButton184.fancyButton.hover .text{ 1363 text-decoration: underline; 1364 1365 1366} 1367</style> 1368 1369 </li><!-- 1370--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 1371 --><li class="widgetItem GraphicLinks"> 1372 1373<div> 1374 <a href="/156/Building" target="_self" class="fancyButton fancyButton204 " > 1375 <span> 1376 <span><span class="text">Building &<br>Development</span></span> 1377 </span> 1378 </a> 1379</div> 1380 <style scoped="scoped">.fancyButton204.fancyButton:link,.fancyButton204.fancyButton:visited, .fancyButton204div.fancyButton{ 1381 background-image: url('/ImageRepository/Document?documentID=1252'); 1382 background-repeat: no-repeat; 1383 background-position: center 4px ; 1384transition: all .2s ease-in-out;} 1385.fancyButton204.fancyButton:hover,.fancyButton204.fancyButton:focus,.fancyButton204.fancyButton:active,.fancyButton204.fancyButton.hover{ 1386 background-image: url('/ImageRepository/Document?documentID=1256'); 1387 background-repeat: no-repeat; 1388 background-position: center 0px ; 1389} 1390.fancyButton204.fancyButton:link > span,.fancyButton204.fancyButton:visited > span, .fancyButton204div.fancyButton > span{ 1391} 1392.fancyButton204.fancyButton:hover > span,.fancyButton204.fancyButton:focus > span,.fancyButton204.fancyButton:active > span,.fancyButton204.fancyButton.hover > span{ 1393} 1394.fancyButton204.fancyButton .text{ 1395 color: rgb(0, 0, 0); 1396 font-size: 1.1em; 1397 font-family: "Raleway"; 1398 padding-top: 128px; 1399 padding-bottom: 5px; 1400 font-weight: 600; 1401 text-decoration: none; 1402 padding-top: 128px; 1403 padding-bottom: 5px; 1404 background-image: url('/ImageRepository/Document?documentID=1254'); 1405 background-repeat: no-repeat; 1406 background-position: center 32px ; 1407line-height: 1.2; 1408} 1409.fancyButton204.fancyButton:hover .text,.fancyButton204.fancyButton:focus .text,.fancyButton204.fancyButton:active .text,.fancyButton204.fancyButton.hover .text{ 1410 text-decoration: underline; 1411 1412 1413} 1414</style> 1415 1416 </li><!-- 1417--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1418 --><li class="widgetItem GraphicLinks"> 1419 1420<div> 1421 <a href="/223/Voting" target="_self" class="fancyButton fancyButton212 " > 1422 <span> 1423 <span><span class="text">Elections</span></span> 1424 </span> 1425 </a> 1426</div> 1427 <style scoped="scoped">.fancyButton212.fancyButton:link,.fancyButton212.fancyButton:visited, .fancyButton212div.fancyButton{ 1428 background-image: url('/ImageRepository/Document?documentID=1252'); 1429 background-repeat: no-repeat; 1430 background-position: center 4px ; 1431transition: all .2s ease-in-out;} 1432.fancyButton212.fancyButton:hover,.fancyButton212.fancyButton:focus,.fancyButton212.fancyButton:active,.fancyButton212.fancyButton.hover{ 1433 background-image: url('/ImageRepository/Document?documentID=1256'); 1434 background-repeat: no-repeat; 1435 background-position: center 0px ; 1436} 1437.fancyButton212.fancyButton:link > span,.fancyButton212.fancyButton:visited > span, .fancyButton212div.fancyButton > span{ 1438} 1439.fancyButton212.fancyButton:hover > span,.fancyButton212.fancyButton:focus > span,.fancyButton212.fancyButton:active > span,.fancyButton212.fancyButton.hover > span{ 1440} 1441.fancyButton212.fancyButton .text{ 1442 color: rgb(0, 0, 0); 1443 font-size: 1.1em; 1444 font-family: "Raleway"; 1445 padding-top: 128px; 1446 padding-bottom: 5px; 1447 font-weight: 600; 1448 text-decoration: none; 1449 padding-top: 128px; 1450 padding-bottom: 5px; 1451 background-image: url('/ImageRepository/Document?documentID=1308'); 1452 background-repeat: no-repeat; 1453 background-position: center 32px ; 1454line-height: 1.2; 1455} 1456.fancyButton212.fancyButton:hover .text,.fancyButton212.fancyButton:focus .text,.fancyButton212.fancyButton:active .text,.fancyButton212.fancyButton.hover .text{ 1457 text-decoration: underline; 1458 1459 1460} 1461</style> 1462 1463 </li><!-- 1464--></ul></div><!-- --> 1465 </div> 1466 </nav> 1467 </div> 1468 <div class="widgetFooter"> 1469 </div> 1470</div> 1471</div> 1472 1473 1474 </div> 1475 <div class="widgetCarousel-item widgetCarousel-item--50 col" style="padding: 0 0em;opacity:0;"> 1476 1477<div data-widget-id="69f37ec1-64a4-4047-aef3-12e4cf0c815b" data-widget-controller-path="/GraphicLinks/Widget"> 1478 1479 1480 1481 1482<div id="graphicLinkWidget69f37ec1-64a4-4047-aef3-12e4cf0c815b" class="widget widgetGraphicLinks skin78 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1483 <div class="widgetHeader"> 1484 <div class="">
1485 </div> 1486 </div> 1487 <div class="widgetBody cpGrid cpGrid3 "> 1488 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1489 <div class="row wide"> 1490 <!-- 1491--><div class="col col1 first "><ul class="semanticList"><!-- 1492 --><li class="widgetItem GraphicLinks"> 1493 1494<div> 1495 <a href="http://www.municode.com/resources/gateway.aspx?productid=10301" target="_self" class="fancyButton fancyButton205 " > 1496 <span> 1497 <span><span class="text">Code of Ordinances</span></span> 1498 </span> 1499 </a> 1500</div> 1501 <style scoped="scoped">.fancyButton205.fancyButton:link,.fancyButton205.fancyButton:visited, .fancyButton205div.fancyButton{ 1502 background-image: url('/ImageRepository/Document?documentID=1252'); 1503 background-repeat: no-repeat; 1504 background-position: center 4px ; 1505transition: all .2s ease-in-out;} 1506.fancyButton205.fancyButton:hover,.fancyButton205.fancyButton:focus,.fancyButton205.fancyButton:active,.fancyButton205.fancyButton.hover{ 1507 background-image: url('/ImageRepository/Document?documentID=1256'); 1508 background-repeat: no-repeat; 1509 background-position: center 0px ; 1510} 1511.fancyButton205.fancyButton:link > span,.fancyButton205.fancyButton:visited > span, .fancyButton205div.fancyButton > span{ 1512} 1513.fancyButton205.fancyButton:hover > span,.fancyButton205.fancyButton:focus > span,.fancyButton205.fancyButton:active > span,.fancyButton205.fancyButton.hover > span{ 1514} 1515.fancyButton205.fancyButton .text{ 1516 color: rgb(0, 0, 0); 1517 font-size: 1.1em; 1518 font-family: "Raleway"; 1519 padding-top: 128px; 1520 padding-bottom: 5px; 1521 font-weight: 600; 1522 text-decoration: none; 1523 padding-top: 128px; 1524 padding-bottom: 5px; 1525 background-image: url('/ImageRepository/Document?documentID=1255'); 1526 background-repeat: no-repeat; 1527 background-position: center 32px ; 1528line-height: 1.2; 1529} 1530.fancyButton205.fancyButton:hover .text,.fancyButton205.fancyButton:focus .text,.fancyButton205.fancyButton:active .text,.fancyButton205.fancyButton.hover .text{ 1531 text-decoration: underline; 1532 1533 1534} 1535</style> 1536 1537 </li><!-- 1538--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 1539 --><li class="widgetItem GraphicLinks"> 1540 1541<div> 1542 <a href="/465" target="_self" class="fancyButton fancyButton213 " > 1543 <span> 1544 <span><span class="text">Online Services</span></span> 1545 </span> 1546 </a> 1547</div> 1548 <style scoped="scoped">.fancyButton213.fancyButton:link,.fancyButton213.fancyButton:visited, .fancyButton213div.fancyButton{ 1549 background-image: url(/ImageRepository/Document?documentID=1252); 1550 background-repeat: no-repeat; 1551 background-position: center 4px ; 1552transition: all .2s ease-in-out;} 1553.fancyButton213.fancyButton:hover,.fancyButton213.fancyButton:focus,.fancyButton213.fancyButton:active,.fancyButton213.fancyButton.hover{ 1554 background-image: url(/ImageRepository/Document?documentID=1256); 1555 background-repeat: no-repeat; 1556 background-position: center 0px ; 1557} 1558.fancyButton213.fancyButton:link > span,.fancyButton213.fancyButton:visited > span, .fancyButton213div.fancyButton > span{ 1559} 1560.fancyButton213.fancyButton:hover > span,.fancyButton213.fancyButton:focus > span,.fancyButton213.fancyButton:active > span,.fancyButton213.fancyButton.hover > span{ 1561} 1562.fancyButton213.fancyButton .text{ 1563 color: rgb(0, 0, 0); 1564 font-size: 1.1em; 1565 font-family: "Raleway"; 1566 padding-top: 128px; 1567 padding-bottom: 5px; 1568 font-weight: 600; 1569 text-decoration: none; 1570 padding-top: 128px; 1571 padding-bottom: 5px; 1572 background-image: url(/ImageRepository/Document?documentID=1261); 1573 background-repeat: no-repeat; 1574 background-position: center 32px ; 1575line-height: 1.2; 1576} 1577.fancyButton213.fancyButton:hover .text,.fancyButton213.fancyButton:focus .text,.fancyButton213.fancyButton:active .text,.fancyButton213.fancyButton.hover .text{ 1578 text-decoration: underline; 1579 1580 1581} 1582</style> 1583 1584 </li><!-- 1585--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1586 --><li class="widgetItem GraphicLinks"> 1587 1588<div> 1589 <a href="/445" target="_self" class="fancyButton fancyButton214 " > 1590 <span> 1591 <span><span class="text">Waste & Recycling<br>Service</span></span> 1592 </span> 1593 </a> 1594</div> 1595 <style scoped="scoped">.fancyButton214.fancyButton:link,.fancyButton214.fancyButton:visited, .fancyButton214div.fancyButton{ 1596 background-image: url(/ImageRepository/Document?documentID=1252); 1597 background-repeat: no-repeat; 1598 background-position: center 4px ; 1599transition: all .2s ease-in-out;} 1600.fancyButton214.fancyButton:hover,.fancyButton214.fancyButton:focus,.fancyButton214.fancyButton:active,.fancyButton214.fancyButton.hover{ 1601 background-image: url(/ImageRepository/Document?documentID=1256); 1602 background-repeat: no-repeat; 1603 background-position: center 0px ; 1604} 1605.fancyButton214.fancyButton:link > span,.fancyButton214.fancyButton:visited > span, .fancyButton214div.fancyButton > span{ 1606} 1607.fancyButton214.fancyButton:hover > span,.fancyButton214.fancyButton:focus > span,.fancyButton214.fancyButton:active > span,.fancyButton214.fancyButton.hover > span{ 1608} 1609.fancyButton214.fancyButton .text{ 1610 color: rgb(0, 0, 0); 1611 font-size: 1.1em; 1612 font-family: "Raleway"; 1613 padding-top: 128px; 1614 padding-bottom: 5px; 1615 font-weight: 600; 1616 text-decoration: none; 1617 padding-top: 128px; 1618 padding-bottom: 5px; 1619 background-image: url(/ImageRepository/Document?documentID=1312); 1620 background-repeat: no-repeat; 1621 background-position: center 32px ; 1622line-height: 1.2; 1623} 1624.fancyButton214.fancyButton:hover .text,.fancyButton214.fancyButton:focus .text,.fancyButton214.fancyButton:active .text,.fancyButton214.fancyButton.hover .text{ 1625 text-decoration: underline; 1626 1627 1628} 1629</style> 1630 1631 </li><!-- 1632--></ul></div><!-- --> 1633 </div> 1634 </nav> 1635 </div> 1636 <div class="widgetFooter"> 1637 </div> 1638</div> 1639</div> 1640 1641 1642 </div> 1643 </div> 1644 1645 1646<div class="widgetCarousel-group" data-group="2"> 1647 <div class="widgetCarousel-item widgetCarousel-item--50 col" style="padding: 0 0em;opacity:0;"> 1648 1649<div data-widget-id="e36d2620-3f7b-4055-bfed-a6fa6c6cb0ac" data-widget-controller-path="/GraphicLinks/Widget"> 1650 1651 1652 1653 1654<div id="graphicLinkWidgete36d2620-3f7b-4055-bfed-a6fa6c6cb0ac" class="widget widgetGraphicLinks skin78 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1655 <div class="widgetHeader"> 1656 <div class="">
1657 </div> 1658 </div> 1659 <div class="widgetBody cpGrid cpGrid3 "> 1660 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1661 <div class="row wide"> 1662 <!-- 1663--><div class="col col1 first "><ul class="semanticList"><!-- 1664 --><li class="widgetItem GraphicLinks"> 1665 1666<div> 1667 <a href="/154" target="_self" class="fancyButton fancyButton203 " > 1668 <span> 1669 <span><span class="text">Public Safety</span></span> 1670 </span> 1671 </a> 1672</div> 1673 <style scoped="scoped">.fancyButton203.fancyButton:link,.fancyButton203.fancyButton:visited, .fancyButton203div.fancyButton{ 1674 background-image: url('/ImageRepository/Document?documentID=1252'); 1675 background-repeat: no-repeat; 1676 background-position: center 4px ; 1677transition: all .2s ease-in-out;} 1678.fancyButton203.fancyButton:hover,.fancyButton203.fancyButton:focus,.fancyButton203.fancyButton:active,.fancyButton203.fancyButton.hover{ 1679 background-image: url('/ImageRepository/Document?documentID=1256'); 1680 background-repeat: no-repeat; 1681 background-position: center 0px ; 1682} 1683.fancyButton203.fancyButton:link > span,.fancyButton203.fancyButton:visited > span, .fancyButton203div.fancyButton > span{ 1684} 1685.fancyButton203.fancyButton:hover > span,.fancyButton203.fancyButton:focus > span,.fancyButton203.fancyButton:active > span,.fancyButton203.fancyButton.hover > span{ 1686} 1687.fancyButton203.fancyButton .text{ 1688 color: rgb(0, 0, 0); 1689 font-size: 1.1em; 1690 font-family: "Raleway"; 1691 padding-top: 128px; 1692 padding-bottom: 5px; 1693 font-weight: 600; 1694 text-decoration: none; 1695 padding-top: 128px; 1696 padding-bottom: 5px; 1697 background-image: url('/ImageRepository/Document?documentID=1310'); 1698 background-repeat: no-repeat; 1699 background-position: center 32px ; 1700line-height: 1.2; 1701} 1702.fancyButton203.fancyButton:hover .text,.fancyButton203.fancyButton:focus .text,.fancyButton203.fancyButton:active .text,.fancyButton203.fancyButton.hover .text{ 1703 text-decoration: underline; 1704 1705 1706} 1707</style> 1708 1709 </li><!-- 1710--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 1711 --><li class="widgetItem GraphicLinks"> 1712 1713<div> 1714 <a href="https://city-bloomfield-hills-mi-cleardoc.cleargov.com/26936" target="_self" class="fancyButton fancyButton207 " > 1715 <span> 1716 <span><span class="text">2027 Budget</span></span> 1717 </span> 1718 </a> 1719</div> 1720 <style scoped="scoped">.fancyButton207.fancyButton:link,.fancyButton207.fancyButton:visited, .fancyButton207div.fancyButton{ 1721 background-image: url('/ImageRepository/Document?documentID=1252'); 1722 background-repeat: no-repeat; 1723 background-position: center 4px ; 1724transition: all .2s ease-in-out;} 1725.fancyButton207.fancyButton:hover,.fancyButton207.fancyButton:focus,.fancyButton207.fancyButton:active,.fancyButton207.fancyButton.hover{ 1726 background-image: url('/ImageRepository/Document?documentID=1256'); 1727 background-repeat: no-repeat; 1728 background-position: center 0px ; 1729} 1730.fancyButton207.fancyButton:link > span,.fancyButton207.fancyButton:visited > span, .fancyButton207div.fancyButton > span{ 1731} 1732.fancyButton207.fancyButton:hover > span,.fancyButton207.fancyButton:focus > span,.fancyButton207.fancyButton:active > span,.fancyButton207.fancyButton.hover > span{ 1733} 1734.fancyButton207.fancyButton .text{ 1735 color: rgb(0, 0, 0); 1736 font-size: 1.1em; 1737 font-family: "Raleway"; 1738 padding-top: 128px; 1739 padding-bottom: 5px; 1740 font-weight: 600; 1741 text-decoration: none; 1742 padding-top: 128px; 1743 padding-bottom: 5px; 1744 background-image: url('/ImageRepository/Document?documentID=1307'); 1745 background-repeat: no-repeat; 1746 background-position: center 32px ; 1747line-height: 1.2; 1748} 1749.fancyButton207.fancyButton:hover .text,.fancyButton207.fancyButton:focus .text,.fancyButton207.fancyButton:active .text,.fancyButton207.fancyButton.hover .text{ 1750 text-decoration: underline; 1751 1752 1753} 1754</style> 1755 1756 </li><!-- 1757--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1758 --><li class="widgetItem GraphicLinks"> 1759 1760<div> 1761 <a href="/Archive.aspx?AMID=41" target="_self" class="fancyButton fancyButton215 " > 1762 <span> 1763 <span><span class="text">Taxes & Millage Rate</span></span> 1764 </span> 1765 </a> 1766</div> 1767 <style scoped="scoped">.fancyButton215.fancyButton:link,.fancyButton215.fancyButton:visited, .fancyButton215div.fancyButton{ 1768 background-image: url(/ImageRepository/Document?documentID=1252); 1769 background-repeat: no-repeat; 1770 background-position: center 4px ; 1771transition: all .2s ease-in-out;} 1772.fancyButton215.fancyButton:hover,.fancyButton215.fancyButton:focus,.fancyButton215.fancyButton:active,.fancyButton215.fancyButton.hover{ 1773 background-image: url(/ImageRepository/Document?documentID=1256); 1774 background-repeat: no-repeat; 1775 background-position: center 0px ; 1776} 1777.fancyButton215.fancyButton:link > span,.fancyButton215.fancyButton:visited > span, .fancyButton215div.fancyButton > span{ 1778} 1779.fancyButton215.fancyButton:hover > span,.fancyButton215.fancyButton:focus > span,.fancyButton215.fancyButton:active > span,.fancyButton215.fancyButton.hover > span{ 1780} 1781.fancyButton215.fancyButton .text{ 1782 color: rgb(0, 0, 0); 1783 font-size: 1.1em; 1784 font-family: "Raleway"; 1785 padding-top: 128px; 1786 padding-bottom: 5px; 1787 font-weight: 600; 1788 text-decoration: none; 1789 padding-top: 128px; 1790 padding-bottom: 5px; 1791 background-image: url(/ImageRepository/Document?documentID=1311); 1792 background-repeat: no-repeat; 1793 background-position: center 32px ; 1794line-height: 1.2; 1795} 1796.fancyButton215.fancyButton:hover .text,.fancyButton215.fancyButton:focus .text,.fancyButton215.fancyButton:active .text,.fancyButton215.fancyButton.hover .text{ 1797 text-decoration: underline; 1798 1799 1800} 1801</style> 1802 1803 </li><!-- 1804--></ul></div><!-- --> 1805 </div> 1806 </nav> 1807 </div> 1808 <div class="widgetFooter"> 1809 </div> 1810</div> 1811</div> 1812 1813 1814 </div> 1815 <div class="widgetCarousel-item widgetCarousel-item--50 col" style="padding: 0 0em;opacity:0;"> 1816 1817<div data-widget-id="570cb8ac-36eb-4503-9160-0c356b67ce89" data-widget-controller-path="/GraphicLinks/Widget"> 1818 1819 1820 1821 1822<div id="graphicLinkWidget570cb8ac-36eb-4503-9160-0c356b67ce89" class="widget widgetGraphicLinks skin78 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1823 <div class="widgetHeader"> 1824 <div class="">
1825 </div> 1826 </div> 1827 <div class="widgetBody cpGrid cpGrid3 "> 1828 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1829 <div class="row wide"> 1830 <!-- 1831--><div class="col col1 first "><ul class="semanticList"><!-- 1832 --><li class="widgetItem GraphicLinks"> 1833 1834<div> 1835 <a href="/322" target="_self" class="fancyButton fancyButton209 " > 1836 <span> 1837 <span><span class="text">Watch Public Meetings</span></span> 1838 </span> 1839 </a> 1840</div> 1841 <style scoped="scoped">.fancyButton209.fancyButton:link,.fancyButton209.fancyButton:visited, .fancyButton209div.fancyButton{ 1842 background-image: url('/ImageRepository/Document?documentID=1252'); 1843 background-repeat: no-repeat; 1844 background-position: center 4px ; 1845transition: all .2s ease-in-out;} 1846.fancyButton209.fancyButton:hover,.fancyButton209.fancyButton:focus,.fancyButton209.fancyButton:active,.fancyButton209.fancyButton.hover{ 1847 background-image: url('/ImageRepository/Document?documentID=1256'); 1848 background-repeat: no-repeat; 1849 background-position: center 0px ; 1850} 1851.fancyButton209.fancyButton:link > span,.fancyButton209.fancyButton:visited > span, .fancyButton209div.fancyButton > span{ 1852} 1853.fancyButton209.fancyButton:hover > span,.fancyButton209.fancyButton:focus > span,.fancyButton209.fancyButton:active > span,.fancyButton209.fancyButton.hover > span{ 1854} 1855.fancyButton209.fancyButton .text{ 1856 color: rgb(0, 0, 0); 1857 font-size: 1.1em; 1858 font-family: "Raleway"; 1859 padding-top: 128px; 1860 padding-bottom: 5px; 1861 font-weight: 600; 1862 text-decoration: none; 1863 padding-top: 128px; 1864 padding-bottom: 5px; 1865 background-image: url('/ImageRepository/Document?documentID=1313'); 1866 background-repeat: no-repeat; 1867 background-position: center 32px ; 1868line-height: 1.2; 1869} 1870.fancyButton209.fancyButton:hover .text,.fancyButton209.fancyButton:focus .text,.fancyButton209.fancyButton:active .text,.fancyButton209.fancyButton.hover .text{ 1871 text-decoration: underline; 1872 1873 1874} 1875</style> 1876 1877 </li><!-- 1878--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 1879 --><li class="widgetItem GraphicLinks"> 1880 1881<div> 1882 <a href="/list.aspx" target="_self" class="fancyButton fancyButton216 " > 1883 <span> 1884 <span><span class="text">Notify Me®</span></span> 1885 </span> 1886 </a> 1887</div> 1888 <style scoped="scoped">.fancyButton216.fancyButton:link,.fancyButton216.fancyButton:visited, .fancyButton216div.fancyButton{ 1889 background-image: url(/ImageRepository/Document?documentID=1252); 1890 background-repeat: no-repeat; 1891 background-position: center 4px ; 1892transition: all .2s ease-in-out;} 1893.fancyButton216.fancyButton:hover,.fancyButton216.fancyButton:focus,.fancyButton216.fancyButton:active,.fancyButton216.fancyButton.hover{ 1894 background-image: url(/ImageRepository/Document?documentID=1256); 1895 background-repeat: no-repeat; 1896 background-position: center 0px ; 1897} 1898.fancyButton216.fancyButton:link > span,.fancyButton216.fancyButton:visited > span, .fancyButton216div.fancyButton > span{ 1899} 1900.fancyButton216.fancyButton:hover > span,.fancyButton216.fancyButton:focus > span,.fancyButton216.fancyButton:active > span,.fancyButton216.fancyButton.hover > span{ 1901} 1902.fancyButton216.fancyButton .text{ 1903 color: rgb(0, 0, 0); 1904 font-size: 1.1em; 1905 font-family: "Raleway"; 1906 padding-top: 128px; 1907 padding-bottom: 5px; 1908 font-weight: 600; 1909 text-decoration: none; 1910 padding-top: 128px; 1911 padding-bottom: 5px; 1912 background-image: url(/ImageRepository/Document?documentID=1260); 1913 background-repeat: no-repeat; 1914 background-position: center 32px ; 1915line-height: 1.2; 1916} 1917.fancyButton216.fancyButton:hover .text,.fancyButton216.fancyButton:focus .text,.fancyButton216.fancyButton:active .text,.fancyButton216.fancyButton.hover .text{ 1918 text-decoration: underline; 1919 1920 1921} 1922</style> 1923 1924 </li><!-- 1925--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1926 --><li class="widgetItem GraphicLinks"> 1927 1928<div> 1929 <a href="/367" target="_self" class="fancyButton fancyButton217 " > 1930 <span> 1931 <span><span class="text">Open Transparent<br>Government</span></span> 1932 </span> 1933 </a> 1934</div> 1935 <style scoped="scoped">.fancyButton217.fancyButton:link,.fancyButton217.fancyButton:visited, .fancyButton217div.fancyButton{ 1936 background-image: url(/ImageRepository/Document?documentID=1252); 1937 background-repeat: no-repeat; 1938 background-position: center 4px ; 1939transition: all .2s ease-in-out;} 1940.fancyButton217.fancyButton:hover,.fancyButton217.fancyButton:focus,.fancyButton217.fancyButton:active,.fancyButton217.fancyButton.hover{ 1941 background-image: url(/ImageRepository/Document?documentID=1256); 1942 background-repeat: no-repeat; 1943 background-position: center 0px ; 1944} 1945.fancyButton217.fancyButton:link > span,.fancyButton217.fancyButton:visited > span, .fancyButton217div.fancyButton > span{ 1946} 1947.fancyButton217.fancyButton:hover > span,.fancyButton217.fancyButton:focus > span,.fancyButton217.fancyButton:active > span,.fancyButton217.fancyButton.hover > span{ 1948} 1949.fancyButton217.fancyButton .text{ 1950 color: rgb(0, 0, 0); 1951 font-size: 1.1em; 1952 font-family: "Raleway"; 1953 padding-top: 128px; 1954 padding-bottom: 5px; 1955 font-weight: 600; 1956 text-decoration: none; 1957 padding-top: 128px; 1958 padding-bottom: 5px; 1959 background-image: url(/ImageRepository/Document?documentID=1309); 1960 background-repeat: no-repeat; 1961 background-position: center 33px ; 1962line-height: 1.2; 1963} 1964.fancyButton217.fancyButton:hover .text,.fancyButton217.fancyButton:focus .text,.fancyButton217.fancyButton:active .text,.fancyButton217.fancyButton.hover .text{ 1965 text-decoration: underline; 1966 1967 1968} 1969</style> 1970 1971 </li><!-- 1972--></ul></div><!-- --> 1973 </div> 1974 </nav> 1975 </div> 1976 <div class="widgetFooter"> 1977 </div> 1978</div> 1979</div> 1980 1981 1982 </div> 1983 </div> 1984 </div> 1985 </div> 1986 1987 1988 <button aria-label="Previous" class="arrow prev widgetCarousel-previous disabled" style="display: none; background-color:transparent; border:0; padding:0; outline:0; box-shadow:none;"><svg style="background:; color:;"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSli
1988deshowArrowLeft"></use></svg></button> 1989 <button aria-label="Next" class="arrow next widgetCarousel-next disabled" style="display: none; background-color:transparent; border:0; padding:0; outline:0; box-shadow:none;"><svg style="background:; color:;"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowRight"></use></svg></button> 1990 <ol class="semanticList pager dots" style="display: none;"></ol> 1991
1991<script type="text/javascript"> 1992 $.when(window.Pages.rwdReady).done(function () { 1993 var mediaQuerySize = 62; 1994 var carouselWidgetID = 'divCarousele8a0c7b1-d332-4484-95c9-e98b94616d40'; 1995 var $carouselWidget = $('#' + carouselWidgetID); 1996 var transition = 'fade'; 1997 var transitionTiming = 1; 1998 var groupAdvance = 'manually'; 1999 var groupTiming = 5; 2000 var showArrows = true; 2001 var showPaging = false; 2002 var showDots = true; 2003 2004 if (mediaQuerySize > 0) { 2005 var mediaElementQuery = '#' + carouselWidgetID + ':media(this-min-width:' + mediaQuerySize + 'em)'; 2006 window.cpMedia.unregister(mediaElementQuery).register(mediaElementQuery, { 2007 deferSetup: false, 2008 setup: function () { 2009 $carouselWidget.addClass('narrow').removeClass('wide'); 2010 cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery); 2011 2012 $carouselWidget.carouselWidget({ 2013 transition: transition, 2014 transitionTiming: transitionTiming, 2015 groupAdvance: groupAdvance, 2016 groupTiming: groupTiming, 2017 showArrows: showArrows, 2018 showPaging: showPaging, 2019 showDots: showDots, 2020 sliderSelector : 'div.widgetCarousel-slider', 2021 groupSelector: 'div.widgetCarousel-group', 2022 itemsSelector: 'div.widgetCarousel-item' 2023 }); 2024 }, 2025 match: function () { 2026 $carouselWidget.addClass('wide').removeClass('narrow'); 2027 cpMedia.diag('$(element).removeClass("narrow"), mediaQuery: ' + mediaElementQuery); 2028 2029 $carouselWidget.carouselWidget('destroy'); 2030 $carouselWidget.carouselWidget('init', { 2031 transition: transition, 2032 transitionTiming: transitionTiming, 2033 groupAdvance: groupAdvance, 2034 groupTiming: groupTiming, 2035 showArrows: showArrows, 2036 showPaging: showPaging, 2037 showDots: showDots, 2038 sliderSelector : 'div.widgetCarousel-slider', 2039 groupSelector: 'div.widgetCarousel-group', 2040 itemsSelector: '' 2041 }); 2042 }, 2043 unmatch: function () { 2044 $carouselWidget.addClass('narrow').removeClass('wide'); 2045 cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery); 2046 2047 $carouselWidget.carouselWidget('destroy'); 2048 $carouselWidget.carouselWidget('init', { 2049 transition: transition, 2050 transitionTiming: transitionTiming, 2051 groupAdvance: groupAdvance, 2052 groupTiming: groupTiming, 2053 showArrows: showArrows, 2054 showPaging: showPaging, 2055 showDots: showDots, 2056 sliderSelector : 'div.widgetCarousel-slider', 2057 groupSelector: 'div.widgetCarousel-group', 2058 itemsSelector: 'div.widgetCarousel-item' 2059 }); 2060 } 2061 }); 2062 } 2063 }); 2064 2065 </script>
2065 2066 </div> 2067 2068 </div> 2069</section> 2070 2071 </div> <!-- inner column --> 2072 2073 </div> <!-- inner row --> 2074 2075 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2076 2077 2078 </div> 2079</div></div> 2080</div><!-- Footer --><footer data-cpRole="structuralContainer" id="footerContainerTS"> 2081<div class="siteWrap2"><div data-cpRole="contentContainer" id="footerTS"> <div id="cc8e146d7c-66ab-4e81-b542-e8c45490dbca" data-containerid="8e146d7c-66ab-4e81-b542-e8c45490dbca" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="50"> 2082 2083 2084 <div class="row outer wide"><!-- 2085--><div class="outer col col5 first" style="" data-widgetcontainerid="4b7cb12d-511e-44fa-bd81-479a32def263">� 2086 <div class="row nest first wide">� 2087 2088 <div class="inner col col5 first last id5c297027-b5d6-44c9-ad93-6d26b8ebf371" style="" data-widgetcontainerid="5c297027-b5d6-44c9-ad93-6d26b8ebf371">� 2089 <div data-widget-id="21603c61-4215-49b3-9c60-2d4cfbf2316e" data-widget-controller-path="/InfoAdvanced/Widget"> 2090 2091 2092 2093 2094 2095 <section id="divInfoAdv21603c61-4215-49b3-9c60-2d4cfbf2316e" class="widget widgetInfoAdvanced skin76 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:1em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 2096 <header class="widgetHeader" id="header21603c61-4215-49b3-9c60-2d4cfbf2316e"> 2097 <div class=""> 2098 </div> 2099 </header> 2100 <div class="widgetBody cpGrid cpGrid1 "> 2101 <div class="row wide"> 2102 <div class="col col1 first last"> 2103 <ol class="pageStyles semanticList"> 2104 2105<li class="InfoAdvanced widgetItem fr-view"> 2106 <div class="imageAlignWrapper"><a href="/"><img src="/ImageRepository/Document?documentID=1010" alt="Bloomfield Hills Michigan Homepage" title="City Seal" style="text-align: center;" class="floatCenter fr-fic fr-dib"></a></div> 2107</li> </ol> 2108 </div> 2109 </div> 2110 </div> 2111 <div class="widgetFooter"> 2112 2113 </div> 2114 2115 </section> 2116 2117 2118
2119<script type="text/javascript"> 2120 //Render slideshow if info advacned items contain one. 2121 $(document).ready(function (e) { 2122 $('#divInfoAdv21603c61-4215-49b3-9c60-2d4cfbf2316e .InfoAdvanced.widgetItem').each(function () { 2123 renderSlideshowIfApplicable($(this)); 2124 }); 2125 }); 2126</script>
2126</div> 2127 </div> <!-- inner column --> 2128 2129 </div> <!-- inner row --> 2130 <div class="row nest last wide">� 2131 2132 <div class="inner col col5 first last id2e614c9e-b415-4fe5-9720-bb7a5078e3c0" style="" data-widgetcontainerid="2e614c9e-b415-4fe5-9720-bb7a5078e3c0">� 2133<div data-widget-id="ddc516b1-0380-4e3c-b90c-6985e446605f" data-widget-controller-path="/GraphicLinks/Widget"> 2134 2135 2136 2137 2138<div id="graphicLinkWidgetddc516b1-0380-4e3c-b90c-6985e446605f" class="widget widgetGraphicLinks skin89 widgetOptionSet50 wide" data-elementqueryclasses='{"wide-narrow":"min-width:1em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 2139 <div class="widgetHeader"> 2140 <div class=""> 2141 </div> 2142 </div> 2143 <div class="widgetBody cpGrid cpGrid4 "> 2144 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 2145 <div class="row autoWidths center wide"> 2146 <!-- 2147--><div class="col col1 first "><ul class="semanticList"><!-- 2148 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/facebook" target="_self"> 2149 2150<img src="/ImageRepository/Document?documentID=1011" 2151 class="graphicButtonLink" alt="Facebook" 2152 onmouseover="this.src='/ImageRepository/Document?documentID=1011'" 2153 onmouseout="this.src='/ImageRepository/Document?documentID=1011'" 2154 onfocus="this.src='/ImageRepository/Document?documentID=1011'" 2155 onblur="this.src='/ImageRepository/Document?documentID=1011'"> 2156</a></li><!-- 2157--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 2158 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/youtube" target="_self"> 2159 2160<img src="/ImageRepository/Document?documentID=1020" 2161 class="graphicButtonLink" alt="YouTube" 2162 onmouseover="this.src='/ImageRepository/Document?documentID=1020'" 2163 onmouseout="this.src='/ImageRepository/Document?documentID=1020'" 2164 onfocus="this.src='/ImageRepository/Document?documentID=1020'" 2165 onblur="this.src='/ImageRepository/Document?documentID=1020'"> 2166</a></li><!-- 2167--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 2168 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/linkedin" target="_self"> 2169 2170<img src="/ImageRepository/Document?documentID=1013" 2171 class="graphicButtonLink" alt="Linkedin" 2172 onmouseover="this.src='/ImageRepository/Document?documentID=1013'" 2173 onmouseout="this.src='/ImageRepository/Document?documentID=1013'" 2174 onfocus="this.src='/ImageRepository/Document?documentID=1013'" 2175 onblur="this.src='/ImageRepository/Document?documentID=1013'"> 2176</a></li><!-- 2177--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 2178--></ul></div><!-- --> 2179 </div> 2180 </nav> 2181 </div> 2182 <div class="widgetFooter"> 2183 </div> 2184</div> 2185</div> 2186 2187 </div> <!-- inner column --> 2188 2189 </div> <!-- inner row --> 2190 2191 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="9aad9de5-5b5f-4563-83de-2a8f35cf21d9">� 2192 <div class="row nest first last wide">� 2193 2194 <div class="inner col col1 first last id40995c81-a72d-4f6b-a8e8-f9fdec0c2865" style="" data-widgetcontainerid="40995c81-a72d-4f6b-a8e8-f9fdec0c2865">� 2195 2196<div class="widget widgetSpacer" id="d1475dce-abfb-4d49-a194-dc24bab1776c"></div> 2197 </div> <!-- inner column --> 2198 2199 </div> <!-- inner row --> 2200 2201 </div><!-- outer column --><!----><div class="outer col col8" style="" data-widgetcontainerid="3cf1b781-32f9-4eff-8260-65c440a28f64">� 2202 <div class="row nest first last wide">� 2203 2204 <div class="inner col col8 first last id66ae15fe-7b05-4279-afbc-d94ff4120ad3" style="" data-widgetcontainerid="66ae15fe-7b05-4279-afbc-d94ff4120ad3">� 2205 <div data-widget-id="cc1bad94-dfea-41af-a861-0c1b74800cdd" data-widget-controller-path="/InfoAdvanced/Widget"> 2206 2207 2208 2209 2210 2211 <section id="divInfoAdvcc1bad94-dfea-41af-a861-0c1b74800cdd" class="widget widgetInfoAdvanced skin80 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="headercc1bad94-dfea-41af-a861-0c1b74800cdd"> 2212 <header class="widgetHeader" id="headercc1bad94-dfea-41af-a861-0c1b74800cdd"> 2213 <div class=""> 2214 <h3 >Contact Us</h3> 2215 </div> 2216 </header> 2217 <div class="widgetBody cpGrid cpGrid2 ">
2218 <div class="row wide"> 2219 <div class="col col1 first "> 2220 <ol class="pageStyles semanticList"> 2221 2222<li class="InfoAdvanced widgetItem fr-view"> 2223 <p>City of Bloomfield Hills<br>45 E Long Lake Road<br>Bloomfield Hills, MI 48304<br>Phone: <a href="tel:248-644-1520">248-644-1520</a><br>Fax: 248-644-4813<br>Public Safety Phone: 248-644-4200</p> 2224</li> </ol> 2225 </div> 2226 <div class="col col1 last"> 2227 <ol class="pageStyles semanticList"> 2228 2229<li class="InfoAdvanced widgetItem fr-view"> 2230 <p><strong>Hours</strong><br>Monday through Thursday<br>7:30 a.m. to 4:30 p.m.</p><p>Friday<br>8:30 a.m. to 4:3o p.m.</p> 2231</li> </ol> 2232 </div> 2233 </div> 2234 </div> 2235 <div class="widgetFooter"> 2236 2237 </div> 2238 2239 </section> 2240 2241 2242
2243<script type="text/javascript"> 2244 //Render slideshow if info advacned items contain one. 2245 $(document).ready(function (e) { 2246 $('#divInfoAdvcc1bad94-dfea-41af-a861-0c1b74800cdd .InfoAdvanced.widgetItem').each(function () { 2247 renderSlideshowIfApplicable($(this)); 2248 }); 2249 }); 2250</script>
2250</div> 2251 </div> <!-- inner column --> 2252 2253 </div> <!-- inner row --> 2254 2255 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="afede432-93a1-4dd0-a537-43352eb3898f">� 2256 <div class="row nest first last wide">� 2257 2258 <div class="inner col col1 first last id416ccfc8-11bf-42b8-82ca-6ce996031b32" style="" data-widgetcontainerid="416ccfc8-11bf-42b8-82ca-6ce996031b32">� 2259 2260<div class="widget widgetSpacer" id="b82038b5-f34a-4ad5-afa2-1eabdd9c5b11"></div> 2261 </div> <!-- inner column --> 2262 2263 </div> <!-- inner row --> 2264 2265 </div><!-- outer column --><!----><div class="outer col col9 last" style="" data-widgetcontainerid="6981ef91-faf5-408c-ba1d-7d6d2a1b0eb9">� 2266 <div class="row nest first last wide">� 2267 2268 <div class="inner col col9 first last id55939750-8eea-42cf-bfe6-1d1d33e383b8" style="" data-widgetcontainerid="55939750-8eea-42cf-bfe6-1d1d33e383b8">� 2269 <div data-widget-id="092982ce-92f0-48f9-b741-b025046b4344" data-widget-controller-path="/QuickLinks/Widget"> 2270 2271 2272 2273 2274 2275 2276 2277 2278 <section id="widgetQuicklink092982ce-92f0-48f9-b741-b025046b4344" class="widget widgetQuickLinks skin80 widgetOptionSet27 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader092982ce-92f0-48f9-b741-b025046b4344"> 2279 <header class="widgetHeader" id="quickLinksHeader092982ce-92f0-48f9-b741-b025046b4344"> 2280 <div class=""> 2281 <h3><a style="" href="/QuickLinks.aspx?CID=51" >Helpful Links</a></h3> 2282 </div> 2283 </header> 2284 <div class="widgetBody cpGrid cpGrid2 "> 2285 <div class="row narrow"> 2286 <div class="col col1 first "> 2287 <ol class="semanticList"> 2288 2289 <li style="position:relative" class="widgetItem QuickLinks"> 2290 <a class="widgetDesc widgetQuickLinksLink" href="/445/Garbage-Recycling" target="_self" >Garbage / Recycling</a> 2291 <div class="widgetMeta"></div> 2292 </li> 2293 2294 <li style="position:relative" class="widgetItem QuickLinks"> 2295 <a class="widgetDesc widgetQuickLinksLink" href="https://bsaonline.com/?uid=694" target="_self" >BSA Online</a> 2296 <div class="widgetMeta"></div> 2297 </li> 2298 2299 <li style="position:relative" class="widgetItem QuickLinks"> 2300 <a class="widgetDesc widgetQuickLinksLink" href="/213/Hazardous-Waste" target="_self" >Hazardous Waste</a> 2301 <div class="widgetMeta"></div> 2302 </li> 2303 </ol> 2304 </div> 2305 <div class="col col1 last"> 2306 <ol class="semanticList"> 2307 2308 <li style="position:relative" class="widgetItem QuickLinks"> 2309 <a class="widgetDesc widgetQuickLinksLink" href="/465/Online-Services" target="_self" >Online Services</a> 2310 <div class="widgetMeta"></div> 2311 </li> 2312 2313 <li style="position:relative" class="widgetItem QuickLinks"> 2314 <a class="widgetDesc widgetQuickLinksLink" href="/464/Public-Safety" target="_self" >Public Safety</a> 2315 <div class="widgetMeta"></div> 2316 </li> 2317 </ol> 2318 </div> 2319 </div> 2320 2321 </div> 2322 <div class="widgetFooter"> 2323 </div> 2324 <div class="addItemModal hidden"> 2325 <div class="url hidden">/QuickLinks.aspx</div> 2326 </div> 2327 2328 </section> 2329</div> 2330 2331 </div> <!-- inner column --> 2332 2333 </div> <!-- inner row --> 2334 2335 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2336 2337 2338 </div> 2339</div><div data-cpRole="contentContainer" id="footer2TS"> <div id="ccd174edc0-805e-406f-8923-c11809799b9c" data-containerid="d174edc0-805e-406f-8923-c11809799b9c" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 2340 2341 2342 <div class="row outer wide"><!-- 2343--><div class="outer col col24 first last" style="" data-widgetcontainerid="5a8c2907-f03e-4a81-a3ed-2089e494c183">� 2344 <div class="row nest first last wide">� 2345 2346 <div class="inner col col24 first last iddfaa7fd7-d04a-4dff-9fd1-2d1e70974d4d" style="" data-widgetcontainerid="dfaa7fd7-d04a-4dff-9fd1-2d1e70974d4d">� 2347 <div data-widget-id="06835fbe-e556-470f-83ab-c0e91b96124f" data-widget-controller-path="/QuickLinks/Widget"> 2348 2349 2350 2351 2352 2353 2354 2355 2356 <section id="widgetQuicklink06835fbe-e556-470f-83ab-c0e91b96124f" class="widget widgetQuickLinks skin81 widgetOptionSet27 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:50em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Quick Links"> 2357 <header class="widgetHeader" id="quickLinksHeader06835fbe-e556-470f-83ab-c0e91b96124f"> 2358 <div class=""> 2359 </div> 2360 </header> 2361 <div class="widgetBody cpGrid cpGrid5 "> 2362 <div class="row narrow"> 2363 <div class="col col1 first "> 2364 <ol class="semanticList"> 2365 2366 <li style="position:relative" class="widgetItem QuickLinks"> 2367 <a class="widgetDesc widgetQuickLinksLink" href="/" target="_self" >Home</a> 2368 <div class="widgetMeta"></div> 2369 </li> 2370 </ol> 2371 </div> 2372 <div class="col col1 "> 2373 <ol class="semanticList"> 2374 2375 <li style="position:relative" class="widgetItem QuickLinks"> 2376 <a class="widgetDesc widgetQuickLinksLink" href="/accessibility" target="_self" >Accessibility</a> 2377 <div class="widgetMeta"></div> 2378 </li> 2379 </ol> 2380 </div> 2381 <div class="col col1 "> 2382 <ol class="semanticList"> 2383 2384 <li style="position:relative" class="widgetItem QuickLinks"> 2385 <a class="widgetDesc widgetQuickLinksLink" href="/privacy" target="_self" >Privacy</a> 2386 <div class="widgetMeta"></div> 2387 </li> 2388 </ol> 2389 </div> 2390 <div class="col col1 "> 2391 <ol class="semanticList"> 2392 2393 <li style="position:relative" class="widgetItem QuickLinks"> 2394 <a class="widgetDesc widgetQuickLinksLink" href="/site/copyright" target="_self" >Copyright Notices</a> 2395 <div class="widgetMeta"></div> 2396 </li> 2397 </ol> 2398 </div> 2399 <div class="col col1 last"> 2400 <ol class="semanticList"> 2401 2402 <li style="position:relative" class="widgetItem QuickLinks"> 2403 <a class="widgetDesc widgetQuickLinksLink" href="https://outlook.office365.com" target="_blank" aria-label="Employees opens in new window">Employees</a> 2404 <div class="widgetMeta"></div> 2405 </li> 2406 </ol> 2407 </div> 2408 </div> 2409 2410 </div> 2411 <div class="widgetFooter"> 2412 </div> 2413 <div class="addItemModal hidden"> 2414 <div class="url hidden">/QuickLinks.aspx</div> 2415 </div> 2416 2417 </section> 2418</div> 2419 2420 </div> <!-- inner column --> 2421 2422 </div> <!-- inner row --> 2423 2424 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2425 2426 2427 </div> 2428</div><div data-cpRole="contentContainer" id="poweredByTS"> <div id="cc6ac6992c-97bc-412c-9dcc-48aadd3fdd56" data-containerid="6ac6992c-97bc-412c-9dcc-48aadd3fdd56" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 2429 2430 2431 <div class="row outer wide"><!-- 2432--><div class="outer col col24 first last" style="" data-widgetcontainerid="efb4f28b-a34b-4362-9a68-594b1504c2fe">� 2433 <div class="row nest first last wide">� 2434 2435 <div class="inner col col24 first last ida5f9ab5c-a76a-4e86-a78c-22eca705e90f" style="" data-widgetcontainerid="a5f9ab5c-a76a-4e86-a78c-22eca705e90f">� 2436 2437 <div data-widget-id='41011359-fb03-4050-9a47-1460d8a41b1f' data-moduleName="customHtml" id='widgetCustomHtml41011359-fb03-4050-9a47-1460d8a41b1f' class="widget widgetCustomHtml skin82 narrow" > 2438 <div class="widgetBody pageStyles" id="widgetBody41011359-fb03-4050-9a47-1460d8a41b1f"> 2439 <div id="customHtml41011359-fb03-4050-9a47-1460d8a41b1f"><div><style> 2440 /* CP icon */ 2441 .cpBylineIconTS { 2442 } 2443 /* CP Text */ 2444 .cpBylineTextTS, 2445 .cpBylineTextTS a:link { 2446 } 2447 2448 .cpBylineTS { 2449 } 2450 2451 .cpBylineIconTS { 2452 fill: currentColor; 2453 width: 39px;
2454 height: 26px; 2455 display: inline; 2456 vertical-align: middle; 2457 } 2458</style> 2459 2460<div class="widgetItem cpBylineTS"> 2461 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100" class="cpBylineIconTS"> 2462 <path class="c" d="M73.4,23.2h-19v16.7h19c2.8,0,5,2.2,5,5c0,2.8-2.2,5-5,5h-19v28.4h5.5l11.3-11.7h2.2c11.9,0,21.6-9.7,21.6-21.6C95,33,85.3,23.2,73.4,23.2"></path> 2463 <path class="p" d="M45.8,66.5H26.6C14.7,66.5,5,56.8,5,44.9C5,33,14.7,23.2,26.6,23.2h19.1v16.7H26.6c-2.8,0-5,2.2-5,5c0,2.8,2.2,5,5,5h19.1V66.5z"></path> 2464 </svg> 2465 <span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus®</a></span> 2466</div> 2467</div></div> 2468 </div> 2469 2470 </div> 2471 2472 </div> <!-- inner column --> 2473 2474 </div> <!-- inner row --> 2475 2476 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2477 2478 2479 </div> 2480</div></div> 2481</footer> 2482 2483 2484 2485 2486 <div id="banner2-83" style="display: none"></div> 2487
2487<script type="text/javascript"> 2488 $(window).on("load", function () { 2489 $.when(window.Pages.rwdSetupComplete) 2490 .done(function () { 2491 renderBanner('banner2-83', 2492 'banner2', 2493 {"BannerOptionID":83,"ThemeID":26,"SlotName":"banner2","Name":"Default","IsDefault":true,"BannerMode":1,"SlideShowSlideTiming":"5","SlideshowTransition":0,"SlideShowTransitionTiming":"1","ImageScale":true,"ImageAlignment":1,"ImageScroll":false,"MuteSound":true,"VideoType":0,"Status":40,"SlideshowControlsPosition":0,"SlideshowControlsAlignment":0,"SlideshowBannerControlsColorScheme":0,"DisplayVideoPauseButton":false,"VideoPauseButtonAlignment":1,"VideoPauseButtonControlsAlignment":0,"VideoPauseButtonStyle":"#FFFFFF","VideoPauseButtonBackgroundStyle":"#000000","VideoPauseButtonAlignmentClass":"alignRight viewport","DisplaySlideshowPauseButton":false,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":133,"BannerOptionID":83,"FileName":"/ImageRepository/Document?documentID=1306","Height":1400,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null}],"BannerVideos":[{"BannerVideoID":13,"BannerOptionID":83,"VideoFileName":"","ImageFileName":"EmptyBannerBkg202502241403164737.png","IsLink":false,"LinkAddress":null,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","VideoFileID":"00000000-0000-0000-0000-000000000000","ImageFileID":"00000000-0000-0000-0000-000000000000","VideoWidth":0,"VideoHeight":0,"ImageWidth":0,"ImageHeight":0,"LinkedVideoUrl":"","RecordStatus":0,"AltText":null}],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"}, 2494 {"BannerImageID":133,"BannerOptionID":83,"FileName":"/ImageRepository/Document?documentID=1306","Height":1400,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null}, 2495 '/App_Themes/Interior/Images/', 2496 '<img alt="" class="bannerObject" src="/ImageRepository/Document?documentID=1306" />'); 2497 }); 2498 }); 2499 </script>
2499 2500 2501</div> 2502</div> 2503 2504 </div> 2505 </div> 2506 </div> 2507 2508 2509<link href="/745732998.css" rel="stylesheet" type="text/css" /> 2510 2511<div id="SplashMessageWrapper" class="cp-Splash-wrapper"> 2512 <div role="dialog" aria-labelledby="cp-Splash-title" aria-describedby="editorContentDesc" aria-modal="true" tabindex="-1" id="SplashMessage" class="hidden cp-Splash cp-Splash--modal is-open"> 2513 <div class="cp-Splash-header"> 2514 <h2 class="cp-Splash-title" id="cp-Splash-title">Loading</h2> 2515 <button class="cp-Splash-Btn cp-Splash-close" aria-label="Close this modal" title="Close this window"> 2516 <svg id="iconClose" viewBox="0 0 25 25"> 2517 <polygon style="fill:currentcolor" 2518 points="18.806,6.98 18.075,6.248 12.532,11.792 6.989,6.248 6.257,6.98 11.786,12.508 6.212,18.084 6.943,18.815 12.532,13.224 18.12,18.815 18.851,18.084 13.277,12.508"></polygon> 2519 </svg> 2520 </button> 2521 </div> 2522 <div class="cp-Splash-body"> 2523 <div class="cp-Splash-Prose editorContent fr-view" id="editorContentDesc"> 2524 <!-- Content from the Froala Editor will go here. --> 2525 Loading 2526 </div> 2527 </div> 2528 <div class="cp-Splash-footer"> 2529 <button class="cp-Splash-Btn cp-Splash-Btn--NoShow">Do Not Show Again</button> 2530 <button class="cp-Splash-Btn cp-Splash-Btn--Close">Close</button>
2531 </div> 2532 </div> 2533</div> 2534
2535<script src="/Assets/Scripts/APIClient.js"></script>
vendor: 2 bytes, line 2535
2535
2536<script src="/Assets/Mystique/Shared/Scripts/Moment/Moment.min.js"></script>
vendor: 2 bytes, line 2536
2536
2537<script src="/Assets/Scripts/SplashModal/SplashModalRender.js"></script>
vendor: 2 bytes, line 2537
2537
2538<script> 2539 2540 $(document).ready(function () { 2541 var filter = { 2542 targetId: '', 2543 targetType: 0 2544 } 2545 2546 new SplashModalRender().triggerRender(filter); 2547 }); 2548</script>
2548 2549 2550 2551 2552 2553
2553<script type="text/javascript"> 2554 $(document).ready(function () { 2555 $('#paginationOption').change(function () { 2556 loadSearchResultPageList(1, $(this).val()); 2557 }); 2558 2559 $('.cp-search-typeToggle a').click(function(e) { 2560 e.preventDefault(); 2561 if ($('.cp-search-advanced').attr('aria-expanded') == 'false') { 2562 $('.cp-search-advanced').attr('aria-expanded', 'true'); 2563 } 2564 else { 2565 $('.cp-search-advanced').attr('aria-expanded', 'false'); 2566 } 2567 $('.cp-search-advanced').toggleClass('cp-search-advanced--hidden'); 2568 $('.cp-search-typeToggle a').toggle(); 2569 }); 2570 2571 var autoExpandAdvancedSearch = 'false'; 2572 if (autoExpandAdvancedSearch === 'true') { 2573 $('.cp-search-advanced').attr('aria-expanded', 'true'); 2574 $('.cp-search-advanced').removeClass('cp-search-advanced--hidden'); 2575 $('#standardSearch').show(); 2576 $('#advancedSearch').hide(); 2577 } 2578 2579 const archiveSocialLink = document.getElementById("ArchiveSocialSearch"); 2580 2581 if (archiveSocialLink) { 2582 const searchInput = document.getElementById("searchPhrase"); 2583 const link = new URL(archiveSocialLink.href); 2584 2585 searchInput.addEventListener("input", function () { 2586 const searchPhrase = searchInput?.value.trim(); 2587 link.searchParams.set("query.terms[0].text", searchPhrase); 2588 archiveSocialLink.href = link.href; 2589 }); 2590 } 2591 const nextRequestSearch = document.getElementById("NextRequestSearch"); 2592 2593 if (nextRequestSearch) { 2594 const searchInput = document.getElementById("searchPhrase"); 2595 const link = new URL(nextRequestSearch.href); 2596 2597 searchInput.addEventListener("input", function () { 2598 const searchPhrase = searchInput?.value.trim(); 2599 link.searchParams.set("search_term", searchPhrase); 2600 nextRequestSearch.href = link.href; 2601 }); 2602 } 2603 }); 2604 </script>
2604 2605 2606 2607 2608 2609 2610 2611 2612 2613 2614
2614<script src="/-1442400649.js" type="text/javascript"></script>
2614 2615 <!-- Fixed Nav Adjustment -->
2616<script> 2617 function getValueTS(elem, attr) { 2618 const val = elem.css(attr); 2619 if (val === undefined) return undefined; 2620 const num = parseInt(val, 10); 2621 if (num === NaN) return undefined; 2622 return num; 2623 } 2624 2625 function clampTS(number, min, max) { 2626 return Math.min(Math.max(number, min), max); 2627 } 2628 2629 function isPageEditingTS() { 2630 return ( 2631 $("#doneEditing").length > 0 || // In live edit 2632 typeof DesignCenter !== "undefined" // In theme manager 2633 ); 2634 } 2635 2636 const bgColorRegexTS = /rgba\((\d+), (\d+), (\d+), (\d*\.?\d*)\)/; 2637 function isTransparentTS(elem) { 2638 const bg = elem.css('background-color'); 2639 if (typeof bg !== "string" || !bg.startsWith('rgba(')) return false; 2640 const matchState = bg.match(bgColorRegexTS); 2641 if (!matchState || matchState.length !== 5) return false; 2642 const alpha = parseFloat(matchState[4], 10); 2643 if (!(alpha >= 0 && alpha < 1)) return false; 2644 return true; 2645 } 2646 2647 function iterateLeftpads(cb) { 2648 const containersTS = $("[class^='siteWrap'],[class*=' siteWrap']"); 2649 for (let i = 0; i < containersTS.length; i++) { 2650 const containerTS = containersTS[i]; 2651 // Skip the body container and anything with data-skip-leftpad 2652 if ( 2653 containerTS.id !== "bodyContainerTS" && 2654 containerTS.getAttribute('data-skip-leftpad') === null 2655 ) { 2656 cb(containerTS); 2657 } 2658 } 2659 } 2660 2661 const anchor = $("#divToolbars"); 2662 2663 // Outer banner padding (push banner down) 2664 const outerSizingTS = $("#bannerContainerTS"); 2665 // Inner banner padding (push banner content down) - Transparent header OR on attaching headers 2666 const innerSizingTS = $("#bannerSizingTS"); 2667 const bodyContainerTS = $("#bodyContainerTS"); 2668 2669 const forceUnfixClassTS = "forceUnfixTS"; 2670 2671 const fixedTopTS = $(".fixedTopTS"); 2672 const fixedBottomTS = $(".fixedBottomTS"); 2673 const fixedLeftTS = $(".fixedLeftTS"); 2674 2675 var initialTopTS; 2676 var topAttachTS; 2677 if (fixedTopTS && fixedTopTS.length === 1) { 2678 initialTopTS = getValueTS(fixedTopTS, 'top'); 2679 const attachment = fixedTopTS.attr('data-attach');
2680 if (attachment) topAttachTS = $("#" + attachment); 2681 if (!topAttachTS || topAttachTS.length !== 1) topAttachTS = undefined; 2682 } 2683 2684 function resizeAdjustmentTS() { 2685 const editing = isPageEditingTS(); 2686 2687 // Fixed top script 2688 (function () { 2689 if (!fixedTopTS || fixedTopTS.length !== 1 || initialTopTS === undefined) return; 2690 2691 if (editing) { 2692 fixedTopTS[0].classList.add(forceUnfixClassTS); 2693 } else { 2694 fixedTopTS[0].classList.remove(forceUnfixClassTS); 2695 } 2696 2697 const topPosition = fixedTopTS.css('position'); 2698 if (topPosition === 'fixed') { 2699 if (topAttachTS) { 2700 scrollAdjustmentTS(); 2701 } else { 2702 const anchorHeight = anchor.outerHeight() - 1; 2703 fixedTopTS.css('top', anchorHeight + initialTopTS); 2704 } 2705 } else { 2706 fixedTopTS.css('top', initialTopTS); 2707 } 2708 2709 if (topPosition === 'fixed' || topPosition === 'absolute') { 2710 // Bump the banner content down 2711 if (isTransparentTS(fixedTopTS)) { 2712 innerSizingTS.css('padding-top', initialTopTS + fixedTopTS.outerHeight() - 1); 2713 outerSizingTS.css('padding-top', ''); 2714 2715 try { 2716 window.Pages.onResizeHandlersExecute(); 2717 } catch (e) { } 2718 } else { 2719 outerSizingTS.css('padding-top', fixedTopTS.outerHeight() - 1); 2720 innerSizingTS.css('padding-top', ''); 2721 } 2722 } else { 2723 innerSizingTS.css('padding-top', ''); 2724 outerSizingTS.css('padding-top', ''); 2725 } 2726 })(); 2727 2728 // Fixed bottom script 2729 (function () { 2730 if (!fixedBottomTS || fixedBottomTS.length === 0) return; 2731 2732 // If the widget has gone narrow, force unfix 2733 if (editing || fixedBottomTS.outerHeight() > 200) { 2734 fixedBottomTS[0].classList.add(forceUnfixClassTS); 2735 } else { 2736 fixedBottomTS[0].classList.remove(forceUnfixClassTS); 2737 } 2738 2739 if (fixedBottomTS.css('position') === 'fixed') { 2740 bodyContainerTS.css('padding-bottom', fixedBottomTS.outerHeight()); 2741 } else { 2742 bodyContainerTS.css('padding-bottom', ''); 2743 } 2744 })(); 2745 2746 // Fixed left script 2747 (function () { 2748 if (!fixedLeftTS || fixedLeftTS.length === 0) return; 2749 2750 if (editing) { 2751 fixedLeftTS[0].classList.add(forceUnfixClassTS); 2752 } else { 2753 fixedLeftTS[0].classList.remove(forceUnfixClassTS); 2754 } 2755 2756 if (fixedLeftTS.css('position') === 'fixed') { 2757 const anchorHeight = anchor.outerHeight() - 1; 2758 fixedLeftTS.css('top', anchorHeight); 2759 const leftBoundingTS = fixedLeftTS[0].getBoundingClientRect(); 2760 iterateLeftpads(function (containerTS) { 2761 const containerBoundingTS = containerTS.getBoundingClientRect(); 2762 if (containerBoundingTS.left <= leftBoundingTS.right) { 2763 $(containerTS).css('padding-left', leftBoundingTS.width + 16); 2764 } 2765 }); 2766 } else { 2767 fixedLeftTS.css('top', ''); 2768 iterateLeftpads(function (containerTS) { 2769 $(containerTS).css('padding-left', ''); 2770 }); 2771 } 2772 })(); 2773 } 2774 2775 function scrollAdjustmentTS() { 2776 if (!fixedTopTS || fixedTopTS.length !== 1 || !topAttachTS || topAttachTS.length !== 1) return; 2777 const topPosition = fixedTopTS.css('position'); 2778 if (topPosition === 'fixed' || topPosition === 'absolute') { 2779 const anchorBounding = anchor[0].getBoundingClientRect(); 2780 const attachBounding = topAttachTS[0].getBoundingClientRect(); 2781 const scrollTop = $(window).scrollTop(); 2782 2783 fixedTopTS.css('top', Math.max(anchorBounding.bottom - 1, attachBounding.bottom)); 2784 } else { 2785 fixedTopTS.css('top', initialTopTS); 2786 } 2787 } 2788 2789 $(window).load(function () { 2790 setTimeout(function () { 2791 resizeAdjustmentTS(); 2792 }, 350); 2793 2794 $(window).scroll(function () { 2795 scrollAdjustmentTS(); 2796 }); 2797 2798 var adjustTimeoutTS; 2799 $(window).resize(function () { 2800 clearTimeout(adjustTimeoutTS); 2801 adjustTimeoutTS = setTimeout(function () { 2802 resizeAdjustmentTS(); 2803 }, 350); 2804 });
2805 2806 $.when(window.Pages.angularToolbarComplete).done(function () { 2807 resizeAdjustmentTS(); 2808 }); 2809 }); 2810</script>
2810 2811<!-- End Fixed Nav Adjustment --> 2812 2813<!-- Move banner to outer wrap -->
2814<script> 2815function moveBannerToOuterWrap() { 2816 if ($(".fixedBannerTS").length) { 2817 if ($("#bannerDivbanner2").length) { 2818 $("#bannerDivbanner2").appendTo("#outer-wrap"); 2819 } else { 2820 setTimeout(function() { 2821 moveBannerToOuterWrap(); 2822 }, 500); 2823 } 2824 } 2825} 2826moveBannerToOuterWrap(); 2827</script>
2827 2828<!-- end move banner to outer wrap --> 2829 2830 2831
2831<script type="text/javascript"> 2832 $(function () { 2833 document.cookie = "responsiveGhost=0; path=/"; 2834 }); 2835 $(window).on("load", function () { 2836 $('body').addClass('doneLoading').removeClass('hideContent'); 2837 2838 if ($('#404Content').length > 0) 2839 $('div#bodyWrapper').css('padding', '0px'); 2840 }); 2841 </script>
2841 2842 2843 <noscript> 2844 <style> 2845 body.hideContent { 2846 opacity: 1 !important; 2847 } 2848 </style> 2849 </noscript> 2850 2851 2852<div style="display: none;"> 2853 <svg xmlns="http://www.w3.org/2000/svg" style="display:none;"> 2854 2855 <symbol id="iconArrow--left" viewbox="0 0 25 25"> 2856 <title>Arrow Left</title> 2857 <polygon style="fill:currentcolor" points="18.044,25 19.498,23.545 8.409,12.454 19.408,1.455 17.954,0 5.502,12.452"></polygon> 2858 </symbol> 2859 2860 <symbol id="iconArrow--right" viewbox="0 0 25 25"> 2861 <title>Arrow Right</title> 2862 <polygon style="fill:currentcolor" points="6.957,0 5.502,1.455 16.591,12.546 5.592,23.545 7.047,25 19.498,12.548"></polygon> 2863 </symbol> 2864 2865 </svg> 2866</div> 2867
2867<script type="text/javascript">loadCSS('//fonts.googleapis.com/css?family=Lato:700,700italic,900,900italic,italic,regular|Libre+Baskerville:700,italic,regular|Raleway:500,600,700,800,900,regular|');</script>
2867 2868 2869 2870 <div class="hidden activeWidgetSkinComponentsOnPageJson">[]</div> 2871 <div style="display: none;"> 2872 <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> 2873 <symbol id="iconSlideshowArrowLeft" viewBox="0 0 22.68 40"> 2874 <title>Slideshow Left Arrow</title> 2875 <g> 2876 <path style="fill:currentcolor;" d="M20,40a2.67,2.67,0,0,1-1.9-.79L.79,21.9a2.68,2.68,0,0,1,0-3.79L18.1.79a2.68,2.68,0,1,1,3.79,3.79L6.47,20,21.89,35.42A2.68,2.68,0,0,1,20,40Z"></path> 2877 </g> 2878 </symbol> 2879 <symbol id="iconSlideshowArrowRight" viewBox="0 0 22.68 40"> 2880 <title>Slideshow Right Arrow</title> 2881 <g> 2882 <path style="fill:currentcolor;" d="M2.68,0a2.67,2.67,0,0,1,1.9.79L21.89,18.1a2.68,2.68,0,0,1,0,3.79L4.58,39.21A2.68,2.68,0,0,1,.79,35.42L16.21,20,.79,4.58A2.68,2.68,0,0,1,2.68,0Z"></path> 2883 </g> 2884 </symbol> 2885 </svg> 2886 </div> 2887 2888 2889 2890 2891 <div id="root-picker-outlet"></div> 2892</body> 2893</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.