div#shapepicker {
	position: absolute;
	visibility: hidden;
	width: 600px;
	height: auto;
	border: 1px solid #333;
	top: 100px;
	left: 100px;
	background-color: white;
	padding: 1em 1em 1em 1em;
}
div.silhouettedemo {
	display: inline-block;
	width: 40px;
	height: 80px;
	border: 1px solid lightgray;
	background-color: white;
	z-index:100;
	position:relative;
}
div.shapepickersilhouette {
	height: 40px;
	width: 41px;
	display: inline-block;
	padding: 2px;
	padding-top: 2px;
	margin: 0px;
	border: 1px solid #CCC;
}
div.shapepickersilhouetteover {
	border: 1px solid gray;
}
div.shapepickersilhouetteselected {
	border: 1px solid gray;
}
div#shapepicker div.shapepickersilhouette {
	border: 1px solid white;
	height: 40px;
	width: 50px;
}
div#shapepicker div.shapepickersilhouetteover {
	border: 1px solid gray;
}
label.lblri80 {
	text-align: right;
	width: 50%;
	display:inline-block;
	margin-right: 1em;
}

div.rowblock {
	display: inline-block;
	width: auto;
	height: auto;
	text-align: right;
	margin: 0;
	margin-left: 2em;
}
div.rowblock label {
/*	vertical-align: ;*/

}
.colorpickbut {
	width: 40px;
	height: 1.5em;
	vertical-align: bottom;
	margin: 2px;
	margin-left: 0.5em;
}
.range30, .valignsel {
	width: 80px;
	margin-left: 0.5em;
}
input.legendtitle {
	width: 200px;
	padding: 2px;
	height: 1.5em;
	margin: 2px;
	margin-left: 0.5em;
}
div#area {
	position: relative;
	height: auto;
	width:800px;
}