body		{ font-size: 0.85em; font-family: arial, sans-serif; text-align: center; margin: 0;
		  background-color: white; color: black; padding: 0 25px; min-width: 600px; }
#wrapper	{ width: 65%; min-width: 500px; margin: 25px auto 5px auto; text-align: left;
		  padding: 0.5em 25px 0 25px; background-color: white; }

/* Links. */
a:link,
a:visited,
a:active  	{ color: #0000ff; }
a:hover   	{ color: #006600; }

/* Standard elements. */
h1		{ margin: 0; font-size: 1.5em; color: black; text-align: center; padding-top: 0.5em; }
h2		{ margin: 0; font-size: 2em; color: #004488; font-weight: bold; }
h2 a:link,
h2 a:visited,
h2 a:active,
h2 a:hover	{ text-decoration: none; }
h2 a:link,
h2 a:visited	{ color: #004488; }
h3		{ text-align: center; font-weight: bold; font-size: 1.2em; color: black; margin: 0 0 0.5em 0; }
h4		{ text-align: left; font-weight: bold; font-size: 1em; color: black; margin: 0; }
img		{ border: 0; }
p		{ margin: 0 0 1em 0; }
div		{ margin: 2em 0; }
ul, ol		{ margin-top: 0.5em; margin-bottom: 1em; }
b		{ color: black; }

/* Global classes. */
.center		{ text-align: center; }
.justify        { text-align: justify; }
.box,
.options	{ border: 1px solid #1862ad; padding: 1.5em 2em 1em 2em; background-color: #e2e2e2;
		  background: url(/images/fadeback.jpg); }
.alertbox	{ border: 1px solid #8c0000; padding: 2px 4px; background-color: white; }
p.legal		{ text-align: center; font-size: 0.7em; margin: 0; color: black; }
p.footer	{ text-align: center; font-size: 0.7em; margin: 0; color: #444444; }

/* Ad. */
div.headroom	{ border: 1px solid #1862ad; padding: 0.7em 0em 0.5em 0em; background-color: #ececec; text-align: center; }
/* Title section. */
table.title	{ text-align: center; margin: 0 auto -0.5em auto; }
.title td	{ padding: 0 10px; text-align: center; vertical-align: middle; }
.title h1,
.title h2	{ margin: 0; }
.title p	{ margin: 0.5em 0 0 0; }
.title div	{ border: 1px solid #1862ad; padding: 0.5em; background-color: #e2e2e2;
		  background: url(/images/fadeback.jpg); }

/* Buttons. */
p.button	{ text-align: center; white-space: nowrap; }
.button img	{ border: none; cursor: pointer; color: #0000cc; }
.button img:hover	{ color: #7700cc; }

/* Footer menu. */
p.textmenu	{ text-align: center; font-size: 1em; color: black; white-space: nowrap; }

/* Test legend. */
table.legend	{ text-align: center; margin: 0.5em auto; border: 1px solid black; background: white; }
.legend th,
.legend td	{ padding: 0em 0.5em; font-size: 0.8em; text-align: left; white-space: nowrap; }
.legend	th	{ font-weight: bold; font-size: 0.9em; vertical-align: middle; white-space: nowrap; }
.legend img	{ width: 12px; height: 12px; border: 1px solid black; vertical-align: middle; }

/* Test progess bar. */
div.bar		{ background-color: black; margin: 0.5em auto; border: solid black; border-width: 1px 0 1px 0; text-align: left; font-size: 12pt; }
.end,
.timeout,
.refuse,
.connect,
.error		{ padding: 0; border: solid black; border-width: 0 0 0 1px; color: white; font-size: 16px; }
.end		{ background-color: black; }
.timeout	{ background-color: #00d000; }
.refuse		{ background-color: #d0d000; }
.connect	{ background-color: #d00000; }
.error		{ background-color: #6000d0; }

/* Test result. */
table.pass,
table.fail	{ text-align: center; margin: 0.5em auto 1em auto; border: 1px solid black; border-collapse: collapse; }
.pass td,
.fail td	{ color: white; padding: 0.2em; font-weight: bold; white-space: nowrap; text-align: center; }
.pass td	{ background-color: #00b000; }
.fail td	{ background-color: #b00000; }

/* Option page. */
.outer p	{ margin: 0.2em 0; }	
.outer div	{ margin: 0 0 0 2em; }
form.options	{ margin: 1em 0; }
sup		{ color: #8c0000; font-size: 0.7em; }
.readonly	{ background-color: #cccccc; }

/* Debugging. */
/* *		{ border: 1px dashed red; } */