.rating {
    float:left;
}

.rating:not(:checked) > input {
    position:absolute;
    clip:rect(0,0,0,0);
}

.rating:not(:checked) > label {
    float:right;
    width:1em;
    padding:0 0;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:144%;
    line-height:1;
    margin-left:1px;
}

.rating:not(:checked) > label {
	background-image:url('/GameCardWEB/imagens/grey-star-small.png');
	color:transparent;
}

.rating > input:checked ~ label {
	background-image:url('/GameCardWEB/imagens/yellow-star-small.png');
	color:transparent;
}

.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
	background-image:url('/GameCardWEB/imagens/yellow-star-small.png');
	color:transparent;
}

.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {
	background-image:url('/GameCardWEB/imagens/yellow-star-small.png');
	color:transparent;
}

.ratingII {
    float:left;
}

.ratingII:not(:checked) > input {
    position:absolute;
    /*top:-9999px;*/
    clip:rect(0,0,0,0);
}

.ratingII:not(:checked) > label {
    float:right;
    width:1em;
    padding:0 0;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:148%;
    line-height:1;
	margin-right: 9px;
}

.ratingII:not(:checked) > label{
	background-image:url('/GameCardWEB/imagens/no-star-grey-small.png');
	color: transparent;	
}

.ratingII > input:checked ~ label {
	background-image:url('/GameCardWEB/imagens/no-star-yellow-small.png');
	color: transparent;
}

.ratingII:not(:checked) > label:hover,
.ratingII:not(:checked) > label:hover ~ label {
    color: transparent;
}

.ratingII > input:checked + label:hover,
.ratingII > input:checked + label:hover ~ label,
.ratingII > input:checked ~ label:hover,
.ratingII > input:checked ~ label:hover ~ label,
.ratingII > label:hover ~ input:checked ~ label {
   color: transparent;
}