@charset "utf-8";/* CSS Document */html, body	{ height: 100%; background: #000; margin: 0; }body, input, textarea, button	{ font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 18px; }#wrapper	{ width: 960px; margin: 0 auto; }.hide		{ display: none !important; }form	{ background: #ccc; padding: 20px 20px 11px; margin: 20px 0; }fieldset	{ min-width: 300px; padding: 10px; margin: 0 0 10px; position: relative; }fieldset.right	{ float: right; margin: 7px 0 7px 20px; }legend	{ font-weight: bold; }.field		{ margin: 0 0 5px; }.buttons	{ margin: 0 0 10px; }label	{ width: 160px; float: left; margin: 3px 0; }label.click			{ width: auto; float: none; }input[type=text]	{ width: 50px; background: #eee; border: 1px solid #8c8c8c; padding: 2px; }input[disabled="disabled"]	{ color: #000; }input.extra			{ margin: 5px 0 0 160px; }input#url	{ width: 730px; }input#name	{ width: 125px; }h1		{ color: #ddd; margin: 0; padding: 20px 0; }h2		{ color: #ddd; margin: 20px 0; }h2 a	{ color: #ddd; }p	{ color: #ddd; margin: 0 0 20px; }span.sub	{ vertical-align: sub; font-size: 0.8em; }a		{ color: #36F; text-decoration: none; }a:hover	{ color: #FFF; }a.info {	background: #36F;	color: #FFF;	padding: 0 6px;	font-weight: bold;	-webkit-border-radius: 8px;	-moz-border-radius: 8px;	border-radius: 8px;	cursor: help;	float: right;	margin: 3px 0;}input[type=submit], input[type=reset], a.button {	border: 0;	margin: 0;	padding: 0;	background: #000;	color: #eee;	padding: 5px 8px;	text-align: left;	-webkit-border-radius: 8px;	-moz-border-radius: 8px;	border-radius: 8px;	display: inline-block;	border: 1px solid #fff;}input[type=submit]:hover, input[type=reset]:hover, a.button:hover {	color: #36F;	background: #eee;	cursor: pointer;}div.result {	width: 550px; height: 550px; background: #000; overflow: hidden; position: relative; margin-bottom: 44px; }img.result	{ width: 125px; position: absolute; left: 212.5px; top: 212.5px; }.circleOptions			{ position: absolute; left: 10px; bottom: 10px; }.circleOptions label	{ width: auto; }.imageChoice 		{ position: absolute; z-index: 2000; right: 10px; bottom: 10px; }.imageChoice label	{ float: none; width: auto; display: block; margin: 0 0 3px; text-align: right; }div.circle {	position: absolute;	width: 550px;	height: 550px;	overflow: hidden;	z-index: 1000;}img.circle {	position: absolute;	top: 50%;	left: 50%;	margin: -750px; /* afmeting circle / 2 */}img.circle.transparent {	opacity: 0.5;}.clear {    clear: both;    display: block;    height: 0;    overflow: hidden;    visibility: hidden;    width: 0;}table		{ width: 100%; border: 1px solid #fff; border-spacing: 0; border-collapse: collapse; }th, td		{ text-align: left; padding: 5px 10px; border-bottom: 1px solid #8c8c8c; border-right: 1px solid #8c8c8c; }th.name		{ width: 200px; }th.options	{ width: 150px; }