html, body {
	overflow: hidden; 
	/* position: relative; */
	padding: 0px;
	margin: 0px;
	height: 100%;
	width: 100%;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 14px;
	line-height: 1.4em;
}
#showGraphTitle {
	height: 6%;
	width: 100%;
	
	position: relative;
	font-weight: normal;
	color: #03287D;
	cursor: pointer;
	background-color: #f0f0f0;
}
#showGraphTitle.relatedHeight {
	height: auto;
}
a#legend {
	position: absolute;
	top: 50px;
	right: 5px;
	z-index: 88;
	display: block;
	background-color: whiteSmoke;
	border: 1px solid #999;
	color: #444;
	padding: 4px 7px;
	text-decoration: none;
	text-align: center;
} a#legend:hover { background-color: white; }
	a#legend span {
		line-height: 11px;
		display: block;
		font-size: 11px;
	}
#gMap {
	/*display: none;*/
	/*height: 100%; 485px;*/
	height: 94%; /*485px;*/
	width: 100%;/*834px;*/
}
	#gMap h3 {
		margin-top: 10px;
	}
		#gMap .infoBox h3 {
			margin-top: 0;
		}
	
#hChartControl {
	display: none;
	position: relative;
	font-weight: normal;
	font-family: Arial, Tahoma, sans-serif;
	color: #03287D;
}
	#hChartControl .block-right{float: right;}
	#hChartControl input {
		cursor: pointer;
	}
	#hChartControl input.next {
	}
	#hChartControl input.prev {
	}
	#hChartControl input.disabled {
		visibility: hidden;
	}
#hChart {
	height: 100%;
	width: 100%;
}
	#hChartContainer {
		/*height: 100%;
		width: 100%;*/
	}
	.helper {
		padding: 0 20px;
	}
		.legendWrpper {
			height: 16px;
			padding: 5px 0;
			position: relative;
			float: right;
			overflow: hidden;
			margin: -7px 0 7px 0;
			background-color: white;
		}
				.legendWrpper .legendItem {
					position: relative;
					margin-left: 20px;
					font-size: 12px;
					float: right;
					margin: 0 20px;
				}
				.legendWrpper .line {
					width: 16px;
					position: absolute;
					left: -20px;
					top: 8px;
				}
		#yearPicker {
			width: 100%;
		}
			#multipleYears .ui-button, #yearPicker .ui-button {
				float: left;
				position: relative;
				display: block;
				text-align: center;
				font-size: 14px;
				font-weight: normal;
				padding: 3px 0;
				cursor: pointer;
			}
			#multipleYearsHolder, #multipleYearsHolder .ui-button {
				float: right;
				font-size: 12px;
				font-weight: normal;
				padding: 3px 7px;
				cursor: pointer;
			}
.bgOverlay {
	display: block;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	background-color: white;
	z-index: 999;
	font-family: Arial, Tahoma, sans-serif;
}
#hintMakeRequest, #noDataResult, #kmlLoadingFailed {
	display: none;
}
	#hintMakeRequest span.keeper, #noDataResult span.keeper, #kmlLoadingFailed span.keeper {
		position: absolute;
		top: 50%;
		left: 50%;
		font-size: 14px;
		width: 350px;
		margin: -15px 0 0 -175px;
		text-align: center;
		color: #555;
		height: 30px;
	}
#loading {
}
	#loading span {
		font-size: 15px;
		text-align: center;
		color: #BD0C0C;
		padding-top: 29px;
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		height: 100px;
		width: 128px;
		margin: -50px 0 0 -64px;
		overflow: hidden;
		background-color: transparent;
		background-image: url('/images2/atlas/ajax-loader2.gif');
		background-position: 0 0;
		background-repeat: no-repeat;
	}
	#loading button.prevent {
		display: none;
		font-size: 15px;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 120px;
		height: 36px;
		color: #BD0C0C;
		margin: -30px 0 0 -60px;
		cursor: pointer;
	}
	.labels {
		color: white;
		background-color: #2e6cc2;
		font-family: "Lucida Grande", "Arial", sans-serif;
		font-size: 10px;
		font-weight: bold;
		text-align: center;
		border: 2px solid #FA9642;
		white-space: nowrap;
		padding: 1px 5px;
	}
		.labels .expandMe {
			display: none;
			position: relative;
			width: 100%;
			white-space: normal;
		}
.popup24 {
	width: 300px;
}
	.popup24 span.locationTitle {
		display: block;
		font-wieght: bold;
		font-size: 1.3em;
		margin-bottom: 10px;
	}
	.popup24 div.projectMainTitle {
		font-weight: bold;
	}
	.popup24 div.projectTitle {
		font-style: italic;
	}
	.popup24 div.readMore {
		font-size: 0.9em;
		margin-top: 10px;
	}

#dataSource	{
	font-size: 11px;
	color: #444;
	position: absolute;
	bottom: 30px;
	background: white;
	padding: 3px 7px;
}	
/* additional funcs */
.clearfix:before, .clearfix:after { clear: both; content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.cleanup, .clear { clear: both; display: block; }