/* R E S U L T S */
.results_wrapper {
	padding-bottom: 30px;
}

.results {
	overflow: hidden;
	padding: 25px 0 30px 0;
	border-top: 1px solid #565E62;	
}

.results .title {
	text-transform: uppercase;
	font-size: 13px;
	color: #FFF;
}

.results .calendar {
	padding-left: 0;
	padding-bottom: 0;	
}

.results .block {
	float: left;
	overflow: hidden;
	width: 33%;
}

.results .first {
	width: 230px;
}

.results .first .bottom {
	padding-top: 10px;
	margin-top: 5px;
}

.results .middle {
	width: 180px;
}

.results .last {
	width: 180px;
	padding: 0 0 0 50px;
}

.results .middle a, .results .last a  {
	display: block;
}

.results .tooltip {
	width: 100%; 
	display: block; 
	clear: both;
	padding-top: 0px;
}







.results.uitschieters {
	padding-top: 0;
	border-top: 0;
}

.results.uitschieters .first .bottom {
	background: transparent url(../img/results/therm.png) no-repeat top left;
	padding-left: 30px;
	height: 80px;
}

.results.uitschieters .first .bottom span {
	font-size: 18px;
	display: inline-block;
	padding-bottom: 5px;
}

.results.uitschieters .middle .top {
	background: transparent url(../img/results/cv.png) no-repeat top left;
	padding-left: 40px;
}

.results.uitschieters .last .top {
	background: transparent url(../img/results/sww.png) no-repeat top left;
	padding-left: 40px;
}

.results.uitschieters .bottom {
	position: relative;
	height: 150px;
	background: transparent url(../img/results/arrow.png) no-repeat 52px 25px;	
}

.results.uitschieters .middle .bottom, .results.uitschieters .last .bottom {
	height: 100px;
}

.results .use_unit {
	width: 10px; 
	height: 10px;
	background-color: #66CCFF;	
	position: absolute;
	top: 25px;
	left: 33px;
	display: block;
}

.results .heat_unit {
	position: absolute;
	top: 25px;
	left: 75px;
	width: 55px;
	height: 22px;	
}

.results .unit {
	background-color: #F25442;
	width: 10px;
	height: 10px;
	float: left;
	margin: 0 1px 1px 0;
}

.results .use {
	position: absolute;
	top: 50px;
	left: 0;
	color: #66CCFF;
	width: 75px;
	text-align: center;
}

.results .heat {
	position: absolute;
	top: 50px;
	left: 75px;
	color: #F25442;
}

.results .use span, .results .heat span { 
	font-size: 18px;
}






.results.gratis_energie .first {
	font-size: 11px;
	width: 230px;
}

.results .legend {
	padding-top: 10px;
}

.results .legend div  {
	width: 8px; 
	height: 8px;
	float: left;
	margin-top: 4px;
}

.results.gratis_energie .legend span {
	padding-left: 5px;
}

.green {
	background-color: #90CE13;
}

.yellow {
		background-color: #FFB300;
}

.blue {
		background-color: #66CCFF;
}
.darkblue {
		background-color: #0077B2;
}

.results.gratis_energie .middle .graph {background: transparent url(../img/results/cv_graph.png) no-repeat top left; width: 156px; height: 135px;}
.results.gratis_energie .middle .graph .graphpie{padding-left:22px;width: 125px;height: 125px;}
.results.gratis_energie .last .graph {background: transparent url(../img/results/sww_graph.png) no-repeat top left;	width: 156px; height: 135px;}
.results.gratis_energie .last .graph .graphpie{padding-left:22px;width: 125px;height: 125px;}
.piedetail{font-size:8pt;text-align:center;padding:2px;padding-left:22px;color:white;}



.results.co2_besparing {
	border-bottom: none;
}

.results.co2_besparing .first {
	width: 240px;
	height: 85px
}

.results.co2_besparing .middle {
	width: 80px;
	text-align: center;
	background: transparent url(../img/results/cv_sww.png) no-repeat top left;
	padding-top: 50px;
	font-size: 18px;
}

.results.co2_besparing .last {
	width: 320px;
	text-align: right;
	background: transparent url(../img/results/car.png) no-repeat top right;
	padding-top: 50px;
	font-size: 18px;
	padding-left: 0;	
}

/* R E S U L T S    E N D*/
.toon_meer, .toon_minder { 
	width: 100%; 
	background: transparent url(../img/results/more_less.gif) no-repeat center center; 
	text-align: center;
	cursor: pointer;
}

.toon_meer span {
	background: transparent url(../img/results/more.gif) no-repeat left center;
	padding-left: 30px;
}

.toon_minder span {
	background: transparent url(../img/results/less.gif) no-repeat left center;
	padding-left: 30px;
}

.results_close {
	width: 100%;
	height: 20px;
	display: block;
	text-align: center;
	overflow: hidden;
}

.results_close span {
	width: 33%;
	background: transparent url(../img/results/dots.gif) repeat-x center center;	
	height: 20px;
	display: block;
}

.results_close .close {
	background: none;
}