@charset "utf-8";

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

   Tables Style Sheet
   Author: Ejaz Shaikh
   Date: November 2, 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 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%;
}