body{margin: 20px 20px 20px 20px; background-color: white; font-family: Arial, Helvetica, sans-serif;}

fieldset {border: 1px solid green; margin: 10px;  margin: 20px;padding: 5px;}
legend {font-weight: normal;font-size: 14px;color: green;padding: 15px;}

.break { page-break-after: always }

h1{color: grey;font-weight: bold;font-size: 14px;}
h2{color: red; font-weight: bold; font-size: 12px; }
h3{color: green;font-weight: 100;font-size: 10px;}
h4{color: green;font-weight: bold;font-size: 0.8em;}

td{font-weight: normal; font-size: 12px; color: #016767;}

/*  Row colors  */
tr.d0 td {background-color: WhiteSmoke ; height: 14px; }
tr.d1 td {background-color: Azure; height: 14px; }

/*  Row colors  - race11simple*/
tr.s0 td {background-color: WhiteSmoke ; }
tr.s1 td {background-color: Azure;  }

/* Row colors used by clubaction to format the report */
tr.dd0 td {background-color: WhiteSmoke ; height: 14px; font-size: 10px;}
tr.dd1 td {background-color:  Azure; height: 14px; font-size: 10px;}

/* Use by race10both.js to format the listing of finish times */
tr.d10 td {height: 22px; background-color: WhiteSmoke ; font-size: 2em; white-space: nowrap;}
tr.d11 td {height: 22px; background-color:  Azure; font-size: 2em; white-space: nowrap;}

/*  Row colors - used by race12review and race11multi.js*/
tr.x0 td {background-color: WhiteSmoke ;  height: 18px; }
tr.x1 td {background-color:  Azure ; height: 18px; }

/* high lite boats */
tr.d12 td {color: black; background-color: yellow; height: 22px; font-size: 2em; white-space: nowrap;}

/* used is race09edit to set tan bar */
tr.tn01 td {background-color: tan; font-size: 12px;}
tr.tn02 td {font-size: 12px;}

.RBBox{
	display:block;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	padding:5px;
	margin-top:5px;
	width:900px;
	height:500px;
	overflow:scroll;
}

/* High density flag listing - racepaperflagshort   and racepapersailshort*/
tr.td10 td{color: black; font-weight: normal; font-size: 10px; height: 16px;}
tr.td12 td{color: black; font-weight: bold; font-size: 10px; height: 20px}


.tdata {color: black;font-weight: normal;font-size: 12px;}
.tdatay {color: black;font-weight: bold;font-size: 12px;}
.tdatabn {color: brown;font-weight: normal;font-size: 12px;}
.tdatam {color: black;font-weight: 300;font-size: 12px;}
.tred {color: red;font-weight: bold;font-size: 12px;}
.tred1 {color: red;font-weight: normal;font-size: 12px;}
.ttitle {color: black;font-weight: bold;font-size: 12px;}
.tdata1 {color: black;font-weight: bold; font-size: 14px;}
.htab {color: grey; font-weight: bold; white-space: nowrap; font-size: 14px;}


/* Mouse click input  */
.x50 {width: 5px; background-color: powderblue;}
.x51 {width: 5px; background-color: mistyrose;}

.x20 {width: 20px; background-color: powderblue;}
.x21 {width: 20px; background-color: mistyrose;}

.xl0 {text-align: left; background-color: powderblue;}
.xl1 {text-align: left; background-color: mistyrose;}

.x30 {text-align: left; background-color: powderblue;color: black;}
.x31 {text-align: left; background-color: mistyrose;color: black;}


/* PC/MAC Data Capture - state = color */
.xl00 {text-align: left; background-color: powderblue; color: green;}
.xl10 {text-align: left; background-color: mistyrose; color: green;}
.xl01 {text-align: left; background-color: powderblue; color: DarkOrange;}
.xl11 {text-align: left; background-color: mistyrose; color: DarkOrange;}
.xl02 {text-align: left; background-color: powderblue; color: red;}
.xl12 {text-align: left; background-color: mistyrose; color: red;}
.xl03 {text-align: left; background-color: powderblue; color: brown;}
.xl13 {text-align: left; background-color: mistyrose; color: brown;}
.xl04 {text-align: left; background-color: powderblue; color: blue;}
.xl14 {text-align: left; background-color: mistyrose; color: blue;}
.xl05 {text-align: left; background-color: powderblue; color: magenta;}
.xl15 {text-align: left; background-color: mistyrose; color: magenta;}
.xl06 {text-align: left; background-color: powderblue; color: black;}
.xl16 {text-align: left; background-color: mistyrose; color: black;}
.x000 {text-align: left; color: black; font-weight: bold; white-space: nowrap; font-size: 12px;}
.x001 {text-align: left; color: black; font-weight: bold; white-space: nowrap; font-size: 12px;}

.xy0 {text-align: center; color: black; font-weight: bold; background-color: powderblue;}
.xy1 {text-align: center; color: black; font-weight: bold; background-color: mistyrose;}
.xy2 {text-align: center; color: black; font-weight: bold; background-color: red;}


/* iPad listing fields - DNC, DNF, Finish fields */
.i0 {text-align: center; color: green;}
.i1 {text-align: center; color: magenta;}
.i2 {text-align: center; color: brown;}

input.xi1disabled {color: black;font-weight: 800; background-color: mistyrose; border: 1px; height: 20px; border: solid thin; font-size:10px; border-color: mistyrose; }
input.xi0disabled {color: black;font-weight: 800; background-color: powderblue; border: 1px; height: 20px; border: solid thin; font-size: 10px; border-color: powderblue; }


/* used in mouse capture - open / duplicate */
.x00 {text-align: left; color: black; font-weight: bold; white-space: nowrap; font-size: 12px;}
.x01 {text-align: left; white-space: nowrap;}

input.FA{background-color: lightblue; width: 100px; font-size: 10px; font-weight: bold; border-style: solid; border-width:1px;
 font-weight: normal; text-align: center; }

/* race11simple and racebeercan for display finish time */
.x00R {text-align: right; color: black; font-weight: bold; white-space: nowrap;}
.x00R1 {text-align: right; color: black; font-weight: bold; background-color:green;}


/* used in Race Console - all on one screen - race11simple*/
.ttitle6 {color: green;font-weight: normal; font-size: 10px;}
.tdata6 {color: black;font-weight: bold; font-size: 10px;}
.A6{font-weight: normal;font-size: 10px;color: #016767;}
.tred6 {color: red;font-weight: bold; font-size: 10px}

/* Date and time entry fields */
input.BB6{font-weight: bold;border: solid thin;border-color: lightgrey;height: 18px;font-size: 14px;}
input.BB61{font-weight: bold; background-color: red;border: solid thin;border-color: lightgrey;height: 18px;font-size: 14px;}

/* Boats Status buttons - racebeercan*/
button.K{background-color: snow; font-size: 10px; border-color: black; border-style:solid; border-width:1px;}
button.K2{background-color: orange; font-size: 10px; border-color: black; border-style:solid; border-width:1px;}
button.K3{background-color: bisque; font-size: 10px;border-color: black; border-style:solid; border-width:1px;}

/* Race paper -s=sail number, -t=time, -n=name, -r=rating */
.tchs {color: black; font-weight: bold;}
.tcht {text-align:left; width: 5em}
.tchn {text-align:left; width: 10em; white-space: nowrap; overflow: hidden;}
.tchr {text-align:right; width: 3em}
.tchf {text-align:left; width: 10em}
.tchg {text-align:left; width: 2em; background-color: black}

/* Race paper -s=sail number, -t=time, -n=name, -r=rating ==== headings*/
.tchsh {text-align:left; width: 5em; color: green; }
.tchth {text-align:left; width: 5em; color: green; }
.tchnh {text-align:left; width: 10em; color: green; }
.tchrh {text-align:right; width: 3em; color: green; }
.tchgh {text-align:left; width: 2em; color: green;}
.tchfh {text-align:left; width: 10em; color: green;}

/* used in racepaper - to control color and bw forms */
td.hbw {color: black;font-weight: 500; font-size: 12px;}
td.hcl {color: green;font-weight: 500; font-size: 12px;}

td.frd {color: red;font-weight: bold; font-size: 12px;}
td.fbw {color: black;font-weight: bold; font-size: 12px;}

td.frdl {color: red;font-weight: 500; font-size: 12px;}
td.fbwl {color: black;font-weight: 500; font-size: 12px;}

td.bhbw {color: black;font-weight: bold; font-size: 12px; height: 20px;}
td.bhcl {color: green;font-weight: bold; font-size: 12px; height: 20px;}

td.dbw {color: black;font-weight: normal; font-size: 12px;}
td.dcl {color: #016767;;font-weight: normal; font-size: 12px;}


/* Results format - data and headings */
/* Data fields s=sail, 0=owner, b=boatname, r=rating, t=times, p=place m=make, c=comment  u=club */

td.tdatars {color: black; font-weight: normal;  font-size: 12px; text-align:left; white-space: nowrap;}
td.tdataro {color: black; font-weight: normal;  font-size: 12px; white-space: nowrap;}
td.tdatarb {color: black; font-weight: normal;  font-size: 12px; white-space: nowrap}
td.tdatarr {color: black; font-weight: normal;  font-size: 12px; white-space: nowrap; text-align:right;}
td.tdatart {color: black; font-weight: normal;  font-size: 12px; white-space: nowrap;}
td.tdatarp {color: black; font-weight: normal; font-size: 12px; white-space: nowrap; text-align: right;}

/* Series standing - race places - b = normal, r = throw out    */
td.tdatarpb {color: black; font-weight: normal; font-size: 12px; white-space: nowrap; text-align: right;}
td.tdatarpr {color: red; font-weight: lighter; font-size: 12px; white-space: nowrap; text-align: right;}

/* header fields */
td.tdatarsh {color: green; font-weight: normal;  width: 50px; text-align:left; font-size: 10px; white-space: nowrap;}
td.tdataroh {color: green; font-weight: normal;  font-size: 10px; white-space: nowrap;}
td.tdatarbh {color: green; font-weight: normal;  font-size: 10px; white-space: nowrap}
td.tdatarrh {color: green; font-weight: normal;  font-size: 10px; white-space: nowrap; text-align:right;}
td.tdatarth {color: green; font-weight: normal; font-size: 10px; white-space: nowrap;}
td.tdatarph {color: green; font-weight: normal;   text-align: right; font-size: 10px; white-space: nowrap;}
td.tdatarxh {color: green; text-align: left; font-size: 10px;}
td.tdatarmh {color: green; font-weight: normal;   text-align: left; font-size: 10px; white-space: nowrap;}
td.tdatarch {color: green; font-weight: normal;   text-align: left; font-size: 10px; white-space: nowrap;}
td.tdataruh {color: green; font-weight: normal;   text-align: left; font-size: 10px; white-space: nowrap;}

td.tdatar  {color: black; font-weight: normal; font-size: 12px; white-space: nowrap}
td.tdatax  {color: black; font-weight: normal; font-size: 12px; white-space: nowrap;}

/* start time etc at top of results */
td.ttitlehh {color: green; font-size: 10px}
td.tdatahh {color: black; font-size: 10px;}
td.ttitleser {color: green; font-size: 10px}
td.tdataser {color: black; font-size: 10px}

p{color: black;font-weight: normal;font-size: 10px;}

a{font-weight: normal;text-decoration: none;font-size: 12px;}
a:link {color: blue;text-decoration: none;font-size: 12px;font-weight: normal;}
a:visited {color: red;text-decoration: none;font-size: 12px;font-weight: normal;}
a:hover {color: black;text-decoration: none;font-size: 12px;background: #F5D769;font-weight: normal;}

/* Finish data capture */
input.EE{background-color: palegreen; width: 40px; font-size: 10px; border: solid thin; font-weight: bold; text-align: left; }

/* Data capture */
input.FF{background-color: palegreen; width: 40px; font-size: 10px; border-style: solid; border-width:1px;
 font-weight: normal; text-align: center; }
 
/* Touch Capture - green and blue versions */   
input.FB{background-color: #8DB87C; width: 100px; height: 40px; font-size: 1em; border-style: solid; border-width:1px;
 font-weight: bold; text-align: center; color: brown;}
input.FB1{background-color: lightblue; width: 150px; height: 2em; font-size: 1em; border-style: solid; border-width:1px;
 font-weight: bold; text-align: center; color: brown;}

/* KeyPad on race11mouse and and race12simple */
input.YE{background-color: #8DB87C;height: 2em;width: 4em; text-align: center;font-weight: bold;color: brown; font-size: 1em;}

/* Button colors during button touch A=DNC, B=DNS, C=DNF, D=FIN, E=update, F=Other, G=Racing. W = Reset*/
button.FBA{background-color: pink; width: 12em; height: 4em; font-size: 12px; border-style: solid; border-width:1px;
 font-weight: bold; text-align: center; color: black; white-space: nowrap;}
button.FBB{background-color: lightblue; width: 12em; height: 4em; font-size: 12px; border-style: solid; border-width:1px;
 font-weight: bold; text-align: center; color: black; white-space: nowrap;}
button.FBC{background-color: magenta; width: 12em; height: 4em; font-size: 12px; border-style: solid; border-width:1px;
 font-weight: bold; text-align: center; color: black; white-space: nowrap;}
button.FBD{background-color: wheat; width: 12em; height: 4em; font-size: 12px; border-style: solid; border-width:1px;
 font-weight: bold; text-align: center; color: black; white-space: nowrap;}
button.FBE{background-color: white; width: 12em; height: 4em; font-size: 12px; border-style: solid; border-width:1px;
 font-weight: bold; text-align: center; color: black; white-space: nowrap;}
button.FBF{background-color:orange; width: 12em; height: 4em; font-size: 12px; border-style: solid; border-width:1px;
 font-weight: bold; text-align: center; color: black; white-space: nowrap;}
button.FBG{background-color: lawngreen; width: 12em; height: 4em; font-size: 12px; border-style: solid; border-width:1px;
font-weight: bold; text-align: center; color: black; white-space: nowrap;}

/* use for input line on the touch keypad*/
td.tdatin {color: black; font-weight: bold; font-size: 18px;}
/* Sail Number in Boat list */
td.tdatlt {color: black; font-weight: bold; font-size: 14px;}

  
/* FBX - used in touch single capture  */
input.FBX{background-color: #8DB87C; width: 200px; height: 40px; font-size: 10px; border-style: solid; border-width:1px;
 font-weight: bold; text-align: left; color: brown;}
 
/* 'Map' button  */
input.FBY{background-color: #ED8A3F; width: 40px; height: 20px; font-size: 10px; border-style: solid; border-width:1px;border-color: lightgrey;
font-weight: normal; text-align: left; color: black;}
 
/* used in race12reciew for boats, skipper and make fields */
.tdata12x {white-space: nowrap; font-weight: normal;font-size: 12px;color: #016767;}
 
input.FCdisabled{background-color: bisque;  height: 20px; font-size: 12px; border-style: solid; border-width:0px;
font-weight: bold; text-align: center; }

input.FD{background-color: red; width: 100px; height: 40px; font-size: 12px; border-style: solid; border-width:1px;
font-weight: normal; text-align: center; }

/* Menu pull down lists */
select.GG1{ width: 180px; height:20px; background: lawngreen; color: brown;}

input.BBdisabled{font-weight: bold;height: 20px;border: solid thin;border-color: honeydew;font-size: 12px;}
input.BB{font-weight: bold; border-style:solid; border-width:1px; border-color: lightgrey; height: 20px; font-size: 12px;}
input.BBreq{font-weight: bold; border-style:solid; border-width:1px; border-color: lightgrey; height: 20px; font-size: 12px; background-color: sandybrown;}

/*  Type="submit"   - used by most everybody*/
button.BAdisabled{background-color: palegreen; height: 20px; width: 120px; font-weight: bold; font-size: 10px;color: grey; text-align: left;border-color: lightgrey; border-style:solid; border-width:1px;}
button.BA{background-color: #8DB87C;height: 20px; width: 120px;font-weight: normal;color: black;font-size: 10px; text-align: left;border-color: lightgrey;border-style:solid; border-width:1px;}
button.BA:hover{background-color: #F5D769;height: 20px; width: 120px;font-weight: normal;color: black; font-size: 10px; text-align: left;border-color: lightgrey; border-style:solid; border-width:1px;}

/*  Type="submit"   - used by most everybody*/
input.AAdisabled{background-color: palegreen; height: 20px; width: 120px; font-weight: bold; font-size: 10px;color: grey; text-align: left;border-color: lightgrey; border-style:solid; border-width:1px;}
input.AA{background-color: #8DB87C;height: 20px; width: 120px;font-weight: normal;color: black;font-size: 10px; text-align: left;border-color: lightgrey;border-style:solid; border-width:1px;}
input.AA:hover{background-color: #F5D769;height: 20px; width: 120px;font-weight: bold;color: black; font-size: 10px; text-align: left;border-color: lightgrey; border-style:solid; border-width:1px;}

/*  Type="Submit"  ---  small button (home)*/
input.CCdisabled{background-color: palegreen;height: 20px; width: 60px;font-weight: bold;font-size: 10px;color: grey;border-color: black; border-style:solid; border-width:1px;}
input.CC{background-color: #7ABA7A;height: 20px; width: 60px;text-align: center;font-weight: bold; color: brown;font-size: 10px;border-color: black; border-style:solid; border-width:1px;}
input.CC:hover{background-color: #F5D769;height: 20px;width: 60px;font-weight: bold;color: brown;font-size: 10px;border-color: black; border-style:solid; border-width:1px;}

/*  Type="Submit"  ---  Large button (home)*/
input.EEdisabled{background-color: palegreen;height: 20px;width: 120px;font-weight: normal;font-size: 10px;color: grey;text-align: left;border-color: black; border-style:solid; border-width:1px;}
input.EE{background-color: #7ABA7A;height: 20px; width: 120px;border-color: grey;font-weight: normal;color: brown;font-size: 10px;text-align: left;border-color: black; border-style:solid; border-width:1px;}
input.EE:hover{background-color: #F5D769;height: 20px;width: 120px;font-weight: normal;color: brown;font-size: 10px;text-align: left;border-color: black; border-style:solid; border-width:1px;}

/* Help buttons */
button.Hbut{background-color: lightblue; height: 20px; width: 120px; font-size: 10px; border-color: black; border-style:solid; border-width:1px; font-weight: normal; text-align: left; }
button.Hbut:hover{background-color: #F5D769; height: 20px; width: 120px; font-size: 10px; border-color: black; border-style:solid; border-width:1px; font-weight: normal; text-align: left; }

/*  type=submit  ---- no color */
input.DD{background-color: lightgrey; height: 20px;width: 120px;text-align: left; font-size: 10px; border-color: black; border-style:solid; font-weight: normal; border-width:1px;}
input.DD:hover{background-color: #F5D769; height: 20px;width: 120px;text-align: left; font-size: 10px; border-color: black; border-style:solid; font-weight: normal; border-width:1px;}

/*  Menu buttons - used by home pages*/
input.MX{background-color: #7ABA7A; height: 30px; width: 300px; font-weight: normal;color: black;font-size: 12px; text-align: left;border-color: lightgrey;border-style:solid; border-width:1px;}
input.MX:hover{background-color: #F5D769; height: 30px; width: 300px; font-weight: normal;color: black; font-size: 12px; text-align: left;border-color: lightgrey; border-style:solid; border-width:1px;}

/*  Menu buttons - used by home pages*/
input.MY{background-color: red;height: 30px; width: 300px;font-weight: normal;color: black;font-size: 12px; text-align: left;border-color: lightgrey;border-style:solid; border-width:1px;}
input.MY:hover{background-color: #F5D769;height: 30px; width: 300px;font-weight: normal;color: black; font-size: 12px; text-align: left;border-color: lightgrey; border-style:solid; border-width:1px;}

/* Use by Simple Home - for the iPad clear control buttons */
input.AX{background-color: red; height: 20px;width: 130px; font-weight: bold; border-color: red;color: black;font-size: 10px;text-align: left;}

/*  Type="Submit"  ---  small button (home)*/
input.CC{background-color: lawngreen;height: 20px;width: 70px;text-align: left;color: brown;font-size: 10px;;}

/*  type=submit  ---- red - delete record */
input.RRed{background-color: red;height: 20px;width: 130px;text-align: center; color: black; font-size: 10px; border-color: black; border-style:solid; border-width:1px;}


/*  Type="Submit"  --- Time recorder use in touch recording*/
.rx1 {color: black; font-weight: bold; text-align: right; font-size: 12px;}
.rx2 {color: black; font-weight: bold; font-size: 12px;}


/*Up / Down buttons and Open Button - iPad stuff*/
input.r101 {color: black;font-weight: 800; text-align: center; background-color: mistyrose; border: 1px; width: 4em; height: 4em; border: solid thin; font-size: 2em; border-color: mistyrose; }
input.r102 {color: black;font-weight: 800; text-align: center; background-color: powderblue; border: 1px; width: 4em; height: 4em; border: solid thin; font-size: 2em; border-color: powderblue; }
input.r103 {color: black;font-weight: 800; text-align: center; background-color: wheat; border: 1px; width: 4em; height: 4em; border: solid thin; font-size: 2em; border-color: wheat; }
input.r104 {color: black;font-weight: 800; text-align: right; background-color: wheat; border: 1px; width: 80px; height: 30px; border: solid thin; font-size: 20px; border-color: black; }

/* Button colors during button touch A=DNC, B=DNS, C=DNF, D=FIN, E=update, F=Other, G=Racing. W = Reset - iPad stuff */
button.FBA{background-color: coral; width: 150px; height: 50px; font-size: 12px; border-style: solid; border-width:1px;
 font-weight: bold; text-align: center; color: black; white-space: nowrap;}
button.FBB{background-color: lightblue; width: 150px; height: 50px; font-size: 12px; border-style: solid; border-width:1px;
 font-weight: bold; text-align: center; color: black; white-space: nowrap;}
button.FBC{background-color: magenta; width: 150px; height: 50px; font-size: 12px; border-style: solid; border-width:1px;
 font-weight: bold; text-align: center; color: black; white-space: nowrap;}
button.FBD{background-color: wheat; width: width: 150px; height: 50px; font-size: 12px; border-style: solid; border-width:1px;
 font-weight: bold; text-align: center; color: black; white-space: nowrap;}
button.FBE{background-color: white; width: 150px; height: 50px; font-size: 12px; border-style: solid; border-width:1px;
 font-weight: bold; text-align: center; color: black; white-space: nowrap;}
button.FBF{background-color:orange; width: 150px; height: 50px; font-size: 12px; border-style: solid; border-width:1px;
 font-weight: bold; text-align: center; color: black; white-space: nowrap;}
button.FBG{background-color: lawngreen; width: 150px; height: 50px; font-size: 12px; border-style: solid; border-width:1px;
font-weight: bold; text-align: center; color: black; white-space: nowrap;}

/* Ipad control buttons */
input.XC{background-color: #8DB87C; height: 50px;width: 50px; text-align: center;font-weight: bold;color: brown;font-size: 14px;}
input.XE{background-color: #8DB87C; height: 40px;width: 80px; text-align: center;font-weight: bold;color: brown; font-size: 14px;}
input.XELN{background-color: #8DB87C; height: 40px; width: 150px; text-align: center;font-weight: bold;color: brown;font-size: 14px;}
button.XBLN{background-color: #8DB87C; height: 40px;width: 150px; text-align: center;font-weight: bold;color: brown;font-size: 14px;}
input.XELG{background-color: lawngreen; height: 20em;width: 10em; text-align: center;font-weight: bold;color: brown;font-size: 14px;}
input.XER{background-color: red; height: 40px;width: 80px; text-align: center;font-weight: bold;color: brown;font-size: 14px;}
input.XA{background-color: lightblue; width: 6em; height: 2em; font-size: 2em; font-weight: bold; border-style: solid; border-width:1px; text-align: center; }
input.XB{font-weight: bold; border: solid thin;border-color: lightgrey; background-color: honeydew; height: 40px;font-size: 30px;}
input.XBA{font-weight: bold;height: 18px;border: solid thin;border-color: honeydew; font-size: 12px; color: black}
input.BX{font-weight: normal;border: solid thin;border-color: lightgrey;height: 14px;font-size: 10px;}


/* used by Edit finish times and states race09eidt */
.tdatay1 {color: black;font-weight: bold;}
.EBox{
	display:block;
	font-size: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	padding:5px;
	margin-top:5px;
	width:600px;
	height:600px;
	overflow:scroll;
}

.enterBox{
	display:block;
	font-size: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	padding:5px;
	margin-top:5px;
	width:240px;
	height:200px;
	overflow:scroll;
}


input.EB{font-weight: bold;border:  solid thin;border-color: lightgrey;font-size: 10px;}
 
input.BN{background-color: palegreen; width: 40px; font-size: 12px; border-color: black; border-style:solid; border-width:1px; font-weight: normal; text-align: center; }
input.BS{background-color: orange; width: 40px; font-size: 12px; border-color: black; border-style:solid; border-width:1px; font-weight: normal; text-align: center; }

/* Use is finish data correction - color of open buttons   */
.SDNC{background-color: red; width: 50px; font-size: 10px; border-color: black; border-style:solid; border-width:1px; font-weight: bold; text-align: left; }
.SDNF{background-color: magenta; width: 50px; font-size: 10px; border-color: black; border-style:solid; border-width:1px; font-weight: bold; text-align: left; }
.SFIN{background-color: wheat; width: 50px; font-size: 10px; border-color: black; border-style:solid; border-width:1px; font-weight: bold; text-align: left; }
.SOCS{background-color: pink; width: 50px; font-size: 10px; border-color: black; border-style:solid; border-width:1px; font-weight: bold; text-align: left; }
.SDNS{background-color: yellow; width: 50px; font-size: 10px; border-color: black; border-style:solid; border-width:1px; font-weight: bold; text-align: left; }
.SOTH{background-color: orange; width: 50px; font-size: 10px; border-color: black; border-style:solid; border-width:1px; font-weight: bold; text-align: left; }
.SRAC{background-color: lawngreen; width: 50px; font-size:10px; border-color: black; border-style:solid; border-width:1px; font-weight: bold; text-align: left; }
.SRAF{background-color: skyblue; width: 50px; font-size: 10px; border-color: black; border-style:solid; border-width:1px; font-weight: bold; text-align: left; }

/* Use is finish data correction - status fields  */
.LDNC{background-color: red; }
.LDNF{background-color: magenta;}
.LFIN{background-color: wheat; }
.LOCS{background-color: pink; }
.LDNS{background-color: yellow; }
.LOTH{background-color: orange; }
.LRAC{background-color: lawngreen; }
.LRAF{background-color: skyblue; }


/* Use by data capture review and update - new time input boxes */
input.NT{Background-color: honeydew; border-style: solid; border-width:1px; border-color: black;}
input.NT1{Background-color: red; border-style: solid; border-width:1px; border-color: black;}
input.NT2{Background-color: sandybrown; border-style: solid; border-width:1px; border-color: black;}
.tdataupx  {color: black; font-weight: normal; white-space: nowrap;}


/* Use race11multi.js - state buttons - list display */
button.S{background-color: snow; width: 35px; font-size: 10px; border-color: black; border-style:solid; border-width:1px;}
button.S:hover{background-color: #F5D769; width: 35px; font-size: 10px; border-color: black; border-style:solid; border-width:1px;}

/* Use race11multi.js - Record  Button - list display*/
button.S1{background-color: snow; width: 50px; font-size: 10px; border-color: black; border-style:solid; border-width:1px;}
button.S1:hover{background-color: #F5D769; width: 50px; font-size: 10px; border-color: black; border-style:solid; border-width:1px;}

input.S2{background-color: #8DB87C; height: 80px;width: 120px; text-align: center;font-weight: bold;color: brown;font-size: 14px;}
input.S2:hover{background-color: #F5D769; height: 80px;width: 120px; text-align: center;font-weight: bold;color: brown;font-size: 14px;}

button.S3{background-color: #8DB87C; height: 80px;width: 120px; text-align: center;font-weight: bold;color: brown;font-size: 14px;}
button.S3:hover{background-color: #F5D769; height: 80px;width: 120px; text-align: center;font-weight: bold;color: brown;font-size: 14px;}

/* Data Capture - race11multi  */
button.YDNC{background-color: red; width: 150px; font-size: 10px; border-color: black; border-style:solid; border-width:1px; font-weight: bold; text-align: left; }
button.YDNC:hover{background-color: white; width: 150px; font-size: 10px; border-color: red; border-style:solid; border-width:4px; font-weight: bold; text-align: left; }

button.YABN{background-color: red; width: 150px; font-size: 10px; border-color: black; border-style:solid; border-width:1px; font-weight: bold; text-align: left; }
button.YABN:hover{background-color: white; width: 150px; font-size: 10px; border-color: red; border-style:solid; border-width:4px; font-weight: bold; text-align: left; }

button.YDNF{background-color: magenta; width: 150px; font-size: 10px; border-color: black; border-style:solid; border-width:1px; font-weight: bold; text-align: left; }
button.YDNF:hover{background-color: white; width: 150px; font-size: 10px; border-color: magenta; border-style:solid; border-width:4px; font-weight: bold; text-align: left; }

button.YFIN{background-color: wheat; width: 150px; font-size: 10px; border-color: black; border-style:solid; border-width:1px; font-weight: bold; text-align: left; }
button.YFIN:hover{background-color: white; width: 150px; font-size: 10px; border-color: wheat; border-style:solid; border-width:4px; font-weight: bold; text-align: left; }

button.YOCS{background-color: pink; width: 150px; font-size: 10px; border-color: black; border-style:solid; border-width:1px; font-weight: bold; text-align: left; }
button.YOCS:hover{background-color: white; width: 150px; font-size: 10px; border-color: pink; border-style:solid; border-width:4px; font-weight: bold; text-align: left; }

button.YDNS{background-color: yellow; width: 150px; font-size: 10px; border-color: black; border-style:solid; border-width:1px; font-weight: bold; text-align: left; }
button.YDNS:hover{background-color: white; width: 150px; font-size: 10px; border-color: yellow; border-style:solid; border-width:4px; font-weight: bold; text-align: left; }

button.YRAC{background-color: lawngreen; width: 150px; font-size: 10px; border-color: black; border-style:solid; border-width:1px; font-weight: bold; text-align: left; }
button.YRAC:hover{background-color: white; width: 150px; font-size: 10px; border-color: lawngreen; border-style:solid; border-width:4px; font-weight: bold; text-align: left; }

button.YRAF{background-color: skyblue; width: 150px; font-size: 10px; border-color: black; border-style:solid; border-width:1px; font-weight: bold; text-align: left; }
button.YRAF:hover{background-color: white; width: 150px; font-size: 10pxm; border-color: skyblue; border-style:solid; border-width:4px; font-weight: bold; text-align: left; }

button.YOTH{background-color: orange; width: 150px; font-size: 10px; border-color: black; border-style:solid; border-width:1px; font-weight: bold; text-align: left; }
button.YOTH:hover{background-color: white; width: 150px; font-size: 10px; border-color: orange; border-style:solid; border-width:4px; font-weight: bold; text-align: left; }

button.YCLR{background-color: white; width: 150px; font-size: 10px; border-color: black; border-style:solid; border-width:1px; font-weight: bold; text-align: left; }
button.YCLR:hover{background-color: white; width: 150px; font-size: 10px; border-color: white; border-style:solid; border-width:4px; font-weight: bold; text-align: left; }