/*
*************************************************
Rating Control Styles

Author:		andCulture, info@andCulture.com
Updated:	April 13, 2009
Notes:		None
*************************************************
*/


/* GENERAL FORMATTING */
ul.rating { margin: 0; padding: 0; width: 85px; height: 15px; position: relative; list-style: none; background: url(/images/icons/stars.png); }
ul.rating li { margin: 0; padding: 0; height: 15px; float: left; text-indent: -9999px; }
ul.rating li a { width: 15px; height: 15px; display: block; position: absolute; left: 0; top: 0; z-index: 20; outline: none; }
ul.rating li.selected a { background-position: 0 -20px; }

/* STARS */
ul.rating li.s1 a { left: 0; }
ul.rating li.s1 a:hover { width: 17px; background-position: 0 -40px; }
ul.rating li.s2 a { left: 17px; }
ul.rating li.s2 a:hover { width: 34px; background-position: 0 -40px; }
ul.rating li.s3 a { left: 34px; }
ul.rating li.s3 a:hover { width: 51px; background-position: 0 -40px; }
ul.rating li.s4 a { left: 51px; }
ul.rating li.s4 a:hover { width: 68px; background-position: 0 -40px; }
ul.rating li.s5 a { left: 68px; }
ul.rating li.s5 a:hover { width: 85px; background-position: 0 -40px; }

/* CURRENT RATING */
ul.rating li.current-rating { width: 0; position: absolute; left: 0; top: 0; z-index: 1; background: url(/images/icons/stars.png) 0 -20px; text-indent: -9999px; }
ul.rating li.current-rating.r1 { width: 17px; background-position: 0 -20px; }
ul.rating li.current-rating.r2 { width: 34px; background-position: 0 -20px; }
ul.rating li.current-rating.r3 { width: 51px; background-position: 0 -20px; }
ul.rating li.current-rating.r4 { width: 68px; background-position: 0 -20px; }
ul.rating li.current-rating.r5 { width: 85px; background-position: 0 -20px; }

/* HOVER */
ul.rating li a:hover,
ul.rating li.selected a:hover { left: 0 !important; z-index: 2; background: url(/images/icons/stars.png) 0 -20px; }
ul.rating:hover li.current-rating { display: none; }

/* CLEAR */
ul.rating li.clear { display: block; float: none; clear: left; } /* WIDTH FOR WINDOWS */
ul.rating li.clear a { width: auto; position: static; background: none; }
