/*===============================================================*/
/* css specific to hh_records_male.php and hh_records_female.php */
/* RWD breakpoints: xxxpx, xxxpx                                 */
/* The printed page is based on breakpoint xxxpx                 */
/*===============================================================*/

 #outer_common_container { margin-top: 0; } /* override margin set in 'hhss_head_menu_foot.css' */

/* main records container within outer_common_container - centered, max 880px wide */

/* main container within outer_common_container - centered 890px wide */
 #records_container { max-width: 878px; 
                      margin: 0 auto 0 auto;
                      font-size: 13px;
                      overflow: auto;
                      background-image: url(graphics/hh_bg_stripe.gif);
                      border: 1px solid #dddddd; 
                      padding: 0 3px 0 3px;
                    }

 .tabtable  { width: 642px; /* was 750px */
              background-color: #c6c6ee;
              height: 20px;
              margin: 0 auto 0 auto;
              border-spacing: 0;
            }

 .all_tabs { font-size: 11px;
             width: 106px; /* was 124px; */
           }

 .all_tabs a { display: block;
               outline: 0;  /* remove dotted line around background-image - use :focus instead */
             }

 .inactivetab { font-style: italic; 
                background-color: #ffffcc;
                border-left: 1px solid #c6c6ee;
              }

 .activetab   { font-weight: bold;
                background-color: #000000;
                border-left: 1px solid #c6c6ee;
                font-size: 14px;
              } 

 .page1_activetab   { border-left: 1px solid #000000; }
 .page1_inactivetab { border-left: 1px solid #ffffcc; }

 .inactivetab a:link     {color: #000000 ;  text-decoration: underline; }
 .inactivetab a:visited  {color: #000000 ;  text-decoration: underline; }
 .inactivetab a:active   {color: #000000 ;  text-decoration: none; }
 .inactivetab a:hover    {color: #ff0000 ;  text-decoration: underline; }
 .inactivetab a:focus    {color: #ff0000;}

  
 .activetab a:link     {color: #ffffff ;  text-decoration: none; }
 .activetab a:visited  {color: #ffffff ;  text-decoration: none; }
 .activetab a:active   {color: #ffffff ;  text-decoration: none; }
 .activetab a:hover    {color: #ffffff ;  text-decoration: none; }
 .activetab a:focus    {color: #ffffff; }

 .maintable {font-size: 12px;
             width: 642px; /* was 750px */
             background-color: #ffffff;
             text-align: left;
             margin: 0 auto 30px auto;
             border-spacing: 0;
            } 
 .maintable td { padding: 0; }


 td.banner1 { font-size: 15px;
              font-weight: bold;  
              text-align: center; 
              height: 20px;
              color: #c0c0c0;
              background-color: #000000;
            }

 td.masters { font-size: 15px;
              font-weight: bold;  
              text-align: center;
              background-color: #000000;
              color: #ffffff;
            }
 td.category { font-size: 14px;
               font-weight: bold;  
               text-align: center;
               background-color: #000000;
               color: #eeeeee;
               text-decoration: none;
               padding: 3px 0 2px 0;  
             }

 td.category_bgcolor { background-color: #000080; } /* override bgcolor for 'road' category */

 td.secondary_age {font-size: 18px; }

 tr.record_headings { font-size: 12px;
                      font-weight: bold;
                      color: #c0c0c0; 
                      background-color: #000000;
                    }
 
 td.banner2 {width: 120px; padding-left: 4px; }
 td.banner3 {width: 100px; }
 td.banner4 {width: 170px; }
 td.banner5 {width: 156px; }
 td.banner6 {width: 92px; }

 tr.oddline {background-color: #bdbde5; line-height: 20px;}
 tr.evnline {background-color: #b1b1e0; line-height: 20px;}
 td.event   {font-weight: bold; padding-left: 5px;}

  /***********************************************************/
  /* @MEDIA RULES                                            */ 
  /* use @media rule to set styles applicable when printing  */
  /* adds a page break between each of the Masers age groups */  
  /***********************************************************/

  @media print
  {
    tr.break_before { page-break-before:always; }
  }