/*
      
      IT270 - Website Design - Final Project

      Rattlesnake Football Club
      Author: Sean McLaughlin
      Date: 1/12/2016

      Filename:         rostertable.css

*/

/* Styles for the roster table */

table.roster {
   border-collapse: collapse;
   font-size: 16px;
   width: 100%;
}

/* Table header styles */

table.roster thead th {
   background-color: black;
   color: rgb(255, 255, 204);
   opacity: 0.6;
   padding-top: 20px;
}

/* Styles for the table caption */

table.roster caption {
   color: white;
   font-size: 45px;
   letter-spacing: 5px;
   margin-bottom: 20px;
   margin top: 20px;
   text-align: center;
}

/* Table footer styles */

table.roster tfoot td {
   background-color: black;
   color: rgb(255, 255, 204); 
   height: 40px;
   opacity: 0.6;
   text-align: center;
}

/* Styles for the first column */

table.roster col.firstColumn {
   width: 20%;
}

/* Styles for the middle columns */

table.roster col.middleColumns {
   width: 20%;
}

/* Styles for the last column */

table.roster col.lastColumn {
   width: 20%;
}

/* Table body styles */

table.roster tbody tr {
   color: white;
   height: 50px;
   opacity: 0.6;
   text-align: center;
}

tbody tr:nth-of-type(even) {
   background-color: black;
}

tbody tr:nth-of-type(odd) {
   background-color: rgba(134, 121, 121, 1);
}