/*
This is an example of how to use the image sprite in your own CSS files
*/
.eventicons {
	background-image: url('eventIcons.sprite.png');
	background-repeat: no-repeat;
	display: inline-block;
	padding:8px;
	margin-top:2px;
}
.eventicons.ball {
	width: 30px;
	height: 30px;
	background-position: -10px -10px;
}
.eventicons.penalty {
	width: 30px;
	height: 30px;
	background-position: -10px -50px;
}
.eventicons.redcard {
	width: 30px;
	height: 30px;
	background-position: -10px -90px;
}
.eventicons.subst {
	width: 30px;
	height: 30px;
	background-position: -10px -130px;
}
.eventicons.yellowcard {
	width: 20px;
	height: 30px;
	background-position: -10px -170px;
}
.eventicons.yellowredcard {
	width: 30px;
	height: 30px;
	background-position: -10px -210px;
}