/* reset */
#mapwrapper text {
	fill: #666;
}
#mapwrapper
{
	max-width:1920px;
	margin:0 auto;
	padding:0px 0;
	background-color:#ffffff;
	min-width:220px;
}
/*svg{
  max-height:100%;
}*/
@media screen and (max-width: 240px) 
{
	#map_base
	{
		height:150px;
		width:98%;
		margin:0px;
	}
}
@media screen and (max-width: 320px) and (min-width: 241px) 
{
	#map_base
	{
		height:204px;
		width:98%;
		margin:0px;
	}
}
@media screen and (max-width: 400px) and (min-width: 321px) 
{
	#map_base
	{
		height:266px;
		width:98%;
		margin:0px;
	}
}
@media screen and (max-width: 480px) and (min-width: 401px) 
{
	#map_base
	{
		height:310px;
		width:98%;
		margin:0px;
	}
}
@media screen and (max-width: 568px) and (min-width: 481px) 
{
	#map_base
	{
		height:370px;
		width:98%;
		margin:0px;
	}
}
@media screen and (max-width: 685px) and (min-width: 569px) 
{
	#map_base
	{
		height:456px;
		width:98%;
		margin:0px;
	}
}
@media screen and (max-width: 768px) and (min-width: 686px) 
{
	#map_base
	{
		height:502px;
		width:98%;
		margin:0px;
	}
}
@media screen and (max-width: 1024px) and (min-width: 769px) 
{
	#map_base
	{
		height:672px;
		width:98%;
		margin:0px;
	}
}
@media screen and (max-width: 1280px) and (min-width: 1025px) 
{
	#map_base
	{
		height:600px;
		width:98%;
		margin:0px;
	}
}
@media screen and (max-width: 1600px) and (min-width: 1281px) 
{
	#map_base
	{
		height:600px;
		width:98%;
		margin:0px;
	}
}
@media screen and (min-width: 1601px) 
{
	#map_base
	{
		height:600px;
		width:98%;
		float:left;
	}
}
.unselectable {
	-moz-user-select:none;
	-webkit-user-select:none;
}
.tip {
	display:none;
	padding:5px;
	border:1px solid #EBECED;
	color:#edeef0;
	font-weight: bold
	;z-index:1000;
	float:left;
	position:absolute;
	/*gradient color*/
	background:#000;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#494949', endColorstr='#656565'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#494949', endColorstr='#656565')"; /* IE8 */ 
	background-image: linear-gradient(to bottom, #494949 0%, #656565 100%);/* IE10 */ 
	background: -moz-linear-gradient(top, #494949,#656565); /* Firefox */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#494949), to(#656565));
	word-break:keep-all;
	white-space:nowrap;
}

#block-views-chapter-map-overlay-block-1 {
	display:none;
	float:left;
	position:absolute;
	z-index:1000;
}
#block-views-chapter-map-overlay-block-1 a{
	font-size: 12px;
}
#block-views-chapter-map-overlay-block-1 h2, .overlay-state-container, .overlay-no-chapters {
	display: none;
}

.overlay-state-container {
	padding: 10px;
	background-color: #fff;
	border: 1px solid #ccc;
	box-shadow: 1px 2px 4px #ccc;
	-moz-box-shadow: 1px 2px 4px #ccc;
	-webkit-box-shadow:  1px 2px 4px #ccc;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.overlay-no-chapters {
	padding: 10px;
	margin-right: 50px;
	background-color: #fff;
	border: 1px solid #ccc;
	color: #990808;
	box-shadow: 1px 2px 4px #ccc;
	-moz-box-shadow: 1px 2px 4px #ccc;
	-webkit-box-shadow:  1px 2px 4px #ccc;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.overlay-state-title {
	font-size: 14px;
}

.overlay-close {
	font-weight: 900;
	color: #990808;
	position: relative;
	top: -5px;
	right: 45px;
	float: right;
	line-height: 10px;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #ccc;
	box-shadow: 1px 2px 4px #ccc;
	-moz-box-shadow: 1px 2px 4px #ccc;
	-webkit-box-shadow: 1px 2px 4px #ccc;
	-webkit-border-radius: 22px;
	-moz-border-radius: 22px;
	border-radius: 22px;
	cursor: pointer;
}

.view-id-chapter_map_overlay .view-content { 
	margin-right: 50px;

}