.story_rating {  }

.story_rating .story_rating_sleeve { margin-bottom:15px; padding:0 16px 16px; clear:both; background:#E6EFF6 url(/magazine/graphics/spin_colour2_bg.gif) repeat-x bottom; zoom:1; }
.story_rating .story_rating_sleeve:after { content:"."; visibility:hidden; height:0; display:block; clear:both; }
.story_rating .story_rating_sleeve h2 {margin:0 -16px 19px; border-bottom:solid 1px #fff; font-size:1em; padding:2px 0 2px 9px; background:#1363A4; clear:both; zoom:1; color:#fff; }

.story_rating_sleeve img { position:absolute; top:20px; right:0; }
.story_rating_sleeve div { padding:15px 0 0; zoom:1; }
.story_rating_sleeve div:after { content:"."; clear:left; display:block; height:0; visibility:hidden; }/*:hack:ie7+6 haslayout fix*/
.story_rating label, .story_rating p { float:left; margin:5px 5px 0 0; }
.story_rating label { color:#000; margin:4px 16px 0 0; font-weight:bold; }
#wrapper .story_rating p.current_rating { padding:6px 0 0 15px; margin:0; color:#000; font-weight:bold; font-size:1em; }

.story_rating .story_rating_sleeve ul { padding:0; border:none; }
.story_rating .average_rating { float:right; }
.story_rating_sleeve select { float:left; }
.story_rating_sleeve .button { margin-left:5px; }

.starRating,
.starRating a:hover,
.starRating a:active,
.starRating a:focus,
.starRating .current-rating
{ background:url(/magazine/graphics/star.gif) left -9999px repeat-x; }

.starRating { position:relative; width:142px; height:24px; overflow:hidden; list-style:none; margin:0; padding:0; background-position:0 0; }
.starRating li { display: inline; background:none; padding:0; }
.starRating a, 
.starRating .current-rating { position:absolute; top:0; left:0; text-indent:-9999px; height:24px; line-height:24px; outline:none; overflow:hidden; border: none; }

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

.starRating a.one_star { width:20%; z-index:6; }
.starRating a.two_stars { width:40%; z-index:5; }
.starRating a.three_stars { width:60%; z-index:4; }
.starRating a.four_stars { width:80%; z-index:3; }
.starRating a.five_stars { width:100%; z-index:2; }
.starRating .current-rating { z-index:1; background-position:left center; }

.inline_rating { display:-moz-inline-block; display:-moz-inline-box; display:inline-block; vertical-align: middle; float:left; }