body				{ margin: 0; padding: 0; border: none; background: #EEE; color: #333; }
body,
input,
textarea,
select				{ font: 10pt Arial, sans-serif; color: #333; }
#container			{ max-width: 800px; margin: 0 auto; padding: 20px; background: #FFF; }
#header				{ position: relative; }
#header h1			{ margin: 0; }
#header img			{ max-width: 50%; height: auto; }
#header #welcome	{ position: absolute; right: 0; top: 0; margin: 0; text-align: right; }

h1					{ margin: 1.5em 0 1em 0; font-size: 20pt; font-weight: normal; }
h2					{ margin: 1.5em 0 0.5em 0; font-size: 16pt; font-weight: normal; }
h3					{ margin: 1em 0; font-size: 10pt; font-weight: normal; }
hr					{ margin: 10px 0 15px 0; height: 0; border: none; border-top: 1px dotted #FFF; }
p					{ margin: 0 0 1em 0; }

p.error,
label.error			{ color: #D00; }

a					{ color: #083A81; text-decoration: underline; }

table				{ width: 100%; border-collapse: collapse; background: #EEE; /*border-top: 5px solid #EEE; border-bottom: 5px solid #EEE;*/ }
caption				{ margin: 1.5em 0 0.5em 0; font-size: 16pt; text-align: left; } 
table th,
table td			{ vertical-align: top; text-align: left; padding: 7px 10px; border-top: 1px solid #FFF; }
table tbody th		{ width: 200px; }
table.checklist tbody th	{ width: 500px; }

form				{ margin: 0; padding: 0; }
fieldset			{ border: none; margin: 0 0 1em 0; padding: 10px; background: #EEE; }
fieldset legend		{ font-size: 16pt; padding: 0 0 10px 0; float: left; width: 100%; }
label				{ padding: 5px 0; margin-bottom: 5px; font-weight: bold; display: inline-block; width: 200px; vertical-align: top; }
input,
textarea,
select				{ padding: 5px; margin-bottom: 5px; vertical-align: top; border: 1px outset #DDD; }
input:focus,
textarea:focus,
select:focus		{ border: 1px solid #7A7A7A; }
input.date-picker	{ background: #FFF url("/data/images/5/8/8/calendar.png") no-repeat right center; }

input.radio,
input.checkbox		{ border: none; vertical-align: baseline; }
label.inline		{ font-weight: normal; display: inline; width: auto; margin-right: 5px; vertical-align: baseline; }

fieldset.checklist label	{ width: 475px; vertical-align: baseline; letter-spacing: -0.5pt; }

input.button		{ margin: 1em 0; background: #083A81; color: #FFF; padding: 10px 20px; border: none; font-size: 1.5em; }
a.button			{ display: inline-block; background: #083A81; color: #FFF; padding: 10px 20px; font-size: 1.5em; text-decoration: none; margin-right: 20px; }

span.info			{ display: inline-block; margin-left: 200px; padding-left: 5px; color: #666; }
span.input			{ display: inline-block; padding: 5px; vertical-align: top; }

@media screen and (max-width:840px)
{
	form			{}
	form label		{ display: block; width: auto !important; margin: 10px 0 0 0; letter-spacing: 0 !important; }
	input,
	textarea,
	select			{ max-width: 100%; }
	textarea		{ width: 90%; }

	span.info		{ margin-left: 0; padding-left: 0; }
}

@media screen and (max-width:440px)
{
	table			{ background: #FFF; }
	table,
	table caption,
	table tbody,
	table tr,
	table th,
	table td		{ display: block; width: auto !important; }
	table th,
	table td		{ background: #EEE; }
	table td		{ border-top: none; padding-top: 0; }
}