/*
    This CSS file controls the entire look and feel of the pass/fail results
    table displayed to the user.  You can also use CSS tricks to do things
    like change the look and feel for a specific row(s) and even suppress
    a particular column if so desired.

    Edit this file to match the colors, fonts, and overall look and feel
    of your web site.
*/

.bhawkrules {
  font-family: arial;
  border-spacing: 2px;
  border: 1px solid #ccc;
}

.bhawkpass { color: green; }
.bhawkfail { color: red; }
.bhawkwarn { color: orange; }

/* Icons are from the free library at http://www.famfamfam.com/lab/icons/silk/ */
.bhawkrules .bhawkpass .bhawktestanswer {
  background: #F8F7EF url(../images/check.png) 10px 1em no-repeat;
  padding-left: 50px;
}
.bhawkrules .bhawkfail .bhawktestanswer {
  background: #F8F7EF url(../images/cross.png) 10px 1em no-repeat;
  padding-left: 50px;
}
.bhawkrules .bhawkwarn .bhawktestanswer {
  background: #F8F7EF url(../images/warning.png) 10px 1em no-repeat;
  padding-left: 50px;
}
.bhawkrules .bhawkinfo .bhawktestanswer {
  background: #F8F7EF url(../images/information.png) 10px 1em no-repeat;
  padding-left: 50px;
}

.bhawkrules th {
  padding: 11px 5px 5px 11px;
  border: 1px solid #ccc;
  border-left: 1px solid #aaa;
  border-top: 1px solid #aaa;
  background: #ffc;
  color: #444;
}
.bhawkrules td {
  padding: 11px 20px 11px 11px;
  border: 1px solid #ccc;
  border-left: 1px solid #aaa;
  border-top: 1px solid #aaa;
}
.bhawktestnameheader {
  text-align: left;
}
.bhawktestanswerheader {
  text-align: left;
}