body {
	margin:0px;
	padding:0px;
	font-family:Arial;
	background-color:#000;
}
#container{
	
	margin-left:125px;
	
}
#map {
	background-color:#888;
	position:relative;
	
	height:100%;
	overflow:scroll;
	
	
}
#outputBox {
	position: absolute;
	top:120px;
	left:50%;
	margin-left: -300px;
	width: 600px;
	border: 3px solid #38A;
	background-color:#bbb;
	z-index:300;
	padding:8px;
}

#LoadingLevelBox {
	position: absolute;
	top:120px;
	left:50%;
	margin-left: -45%;
	width: 90%;
	border: 3px solid #F00;
	background-color:#bbb;
	z-index:300;
	padding:8px;
}
#loadBox {
	position: absolute;
	top:120px;
	left:50%;
	margin-left: -300px;
	width: 600px;
	border: 3px solid #38A;
	background-color:#bbb;
	z-index:300;
	padding:8px;
}

#statsBox{
	position: absolute;
	top:30px;
	left:50%;
	margin-left: -289px;;
	width: 578px;
	border: 3px solid #38A;
	background-color:#bbb;
	z-index:300;
	padding:8px;
	height:325px;
}
#requirementBox {
	position: absolute;
	top:30px;
	left:50%;
	margin-left: -289px;;
	width: 578px;
	border: 3px solid #38A;
	background-color:#bbb;
	z-index:300;
	padding:8px;
	
}
#outputArea{
	width:100%;
	height:65px;
}
#palette{
	margin:0px;
	position:absolute;
	padding-right:2px;
	padding-left:2px;
	width:120px; 
	background-color:#333;
	color:#bbb;
	height:100%;
}
#palette h3{margin-top:8px;margin-bottom:4px; font-size:16px; border-top:solid 2px #222;}
#palette h2{color:#fff;}
.unSelectedPalette {
	border: solid 2px #333;
	margin:3px;
}
.selectedPalette{
	border: solid 2px #F66;
}
.selectedButton{
	background-color:#f66;
}
.unselectedButton{
	background-color:#aaa;
}