/*@import url(https://google-developers.appspot.com/maps/documentation/javascript/examples/default.css);*/
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700|PT+Sans+Narrow:400,700);
@charset "UTF-8";
/* CSS Document */
/* Layouts for the map info window */

/* This is the inner container for the content */
/*This is the style for the information container htis is also where your custom info box icon is applied.*/
/*I'm using the PT Sans font from google fonts but you can use what ever font you wish just chanfe the font styles in the css*/
  .info {
	display: block;
	margin: 0px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 12px;
	background-image: url(/ModuleTemplates/map-app/info-window-icon.png);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 50px;
	overflow: visible;
	z-index: 400;
  }
/*This sets the styles for the item title link in the infobox*/
.info1 a{
	font-size: 20px;
	font-weight: 400;
	color: #333;
	font-family: "Open Sans Condensed", sans-serif;
	text-decoration: none;
}
/*This is the style for the button in the infobox*/
.infoweb a:link, .infoweb a:visited {
	background-color: #0051A1;
	color: #FFF;
	font-size: 14px;
	display: block;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	margin-top: 10px;
	font-family: "PT Sans Narrow", sans-serif;
	text-align: center;
}
/*This sets the hover colour for the button*/
.infoweb a:hover {
	background-color: #97BC05;
}
/*This sets the style for the little box next to the button*/
.popOut {
	display:none;!important
	width: 24px;
	padding: 10px;
	position: absolute;
	background-color: #0051A1;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	/*display: block;*/
	margin-top: 49px;
	margin-left: -50px;
	visibility: inherit;
	z-index: 500;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
/*This is the style for the text under the title*/
.infotel {
	margin: 0px;
	padding: 0px;
}
/* Map page stles */
/*This is the outer map holder its not required but you must be able to understand css to change the styles*/
.map-holder {
	border: 1px solid #CCC;
	height: 100%;
	width: 910px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
/*This styles up the map canvas which the script uses to generate te map*/
#map_canvas {
	display: block;
	height: 100%;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
}

.map-street-view {
	width: 100%;
	border: 3px solid #d5d3cc;
	margin-bottom: 30px;
}