#map{position:absolute; width: 800px; height: 600px; z-index:1; float: left; margin-left:20px; pointer-events:full;}
#canvagraticulediv{display:none;width: 800px; height: 600px; position: absolute; margin-left:20px; float: left; z-index: 2; pointer-events:none;}
#canvamapdiv{display:none; width: 800px; height: 600px; position: absolute; margin-left:20px; float: left; z-index: 3;}
#canvapathdiv{display:none; width: 800px; height: 600px; position: absolute; margin-left:20px; float: left; z-index: 4;}
#canvascfcdiv{display:none; width: 800px; height: 600px; position: absolute; margin-left:20px; float: left; z-index: 5;}
#errordiv{display:none; width: 800px; position: absolute; margin-top:300px; margin-left:20px; float: left; z-index: 998; background-color:white;}
#cellsize{width:122px; text-align:center;}
#buttons{position:absolute; z-index:1;}
#cellsize{height: 40px;}
#mapinfodiv{margin-top:520px;}
.button1{width:298px;}
.button2{width:298px;}
#buttons{float:left;position:relative;z-index:1;margin-top:20px}
#mapdiv{float:left;position:relative; margin-top:30px; }
#mainbody{margin-left:50px}
.upperline{position:relative; width: 800px; height: 20px; margin-left:20px; z-index:1; background: url("horline.png") 0 0; font-size:20}
.leftline{
	  position:relative; 
	  height: 600px; 
	  z-index:1; 
	  float: left;
	  width: 20px;
	  vertical-align: middle;
	  background: url("verline.png") 0 0;
	 }
#leftlineval{-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
	  margin-top:300px;	
	  text-align:center;
	  width:90px;
	  font-size:20;
	  margin-left:-35px;
	  background: #ffffff;
}
#upperlineval{background: #ffffff; width: 90px; text-align:center;}
.detinfo{
	padding-left:25px;
	font-size: 12px;
}

#grmpcontrollers{
	position:absolute; width: 300px; height: 16px; z-index:999; float: right; margin-left:550px; 
}

.leaflet-control-container{
	z-index:999;
}


#buttons{
	margin-left: 20px;	
	width:300px;
}
fieldset {
	margin-bottom:20px;
}


#hgalabel{
	color: #006666;
}

#astarlabel{
	color: #990066;
}

#wastarlabel{
	color: #330099;
}

#lianlabel{
	color: #0000FF;
}

#jpslabel{
	color: #00FF00;
}

#thetalabel{
	color: #FF0000;
}

.buttonelem{
	margin-top:20px;
}
.buttonelemheader{
	margin-bottom:8px;
}
.buttonelemheader_num{
	font-size:20px;
	font-weight:bold;
}

.buttonelemheader_txt{
	font-size:20px;
}


#annot_detalization{
	margin-top:0px;
}

.error{
	color:red;
	font-size:20px;
}





a.button {
	background-image: -moz-linear-gradient(top, #ffffff, #dbdbdb);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #dbdbdb));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#dbdbdb');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#dbdbdb')";
	border: 1px solid #fff;
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
	border-radius: 18px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	padding: 5px 15px;
	text-decoration: none;
	text-shadow: #fff 0 1px 0;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	display: block;
	color: #597390;
	line-height: 10px;
	font-size: 20px;
	font-weight: bold;
}

a.button:hover {
	background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #eeeeee));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eeeeee');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eeeeee')";
	color: #000;
	display: block;
}

a.button:active {
	background-image: -moz-linear-gradient(top, #dbdbdb, #ffffff);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #dbdbdb),color-stop(1, #ffffff));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#dbdbdb', EndColorStr='#ffffff');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#dbdbdb', EndColorStr='#ffffff')";
	text-shadow: 0px -1px 0 rgba(255, 255, 255, 0.5);
	margin-top: 1px;
}

a.button.icon {
	padding-left: 11px;
}

a.button.icon span{
	padding-left: 19px;
	
}



a.button.icon.gridbut span{
	background: url(/images/Setka.png) no-repeat 0;
}

a.button.icon.mapbut span{
	background: url(/images/map.png) no-repeat 0;
}


#getmapfromserver{
color: black;
text-decoration: none;
}


#counterdiv{
	margin-top:750px;
	margin-left:50px;
}


.langs{
	z-index:999;
	float:right;
	
}
	
