.square {
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
	background-position: center; 
	background-image: url("../data/square.jpg");
}

.smile {
    content: url("../data/smile.gif");
}

.sad {
    content: url("../data/sad.gif");
}

.surprise {
    content: url("../data/surprise.gif");
}

.happy {
    content: url("../data/happy.gif");
}

.counter0 {
    content: url("../data/0.gif");
}

.counter1 {
    content: url("../data/1.gif");
}

.counter2 {
    content: url("../data/2.gif");
}

.counter3 {
    content: url("../data/3.gif");
}

.counter4 {
    content: url("../data/4.gif");
}

.counter5 {
    content: url("../data/5.gif");
}

.counter6 {
    content: url("../data/6.gif");
}

.counter7 {
    content: url("../data/7.gif");
}

.counter8 {
    content: url("../data/8.gif");
}

.counter9 {
    content: url("../data/9.gif");
}

.empty {
	background-image: url("../data/empty.jpg");
}

.mine {
	background-image: url("../data/mine.gif");
}

.explosion {
	background-image: url("../data/explosion.gif");
}

.mines1 {
	background-image: url("../data/1mines.gif");
}

.mines2 {
	background-image: url("../data/2mines.gif");
}

.mines3 {
	background-image: url("../data/3mines.gif");
}

.mines4 {
	background-image: url("../data/4mines.gif");
}

.mines5 {
	background-image: url("../data/5mines.gif");
}

.mines6 {
	background-image: url("../data/6mines.gif");
}

.mines7 {
	background-image: url("../data/7mines.gif");
}

.mines8 {
	background-image: url("../data/8mines.gif");
}

.question {
	background-image: url("../data/question.gif");
}

.flag {
	background-image: url("../data/flag.gif");
}

.wrong {
	background-image: url("../data/wrong.gif");
}