.datatableborder {
	border: 8px solid #e1f3fd;
}

.datatable {
	width: 358px;
	background: #fff;
}

.datatable th,.datatable td {
	font-family: arial;
	font-size: 9pt;
	border-bottom: 1px solid #ccc;
	padding: 5px 20px 5px 8px;
	vertical-align: middle;
	white-space: nowrap;
	text-align: left;
}

.datatable th,.datatable td.total {
	font-size: 10pt;
	padding: 10px 20px 10px 10px;
	color: #666;
	font-weight: bold;
}

.datatable td.item {
	white-space: nowrap;
}

.datatable td.pct {
	text-align: right;
	width: 100%;
}

table#dashboard {
	width: 770px;
	margin: 15px auto;
	border: 0;
}

h2.dashboard {
	font-family: arial;
	font-size: 11pt;
}

.dashboardbox {
	background: #e1f3fd;
	padding: 8px;
	border: 1px solid #06c;
	margin-bottom: 10px;
}

h2.graphtitle {
	font-family: arial;
	font-size: 10pt; 
	color: #666; 
	padding: 5px 0; 
	border-bottom: 1px solid #ccc; 
	margin-bottom: 20px;
}

/* Bar Graphs */
.bargraphs {
	margin: 15px 3px 0px 3px;
}

.bargraphs h1 {
	color: #000;
}

.bargraphs p {
	clear: both;
	padding-top: 10px;
	font-size: 8pt;
	color: #666;
}

.bar {
	clear: left;
}

.bar div.value {
	float: left;
	background-color: #000;
	color: #fff;
	padding: 2px 4px;
	margin-top: 8px;
}
.bar div.label {
	padding: 8px 16px 16px 0;
	width: 120px;
	float: left;
	font-style: italic;
	text-align: right;
}
.bar1, .bar2, .bar3, .bar4, .bar5 {
	float: left;
	padding: 16px 0 16px 8px;
	opacity: 0.8;
	filter: alpha(opacity=80);
	margin: -8px 0 0 0;
}
.bar1 {
	padding: 16px 0 16px 8px;
	background-color: #e61010;
}
.bar2 {
	background-color: #f6ac43;	
}
.bar3 {
	background-color: #fef34b;	
}
.bar4 {
	background-color: #c6e628;	
}
.bar5 {
	background-color: #0066cc;
}

.bluff-tooltip {
	font-family: Arial;
	font-size: 8pt;
	background: #fff;
	border: 1px solid #d1edf5;
	padding: 8px 8px 6px; 
}
.bluff-tooltip .color {
	display: block;
	height: 4px;
	width: 30px;
	margin: 0 0 4px;
	overflow: hidden; 
}
.bluff-tooltip .data {
	font-weight: bold; 
}