@charset "UTF-8";

div#wrapper {
	position: relative;
}

body {
	font-size: 88%;
}

div {
	position: relative;
}

form {
	margin: 0;
	padding: 0;
}

canvas#bg {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}

canvas#canvas {
	position: relative;
	z-index: 3;
}

input#url {
	width: 50em;
	margin-right: 1em;
}

.over {
	background: silver;
}

input#color {
	width: 5em;
	margin-right: 1em;
}

input#opacity {
	width: 3em;
	margin-right: 1em;
}

input#size {
	width: 3em;
	margin-right: 1em;
}

input#incr1 {
	width: 3em;
	margin-right: 1em;
}

input#incr2 {
	width: 3em;
	margin-right: 1em;
}

input#click,
label#clickLabel {
	display: none;
}

input#preview {
	margin-right: 1em;
}

input#edit {
	margin-right: 1em;
}

table {
	border-collapse: collapse;
	border: 1px solid black;
	border-rightt: none;
	border-bottom: none;	
}

th,td {
	text-align: center;
	border: 1px solid black;
	border-left: none;
	border-top: none;
	width: 5em;
}

h1  {
	display: none;
}

h2 {
	font-size: 100%;
	text-align: right;
	margin-top: 0;
}

h2 a {
	color: black;
	text-decoration: none;
	outline: none;
}

h2 a:hover {
	background: silver;
}

div#help {
	font-size: 88%;
	position: absolute;
	z-index: 4;
	top: 0;
	right: 0;
}

div#help dl {
	display: none;
	background: #ddd;
	padding: 0.5em;
	opacity: 0.7;
}

div#help dl.select {
	display: block;
}

dt {
	font-weight: bold;
	text-decoration: underline;
}

dd {
	margin-left: 1em;
	margin-bottom: 0.5em;
}