body {
background: #ffffff;
font-family: Verdana, Arial, Tahoma, Helvetica;
font-size: 12px;
margin: 10px;
padding: 10px;
}

menu {
height: 100px;
}

footer {
height: 20px;
}

.content {
width: 900px;
text-align: left;
}

p.menuitem {
display: inline;
font-family: Verdana, Arial, Tahoma, Helvetica;
font-size: 12px;
padding: 10px;
margin: 10px;
height: 20px;
line-height: 30px;
}

p.menuitemselected {
display: inline;
font-family: Verdana, Arial, Tahoma, Helvetica;
font-weight: bold;
text-decoration: underline;
font-size: 12px;
padding: 10px;
margin: 10px;
height: 20px;
line-height: 30px;
}

.infofield {
  width: 295px;
  background: #ddddee;
  font-family: Tahoma, Verdana, Ariel, Helvetica;
  font-size: 11px;
  line-height: 11px;
  color: #000000;
  border: 1px solid #003ca8;
  margin: 0px 0px 0px 0px;
  padding: 2px;
  text-align: left;
}

.infotext {
  font-family: Tahoma, Verdana, Ariel, Helvetica;
  font-size: 10px;
  margin: 3px;
  padding: 3px;
  vertical-align: bottom;
}

.infocontainer {
  font-family: Tahoma, Verdana, Ariel, Helvetica;
  font-size: 10px;
  margin: 1px 2px 0px 0px;
  padding: 0px;
}

.button {
  font-family: Tahoma, Verdana, Ariel, Helvetica;
  font-size: 10px;
  font-weight: bold;
  width: 90px;
  height: 18px;
  line-height: 18px;
  color: #4c4c4c;
  background: #e0e0e0;
  margin: 2px 0px 2px 2px;
  padding: 2px 4px 2px 4px;
  border: 1px solid black;
  text-align: center;
  cursor: pointer;
}

.submitbutton {
  font-family: Tahoma, Verdana, Ariel, Helvetica;
  font-size: 10px;
  font-weight: bold;
  width: 90px;
  height: 18px;
  color: #4c4c4c;
  background: #e0e0e0;
  margin: 0px 0px 0px 0px;
  padding: 0px 4px 0px 0px;
  border: 1px solid black;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}

.onlinebutton {
display: inline;
  width: 10px;
  height: 10px;
  background: green;
  border: 1px solid black;
float: left;
margin: 1px;
padding: 0px;
}

.offlinebutton {
display: inline;
  width: 10px;
  height: 10px;
  background: red;
  border: 1px solid black;
float: left;
margin: 1px;
padding: 0px;
}

td {
font-size: 10px;
text-align: left;
vertical-align: top;
margin: 0px;
padding: 0px;
}

hr {
color: #bbbbbb;
background-color: #bbbbbb;
height: 1px;
border: 0px;
}

p {
font-family: Verdana, Arial, Tahoma, Helvetica;
font-size: 11px;
margin: 0px 0px 10px 0px;
padding: 0px;
color: #333333;
line-height: 17px;
}

address {
font-size: 9px;
font-style: normal;
font-weight: none;
text-decoration: none;
margin: 0px 0px 10px 0px;
}

h1 {
margin: 20px 0px 10px 0px;
padding: 0px;
font-size: 16px;
font-weight: bold;
color: #333333;
}

h2 {
margin: 10px 0px 6px 0px;
padding: 0px;
font-size: 14px;
font-weight: bold;
color: #333333;
}

h3 {
margin: 10px 0px 2px 0px;
padding: 0px;
font-size: 12px;
font-weight: bold;
color: #333333;
}

h5 { /* Used as headline on textarea fields */
  font-family: Tahoma, Verdana, Ariel, Helvetica;
  font-size: 10px;
  font-weight: normal;
  margin: 0px 0px 0px 27px;
  color: #000000;
  text-align: left;
}

a:link, a:visited {
text-decoration: none;
color: #000077;
font-weight: bold;
}

a:hover, a:active {
text-decoration: none;
color: #999999;
}

form {
width: 600px;
text-align: right;
}

.field {
  background: #eeeeff;
}

.errorfield {
  background: #ee4444;
}

.errorstring {
  color: #ee4444;
}

.successstring {
  color: #7777ff;
}

td.tablefield {
padding: 2px 10px 2px 10px;
margin: 2px 10px 2px 10px;
height: 12px;
font-size: 10px;
text-align: left;
vertical-align: top;
}


input, select {
border: 1px solid #25542c;
}

input.textfield {
width: 300px;
padding: 0px;
margin: 2px;
}

input.errortextfield {
width: 300px;
padding: 0px;
margin: 2px;
background: #ee4444;
}

select {
width: 300px;
padding: 0px;
margin: 2px;
}

input.checkbox {
background-color: transparent;
border: 0px;
font-family: Verdana, Arial;
font-size: 9 pt;
}

textarea {
  width: 95%;
  height: 200px;
  font-family: Tahoma, Verdana, Ariel, Helvetica;
  font-size: 11px;
  color: #000000;
  border: 1px solid #003ca8;
  margin: 2px;
  padding: 0px;
}

ul, ol, dl {
  margin: 0px 0px 0px 10px;
  padding: 7px 0px 10px 17px;
}

li, dt {
  margin: 0px;
  padding: 0px;
  font-family: Tahoma, Helvetica, Verdana;
  font-size: 11px;
  text-align: left;
  color: #222222;
}

ul.tag {
  margin: 0px 0px 0px 10px;
  padding: 0px 0px 0px 7px;
}

li.tag {
  margin: 0px;
  padding: 0px;
  font-family: Tahoma, Helvetica, Verdana;
  font-size: 9px;
  text-align: left;
  color: #222222;
}