/*
 * HTML Elements
 */

body {
  margin: 5px 5px 5px 5px;
  font-family: verdana, arial, sans-serif;
  font-size: 0.70em;
  color: #000000;
  background-color: #D2E999;
}

fieldset {
  margin: 0 0 3px 0;
  padding: 1px 2px 1px 2px;
  border: 1px #999999 solid;
}

fieldset legend {
  font-weight: bold;
  font-variant: small-caps;
  font-size: 1.1em;
	padding: 0 0 0 0;
	color: #000000;
  border: 1px #999999 solid;
}

form {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

select {
  font-family: verdana, arial, sans-serif;
  font-size: 1.0em;
}

textarea {
  width: 98%;
  font-family: verdana, arial, sans-serif;
  font-size: 1.0em;
}

label {
  font-weight: bold;
  font-variant: small-caps;
  font-size: 1.1em;
	padding: 1px 10px 1px 0;
	color: #000000;
}

label.emph {
  color: #CC0000;
}

input {
  font-family: verdana, arial, sans-serif;
  font-size: 1.0em;
}

a {
  text-decoration: none;
}

a:hover,
a:focus {
  color: #AAAA00;
  text-decoration: underline;
}

td {
  vertical-align: top;
}

/*
 * Layout Panels
 */

#panelTopLeft {
  float: left;
  width: 19%;
  padding-right: 0.2%;
  padding-bottom: 2px;
}

#panelTopMiddle {
  float: left;
  width: 57%;
  padding-left: 0.2%;
  padding-right: 0.2%;
  padding-bottom: 2px;
  border-left: #999999 solid 1px;
  border-right: #999999 solid 1px;
}

#panelTopRight {
  float: left;
  width: 23%;
  padding-left: 0.2%;
  padding-bottom: 2px;
}

#panelBottom {
	clear: left;
  width: 100%;
  border-top: #999999 solid 1px;
	padding-top: 2px;
}

#panelBottomLeft {
	clear: left;
  float: left;
  width: 76%;
  padding-right: 0.2%;
}

#panelBottomRight {
  float: left;
  width: 23%;
  padding-left: 0.2%;
  border-left: #999999 solid 1px;
}

.absent {
  color: #666666;
}
.down {
  color: #990000;
}
.up {
  color: #009900;
}
.unchanged {
  color: #000099;
}