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

}
#reserve-link{
     color: slategray;
     border-style: double ridge;
     border-color: slategray;
}


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

.reserve-form fieldset{
  background: antiquewhite;
  width:      580px;
}


.reserve-form legend{
  color:   white;
  background:  dimgray;
  font-family: sans-serif;
  padding:  0.2em  lem;
}
.reserve-form label2{
  color:     dimgray;
  width:         10em;
  float:         left;
  text-align:    left;
  margin-right:  0.5em;
  display:       block;
}

.reserve-form .submit{
  margin-left:  1.0em;
}

.reserve-form th{
    background:     dimgray;
    color:          white;
    width:         10em;
    float:         left;
    text-align:    center;
    margin-right:  0.5em;
    display:       block;
}
.reserve-form td{
  background: antiquewhite;
}



#reserve-list  .list-title{
    background:     dimgray;
    color:            white;
    font-weight:      border;
     text-align:    center;
}

#reserve-list  .list-image{
    width:       60px;
    height:      70px;
}
#reserve-list  .list-actions{
    font-size:     small;
    font-family:   serif;
    color:         #800000;
    padding-left:  lem;
    text-align:    center;
}
#reserve-list  .list-line-even{
     background: antiquewhite;
}
#reserve-list  .list-line-odd{
     background:  whitesmoke;
}
#reserve-list  .list-line-sunday{
     background:  peachpuff;
}
#reserve-list  .list-line-saturday{
     background:  moccasin;
}
#reserve-list  .list-line-weekday{
     background:  antiquewhite;
}
#reserve-list  .list-youbi-sunday{
     background:  salmon;
     color:       white;
     text-align:    center;
}
#reserve-list  .list-youbi-saturday{
     background:  thistle;
     color:       white;
     text-align:    center;
}
#reserve-list  .list-youbi-weekday{
     background:  dimgray;
     color:       white;
     text-align:    center;
}
#reserve-list  .list-youbi-unusable{
     background:  lightblue;
     text-align:    center;
}

.fieldWithErrors{
   padding: 2px;
   background-color: yellow;
}
.errormessage{
   color:  red;
}
h3{
   color:  dimgray;
   background:  white;
   font-size:     medium;
   font-family:   serif;
   height:        20px;
   width:         600px;

   border-bottom-style: solid;
   border-bottom-color: #ffcc00;
   border-bottom-width: 1px;

}
h3_back{
   color:  dimgray;
   background:  white;
   font-size:     medium;
   font-family:   serif;
   height:        20px;
   width:         580px;

   border-bottom-style: solid;
   border-left-style: solid;
   border-bottom-color: #ffcc00;
   border-left-color: #ffcc00;
   border-bottom-width: 2px;
   border-left-width: 10px;

}
.reserve-head {
   color:  dimgray;
   background:  #ffcc00;
   font-size:     medium;
   font-family:   serif;
   width:         600px;
   height:        20px;
   text-align:  center;
}

.reserve-head1 {
   color:  dimgray;
   background:  white;
   font-size:     medium;
   font-family:   serif;
   height:        20px;
   width:         600px;
   text-align:  center;

   border-bottom-style: solid;
   border-top-style: solid;
   border-bottom-color: #ffcc00;
   border-top-color: #ffcc00;
   border-bottom-width: 2px;
   border-top-width: 4px;
}


