body
{
   font-size: 90%;
}

body
{
   font-family: sans-serif;
   font-size: 1.7em;
}

img.center
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

p
{
	font-size:100%;
	margin: 0px;
	margin-bottom: .6em;
}

input, textarea
{
   width: 460px;
   font-family: sans-serif;
   font-size: 100%;
	margin: 0px;
   margin-bottom: 10px;
}

textarea
{
   height: 375px;
}


div.input
{
   display: inline;
}

div.label
{
   vertical-align:top;
   width: 200px;
   float: left;
   display: inline;
}

form, .feedbox
{
   background-color: #F0F0F0;
   border: 10px dotted #C0C0C0;
}

form, .feedbox, div.footer {
   padding: 20px;
   width: 700px;
   margin: 20px;
}

div.footer {
	text-align: center;
}

div.inbox {
	width: 680px;
	margin: 0px;
}


div.footer, .smalltext {
	font-size: 70%;
}

.smalltext {
   display: inline;
}

div.errorBox {
   float: left;
   background-color: #CCCCCC;
   border: 1px dotted #606060;
   padding: 8px;
   font-weight: bold;
}

textarea.inputError, input.inputError {
   background-color: #F0FF80;
}

div.inputError {
   margin-left: 200px;
}

input {
	height: 1.6em;
}

.inputMode, .exampleMode, .hiddenMode, textarea {
	padding: 5px;
/*	vertical-align: center; */
}

.inputMode {
	color: black;
}

.exampleMode {
	color: #909090;
	font-style: italic;
}

.hiddenMode {
	display:none;
	color: #FFFFFF;
	font-style: italic;
}