#dynamicMap path {
	stroke: #fff;
	stroke-opacity: 1;
	stroke-width: 1px;
	stroke-linejoin: round;
}
#dynamicMap path.area.active {
	fill: #719e32 !important;
}
#dynamicMap path.area {
	fill: #cecfce;
	cursor: pointer;
}
#dynamicMap path.area.hover {
	fill-opacity: 0.5;
}
#dynamicMapApp {
	float:left;
	border-right: 1px solid #CCCCCC;
	padding-right: 2%;
}
.dynamic-map-button-wrapper {
	padding: 5px;
	font-size: 15px;
	padding-left: 5%;
}
#dynamicMapResults {
	border-top: 1px solid #CCCCCC;
	margin-top: 20px;
	padding-left: 5%;
	padding-top: 20px;
}
#dynamicMapResults .product-page-link.selected-product {
	font-weight: bold;
	color: #282828;
	background-color: #A4D165;
	cursor: default;
}
#dynamicMapResults .product-page-link.selected-product:hover {
	text-decoration: none;
}
.dynamic-map-result {
	padding-bottom: 10px;
	font-size: 15px;
}
.dynamic-map-app {
	height: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	width: 70%;
}
.dynamic-map-app .tooltip {
	color: #222;
	background: #fff;
	padding: .5em;
	text-shadow: #f5f5f5 0 1px 0;
	border-radius: 2px;
	box-shadow: 0 0 2px 0 #a6a6a6;
	opacity: 0.9;
	position: absolute;
	white-space: normal;
	width: 130px;
	text-align: center;
}
.dynamic-map-app .tooltip.hidden {
	display: none;
}
.dynamic-map-app rect {
	fill: none;
	pointer-events: all;
}
#dynamicMapControls {
	float:right;
	padding-right: 0;
	margin-bottom: 10px;
	height: 100%;
	width: 27%;
}
.dynamic-map-controls-description {
	font-size: 16px;
	margin-bottom: 20px;
	padding-left: 5%;
}
.dynamic-map.product-preview-link {
	font-size: 14px;
	margin-bottom: 10px;
	margin-right: 20px;
}
.hide-product-preview div {
	background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-one-sprite-icons.png') -15px -22px no-repeat;
}
#dynamicMap .dynamic-map-exposures {
	position: absolute;
	bottom: 0;
	left: 0;
	max-height: 200px;
	overflow-y: auto;
	width: 150px;
	font-size: 12px;
	padding: 10px;
	background-color: #FBFBFB;
	box-shadow: 0 5px 13px rgba(0, 0, 0, 0.11);
	-moz-box-shadow: 0 5px 13px rgba(0, 0, 0, 0.11);
	-webkit-box-shadow: 0 5px 13px rgba(0, 0, 0, 0.11);
}
.dynamic-map-exposure-table {
	padding: 10px;
}
.dynamic-map-exposure-table tr td {
	padding: 3px;
}
.dynamic-map-exposure-table tr td.exposure-percent {
	text-align: right;
}
.tool-component-iframe-mode.fixed-width {
	max-width: 980px;
	margin: 20px auto;
}