.dijitPlaceHolder {color: #AAAAAA; font-style: italic; left: 0; position: absolute; top: 8px !important;}.esriPopupMobile {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;}.dijitAccordionContainer, .dijitAccordionContainer-child, .dijitAccordionContainer > * {height:auto !important;}.claro .dijitSplitContainer-child, .claro .dijitBorderContainer-child {border: 1px solid #000000;}@font-face {font-family: 'icomoon'; src:url(fonts/icomoon.eot?-snfylo); src:url(fonts/icomoon.eot?#iefix-snfylo) format('embedded-opentype'), url(fonts/icomoon.woff?-snfylo) format('woff'), url(fonts/icomoon.ttf?-snfylo) format('truetype'), url(fonts/icomoon.svg?-snfylo#icomoon) format('svg'); font-weight: normal; font-style: normal;}[class^="icon-"], [class*=" icon-"] {font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}.icon-cross:before {content: "\e604";}.icon-help:before {content: "\e600";}.icon-list:before {content: "\e603";}.icon-arrow-down:before {content: "\e601";}.icon-arrow-right:before {content: "\e602";}html, body {height: 100%; width: 100%; margin: 0; padding: 0; overflow: hidden;}body {color: #5f626a; font-family: Ubuntu,sans-serif; font-size: 62.5%; background-color:#fff; overflow: hidden;}h1 {color: #5F626A;}img {border: 0 none; outline: 0 none;}#topPane {height: 45px; width: auto; overflow-y:hidden; overflow-x:hidden;}#leftPane {height: auto; width: 330px; border:none !important; position: absolute; top: 71px; bottom: 0;}#map {position: absolute; left: 330px; right: 0; top: 71px; bottom: 0;}.map {position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; z-index: 0; border: none !important;}.map.active{z-index: 1; opacity:1;}.map.passive{opacity:0;}#header {position: absolute; top: 0; background-position: 10px 0; background-repeat: no-repeat; background-size: auto 69px; border: medium none !important; padding: 0; margin: 0; height: 69px; border-bottom: 2px solid #fff; width: 100%;}#header #title {display: block; float: left; font-size: 2.2em; font-weight: bold; line-height: 53px; margin: 0 0 0 80px; color:#000;}#mapTopToolsArea {position: absolute; right: 0px; text-align: center; z-index: 40; top: 0px; background: rgba(255,255,255,1);}#mapTopArea {background: none repeat scroll 0 0 #000; padding: 0; position: absolute; right: 0px; text-align: left; top: 0; z-index: 40;}#mapTopAreaToggle {display: none; background: none repeat scroll 0 0 #078FCC; color: #FFFFFF; cursor: pointer; display: none; float: right; font-size: 50px; height: 38px; line-height: 38px; padding: 3px; position: absolute; right: 0; text-align: center; top: 0; width: 50px; z-index: -41;}#mapTopAreaToggle:hover {color: #efefef;}#mapToolsArea {position: absolute; bottom: 0px; left: 0px; right: 0px; text-align: center; z-index: 40;}#footer {height: 0px; text-align: left; padding:0px !important;}#attributesDiv {position: absolute; bottom: 0px; left: 0px; right: 0px; display: none; height: 200px;}#zoomToElement {position: absolute; bottom: 5px; left: 50%; height: 44px; width: 150px; margin-left: -75px;}#borderContainer {width:100%; height: 100%; margin: 0; padding:0;}#messages {background: none repeat scroll 0 0 #FFFFcc; border: 1px solid #000000; color: #000000; height: 220px; left: 50%; line-height: 20px; margin-left: -110px; margin-top: -110px; position: absolute; text-align: center; top: 50%; width: 220px; z-index: 100; display: none;}#messagesInner {color: #000000; height: 180px; margin-top: 20px; overflow-x: hidden; overflow-y: auto; text-align: center; width: 100%;}#loaderInner {height: 80px; left: 50%; margin-left: -40px; margin-top: -40px; position: absolute; text-align: center; top: 50%; width: 80px; z-index: 101; background-image:url('loader.gif'); background-repeat: no-repeat;}#loader {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05); width: 100%; height: 100%; z-index: 99; position: absolute; top: 0px; left: 0px;}.unselectable {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;}.myToolbarItem {height: 60px; width: 100px;}#overlayItem {position: absolute; bottom: 70px; left: 0px; width: 100%; text-align: center; background: #34495e; padding: 0px; display: none; z-index: 99; color: #000;}#overlayItem a {color: #FFF; text-decoration: underline; cursor: pointer;}.padded {padding: 20px 30px;}.esriPopup tr:nth-child(even) {background: #FFF;}.esriPopup tr:nth-child(odd) {background: #EFEFEF;}input, textarea, select {color: #000000; cursor: pointer;}#attributionDiv {background-color: #FFFFFF; bottom: 0; cursor: default; height: 100px; position: absolute; right: 0; width: 200px; z-index: 999;}#homeDiv {position: absolute; top: 0px; left: 0px; background: rgba(41,128,185,0.7); width: 400px; z-index: 9;}fieldset {border: 0;}.searchfields label, .searchfields input, .searchfields select {display: inline-block; margin: 5px;}.searchfields label {margin-left: 5px; margin-right: 5px; text-align: right;}#scale-ratio {position: absolute; bottom: 10px; left: 24px; z-index: 29; font-weight: bold; background: rgba(255, 255, 255, 0.7);}.toc-reset,.toc-group-container {font-size: 1.5em; padding: 5px;}.toc-group-container .icon {font-size: 1.3em; position: absolute; left: 7px;}.toc-item {position: relative; margin: 0 0 5px 0; padding: 10px 15px; border: 1px solid #52B9E9; box-sizing: border-box; cursor: pointer; display: block;}.toc-item:hover {background: #f2f9fd;}.toc-reset .toc-item {border: 1px solid #e95252;}.toc-reset .toc-item:hover {background: #feefef;}.toc-item.toc-toggle {padding-left: 34px;}.toc-item.active {background: #52B9E9; color: #ffffff;}.toc-group-maps-container {padding-left: 20px;}.toc-group-maps-container.hidden {display: none;}.toc-group-map {}.toc-group-map-layers {padding-left: 20px;}.toc-group-map-layers.hidden {display: none;}.toc-group-container .active-layers {position: absolute; background: #52B9E9; color: #ffffff; border-radius: 10px; width: 18px; height: 18px; text-align: center; right: 7px;}.toc-group-container .active-layers[data-count="0"] {display: none;} #appTools {display: block; margin: 0px; padding: 0px; text-align: left;width:100%;overflow-y:hidden;height:100%;overflow-x:auto;} .toolWrapper {background: rgba(9, 55, 76, 0.9); margin: 0 auto; padding: 5px; bottom: 0px; left: 0px; right: 0px; overflow: hidden; position: absolute; z-index: 99; display: none;max-height:300px;overflow-x:hidden;overflow-y:auto;text-align: left;} .toolWrapper > * {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;} .toolWrapper2 {background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #000000; border-top: none; display: none; margin: 0; max-height: 500px; overflow-x: hidden; overflow-y: auto; padding: 0px; position: absolute; right: 0px; text-align: left; top: 0px; width: 297px; z-index: 99;} .toolWrapper2 > * {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;} .toolbarContent {text-align: left; color: #5f626a;} .xButton {border: 1px solid #fff; color: #fff; display: block; float: right; font-size: 25px; line-height: 25px; margin: 3px; height: 30px; text-align: center; width: 30px; cursor: pointer;} .toolbarButton {margin: 0px; cursor: pointer; display: inline-block; height: 60px; padding: 0px !important; background-repeat:no-repeat; width: 100px; border-right: 1px solid #fff; border-left:1px solid #000;} .toolbarButton span {height: inherit; display: table-cell; vertical-align: middle; font-size:14px; color:#FFF; text-align:center; width: inherit;}.basicSelectionColor .toolbarButton span {color: #000 !important; display: table-cell; font-size: 14px; height: inherit; text-align: center; vertical-align: middle; width: inherit;} .toolbarButton:active {font-weight:bold;} .toolbarButton:hover {-webkit-box-shadow: 0px 0px 0px #000000, inset 0px 0px 5px #ffffff; -moz-box-shadow: 0px 0px 0px #000000, inset 0px 0px 5px #ffffff; box-shadow: 0px 0px 0px #000000, inset 0px 0px 5px #ffffff;} .toolButton {margin: 0px; cursor: pointer; display: inline-block; height: 50px; padding: 0px !important; background-repeat:no-repeat; width: 100px; border: 1px solid #fff;} .toolButton span {height: inherit; display: table-cell; vertical-align: middle; font-size:14px; color:#FFF; text-align:center; width: inherit; background: none repeat scroll 0 0 rgba(25, 25, 176, 0.1);} .toolButton:active {background-color:#37a1e8 !important;} .toolButton:hover {-webkit-box-shadow: 0px 0px 0px #000000, inset 0px 0px 5px #ffffff; -moz-box-shadow: 0px 0px 0px #000000, inset 0px 0px 5px #ffffff; box-shadow: 0px 0px 0px #000000, inset 0px 0px 5px #ffffff;} .toolButtonSelected {background-color:#27AE60; box-shadow: 0 1px 0 rgba(255, 255, 255, 0) inset !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;} .toolButtonClicked {border-color: #229955 !important; border-width: 1px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0) inset !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;}.toolbarContent legend {font-size: 14px; margin-bottom: 5px; text-align: left; margin-top:10px;} .toolbarTextImage {margin: 0px; cursor: pointer; display: inline-block; height: 50px; padding: 0px !important; background-repeat:no-repeat; width:150px; min-width: 150px; border-right: 1px solid #fff;} .toolbarTextImage span {height: 50px; display: table-cell; vertical-align: middle; font-size:14px; color:#FFF; padding-left:50px;} .toolbarTextImage:hover {} .toolbarTextImage:active {background-color:#37a1e8 !important;}.toolbarbtn {background-color: #52B9E9; border-left: 1px solid #fff; border-right: 1px solid #fff; cursor: pointer; display: inline-block; height: 69px; width: 98px; text-decoration: none; text-transform: uppercase; font-weight: bold;}.activeToolbarBtn {background-color: #d74e2a !important; border-left: 1px solid #fff !important; border-right: 1px solid #fff !important;} #toolbar {height: 69px; position: absolute; right: 0; top: 0;}#toolbar #toolbarbtns {list-style: none outside none; margin: 0; padding: 0;}#toolbarbtns li {display: inline; float: left; margin: 0; padding: 0;}#toolbarbtns li.hidden-desktop {display: none;}.toolbarbtn:hover {background: -webkit-linear-gradient(rgba(82, 185, 233, 0.5),rgba(82, 185, 233, 1)); background: -o-linear-gradient(rgba(82, 185, 233, 0.5),rgba(82, 185, 233, 1)); background: -moz-linear-gradient(rgba(82, 185, 233, 0.5),rgba(82, 185, 233, 1)); background: linear-gradient(rgba(82, 185, 233, 0.5),rgba(82, 185, 233, 1));}.toolbarbtn img {display: block; margin-left: auto; margin-right: auto; margin-top: 6px; width:40px; height:40px;}img {border: 0 none;}.toolbarbtn > span {color: #fff; display: block; font-size: 13px; margin-left: auto; margin-right: auto; margin-top: 1px; text-align: center;}.toolbarbtn > span.icon {font-size: 20px; padding: 16px 0 9px;}.activeToolbarBtn > span {}#map .esriPopupMobile,#map .esriPopup,.mikkeli .esriMobileNavigationBar {font-family: Ubuntu, sans-serif;}#map .esriPopupMobile .titlePane,#map .esriPopup .titlePane,.mikkeli .esriMobileNavigationBar {background: #52B9E9;}#map .esriPopupMobile .titlePane {border-color: #52B9E9;}#map .esriPopup .contentPane {background: #fff;}#map .esriPopup .actionsPane {background: #fff;}#map .esriPopup .pointer, #map .esriPopup .outerPointer {background: #fff;}#map .esriPopup .pointer.top {background: #52B9E9;}#map .esriPopupMobile .pointer, #map .esriPopupMobile .outerPointer {background: #F7F7F7; display: block; height: 16px; position: absolute; width: 16px; z-index: 0; transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); background: #52B9E9;}#map .esriPopupMobile .pointer.top {top: -8px;}#map .esriPopupMobile .pointer.hidden {display: none;}.mikkeli .esriMobileInfoView .esriMobileInfoViewItem {font-size: 1.4em;}@media all and (max-width: 800px) {.toolbarButton {margin: 0px; cursor: pointer; display: inline-block; height: 50px; padding: 0px !important; background-repeat:no-repeat; width: 60px; border-right: 1px solid #fff;} .toolbarButton span {height: inherit; display: table-cell; vertical-align: middle; font-size:11px; color:#FFF; text-align:center; width: inherit;} .toolbarButton:active {background-color:#37a1e8 !important;} .toolbarButton:hover {-webkit-box-shadow: 0px 0px 0px #000000, inset 0px 0px 5px #ffffff; -moz-box-shadow: 0px 0px 0px #000000, inset 0px 0px 5px #ffffff; box-shadow: 0px 0px 0px #000000, inset 0px 0px 5px #ffffff;} .toolButton {margin: 0px; cursor: pointer; display: inline-block; height: 50px; padding: 0px !important; background-repeat:no-repeat; width: 60px; border: 1px solid #fff;} .toolButton span {height: inherit; display: table-cell; vertical-align: middle; font-size:11px; color:#FFF; text-align:center; width: inherit;} .toolButton:active {background-color:#37a1e8 !important;} .toolButton:hover {-webkit-box-shadow: 0px 0px 0px #000000, inset 0px 0px 5px #ffffff; -moz-box-shadow: 0px 0px 0px #000000, inset 0px 0px 5px #ffffff; box-shadow: 0px 0px 0px #000000, inset 0px 0px 5px #ffffff;} .toolWrapper2 {background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #000000; display: none; margin: 0; max-height: 200px; overflow-x: hidden; overflow-y: auto; padding: 10px; position: absolute; right: 0px; text-align: left; top: 10px; width: 200px; z-index: 99;}}#toc-wrapper {width: 100%; height:100%; padding:0px; position: relative; font-weight: bold;}#toc-wrapper .toc {position: absolute; top: 0; bottom: 0; width: 100%; overflow: hidden; overflow-y: auto;}#leftPane .toc-header {display: none;}@media (max-width: 930px) {#toolbar {right: auto; height: 45px;} #toolbarbtns li.hidden-desktop {display: inline;} .toolbarbtn {width: 44px; height: 45px; border-left: 0;} .toolbarbtn > span {display: none;} .toolbarbtn > span.icon {display: block; padding-top: 13px;} .toolbarbtn img {margin-top: 3px;} #map {top: 46px; left: 0;} #header {background-image: none !important; background: #52B9E9; border-bottom: 1px solid #fff; height: 45px;} #leftPane .toc-header {display: block; background: #52B9E9; height: 45px;} #leftPane {width: 100%; left: -100%; bottom: auto; height: 100%; -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -moz-transition: -moz-transform 0.3s cubic-bezier(0.000, 1.005, 0.395, 0.980); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.000, 1.005, 0.395, 0.980); transition: transform 0.3s cubic-bezier(0.000, 1.005, 0.395, 0.980); z-index: 30; top: 0; background: #fff;} #leftPane.closed {display: none;} #leftPane.open {-moz-transform: translate3d(100%, 0, 0); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); display: block;} #toc-wrapper .toc {top: 46px;} #map .esriSimpleSliderTL {top: 6px; left: 6px;} #map .scalebar_bottom-left {left: 6px !important;} #scale-ratio {left: 6px;}}