@CHARSET "UTF-8";
* {
	font-family: helvetica;
    font-size: 12px;
    -webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	user-drag: none;
	-webkit-user-drag: none;
	-moz-user-drag: none;
}

#status {
	width: 200px;
	margin-left: 250px;
	margin-right:auto;
	vertical-align:middle;
	text-align: center;
	margin-top:250px;
	height: 30px;
	/*position:absolute; top:50%; height:240px; margin-top:-120px;*/
	background: #E5FFFF;
}

.canvas{
	z-index: 17;
	pointer-events: none;
}

#hint{
	margin-top: 660px;
	text-align: center ;
	margin-left: auto ;
	margin-right: auto ;
	width: 300px;
	padding: 10px;
	border: 1px solid #ddd;
	background: #FFF2E5;
}

.mask{
	z-index: 17;
	pointer-events: none;
}

.map {
	z-index: 16;
}

#loading, #webgl, #warning {
  width: 300px ;
  margin-top: 200px;
  text-align: center ;
  margin-left: auto ;
  margin-right: auto ;
}

.label {
	font-size: 12px; 
	font-weight:bold; 
	color: black;
}

.axis path,
.axis line {
    fill: none;
	stroke: lightgray;
    shape-rendering: crispEdges;
}
.axis text {
    font-family: sans-serif;
    font-size: 11px;
    color: lightgray;
}