body
{
  font-family: Verdana, sans-serif;
	font-size: 10pt;
	color: #000;
}

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

h1
{
  color: #f00;
  font-size: 180%;
}

h2
{
  font-size: 150%;
}

h3
{
  font-size: 120%;
}

h4
{
  font-size: 100%;
}

h2, h3, h4, h5, h6
{
  color: #000;
}

.weak
{
  color: #999;
}

em, strong
{
  color: #000;
}

a
{
  color: #00f;
}

table
{
  font-size: 100%;
}

iframe
{
  border: none;
	padding: 0 10px;
}

dt
{
  font-weight: bold;
	margin-top: 10px;
}

form
{
  margin: 10px;
}

fieldset /* designates a logical group of form fields */
{
  padding: 10px;
  margin: 20px 0;
  border: 3px double #ccc;
  background-color: #eee;
}

fieldset legend /* legend for labeling a fieldset, appears on top of a fieldset */
{
  font-size: 160%; /* specify all fonts in relative sizes after set in BODY css */
}

label /* spans a whole input, makes control of each input spacing possible */
{
  clear: left; /* used since inside elements use float */
  display: block; /* inline by default */
  margin: 5px 0;
  overflow: hidden; /* used since inside elements use float */
  width: 100%;
}

label span
{
  display: block; /* inline by default */
  width: 150px; /* use width so all fields are flush */
  float: left; /* float to appear on left side of field */
  text-align: right; /* align right to put against field */
  padding-right: 5px;
}

label input, label select, label textarea
{
  margin-left: 0;
  width: 400px; /* set so all fields are same length, creating a visual box that is easy on the eye (controversial due to usability standpoint of data length to field lengths) */
  font: 100%/140% Verdana, Arial, sans-serif; /* set fonts for input fields, browsers do not use body font by default for some reason */
  padding: 2px; /* add some padding to give text inside field some space */
  border: 1px solid #999; /* optional to override default browser's input style */
  float: left; /* float to appear on right side of label text */
}

label.option * /* reset css set above for radio and checkboxes */
{
  display: inline;
  float: none;
  width: auto;
  text-align: left;
}

input, label.option input, fieldset legend
{
  margin-left: 155px; /* moves legend to be inline with fields instead of flush left with fieldset */
}