
body{
	padding: 0;
	margin: 0;
}
div{
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 42px;
	padding: 10px 80px;
	text-shadow: 1px 1px 3px #666666;
	background: url("../images/button_play.png") 10px center no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from(#7afff8), to(#057bfa));
	background: url("../images/button_play.png") 10px center no-repeat, -moz-linear-gradient(top, #7afff8, #057bfa);
	margin-bottom: 1%;
}

div:hover {
  background: url("../images/button_play.png") 10px center no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from(#f875ff), to(#ff00ff));
  background: url("../images/button_play.png") 10px center no-repeat, -moz-linear-gradient(top, #f875ff, #ff00ff)
}
div.activ, div.activ:hover{
  background: url("../images/button_pause.png") 10px center no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from(#f875ff), to(#ff00ff));
  background: url("../images/button_pause.png") 10px center no-repeat, -moz-linear-gradient(top, #f875ff, #ff00ff)
}	