.clear{ clear:both;}
.clear:before, .clear:after { display: table; content: " "; }
.clear:after { clear: both; }
a:hover{text-decoration: none;}
a.arrow_link:hover{ color: #5cbbfd; text-decoration: underline; }
#mapwrapper { max-width:1920px;	margin:0 auto; padding:0px 0; background-color:transparent; min-width:220px; }
polygon:hover, g#paulding path:hover { fill: #ef4e31;​ cursor:pointer; }
#msg_title { display: none; }
#msg_data { margin-top: -12px;font-size: 13px; color: #fff; }   
#msg_data h3#main { font-size: 36px; color: #fbb13d;line-height: 39px; }
#msg_data img { float: left; margin-left: -20px; margin-right: 15px; }
#msg_data h3#main a { color: #fff; }
#msg_data p { line-height: 140%; } 
#msg_data p a {text-transform: uppercase; }
#msg_data h3 {text-transform: uppercase }      
/*h3.map_left_title span#white {color: #fff;}*/    
h3.map_sub_left_title { font-size: 20px; color: #fff; }    
.clay_school_box { /*margin-top: -45px;*/ }
h3.civic_part_title {  background: url('../img/chat-icon.png') no-repeat; background-position: center left; padding-left: 55px; padding-top: 10px; text-transform: uppercase; line-height: 21px; }  
h3.clay_school_title {  background: url('../img/hand-icon.png') no-repeat; background-position: center left; padding-left: 45px; text-transform: uppercase; line-height: 21px; min-height: 48px; }
#msg_data  h4 { font-size: 22px; color: #fff; line-height: 26px; }
/*.map_left_img { float: left; margin-left: -30px; margin-right: 15px; }*/

svg { }
/*@media screen and (max-width: 240px) 
{
	svg
	{
		height:150px;
		width:98%;
		margin:0px;
	}
	#msg_box 
	{ 
		position: relative;
		width:98%;
		margin:0px;
	}
	#msg_title 
	{
		margin:0 auto;
		min-height:25px;
	}
	#msg_data
	{
		margin:15px auto 5px;
		height:150px;
		padding:2%;
	}
}
@media screen and (max-width: 320px) and (min-width: 241px) 
{
	svg
	{
		height:204px;
		width:98%;
		margin:0px;
	}
	#msg_box 
	{ 
		position: relative;
		width:98%;
		margin:0px;
	}
	#msg_title 
	{
		margin:0 auto;
		min-height:25px;
	}
	#msg_data
	{
		margin:15px auto 5px;
		height:155px;
		padding:2%;
	}
}
@media screen and (max-width: 400px) and (min-width: 321px) 
{
	svg
	{
		height:266px;
		width:98%;
		margin:0px;
	}
	#msg_box 
	{ 
		position: relative;
		width:98%;
		margin:0px;
	}
	#msg_title 
	{
		margin:0 auto;
		min-height:25px;
	}
	#msg_data
	{
		margin:15px auto 5px;
		height:160px;
		padding:2%;
	}
}
@media screen and (max-width: 480px) and (min-width: 401px) 
{
	svg
	{
		height:310px;
		width:98%;
		margin:0px;
	}
	#msg_box 
	{ 
		position: relative;
		width:98%;
		margin:0px;
	}
	#msg_title 
	{
		margin:0 auto;
		min-height:25px;
	}
	#msg_data
	{
		margin:15px auto 5px;
		height:165px;
		padding:2%;
	}
}
@media screen and (max-width: 568px) and (min-width: 481px) 
{
	svg
	{
		height:370px;
		width:98%;
		margin:0px;
	}
	#msg_box 
	{ 
		position: relative;
		width:98%;
		margin:0px;
	}
	#msg_title 
	{
		margin:0 auto;
		min-height:25px;
	}
	#msg_data
	{
		margin:15px auto 5px;
		height:170px;
		padding:2%;
	}
}
@media screen and (max-width: 685px) and (min-width: 569px) 
{
	svg
	{
		height: 290px;
		float:left;
		width:64%;
	}
	#msg_box 
	{ 
		float:left;
		position: relative;
		width:36%;
	}
	#msg_title 
	{
		width:80%;
		margin:0 auto;
		min-height:25px;
	}
	#msg_data
	{
		margin:15px auto 5px;
		width:90%;
		height:242px;
		padding:2%;
	}
}
@media screen and (max-width: 768px) and (min-width: 686px) 
{
	svg
	{
		height: 320px;
		float:left;
		width:64%;
	}
	#msg_box 
	{ 
		float:left;
		position: relative;
		width:36%;
	}
	#msg_title 
	{
		width:80%;
		margin:0 auto;
		min-height:25px;
	}
	#msg_data
	{
		margin:15px auto 5px;
		width:90%;
		height:290px;
		padding:2%;
	}
}*/
@media screen and /*(max-width: 1024px) and*/ (min-width: 769px)
{
	svg
	{
		/*height: 430px;*/
		margin-top: 40px;
		float: right;
		/*width: 38%;*/
		z-index: 100;
		position: relative;
	}
	#map_base {margin-top: 40px;}
	#msg_box 
	{
		float: left;
		position: relative;
		/*width: 62%;*/
	}
	#msg_title 
	{
		width: 80%;
		margin: 0 auto;
		min-height: 25px;
	}
	#msg_data
	{
		margin: 15px auto 5px;
		width: 100%;
		height: 320px;
		padding: 2%;
	}
}

@media screen and (max-width: 768px) 
{
	svg {
		width: 100%;
	}
	
	#msg_data h3 {
		line-height: 35px;
	}
}
/*@media screen and (max-width: 1280px) and (min-width: 1025px) 
{
	svg
	{
		height: 538px;
		float:left;
		width:42%;
	}
	#msg_box 
	{ 
		float:left;
		position: relative;
		width:58%;
	}
	#msg_title 
	{
		width:80%;
		margin:0 auto;
		min-height:25px;
	}
	#msg_data
	{
		margin:15px auto 5px;
		width:90%;
		height:430px;
		padding:2%;
	}
}
@media screen and (max-width: 1600px) and (min-width: 1281px) 
{
	svg
	{
		height: 675px;
		float:left;
		width:64%;
	}
	#msg_box 
	{ 
		float:left;
		position: relative;
		width:36%;
	}
	#msg_title 
	{
		width:80%;
		margin:0 auto;
		min-height:25px;
	}
	#msg_data
	{
		margin:15px auto 5px;
		width:90%;
		height:538px;
		padding:2%;
	}
}
@media screen and (min-width: 1601px)
{
	svg
	{
		height: 846px;
		float:left;
		width:64%;
	}
	#msg_box 
	{
		float:left;
		position: relative;
		width:36%;
	}
	#msg_title 
	{
		width:80%;
		margin:0 auto;
		min-height:25px;
	}
	#msg_data
	{
		margin:15px auto 5px;
		width:90%;
		height:657px;
		padding:2%;
	}
}*/
.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;
}
#msg_title {
	border: 1px solid #999;
	font-weight: bold;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
	box-shadow: 1px 2px 4px #999;
	-moz-box-shadow: 1px 2px 4px #999;
	-webkit-box-shadow: 1px 2px 4px #999;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 21px;
	text-align: center;
	padding: 10px;
	line-height: 25px;
	color: #333;
	/*gradient color*/
	background:#000;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd')"; /* IE8 */
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #dddddd 100%);/* IE10 */
	background: -moz-linear-gradient(top, #ffffff,#dddddd); /* Firefox */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#dddddd));
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}

#msg_data{
	/*line-height: 26px;
	background:#e5e5e5;
	border:1px solid #999;
    -moz-border-radius: 6px;   
    -webkit-border-radius: 6px;
    border-radius:6px;
	box-shadow:1px 2px 8px #999;
	-moz-box-shadow:1px 2px 8px #999;
	-webkit-box-shadow:1px 2px 8px #999;
	overflow: auto;
	word-wrap:break-word;
	font-size:18px;
	text-align: left;
	color:#333;
	gradient color
	background:#000;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd'); /* IE6,IE7 */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd')"; /* IE8 */
	/*background-image: linear-gradient(to bottom, #FFFFFF 0%, #dddddd 100%);/* IE10 */
	/*background: -moz-linear-gradient(top, #ffffff,#dddddd); /* Firefox */
	/*background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#dddddd));*/
}

#msg_data {
	clear: both;
}

#msg_data .large-6.columns {
	margin-top: 15px;
}