.CheckBlock
{
  display: block;
  position: relative;
  padding-left: 40px;
  cursor: pointer;
  font-size: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.CheckBlock input
{
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.CheckMark
{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 32px;
  width: 32px;
  background-image: url("/assets/CheckBlock/uncheck.png") ;
  background-size: 32px 32px;
}

.CheckBlock:hover input ~ .CheckMark
{
  background-image: url("/assets/CheckBlock/hovering.png") ;
  background-size: 32px 32px;
}

.CheckBlock input:checked ~ .CheckMark
{
  background-image: url("/assets/CheckBlock/checked.png") ;
  background-size: 32px 32px;
}