body {
  color: #333; }


#content {
  position: relative;
  top: 0;
  width: 640px;
  padding-left: 20px;
  background-color: white;
  margin: auto; }

body, p, td {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 13px;
  line-height: 14px; }

ol, ul {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 13px;
  line-height: 14px; }

br {
  style: "clear: left"; }

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

a {
  color: #000;
  text-decoration: none; }

a:visited {
  color: #666; }

a:hover {
  text-decoration: underline; }

.notice {
  color: green;
  margin: auto;
  width: 640px; }

.error {
  color: red;
  margin: auto;
  width: 640px; }

.fieldWithErrors {
  display: inline; }

.fieldWithErrors input, .fieldWithErrors select, .fieldWithErrors textarea {
  background-color: #ffdfdf; }

table.table1 {
  list-style: none;
  width: 620px;
  border-collapse: collapse; }
  table.table1 tr {
    height: 24px; }
    table.table1 tr td .left {
      width: 260px; }
    table.table1 tr td .middle {
      width: 220px; }
    table.table1 tr td .right {
      width: 80px; }

tr.even {
  background: #ddd; }

tr.odd {
  background: #eee; }

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

#uploadStatus {
  margin: 5px; }

#progressBar {
  margin: 5px; }
  #progressBar #border {
    background-color: #fff;
    border: 1px solid gray;
    width: 100%; }
  #progressBar #background {
    background-color: #333;
    height: 18px;
    width: 0%; }

#auto_complete {
  width: 350px;
  background: #fff; }

#pagination {
  padding: 3px;
  margin: 3px; }
  #pagination a {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #eee;
    text-decoration: none;
    color: #333; }
  #pagination a:hover a:active {
    border: 1px solid #333;
    color: #eee; }
  #pagination span.current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #333;
    font-weight: bold;
    background-color: #333;
    color: #eee; }
  #pagination span.disabled {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #eee;
    color: #ddd; }

#rating {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #eee;
  color: #aaa; }

#openid_url {
  background: url(/images/login-bg.gif) no-repeat #FFF 5px;
  padding-left: 25px; }

#header {
  width: 640px;
  margin: auto; }
  #header h1 {
    margin-left: 20px; }

#footer {
  width: 640px;
  margin: auto; }

#menu {
  clear: both;
  height: 2.2em;
  width: 640px;
  margin: auto; }
  #menu ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  #menu li {
    float: left;
    display: block;
    margin: 0 23px 0 1px;
    border: 1px solid #aaa; }
    #menu li a {
      background: url(/images/tab_bg.png);
      display: block;
      width: 130px;
      height: 24px;
      line-height: 24px;
      background-color: white;
      text-align: center;
      text-decoration: none; }
      #menu li a:hover {
        background-color: #887470;
        color: black; }