body { margin: 10px;  background-color: #EAEAEA;  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;  font-size: 10px; color: #333333; }

/* input */
input          { font-size: 8pt; }
input.DarkGrey { background-color: #333333;  border: 1px solid #821122; color: #FCFCFC; }
input.MedGrey  { background-color: #CCCCCC;  border: 1px solid #561420; color: #333333; }
input.OffWhite { background-color: #FCFCFC;  border: 1px solid #561420; color: #333333; }

select          { font-size: 8pt; }
select.DarkGrey { background-color: #333333;  border: 1px solid #821122; color: #FCFCFC; }
select.MedGrey  { background-color: #CCCCCC;  border: 1px solid #561420; color: #333333; }
select.OffWhite { background-color: #FCFCFC;  border: 1px solid #561420; color: #333333; }

textarea          { font-size: 8pt; }
textarea.DarkGrey { background-color: #333333;  border: 1px solid #821122; color: #FCFCFC; }
textarea.MedGrey  { background-color: #CCCCCC;  border: 1px solid #561420; color: #333333; }
textarea.OffWhite { background-color: #FCFCFC;  border: 1px solid #561420; color: #333333; }

input.logintext     { font-size: 8pt; border: 1px solid #561420; background-color: #CCCCCC; }
input.logintextoff  { font-size: 8pt; border: 1px solid #561420; background-color: #333333; }
input.loginbutton   { font-size: 8pt; border: 1px solid #821122; background-color: #333333; color: #FCFCFC; }
input.graphtext     { font-size: 8pt; border: 1px solid #561420; background-color: #CCCCCC; }
input.graphbutton   { font-size: 8pt; border: 1px solid #821122; background-color: #333333; color: #FCFCFC; }
select.graphselect  { font-size: 8pt; border: 1px solid #561420; background-color: #FCFCFC; }
select.garageselect { font-size: 8pt; border: 1px solid #561420; background-color: #CCCCCC; }
textarea.cars       { font-size: 8pt; border: 1px solid #561420; background-color: #CCCCCC; }


/* OffWhiteB */
table.login  { border: 1px solid #561420; background-color: #FCFCFC; }
/* OffWhiteB */
table.graph { border: 1px solid #561420; background-color: #FCFCFC; }
/* MedGrey bold alCenter s10 */
table.message { border: 1px solid #561420; background-color: #CCCCCC; font-size: 10pt; font-weight: bold; margin-left: auto; margin-right: auto; float: center; }
/* MedGreyB */
table.filter { border: 1px solid #561420; background-color: #CCCCCC; }
/* OffWhiteB alCenter */
table.help { border: 1px solid #561420; background-color: #FCFCFC; margin-left: auto; margin-right: auto; float: center; }
/* alCenter */
table.main { border: 0px; margin-left: auto; margin-right: auto; float: center; }
/* OffWhiteB alCenter */
table.disclaimer { border: 1px solid #561420; background-color: #FCFCFC; margin-left: auto; margin-right: auto; float: center; }

/* tables */
table            { color: #333333; border: 0px; border-collapse: collapse; border-spacing: 0; vertical-align: top; }
table.DarkGrey   { background-color: #333333; color: #FCFCFC; }
table.MedGrey    { background-color: #CCCCCC; color: #333333; }
table.LightGrey  { background-color: #EAEAEA; color: #333333; }
table.OffWhite   { background-color: #FCFCFC; color: #333333; }
table.DarkGreyB  { background-color: #333333; color: #FCFCFC; border: 1px solid #561420; }
table.MedGreyB   { background-color: #CCCCCC; color: #333333; border: 1px solid #561420; }
table.LightGreyB { background-color: #EAEAEA; color: #333333; border: 1px solid #561420; }
table.OffWhiteB  { background-color: #FCFCFC; color: #333333; border: 1px solid #561420; }

td            { vertical-align: top; padding: 0px; }
td.DarkGrey   { background-color: #333333; color: #FCFCFC; }
td.MedGrey    { background-color: #CCCCCC; color: #333333; }
td.LightGrey  { background-color: #EAEAEA; color: #333333; }
td.OffWhite   { background-color: #FCFCFC; color: #333333; }
td.DarkGreyB  { background-color: #333333; color: #FCFCFC; border: 1px solid #561420; }
td.MedGreyB   { background-color: #CCCCCC; color: #333333; border: 1px solid #561420; }
td.LightGreyB { background-color: #EAEAEA; color: #333333; border: 1px solid #561420; }
td.OffWhiteB  { background-color: #FCFCFC; color: #333333; border: 1px solid #561420; }

/* scroll */
.Scroll  { overflow-y: auto;   overflow-x: auto; }
.ScrollX { overflow-y: hidden; overflow-x: auto; }
.ScrollY { overflow-y: auto;   overflow-x: hidden; }

/* div */
div.DarkGrey   { background-color: #333333; color: #FCFCFC; }
div.MedGrey    { background-color: #CCCCCC; color: #333333; }
div.LightGrey  { background-color: #EAEAEA; color: #333333; }
div.OffWhite   { background-color: #FCFCFC; color: #333333; }
div.DarkGreyB  { background-color: #333333; color: #FCFCFC; border: 1px solid #561420; }
div.MedGreyB   { background-color: #CCCCCC; color: #333333; border: 1px solid #561420; }
div.LightGreyB { background-color: #EAEAEA; color: #333333; border: 1px solid #561420; }
div.OffWhiteB  { background-color: #FCFCFC; color: #333333; border: 1px solid #561420; }

/* alignment */
.alRight   { float: right; margin-right: 0; margin-left: auto; }
.alCenter  { float: center; margin-left: auto; margin-right: auto; }
.alLeft    { float: left;  margin-right: auto; margin-left: 0; }
.txtRight  { text-align: right; }
.txtCenter { text-align: center; }
.txtLeft   { text-align: left; }

/* supercede these */
.right    { text-align: right; }
.center   { text-align: center; }
.left     { text-align: left; }
.fright  { float: right; }
.fcenter { float: center; }
.fleft   { float: left; }

/* font */
.bold { font-weight: bold; }
.s8   { font-size: 8pt; }
.s10  { font-size: 10pt; }

/* links */
a                { font-weight: bold; }
a.OffWhite       { color: #FCFCFC; }
a.OffWhite:hover { color: #821122; }
a.DarkRed        { color: #821122; }
a.DarkRed:hover  { color: #C59A6F; }
a.LightRed       { color: #C59A6F; }
a.LightRed:hover { color: #821122; }

/* padding */
.p2   { padding: 2px; }
.p5   { padding: 5px; }
.p10  { padding: 10px; }
.pt5  { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pl5  { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl20 { padding-left: 20px; }
.pl30 { padding-left: 30px; }
.pl40 { padding-left: 40px; }
.pr5  { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pb5  { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }

/* width */
.w5   { width: 5px; }
.w10  { width: 10px; }
.w15  { width: 15px; }
.w20  { width: 20px; }
.w30  { width: 30px; }
.w40  { width: 40px; }
.w45  { width: 45px; }
.w50  { width: 50px; }
.w60  { width: 60px; }
.w70  { width: 70px; }
.w90  { width: 90px; }
.w95  { width: 95px; }
.w100 { width: 100px; }
.w120 { width: 120px; }
.w125 { width: 125px; }
.w150 { width: 150px; }
.w160 { width: 160px; }
.w200 { width: 200px; }
.w230 { width: 230px; }
.w240 { width: 240px; }
.w250 { width: 250px; }
.w260 { width: 260px; }
.w275 { width: 275px; }
.w330 { width: 330px; }
.w350 { width: 350px; }
.w380 { width: 380px; }
.w400 { width: 400px; }
.w420 { width: 420px; }
.w450 { width: 450px; }
.w485 { width: 485px; }
.w500 { width: 500px; }
.w700 { width: 700px; }
.w800 { width: 800px; }
.w802 { width: 802px; }

/* height */
.h28  { height: 30px; }
.h100 { height: 100px; }
.h373 { height: 373px; }
.h384 { height: 384px; }
.h400 { height: 400px; }

td.login { padding-top: 5px; }  /* pt5 */
td.content { padding-top: 5px; padding-left: 5px; }  /* pt5 pl5 */

td.hdrmenu { /* unique */
  background-color: #CCCCCC;
  border-top: 1px solid #561420;
  border-left: 1px solid #561420;
  border-right: 1px solid #561420;
  text-align: center;
}

td.frontcontent { /*  MedGreyB bold txtCenter h400 */
  background-color: #CCCCCC;
  border: 1px solid #561420;
  text-align: center;
  height: 400px;
}

td.content { /* p2 */
  padding: 2px;
}

td.hdrgraph {  /* DarkGrey bold */
  background-color: #333333;
  font-weight: bold;
  color: #FCFCFC;
}

td.hdrlist {  /* DarkGrey bold */
  background-color: #333333;
  font-weight: bold;
  color: #FCFCFC;
}

td.footer { /* unique */
  background-color: #333333;
  border-bottom: 1px solid #561420;
  border-left: 1px solid #561420;
  border-right: 1px solid #561420;
  text-align: right;
  color: #FFFFFF;
  padding-right: 5px;
}

td.helphdr {  /* DarkGrey bold */
  background-color: #333333;
  font-weight: bold;
  color: #FCFCFC;
}

td.helpcontent {  /* OffWhite */
  background-color: #FCFCFC;
  color: #333333;
}

div.users { /* ScrollY */
  overflow-y: auto;
  overflow-x: hidden;
}

div.graphlist {  /* ScrollYB ?? */
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid #561420; 
  background-color: #CCCCCC;
}

div.graph {  /* ScrollYB center w800 */
  border: 1px solid #561420; 
  background-color: #CCCCCC;
  text-align: center;
  width: 800px;
}

a.Main { color: #000066;  border: 0px; }
a.Main:hover { color: #660000; }

a.Menu { color: #FFFFFF; }  /* OffWhite */
a.Menu:hover { color: #FF0000; }

a.login { color: #821122; }  /* DarkRed */
a.login:hover { color: #C59A6F; }

a.users { color: #821122; }  /* DarkRed */
a.users:hover { color: #C59A6F; }

a.footer { color: #EAEAEA; }  /* OffWhite */
a.footer:hover { color: #C59A6F; }