/* NOTE:  Having top, bottom, and left borders the same color as background */
/* is so that a grid is shown when reports are printed. */ 

 .table  {}
.header 
{
  color: white; 
  font: bold 90% arial, helvetica; 
  background:black;
}

 A.header:link {color: white; border: 0}
 A.header:active {color: white; border: 0}
 A.header:visited {color: white; border: 0}
 A.header:hover { color: #6098C8; border: 0}

 .even   {color: black; 
          font: 85% arial, helvetica; 
          background:#cccccc;
          border-right: 1px solid #b0b0b0;
          border-left: 1px solid #cccccc;
          border-bottom: 1px solid  #cccccc;
          border-top: 1px solid  #cccccc;
         }
 .odd    {color: black; 
          font: 85% arial, helvetica; 
          background:#eeeeee;
          border-right: 1px solid #d2d2d2;
          border-left: 1px solid #eeeeee;
          border-bottom: 1px solid  #eeeeee;
          border-top: 1px solid  #eeeeee;
         }
 .agg    {color: black; 
         font: bold 85% arial, helvetica; 
         background:#FEFEFE;
         border-top: 1px solid black;
         border-bottom: 1px solid black;
         border-left: 1px solid #FeFeFe;
         border-right: 1px solid #e0e1e1
         }

/* Sub-table (charge, damages, etc.) */
 .table2  {}
 .header2 
   {color: white; 
   font: bold 80% arial, helvetica; 
   background:#777777;
   border-bottom:1px solid #777777;
   border-top:1px solid #777777;
   border-left:1px solid #777777;
   border-right:1px solid #BBBBCC}
/* NOTE: Careful with sizes, changing to 87% cause actual size is cubed */
/*       due to a TR TD and then DIV. */
 .even2   {color: black; 
          font: 87% arial, helvetica; 
          background:#deeeDe;
          border-right: 1px solid #cedece;
          border-left: 1px solid #cedece;
          border-bottom: 1px solid #deeede;
          border-top: 1px solid #deeede
         }
 .odd2    {color: black; 
          font: 87% arial, helvetica; 
          background:#cedece;
          border-right: 1px solid #becebe;
          border-left: 1px solid #becebe;
          border-bottom: 1px solid #cedece;
          border-top: 1px solid #cedece
         }
 .agg2    {color: black; 
          font: bold 80% arial, helvetica; 
          background:#becebe;
          border-right: 1px solid #aebeae;
          border-left: 1px solid #aebeae;
          border-top: 1px solid black;
          border-bottom: 1px solid black
          }

/* Summary page */
.summarytable  {border: 0; background:black; border-collapse:collapse;}

.summaryheader {color: white; 
               font: bold 90% arial, helvetica; 
               background:black}
.summaryeven
{
   color: black; 
   font: 90% arial, helvetica; 
   background:#EEEEEE;
   border-right: 1px solid #b2b4bf;
   border-left: 1px solid #EEEEEE;
   border-top: 1px solid #EEEEEE;
   border-bottom: 1px solid #EEEEEE;
}

A.summaryeven:link {color: #330099; border: 0; font: 100% arial, helvetica}
A.summaryeven:active {color: #330099; border: 0; font: 100% arial, helvetica}
A.summaryeven:visited {color:#008080; border: 0; font: 100% arial, helvetica};
A.summaryeven:hover { color: #660033; border: 0; font: 100% arial, helvetica}

.summaryodd 
{
   color: black; 
   font: 90% arial, helvetica; 
   background:white;
   border-right: 1px solid #b2b4bf;
   border-left: 1px solid white;
   border-top: 1px solid white;
   border-bottom: 1px solid white;
}
   
A.summaryodd:link {color: #330099; border: 0; font: 100% arial, helvetica}
A.summaryodd:active {color:#330099; border: 0; font: 100% arial, helvetica}
A.summaryodd:visited {color: #008080; border: 0; font: 100% arial, helvetica}
A.summaryodd:hover { color: #660033; border: 0; font: 100% arial, helvetica}

.summarytotal 
{
  color: white; 
  font: bold 90% arial, helvetica; 
  background:black;
  border-right: 1px solid #b2b4bf;
  border-left: 1px solid black;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  
}

.reportheader
{
  color: white; 
  font: bold 90% arial, helvetica; 
  background:#8691a7
}

.link-text
{
  font-size: 85%;
}


/* Live-Reports Sub-table (charge, damages, etc.) */
 .secTable  {border-top:1px solid black;
             border-bottom:1px solid black;
             border-left:10px solid black;
             border-right:3px solid black;
            }
 .secHeader 
   {color: white; 
   font: 85% arial, helvetica; 
   background:#777777;
   border-bottom:1px solid #777777;
   border-top:1px solid #777777;
   border-left:1px solid #777777;
   border-right:1px solid #BBBBCC}
/* NOTE: Careful with sizes, changing to 87% cause actual size is cubed */
/*       due to a TR TD and then DIV. */
 .secEven  {color: black; 
          font: 83% arial, helvetica; 
          background:#deeeDe;
          border-right: 1px solid #cedece;
          border-left: 1px solid #cedece;
          border-bottom: 1px solid #deeede;
          border-top: 1px solid #deeede
         }
 .secOdd    {color: black; 
          font: 83% arial, helvetica; 
          background:#cedece;
          border-right: 1px solid #becebe;
          border-left: 1px solid #becebe;
          border-bottom: 1px solid #cedece;
          border-top: 1px solid #cedece
         }
 .secAgg    {color: black; 
          font: bold 80% arial, helvetica; 
          background:#becebe;
          border-right: 1px solid #aebeae;
          border-left: 1px solid #aebeae;
          border-top: 1px solid black;
          border-bottom: 1px solid black
          }
 
.article-border
{
  border-style: ridge;
  border-width: 2px;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
}

.vehicle-heading
{
  font-family: Arial;
  font-weight: bold;
  vertical-align: center;
  text-align: center;
  background-color: #CCCCDD;
}

.article-cell
{
  vertical-align: center;
  font-size: 80%;
  padding: 1px; /* padding inside cells. */
}

.date-data
{
  white-space: nowrap;
}

.numeric-data
{
  text-align: right;
}

.year-data
{
  text-align: center;
}