/*
    CLEARFIX
*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow:hidden;
}

.clearfix {display: inline-block;}
    /* Hides from IE-mac \*/
    * html .clearfix {height: 1%;}
    .clearfix {display: block;}
    /* End hide from IE-mac */
/* END CLEARFIX */


a.redButton, a.redButton span { background-image: url('https://cdn.afterdawn.fi/toms/redButton.gif'); background-repeat: no-repeat; display: block; float: left; }
a.redButton { background-position: left top; color: white; cursor: pointer; padding: 0 0 0 25px; }
a.redButton span { background-position: right top; height: 36px; line-height: 36px; padding: 0 28px 0 0; }

a:hover.redButton { background-position: left -36px; }
a:hover.redButton span { background-position: right -36px; }








#cl, #cl ul { margin: 0; padding: 0; }



#cl li.clines { background: white url('https://cdn.afterdawn.fi/toms/charts/bg-gpu.gif') 305px top repeat-y; width: 605px; border-right: 1px dotted #b3b3b3; }

#cl li.clines.row_1 { background-color: #ebebeb; }

#cl .clLeft { position: relative; float: left; width: 213px; padding-top: 3px; padding-right: 70px; padding-left:22px; display: inline; }

.clLeft label { cursor: pointer; }

#cl .cBox { position:absolute; top: 2px; left: 0px; }
#cl .clLeft ul li span { font-size: 10px; }
#cl .clLeft ul li { display: inline; }
#cl .clRight { float: left; width: 299px; padding-top: 5px; background: repeat-y left top; border-top: 1px dotted #b3b3b3; display: inline; }

.chartsHolder { position:relative; border-top:1px solid white; /* border-left: 1px solid #a3a3a3 */; padding-left: 2px; margin: 30px 0; }
.compareButtonHolder { position: absolute; left: 0; padding-left: 15px; background: url('https://cdn.afterdawn.fi/toms/charts/greyBar.gif') left center no-repeat; }
.compareButtonHolder.top { top: -18px; }
.compareButtonHolder.bottom { bottom: -18px; }

#chartsWide #cl .clRight { padding: 10px 0; }

.scoreBlock { display: block; background-color: gray; color: white; text-align: center; height: 21px; line-height: 21px; overflow: hidden; }
.scoreBlock.style-1, .legendBlock.style-1 { background-color: #FA0000; }
.scoreBlock.style-2, .legendBlock.style-2 { background-color: #349FD7; }
.scoreBlock.style-3, .legendBlock.style-3 { background-color: #6FB423; }
.scoreBlock span, .legendBlock span { display: block; background: transparent url('https://cdn.afterdawn.fi/toms/charts/cache.png') top left repeat-x; }

.xAxis {
	width: 300px;
	margin-left: 304px;
	font-size: 9px;
	color: #A3A3A3;
}
	.xAxis span {
		display: block;
		float: left;
		width: 50px;
	}
	.xAxis span.xAxis-5 {width: auto;}
	.xAxis-legend {
		text-align: center;
		clear: both;
	}
	


#legendCharts {
list-style: none;
margin: 0 0 10px 0;
padding: 0;
}

#legendCharts li {
	float: left;
	color: #373737;
	width: 25%;
	padding: 5px 0;
}
	#legendCharts li span {
		display: block;
		float: left;
		width: 30px;
		height: 20px;
		margin-right: 5px;
	}
	
#legendChartsTitle {
	font-weight: bold;
	font-size: 12px;
	display: block;
	margin: 10px 0;
}