html, body, #contents {
  min-height: 100%;
  height: 100%;
}

html>body, html>body #contents {
  height: auto;
}

body {	
	/*background-image: url(images/bg.gif);
  background-repeat: repeat-y;*/

	background-color: #000000;
  margin: 0px;
  padding: 0px;
}

#contents {
  background-color: #FFFFFF;
	position: absolute;
  top: 0px;
  left: 0px;
}

#footer {
  position: absolute;
  bottom: 0px;
	left: 0px;
	
	background-color: #CC0000;
  width: 100%;
}

#footer a, span {	
	font-family: Verdana, Arial, sans-serif;
	font-size: 85%;
	color: #FFFFFF;
}

#main {
  margin-bottom: 2em;
  height: auto;
}

td {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
	font-size: 70%;
	color: #000000;
}

.subheadline {
  font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 125%;
	color: #000000;
	padding: 0px;
	margin: 0px;
}

.small {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
	font-size: 85%;
}

a, a:link, a:visited, a:active {
  color: #CC0000;
}

a:hover {
  color: #D94040;
}

fieldset {
  padding: 10px;
	border: 1px solid #DCDCDC;
}

legend {
  font-weight: bold;
	padding: 5px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
}

hr {
  width: 100%;
  height: 1px;
  background-color: #DCDCDC;
	border: 1px solid #DCDCDC;
  padding: 0px;
  margin: 0px;
  margin-top: 5px;
  margin-bottom: 5px;
  color: #DCDCDC;
}

.img {
	border: 1px solid #000000;
}

.tr-spacer td {
	padding-bottom: 10px;
}

/* -- Content -- */

td.left {
	width: 135px;
	padding-top: 63px;
}

table.content {
  background-color: #FFFFFF;
}

td.content {
  padding-left: 10px;
  padding-right: 30px;
	padding-top: 30px;
}

table.content-box {
  width: 100%;
  border: 1px solid #DCDCDC;

  background-color: #F5F5F5;
}

td.content-box {
  padding: 7px;
}

td.content-box-head {
  padding: 7px;

  padding-top: 0px;
  padding-bottom: 0px;
  height: 21px;

  background-color: #E5E5E5;
}

.content-box-foot {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
}

td.content-box-foot {
  padding: 7px;

  padding-top: 0px;
  padding-bottom: 0px;
  height: 21px;

  background-color: #F0F0F0;
}

/* -- Error -- */

.error {
  color: #CC0000;
  font-weight:bold;
}

div.error {
  background-color: #F5F5F5;
  border: 1px solid #CC0000;

  padding: 10px;
  margin-bottom: 10px;
}

ul.error {
  margin-top: 2px;
  margin-bottom: 2px;
  margin-left: 20px;
}

li.error {
  color: #000000;
}

/* -- Form -- */

input, textarea {
  color: #5F5F5F;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  border: 1px solid #727272;
}

textarea {
  width: 250px;
  height: 150px;
}

select {
  color: #5F5F5F;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

input.submit {
  border: 1px solid;
  border-color: #B9B9B9 #5F5F5F  #5F5F5F #B9B9B9;

  background-color: #E6E6E6;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #5F5F5F;
  font-weight:bold;
}

input.reset {
  border: 1px solid;
  border-color: #B9B9B9 #5F5F5F  #5F5F5F #B9B9B9;

  background-color: #E6E6E6;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #5F5F5F;
  font-weight:bold;
}

input.text {
  width: 250px;
}

input.password {
  width: 250px;
}

input.checkbox {
  border: 0px;
}

input.radio {
  border: 0px;
}

input.button, span.button {
  border: 1px solid;
  border-color: #B9B9B9 #5F5F5F  #5F5F5F #B9B9B9;

  background-color: #E6E6E6;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #5F5F5F;
  font-weight:bold;
}

span.button {
  padding-top: 3px;
  padding-bottom: 3px;

  padding-left: 5px;
  padding-right: 5px;

  height: 17px;

  vertical-align: bottom;
  white-space: nowrap;
}

a.button, a.button:link, a.button:visited, a.button:active {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #5F5F5F;
  font-weight: bold;
  text-decoration: none;
}