h1
   {
    color: #cc0000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 14pt;
    font-weight: bold
   }
h2
   {
    color: #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: bold
   }
a:link
   {
    color: #cc0000;
    font-weight: bold;
    text-decoration: none
   }
a:visited
   {
    color: #0000cc;
    font-weight: bold;
    text-decoration: none
   }
a:hover
   {
    color: #000000;
    font-weight: bold;
    text-decoration: underline
   }
a:active
   {
    color: #990000;
    font-weight: bold;
    text-decoration: underline
   }
a:link.nob, a:visited.nob
   {
    color: #cc0000;
    font-weight: normal;
    text-decoration: none
   }
a:hover.nob
   {
    color: #000000;
    font-weight: normal;
    text-decoration: underline
   }
a:active.nob
   {
    color: #990000;
    font-weight: normal;
    text-decoration: underline
   }

body
   {
    background-color: #ffffff;
    color: #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    max-width: 800px;
    text-align: justify
   }
/* Cannot use generic table styles with overLIB
 table
   {
    background-color: #ffffff;
    color: #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    text-align: justify
   }  */
div.error
   {
    background-color: #cc0000;
    color: #ffffff;
    font-size: 10pt;
    font-weight: bold;
    text-align: justify;
    padding: 5px
   }
div.message
   {
    background-color: #003300;
    color: #ffffff;
    font-size: 10pt;
    font-weight: bold;
    text-align: justify;
    padding: 5px
   }
div.note
   {
    background-color: #f0f0f0;
    text-align: justify;
    padding: 5px;
    border: 1px solid #000000
   }
div.policy
   {
    font-size: 12pt;
    text-align: justify;
    padding: 5px;
    border: 0
   }
div.verticalText
   {
    background-color: #cc0000;
    color: #ffffff;
    font: bold 13pt Arial;
    position: absolute;
    right: 3px;
    top: 20px;
    width: 15px;
    writing-mode: tb-rl
   }
/* -- TOC ------------------------------------------------------------------ */
div.tocBottom
   {
    text-align: center;
    white-space: nowrap
   }

/* -- Detail --------------------------------------------------------------- */
img.det
   {
    margin: 5px;
    padding: 3px;
    float: left;
    border: 1px solid #000000
   }
div.det
   {
    font-size: 10pt;
    text-align: justify;
    width: 100%;
    border: 0
   }
div.detOrderLinks, div.detCompliments
   {
    width: 100%;
    padding: 5px;
    border: 1px solid #000000
   }
div.detOrderLinks
   {
    font-size: 10pt;
    background-color: #f0f0f0;
    text-align: center
   }
div.detCompliments
   {
    font-size: 9pt;
    background-color: #e0f5e2
   }
div.rollover
   {
    text-align: center;
    border: 0
   }
table.det
   {
    background-color: #ffffff;
    color: #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    text-align: justify
   }

/* -- Order ---------------------------------------------------------------- */
div.ordAddHeader
   {
    background-color: #135192;
    color: #ffffff;
    font-size: 11pt;
    font-weight: bold;
    text-align: center;
    padding: 5px;
    margin-top: 2px;
    margin-bottom: 2px;
    border: 1px solid #000000
   }
div.ordAddData
   {
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
    padding: 5px;
    margin-top: 2px;
    margin-bottom: 2px;
    border: 1px solid #000000
   }
table.ordDet
   {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #000000
   }
th.ordDet1, th.ordDet2
   {
    color: #ffffff;
    font-size: 11pt;
    font-weight: bold;
    text-align: center;
    padding: 5px
   }
th.ordDet1
   {
    background-color: #135192
   }
th.ordDet2
   {
    font-size: 9pt;
    background-color: #000000
   }
td.ordDetLabel, td.ordDetData_l, td.ordDetData_c, td.ordDetData_r
   {
    font-size: 10pt;
    vertical-align: top;
    padding: 3px;
    border: 1px solid #000000
   }
td.ordDetLabel
   {
    text-align: left;
    font-weight: bold
   }
td.ordDetData_l
   {
    text-align: left
   }
td.ordDetData_c
   {
    text-align: center
   }
td.ordDetData_r
   {
    text-align: right
   }
div.ordPrc
   {
    background-color: #f0f0f0;
    width: 100%;
    padding: 5px;
    border: 1 solid #000000
   }
table.ordPrc
   {
    background-color: #f0f0f0;
    border-collapse: collapse;
    border: 0;
    margin-left: 30px
   }
td.ordPrcLabel, td.ordPrcData
   {
    font-size: 10pt;
    padding: 3px;
    white-space: nowrap;
    border: 0
   }
td.ordPrcLabel
   {
    text-align: left
   }
td.ordPrcData
   {
    text-align: right
   }
div.ordCust
   {
    text-align: justify;
    width: 90%;
    padding: 5px;
    border: 1 solid #000000
   }
table.ordCust
   {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #000000
   }
td.ordCustLabel, td.ordCustLabel_nw
   {
    background-color: #f0f0f0;
    font-size: 10pt;
    font-weight: bold;
    text-align: right;
    vertical-align: top;
    padding: 3px;
    border: 1px solid #000000
   }
td.ordCustLabel_nw
   {
    white-space: nowrap
   }
td.ordCustData_l, td.ordCustData_c, td.ordCustData_r
   {
    font-size: 10pt;
    vertical-align: top;
    padding: 3px;
    border: 1px solid #000000
   }
td.ordCustData_l
   {
    text-align: left
   }
td.ordCustData_c
   {
    text-align: center
   }
td.ordCustData_r
   {
    text-align: right
   }
div.ordBox
   {
    text-align: center;
    width: 80%;
    padding: 5px;
    border: 0
   }
table.ordBox
   {
    border-collapse: collapse;
    border: 1 solid #000000
   }
th.ordBox1, th.ordBox2, th.ordBox3
   {
    padding: 3px;
    background-color: #ffff66
   }
th.ordBox1, th.ordBox2
   {
    border: 2px solid #000000
   }
th.ordBox1
   {
    font-size: 12pt
   }
th.ordBox2
   {
    font-size: 10pt
   }
th.ordBox3
   {
    font-size: 9pt;
    border: 0
   }
td.ordBoxLabel, td.ordBoxData_l, td.ordBoxData_c, td.ordBoxData_r
   {
    font-size: 9pt;
    vertical-align: top;
    padding: 3px;
    border: 0
   }
td.ordBoxLabel
   {
    text-align: left
   }
td.ordBoxData_l
   {
    text-align: left
   }
td.ordBoxData_c
   {
    text-align: center
   }
td.ordBoxData_r
   {
    text-align: right
   }
div.ordWarnHead, div.ordWarnBody
   {
    width: 90%;
    padding: 2px;
    border: 1px solid #000000;
   }
div.ordWarnHead
   {
    text-align: center;
    font-size: 14pt;
    background-color: #dbd739;
   }
div.ordWarnBody
   {
    text-align: justify;
   }
table.ordWarn
   {
    border-collapse: collapse;
    width: 100%;
    border: 0
   }
td.ordWarn1, td.ordWarn2
   {
    font-size: 10pt;
    vertical-align: top;
    text-align: left;
    padding: 3px;
    border: 0
   }
td.ordWarn2
   {
    white-space: nowrap
   }

div.ordSpecHead, div.ordSpecBody
   {
    width: 90%;
    padding: 2px;
    border: 1px solid #000000;
   }
div.ordSpecHead
   {
    text-align: center;
    font-size: 12pt;
    font-weight: bold;
    background-color: #003300;
    color: #ffffff
   }
div.ordSpecBody
   {
    text-align: justify
   }
table.ordSpec
   {
    border-collapse: collapse;
    width: 100%;
    border: 0
   }
th.ordSpec
   {
    font-size: 11pt;
    border: 1px solid #000000
   }
td.ordSpec1, td.ordSpec2
   {
    font-size: 10pt;
    vertical-align: top;
    text-align: left;
    padding: 3px;
    border: 1px solid #000000
   }
td.ordSpec2
   {
    text-align: right;
    background-color: #d0d0d0
   }

/* -- Survey --------------------------------------------------------------- */
div.survey
   {
    text-align: justify;
    width: 90%;
    padding: 5px;
    border: 1 solid #000000
   }
table.survey
   {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #000000
   }
td.surveyLabel
   {
    background-color: #f0f0f0;
    font-size: 10pt;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    padding: 3px;
    border: 1px solid #000000
   }
td.surveyData_l, td.surveyData_c
   {
    font-size: 10pt;
    vertical-align: top;
    padding: 3px;
    border: 1px solid #000000
   }
td.surveyData_l
   {
    text-align: left
   }
td.surveyData_c
   {
    text-align: center
   }
   
/* -- Footer --------------------------------------------------------------- */
div.footer
   {
    font-size: 8pt;
    text-align: right;
    white-space: nowrap
   }

/* -- Data Entry ----------------------------------------------------------- */
div.deHead
   {
    background-color: #cc0000;
    color: #ffffff;
    font-size: 14pt;
    font-weight: bold;
    padding: 5px;
    border: 2px outset #c0c0c0
   }
div.de
   {
    background-color: #c0c0c0;
    text-align: center;
    padding: 5px;
    margin-bottom: 5px;
    border: 2px outset #f0f0f0
   }
table.de, table.de2
   {
    border-collapse: collapse;
    border: 1px solid #000000
   }
table.de
   {
    margin-left: auto;
    margin-right: auto
   }
td.deLabel, td.deLabel_b, td.deEntry, td.deEntry_b
   {
    font-size: 10pt;
    vertical-align: top;
    padding: 3px;
    border: 1px solid #000000
   }
td.deLabel, td.deLabel_b
   {
    text-align: right
   }
td.deEntry, td.deEntry_b
   {
    text-align: left
   }
td.deLabel_b, td.deEntry_b
   {
    font-weight: bold
   }
td.deSection
   {
    background-color: #f0f0f0;
    color: #000000;
    font-size: 12pt;
    font-weight: bold;
    text-align: center;
    vertical-align: top;
    padding: 3px;
    border: 1px solid #000000
   }
   
/* -- Kits ----------------------------------------------------------------- */
div.kit
   {
    text-align: justify;
    align: center;
    width: 90%;
    padding: 5px;
    border: 0
   }
table.kit
   {
    width: 100%;
    border-collapse: collapse;
    border: 0
   }
th.kit
   {
    background-color: #000000;
    color: #ffffff;
    font-size: 9pt;
    font-weight: bold;
    text-align: center;
    padding: 5px
   }
td.kitLabel, td.kitData_l, td.kitData_c, td.kitData_r
   {
    font-size: 10pt;
    vertical-align: top;
    padding: 3px;
    border: 1px solid #000000
   }
td.kitLabel
   {
    text-align: left;
    font-weight: bold
   }
td.kitData_l
   {
    text-align: left
   }
td.kitData_c
   {
    text-align: center
   }
td.kitData_r
   {
    text-align: right
   }
   
/* -- Reports -------------------------------------------------------------- */
div.rpttoc
   {
    padding: 3px;
    margin-right: 5px;
    border-right: 1px solid #cc0000;
    float: left
   }
div.rpt
   {
    text-align: center
   }
table.rpt
   {
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
    border: 1px solid #000000
   }
th.rpt
   {
    background-color: #c0c0c0;
    font-size: 11pt;
    padding: 2px;
    border: 1px double #000000
   }
td.rpt1, td.rpt2
   {
    font-size: 10pt;
    text-align: left;
    vertical-align: top;
    padding: 3px;
    border-bottom: 1px solid #c0c0c0;
    border-left: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0
   }
td.rpt2
   {
    background-color: #e0e0e0
   }
td.rptTotal
   {
    font-size: 11pt;
    font-weight: bold;
    text-align: right;
    vertical-align: top;
    padding: 3px;
    border-bottom: 1px solid #c0c0c0;
    border-left: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0
   }