/*  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 */
/*  January 2009 */
/*  Extensive revision of classes following Super Rally developments */
/*  Three style sheets now in use screen.css, handheld.css and print.css */

  h1,h2,h3,h4,h5,h6,p,li,ul,ol,table,thead,th,td  { font-family : verdana, univers, arial, helvetica, sans-serif }
  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-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 on hanhelds */

  table.noborder   { width:760px }

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

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


/* set up data cell definitions */

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

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

  td.stageno       { text-align : center }
  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 }


/* The following classes are used when Super Rally notes and times are present */
  .sr_curr_total_note    { font-color : black }
  .sr_prev_total_note    { font-color : black }
  .sr_penalty_note       { color : black }

  .sr_curr_total         { font-weight : bold ;
                           color : red }

  .sr_prev_total         { font-weight : bold ;
                           color : blue }

  .sr_penalty            { font-weight : bold ;
                           color : red }


/* The following apply to tables in the include html footer and header files used by NERS */
/* The files set up fifteen columns of equal width. */
/* The background colour must be made the same as the page background colour */

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

  td.head_text     { text-align : center ;
                     border-style : none }

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

  td.head_but      { background-color : #ccccff ;
                     font-weight : bold ;
                     vertical-align : middle ;
                     text-align : center ;
                     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 : middle ;
                     border-style : none }

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

  td.foot_but      { background-color : #ccccff ;
                     font-weight : bold ;
                     vertical-align : middle ;
                     text-align : center ;
                     border-style : solid ;
                     border-width : 0px 2px 2px 0px ;
                     border-color : #3333ff #3333ff #3333ff #3333ff }


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

  td.foot_pda      { display : none ;
                     text-align : center ;
                     font-size : x-small ;
                     font-weight : bold ;
                     vertical-align : middle ;
                     border-style : solid ;
                     border-width : 0px 0px 0px 0px ;
                     border-color : #000000 #000000 #000000 #000000 }
}

@media handheld {
  table.footerp    { background-color : #ffffff ;
                     text-align : center ;
                     font-size : x-small ;
                     vertical-align : middle ;
                     border-style : none }

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