/*
    New Perspectives on HTML
      Final Project
      
      Bead Creations Page
      Author: Katherine Pizana
      Date:   November 8, 2015


      Filename:         ptable.css
      Supporting files: beadbanner.bmp, ewstyles.css, modernizr-1.5.js
*/

/* Styles for table */

table.pricing {
	font-size: 16px;
	margin-bottom: 20px;
    margin-left: 20px;
	float: left;
	border-collapse: collapse;
	background-image:url('tableback.png');
	background-repeat:no-repeat;
	background-position:bottom right;
	background-size: cover;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	}
table.pricing caption {
	font-size: 18px;
	letter-spacing: 5px;
	text-align: center;
	}

table.pricing thead {
	border-bottom: 2px solid gray;
	background-image:url('top.jpg');
	height: 40px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	letter-spacing: 2px;
	}


thead tr th:first-of-type {
	background-image:url('topleft.jpg');
	background-repeat:no-repeat;
	background-position:left top;
	}
	
thead tr th:last-of-type {
	background-image:url('topright.jpg');
	background-repeat:no-repeat;
	background-position:right top;
	}
table.pricing tfoot {
	border-top: 2px solid gray;
	background-image:url('bottom.jpg');
	text-align: center;
	height: 40px;
	}
tfoot tr td:first-of-type {
	background-image:url('bottomleft.jpg');
	background-repeat:no-repeat;
	background-position:left bottom;
	}
	
tfoot tr td:last-of-type {
	background-image:url('bottomright.jpg');
	background-repeat:no-repeat;
	background-position:right bottom;
	}	
table.pricing tbody tr td {
	height: 50px;
	border-bottom: 1px dotted gray;
}
tbody tr td:first-of-type {
	background-image:url('left.jpg');
	background-repeat:no-repeat;
	background-position:left top;
	background-repeat: repeat-y;
	}
	
tbody tr td:last-of-type {
	background-image:url('right.jpg');
	background-repeat:no-repeat;
	background-position:right top;
	background-repeat: repeat-y;
	text-align: right;
	}	
tbody tr:nth-of-type(even) {
	background-color: rgba(152, 228, 215, 0.6);
	}
tbody tr:nth-of-type(odd) {
	background-color: rgba(255, 255, 255, 0.6);
	}
table.pricing col.firstColumn {
	width: 22%;
	}
table.pricing col.middleColumns {
	width: 28%;
	}
table.pricing col.lastColumn {
	width: 22%;
}