# classes
.center {
  text-align: center;
}
.left {
  text-align: left;
}
a.link {
  font-weight: bold;
}

div#categories_menu {
  border: thin solid #000;
  font-size: 80%;
  margin-top: 5px;
  max-width: 160px;
  padding: 5px;
}
div.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
div#content {
  border: thin solid #000;
  display: table;
  line-height: 150%;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
}
div#member_menu_log_in {
  border: thin solid #000;
  font-size: 80%;
  font-weight: bold;
  max-width: 160px;
  padding: 5px;
  text-align: center;
}
div#member_menu_logged_in {
  border: thin solid #000;
  padding: 5px;
  margin-top: 0px;
  max-width: 160px;
}
div#error {
  background-color: #fcc;
  border: thick solid #c00;
  display: table;
  font-size: 125%;
  font-weight: bold;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  padding: 10px;
}
div#item_submitter_comments {
  border: thin solid black;
  padding: 10px;
}
div#latest_comments {
  border: thin solid #000;
  font-size: 70%;
  margin-top: 10px;
  padding: 5px;'
}
div#notice {
  background-color: #cfc;
  border: thick solid #0c0;
  display: table;
  font-size: 125%;
  font-weight: bold;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  padding: 10px;
}
div#search_box {
  border: thin solid #000;
  margin-bottom: 10px;
  margin-top: 5px;
  max-width: 160px;
  padding: 5px;
  text-align: center;
}
div#site_links {
  border: thin solid #000;
  line-height: 125%;
  margin-bottom: 10px;
  margin-top: 5px;
  max-width: 160px;
  padding: 5px;
  text-align: center;
}
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.uploadStatus {
  margin: 5px;
}
div.notice {
  background-color: #ffffff;
  color: #af0000;
  font-size: larger;
  font-weight: bold;
  padding: 5px;
  text-align: center;
}
div#warning {
  background-color: #fee;
  border: thick solid #c00;
  display: table;
  font-size: 125%;
  font-weight: bold;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  padding: 10px;
}

.fieldWithErrors {
  background-color: #c00;
  display: inline;
  padding: 5px;
}
#errorExplanation {
  background-color: #f0f0f0;
  border: 2px solid 'red';
  color: #000000;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 15px;
  padding-bottom: 12px;
  width: 400px;
}
#errorExplanation h2 {
  text-align: center;
  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;
  text-align: left;
}
#errorExplanation ul li {
  font-size: 14px;
  list-style: square;
  text-align: left;
}

form {
  display: inline;
}

h1 {
  font-size: 18pt;
}
h1#page_title {
  background-color: #eee;
  border: medium solid #ddd;
  font-size: 24px;
  padding: 10px;
}

h2 {
  display: inline;
  font-size: 14pt;
}

h3 {
  font-size: 12pt;
}

input {
  background-color: #eef;
}
input[type='submit'].big {
  padding: 5px 25px 5px 25px;
}
input[type='submit']:hover {
  color: blue;
}

table.center {
  margin-left: auto;
  margin-right: auto;
}
table#content {
  border: thin solid #000;
  border-collapse: separate;
  border-spacing: 5px;
  margin-left: auto;
  margin-right: auto;
  padding: 25px;
}
table#content td {
  padding: 5px;
}
table#content th {
  padding: 5px;
}
table#item {
  margin-left: auto;
  margin-right: auto;
}
table#items {
  width: 100%;
}
table#links {
  width: 100%;
}
table#links td {
  font-size: 90%;
}
table#main {
  background-color: #fff;
  margin-right: 10px;
  width: 800px;
}
table#submit_link {
  border: thin solid #000;
  margin-left: auto;
  margin-right: auto;
}

td.bold {
  font-weight: bold;
}
td.center {
  text-align: center;
}
td#content {
  border: medium solid #eee;
  margin-left: auto;
  margin-right: auto;
  padding: 25px;
  text-align: center;
  width: 100%;
}
td#content > table {
  border: thin solid #000;
  margin-left: auto;
  margin-right: auto;
}
td.date {
  text-align: right;
  white-space: nowrap;
}
td#item_content {
  text-align: center;
}
td#left_column {
  background-color: #dfdfdf;
  font-weight: bold;
  text-align: left;
}
td#middle_column {
  background-color: #ffffff;
}
td.nowrap {
  white-space: nowrap;
}
td.right {
  text-align: right;
}
td#right_column {
  background-color: #dfdfdf;
  font-weight: bold;
  text-align: left;
}
td.submit {
  padding: 10px;
  text-align: center;
}

textarea {
  background-color: #eef;
}

th {
  background-color: #dfdfdf;
  padding: 5px;
}
th#item_rating {
  text-align: left;
  width: 50%;
  white-space: nowrap;
}
th#item_views {
  text-align: right;
  width: 50%;
}
th.left {
  text-align: left;
}
th.right {
  text-align: right;
}

tr {
  vertical-align: top;
}
tr.even {
  background-color: #efefef;
}
tr.odd {
  background-color: #ffffff;
}