a { outline: none;}
	.a-r{
		list-style:none;
		margin: 0px;
		padding:0px;
		width: 150px;
		height: 30px;
		position: relative;
		background: url('star.png') top left repeat-x;
	}
	.a-r li{
	    text-indent: -90000px;
		padding:0px;
		margin:0px;
		float: left;
	}
	.a-r li a{
		display:block;
		width:30px;
		height: 30px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
	}
	.a-r li a:hover{
		background: url('star.png') left center;
		z-index: 2;
		left: 0px;
	}
	.a-r a.r1{left: 0px;}
	.a-r a.r1:hover{width:30px;}
	.a-r a.r2{left:30px;}
	.a-r a.r2:hover{width: 60px;}
	.a-r a.r3{left: 60px;}
	.a-r a.r3:hover{width: 90px;}
	.a-r a.r4{left: 90px;}	
	.a-r a.r4:hover{width: 120px;}
	.a-r a.r5{left: 120px;}
	.a-r a.r5:hover{width: 150px;}
	.a-r li.c-r{
		background: url('star.png') left bottom;
		position: absolute;
		left:0px;
		height: 30px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}

div.r-b{
	width:150px; height:60px; border:1px solid #ccc; display:block; 
	}