
<!-- /* hide from older browsers */

   body		 { margin:      0;
                   font-family: Arial, Verdana, sans-serif;
                   font-size:   9pt;                        }

   p#footer-list { margin: 0;
                   padding: 0.5em;
                   padding-top: 0.4em;
                   white-space: nowrap;
                   position: relative;
                   z-index: 0;
                   color: #ffffff;
                   background: #003366;
                   border-top: 6px double #ffffff;
                   border-bottom: 6px double #ffffff;
                   text-decoration: none; }
   p#footer-list a { color: #ffffff;
                     background: #003366;
                     text-decoration: none; }
   p#footer-end    { text-align: center;
                     color: #808080;
                     background: #ffffff; }

   p#quicksearch    { margin:     0 auto;
                      padding:    5px;
                      text-align: center;
                      color:      black;
                      background: #e0e0e0; }
   p#quicksearch span#quicksearchword { font-weight:  bold;
                                        color:        #003366;
                                        background:   inherit; }

   p#sitesearch    { margin:     0 auto;
                     padding:    5px;
                     text-align: center; 
                     color:      black;
                     background: #e0e0e0; }
   p#sitesearch span#sitesearchword { font-weight:  bold;
                                      color:        #006666;
                                      background:   inherit; }

   p.html-mail   { font-size:  125%;
                   margin:     0 3.0em; 0 3.0em; 
                   text-align: left; }

   p.wide-info   { margin-left:  3.0em;
                   margin-right: 3.0em;
                   text-align:   left;  }

   img#hdr-zfintab     { vertical-align: -10%; }
   img#hdr-generaltab  { vertical-align: -10%; }
   img.zfin_link       { vertical-align: -5%; border: 0; }

   .zirc_local_link { color: #ffffff;
                      background: #003366; }

   #header 	 { font-size: 12pt; 
                   font-family: Verdana, Arial, Helvetica, sans-serif; }
   #comments 	 { font-size: 8pt; 
                   font-family: Verdana, Arial, Helvetica, sans-serif; }

   .buttons      { font-family: Verdana, Arial, Helvetica, sans-serif; }
   .types        { font-size: 8pt; 
                   font-family: Verdana, Arial, Helvetica, sans-serif; }
   .verySmall    { font-size: 6pt; 
                   font-family: Verdana, Arial, Helvetica, sans-serif; }
   .small        { font-size: 7pt; 
                   font-family: Verdana, Arial, Helvetica, sans-serif; }
   .small-medium { font-size: 9pt; 
                   font-family: Verdana, Arial, Helvetica, sans-serif; }
   .medium       { font-size: 10pt; 
                   font-family: Verdana, Arial, Helvetica, sans-serif; }
   .medium-big   { font-size: 11pt; 
                   font-family: Verdana, Arial, Helvetica, sans-serif; }
   .big          { font-size: 12pt; 
                   font-family: Verdana, Arial, Helvetica, sans-serif; }
   .veryBig      { font-size: 16pt; 
                   font-family: Arial, Verdana, Helvetica, sans-serif; }
   .courier-small{ font-size: 9pt; 
                   font-family: monospace; }

   table.bg_color         { background-color: #99FFCC; }
   table.cust_view        { border: 1px solid #000080; 
                            background-color: #99FFCC; }
   table.staff_view       { border: 1px solid #000080; 
                            background-color: #B0C0C0; }
   table.cust_notice      { border: 1px solid #000080;
                            background-color: #FF3333; }
   table.contact_view     { border: 1px solid #000080; 
                            background-color: #DFBF81; }
   table.order_view       { border: 1px solid #000080; 
                            background-color: #AAE9D4; }
   table.account_view     { border: 1px solid #000080; 
                            background-color: #E9D4AA; }
   table.shipping_view    { border: 1px solid #000080;
                            background-color: #91CACA; }
   table.billing_view     { border: 1px solid #000080;
                            background-color: #98CA91; }
   table.fish_view        { border: 1px solid #000080;
                            background-color: #81CFDF; }
   table.mta_view         { border: 1px solid #000080; 
                            background-color: #024769; }
   td.staff_view          { border: 1px solid #000080; 
                            background-color: #ffcc66; 
                            font-size: 7pt; 
                            font-family: Verdana, Arial, sans-serif; }
   table.staff_view input { font-family: Verdana, Arial, sans-serif; }
   table.simple_border    { border: 1px solid gray; }

/*   tr.alternate_bg_color {background-color: #00FFCC;} */
   tr.alternate_bg_color { color: black;
                           background-color: #F0F0F0; }

   input.button_table_view        { font-size:  7pt; 
                                    font-family: Verdana, Arial, sans-serif;
                                    background-color: #ffcc66;
                                    color: #000000; }
   input.button_data_management   { font-size: 10pt; 
                                    font-family: Verdana, Arial, sans-serif;
                                    background-color: #3366cc;
                                    color: #FFFFFF; }
   input.button_data_transfer     { font-size: 8pt; 
                                    font-family: Verdana, Arial, sans-serif;
                                    background-color: #0099FF;
                                    color: #FFFFFF; }
   input.button_window_navigation { font-size: 10pt; 
                                    font-family: Verdana, Arial, sans-serif;
                                    background-color: green;
                                    color: #FFFFFF; }
   input.button_window_control    { font-size:  7pt; 
                                    font-family: Verdana, Arial, sans-serif;
                                    background-color: #111111;
                                    color: #FFFFFF; }
   input.button_standard          { font-size: 10pt; 
                                    font-family: Verdana, Arial, sans-serif; }
   input.button_small             { font-size:  7pt; 
                                    font-family: Verdana, Arial, sans-serif; }

   a.novisited:link    { color:           blue;
                         background:      inherit;
                         text-decoration: none;    }
   a.novisited:visited { color:           blue;
                         background:      inherit;
                         text-decoration: none;    }
   a.novisited:hover   { color:           blue;
                         background:      inherit;
                         text-decoration: underline !important; }
   a.novisited:active  { color:           blue;
                         background:      inherit;
                         text-decoration: none;    }

   div.popup          { margin:        5% auto;
                        margin-left:   5%;
                        margin-right:  5%;
                        text-align:    center;
                        font-size:     125%; }
   div.popup p#title  { text-align:    left;
                        font-weight:   bold;   } 
   div.popup p#indent { text-align:    left;
                        text-indent:   5%;
                        font-weight:   normal;   } 
   div.popup p#left   { text-align:    left;
                        font-weight:   normal;   }

   div.zfin         { width:         98%;
                      min-width:     600px;
                      width: expression(document.body.clientWidth < 600
                             ? '600px'
                             : 'auto');
                      margin:        0 auto;
                      margin-bottom: 1.0em;
                      text-align:    center;
                      font-size:     1.25em; }

   div#footer    { margin: 0;
                   padding-bottom: 2.0em; }

   div#graphic_frame { position:   absolute;
                       top:        150px;
                       left:       300px;
                       width:      40%;
                       text-align: left;  }

   div#graphic_body  { position: relative;
                       width:    400px;
                       left: expression('24%');
                       left:     30%;          }

   div#graphic_frame-health_svcs { position:   absolute;
                                   top:        195px;
                                   left:       310px;
                                   width:      30%;
                                   text-align: left;    }

   div#graphic_body-health_svcs  { position:   relative;
                                   width:      375px;
                                   left:       35%;     }

   div#notification_body {
      font-size: 0.80em;
      background: #f0e0e0;
      border-radius: 15px;
      padding: 10px;
      margin: 0 0 1em 0;

   }
   div#notification_body h1 {
      font-size: 1.25em;
      font-weight: bold;
      margin: 0 0 0.4em 0;
      padding: 0;
   }

   div#masthead { width:          750px; 
                  /* height:         96px; */
                  height:         86px;
                /*   border: 1px dashed green; */
                  margin:         0;     }

   div#masthead-feedback { position:     relative; 
                           width:        11.5em;
                           margin-left:  56%; 
                           padding:      5px;
                           z-index:      1000;
                           text-align:   right;
                  /*  border: 1px dashed green; */ 
                           color:        black;
                           background:   white;   }
   div#masthead-feedback a       { color: blue;
                                   background: inherit;
                                   text-decoration: none; }
   div#masthead-feedback a:hover { color: blue;
                                   background: inherit;
                                   text-decoration: underline; }

   div#masthead-feedback-frame   { position:    absolute;
                                   top:         0;
                                   left:        33.0em; 
                     /* border: 1px dotted navy; */
                                   width:       47%;           }

   div#masthead-fee-linkbar { position:    absolute;
                              top:         5px;
                              left:        49.0em; 
                              width:       26%;      }
   div#masthead-fee-links         { position:    relative;
                                    margin:      0;
                                    text-align:  right;
                                    white-space: nowrap;
                                    color:       #ffffff;
                                    background:  #003366; }
   div#masthead-fee-links a       { color: #ffffff;
                                    background: #003366;
                                    text-decoration: none; }
   div#masthead-fee-links a:hover { color: #ffffff;
                                    background: #003366;
                                    text-decoration: underline; }

   div#masthead-linkbar         { position:        absolute;
                                  top:             60px;
                                  margin:          0;
                                  padding:         0.4em 0em 0.4em 0em; 
                                  white-space:     nowrap;
                                  width:           100%;
                                  z-index:         1000;
                                  color:           #ffffff;
                                  background:      #003366;
                                  border-bottom:   6px double #ffffff; 
                                  text-decoration: none;                }
   div#masthead-linkbar a       { color:           #ffffff;
                                  background:      #003366;
                                  text-decoration: none; }
   div#masthead-linkbar a:hover { color:           #ffffff;
                                  background:      #003366;
                                  text-decoration: underline; }

   div#masthead-links         { position:    relative;
                                width:       98%;
                                margin-left: 0.4em;
                   /* border: 1px dashed white; */
                                white-space: nowrap;   }

   div#masthead-logo       { position:    relative; 
                             padding:     0.45em 0em 0em 2.0em;
                             text-align:  left;
                  /* border: 1px dashed black; */
                             color:       black;
                             background:  white;    }

   div#masthead-super-frame { position: absolute;
                              top:      0;
                              left:     15.0em;
                              width:    70%;
                              z-index:  1000;
                   /* border: 1px dashed red; */
                          }

   div#masthead-superlinks { position:       relative; 
                             /* width:        18.0em; use with `Account' */
                             width:          12.0em; 
                             /* margin-left:  35%; use with `Account'*/
                             margin-left:    45%; 
                             padding:        5px;
                             text-align:     center;
                             white-space:    nowrap;
                    /* border: 1px dashed yellow; */
                             color:          black;
                             background:     #e0e0e0;   }
   div#masthead-superlinks img { vertical-align: top;
                                 border:         0;    }

   div#masthead-tab-frame { position:    absolute;
                            top:         36px;
                            left:        13.0em;
                            margin-left: 2%;
                            width:       49.5em;
                    /* border: 1px dashed blue;  */
                          }

   div#masthead-tabs { position:    relative;
                       text-align:  center;
                       /* top:         -22px; */
                       /* width:       50.0em; */
                       /* left:        2%; */
                       /* text-align: right; */
                       white-space: nowrap;
                     }

   div.nifty-narrow { width:         350px;
                      margin:        0.25em;
                      margin-left:   1.0em;
                      margin-right:  60%;
                      text-align:    left;
                      color:         black;
                      background:    #e0e0e0; }

   div.nifty-wide   { width:         440px;
                      margin:        0.25em;
                      margin-left:   0.0em;
                      margin-right:  1.0em;
                      padding:       0.75em;
                      text-align:    left;
                      color:         black;
                      background:    #e0e0e0; }

   div#page-title { position:      relative;
                    margin:        0 auto;
                    padding:       0.75em;
                    font-size:     1.35em;
                    font-weight:   bold;
                  }

   div#result-set { position:     relative;
                    margin-left:  1%;
                    margin-right: 1%;       }

   div#result-set-title { margin:     1.0em auto;
                          width:      98%;
                          text-align: center;
                          font-size:  1.25em;  }

   div#result-set-title span#quicksearchword { font-weight: bold; }

   div#searches   { position:    relative;
       /* border: 1px dashed red; */
                    width:       98%;
                    margin:      0 auto;
                    padding:     0em 0em 0.50em 0em;
                    white-space: nowrap;
                    font-size:   100%;     }

   div#sitesearch span#sitesearchword { font-size:  125%; 
                                        color:      #006666;
                                        background: inherit; }

   table#healthreport               { width: 95%;
                                      margin: 0 auto;
                                      border: 1px solid black;
                                      border-collapse: collapse;
                                      empty-cells: show;
                                      text-align: left;
                                      vertical-align: top; }
   table#healthreport th            { border:  1px solid black; }
   table#healthreport td            { padding: 3px;
                                      border: 1px solid black; }
   table#healthreport td.number     { text-align: right;       }
   table#healthreport td.histo-item { text-align: left;
                                      padding-left: 25px;      }

   table#contactus                  { width: 75%;
                                      margin: 0 auto;
                                      border: 1px solid #d0d0d0;
                                      border-collapse: collapse;
                                      empty-cells: show;
                                      text-align: left;
                                      padding: 0.25em;
                                      vertical-align: top;    }
   table#contactus th              { border:  0; }
   table#contactus td              { vertical-align: top;
                                     padding:        5px;
                                     border:         0;       }
   table#contactus td.ctr          { text-align: center;      }
   table#contactus td.lt           { text-align: left;        }
   table#contactus td.rt           { text-align: right;       }


   table.itemslist              { width: 95%;
                                 /*  margin: 0 auto; */
                                  border: 0;
                                  border-collapse: collapse;
                                  empty-cells: show;
                                  text-align: left;
                                  padding: 0.25em;
                                  vertical-align: top; }
   table.itemslist tr.alt       { color: black;
                                  background:#EEEEEE; }
   table.itemslist tr           { width: 100%; }
   table.itemslist th           { padding-left: 0.25em;
                                  padding-right: 0.25em; }
   table.itemslist th#remove    { width:         5%;
                                  text-align:    left; 
                                  border-bottom: double 3px black; }
   table.itemslist th#product   { width:         10%;
                                  border-bottom: double 3px black; }
   table.itemslist th#detail    { width:         30%;
                                  border-bottom: double 3px black; }
   table.itemslist th#unit      { width:         15%;
                                  text-align:    left; 
                                  border-bottom: double 3px black; }
   table.itemslist th#quantity  { width:         8%; 
                                  text-align:    right;
                                  padding-right: 1.0em; 
                                  border-bottom: double 3px black; }
   table.itemslist th#price     { width:         15%; 
                                  text-align:    right; 
                                  border-bottom: double 3px black; }
   table.itemslist th#price_total { width:        15%; 
                                    text-align:    right;
                                    border-bottom: double 3px black; }
   table.itemslist td           { vertical-align: top;
                                  padding: 0.25em; }
   table.itemslist td.comment   { padding-bottom: 12px;
                                  border-top: solid 2px gray; 
                                  border-bottom: double 3px gray; }
   table.itemslist td.commenttp { padding-bottom: 12px;
                                  text-align: center; 
                                  border-top: solid 2px gray; 
                                  border-bottom: double 3px gray; }
   table.itemslist td.remove    { width:         5%;
                                  text-align:    left; 
                                  border-bottom: solid 1px gray; }
   table.itemslist td.product   { width:         10%;
                                  border-bottom: solid 1px gray; }
   table.itemslist td.detail    { width:         30%;
                                  border-bottom: solid 1px gray; }
   table.itemslist td.unit      { width:         15%;
                                  text-align:    left; 
                                  border-bottom: solid 1px gray; }
   table.itemslist td.quantity  { width: 8%;
                                  padding-right: 1.0em; 
                                  text-align:    right; 
                                  border-bottom: solid 1px gray; }
   table.itemslist td.price     { width:         15%;
                                  text-align:    right;
                                  white-space:   nowrap;
                                  border-bottom: solid 1px gray; }
   table.itemslist td.price2    { width:         15%;
                                  text-align:    right;
                                  white-space:   nowrap;
                                  border-bottom: solid 1px gray; }
   table.itemslist td.price_total { 
                                  width: 15%;
                                  text-align: right;
                                  white-space: nowrap;
                                  border-bottom: solid 1px gray; }
   table.itemslist td.set_price   { text-align: right; } 
   table.itemslist td#pricetype   { text-align: right; 
                                    font-size: smaller; }
   table.itemslist td#totalitems  { text-align: left; 
                                    padding: 8px 2px 12px 2px;  
                                    border-top: double 3px black;  }
   table.itemslist td#subtotal    { text-align: right;
                                    padding: 8px 2px 12px 2px;  
                                    border-top: double 3px black;  }
   table.itemslist td#wtcaveat    { text-align: right;
                                    padding: 2px; }

   table.itemslist input#proceed_ok  { color: black;
                                       /* background: #0000cc; */
                                       background: inherit;
                                       border: 3px outset #000066; }
   table.itemslist input#proceed_notok { color: gray; 
                                         background: inherit; }

   table.orderform          { margin: 0 auto;
                              border-width: 0px;
                              border-collapse: collapse;
                              width: 600px;
                              text-align: center; }
   table.orderform td       { padding: 3px; }
   table.orderform td.title { text-align: left;
                              vertical-align: top;
                              font-weight: bold; }
   table.orderform td.lt    { text-align: left;
                              vertical-align: top; }
   table.orderform td.rt    { text-align: right;
                              vertical-align: top; }

   table.pagetitle       { width:           100%;
                           border-collapse: collapse;
                           font-size:       1.25em; }
   table.pagetitle td.cr { width: 34%;
                           padding: 0.5em;
                           white-space: nowrap;
                           text-align: center;
                           vertical-align: middle; } 
   table.pagetitle td.lt { width: 33%; 
                           white-space: nowrap;
                           padding-left: 25px;
                           text-align: left;
                           vertical-align: middle; } 
   table.pagetitle td.rt { width: 33%; 
                           white-space: nowrap;
                           padding-right: 25px;
                           text-align: right;
                           vertical-align: middle; } 

   table.quantity                 { width: 95%;
                                    margin: 0 auto;
                                    border: 0;
                                    border-collapse: collapse;
                                    text-align: left; }
   table.quantity th#quantity     { text-align: right; 
                                    white-space: nowrap;
                                    padding-right: 1.25em; }
   table.quantity th#product      { width: 10%;
                                    text-align: center; }
   table.quantity th#detail       { width: 30%; }
   table.quantity th#unit         { width: 15%; }
   table.quantity th#price        { /* width: 15%; */
                                    text-align: center; }
   table.quantity th#price_total  { /* width: 15%; */
                                    text-align: center; }
   table.quantity td              { width: auto;
                                    padding: 0.5em;
                                    vertical-align: top;
                                    text-align: left; }
   table.quantity td.set_price    { width: auto;
                                    text-align: right; }
   table.quantity td.button       { width: auto; 
                                    padding: 5px; text-align: center;}
   table.quantity td.continue     { padding: 5px; text-align:center;}
   table.quantity td.product      { /* width: 15%; */
                                    border-top: solid 1px gray;
                                    border-left: solid 1px gray;
                                    border-bottom: solid 1px gray;
                                    text-align: center; }
   table.quantity td.detail       { border-top:solid 1px gray;
                                    border-bottom:solid 1px gray; }
   table.quantity td.unit         { border-top: solid 1px gray;
                                    border-bottom: solid 1px gray; }
   table.quantity td.quantity     { /* width: 15%; */
                                    text-align:    right; 
                                    white-space:   nowrap; 
                                    border-top:    solid 1px gray;
                                    border-bottom: solid 1px gray;
                                    padding-right: 2.0em;
                                    padding-top: 5px;
                                    padding-bottom: 3px; }
   table.quantity td.price        { width: 15%;
                                    border-top: solid 1px gray;
                                    border-bottom: solid 1px gray;
                                    white-space: nowrap;
                                    text-align: right; }
   table.quantity td.price_total  { width: 15%;
                                    border-top: solid 1px gray;
                                    border-bottom: solid 1px gray;
                                    border-right: solid 1px gray;
                                    white-space: nowrap;
                                    text-align: right; }
   table.quantity input.quantity  { text-align: right; }
   table.quantity select.quantity { text-align: right; size: 5; }
   table.quantity img             { vertical-align: top; } 

   table#searches                { width: 100%;
                                   font-size: 110%; }
   table#searches td             { padding:     0; 
                                   white-space: nowrap; }
   table#searches td#quicksearch { text-align:    left; } 
   /* table#searches td#quicksearch input#input_c { width: 30%; } */

   table#searches td#sitesearch  { text-align:    right; }

   table.submissionform          { margin:          0 auto;
                                   border-width:    0;
                                   border-collapse: collapse;
                                   width:           80%;
                                   text-align:      center;
                                   white-space:     normal;  }
 
   table.submissionform td       { padding:         3px; }
   table.submissionform td.title { text-align:      left;
                                   vertical-align:  top;
                                   font-weight:     bold; }
   table.submissionform td.lt    { text-align:      left;
                                   vertical-align:  top; }
   table.submissionform td.rt    { text-align:      right;
                                   vertical-align:  top; }

   table.zfin        { width: 100%;
		       border: 0;
		       border-collapse: collapse;
		       font-size: 1.25em; }
   table.zfin tr.alt { color: black;
                       background:#EEEEEE; }
   table.zfin th     { padding: 2px; 
                       text-align: left; }
   table.zfin th.rt  { padding: 2px; 
                       text-align: right; }
   table.zfin th.ctr { padding: 2px;
                       text-align: center; }
   table.zfin td     { padding: 2px; 
                       text-align: left;
                       vertical-align: top; }
   table.zfin td.ctr { padding: 2px;    
                       text-align: center; }
   table.zfin td.rt  { padding: 2px;
                       text-align: right; }

   .required         { color:      red; 
                       background: inherit; }
   .required_big     { font-size:  120%;
                       color:      red; 
                       background: inherit; }

   ul#hdr-tablist  { list-style-type: none;
                     margin:          0;
                     padding:         0;
                     white-space:     nowrap; }

   ul#hdr-tablist li { float:           left;
                       width:           12.0em;
                       margin:          0px 2px 0px 0px;
                       padding:         4px 0px 10px 0px;
                       text-align:      center;
                       text-decoration: none;   }

   ul#hdr-tablist li a { float:           left;
                         width:           12.0em;
                         margin:          0px 2px 0px 0px;
                         padding:         4px 0px 10px 0px;
                         text-align:      center;
                         text-decoration: none;   }

   li#hdr-zfintab    a { font-weight: bold;
                         color:       #006666;
                         background:  #e0e0e0; }

   /* Todo: transition to these instead of the
    * weird referal if statement below */
   li#hdr-unselected   a { 
      color: #000000;
      background: #e0e0e0;
   }
   li#hdr-selected     a { 
      color: #FFFFFF;
      background: #003366;
   }
/*  */      /* Referer is main */
      li#hdr-zirctab    a { color: #ffffff;
                            background: #003366; }
      li#hdr-servicetab a { color: #000000;
                            background: #e0e0e0; }
      li#hdr-wikitab    a { color: #000000;
                            background: #e0e0e0; }
      
   ul.linklist           { list-style-type: none; 
                           text-align:      left; }
   ul.linklist li        { margin-left:     2%;
                           margin-right:    2%;
                           margin-bottom:   0.5%;
                           white-space:     normal; }
   ul.linklist li.nowrap { margin-left:     2%;
                           margin-bottom:   0.5%; 
                           white-space:     nowrap; }
   ul.linklist li.title  { margin-left:     0;
                           font-weight:     bold; }

   ul.health-svcs        { list-style-type: circle; }
 

   .column-left, .column-right, .column-center {
      background: #e0e0e0;
      border-radius: 7pt;
      width: 320px; 
      margin: 10px;
      min-height: 380px;
   }
   .column-left { 
      float: left; 
   }
   .column-right { 
      float: right; 
   }
   .column-center { 
      display: inline-block; 
      padding-right: auto;
   }
   .column-bottom {
      clear: both;
      margin: 0 20px;
   }
 
-->

