/*  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 */

  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-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 hanhelds */

  table.noborder   { width:760px }

  table.tcs        { 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.diff          { text-align : center ;
                     vertical-align : middle }

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

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

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

@media screen {
  th.codriver      { text-align : center ;
                     vertical-align : middle }
}
@media screen {
  th.car           { text-align : center ;
                     vertical-align : middle }
}
@media screen {
  th.entrant       { text-align : center ;
                     vertical-align : middle }
}

@media handheld {
  th.codriver      { display : none }
}
@media handheld {
  th.car           { display : none }
}
@media handheld {
  th.entrant       { display : none }
}

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

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

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

  th.town          { 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 }

/* 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.penalty       { text-align : right }

  td.total         { text-align : right }

  td.driver        { text-align : left }

@media screen {
  td.codriver      { text-align : left }
}
@media screen {
  td.car           { text-align : left }
}
@media screen {
  td.entrant       { text-align : left }
}

@media handheld {
  td.codriver      { display : none }
}
@media handheld {
  td.car           { display : none }
}
@media handheld {
  td.entrant       { display : none }
}

  td.crew          { text-align : left }

  td.class         { text-align : center }

  td.town          { 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 apply to tables in footer and header files used by NERS */

/* header table */
@media screen {
  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 }
}

@media handheld {
  table.header     { display : none }
}

/* footer button table */
@media screen {
  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 }
}

@media handheld {
  table.footerb    { display : none }
}

/* footer pda table */
@media screen {
  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 }
}

@media handheld {
  table.footerp    { background-color : #ffffff ;
                     border-style : none }

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

/* 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 }