/* round corners table definition  Name = RoundCornersTable.css *********************** 

 Source http://tabellen.groovynet.de/eng/  Modified to english ... JIF ...

   *********************************************
   * USAGE:                                    *
   *                                           *
   *	<table class="roundcornerstable row">  *
   *                                           *
   *********************************************

************************************************************************************ */
.roundcornerstable {
	width: 66%; border-collapse: collapse;   /* could spacify 500px; etc.        */
	margin:auto;
}
.cell{
	padding: 5px; 
	background-color: SkyBlue; 
	font-family: Verdana; 
	font-size: 18px;
	text-align: center; 
	color: Black; 

}
th {
	background-color: SteelBlue;
	padding: 5px; 
	color: White; 
	font-size: 26px;
	font-family: Verdana; 
}

/* Conflicts with my standard legend so out it goes 
a:link.subline, .subline {color:gray;}
a:visited.subline {color:gray;}
a:hover.subline {color:gray;}
a:active.subline {color:gray;}
*/

.row {
	border-radius: 30px;
	border-spacing: 0;
	border-collapse: row;
}
.row td, table.row th {
	border-bottom: 3px solid SaddleBrown;
	border-right: 3px solid SaddleBrown;
}
.row tr:last-child td:first-child {
	border-bottom-left-radius: 30px;
}
.row tr:last-child td:last-child {
	border-bottom-right-radius: 30px;
}
.row tr th:first-child, table.row tr td:first-child {
	border-left: 3px solid SaddleBrown;
}
.row tr:first-child th, table.row tr:first-child td {
	border-top: 3px solid SaddleBrown;
}
.row tr:first-child th:first-child, table.row tr:first-child td:first-child {
	border-top-left-radius: 30px
}
.row tr:first-child th:last-child, table.row tr:first-child td:last-child {
	border-top-right-radius: 30px;	
}