/*
// -------------------------------------------------------------------------------------------
// This stylesheet is used to style the ratings in story pages.
// -------------------------------------------------------------------------------------------
*/

/* star rating widget */
.story_rating { margin:20px 0 22px; padding-right:0; padding-left:0; background-color:transparent; }
.story_rating_sleeve form { border:1px solid #97917A; }
.story_rating_sleeve div { padding:12px 13px 13px; min-height:0; }
.story_rating_sleeve div:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
.story_rating label, .story_rating p { float:left; margin:0 17px 0 0; }
.story_rating p.current_rating.meta { padding-left:15px; }

.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; }

.story_rating .story_rating_sleeve { min-height:0; }
.story_rating .story_rating_sleeve:after { content:"."; visibility:hidden; height:0; display:block; clear:both; }
.story_rating .story_rating_sleeve h2 { background-color:transparent; color:#000; }
.story_rating .story_rating_sleeve h2 span { font-weight:normal; }

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

.starRating { position:relative; width:122px; height:18px; 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:-1000em; height:18px; line-height:18px; 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; }

.section_column1 .extras .story_rating_sleeve h2 { border-bottom:0; }