@charset "utf-8";
/* CSS Document */

#contentInterior{
	position: relative;
	width: 780px;
	margin: 0;
	padding: 0;
	background: white;
}

#chartContainer{
	position: relative;
	width: 760px;
	margin: 0 auto;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #606060;
}

	#chartContainer table{
		width: 360px;
		padding: 10px;
		margin: 0 auto;
	}
	
		.tableTitle{
			text-align: center;
			font: bold 12px Verdana, Arial, Helvetica, sans-serif;
			padding: 8px 0 8px 0;
		}
		
		.headingTitle{
			font: bold 10px Verdana, Arial, Helvetica, sans-serif;
		}
		
	#chartContainer table#pictogram{
		width: 760px;
		text-align: left;
		padding: 0;
	}
	
	#chartContainer table#pictogram tr{
		
	}
	
	#chartContainer table#pictogram td{
		padding: 3px 0 3px 0;
		border-bottom: 1px solid #cccccc;
		vertical-align: top;
	}

.chartRow{
	position: relative;
	width: 760px;
}

.leftCol{
	position: relative;
	display: block;
	float: left;
	width: 375px;
	margin-bottom: 10px;
	clear: left;
}

.rightCol{
	position: relative;
	display: block;
	float: right;
	width: 375px;
	margin-bottom: 10px;
	clear: right;
}

.tableBox{
	width: 373px;
	height: 238px;
	border: 1px solid #eae8e9;
	background: #f8f6f7 url(../images/chart-bg.gif) top center repeat-x;
}

/* Text Attributes */

.left{
	text-align: left;
}

.center{
	text-align: center;
}

.right{
	text-align: right;
}

/* Clear DIV */

.clear{
	clear: both;
}