/* 
 * Copyright (c) 2014 Binary Space Pty Ltd
 * Author: Saxon Druce 
 */

/* Additional styles for the game page. */

/* The container for the game elements (google maps and the flash object). */
#game-container
{
	/* 
	 * Set up relative positioning so we can position the children with 
	 * absolute positioning.
	 */
	position: relative; 
	width: 800px; 
	height: 600px;
}

/* The div that will contain the main Google map. */
#main-map-canvas
{
	position: absolute;
	top: 0px;
	width: 800px; 
	height: 600px; 
}

/* The div that will contain the mini Google map. */
#mini-map-canvas
{
	position: absolute; 
	top: 475px;	
	width: 125px; 
	height: 125px; 
}

/* The div that contains the Flash object. */
#game-flash-container
{
	position: absolute;
}

/*
 * Hide the copyrights section on the minimap, as it's just duplicating what's
 * on the main map.
 * This is a bit of a hack, see here for the source of this:
 * http://stackoverflow.com/questions/12499886/how-to-hide-or-disable-the-google-logo-footer-copyright-on-google-maps-javascr
 */
#mini-map-canvas .gm-style-cc 
{ 
	display: none;
}

/*
 * For the copyrights section on the main map, change it to white text on a
 * black background, as it better fits the game's design.
 */
#main-map-canvas .gm-style-cc div
{ 
	background-color: black;
	opacity: 0.85;
	color: white !important; 
}
#main-map-canvas .gm-style-cc div a
{ 
	color: white !important; 
}