@charset "utf-8";

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

   Tables Style Sheet
   Author: Mohammad Z Taieeb
   Date:   04/04/2026

   Filename:         dlr_tables.css
*/

/* Table Styles */

table {
   background: rgb(231, 212, 231);
   border: 6px solid rgb(153, 0, 153);
   border-collapse: collapse;
   font-size: 0.75em;
   width: 100%;
   table-layout: fixed;
   margin-top: 18px;
}

/* Table Cell Styles */

th, td {
   border: 1px solid rgb(153, 0, 153);
   padding: 6px;
   vertical-align: top;
   text-align: left;
   word-wrap: break-word;
}

/* Table Caption Styles */

caption {
   caption-side: top;
   background-color: rgb(153, 0, 153);
   color: white;
   font-weight: bold;
   font-size: 1.1em;
   padding: 8px 0px;
}

/* Table Header Styles */

thead th {
   background-color: rgb(153, 0, 153);
   color: white;
   font-weight: bold;
   text-align: center;
}

/* Row Header Styles */

tbody th {
   background-color: rgb(235, 235, 235);
   font-weight: bold;
   text-align: center;
   width: 11%;
}

/* Footer Styles */

tfoot td {
   background-color: black;
   color: white;
   font-weight: normal;
   text-align: left;
   padding: 8px;
}

/* Time Stamp */

p#timeStamp {
   text-align: right;
   font-size: 0.8em;
   margin-top: 4px;
   margin-right: 4px;
}