/* This style sheet is for tables only */

tr, td, tbody { border:inherit; padding:inherit; }


   /* Have this in every TAB to start, active until changed to another class */
.tabBasic, .tabBasic0, .tabBlack, .tabWhite, .tabAlt, .tabAltCols {  /* for all? */
	padding: 0.2em;
	line-height: 1.5em; 
	text-align: center;
	/* vertical-align:middle;  not needed for tables */
	/* th {vertical-align:bottom;}  Might be used in TH header row? */
        margin-left: auto; margin-right:auto;
	border-collapse: collapse; 
	border: 0px solid red;
}
.tabBasic tr:nth-child(1), .tabBlack tr:nth-child(1), .tabWhite
tr:nth-child(1), .tabAlt tr:nth-child(1), .tabAltCols tr:nth-child(1)
   { font-weight: bold;  border: 0px groove gold; border-bottom-width:4px; }

.tabBasic colgroup:nth-child(1), .tabBlack colgroup:nth-child(1), .tabWhite
colgroup:nth-child(1), .tabAlt colgroup:nth-child(1), .tabAltCols colgroup:nth-child(1)
	{ border: 0px groove red; border-right-width:4px; }

/*
Could avoid the above clumsiness if I just put all the basic into table{}; and
undid it explicitly in deBug.  But that would mean it wasn't possible to have
no-CSS tables; and some of my pages might not work well.
*/

/*
table.tabBasic tr:nth-child(1)
   { font-weight: bold;  border: 0px groove gold; border-bottom-width:4px; }
table.tabBasic colgroup:nth-child(odd)
	{ border: 0px groove red; border-right-width:4px; }
*/


   /* Have this class in every TAB to start, but q-out */
table.tabBug { /* for debugging */
	border-collapse: separate; 
	border: 2px solid red;
	background-color: yellow;
	border-spacing: 0.5em;
}
table.tabBug td { border: 1px dotted black; }

/* Use simple black lines to sep. rows/cols */
table.tabBlack td { border: 1px solid black; }

/* Use only padding to sep. rows/cols */
table.tabWhite td { padding: 1.5em; }

/* use no border but alt. bg colors to sep. rows */
table.tabAlt tr:nth-child(even)    { background-color:lightGray; }
table.tabAlt tr:nth-child(odd)    { background-color:#ffe9e9; }


/* use no border but alt. bg colors to sep. cols */
	/* BUT remember to put in the <COL>s in table html. */
table.tabAltCols col:nth-child(even)    { background-color:lightGray; }
table.tabAltCols col:nth-child(odd)    { background-color:#ffe9e9; }