html, body { padding:0; margin:0; height: 100%; min-height:100%; }
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* ================================================= */
#select_area_map {
	width: 1400px;
	height: 700px;
	margin: 30px auto;
}
/* ================================================= */
#select_area_map {
	position: relative;
	font: normal 12px Verdana, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	color: #000;
	/*background: url('../pic/map.jpg');*/
}
#select_area_map .pad { padding: 20px; }
#select_area_map .select_area_popup {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 330px;
	background: #fff;
	box-shadow: 0 3px 12px rgba(0,0,0,0.3);
}
#select_area_map input {
	display: block;
	width: 100%;
	height: 29px;
	padding: 0 10px;
	font: normal 12px Verdana, Arial, sans-serif;
	background: #e1e9ed;
	border: 0;
	border-top: 1px solid #c0cfd6;
	-webkit-transition: border-color 0.3s;
	   -moz-transition: border-color 0.3s;
	    -ms-transition: border-color 0.3s;
	     -o-transition: border-color 0.3s;
	        transition: border-color 0.3s;
}
#select_area_map input:focus { border-color: #93a9b3; }

#select_area_map .search { position: relative; }
#select_area_map .search input { padding-right: 30px; }
#select_area_map .search a {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 29px;
	height: 29px;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	     opacity: 0.7;
	background: url('../img/search-a-gis.png');
	-webkit-transition: opacity 0.3s;
	   -moz-transition: opacity 0.3s;
	    -ms-transition: opacity 0.3s;
	     -o-transition: opacity 0.3s;
	        transition: opacity 0.3s;
}
#select_area_map .search a:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	     opacity: 1;
}
#select_area_map .search-result { margin-top: 20px; }
#select_area_map .icon_text {
	display: block;
	padding-left: 26px;
	padding-top: 3px;
	min-height: 20px;
	background: url('../img/map-ico-home.png') left top no-repeat;
}
#select_area_map .icon_text + .icon_text { margin-top: 10px; }
#select_area_map .icon_text.place {
	background-image: url('../img/map-ico-place.png');
}
#select_area_map .icon_text.check {
	background-image: url('../img/map-ico-check.png');
}

#select_area_map .placeholder { color: #73838b; }
#select_area_map .placeholder.value { color: #000; }

#select_area_map .control { background: #ebebeb; }
/* ================================================= */
.select_area_map-button {
	position: relative;
	display: inline-block;
	height: 29px;
	line-height: 28px;
	padding: 0 24px;
	color: #fff;
	text-decoration: none;
	background: #77909c;
	border: 1px solid #77909c;
	border-bottom: 0; 
}
.select_area_map-button:after {
	content: " ";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #5a707b;
	-webkit-transition: height 0.3s;
	   -moz-transition: height 0.3s;
	    -ms-transition: height 0.3s;
	     -o-transition: height 0.3s;
	        transition: height 0.3s;
}
.select_area_map-button:active { background: #5a707b; }
.select_area_map-button:hover:after { height: 1px; }
.select_area_map-button.white_button {
	color: #77909c;
	background: #fff;
	border-color: 1px solid;
}
.select_area_map-button.white_button:active {  }
.select_area_map-button.float-right { float: right; }
/* ================================================= */
#color_picker {
	position: relative;
	height: 29px;
	padding: 4px;
	border: 1px solid #c0cfd6;
    background: url('../img/select-color.png') right top no-repeat #f8fafb;
	-webkit-transition: border-color 0.3s;
	   -moz-transition: border-color 0.3s;
	    -ms-transition: border-color 0.3s;
	     -o-transition: border-color 0.3s;
	        transition: border-color 0.3s;
    cursor: pointer;
}
#color_picker:hover {
	border-color: #93a9b3;
}
#color_picker input { display: none; }
#color_picker .current_color {
	width: 75px;
	height: 19px;
	background: #65AACE;
}
#color_picker .palitre {
	display: none;
	position: absolute;
	z-index: 1;
	top: 100%;
	right: -1px;
	width: 176px;
	height: 119px;
	padding: 3px;
	background: #fff;
	border: 1px solid #c0cfd6;
}
#color_picker .palitre .one {
	float: left;
	margin: 3px;
	width: 50px;
	height: 50px;
}
/* ================================================= */
.select_area_add { width: 100%; }
.select_area_add td {
	padding: 7px 0;
}

#select_area_map .select_area_add label { 
	display: block;
	width: 110px;
	position: relative;
}
#color_picker,
#select_area_map .select_area_add input,
#select_area_map .select_area_add label {
	width: 110px;
}
/* ================================================= */
.error_popup {
	position: absolute;
	z-index: 5;
	top: 31px;
	right: 0;
	padding: 3px 8px;
	color: #fff;
	background: #E95959;
	font-size: 12px;
	white-space: nowrap;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.red_tri {
	position: absolute;
	top: -4px;
	right: 20px;
	width: 0;
	height: 0;
	border-left: 5px solid rgba(0, 0, 0, 0);
	border-right: 5px solid rgba(0, 0, 0, 0);
	border-bottom: 5px solid #E95959;
}


#delete_district{
	margin-right: 10px;
	margin-bottom: 10px;
	float: right;
}

#delete_center{
	float: left;
	margin-bottom: 10px;
}



a:hover {
	color: #000000;
	text-decoration: none;
}

/* ================================================= */