body {
	text-align:center;
	padding:0;
	margin:0;
	font-size:small;
	background-color:#CCC;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.5em;
}


#container {
	width:675px;
	text-align:left;
	margin:0 auto 0 auto;
	background-color:#FFF;
}

#content {
	padding: 12px;
}

h1 {
	margin:0;
	padding:0;
}

h2 {
	margin:8px 0 8px 0;
	padding:0;
	color:#639;
	font-size:small;
}

form {
	margin: 20px 0 0 0;
	border-top:dotted 1px #333;
	color:#639;
}

p {
	margin: 8px 0 0 0;
}

#text {
	width:95%;
	font-size:large;
	color:#666;
	margin:0px 0 10px 0;
	padding: 4px;
	border:solid 1px #CCC;
	background-color:#fdfdfd;
	
}


#submit {
	margin-top: 20px;
}

#result {
	margin-top:30px;
	background:#EEE;
	font-family:"Courier New", Courier, monospace;
	padding:12px;
}


#result code {
	display:block;
	border:solid 1px #ABC; 
	background:#DEF;
	padding:10px;
}

#desc {
	margin:0 0 0 12px;
}

.warning {
	color:#F00;
}

#footnote {
	margin-top: 30px;
	font-size:x-small;
	text-align:right;
}