/*
   Note that some CSS that works within quirks mode is not valid in standards mode. 
   All percentage-based sizes must inherit from parent block elements, and if any of those ancestors 
   fail to specify a size, they are assumed to be sized at 0 x 0 pixels. 
   For that reason, we include the following <style> declaration for google maps
*/

html {
	height: 100%;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
}

.map-canvas-container td {
	vertical-align: top;
}

.map-canvas {
	/*width: 500px;*/  /* Andre removed 3/12/15 to allow map to size to screen width instead of set at 500px */
	height: 300px;
}

/* default width and height. Use JS to dynamically use up window room */
.map-canvas-fullscreen {
	width: 1200px;
	height: 800px;
} 

.map-canvas *, .map-canvas-fullscreen * {
    background-color: transparent;
}

.map-canvas-container .map-canvas input.map-canvas-search,
.map-canvas-container .map-canvas-fullscreen input.map-canvas-search {
	width: 250px;
	top: 12px !important;
	left: 12px !important;
	background-color: #FFFFFF !important;
}

.parcel-warning {
	display: none;
	width: 10px;
	height: 10px;
}

.map-canvas-container .map-canvas-custom-button {
	background-color: white;
	width: 28px;
	height: 28px;
	right: 10px !important;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
	border-radius: 2px;
	background-size: 28px 28px;
	background-position: center center;
}

/*
My Position Icon
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 28 28" enable-background="new 0 0 28 28" xml:space="preserve"><circle fill="none" stroke="#1a8b96" stroke-width="2" stroke-miterlimit="10" cx="14" cy="14" r="7"/><circle fill="#1a8b96" cx="14" cy="14" r="3"/><g><rect x="13" y="4" fill="#1a8b96" width="2" height="3"/></g><g><rect x="13" y="21" fill="#1a8b96" width="2" height="3"/></g><g><rect x="4" y="13" fill="#1a8b96" width="3" height="2"/></g><g><rect x="21" y="13" fill="#1a8b96" width="3" height="2"/></g></svg>
*/

.map-canvas-container #crm-property-map-entry-my-position {
	background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI4IDI4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOCAyOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGNpcmNsZSBmaWxsPSJub25lIiBzdHJva2U9IiMxYThiOTYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBjeD0iMTQiIGN5PSIxNCIgcj0iNyIvPjxjaXJjbGUgZmlsbD0iIzFhOGI5NiIgY3g9IjE0IiBjeT0iMTQiIHI9IjMiLz48Zz48cmVjdCB4PSIxMyIgeT0iNCIgZmlsbD0iIzFhOGI5NiIgd2lkdGg9IjIiIGhlaWdodD0iMyIvPjwvZz48Zz48cmVjdCB4PSIxMyIgeT0iMjEiIGZpbGw9IiMxYThiOTYiIHdpZHRoPSIyIiBoZWlnaHQ9IjMiLz48L2c+PGc+PHJlY3QgeD0iNCIgeT0iMTMiIGZpbGw9IiMxYThiOTYiIHdpZHRoPSIzIiBoZWlnaHQ9IjIiLz48L2c+PGc+PHJlY3QgeD0iMjEiIHk9IjEzIiBmaWxsPSIjMWE4Yjk2IiB3aWR0aD0iMyIgaGVpZ2h0PSIyIi8+PC9nPjwvc3ZnPg==');
}

.map-canvas-container #crm-property-map-entry-my-position img {
	display: none;
}

/*
Fullscreen Icon
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 28 28" enable-background="new 0 0 28 28" xml:space="preserve"><g id="New_Symbol_2_"><polygon fill="#1A8B96" points="22.3,19.5 18.4,15.6 15.6,18.4 19.5,22.3 18,24 24,24 24,18"/></g><g id="New_Symbol"><polygon fill="#1A8B96" points="5.7,8.5 9.6,12.4 12.4,9.6 8.5,5.7 10,4 4,4 4,10"/></g><g id="New_Symbol_1_"><polygon fill="#1A8B96" points="19.5,5.7 15.6,9.6 18.4,12.4 22.3,8.5 24,10 24,4 18,4"/></g><g id="New_Symbol_3_"><polygon fill="#1A8B96" points="8.5,22.3 12.4,18.4 9.6,15.6 5.7,19.5 4,18 4,24 10,24"/></g></svg>
*/

.map-canvas-container #crm-property-map-entry-enlarge-button {
	background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI4IDI4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOCAyOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgaWQ9Ik5ld19TeW1ib2xfMl8iPjxwb2x5Z29uIGZpbGw9IiMxQThCOTYiIHBvaW50cz0iMjIuMywxOS41IDE4LjQsMTUuNiAxNS42LDE4LjQgMTkuNSwyMi4zIDE4LDI0IDI0LDI0IDI0LDE4Ii8+PC9nPjxnIGlkPSJOZXdfU3ltYm9sIj48cG9seWdvbiBmaWxsPSIjMUE4Qjk2IiBwb2ludHM9IjUuNyw4LjUgOS42LDEyLjQgMTIuNCw5LjYgOC41LDUuNyAxMCw0IDQsNCA0LDEwIi8+PC9nPjxnIGlkPSJOZXdfU3ltYm9sXzFfIj48cG9seWdvbiBmaWxsPSIjMUE4Qjk2IiBwb2ludHM9IjE5LjUsNS43IDE1LjYsOS42IDE4LjQsMTIuNCAyMi4zLDguNSAyNCwxMCAyNCw0IDE4LDQiLz48L2c+PGcgaWQ9Ik5ld19TeW1ib2xfM18iPjxwb2x5Z29uIGZpbGw9IiMxQThCOTYiIHBvaW50cz0iOC41LDIyLjMgMTIuNCwxOC40IDkuNiwxNS42IDUuNywxOS41IDQsMTggNCwyNCAxMCwyNCIvPjwvZz48L3N2Zz4=');
	top: 12px !important;
}

.map-canvas-container #crm-property-map-entry-enlarge-button img {
	display: none;
}