/*
   New Perspectives on HTML and CSS
   Tutorial 5
   Case Problem 3

   Dome Table Style Sheet
   Author: David Katelansky
   Date:   06/08/2015

   Filename:         dtable.css
   Supporting files: bottom.jpg, bottomleft.jpg, bottomright.jpg,
                     left.jpg,right.jpg, tableback.jpg,
                     top.jpg, topleft.jpg, topright.jpg

*/

table.domeSpecs
{
   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: 100% 100%;
}

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

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

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

table.domeSpecs tbody tr td
{
   padding: 0px 5px 0px 5px;    
}

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

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

table.domeSpecs caption
{
   font-size: 18px;
   letter-spacing: 5px;
   text-align: center;
   margin-bottom: 10px;
}

table.domeSpecs thead tr
{
   border-bottom: 2px solid gray;
   background-image: url("top.jpg");
   background-position: left top;
   background-repeat: repeat-x;    
   height: 40px;   
}

table.domeSpecs thead tr th
{
   padding: 0px 5px 0px 5px;   
   letter-spacing: 2px;  
}

table.domeSpecs thead tr th:first-of-type
{
   background-image: url("topleft.jpg");
   background-position: left top;  
   background-repeat: no-repeat;
}

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

table.domeSpecs  colgroup col.firstColumn
{
   width: 22%;
}

table.domeSpecs  colgroup col.middleColumns
{
   width: 28%;
}

table.domeSpecs  colgroup col.lastColumn
{
   width: 22%;
}

table.domeSpecs tfoot tr
{
   border-top: 2px solid gray;
   text-align: center;
   background-image: url("bottom.jpg");
   background-position: left bottom;
   background-repeat: repeat-x;
   height: 40px;  
}

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

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