@charset "utf-8";

/*
   New Perspectives on HTML5 and CSS3, 8th Edition
   Tutorial 6
   Tutorial Case

   Tables Style Sheet
   Author: Jonnie Jucht
   Date:   10.31.2024

   Filename:         dlr_tables.css

*/

/* Table Styles */

	table.schedule {
		background: white;
		border: 10px outset rgb(153,0,153);
		border-collapse: collapse;
		font-size: 0.75em;
		width: 100%;
	}

/* Table Cell Styles */

	table.schedule th, table.schedule td {
		border: 1px solid gray;
		padding: 5px;
		vertical-align: top; 
	}

/* Table Caption Styles */

	table.schedule caption {
		caption-side: bottom;
		text-align: right;
	}

/* Row Group Styles */

	table.schedule thead {
		background: rgb(153,0,153);
		color: white;
	}
	table.schedule tfoot {
		background: black;
		color: white;
	}
	table.schedule thead tr {
		height: 30px;
	}
	table.schedule tbody tr {
		height: 40px;
	}

/* Column Group Styles */

	col#firstCol {
		background: rgb(218,210,218);
		width: 16%;
	}
	col.dayCols {
		background: rgb(255,220,255);
		width: 12%;
	}