@charset "UTF-8";

html,body {
	background: Window;
	font: caption;
	color: WindowText;
	margin:0;
	height:100%;
	overflow:hidden;
	line-height: 1.5;
	letter-spacing: 0.033em;
}

body {
	padding:2em;
}

h1 {
	margin-top:0;
}

label {
	font-size:x-small;
	color:GrayText;
}

form {
	border:2px solid Window;
	border-radius: 1em;
	padding: 2em;
	background: AppWorkspace;
}

input, textarea {
	background: Menu;
	color: MenuText;
	cursor:pointer;
	font: caption;
	padding: 0.3em 0.5em;
	width:25ex;
	height:6em;
	border: 3px ridge;
	border-width: 0px 0px 2px 0px;
	border-color: ButtonShadow;
	margin-right:2em;
}

input.label {
	height:1.5em;
}

input[type="submit"] {
	width:inherit;
	height:inherit;
	border-radius:1ex;
	border-width:2px;
	font-weight:bold;
	background-color: ButtonFace;
	color: ButtonText;
}

input:hover, input:active, textarea:hover, textarea:active {
	background-color:Highlight;
	color:HighlightText;
}

div.content {
	position: relative;
	width:50%;
}

div.content textarea[name="text"] {
	height:12em;
	width:100%;
}

br.clear {
	clear:both;
}