#mapWrap {
   width: 99%;
   margin: 0 auto 0 auto;
   border: solid #777 thin;
}   

#map_div {
   height: 450px;
   width: 100%;
}

.clearDivs { clear: both; }
.ok {color: green; }
.warn {font-weight: bolder; color: red; }
.note {color: blue; }
.na {color: gray; }
.norm {color: black; }

.balloon {
   font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
   font-size: 10pt;
   font-style: normal;
   line-height: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   text-align: center;
   margin: 0em;
}

 .balloon h1 {
   font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
   font-size: 13pt;
   font-weight: bold;
}

.balloon h2 {
   font-size: 12pt;
   font-weight: bold;
   padding: 0.1em 0 0.1em 0;
}

.balloon h3 {
   font-size: 11pt;
   font-weight: bold;
   padding: 0.1em 0 0.5em 0;

}

.balloon p {
   text-align: left;
   margin-top: 10px;
   margin-bottom: 10px;
}

.balloon strong {
   font-weight: normal;
   font-style: italic;
   text-decoration:underline;
}

p.moreInfo {
   text-align: right;
   color: blue;
}

p.moreInfo a {
   color: blue;
}

p.moreInfo a:hover {
   font-weight: bold;
}

.results {
   border:1px solid gray;
   background-color: #fdf1cd;
   margin: 0.5em auto 0.5em auto;
   padding: 0 1em 1em 0;
}

p.sampled {
   font-weight: bold;
   text-decoration:underline;
   margin-left: 1em;
}

p.data {
   padding: 0 0 0 0;
   margin: 0 0 0 1em;
}

.dropmenudiv {
	z-index:700; /*NRW was 100 - too low for leaflet*/
}