/***************************************/
/******** Rating Content Styles *********/
/***************************************/

/* parent container div */
.pagerating 
{
    height:40px;
    width:50%;
    margin-top:0px;
    margin-bottom:65px;
    bottom:0px;
    position:absolute;
    padding-left:16px;
    /* border:1px solid #FF0000; */
}


.ratingdiv {
    /* This is the container element for the ratings - style as you need */
}
.rating {
    cursor: pointer;
    clear: both;
    display: block;
    width: 85px;
    height: 16px;
    margin: 0 auto;
    overflow: hidden;
}

.rating:after {
    content: '.';
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden;
}

.notifytext {
    padding-top:5px;
    text-align:center;
    font-size:12px;
}

.star {
    float: left;
    width: 17px;
    height: 15px;
    overflow: hidden;
    text-indent: -999em;
    cursor: pointer;
}

.star,.star a {
    background: url(/images/star.gif) no-repeat 0 0px;
}

.star a {
    display: block;
    width: 100%;
    height: 100%;
    background-position: 0 0px;
}


div.rating.rated .star a:hover {
    background-position: 0 0px;
}

div.rating div.on a {
    background-position: 0 -16px;
}

div.rating.rated div.on a:hover {
    background-position: 0 -16px;
}

div.rating div.hover a,
div.rating div a:hover {
    background-position: 0 -32px;
}


/* disabled state */
/*
div.rating.rated .star a:hover {
    background-position: 0 0px;
}

div.rating div.on a {
    background-position: 0 -16px;
}

div.rating.rated div.on a:hover {
    background-position: 0 -16px;
}

div.rating div.hover,
div.rating div {
    background-position: 0 -32px;
}
*/