.cssbutton {
background-color: #A5B7CF;
border: 2px #A5B7CF outset;
padding: 1px 4px;
color: black;
text-decoration: none;
font: bold 100% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.cssbutton:visited{
color: gray;
}

.cssbutton:hover{
border-style: inset;
background-color: #BCD6BF;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}

.cssbutton:active{
color: black;
}


.logged
{ 
  float: right;
  color: white;
  padding: 1px 10px 1px 1px;
 }

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

/***********
layout
***********/

#notice { 
          border: 2px solid red;
          padding: 1em;
          margin-bottom: 2em;
          background-color: #f0f0f0;
          fond: bold smaller sans-serif;
 }

.numeric {
  text-align: right;
}


.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;
}
table.big_list tbody.selectable tr.selected,
table.big_list tbody.selectable tr.selected:hover,
table.big_list tbody tr.hover_for_ie,
table.big_list tbody tr:hover {
  background-color: #D8EBDD;
  color: black;
}

table.big_list tbody.selectable tr,
table.big_list tbody.nohover tr:hover {
  background-color: #DAE0DA;
  color: #3C4A3A;
  cursor: default;
}

table.big_list tbody.selectable tr {
  cursor: pointer;
}

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

div.intro { 
  text-align: justify;
 }