.l {
   background:#ddd;
   color:#000;
}

.lh {
   background:#ddd;
   color:#009;
}

.lalt {
   background-color:#aad;
   color:#000;
}

.d {
   background:#135cae;
   color:#eee;
}

.dh {
   background:#229;
   color:#fff;
}

.dalt {
   background:#229;
   color:#cfc;
}

body {
   font-family: verdana, helvetica, arial, sans-serif;
   background: #fff;
   margin: 0px;
   padding: 0px;
}

input {
   background:#ddd;
   color:#000;
}

select {
   background:#ddd;
   color:#000;
}

textarea {
   background:#ddd;
   color:#000;
}

option {
   background:#ddd;
   color:#000;
}

input.checkbox {
   background:#ddd;
   color:#000;
}

p {
   color:#229;
}

td {
   color:black;
}

p.head {
   font-weight:bold;
   color:#229;
}

h1 {
   text-align: center;
   color:#135cae;
}

h2 {
   color:#135cae;
}

a:link {
   font-weight:bold;
   text-decoration:none;
   color:white;
}

a:visited {
   font-weight:bold;
   text-decoration:none;
   color:white;
}

a:hover {
   font-weight:bold;
   text-decoration:none;
   color:red;
}

a:active {
   background-color:red;
   text-decoration:none;
   font-weight:bold;
   color:white;
}

a:link.green {
   color:#efc021;
   text-decoration:none;
}

a:visited.green {
   color:#efc021;
   text-decoration:none;
}

a:hover.green {
   color:red;
   text-decoration:none;
}

a:active.green {
   text-decoration:none;
   color:white;
}


.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#ErrorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#ErrorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#ErrorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#ErrorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

/* Menus */
#mainMenu {
  background-color: #EEE;
  border: 1px solid #CCC;
  color: #000;
  margin: 0px;
  padding: 0px 0px 2px 20px;
  z-index: 5;
}

#menuList {
  margin: 0px;
  padding: 0px;
}

#menuList ul {
  margin: 0px;
  padding: 0px;
}

#menuList li {
  display: inline;
  list-style: none;
}

a.actuator {
  background-color: transparent;
  color: #000;
  font-size: 12px;
  margin: 0px;
  padding: 3px 6px;
  text-decoration: none;
}

a.actuator:hover {
  background-color: #009;
  color: #EEE;
}

.menu {
  color: #000;
  background-color: #EEE;
  border: 1px solid #CCC;
  position: absolute;
  visibility: hidden;
}

.menu li a {
  background-color: transparent;
  color: #000;
  display: block;
  font-size: 12px;
  line-height: 1.75em;
  margin: 0px;
  padding: 0px 10px;
  text-decoration: none;
}

.menu li a:hover {
  background-color: #009;
  color: #EEE;
}

span.key {
  text-decoration: underline;
}

/* styles used for the room status table: don't change !!! */

.yellow {
   background:#dec870;
   color: #552e07;
}

.red {
   background:#f68262;
   color: #0a433a;
}
.green {
   background:#a0bb80;
   color: #0a433a;
}
.orange {
   background:#f6a0a0;
   color: #0a433a;
}
.gray {
   background:#a0a0a0;
   color: #000000;
}