input.textbox, textarea
{
	border:#ccc 1px solid;
	background:#fff url(images/shadow_top.gif) repeat-x top;
	font:1em Verdana, Arial, Serif;
	padding:2px;
}

input.textbox:focus, textarea:focus
{
	background:#fff url(img/shadow_top.gif) repeat-x top;
	border:#999 1px solid;
}

.form {
margin-left:20px;
}

.formbutton {
cursor:pointer;
color: #000;
background: #DFE0E5;
border: 2px outset #d7b9c9;
}

#petition {
.padding:2em;
width:500px;
border: 1px solid #ccc;
margin-left: auto;
margin-right: auto;
}

#persons {
margin-left: auto;
margin-right: auto;
width:450px;
}

label {
	text-align: right;
	width: 175px;
	padding-right: 20px;
}

br {
	clear: left;
}

label,input {
	display: block;
	float: left;
	margin-bottom: 10px;
}

.hidden { display: none; }
.unhidden { display: block; }

.td{
	border: 1px solid #fff;
	padding: .2em .5em;
	text-align: left;
	background: #eee;
	font-weight: normal;
	vertical-align: top;
}

.th {
	border: 1px solid #fff;
	padding: .2em .5em;
	text-align: left;
	background: #666666;
	font-weight: normal;
	vertical-align: top;
	color: white;
}

.white
{
border: 1px solid #fff;
	padding: .2em .5em;
	text-align: left;
	background: white;
	font-weight: normal;
	vertical-align: top;
}

caption
{
	color: #9F1C00;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
}

.mid {
margin-left:auto;
margin-right:auto;
width:200px;
}

.red {
	color: red;
}

.hidden { display: none; }
.visible  { display: block; } 