body {
  color: #333;
  background: #e8b890 url(../images/cork_background.jpg)
}

body { font-size: large; }
* html body { font-size: large; f\ont-size: medium; }

body, p, ol, ul, td {
  font-family: verdana, arial, helvetica, sans-serif;
}

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

a { text-decoration: none;
    border-top: solid 1px blue; border-left: solid 1px blue;
    border-bottom: solid 2px blue; border-right: solid 2px blue;
    background: white; color: blue; padding: 0.05em 0.25em; margin: 0.1em; }
a:hover { color: white; background-color: blue; }

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

.placeholder { font-style: italic; font-weight: bold; color: #faa; }

ul.sidebar { list-style: none;
             border: solid 2px black; background-color: white;
             padding: 1em; }
ul.sidebar li { display: inline; margin-right: 1em; white-space: nowrap; }
ul.sidebar li.main { font-size: 120%; }
ul.sidebar a, .info a { text-decoration: underline; 
                        border: none; margin: 0; padding: 0;
                        background: none; color: blue; }

div.info img { border: solid 1px black; margin: 1em; }
div.corkcutter { border: solid 1px black; padding: 0 1em; margin: 1em; }
div.corkcutter.list { background-color: #ffc; }
div.corkcutter.search { background-color: #fdd; }
div.corkcutter.new { background-color: #dfd; }
div.corkcutter.edit { background-color: #cff; }

.corkcutter h2 { float: left; font-size: 160%;
                 margin-bottom: 0; margin-left: 1em;
                 display: inline; /* IE double margin bugfix */ }
.corkcutter h2 dl { margin: 0; font-size: 62.5%; font-weight: normal; }
.corkcutter h2 a  { font-size: 62.5%; font-weight: normal; }

.corkcutter dt { font-weight: bold; }
.corkcutter dd { margin-left: 1em; font-family: monospace; }
.corkcutter.list dt.empty { color: #cc9; text-decoration: line-through; }
.corkcutter.list dd.empty { display: none; }

.corkcutter dl.activity { width: 56%; float: right; list-style: none; }
.corkcutter dl.activity dt { display: inline-block;  white-space: nowrap; }
.corkcutter dl.activity dd { margin-right: 2em; display: inline; }

.corkcutter dl.info_1 { width: 35%; clear: both; float: left; }

.corkcutter dl.info_2 { width: 65%; float: right; }

.corkcutter hr { clear: both; }

.corkcutter ul.actions { clear: both; }

/* Start hide from IE5/Mac \*/
* html div.corkcutter { float: left; padding-top: 1em; }
* html .corkcutter dl.info_1,
* html .corkcutter dl.info_2 { padding-top: 1em; }
* html .corkcutter dl.activity dd { margin-right: 0; padding: 0; }
/* End hide from IE5/Mac */
* html ul.sidebar li { white-space: normal; }

form.search_index * { padding-left: 0; list-style: none; }