body { background-color: #5f5f5f; color: #000; }

body, p, ol, ul {
 font-family: verdana, arial, helvetica, sans-serif;
 font-size:   9pt;
 color: #888;
 line-height: 14pt;
}
th {
font-size:9pt;
color: #000;
background-color: #ccc;
}
td {
margin: 0px;
padding: 0px;
font-size:9pt;
}
tr {
margin: 0px;
padding: 0px;
}

a { color: #000; text-decoration: none;}
a:visited, a:active { color: #000; text-decoration: none; }
a:hover { color: #fff; background-color:#800;　text-decoration: none;}

th a { color: #00c;　text-decoration: underline;}
th a:visited { color: #00c; }
th a:hover { color: #fff;}

h1 {
    font-size:11pt;
    color: #333;
    background-color: #fff;
    border-bottom: 1px solid #800;
    padding: 5px;
    margin: 0;
    text-align: left;
    height: 20px;
}

h2 {
    font-size:9pt;
    color: #000;
    margin: 0;
    padding: 5px;
    text-align: left;
    height: 18px;
    width: 100%;
}

h3 {
    font-size:9pt;
    color: #fff;
    background-color: #800;
    padding: 2px;
    margin: 0;
    text-align: left;
    height: 20px;
    width: 100%;
}

#top_banner {
}

#data {
    background-color: #fff;
}
#data td {
border-bottom: 1px solid #888;
background-color: #fff;
}
#with_frame {
background-color: #fff;
padding: 10px;
margin: 10px;
}
.window {
 font-size: 8pt;
 color: #888;
 line-height: 14pt;
 background-color: #fff;
 border: 1px solid #aaa;
 padding: 10px,10px,10px,10px;
 margin:  0px,20px,10px,0px;
}
#footer {
    background-color: #fff;
}

#flash_notice {
 padding: 20px;
 color: #333;
 background-color: #fcc;
 width 400px;
}

#flash_notice h1{
  font-size:11pt;
  border-bottom: 1px solid #800;
  text-align: left;
  height: 20px;
  width: 100%;
  color: #600;
  background-color: #fcc;
}

.line0 {
  background-color: #ffc;
}

.line1 {
  background-color: #fc6;
}

#right_navi ul {
  display: block;
  margin: 0; padding: 0;
}

#right_navi li {
  font-size: 9pt;
  margin: 0; padding: 0;
  background: #ddddff;
  width: 100%;
  list-style-type: none;
}

#menucontainer ul, li
{
list-style-type: none;
padding: 0;
margin: 0;
display: block;
float: left;
font: 10px/16px "Lucida Grande", verdana, sans-serif;
text-align: center;
background: #000;
}

#menucontainer a
{
color: #fff;
text-decoration: none;
display: block;
width: 100px;
border-right: 1px solid #5f5f5f;
}

.available {
  background-color: #fff;
}

.rented {
background: url("/images/products/rented-out.gif");
}

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