html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  font:12px arial,sans-serif;
}

.sp {
	margin-top: 5px;
}

.field {
	margin-bottom: 10px;
}

.bb{
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 15px;
}

#header {
	position:relative;
	font-weight: bold;
	font-size: 13pt;
	left: 0px;
	right: 0px;
	height:70px;
	margin:0px 0px 0px 0px;
	padding: 5px 10px 5px 10px;
}

#query {
	position:relative;
	text-align: left;
	background-color:#3bacbc;
	color: #ffffff;
	font-weight: normal;
	font-size: 14px;
	left: 0px;
	right: 0px;
	padding: 5px 10px 10px 10px;
}

#query2 {
	position:relative;
	margin-top: 2px;
	text-align: left;
	background-color:#3bacbc;
	color: #ffffff;
	font-weight: normal;
	font-size: 14px;
	left: 0px;
	right: 0px;
	padding: 10px 10px 10px 10px;
}

#results {
	position:relative;
	margin-top: 2px;
	text-align: left;
	background-color:#6cb9c2;
	color: #ffffff;
	font-weight: normal;
	font-size: 16px;
	height:100px;
	left: 0px;
	right: 0px;
	padding: 10px 10px 10px 10px;
}
#results2 {
	position:relative;
	margin-top: 2px;
	text-align: left;
	background-color:#6cb9c2;
	color: #ffffff;
	font-weight: normal;
	font-size: 14px;
	height:40px;
	left: 0px;
	right: 0px;
	padding: 5px 15px 0px 50px;
	
}
#footer {
	position:relative;
	margin-top: 2px;
	text-align: left;
	height:40px;
	left: 0px;
	right: 0px;
	padding: 5px 15px 0px 50px;
}

#left {
	background-color:#E9F2F3;
	/*background-color:blue;*/
	text-align: center;
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	width:450px;
	margin: 0;
}

#right {
	/*background-color: red;*/
	position:absolute;
	top:0px;
	right:0px;
	left:450px;
	bottom: 0px;
	height: 100%;
	border-left:3px solid #C2C7CB;
	margin: 0;
}

#table{
	margin-top: 10px;
	margin-left: 50px;
	width:400px;
}

#map_canvas{
	width: 100%;
	height: 100%;
	margin: 0;
}