DeSmetUI.css

html { height: 100% }
body { height: 100%; margin: 0; padding: 0 }
#map-canvas { height: 75%;
		width: 100%;
		position: absolute;
		top: +25%;
		left: 0px;
}
#controls { height: 25%;
		width: 50%;
		border-right: 1px solid grey;
		position: absolute;
		left: 0px;
		top: 0px;
}
#layers { height: 25%;
		width: 50%;
		border-left: 1px solid grey;
		position: absolute;
		top: 0px;
		left: 50%;
}
#AddMarkers {
	cursor: pointer;
	border: 1px solid gray;
	color: red;
	display: inline-block;
}
#ClearAnimations {
	cursor: pointer;
	border: 1px solid gray;
	color: green;
	display: inline-block;
}
#ClearLetters {
	cursor: pointer;
	border: 1px solid gray;
	color: blue;
	display: inline-block;
}
#letters {
	cursor: pointer;
	border: 1px solid black;
	color: red;
	font-weight: bolder;
	display: inline-block;
}
#locatable {
	cursor: pointer;
	border: 1px solid black;
	color: goldenrod;
	font-weight: bolder;
	display: inline-block;
}
#nolocate {	
	cursor: pointer;
	border: 1px solid black;
	color: black;
	font-weight: bolder;
	display: inline-block;
}
#lettercontrols {
	display: inline-block;
}
#locateablecontrols {
	display: inline-block;
}
#buttonblocks {
	display: inline-block;
}
#firstmap {
	cursor: pointer;
	border: 1px solid gray;
	display: inline-block;
}
#prevmap {
	cursor: pointer;
	border: 1px solid gray;
	display: inline-block;
}
#nextmap {
	cursor: pointer;
	border: 1px solid gray;
	display: inline-block;
}
#lastmap {
	cursor: pointer;
	border: 1px solid gray;
	display: inline-block;
}