body{
		margin: 0;
	}

	#drawing-area{
		display: none;
		background: transparent;
		position: absolute;
		z-index: 9999;
	}
	
	#map{
		position: relative;
	}
	
	#hint{
	
		position: absolute;
		padding: 5px 10px;
		left: 215px;
		top: 5px;
		font-size: 15px;
		max-width: 400px;
			
	    background-color: transparent;
	    background-color: rgba(0, 0, 0, 0.9); 
	    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000090,endColorstr=#00000090);
	    zoom: 1;
	    color: white;        
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border: 1px solid transparent;
    	box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.8);
		-webkit-box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.8);
		-moz-box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.8);
	}
		.hint_icon{
			margin-right: 6px;
			padding-right: 5px;
			border-right: 1px solid #AAA;
			background: url(../global/hint.png) 0 0 no-repeat;
			height: 32px;
			width: 32px;
			float: left;
		}
		
		.hint_content{
			/*margin-left: 40px;*/
		}

	.map_info{
		position: absolute;
		top: 10px;
		right: 10px;
		min-width: 150px;
		z-index: 100;
		display: inline-block;
		zoom: 1;
		border: 1px solid #B9B8B4;
		border-radius: 4px;
		background: rgba(254, 254, 252, 0.85);
		background-color: #f5f5f5\9;
		*background-color: #f5f5f5\9;
        zoom: 1;
		font-size: 14px;
		box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.2);
	}
	
	.map_info_title:first-child{
		box-shadow: inset 0px -4px 10px -6px rgba(0,0,0,0.25);
		-moz-box-shadow: inset 0px -4px 10px -6px rgba(0,0,0,0.25);
		-webkit-box-shadow: inset 0px -4px 10px -6px rgba(0,0,0,0.25);
		
	}
		.map_info_title{
			padding: 5px 0 5px 10px;
			border-bottom: 1px solid #B9B8B4;
			clear: both;
			font-weight: bold;
		}
		
		.map_info_list_districts ul{
			list-style-type: none;
			padding: 2px 15px 5px 15px;
			margin: 0;
		}
			.map_info_list_districts ul li{
				margin: 0 -15px;
				padding: 1px 25px 1px 15px;
				cursor: pointer;
			}
		
		.map_info_list_draw_actions{
			height: 49px;
		}
		.map_info_list_draw_actions ul{
			padding: 0 5px 0 0;
			margin: 5px 0 0 0;
			list-style-type: none;
		}
				.map_info_list_draw_actions ul li{
					height: 40px;
					width: 40px;
					margin: 0 0 5px 5px;
					float: left;
					padding: 4px 6px 4px 6px;
					cursor: pointer;
					border-radius: 4px;		
					transition: all 0.05s ease-in-out;
				    -webkit-transition: all 0.05s ease-in-out;
				    -moz-transition: all 0.05s ease-in-out;			
				}
				
					.map_info_list_draw_actions ul li:hover{
						background-color: #EEE !important;
						box-shadow: 0px 0px 3px #555;
						-moz-box-shadow: 0px 0px 3px #555;
						-webkit-box-shadow: 0px 0px 3px #555;
					}
					
					.map_info_list_draw_actions ul li.press{
						background-color: red;
					}
					
					.map_info_list_draw_actions ul li.active{
						background-color: #DEDEDE !important; 
						box-shadow: inset 0px 0px 6px 1px rgba(0, 0, 0, 0.4);;
						-webkit-box-shadow: inset 0px 0px 6px 1px rgba(0, 0, 0, 0.4);
						-moz-box-shadow: inset 0px 0px 6px 1px rgba(0, 0, 0, 0.4);
					}
					
				

			.map_info_list_districts ul li:hover{
				background-color: #E5F5F5;
			}	
			
			.map_info_list_districts ul li i{
				padding: 0px 12px 0px 0px;
				margin: 0 7px 0 -7px;
			}
				
				.map_info_list_districts ul li.selected{
					background-color: #BBE9F0;
				}	
			
					.map_info_list_districts ul li.selected:hover{
						background-color: #9fe0ea;
					}	
		
				.map_info_list_districts ul li.over{
					background-color: #a7daba;
					text-decoration: underline;
				}
		
		.map_info_list_districts ul li span{
			border-bottom: 1px dotted #777;
		}
		
		.map_info_list_districts ul li i.selected{
			background: url(../global/done.png) no-repeat 0px 2px;
		}
		
		
	.map_info_clear{
		background: rgba(254, 189, 96, 0.7);
		box-shadow: inset 0px 3px 6px -2px #777;
		
	}	
		.map_info_clear ul{
			margin: 5px 0 0 0;
			padding:  0;
			list-style-type: none;
		}
		
			.map_info_clear ul li{
				margin: 0;
				padding: 5px 25px 5px 25px;
				cursor: pointer;
			}
			
			.map_info_clear ul li:hover{
				background: rgba(254, 168, 45, 0.4);
			}
			
				.map_info_clear ul li i{
					background: url(../global/erase.png) 0 0 no-repeat;
					margin: 0 6px 0 -18px;
					padding: 0 15px 0 0;
				}
				
				.map_info_clear ul li span{
					border-bottom: 1px dotted #777;
				}
#draw_poly_action{
	background: url(../global/poly_action.png) no-repeat 6px 4px;
}
#draw_shape_action{
	background: url(../global/shape_action.png) no-repeat 6px 4px;
}				
#draw_circle_action{
	background: url(../global/circle_action.png) no-repeat 6px 4px;
}								
.draw_poly_action_active{
	background-color: #DDDDDD;
	box-shadow: inset 0px 0px 6px 1px rgba(0, 0, 0, 0.4);;
	-webkit-box-shadow: inset 0px 0px 6px 1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: inset 0px 0px 6px 1px rgba(0, 0, 0, 0.4);
}				
/* КА� ТА */

.polygon_vertex{
	width: 16px;
	height: 16px;
	background: url(../global/pin.png) 0 0 no-repeat;
	margin: -8px 0 0 -8px;
	border-radius: 9px;
	box-shadow: 0px 2px 3px -1px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 0px 2px 3px -1px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0px 2px 3px -1px rgba(0, 0, 0, 0.8);
}


.cursor_hint{
	display: none; 
	font-family: Tahoma; 
	background-color: white; 
	font-size: 12px; 
	padding: 4px 6px; 
	margin: 10px 0px 0px 10px; 
	border-top-left-radius: 4px; 
	border-top-right-radius: 4px; 
	border-bottom-right-radius: 4px; 
	border-bottom-left-radius: 4px; 
	position: fixed; 
	box-shadow: rgb(85, 85, 85) 0px 1px 4px; 
	z-index: 10004;
}

	.cursor_hint b{
		font-weight: bold;
	}