/* Table */
#data-table {border:none; border-top:1px solid #ccc;	width:540px;}
#data-table caption {color:#545454;	font-size:14px; font-weight:normal; line-height:20px; margin:0 0 20px 0; padding:0; text-align:center;}
#data-table thead {background:var(--block-color);}
#data-table th, 
#data-table td {border:none; border-bottom:1px solid #ccc; margin:0; padding:10px; text-align:left;	}
/* Toggle */
.toggles {background:#ebebeb;	color:#545454;	height:20px; padding:15px;}
.toggles p {margin:0;}
.toggles a {background:#222; border-radius:3px; color:#fff; display:block; float:left; margin:0 10px 0 0; padding:0 6px; text-decoration:none;}
.toggles a:hover {background:#666;}
#reset-graph-button {float:right;}
/* Graph */
/* Containers */
#wrapper {height:420px; left:50%; margin:-210px 0 0 -270px; position:absolute; top:50%;	 width:540px;}
#figure {height:380px;	position:relative; margin-left:40px;}
#figure ul {list-style:none; margin:0;	padding:0;}
.graph {height:283px; position:relative;}
/* Legend */
.legend {background:#f0f0f0; border-radius:4px; bottom:0; 	position:absolute;	text-align:left; width:540px;}
.legend li {display:block; float:left;	height:20px; margin:0; padding:10px 30px; width:120px;}
.legend span.icon {background-position:50% 0; border-radius:2px; display:block; float:left; height:16px;	margin:2px 10px 0 0; width:16px;}
/* X-Axis */
.x-axis {bottom:0; color:#555; position:absolute; text-align:center; width:540px;}
.x-axis li {float:left; margin:0 15px; padding:5px 0; width:76px;}
/* Y-Axis */
.y-axis {color:#555; position:absolute; text-align:right; width:100%;}
.y-axis li {border-top:1px solid #ccc; display:block; height:62px; width:100%;}
.y-axis li span {display:block; margin:-10px 0 0 -60px; padding:0 10px; width:40px;}
/* Graph Bars */
.bars {height:253px; position:absolute; width:100%; z-index:10;}
.bar-group {float:left; height:100%; margin:0 15px; position:relative; width:76px;}
.bar {border-radius:3px 3px 0 0; bottom:0; cursor:pointer; height:0; position:absolute;	text-align:center;	width:24px;}
.bar.fig0 {left:0;}
.bar.fig1 {left:26px;}
.bar.fig2 {left:52px;}
.bar.fig3 {left:78px;}
.bar.fig4 {left:104px;}
.bar.fig5 {left:130px;}
.bar.fig6 {left:156px;}
.bar.fig7 {left:182px;}
.bar.fig8 {left:208px;}
.bar span {background:#fefefe; border-radius:3px; left:-8px; display:none; margin:0; position:relative; text-shadow:rgba(255, 255, 255, 0.8) 0 1px 0; width:40px;	z-index:20; -webkit-box-shadow:rgba(0, 0, 0, 0.6) 0 1px 4px; box-shadow:rgba(0, 0, 0, 0.6) 0 1px 4px;}
.bar:hover span {display:block; margin-top:-25px;}
.graph-table{display:none;}
.bar span {background:#fefefe url(info-bg0.gif) 0 100% repeat-x;}
.fig0 {background:#747474 url(bar-01-b.gif) 0 0 repeat-y;}
.fig1 {background:#65c2e8 url(bar-02-b.gif) 0 0 repeat-y;}
.fig2 {background:#eea151 url(bar-03-b.gif) 0 0 repeat-y;}
.fig3 {background:#FA8072 url(bar-03-b.gif) 0 0 repeat-y;}
.fig4 {background:#FFA500 url(bar-03-b.gif) 0 0 repeat-y;}
.fig5 {background:#00FFFF url(bar-03-b.gif) 0 0 repeat-y;}
.fig6 {background:#00BFFF url(bar-03-b.gif) 0 0 repeat-y;}
.fig7 {background:#FFDEAD url(bar-03-b.gif) 0 0 repeat-y;}
.fig8 {background:#90EE90 url(bar-03-b.gif) 0 0 repeat-y;}