.shape_clear {content: ".";  display: block; clear: both;    visibility: hidden; line-height: 0; height: 0;}
.m-t-30 { margin-top: 30px; }
.shapesmap-canvas-outter {
	position: relative;
	display: block;
	float: left;
	min-width: 50px;
	min-height: 1px;
	max-width: 100%;
	height: 100%;
}
.shapesmap-canvas-outter img {
	max-height: 100%;
}
#shapesmap-canvasbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
}
#shapesmap-shape {
	display: none;
}
#shapesmap-clear {
	clear: both;
	float: left;
	margin-top: 30px;
}
#shapesmap-list {
	width: auto;
}
#shapesmap-list tr th, #shapesmap-list tr td {
	padding: 7px 14px;
	vertical-align: top;
}
#shapesmap-list .trash, #shapesmap-list .edit { margin-right: 3px; font-weight: 350; }
#shapesmap_shortcode { padding: 6px; }
#shapesmap_shortcode .shapesmap_shortcode { font-size: 18px; font-weight: bold; color: #777; }
#shapesmap_shortcode .shapesmap_tip { margin-top: 10px; }
 
/* EDITOR */

.shapesmap_title { font-size: 18px; display: block; float: left; width: 100%; margin-bottom: 30px; }
.shapesmap_left_column { float: left; width: 300px; padding-right: 50px; }
.shapesmap_left_column label { float: left; width: 100%; margin-top: 4px; }
.shapesmap_left_column input[type="text"] { float: left; width: 100%; }

#shapesmap_shape_title, #shapesmap_shape_url, #shapesmap_description { background: #ddd; }
#shapesmap_shape_title.active, #shapesmap_shape_url.active, #shapesmap_description.active { background: #fff; }

.shapesmap_right_column { float: left; }
#upload_image_button { float: left; font-size: 16px; text-decoration: none; }
#delete_image_button { float: left; font-size: 16px; text-decoration: none; }
#add_new_shape { font-size: 16px; text-decoration: none; margin-bottom: 15px; display: block; }
#data_shapesmap_points { display: block; float: left; width: 100%; margin-top: 20px; height: 200px; }
#shapesmap_description { display: block; float: left; width: 100%; height: 66px; resize: none; }
#delete_shape { font-size: 16px; text-decoration: none; margin-top: 15px; float: left; display: none; color: #A00; }
#cancel_draw_shape { font-size: 16px; text-decoration: none; margin-top: 15px; float: left; display: none; color: #A00; }

#delete_shape:hover, #cancel_draw_shape:hover, #add_new_shape:hover { cursor: pointer; }

#shapesmap_save_box { float: right; width: 350px; height: auto; padding-left: 30px; }
#shapesmap_options, #shapesmap_shapes { float: right; width: 350px; height: 300px; }