@charset "utf-8";

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

   Tables Style Sheet
   Author: Zoe Griffith
   Date:   11/10/25

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