@import url(CustomGoogleMaps-core.css);


.TheList .TypeHeader, .GoogleMapSidebar .TheList > ul > li.TypeHeader:hover {
background: #8A7A67;
color: #FFFFFF;
}

.TheList .LocDetails {
padding-left: 0;
margin-left: 0;
}

.GoogleMapContainer {
padding: 90px 0 0 0;
}
#ClientLocationsList {
margin: 90px 0 0 0;
}

#ThisIsWhereTheMapGoes .GoogleMapLegend {
background: none transparent;
padding: 0 !important;
position: absolute;
right: 0;
top: -1.5em;
width: 100%;
}

.GoogleMapLegend label {
float: left;
width:20%;
clear: none !important;
}

#GoogleMapCustomLegend {
border: 0 none !important;
}

#ClientLocationsMap .GetDirections .GetDirectionsButton {
cursor: pointer;
padding: 1px 8px;
vertical-align: middle;
}

@media screen and (min-width: 0px) and (max-width: 1025px) {
.GoogleMapContainer, .GoogleMapLegend, .GoogleMapSidebar {
    display: block !important;
	position: static !important;
	margin: 0 0 1em !important;
	padding: 0 !important;
	width: 100% !important;
}
.GoogleMapLegend label {
    display: block !important;
	position: static !important;
	margin: 0 0 1em !important;
	padding: 0 !important;
	width: 50% !important;
}
#ClientLocationsMap {
	width: 100% !important;
	margin: 0 0 1em !important;
}
}