body {
	font: 10px  Helvectica, Arial, sans-serif;
}
a:active
{
outline: none;
}
a:focus
{
-moz-outline-style: none;
}
a { color: #821122; }
#main-wrapper { 
	width: 940px;
        height: 830px;
	margin: 0 auto; 
	background: #fff;
}
#fd-header {
    text-align: center;
    padding: 10px 0;
    border-bottom: 2px solid #000;
}
#fd-header a img { border: none; }
#header { 
    margin: 15px 26px 30px 16px;
    padding-bottom: 5px; 
}
#header h1 { 
	font-size: 2.4em; 
	font-family: Georgia, Palatino, serif;
	font-weight: normal;
}
#header .h3 { 
	font-size: 2.4em; 
	font-family: Georgia, Palatino, serif;
	padding-bottom: 5px;
	margin-bottom: 5px;
	font-weight: normal;
        float: left;
        border-bottom: 1px solid #ccc;
}
#header p {
    font-family: Georgia, Palatino, serif;
    font-size: 1.3em;
    line-height: 1.4em;
}
#footer-wrapper { border-top: 1px solid #ccc; padding: 10px 0; width: 600px; margin-left: 15px;}
#footer { 
    margin: 0 auto;
    text-align: center;
    font-size: 1.1em;
    font-family: Georgia;
}
#footer a { color: #821122; }

#explain {
    margin: 0 0 0 16px;
    width: 550px;
}
#explain h3 {
    font-size: 1.5em;
    margin: 0 0 0.5em 0; 
    padding: 0;
}
#explain p { 
    font-size: 1.2em;
    line-height: 1.4em;
    color: #717171;
    margin-top: 0;
}

#filters, #filters1 { 
    margin: 0 24px 10px 16px;  
    padding-top: 90px;
}
#filters table , #filters1 table{ 
	width: 85px; 
	border-collapse: collapse;
	margin-right: 2px;
}
#filters table td, #filters1 table td { padding: 0; margin: 0; }
#filters a,  #filters1 a {
	display: block;
	width: 260px;
	padding: 2px 4px;
	font-size: 1.1em;
	color: #919292;
	cursor: pointer;
	overflow: hidden;
}
#filters a:hover, #filters1 a:hover {
	text-decoration: underline;
}
#filters a.current, #filters1 a.current {
	background: #fff;
	color: #000;
	font-weight: bold;
}
#filters a.current:hover, #filters1 a.current:hover  { text-decoration: none; }
#vis, #vis1 { background: #fff;  float: left;}

#boo {width: 690px;}

.aheader { 
	font-size: 1.1em;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	fill: #777;

}
.ticklabel, .ticklabel1 { font-size: 0.85em; fill: #888; }
.chart { 
    float: left; 
    padding: 16px;
    margin-right: 10px; 
}
.chart.noborder { border-left: none; padding-left: 0; margin-left: 16px; }
.chart.endrow { padding-right: 0; }
.rule line {
  stroke: #eee;
  shape-rendering: crispEdges;
}

.rule line.axis {
  stroke: #000;
}

.a5 { stroke: #E59138; stroke-width: 1.2px; }
.a2 { stroke: #003950; stroke-width: 1.2px;}
.a3 { stroke: #B45B49; stroke-width: 1.2px;}
.a4 { stroke: #5E5E66; stroke-width: 1.2px;}
.a1 { stroke: #4C4322; stroke-width: 1.2px;}
.a6 { stroke: #88A3B6; stroke-width: 1.2px;}
.a7 { stroke: #917E8A; stroke-width: 1.2px;}
.a8 { stroke: #5F1D00; stroke-width: 1.2px;}
.a10 { stroke:#5F1D00; stroke-width: 1.2px;}
.a9 { stroke: #EDDAC3; stroke-width: 1.2px;}

.a5_n { fill: #E59138; }
.a2_n { fill: #003950; }
.a3_n { fill: #B45B49; }
.a4_n { fill: #5E5E66; }
.a1_n { fill: #4C4322; }
.a6_n { fill: #88A3B6; }
.a7_n { fill: #917E8A; }
.a8_n { fill: #5F1D00; }
.a10_n { fill:#5F1D00; }
.a9_n { fill: #EDDAC3; }

.a5_k { stroke: #E59138; }
.a2_k { stroke: #003950; }
.a3_k { stroke: #B45B49; }
.a4_k { stroke: #5E5E66; }
.a1_k { stroke: #4C4322; }
.a6_k { stroke: #88A3B6; }
.a7_k { stroke: #917E8A; }
.a8_k { stroke: #5F1D00; }
.a10_k { stroke:#5F1D00; }
.a9_k { stroke: #EDDAC3; }


.area {
  stroke: #e2e2e2;stroke-width: 1.2px;
}


.line, circle.area {
  fill: none;
  stroke: steelblue;
  stroke-width: 1.5px;
}

circle.area {
  fill: #fff;
}

.right { float: right; padding-left: 20px; border-left: 1px solid #f2f2f2; margin-left: 20px; margin-top: 5px;}
.left { float: left; }
.clr { clear: both; }