/*
   New Perspectives on HTML and XHTML 5th Edition
   Tutorial 5
   Case Problem 3

   Dome Table Style Sheet
   Author: Bradley Forney
   Date:   2013-01-22

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


.domeSpecs{
	float:			right;
	font-size:		12px;
	margin:			0px 20px 0px 20px;
	border-collapse: collapse;
	background:		url(tableback.jpg) no-repeat 98% 70%;
	}

caption{
	font-size:		16px;
	letter-spacing:	5px;
	text-align:		center;
	caption-side:	top;
	}

.firstColumn, .lastColumn{
	width:			22%;
	}

.middleColumns{
	width:			28%;
	}

thead th{
	border-bottom: 2px solid gray;
	}

tfoot td{
	border-top: 	2px solid gray;
	}

tbody td{
	border-top: 	1px dotted gray;
	border-bottom: 	1px dotted gray;
	}
	
td{
	padding-top:	0px;
	padding-left:	5px;
	padding-right:	5px;
	height: 30px;
	}
	
th{
	letter-spacing:	2px;
	}

.firstColumn{
	background:		url(left.jpg) left repeat-y;
	}
	
.middleColumns{
	background:		url(blank.gif) repeat;
	}
	
.lastColumn{
	background:		url(right.jpg) right repeat-y;
	}
	
thead{
	background:		url(top.jpg) top repeat-x;
	}	

table.domeSpecs{
	background:		url(tableback.jpg) no-repeat;
	background-position:	98% 70%;
}
	
#topLeft{
	background:		url(topleft.jpg) top left;
}

#topRight{
	background:		url(topright.jpg) top right;
}

#bottomLeft{
	background:		url(bottomleft.jpg) bottom left no-repeat;
}

tfoot{
	background:		url(bottom.jpg) bottom center repeat-x;
}

#bottomRight{
	background:		url(bottomright.jpg) bottom right no-repeat;
}