html{
	height:100%;	
}

body{
	height:100%;
}

.input{
	width:100%;
	clear:both;	
	margin:1px 0px 1px 0px;
}

label{
	width:25%;
	font-weight:bold;
	float:left;
}

#content{
	height:100%;	
	margin: 0px 5px 0px 5px;
}

#container{
	width:100%;	
	height:100%;
	
}

#mapcontainer{
	width:600px;
	float:right;
	height:600px;
}

#controls{
	width:350px;
	float:left;
	padding-left:5px
}

#map{
	border:1px solid #000000;
	height:100%;
}

.error{
	color:red;
}

.warning{
	font-weight:bold;
}

.message{
	border:1px solid #000;
	background-color:#FFF58F;
	position:absolute;	
	text-indent:5px;
	font-weight:bold;
	color:#413FFF;
	letter-spacing: 0.05em;
}

#loadingdiv{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	position: absolute;
	background-color:#ffffff;
	text-align: center;
	font-size: 1.5em;
}

#key{
	position:absolute;
	top: 715px;
	z-index:100;
	background-color:#fff;
	border:1px solid #000;
	margin-left:10px;
	width:18%;
	padding:2px;
}

#key ul{
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#key ul li{
	padding: 0px;
	margin: 0px;
	list-style: none;
}