.map_heading, .visually-hidden
{
	position: absolute; /* Remove from the normal document flow */
	width: 1px; /* Set width to 1 pixel */
	height: 1px; /* Set height to 1 pixel */
	margin: -1px; /* Move it off-screen */
	padding: 0; /* Remove padding */
	overflow: hidden; /* Hide overflow */
	clip: rect(0, 0, 0, 0); /* Clip the element */
	border: 0; /* Remove border */
}

.map-container
{
	position: relative;
	width: 100%;
	height: 660px;
}


#mapTB, #mapTO, #map-canvas
{
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
}

#map-canvas
{
	padding: 0;
	margin: 0;
	height: 100%;
	width: 100%;
	font-size: 8px;
	color: #323232;
}

#mapTB, #mapTO
{
	/*position: relative;*/
	border: solid #fff 2px;
	z-index: 9999 !important;
}

#mapTB
{
	position: absolute;
	top: 70px;
	left: 30px;
	width: 200px;
	height: 150px;
	font-size: 8px;
	color: #323232;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
}

#mapTO
{
	position: absolute;
	right: 20px;
	bottom: 60px;
	width: 328px;
	height: 230px;
}


/* mobile */
@media screen and (max-width:979px)
{
.map-container
{
	height: 980px;
}

#mapTO
{
	right: 0px;
	bottom: 30px;
	width: 100%;
	height: 300px;
	border: 0;
}
}


.transparent-tooltip
{
	background: transparent;
	border: 0px;
	box-shadow: none;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
}

.transparent-tooltip::before
{
	border: none;
}

.transparentmarker-tooltip
{
	background: transparent;
	border: 0px;
	box-shadow: none;
	color: #000;
	font-weight: 800;
	font-size: 12px;
	text-align: center;
}

.transparentmarker-tooltip::before
{
	border: none;
}

.aqhi-tooltip
{
	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

.leaflet-bar
{
	background: #c9c9c9;
}

#bannerHeaderSearchForm
{
	background-color: #e2f0f4;
	padding: 1rem;
}

#data-text-output tbody th#header3,
#data-text-output tbody td[headers="header3"]
{
	text-align: center;
}

#wrapform,
#dateform
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

#wrapform select
{
	padding-right: 2rem;
}

#dateform > .ontario-form-group,
#checkboxform,
#buttonform > input
{
	margin: 0;
}

table.aqhi-observations-table th,
table.aqhi-observations-table td
{
	border-left: 1px solid rgba(0, 0, 0, 0.3);
	border-right: 1px solid rgba(0, 0, 0, 0.3);
}

.print-no-results {
	background-color: #e5e5e5;
	max-width: 100%;
	padding: 1rem;
	margin-bottom: 2rem;
}


/* ----- For GOOGLE Map JS ----- */
.station-name-black
{
	color: black;
	font-weight: bold;
	font-size: 120%;
	font-family: "Arial", "Lucida Grande", sans-serif;
	text-shadow: 0px 0px 4px rgba(250, 250, 250, 1.0);
	overflow: visible;
}

.station-dot
{
	background-color: #FF0000;
	width: 12px;
	height: 12px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 2px solid rgba(0, 0, 0, 0.7);
	-webkit-background-clip: padding-box; /* for Safari */
	background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}

.station-name
{
	color: white;
	font-weight: bold;
	font-size: 110%;
	font-family: "Arial", "Lucida Grande", sans-serif;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 1.0);
	overflow: visible;
}

.station-narrow
{
	color: white;
	font-weight: bold;
	font-size: 110%;
	font-family: "Arial", "Lucida Grande", sans-serif;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 1.0);
	overflow: visible;
	width: 100px;
}

.labels
{
	width: 22px;
	height: 16px;
	padding-top: 6px;
	color: black;
	/*
	text-shadow: 0 0 4px #000;
	-moz-text-shadow: 0 0 4px #000;
	-webkit-text-shadow: 0 0 4px #000;
	text-shadow: 0px 0px 2px rgba(0,0,0, 1.0);*/
	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
	font-family: "Arial", "Lucida Grande", sans-serif;
	font-weight: bold;
	font-size: 135%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	/* border: 2px solid rgb(127, 0, 0);
	border: 1px solid rgba(255, 255, 255, .5);*/

	-webkit-background-clip: padding-box; /* for Safari */
	background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	background-color: transparent;
	text-align: center;
	white-space: nowrap;
}

.transparent
{
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

	/* IE 5-7
	filter: alpha(opacity=50);
	*/

	/* Netscape */
	-moz-opacity: 0.5;

	/* Safari 1.x */
	-khtml-opacity: 0.5;

	/* Good browsers */
	opacity: 0.5;
}