/*----------------------------------------------------------------------------
[RATING stylesheet]

This stylesheet should only contain rating related styles.

Project:	    	Lincolnshire 2010
Version:	    	1.0.0 [http://semver.org/]
Primary use:		Styling RATING
Original Author: 	Qasim Alyas
Last change:		01/Mar/10 []
Last Assigned to:	Qasim Alyas

-----------------------------------------------------------------------------*/

.story_rating {
	margin-bottom: 15px;
	padding:10px 13px;
}

	.story_rating_sleeve img {
		position: absolute;
		top: 20px;
		right: 0;
	}

	.story_rating_sleeve div:after {
		content: ".";
		clear: both;
		display: block;
		height: 0;
		visibility: hidden;
}

	.story_rating h2 {
		margin-bottom:4px;
		font-size:1.231em;
	}
	.story_rating label {
		color: #666;
		margin-top: 8px;
		position: absolute;
		left: -9999px;
	}
	.story_rating div {
		padding-bottom:5px;
	}
	.story_rating p {
		position:relative;
		top:5px;
		padding: 0;
		margin:0;
		font-size: .923em;
		color: #111;
		font-weight:bold;
	}
	.story_rating .story_rating_sleeve ul {
		padding: 0;
		border: none;
	}

	.story_rating_sleeve span {
		color: #111;
		font-weight:normal;
	}

	.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/decoration/star.gif) repeat-x left -9999px;
	}

	.starRating {
		position: relative;
		width: 170px;
		height: 33px;
		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: 34px;
		line-height: 34px;
		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 {
	float: left;
	display: inline-block;
	vertical-align: middle;
}


/* Generic styles */
.story_rating_sleeve .rated { padding: 0; }
.rated .starRating a:hover { cursor: default; }

.rated .starRating {
	background-image: none;
}
	.rated .starRating li {
		float: left;
		display: block;
	}
		.rated .starRating li span {
			float: left;
			width: 34px;
			height: 34px;
			text-indent: -9999px;
			background: url(/magazine/graphics/decoration/star.gif) no-repeat left top;
		}
		.rated .starRating li .over,
		.rated .starRating li .selected {
			background-position: 0 -41px;
		}

/* Loader styles */
#rating_box { position: relative; }
.loading {
	z-index: 100;
	background: #fff url(/magazine/graphics/ajax_loader_white.gif) no-repeat 50% 63%;
	opacity: .6;
}