/* Definition of styles:
.l     Light background text style, general purpose
.lh    Light background highlighted text
.lalt  Light background alternate color text
.d     Dark background text style, general purpose
.dh    Dark background highlighted text
.dalt  Dark background alternate color text

.red   Red background : don't touch it.
.yellow Yellow background
.green  Green background
*/

/* light brown, normal text */
.l {
   background:#ebd1bb;
   color:#552e07;
}

/* light brown, highlight text */
.lh {
   background:#ebd1bb;
   color:#793b05;
}

/* light brown, blue text */
.lalt {
   background:#c8aa97;
   color:#0a433a;
}

/* dark brown */
.d {
   background:#d3bea8;
   color:#552e07;
}

/* dark brown, highlight text */
.dh {
   background:#d3bea8;
   color:#793b05;
}

/* dark brown, blue text */
.dalt {
   background:#d3bea8;
   color:#0a433a;
}


.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;
}
/* Ok, after that, can change */


body {
   background: #f9e2ca;
   margin: 0in 0in 0in 0in;
}

body.bigpattern {
   background: #f9e2ca;
   background-position: 50% 0in;
   background-repeat: no-repeat;
   margin: 0in 0in 0in 0in;
}

table.bot {
   background-position: 50% 100%;
   background-repeat: no-repeat;
}

input {
   background:#d3bea8;
   color:#0a433a;
}

select {
   background:#d3bea8;
   color:#0a433a;
}

textarea {
   background:#d3bea8;
   color:#0a433a;
}

option {
   background:#d3bea8;
   color:#0a433a;
}

input.checkbox {
   background:#d3bea8;
   color:#0a433a;
}


p {
   color:#552e07;
}

td {
   color:#552e07;
}

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

h1 {
   text-align: center;
   color:#0a433a;
}

h2 {
   color:#552e07;
}

a:link {
   font-weight:bold;
   text-decoration:none;
   color:#552e07;
}

a:visited {
   font-weight:bold;
   text-decoration:none;
   color:#552e07;
}

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%;
}

.bigdisplay {
  background-color: green;
  color: white;
  font-size: 45px;
}