/* CSV Table Classes for standard screens
body{
	font-family: 	Verdana,Arial,Geneva,Helvetica,sans-serif;
}
*/

TABLE.CSVTable TH {
  font-size: 		20px;	/* Header row text */
  color:			#000066; 										/* dark blue to match race page */
}

TABLE.CSVTable {
  font: 			15px;	/* default font for rows */
  font-size:		15px;										
  color:			#000066; 										/* dark blue to match race page */
  border-collapse: 	collapse;
  width: 			99.5%;
}

/* Table Header */
TABLE.CSVTable THEAD TR {
  background: 		rgba(0,0,0,0.0); 			/* remove background colour for header row */
  border-top: 		0 solid transparent;
}

/* Table Cells */
TABLE.CSVTable TD, TABLE.CSVTable TH {
  padding: 			4px;
  text-align: 		left;
  border-bottom: 	0 solid #FFFFFF;
  border-top: 		0 solid transparent;
}

/* Row background color (default) */
TABLE.CSVTable TR {
  background: 		rgba(255,255,255,0.1);
  /* background: 		rgba(0,0,0,0.0); 			remove background for row */
}

/* Row Background color for odd rows */
TABLE.CSVTable TR.odd {
  background: 		rgba(0,0,0,0.1);
  /* background: 		rgba(0,0,0,0.0);  remove background for row */
}

/* Hover color for all rows 
TABLE.CSVTable TR:hover {
  background: #E8EDFF;
}*/

/* Source code ??  only wqorks on android ? 
.source {
  background-color: #FAFAFA; 
  border: 			0 solid #999999;
} */

/* compensation for hi res android type screens, e.g. Sony Xperia Z */
@media only screen and (min-device-width: 769px) and (max-device-width:1080px) {

  TABLE.CSVTable TH {
  font-size: 		16px;	/* Header row text */
}
  TABLE.CSVTable {
  font: 			15px;	/* default font for rows */
  font-size:		15px;										
}

}

  /* compensation for tablet screens, e.g iPad */
@media only screen and (min-device-width: 480px) and (max-device-width: 768px) {
  TABLE.CSVTable TH {
    font-size : 	16px;	/* Header row text , needs to match h3*/
    color     : 	black; 	/* only change colour as a diagnostic for testing */
  }

  TABLE.CSVTable {			/* default font for rows */
    font-size : 	15px;	/* Header row text , needs to match h3*/
    color: 			black; 	/* only change colour as a diagnostic for testing */

  }

  TABLE.CSVTable TD, TABLE.CSVTable TH {
    padding : 		3px; 		/* decrease table cell size on smaller screens */
  }
}  

/* compensation for smaller screens, e.g iPhone */
@media only screen and (min-device-width: 320px) and (max-device-width: 479px) {
  TABLE.CSVTable TH {
    font-size : 	14px;	/* Header row text, needs to match h3*/
    color : 		black;  /* only change colour as a diagnostic for testing */
  }

  TABLE.CSVTable {			/* default font for rows */
  	font-size : 	12px; 
    color: 			black;  /* only change colour as a diagnostic for testing */
  }

  TABLE.CSVTable TD, TABLE.CSVTable TH {
    padding   : 	0.5px; 	/* decrease table padding on smaller screens */
  }

}