/*
   New Perspectives on HTML and CSS
 Finial Project

   Table Style Sheet
   Author:Anthony Webster
   Date: 08/22/15

   Filename:    Table.css
   Supporting Files: none

*/

/* Styles for the domeSpecs table */

   .conSpecs {
      font-size: 16px;
      margin-bottom: 20px;
      margin-left: 20px;
      float: right;
      border-collapse: collapse;
      background-image: url("tableback.png");
      background-position: right bottom;
      background-repeat: no-repeat;
      background-size: cover;
   }

   .conSpecs td {
      padding-top: 0px;
      padding-bottom: 0px;
      padding-left: 5px;
      padding-right: 5px;
   }

   .conSpecs caption {
      font-size: 18px;
      font-feature-settings: "kern" 5px;
      text-align: center;
      margin-bottom: 10px;
   }

/* Styles for the domeSpecs table header */

   .conSpecs thead {
      height: 40px;
      border-bottom: 2px solid gray;
      background-image: url("top.jpg");
      background-repeat: repeat-x;
      padding-top: 0px;
      padding-bottom: 0px;
      padding-left: 5px;
      padding-right: 5px;
      font-feature-settings: "kern" 2px;
   }

   .conSpecs thead th:first-of-type {
      background-image: url("topleft.jpg");
      background-repeat: no-repeat;
   }

   .conSpecs thead th:last-of-type {
      background-image: url("topright.jpg");
      background-repeat: no-repeat;
      background-position: right top;
   }

/* Styles for the domeSpecs table footer */

   .conSpecs tfoot {
      height: 40px;
      border-top: 2px solid gray;
      text-align: center;
      background-image: url("bottom.jpg");
      background-repeat: repeat-x;
      padding-top: 0px;
      padding-bottom: 0px;
      padding-left: 5px;
      padding-right: 5px;
      font-feature-settings: "kern" 2px;
   }

   .conSpecs tfoot td:first-of-type {
      background-image: url("bottomleft.jpg");
      background-position: left bottom;
      background-repeat: no-repeat;
   }

   .conSpecs tfoot td:last-of-type {
      background-image: url("bottomright.jpg");
      background-position: right bottom;
      background-repeat: no-repeat;
   }

/* Styles for the domeSpecs table body */

   .conSpecs tbody tr {
      height: 50px;
      border-bottom: 1px dotted dark gray;
   }

   .conSpecs tbody tr td:first-of-type {
      background-image: url("left.jpg");
      background-position: left top;
      background-repeat: repeat-y;
   }

   .conSpecs tbody tr td:last-of-type {
      background-image: url("right.jpg");
      background-position: right top;
      background-repeat: repeat-y;
      text-align: right;
   }

   .conSpecs tbody tr:nth-of-type(even) {
      background-color: rgba(152, 227, 215, 0.6);
   }

   .conSpecs tbody tr:nth-of-type(odd) {
      background-color: rgba(255, 255, 255, 0.6);
   }

/* Styles for the domeSpecs table column classes */

   .firstColumn {
      width: 22%;
   }

   .middleColumns {
      width: 28%;
   }

   .lastColumn {
      width: 22%;
   }