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

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

   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{
	float:			right;
	font-size:		12px;
	margin:			0px 0px 10px 20px;
	border-collapse:	collapse;
}


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

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

.middleColumns{
	width:			28%;
}
	

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

tfoot td{
	border-top:		2px solid gray;
	text-align:		center;
	background:		url(bottom.jpg) repeat-x;

}

tbody td{
	border:			1px dotted gray;
}

td{
	padding: 		0px 5px 0px 5px;
}

th{
	letter-spacing:		2px;
}

tr{
	height:			30px;
}

.firstColumn{
	background:		url(left.jpg) left repeat-y;
}

.middleColumns{
	background:		url(blank.jpg) repeat-x repeat-y;
}

.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);
}

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

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

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