html {
border: 5px solid #eee;
}
body, td, th {
	font-family: arial;
	font-size: 10pt;
	margin: 0;
	padding: 5px;
}
a {
	color: #78AD24;
}
a:hover {
	color: #F9721F;
}
table {
	border-collapse: collapse;
}
td, th {
	vertical-align: top;
	border-top: 1px solid #eee;
}
h1 {
	text-align: center;
	color: #78AD24;
	font-size: 16pt;
	margin: 3px 0 5px 0;
}
h2 {
	color: #F9721F;
	font-size: 14pt;
	margin: 0 0 5px 0;
}
.notes input {
	float: left;
	height: 15px;
	width: 15px;
}
.notes label {
	clear: left;
	float: left;
	display: block;
	height: 15px;
	line-height: 15px;
}
.note {
	float: left;
	display: block;
	background: url('images/note-review0.png') repeat-x left center;
	height: 15px;
	width: 50px;
}
.note span {
	float: left;
	display: block;
	background: url('images/note-review.png') repeat-x left center;
	height: 15px;
	width: 0;
}
.note1 span { width: 10px; }
.note2 span { width: 20px; }
.note3 span { width: 30px; }
.note4 span { width: 40px; }
.note5 span { width: 50px; }
.error {
	color: #900;
	padding: 5px;
	font-weight: bold;
	border: 1px dotted #900;
	text-align: center;
	margin: 5px 0 0 0;
}
.obli {
	color: red;
	font-weight: bold;
}
th {
	text-align:left;
}

form, .box, .hreview, .noreview {
	margin: 5px 0;
	border: 1px dotted #F9721F;
	background: #FAFAF7;
	padding: 5px;
}
.url a {
	font-weight: bold;
	background: url('images/puce.gif') no-repeat left center;
	padding-left: 12px;
}
form p {
	margin-top: 0;
}
.text, textarea {
	width: 100%;
	border: 1px solid #999;
	background: #fff;
	color: #000;
	padding: 0 5px;
	font-family: arial;
	font-size: 10pt;
}
.text {
	height: 25px;
	line-height: 25px;
}
.text:focus, textarea:focus {
	border-color: #000;
}
textarea {
	height: 150px;
}

.submit {
	border: 3px solid #F9721F;
	background: #fff;
	color: #F9721F;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 9pt;
	padding: 3px 5px;
	cursor: pointer;
}