#divWrapper{position: absolute;
	width: 1000px;
	right: 15px;
 	top: 20px;
 	padding: 10px;
 	border: 1px solid #bbb;
 	border-radius: 15px;
 	background-color: #f4f4f4;
 	display: none;
 	z-index: 15;
}
#content{padding: 15px; 
	height: 628px;
	border: 1px solid #c0c0c0;
	background-color: #D7F7D7;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
	font-family: verdana;
}
#map-canvas{ position: absolute;
	bottom: 25px;
	right: 25px;
	background-color: #fff;
	border: 1px solid #c0c0c0;
	margin: 10px 0 0 0;
	width: 967px;
	height: 460px;
	overflow: hidden;
} 
#mapTitle	{float: left;
 	width:300px;
	color: #444466;
	font-weight: bold;
	height: 25px;
}
#mapName	{float: left;
 	max-width: 520px;
	color: #800000;
	font-weight: bold;
	height: 25px;
}
#btnExit{position: absolute;
	top: -13px;
	right: -13px;
	cursor: pointer;
}
.sticky {
  position: fixed !important;
  top: 70px !important;
}
#divLocations{float: left;
 	width: 290px;
	padding: 3px;
}
.divNotes{float: left;
 	text-align: left;
	border: 0px;
	background-color: #fff;
	padding: 5px;
	margin: 0px;	
	font-size: 12px;
	left: 320px;
}
.title	{
	font-size: 18px;
}

.bluediv {border-collapse: collapse; 
	border: 0px; 
	float: left;
	background-color: #5766F1;
	color: #fff;
	margin: 1px 1px 2px 0px;
	padding: 2px;
	width: 30px;
	text-align: center;
	font-size: 12px;
	border-radius: 3px;
	cursor: pointer;
}
.greydiv {border-collapse: collapse; 
	border: 0px; 
	float: left;
	background-color: #f0f0f0;
	margin: 1px 0px 2px 1px;
	padding: 2px;
	width: 250px;
	font-size: 12px;
	overflow: hidden;
}
.grey	{color: #808080;
}
.wine	{color: #800000;
}
.dblue	{color: #444466;
}

.rsbutton {
	border:none;
	background-color:#001d96;
	display:none;
	padding:2px 10px;
	vertical-align:middle;
	overflow:hidden;
	color:#fff;
	text-align:center;
	font: 0.875rem 'open sans', verdana;
	cursor:pointer;
	white-space:nowrap;
	border-radius:4px;
	opacity: .7;
}

.dropdown {
  position: relative;
  display: block;
}

.dropdown-content {
  display: block;
  position: relative;
  background-color: #f9f9f9;
  min-width: 290px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}


@media only screen and (max-width: 1500px) {
	#divWrapper{width: 850px !Important;}
	#map-canvas{width: 817px;} 
	.title{font-size: 16px;}
}
@media only screen and (max-width: 1300px) {
	#divWrapper{width: 650px !Important;}
	#map-canvas{width: 617px;
		height: 415px;}
	.title{font-size: 14px;}
	.divNotes{font-size: 11px;}
	span{font-size: 11px;}
}
@media only screen and (max-width: 768px) {
	#divWrapper{width: calc(100vw - 60px) !important;
		height: calc(100vh - 110px);}
	#content{height: 600px;
		padding: 8px;
		height: calc(100vh - 130px);}
	#map-canvas{width: calc(100vw - 80px);
		height: calc(100vh - 195px);
		right: 19px;}
	#mapTitle{width:200px;}
	.title{font-size: 14px;}
	.divNotes{font-size: 11px;}
	span{font-size: 11px;}
	.divNotes{display: none;}
	.dropdown-content {display: none;
	position: absolute;
	z-index: 1;}
	.rsbutton {display: block;}
	#divLocations {width: 300px; !important}
	.bluediv {padding: 4px;}
	.greydiv {padding: 4px;}
}
@media only screen and (max-width: 650px) {
	#map-canvas{height: calc(100vh - 220px);}
}