/*
This is an example of how to use the image sprite in your own CSS files
*/
.aqicolorblocks {
    background-image: url('aqicolorblocks.sprite.png');
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
}
.aqicolorblocks.good {
	width: 26px;
	height: 26px;
	background-position: -10px -10px;
}
.aqicolorblocks.hazardous {
	width: 26px;
	height: 26px;
	background-position: -10px -46px;
}
.aqicolorblocks.moderate {
	width: 26px;
	height: 26px;
	background-position: -10px -82px;
}
.aqicolorblocks.unhealthy {
	width: 26px;
	height: 26px;
	background-position: -10px -118px;
}
.aqicolorblocks.unhealthyforsensitivegroups {
	width: 26px;
	height: 26px;
	background-position: -10px -154px;
}
.aqicolorblocks.veryunhealthy {
	width: 26px;
	height: 26px;
	background-position: -10px -190px;
}