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

.googlechart {
	width: 600px;
	height: 450px;
	border: 1px solid #ccc;
	z-index: 10;
}
.mapMessage {
	position: absolute;
	height: 26px;
	width: 200px;
	display: none;
	font-weight: bold;
	padding: 8px 2px 0px 30px;
	z-index: 99;
	font-size: 11px;
}
#layersloading {
	position: absolute;
	background: url(../images/spinner.png) no-repeat #e9f2f7 5px 6px;
	border: 1px solid #0078cd;
	color: #0078cd;
	height: 26px;
	_height: 25px;
	width: 200px;
	display: none;
	font-weight: bold;
	padding: 8px 2px 0px 30px;
	z-index: 99;
	font-size: 11px;
	margin: 100px 0 0 50px;
}
#maploading {
	position: absolute;
	background: url(../images/spinner.png) no-repeat #fff 5px 6px;
	border: 1px solid red;
	color: red;
	height: 26px;
	_height: 25px;
	width: 200px;
	display: none;
	font-weight: bold;
	padding: 8px 2px 0px 30px;
	z-index: 99;
	font-size: 11px;
	margin: 8px 0 0 75px;
	/* opacity */
	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 #FFF2F2 5px 6px;
	border: 1px solid red;
	color: red;
	height: 26px;
	_height: 25px;
	width: 270px;
	display: none;
	font-weight: bold;
	padding: 8px 2px 0px 30px;
	z-index: 99;
	font-size: 11px;
	margin: 8px 0 0 75px;
	/* opacity */
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
	#maperror a {
		color: red;
		text-decoration: underline;
	}

#coords {
	font-size: 10px;
	color: #000;
	padding: 0;
	z-index: 2;
	width: 600px;
	w\idth: 602px;
}
	#coordscontainer p {
		font-size: 11px;
		padding: 2px 0 0 2px;
	}
	#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;
	}
	#editDebug{
		display: none;
	}
	#editFeaturedetails{
		padding: 2px;
		font-size: 12px;
	}

/* ----------------------------------------------------------------------- */
/* Linklayer (copy the mapsettings)
/* ----------------------------------------------------------------------- */	

#linkLayer {
	position: absolute;
	border: 1px solid #ccc;
	background-color: #e9f2f7;
	padding: 5px;
	height: 60px;
	width: 400px;
	z-index: 99;
}
	#linkLayer h2 {
		font-weight: normal;
		font-size: 11px;
		margin: 5px 0 0 5px
	}
	#linkLayer input {
		border: 1px solid #ccc;
		padding: 2px;
		margin: 5px 0 0 5px;
		width: 380px;
	}
	
/* ----------------------------------------------------------------------- */
/* Polygon, Polyline editing
/* ----------------------------------------------------------------------- */

#hand_b{
	width: 30px;
 	height: 30px;
	background: url(../images/icons/draw-polygon.png) no-repeat 4px 4px;
	border: 1px solid #ccc;
}
#placemark_b {
	width: 30px;
 	height: 30px;
	background: url(../images/icons/draw-polygon.png) no-repeat 4px 4px;
	border: 1px solid #ccc;
}
#line_b {
	width: 30px;
 	height: 30px;
	background: url(../images/icons/measure.png) no-repeat 4px 4px;
	border: 1px solid #ccc;
}
#shape_b {
	width: 30px;
 	height: 30px;
	background: url(../images/icons/draw-polygon.png) no-repeat 4px 4px;
	border: 1px solid #ccc;
}
#help_b {
	width: 30px;
	height: 30px;
	background: url(../images/icons/help-browser.png) no-repeat 4px 4px;
	border: 1px solid #ccc;
}
#clear_b {
	width: 32px;
	height: 32px;
	background: url(../images/icons/edit-clear.png) no-repeat 4px 4px;
	border: 1px solid #ccc;
}
#link_b {
	width: 30px;
	height: 30px;
	background: url(../images/icons/links.png) no-repeat 4px 4px;
	border: 1px solid #ccc;
}
#print_b {
	width: 32px;
	height: 32px;
	background: url(../images/icons/printer.png) no-repeat 4px 4px;
	border: 1px solid #ccc;
	
	display: none;
}

#leg_b {
	width: 32px;
	height: 30px;
	display: none;
	background: url(../images/icons/Legend.png) no-repeat 4px 4px;
	border: 1px solid #ccc;
	

}
#info_b {
	width: 30px;
	height: 30px;
	background: url(../images/icons/webdev-p.png) no-repeat 4px 4px;
	border: 1px solid #ccc;
}

#save_b {
	width: 180px;
	height: 30px;
	padding-left: 30px;
	padding-right: 15px;
	background: url(../images/icons/savebutton.gif) no-repeat 4px 4px;
	border: 1px solid #ccc;
}



#hand_b.selected, #placemark_b.selected, #line_b.selected, #shape_b.selected {
	border: 1px solid #efa016;
}
#save_b:hover, #export_b:hover, #hand_b:hover, #placemark_b:hover, #line_b:hover, #shape_b:hover,
#help_b:hover, #clear_b:hover, #link_b:hover, #print_b:hover, #leg_b:hover, #info_b:hover{
	border: 1px solid #efa016;
}

/* ----------------------------------------------------------------------- */
/* legenda
/* ----------------------------------------------------------------------- */

.googlelegend {
	z-index: 1000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	width: 270px;
}
	.googlelegend th, .googlelegend td {
		text-align: left;
		padding: 3px;
		font-size: 11px;
		padding: 3px 5px 3px 5px;
	}
	.googlelegend select {
		font-size: 12px;
		width: 240px;
	}
	.googlelegend input {
		font-size: 12px;
		border: 1px solid #ccc;
		padding: 2px;
	}
	.googlelegend .button {
		font-size: 12px;
		font-weight: bold;
		background-color: #EEEEEE;
		border: 1px solid #ccc;
		padding: 1px 3px 1px 3px;
		color: #333;
		width: 60px;
	}

/* ----------------------------------------------------------------------- */
/* kaartlagen
/* ----------------------------------------------------------------------- */

.wmslayersdiv {
	z-index: 1000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	width: 320px;
	padding-top : 15px;
	height: 240px;
	overflow-x: hidden;
	overflow-y: auto;
	
	
}
#content-1{
	display:block;
/*	overflow-x: hidden;
	overflow-y: auto;*/
	height:331px;
	width: 320px;
	padding: 10px 5px 5px 5px;
}

#content-2{
	display:none;
	overflow-x: auto;
	overflow-y: auto;
	height:331px;
	width: 320px;
	padding: 10px 5px 5px 5px;
}
#content-3{
	display:none;
	overflow-x: hidden;
	overflow-y: auto;
	height:331px;
	width: 320px;
	padding: 10px 5px 5px 5px;
}

#content-2 .odd td {
  background-color: #f3f8fc;
  border : 1px solid #f3f8fc;
}
#content-2 .even td {
  background-color: #fff;
}

#wmslayersdiv a {
	color: #666;
}

#wmslayersdiv td {
	vertical-align: top;
	text-transform: capitalize;
}
#wmslayersdiv .legenda_graphic {
	overflow: auto;
	width: 250px;
	max-height: 550px;
}
.wmslayersdivSubm {
	/*z-index: 1001;*/
	font-family: Verdana, Arial, sans-serif;
	/*font-size: 12px;*/
	width: 250px;
	height: 51px;
	overflow: hidden;
}
	.refreshbutton {
		display: block;
		background: url(../images/icons/view-refresh.png) no-repeat 4px 3px;
		margin: 2px 2px 2px 2px;
		font-size: 12px;
		font-weight: bold;
		padding-left: 35px;
		border: 1px solid #ccc;
		color: #0078cd;
		height: 30px;
		line-height: 30px;
		width: 150px;
		background-color: #E9F2F7;
	}
	.refreshbutton:hover {
		text-decoration: none;
		border: 1px solid #0078cd;
	}

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

/* slider */
#opctyCntrl {
	display: none;
	float: right;
	z-index: 12;
	padding: 0px 10px 7px 0px;
	margin-left: 5px;
}

.nopadding {
	padding: 0;
}