﻿/* **** Google Map Styling **** */
#gMapHolder {
	float: left;
	width: 100%;
	margin: 10px 0;
	padding: 0;
}
#sidebox #gMapHolder {
	margin: 0 -10px 10px -10px;
	float: none;
	width: auto;
}
#gControlsHolder {
	float: left;
	width: 20%;
	margin: 10px 0;
	padding: 0;
}
#gMap {
	height: 400px;
	border: 1px solid #666666;
	background: #FFFFFF;
}
#gControls {
	height: 390px;
	border: 1px solid #666666;
	border-left: none;
	padding: 5px;
}
#gControls .input_field,
#gControls .formbutton {
    width: 125px;
}

/* Fix corner overview colours */
#gMap_overview div {
	background: #FFFFFF !IMPORTANT;
	border-color: #666666 !IMPORTANT;
}
#gMap_overview div div div {
	background: url(../js/google_maps/gOverview.png) !IMPORTANT;
	border-color: #CC2222 !IMPORTANT;
}

.gInfoWindow {
    max-width: 250px;
    color: #333333;
    text-align: left;
}
.content .gInfoWindow img {
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
}
.content .gInfoWindow p,
.content .gInfoWindow span {
	clear: both;
	margin: 0;
	padding: 0;
}
.content .gInfoWindow span {
    font-weight: bold;
    margin: 3px 0;
    font-size: 14px;
}

.content .gInfoWindow a:link, .content .gInfoWindow a:visited {
	text-decoration: underline;
	color: #0033CC;
}
.content .gInfoWindow a:hover, .content .gInfoWindow a:active { 
	text-decoration: none; 
	color: #0033CC;
}

/* **** Google Map Directions Styling **** */
#gMapDirections {
    display: none;
}
#gMapHolder_directions {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}
#gDirectionsHolder {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}
#gMap_directions {
	height: 350px;
	border: 1px solid #666666;
	margin: 0;
	padding: 0;
}
#gDirections {
	height: 400px;
	overflow: auto;
	border: 1px solid #666666;
	border-top: none;
	background: #FFFFFF;
	margin: 0;
	padding: 0;
}

#logocontrol {
    opacity: 0.35;
    filter: alpha(opacity=35);
}
