body {
  background-color : #f1efe2; 
  margin-left: 20px;
}

a { text-decoration: none; }

.mainbody {
  background: #f1efe2 url(http://ret.browserhawk.com/bhtg/ret/images/cpumag.gif) no-repeat 420px 0px; 
  font-family: arial;
}

.fullbody {
  background: #f1efe2; 
}

.emailreportconfirmation {}
.emailreportconfirmation .footermessage { font-size: 12px; }

.pleasewait { color: black; font-size: 16px; }
.topsection { padding-left: 4px; }
.emailreport .topsection { padding-left: 4px; padding-bottom: 5px; }

.pagetitle { padding-top: 15px; font-size: 22px;}
.pageintro { padding-top: 15px; font-size: 14px; width: 410px; }

.emailreport .pagetitle { font-family: arial; font-size: 22px; font-weight: bold; padding-bottom: 5px; padding-left: 26px; }

.bottomsection { padding-left: 4px; }

.footermessage { font-size: 14px; padding-bottom: 10px; }
.emailreport .footermessage { padding-top: 10px; }

.emailsent {margin-top: 10px; }
.emailsentmessage { color: black; background: yellow; font-size: 14px; font-weight: bold; }

.contactthehelpdeskbutton { font-weight: bold; padding: 2px; font-size: 14px;}
.sendtohelpdeskbutton { font-weight: bold; padding: 2px;}
.hidesendtohelpdesklink { font-size: 10px; padding-left: 8px; text-decoration: underline; cursor: pointer; color: blue; }

.emailreportcontactinfo { width: 490px; padding: 15px; background-color: #c9dabb; border: 2px solid black; }
.emailreport .emailreportcontactinfo { background-color: Transparent; border: 0px; padding-bottom: 0px; }
.emailreport .emailreportcontactinfo { padding-top: 2px; }
.emailreportcontactinfoform {}

.emailreportcontactinfotable { }
.emailreportcontactinfotable td { vertical-align: top; }

.emailreportcontactinfoheading { font-weight: bold; padding-bottom: 7px; }
.emailreportcontactinfointro { }

.emailreportnamerow {}
.emailreportnamelabel {text-align: right; }
.emailreportnamedata { }

.emailreportemailrow {}
.emailreportemaillabel {text-align: right; }
.emailreportemaildata {}

.emailreportdatetimerow {}
.emailreportdatetimelabel {text-align: right; }
.emailreportdatetimedata { font-size: 11pt;}

.emailreportdescrow { }
.emailreportdesclabel {padding-top: 10px; text-align: right; vertical-align: top; }
.emailreportdescdata { padding-top: 10px; width: 450px;}
.emailreportdescdata p { margin-top: 6pt; margin-bottom: 0pt;}


.emailreport .pageintro { margin-bottom: 17px; }

.resultstable { padding-top: 20px; padding-bottom: 10px; }
.emailreport .resultstable { padding-top: 5px; padding-bottom: 10px; }

.bhawkrules {
  font-family: Arial;
  border-spacing: 2px;
  border: 1px solid #ccc;
  font-size: 13px;
}

.bhawkpass { color: black; }
.bhawkfail { color: black; }
.bhawkwarn { color: black; }

.bhawkrules .bhawktestname {
  width: 110px;
}

.bhawkrules .bhawktestmessage {
  width: 280px;
}


.bhawkrules .bhawkpass .bhawktestanswer {
  background: #f8f7ef url(http://ret.browserhawk.com/bhtg/ret/images/ret_smilely_pass.gif) 10px no-repeat;
  padding: 16px 15px 16px 46px;
}

.bhawkrules .bhawkwarn .bhawktestanswer {
  background: #f8f7ef url(http://ret.browserhawk.com/bhtg/ret/images/ret_smilely_warn.gif) 10px no-repeat;
  padding: 16px 15px 16px 46px;
}


.bhawkrules .bhawkfail .bhawktestanswer {
  background: #f8f7ef url(http://ret.browserhawk.com/bhtg/ret/images/ret_smilely_fail.gif) 10px no-repeat;
  padding: 16px 15px 16px 46px;
  color: #dc2c2e;
  font-weight: bold;
}


.bhawkrules .bhawkinfo .bhawktestanswer {
  background: #f8f7ef url(http://ret.browserhawk.com/bhtg/ret/images/ret_smilely_info.gif) 10px no-repeat;
  padding: 16px 15px 16px 46px;
}

.bhawkrules th {
  padding: 10px 15px 10px 12px;
  border: 1px solid #ccc;
  border-left: 1px solid #aaa;
  border-top: 1px solid #aaa;
  background: #007fb5;
  color: white;
}
.bhawkrules td { 
  padding: 16px 15px 15px 12px;
  border: 1px solid #ccc;
  border-left: 1px solid #aaa;
  border-top: 1px solid #aaa;
  background: #f8f7ef;
}
.bhawktestnameheader {
  text-align: left;
}
.bhawktestanswerheader {
  text-align: left;
}

.bhawktestmessageheader {
  text-align: left;
}

/* Uncomment these if your email client doesn't properly support background images in HTML emails. */
 .emailreport .bhawkrules .bhawkpass .bhawktestanswer { background-image: none; padding: 5px 5px 5px 8px;} 
 .emailreport .bhawkrules .bhawkwarn .bhawktestanswer { background: yellow; padding: 5px 5px 5px 8px; } 
 .emailreport .bhawkrules .bhawkfail .bhawktestanswer { background: red; color: black; padding: 5px 5px 5px 8px; } 
 .emailreport .bhawkrules .bhawkinfo .bhawktestanswer { background-image: none; padding: 5px 5px 5px 8px; } 