#recipe_full .prismaajaxrate
{
    width:70px;
    height:23px;
    background: url(../images/die_star.gif) repeat 0 0;
    position:relative;
    margin:5px;
    float:right;
    left:-85px;
    top:-15px;
    clear:both;
}

#recipe_full .prismaajaxrate_empty{
    width:70px;
    height:23px;
    background: url(../images/grey_star.gif) repeat 0 0;
    position:relative;
    margin:5px;
    float:right;
    left:-85px;
    top:-15px;
    clear:both;
}

.prismaajaxrate
{
    width:70px;
    height:23px;
    background: url(../images/die_star.gif) repeat 0 0;
    position:relative;
    margin:5px;

}

.prismaajaxrate_empty{
    width:70px;
    height:23px;
    background: url(../images/grey_star.gif) repeat 0 0;
    position:relative;
    margin:5px;

}

.rating{
    width:70px;
    height:23px;
    margin:0;
    padding:0;
    list-style:none;
    clear:both;
    position:absolute;
    overflow:hidden;
    z-index:100;
}
#prismaajaxpreviousrate{
	background:transparent url(../images/star.gif) repeat-x 0 0;
	height:23px;
	position:absolute;
	z-index:30;
}

#myrating{
    background:transparent url(../images/shining_star.gif) repeat-x 0 -8px;
    height:8px;
    margin-top:8px;
    position:absolute;
    z-index:60;
    overflow:hidden;
}

/* add these classes to the ul to effect the change to the correct number of stars */
.rate_0 {width:0px;}
.rate_1 {width:14px;}
.rate_2 {width:28px;}
.rate_3 {width:42px;}
.rate_4 {width:56px;}
.rate_5 {width:70px;}

ul.rating li {
    cursor: pointer;
    text-indent:-999em;
}
ul.rating li a {
    position:absolute;
    left:0;
    top:0;
    width:14px;
    height:23px;
    text-decoration:none;
    background: none;
}
ul.rating li.rate_1 a, ul.rating li.rate_1 a:hover{left:0;width:14px;z-index:500;}
ul.rating li.rate_2 a, ul.rating li.rate_2 a:hover {left:0;width:28px;z-index:400;}
ul.rating li.rate_3 a, ul.rating li.rate_3 a:hover {left:0;width:42px;z-index:300;}
ul.rating li.rate_4 a, ul.rating li.rate_4 a:hover {left:0;width:56px;z-index:200;}
ul.rating li.rate_5 a, ul.rating li.rate_5 a:hover {left:0;width:70px;z-index:100;}

ul.rating li a:hover {
    height:23px;
    overflow:hidden;
    background: url(../images/shining_star.gif) repeat-x 0 0
}