@charset "utf-8";

/*
   New Perspectives on HTML and CSS
   Tutorial 6
   Tutorial Case

   Tables Style Sheet
   Author: Ethan Luigi Chiu
   Date:   10/31/2025

   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 grey;
	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%;
}