/*
** Author: Roger Hall
** Date:   20051201
*/

/* ********** Google Search Box ********** */

/*
Well, this works, but how does it help, every link in a div (every link) effected.
div a:hover   { background-color: lightblue; text-decoration: none; font-weight: bold; }

Shouldn't something like this work ?
div a:hover.google_compuspec { background-color: red; }
div a.google_compuspec:hover { background-color: red; }
table, td, tr, img {  background-color: inherit; }
form {  background-color: inherit; }
*/

/* a:hover   { background: pink } */

/* No class or id on google search box :-( */
/* img:hover   { background-color: white; } */

/* ********** body **********
**
** Put everything in a body tag as I may well have some pages
** that would like to show what happens with the default styles.
*/

div.body {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10pt;
}

/* ********** title ********** */

table.title {
   font-family: Arial, Helvetica, sans-serif;
   background: #608;
   color: #FFF;
   width: 100%;
   border-collapse: collapse;
   font-size: 20px;
}

td.title {
   padding: 0px;
}

div.title {
   padding: 0px;
   padding-left: 4px;
}


/* ********** logo ********** */

a.logo:link    {
   color: #FFF;
   background-color: transparent;
   text-decoration: none;
}
a.logo:active  {
   color: #FFF;
   background-color: transparent;
   text-decoration: none;
}
a.logo:visited {
   color: #FFF;
   background-color: transparent;
   text-decoration: none;
}
a.logo:hover   {
   color: #CFC;
   background-color: transparent;
   text-decoration: none;
}

/* ********** trail ********** */

div.trail {
   float: left;
   background-image: url('/styles/trim/L2R_red_400x50.png');
   background-repeat: no-repeat;
   width: 400px;
   line-height: 36px;
   padding-left: 4px;
   color: #608;
   font-size: 12pt;
}

a.trail:link {
   color: #608;
   background-color: transparent;
   text-decoration: none;
}

a.trail:active {
   color: #608;
   background-color: transparent;
   text-decoration: none;
}

a.trail:visited {
   color: #608;
   background-color: transparent;
   text-decoration: none;
}
a.trail:hover {
   background-color: transparent;
   text-decoration: overline underline;
}

/* ********** tables ********** */
/*
html, body {
	font-family: Arial, Helvetica, sans-serif;
}
*/

th        {background: #609; color: #FFF }
tr.info   {background: #CFC; color: #000 }
tr.error  {background: #FFC}      /* #FC9 */
tr.error2 {background: #FF9}      /* #FC9 */
tr.fatal  {background: #FCF}      /* #F66 */

/* ********** footer **********/

table.footer {
   font-family: Arial, Helvetica, sans-serif;
   background: #608;
   color: #FFF;
   width: 100%;
   border-collapse: collapse;
   font-size: 12pt;
   margin-top: 10px;
}

td.footer {
   padding: 0px;
   padding-left: 4px;
}

div.footer {
   float: right;
}

/* ********** W3C Validators ********** */
div.W3Cvalidator {
   padding-top: 4px;
   float: left;
}

/* ********** playground **********/

a.trail2:link    { color: #CFC; background-color: transparent; text-decoration: none; }
a.trail2:active  { color: #CFC; background-color: transparent; text-decoration: none; }
a.trail2:visited { color: #CFC; background-color: transparent; text-decoration: none; }
a.trail2:hover   { color: #FFF; background-color: transparent; text-decoration: none; }

a.trail3:link    { color: #608; background-color: transparent; text-decoration: none; }
a.trail3:active  { color: #608; background-color: transparent; text-decoration: none; }
a.trail3:visited { color: #608; background-color: transparent; text-decoration: none; }
a.trail3:hover   { color: #CFC; background-color: transparent; text-decoration: none; font-weight: bold; }