#logo {
    background: url(../images/logo.gif);
    height: 90px;
    width: 228px;
}

/* links not defined by css will be this color */
a {
  color: #000000;
  /* text-decoration: none; */
  font-size: 12px ;
}

a.action {
  color: #d00000;
  text-decoration: underline;
  font-size: 12px ;
}
/* warning text */
.warning {
  color: #c00000;
  font-size: 12px ;
}

/* anchors within warning text */
a.warning {
  color: #c00000;
  text-decoration: underline;
  font-size: 12px ;
}

version {
  font-size: 14px ;
}

.warning {
  color: #c00000 ;
}

/* error messages */
.error {
  font-size:   14px ;
  color:       #c00000;
  font-weight: bold;
}

/* the top of our tables */
th {
  font-size: 12px ;
  border-bottom: solid 1.0pt;
  border-color: black;
  background-color: #deeb9c ;
  text-align: left ;
}

/* the top of our tables */
td {
  font-size:     12px ;
}

/* the color of the lighter rows */
.light {
  background-color: #e0e0e0;
  border:        none ;
  border-bottom: solid;
}

/* the color of the darker rows */
.dark {
  background-color: #deeb9c ;
  border:        none ;
  border-bottom: solid;
}

/* the color of the cancelled rows */
.cancelled {
  background-color: #ffd0d0 ;
  border:        none ;
  border-bottom: solid;
}

a.nav {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px ;
  color: #ffffff;
  text-decoration: none ;
}

/* the color of the body of the documents */
body {
  background-color: #b5db39;
  font-size: 18px;
  font-family: verdana, arial, sans-serif;
}

/* the big header at the top of each page*/
h1 {
	color: #3E7899; /* color: #000000; */
	font-size: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

h3 {
	color: black;
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

option {
  text-decoration: none;
  font-size: 14px ;
}

select {
  text-decoration: none;
  font-size: 14px ;
}

.label {
  color: #000000;
  text-decoration: none;
  font-size: 12px ;
}


/* This defines the border of the text input field on home page, in IE only, I believe */
.textfield
{
	background-color: #FFFFFF;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
}


/* small text at the bottom of the pages */
a.footer
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline ;
	color: #3E7899;
}

/* small text at the bottom of the pages */
.footer
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9c9a9c;
}


/* the attributes of the availability search box */
.regionbox {
    color: #000000;
    background-color: #deeb9c;
}
h3.regionbox {
    color: #3E7899;
    text-align: center;
}
.regionboxTL {
    background-color: #deeb9c;
    margin-top: 10px;
/*
    background-image: url(../images/border-left.gif);
    background-repeat: repeat-y;
    background-position: top left;
*/
    border-top: 1px solid #3E7899;
    border-left: 1px solid #3E7899;
}
.regionboxT {
    background-color: #deeb9c;
    margin-top: 10px;
/*
    background-image: url(../images/border-top.gif);
    background-repeat: repeat-x;
    background-position: top left;
*/
    border-top: 1px solid #3E7899;
}
.regionboxTR {
    background-color: #deeb9c;
    margin-top: 10px;
/*
    background-image: url(../images/border-right.gif);
    background-repeat: repeat-y;
    background-position: top right;
*/
    border-top: 1px solid #3E7899;
    border-right: 1px solid #3E7899;
}
.regionboxL {
    background-color: #deeb9c;
/*
    background-image: url(../images/border-left.gif);
    background-repeat: repeat-y;
    background-position: top left;
*/
    border-left: 1px solid #3E7899;
}
.regionboxR {
    background-color: #deeb9c;
/*
    background-image: url(../images/border-right.gif);
    background-repeat: repeat-y;
    background-position: top right;
*/
    border-right: 1px solid #3E7899;
}
.regionboxBL {
    background-color: #deeb9c;
    text-align: center;
/*
    background-image: url(../images/border-bottom.gif);
    background-repeat: repeat-y;
    background-position: bottom left;
*/
    border-bottom: 1px solid #3E7899;
    border-left: 1px solid #3E7899;
}
.regionboxB {
    background-color: #deeb9c;
    text-align: center;
    vertical-align: top;
/*
    background-image: url(../images/border-bottom.gif);
    background-repeat: repeat-x;
    background-position: bottom left;
*/
    border-bottom: 1px solid #3E7899;
}
.regionboxBR {
    background-color: #deeb9c;
    text-align: center;
/*
    background-image: url(../images/border-bottom.gif);
    background-repeat: repeat-y;
    background-position: bottom right;
*/
    border-bottom: 1px solid #3E7899;
    border-right: 1px solid #3E7899;
}


/* the attributes of the availability graph & legend */
table.graph {
  border: 1px solid #3E7899;
}
th.graph {
  font-family:      verdana, arial, sans-serif;
  font-size:        12px ;
  color:            #000;
  background-color: #deeb9c ;
  text-align:       left ;
}
td.graph {
  font-family:      verdana, arial, sans-serif;
  font-size:        12px ;
  color:            #000;
  background-color: #deeb9c ;
  text-align:       left ;
}
td.graph-blank {
  background-image: url(../images/bar-blank.gif);
}
td.graph-blank-hour {
  background-image: url(../images/bar-blank-hour.gif);
}
td.graph-open {
  background-image: url(../images/bar-open.gif);
}
td.graph-open-hour {
  background-image: url(../images/bar-open-hour.gif);
}
td.graph-taken {
  background-image: url(../images/bar-taken.gif);
}
td.graph-taken-hour {
  background-image: url(../images/bar-taken-hour.gif);
}
td.graph-closed {
  background-image: url(../images/bar-closed.gif);
}
td.graph-closed-hour {
  background-image: url(../images/bar-closed-hour.gif);
}
td.graph-closed-dropoff-ok {
  background-image: url(../images/bar-closed-dropoff-ok.gif);
}
td.graph-closed-dropoff-ok-hour {
  background-image: url(../images/bar-closed-dropoff-ok-hour.gif);
}
td.graph-mine {
  background-image: url(../images/bar-mine.gif);
}
td.graph-mine-hour {
  background-image: url(../images/bar-mine-hour.gif);
}
td.graph-private-fleet {
  background-image: url(../images/bar-private-fleet.gif);
}
td.graph-private-fleet-hour {
  background-image: url(../images/bar-private-fleet-hour.gif);
}
td.graph-red {
  background-image: url(../images/red.gif);
}
td.graph-red-left {
  background-image: url(../images/red-left.gif);
}
td.graph-red-right {
  background-image: url(../images/red-right.gif);
}
td.graph-red-center {
  background-image: url(../images/red-center.gif);
}

td.availability {
  background-color: #f0f0f0;
  border-top: 1px solid #666;
}
td.bodyback {
  background-color: #ffc310;
}