@font-face {font-family: 'VolkswagenTS-Regular';src: url('../../css/webfonts/219075_0_0.eot');src: url('../../css/webfonts/219075_0_0.eot?#iefix') format('embedded-opentype'),url('../../css/webfonts/219075_0_0.woff') format('woff'),url('../../css/webfonts/219075_0_0.ttf') format('truetype');}
@font-face {font-family: 'TeeFranklin-Bold';src: url('../../css/webfonts/219075_1_0.eot');src: url('../../css/webfonts/219075_1_0.eot?#iefix') format('embedded-opentype'),url('../../css/webfonts/219075_1_0.woff') format('woff'),url('../../css/webfonts/219075_1_0.ttf') format('truetype');}
@font-face {font-family: 'TeeFranklin-Book';src: url('../../css/webfonts/219075_2_0.eot');src: url('../../css/webfonts/219075_2_0.eot?#iefix') format('embedded-opentype'),url('../../css/webfonts/219075_2_0.woff') format('woff'),url('../../css/webfonts/219075_2_0.ttf') format('truetype');}

sup{
position: relative;
	bottom: 0.5em;
	font-size: 0.8em;
}


svg{

}


.ie7fix{
	display:none;
}

circle, rect{
	visibility:visible;
	pointer-events:all;
}

h2, li, h3{
	font-family: 'VolkswagenTS-Regular', sans-serif;
	color:#00a8cb;
}

h2{
	font-size: 20px;
	margin-bottom: 10px;
	font-weight:300;
	
}

h3{
font-weight: 100;
font-size: 13px;
	margin-bottom: 10px;
}

.bar, 
.pie, .pie1, .pie2, .pie3, .pie4, .pie5,
.line, .bar2 {
	float: left;

	margin: 10px;
	position: relative;
	z-index: 100;
	width:200px;
	height:200px;
}

rect:hover{
	cursor: pointer;
}

circle:hover{
	cursor:pointer;
}

.hoverPath:hover {
	/* cursor: pointer; */
	/* fill: #aaa; */
	/* opacity: 0.5; */
}
/*
.slice-1 {
	fill: #660033;
}

.slice-2 {
	fill: #663366;
}

.slice-3 {
	fill: #666699;
}

.slice-4 {
	fill: #6699aa;
}

.slice-5 {
	fill: #66aadd;
}

.slice-6 {
	fill: #66ddff;
}
*/
.tooltip {
	position: absolute;
	top: 300px;
	left: 100px;
	padding: 5px 10px 5px 20px;
	width: 209px;
	height:58px;
	background-image: url(../_img/hoverBubble.png);
	display: none;
	z-index:200;
}

.tooltip .perc span {
	font: 13px/20px Arial;
	color: #333;
	font-family: 'TeeFranklin-Book', sans-serif;
}

.tooltip .perc .num {
	font: 13px/20px Arial;
	color:#00a8cb;
	font-family: 'TeeFranklin-Bold', sans-serif;
}

/* bar */
.barChart {
}

.base {
	stroke: #000;
	stroke-width: 1;
}

.indicator {
	stroke: #aaa;
	stroke-width: 1;
}

.lines {
	stroke: #000;
	stroke-width: 1;
}

.bar text{
	font-family: sans-serif;
}
.tabs{
	margin: 0 50px;
	width:666px;

}
.tabs ul li:hover{
	cursor: pointer;
}
.tabs ul li{
	
	display:inline-block;
	margin:20px -10px 20px 0;
	background-image: url(../_img/unselected-tab-item.png);
	position: relative;
	z-index:3;
	height:43px;
	width:195px;
	color:#00a8cb;
}

.tabs ul li div{
	font: 12px/12px 'TeeFranklin-Bold',sans-serif;
	margin:14px 0;
	text-transform: uppercase;
	text-align: center;
	font-size:12px;
}

.tabs ul .selectedTab{
	color:#439539;
	background-image: url(../_img/selected-tab.png);
	z-index:4 !important;
	color:#ffffff;
}


.data-row-1{color:#439539;}
.data-row-2{color:#00a8cb;}
.data-row-3{color:#f47b20;}
.data-row-4{color:#ffc423;}
.data-row-5{color:#6a737b;}

.tableHover{
	background-color:#FF0033;
}


.tabs{
	position: relative;
}

.b-button{
	background-image: url(../_img/b-bar-button.png);
	background-position: 0 0;
	height:16px;
	width:100px;
}

.b-button.selected, .b-button:hover {
	background-position: 0 16px;
	cursor: pointer;
}

.l-button{
	background-image: url(../_img/line-button.png);
	background-position: 0 0;
	height:16px;
	width:112px;
	margin-left: 10px;
}

.l-button.selected, .l-button:hover {
	background-position: 0 16px;
	cursor: pointer;
}
.chart-toggler{
	position: absolute;
	top:82px;
	right:0;
}
.chart-toggler div{
	float:left;
}
td{
	padding:1px 5px 1px 0;
	font-size: 13px;

}
.top{
	background: url("../_img/top.png") no-repeat scroll 11px 17px transparent;
}

.middle{
	background: url("../_img/middle.png") repeat-y scroll 11px 0 transparent;
}

.bottom{
	background: url("../_img/bottom.png") no-repeat scroll 11px 0 transparent;
}
.bottom:before{
	content:'';
	position: absolute;
	top:-1px;
	background: url("../_img/middle.png") repeat-y scroll 11px 0 transparent;	
}
td img{
	margin-right: 4px;
	margin-top: 3px;
}

.bottom-border td{
	border-bottom: 1px solid #cccccc;
	padding-bottom: 5px;
}

table{
	margin:20px 0 15px 0;
	font-family:'TeeFranklin-Book', sans-serif;
	font-size: 12px;
	}

.graph{
	background: url("../_img/graph-shadow.png") no-repeat scroll -2px 245px transparent;
	pointer-events: none;

}
#incomeBar2{
	position: absolute;
	top: 137px;
	left:0;
}

.table-button:hover{
	cursor:pointer;
}

.footnote{
	color:#6a737b;
	font-size: 11px;
	font-family:'TeeFranklin-Book', sans-serif;
	margin-bottom:15px;
}

.swapValues{
	cursor: pointer;
}

td:last-child{
	font-weight: 600;
}