/** COMMON **/
.ratingClear { clear:both;}

div.rating { float:left; overflow: visible;}

div.rating a.ratingSegment { cursor:pointer; padding: 0px 2px; width: 10px; float:left;}
div.rating a.ratingSegmentCancel{ cursor:pointer; background: url('allRating/cancel.png') no-repeat; height: 15px; width: 15px; margin: 0px 4px; float:left; display:none;}

div.rating a.ratingEditDisabled { cursor:default; }
div.rating div.ratingSegmentContainer { float:left; z-index: 1;}

div.rating div.ratingHoverContainer { z-index: 100; background: #F2F2F2; color: #000; border: 1px solid #999; padding: 8px 4px; display:none; width: auto; position:absolute;}
div.rating div.ratingHoverContainer label { display:block; margin: 4px; }

/**
 * Bar Block Rating Theme
 *  - Produces a rating bar separated by segments
 */
div.rating a.ratingSegmentNonActive.bar { background: #999; height: 16px;}
div.rating a.ratingSegmentActive.bar { background: #FFF68F; height: 16px;}
div.rating a.ratingSegment.bar { cursor:pointer; margin: 0px; width: 10px; float:left; }
div.rating a.ratingSegmentCancel.bar { background: url('allRating/cancel.png') no-repeat; height: 16px; width: 16px; }

/**
 * Medal Rating Theme
 *  - Produces a rating bar separated by segments
 */ 
div.rating a.ratingSegmentNonActive.medal { background: url('allRating/medal-off.png') no-repeat; height: 15px; width: 10px;}
div.rating a.ratingSegmentActive.medal { background: url('allRating/medal-on.png') no-repeat; height: 15px; width: 10px;}
/**
 * Star Rating Theme
 *  - Produces a star rating
 */
div.rating a.ratingSegmentNonActive.star { background: url('allRating/star-off.png') no-repeat; height: 25px; width: 25px;}
div.rating a.ratingSegmentActive.star { background: url('allRating/star-on.png') no-repeat; height: 25px; width: 25px;}
div.rating a.ratingSegmentCancel.star { background: url('allRating/star-cancel.png') no-repeat; height: 25px; width: 25px; }

/**
 * Tiny Star Rating Theme
 *  - Produces a star rating
 */
div.rating a.ratingSegmentNonActive.tinystar { background: url('allRating/tinystar-off.png') no-repeat; height: 15px; width: 15px;}
div.rating a.ratingSegmentActive.tinystar { background: url('allRating/tinystar-on.png') no-repeat; height: 15px; width: 15px;}
