.p {
  font-family: Arial, sans-serif;
  text-align: center;
}

.map svg {
  height: auto;
  width: 100%;
  margin: 0 auto;
  display: block;
}

.map g {
  fill: #ccc;
  stroke: rgba(11, 104, 170);
  stroke-width: 5;
}

.map g:hover {
  fill: #fc0 !important;
  cursor: help;
}

.info_panel {
  background-color: rgba(255,255,255, .8);
  padding: 5px;
  font-size: 12px;
  font-family: Helvetica, Arial, sans-serif;
  position: absolute;
  border: 1px solid #333;
  color: #333;
  white-space: nowrap;
}

.info_panel::first-line {
  font-weight: bold;
}

/* these styles are for the demo, but are not required for the plugin */
.zoom {
			display:inline-block;
			position: relative;
		}
		
		/* magnifying glass icon */
.zoom:after {
			content:'';
			display:block; 
			width:33px; 
			height:33px; 
			position:absolute; 
			top:0;
			right:0;
			background:url(icon/icon.png);
		}

.zoom img {
			display: block;
		}

.zoom img::selection { background-color: transparent; }

#ex2 img:hover { cursor: url(icon/grab.cur), default; }
#ex2 img:active { cursor: url(icon/grabbed.cur), default; }