/* ----------------------------------------------------------------------- */
/* google map
/* ----------------------------------------------------------------------- */

.googlechart {
  width: 600px;
  height: 600px;
  z-index: 10;
  border: 1px solid #ccc;
}
#maploading {
	position: absolute;
	background: url(../images/spinner.png) no-repeat #ff4500 5px 6px;
	border: 1px solid red;
	color: #fff;
	height: 26px;
	_height: 25px;
	width: 200px;
	display: none;
	font-weight: bold;
	padding: 8px 2px 0px 30px;
	z-index: 99;
	font-size: 12px;
	margin: 6px 0 0 70px;
	
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
#maperror {
	position: absolute;
	background: url(../images/icons/dialog-warning.png) no-repeat #ff4500 5px 6px;
	border: 1px solid red;
	color: #fff;
	height: 26px;
	_height: 25px;
	width: 225px;
	display: none;
	font-weight: bold;
	padding: 8px 2px 0px 30px;
	z-index: 99;
	font-size: 12px;
	margin: 6px 0 0 70px;
	
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
	#maperror a {
		color: #fff;
		text-decoration: underline;
	}
#coords {
	font-size: 10px;
	color: #000;
	padding: 0;
	z-index: 2;
	width: 600px;
	w\idth: 602px;
}
	#coordscontainer .left td {
		padding: 2px 2px 2px 0px;
	}
	#coordscontainer .right td {
		padding: 2px 0px 2px 2px;
	}
	#coordscontainer .divider {
		border-left: 1px solid #ccc;
	}
	#coordscontainer .meting {
		background-color: #ffffd3;
		border: 1px solid #ffd324;
		padding: 1px 2px 1px 2px;
	}
	#coordscontainer .middle {
		float: left;
	}
	#editDebug{
		display: none;
	}
	#editFeaturedetails{
		padding: 2px 2px 2px 0px;
		font-size: 12px;
	}

/* ----------------------------------------------------------------------- */
/* Polygon, Polyline editing
/* ----------------------------------------------------------------------- */

#hand_b{
	width: 32px;
 	height: 32px;
	background: url(../images/icons/transform-move.png) no-repeat 7px 7px;
	border: 1px solid #ccc;
}
#placemark_b {
	width: 32px;
 	height: 32px;
	background: url(../images/icons/draw-polygon.png) no-repeat 5px 5px;
	border: 1px solid #ccc;
}
#line_b {
	width: 32px;
 	height: 32px;
	background: url(../images/icons/measure.png) no-repeat 5px 5px;
	border: 1px solid #ccc;
}
#shape_b {
	width: 32px;
 	height: 32px;
	background: url(../images/icons/draw-polygon.png) no-repeat 5px 5px;
	border: 1px solid #ccc;
}
#help_b {
	width: 32px;
	height: 32px;
	background: url(../images/icons/help-browser.png) no-repeat 5px 5px;
	border: 1px solid #ccc;
}
#clear_b {
	width: 34px;
	height: 34px;
	background: url(../images/icons/edit-clear.png) no-repeat 5px 5px;
	border: 1px solid #ccc;
}
#print_b {
	width: 34px;
	height: 34px;
	background: url(../images/icons/printer.png) no-repeat 5px 5px;
	border: 1px solid #ccc;
}
#info_b {
	width: 32px;
	height: 32px;
	background: url(../images/icons/webdev-p.png) no-repeat 5px 5px;
	border: 1px solid #ccc;
}


#hand_b.selected, #placemark_b.selected, #line_b.selected, #shape_b.selected {
	border: 1px solid #efa016;
}
#hand_b:hover, #placemark_b:hover, #line_b:hover, #shape_b:hover,
#help_b:hover, #clear_b:hover, #print_b:hover, #info_b:hover {
	border: 1px solid #efa016;
}
	
/* ----------------------------------------------------------------------- */
/* legenda
/* ----------------------------------------------------------------------- */

.googlelegend {
  z-index: 1000;
  font-family: Arial;
  font-size: 11px;
  /*width: 350px;*/
}
.googlelegend th, .googlelegend td {
  text-align: left;
  padding: 3px;
  font-size: 11px;
  padding: 3px 4px 3px 4px;
}
.googlelegend th {
  color: #fff;
  background-color: #009AFF;
}
.googlelegend td {
  border-top: 2px solid #fff;
}

.wmslayersdiv {
  z-index: 12;
  font-family: Arial;
  font-size: 10px;
}
.googlelegend select {
  font-size: 12px;
  /*width: 240px;*/
}
.googlelegend input {
  font-size: 12px;
  border: 1px solid #ccc;
  padding: 2px;
}
.googlelegend .button {
  float: right;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  background-color: #efa016;
  border: 1px solid #efa016;
  padding: 0px 8px 3px 8px;
  _padding: 2px 8px 2px 8px;
  width: 60px;
}
.googlelegend .check {
  border: none;
}
.smallinfotext {
  border: 1px solid #ccc;
  padding: 5px;
  margin: 5px 0 5px 0;
  background-color: #FFFFD3;
  color: #333;
  font-size: 11px;
  width: auto;
}
.zoek2 th {
  color: #fff;
  background-color: #EFA016;
}
.zoek2 td {
  border-top: none;
}
#content-2 td {
  background-color: #eee;
  color: #000;
}
.zoek1 .button {
  margin-top: 5px;
}
#content-2 .odd td {
  background-color: #eee;
}
#content-2 .even td {
  background-color: #ccc;
}
#content-2 .even .icon {
  background-color: #eee;
}

#content-2 .odd .icon {
  background-color: #eee;
}



/* ----------------------------------------------------------------------- */
/* info
/* ----------------------------------------------------------------------- */

.info {
  background-color: #FFFFD3;
  border: 1px solid #efefef;
  padding: 8px;
  margin-top: 5px;
}
.info p {
  margin: 3px 0 3px 0;
}

/* ----------------------------------------------------------------------- */
/* maptools (naast de kaart)
/* ----------------------------------------------------------------------- */

#opctyCntrl {
	display: none;
	background: #fff;
	z-index: 12;
	padding: 5px 10px 7px 0px;
}
#opctyCntrl table {
	margin-top: 5px;
}
#opctyCntrl td {
	vertical-align: top;
	color: #bbb;
	/*padding: 3px 0 3px 0;*/
}
#coordscontainer #opctyCntrl {
	padding-top: 0px;
}
#coordscontainer #opctyCntrl table {
	margin-top: 0px;
}
#coordscontainer .tools {
	margin-top: 4px;
}



.padding {
	padding: 0 5px 0 5px;
}
.borderright {
	border-right: 1px solid #ccc;
}
.paddingleft {
	padding-left: 5px;
}