CSS for Imageless Rating Stars

Rating.Stars.css

#stars {
  float:left;
	width: 100%;
}
	#stars p {
		text-indent: -99999px;
	}

.rating {
	float:left !important;
}
	.rating i {
		font-size: 23px !important;
		line-height: 30px !important;
		opacity: 1.0 !important;
	}
		
	.rating .bottom {
		z-index: 1;
		position: absolute !important;
		color: #ccc !important;
	}
		.rating .top {
			position:relative !important;
			z-index: 100;
			color: rgb( 222, 134, 80 ) !important;
			font-size: 24px !important;
			margin-top: -1px !important;
			opacity: 1.0 !important;
		}
		
		.rating .amount {
			float:left;
			overflow: hidden;
		}
			.zero {
				width: 0%;
			}
			
			.fifty {
				width: 50%;
			}
			
			.hundred {
				width: 100%;
			}
	.rating .hide {
		display:none !important;
	}