Index: branches/RC/themes/default2007/platform/inc/styles.css
===================================================================
diff -u -r10870 -r11089
--- branches/RC/themes/default2007/platform/inc/styles.css	(.../styles.css)	(revision 10870)
+++ branches/RC/themes/default2007/platform/inc/styles.css	(.../styles.css)	(revision 11089)
@@ -510,86 +510,85 @@
 
 /* --- Item Raring Styles --- */
 .ratingblock, .ratingblock div {
-	display: block;
+	display: -moz-inline-block;
 }
 
-.unit-rating { /* the UL */
-	list-style: none;
-	margin: 0px;
-	padding: 0px;
-	height: 30px;
-	position: relative;
-	background: url('../img/starrating.gif') top left repeat-x;
+.voted {
+	color: #999;
 }
 
-.unit-rating li {
-    text-indent: -90000px;
-	padding: 0px;
-	margin: 0px;
-	/*\*/
-	float: left;
-	/* */
+.thanks {
+	color: #36AA3D;
 }
 
-.unit-rating li a {
-	outline: none;
-	display: block;
-	width: 30px;
-	height: 30px;
-	text-decoration: none;
-	text-indent: -9000px;
-	z-index: 20;
-	position: absolute;
-	padding: 0px;
+.static {
+	color: #5D3126;
 }
 
-.unit-rating li a:hover {
-	background: url('../img/starrating.gif') left center;
-	z-index: 2;
-	left: 0px;
+.inline-rating {
+	display:-moz-inline-block;
+	display:-moz-inline-box;
+	display:inline-block;
+	vertical-align: middle;
 }
 
-.unit-rating a.r1-unit{left: 0px;}
-.unit-rating a.r1-unit:hover{width:30px;}
-.unit-rating a.r2-unit{left:30px;}
-.unit-rating a.r2-unit:hover{width: 60px;}
-.unit-rating a.r3-unit{left: 60px;}
-.unit-rating a.r3-unit:hover{width: 90px;}
-.unit-rating a.r4-unit{left: 90px;}
-.unit-rating a.r4-unit:hover{width: 120px;}
-.unit-rating a.r5-unit{left: 120px;}
-.unit-rating a.r5-unit:hover{width: 150px;}
-.unit-rating a.r6-unit{left: 150px;}
-.unit-rating a.r6-unit:hover{width: 180px;}
-.unit-rating a.r7-unit{left: 180px;}
-.unit-rating a.r7-unit:hover{width: 210px;}
-.unit-rating a.r8-unit{left: 210px;}
-.unit-rating a.r8-unit:hover{width: 240px;}
-.unit-rating a.r9-unit{left: 240px;}
-.unit-rating a.r9-unit:hover{width: 270px;}
-.unit-rating a.r10-unit{left: 270px;}
-.unit-rating a.r10-unit:hover{width: 300px;}
+.star-rating,
+.star-rating a:hover,
+.star-rating a:active,
+.star-rating a:focus,
+.star-rating .current-rating{
+	background: url('../img/starrating.gif') left -1000px repeat-x;
+}
+.star-rating {
+	position:relative;
+	width:125px;
+	height:25px;
+	overflow:hidden;
+	list-style:none;
+	margin:0;
+	padding:0;
+	background-position: left top;
+}
 
-.unit-rating li.current-rating {
-	background: url('../img/starrating.gif') left bottom;
-	position: absolute;
-	height: 30px;
-	display: block;
-	text-indent: -9000px;
-	z-index: 1;
+.star-rating li {
+	display: inline;
 }
 
-.voted {
-	color: #999;
+.star-rating a,
+.star-rating .current-rating {
+	position:absolute;
+	top:0;
+	left:0;
+	text-indent:-1000em;
+	height:25px;
+	line-height:25px;
+	outline:none;
+	overflow:hidden;
+	border: none;
 }
 
-.thanks {
-	color: #36AA3D;
+.star-rating a:hover,
+.star-rating a:active,
+.star-rating a:focus {
+	background-position: left bottom;
 }
+.star-rating a.r1-unit { width:20%;z-index:6; }
+.star-rating a.r2-unit { width:40%;z-index:5; }
+.star-rating a.r3-unit { width:60%;z-index:4; }
+.star-rating a.r4-unit { width:80%; z-index:3; }
+.star-rating a.r5-unit { width:100%; z-index:2; }
+.star-rating .current-rating { z-index:1; background-position: left center; }
 
-.static {
-	color: #5D3126;
+.small-star {
+	width:50px;
+	height:10px;
 }
+.small-star, .small-star a:hover, .small-star a:active,
+.small-star a:focus, .small-star .current-rating {
+	background-image: url(star_small.gif);
+	line-height: 10px;
+	height: 10px;
+}
 
 /* --- Unprocessed Styles --- */
 .text-title {