﻿#mapwrapper {
	max-width: 1080px /*1920px*/;
	color: #fff;
	margin: 0 auto;
	padding: 0 0;
	background-color: transparent;
	min-width: 220px;
}
#map_base svg {
	max-height:100%;
	width: 100%;
	margin: 0;
}

/**/
@media screen and (max-width: 320px){
	#map_base svg {
		height:240px;
	}
}
@media screen and (max-width: 400px) and (min-width: 321px) {
	#map_base svg {
		height:282px;
	}
}
@media screen and (max-width: 480px) and (min-width: 401px) {
	#map_base svg {
		height:322px;
	}
}
@media screen and (max-width: 568px) and (min-width: 481px) {
	#map_base svg {
		height:366px;
	}
}
@media screen and (max-width: 685px) and (min-width: 569px) {
	#map_base svg {
		height:424px;
	}
}
@media screen and (max-width: 767px) and (min-width: 686px) {
	#map_base svg {
		height:464px;
	}
}
@media screen and (max-width: 979px) and (min-width: 768px) {
	#map_base svg {
		height:570px;
	}
}
@media screen and (max-width: 1024px) and (min-width: 980px) {
	#map_base svg {
		height:590px;
	}
}
@media screen and (max-width: 1280px) and (min-width: 1025px) {
	#map_base svg {
		height:616px;
	}
}
@media screen and (min-width: 1281px) {
	#map_base svg {
		height:616px;
	}
}


/* only North America */
#na_base svg {
	max-height: 100%;
	width: 100%;
	margin: 0;
}
@media screen and (max-width: 320px){
	#na_base svg {
		height:320px;
	}
}
@media screen and (max-width: 400px) and (min-width: 321px) {
	#na_base svg {
		height:400px;
	}
}
@media screen and (max-width: 480px) and (min-width: 401px) {
	#na_base svg {
		height:500px;
	}
}
@media screen and (max-width: 568px) and (min-width: 481px) {
	#na_base svg {
		height:600px;
	}
}
@media screen and (max-width: 685px) and (min-width: 569px) {
	#na_base svg {
		height:720px;
	}
}
@media screen and (max-width: 767px) and (min-width: 686px) {
	#na_base svg {
		height:740px;
	}
}
@media screen and (max-width: 979px) and (min-width: 768px) {
	#na_base svg {
		height:760px;
	}
}
@media screen and (max-width: 1024px) and (min-width: 980px) {
	#na_base svg {
		height:780px;
	}
}
@media screen and (max-width: 1280px) and (min-width: 1025px) {
	#na_base svg {
		height:800px;
	}
}
@media screen and (min-width: 1281px) {
	#na_base svg {
		height:820px;
	}
}
/**/


#map-tip {
    font: 14px/16px Trebuchet MS, Helvetica, Arial, sans-serif;
    display: none;
    padding: 3px;
    border: 1px solid #002263;
    color: #fff;
    z-index: 1000;
    float: left;
    position: absolute;
background: #2e5095; /* Old browsers */
background: -moz-linear-gradient(top,  #2e5095 0%, #002978 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e5095), color-stop(100%,#002978)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2e5095 0%,#002978 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2e5095 0%,#002978 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2e5095 0%,#002978 100%); /* IE10+ */
background: linear-gradient(to bottom,  #2e5095 0%,#002978 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e5095', endColorstr='#002978',GradientType=0 ); /* IE6-9 */

    word-break: keep-all;
    white-space: nowrap
}
#map-tip p {
	margin: 0!important;
}
#map-tip img {
	float: left;
	padding: 3px;
}