/* Star Rating CSS  */

.ratingNoJS li{display: inline;}
.ratingNoJS{position:relative;
text-align:left;
margin:0;
padding:0;
list-style:none;
background-position: left top;
margin:5px 0 0 10px;
}

.page-rate {
background-image: url(../../images/northyorkscc/rating_bg.jpg);
background-repeat: no-repeat;
bottom:0;
height:41px;
width:156px;
padding-top:20px;
padding-top:25px;
padding-left:10px;
/*position:fixed;*/
right:0;
margin: 10px auto 0;
}

.page-rate .rating, 
.page-rate .rating a:hover,
.page-rate .rating a:active, 
.page-rate .rating a:focus, 
.page-rate .rating
{background-image: url(../../images/northyorkscc/starsGrid.gif);} 

.rating{
position:relative;
width:50px;
height:10px;
overflow:hidden;
margin:0;
padding:0;
list-style:none;
background-position: left top;
}

.rating li{display: inline;}
.rating a, 
.rating .current-rating
{position:absolute;
top:0;left:0;
height:10px;
line-height:10px;
outline:none;
text-indent:-1000em;
overflow:hidden;
border: none;}

.rating a:hover, 
.rating a:active, 
.rating a:focus
{background-position: left bottom;}

.rating a.one-star
{width:20%;z-index:6;}
.rating a.two-stars
{width:40%;z-index:5;}
.rating a.three-stars
{width:60%;z-index:4;}
.rating a.four-stars
{width:80%;z-index:3;}
.rating a.five-stars
{width:100%;z-index:2;}
.rating .current-rating
{background-position: left center;z-index:1;}

.page-rate .rating
{position:relative;
width:150px;
height:27px;
overflow:hidden;
list-style:none;
margin:3px 0 0 0;
 padding:0;
 background-position: left top;
 }

.page-rate .rating a, .page-rate .rating .current-rating 
{
height:25px;line-height:25px;
}