/*  A comment since style sheet actions on the first line do not always work */
/*  Style sheet developed by GLB in January 2003 for use on events where */
/*  NERS are providing the results service */
/*  All colours have been chosen from combinations of */
/*  00h, 33h, 66h, 99h, cch and ffh to produce browser-safe colours */
/*  Date 19 Feb 2003 */
/*  November 2003 Extra class added to remove need for sheet0.css */
/*  January 2006 Button structures changed to use combinations of */
/*  columns. This reduced the need for so many td.menu classes  */
/*  New classes introduced for use with java script to provide */
/*  additional footer information to pages */
/*  August 2007 changed column alignments and introduced control class for */
/*  use on roadpens page */
/*  August 2008 experimental changes to display on handhelds */

  body {
   color: #000000;
   background: #ffffff;
   font-family: "Times New Roman", Times, serif;
   font-size: 12pt;
  }
  a { text-decoration: underline; color: #0000ff; }

  h1,h2,h3,h4,h5,h6,p,li,ul,ol,table,thead,th,td  {  font-family : "Times New Roman", Times, georgia, serif; font-size: 12pt; }
  pre              { font-family : monospace }
  h1               { font-size : large }
  h2               { font-size : medium }
  h3               { font-size : x-small ;
                     font-weight : bold }
  h4               { font-size : x-small }
  p                { font-size : x-small }
  li               { font-size : x-small }
  address          { font-size : x-small }
  hr               { width : 760 ;
                     text-align : left }

/*  body           { background-image : url(./event_files/NERS_background.gif) } */
  body             { background-color : #ffffff }

/* for border-width and border-color the parameters control the 'top' */
/* 'right' 'bottom' 'left' edges respectively */

/* Settings for tables generatedby webmake*/
/* this border style controls the outer border of the table */
/* in total the outer border is 2px wide */
/* for the 'top' 'bottom' 'left' edges 1px comes from the outer border */
/* and 1px from the cell border since the data cells do not have a */
/* 'right' border the 'right' outer border is set to 2px */
/* @media controls used to suppress columns for co-driver, car and */
/* entrant on handhelds */

  table.noborder   { width:760px }

  table.tcs,table.notes
		        { background-color : #ffffcc ;
                     border-style : solid ;
                     border-width : 1px 2px 1px 1px ;
                     border-color : #000000 #000000 #000000 #000000 }

/* set up table header definitions */
  th               { font-size : x-small ;
                     background-color : #ccffff ;
                     vertical-align : top ;
                     border-style : solid ;
                     border-width : 1px 0px 1px 1px ;
                     border-color : #000000 #000000 #000000 #000000 }

  th.carno         { text-align : center ;
                     vertical-align : middle }

  th.stageno       { text-align : center ;
                     vertical-align : middle }

  th.pos           { text-align : center ;
                     vertical-align : middle }

  th.oapos         { text-align : center ;
                     vertical-align : middle }

  th.grouppos      { text-align : center ;
                     vertical-align : middle }

  th.classpos      { text-align : center ;
                     vertical-align : middle }

  th.diff          { text-align : center ;
                     vertical-align : middle }

  th.diff_prev     { text-align : center ;
                     vertical-align : middle }

  th.diff_first    { text-align : center ;
                     vertical-align : middle }

  th.penalty       { text-align : center ;
                     vertical-align : middle }

  th.rpenalty      { text-align : center ;
                     vertical-align : middle }

  th.total         { text-align : center ;
                     vertical-align : middle }

  th.driver        { text-align : center ;
                     vertical-align : middle }

  th.driver_head_1 { text-align : center ;
                     vertical-align : middle ;
		     border-style-right : none ;
		     border-color-right : white ;
		     border-width-right : 0px }

  th.blank_dnat_head { text-align : center ;
                       vertical-align : middle ;
		       border-style-left : none ;
		       border-style-right : none ;
		       border-color-left : white ;
		       border-color-right : white ;
		       border-width-left : 0px ;
		       border-width-right : 0px }

  th.blank_dtown_head { text-align : center ;
                       vertical-align : middle ;
		       border-style-left : none ;
		       border-color-left : white ;
		       border-width-left : 0px }

  th.driver_head_2 { text-align : center ;
                     vertical-align : middle }

  th.codriver      { text-align : center ;
                     vertical-align : middle }

  th.codriver_head_1 { text-align : center ;
                     vertical-align : middle ;
		     border-style-right : none ;
		     border-color-right : white }

  th.blank_cnat_head { text-align : center ;
                       vertical-align : middle ;
		       border-style-left : none ;
		       border-style-right : none ;
		       border-color-left : white ;
		       border-color-right : white }

  th.blank_ctown_head { text-align : center ;
                       vertical-align : middle ;
		       border-style-left : none ;
		       border-color-left : white }

  th.codriver_head_2 { text-align : center ;
                     vertical-align : middle }

  th.car           { text-align : center ;
                     vertical-align : middle }
  th.entrant       { text-align : center ;
                     vertical-align : middle }

  th.crew          { text-align : center ;
                     vertical-align : middle }

  th.class         { text-align : center ;
                     vertical-align : middle }

  th.dtown         { text-align : center ;
                     vertical-align : middle }

  th.ctown         { text-align : center ;
                     vertical-align : middle }

  th.reason        { text-align : center ;
                     vertical-align : middle }

  th.control       { text-align : center ;
                     vertical-align : middle }

  th.nat           { text-align : center ;
                     vertical-align : middle }

  th.group         { text-align : center ;
                     vertical-align : middle }

  th.starttime     { text-align : center ;
                     vertical-align : middle }

/* set up data cell definitions */

  td               { font-size : x-small ;
                     vertical-align : top ;
                     border-style : solid ;
                     border-width : 0px 0px 1px 1px ;
                     border-color : #000000 #000000 #000000 #000000 }

  td.noborder      { border-style : solid ;
                     border-width : 0px 0px 0px 0px }

  td.carno         { text-align : right }

  td.stageno       { text-align : center }

  td.pos           { text-align : right }

  td.oapos         { text-align : right }

  td.grouppos      { text-align : right }

  td.classpos      { text-align : right }

  .penalty       { text-align : right }

  td.rpenalty      { text-align : right }

  .total         { text-align : right }

  td.diff          { text-align : right }

  td.diff_prev     { text-align : right }

  td.diff_first    { text-align : right }

  td.driver        { text-align : left }

  td.codriver      { text-align : left }

  td.car           { text-align : left }

  td.entrant       { text-align : left }

  td.crew          { text-align : left }

  td.class         { text-align : center }

  td.dtown         { text-align : left }

  td.ctown         { text-align : left }

  td.reason        { text-align : left }

  td.control       { text-align : center }

  td.nat           { text-align : center }

  td.count         { text-align : center }

  td.group         { text-align : left }

  td.starttime     { text-align : center }

  .sr_penalty      { font-style : italic; font-weight : bold }

  .sr_curr_total   { font-style : italic; font-weight : bold }

  .sr_prev_total   { font-style : italic; font-weight : bold }

  .sr_penalty_note { font-style : italic; font-weight : bold }

  .sr_curr_total_note { font-style : italic; font-weight : bold }

  .sr_prev_total_note { font-style : italic; font-weight : bold }

  .notion_penalty      { font-style : italic; font-weight : bold }

  .notion_penalty_note { font-style : italic; font-weight : bold }

  .bogey_penalty      { font-style : italic; font-weight : bold }

  .bogey_penalty_note { font-style : italic; font-weight : bold }

  .maximum_penalty      { font-style : italic; font-weight : bold }

  .maximum_penalty_note { font-style : italic; font-weight : bold }


/* The following apply to tables in footer and header files used by NERS */

/* header table */
  table.header     { text-align : center ;
                     font-size : x-small ;
                     vertical-align : top ;
                     border-style : none }

/* This class produces blank table cells with no border. The include_html */
/* files set up twelve columns of equal width. The background colour, */
/* or image if used, must be made the same as the page background colour */

  td.head_nbsp     { width : 6.66% ;
                     background-color : #ffffff ;
                     border-style : none }

/* This class controls the style of the button */
  td.head_but      { background-color : #ccccff ;
                     font-weight : bold ;
                     border-style : solid ;
                     border-width : 0px 2px 2px 0px ;
                     border-color : #3333ff #3333ff #3333ff #3333ff }

/* footer button table */
  table.footerb    { text-align : center ;
                     font-size : x-small ;
                     vertical-align : top ;
                     border-style : none }

/* This class produces blank table cells with no border. The include_html */
/* files set up twelve columns of equal width. The background colour, */
/* or image if used, must be made the same as the page background colour */

  td.foot_nbsp     { width : 6.66% ;
                     background-color : #ffffff ;
                     border-style : none }

/* This class controls the style of the button */
  td.foot_but      { background-color : #ccccff ;
                     font-weight : bold ;
                     border-style : solid ;
                     border-width : 0px 2px 2px 0px ;
                     border-color : #3333ff #3333ff #3333ff #3333ff }

/* footer pda table */
  table.footerp    { background-color : #ffffff ;
                     text-align : center ;
                     font-size : x-small ;
                     vertical-align : top ;
                     border-style : none }

/* This class controls the style of the pda table */
  td.foot_pda      { display : none ;
                     text-align : center ;
                     font-size : x-small ;
                     font-weight : bold ;
                     vertical-align : top ;
                     border-style : solid ;
                     border-width : 0px 0px 0px 0px ;
                     border-color : #000000 #000000 #000000 #000000 }


/* The following classes are used in the Java Script file to allow */
/* the display of logos/graphics at the end of each page. The first */
/* has no border, the second a 1 pixel black border */

  td.auth          { background-color : #ffffff ;
                     text-align : center ;
                     font-size : x-small ;
                     vertical-align : middle ;
                     border-style : solid ;
                     border-width : 0px 0px 0px 0px ;
                     border-color : #000000 #000000 #000000 #000000 }

  td.auth_border   { background-color : #ffffff ;
                     text-align : center ;
                     font-size : x-small ;
                     vertical-align : middle ;
                     border-style : solid ;
                     border-width : 1px 1px 1px 1px ;
                     border-color : #000000 #000000 #000000 #000000 }

  table.menu	   { display: none; }
  table.tcs        { width: 100%; background: white; text: black; }
  div.menu	   { display: none; }


