/*
	Orginal by http://www.mircoreisenberg.de/blog/wp-content/uploads/2009/05/star-rating-css.html
*/ 
.starbox, .starbox a, .stars-text {margin:0;padding:0;}
.starbox {
    display:-moz-inline-block; /* Firefox2 */
    display:inline-block; /* the rest */
    vertical-align:bottom;
    position:relative;
    width:70px;
    height:14px;
    background:transparent url(/Skins/images/stars-pattern_white.gif) no-repeat 0 0;
    margin-right:120px; /* space for text */
}
.ex-lightgreybox {
	background:transparent url(/Skins/images/stars-pattern_lightgrey.gif) no-repeat 0 0;
}
.ex-greybox {
    background:transparent url(/Skins/images/stars-pattern_grey.gif) no-repeat 0 0;
}
.ex-darkgreybox {
    background:transparent url(/Skins/images/stars-pattern_grey.gif) no-repeat 0 0;
}

/* rating classes .result0 - 10 */
.result1 {background-position:0 -14px;}
.result2 {background-position:0 -28px;}
.result3 {background-position:0 -42px;}
.result4 {background-position:0 -56px;}
.result5 {background-position:0 -70px;}
.result6 {background-position:0 -84px;}
.result7 {background-position:0 -98px;}
.result8 {background-position:0 -112px;}
.result9 {background-position:0 -126px;}
.result10 {background-position:0 -140px;}
/* Stars Mouseover: */
.starbox a { position:absolute; display:block; left:0; top:0; width:14px; height:14px; background:transparent url(/Skins/images/stars-pattern_white.gif) no-repeat 0 14px; outline:none; z-index:50;  text-decoration:none; color:#555; }
.ex-greybox a { background:transparent url(/Skins/images/stars-pattern_grey.gif) no-repeat 0 14px; }
.ex-darkgreybox a { background:transparent url(/Skins/images/stars-pattern_grey.gif) no-repeat 0 14px; }
.ex-lightgreybox a { background:transparent url(/Skins/images/stars-pattern_lightgrey.gif) no-repeat 0 14px; }

.starbox a.rate1{left:0;}
.starbox a.rate2{left:14px;}
.starbox a.rate3{left:28px;}
.starbox a.rate4{left:42px;}
.starbox a.rate5{left:56px;}
.starbox a:hover { z-index:2; width:70px; left:0;
}
.starbox a.rate1:hover {background-position:0 -182px;}
.starbox a.rate2:hover {background-position:0 -210px;}
.starbox a.rate3:hover {background-position:0 -238px;}
.starbox a.rate4:hover {background-position:0 -266px;}
.starbox a.rate5:hover {background-position:0 -294px;}
/* text appears: */
.stars-text, .votes-text {
    visibility:hidden;
    position:absolute;
    width:100px;
    height:14px;
    font-size:11px;
    white-space:nowrap;
    background-color:#fff;
    left:74px;
    bottom:0px;
    line-height:14px;
    padding:0px; /* covers full area */
 		color:#666666;
}
.ex-greybox .stars-text, .ex-greybox .votes-text {
	background-color:#222 !important;
	color:#666 !important;
}
.votes-text {visibility:visible; display:block;}
a:hover .stars-text {visibility:visible}