/*  styles for the unit rater

--------------------------------------------------------- 

ryan masuga, masugadesign.com

ryan@masugadesign.com 

Licensed under a Creative Commons Attribution 3.0 License.

http://creativecommons.org/licenses/by/3.0/

See readme.txt for full credit details.

--------------------------------------------------------- */



.ratingblock {

	display:block;

	padding-bottom:4px;

	

	}



.loading {

	height: 30px;

	background: url('../images/working.gif') 50% 50% no-repeat;

	}

	

.unit-rating { /* the UL */

	list-style:none;

	margin: 0px;

	padding:0px;

	height: 20px;

	position: relative;

	background: url('../images/starrating5.gif') top left repeat-x;		

	}



.unit-rating li{

   /* text-indent: -90000px;*/

	padding:0px;

	margin:0px;

	/*\*/

	float: left;

	/* */

	}

	

.unit-rating li a {

	outline: none;

	display:block;

	width:20px;

	height: 20px;

	text-decoration: none;

	text-indent: -9000px;

	z-index: 20;

	position: absolute;

	padding: 0px;

	}

	

.unit-rating li a:hover{

	background: url('../images/starrating5.gif') left center;

	z-index: 2;

	left: 0px;

	}



.unit-rating a.r1-unit{left: 0px;}

.unit-rating a.r1-unit:hover{width:20px;}

.unit-rating a.r2-unit{left:20px;}

.unit-rating a.r2-unit:hover{width: 40px;}

.unit-rating a.r3-unit{left: 40px;}

.unit-rating a.r3-unit:hover{width: 60px;}

.unit-rating a.r4-unit{left: 60px;}	

.unit-rating a.r4-unit:hover{width: 80px;}

.unit-rating a.r5-unit{left: 80px;}

.unit-rating a.r5-unit:hover{width: 100px;}

.unit-rating a.r6-unit{left: 100px;}

.unit-rating a.r6-unit:hover{width: 120px;}

.unit-rating a.r7-unit{left: 120px;}

.unit-rating a.r7-unit:hover{width: 140px;}

.unit-rating a.r8-unit{left: 140px;}

.unit-rating a.r8-unit:hover{width: 160px;}

.unit-rating a.r9-unit{left: 160px;}

.unit-rating a.r9-unit:hover{width: 180px;}

.unit-rating a.r10-unit{left: 180px;}

.unit-rating a.r10-unit:hover{width: 200px;}



.unit-rating li.current-rating {

	background: url('../images/starrating5.gif') left bottom;

	position: absolute;

	height: 20px;

	display: block;

	text-indent: -9000px;

	z-index: 1;

	}


.voted {color:#999;}

.thanks {color:#36AA3D;}

.static {color:#5D3126;}	

.rater-button {
  background: url('https://chandra.si.edu/rating/images/starrating5.gif') no-repeat;
  width: 20px;
  height: 20px;
  border: none;
  padding: 0;
  margin: 0;
  text-indent: -9999px;
  cursor: pointer;
  display: inline-block;
position: relative;
    z-index: 10;
}
.star-unit {
    margin: 0;
    padding: 0;
    width: 20px;  /* or whatever your star image width is */
    height: 20px;
    display: inline-block;
}
.r1-unit { background-position: -20px 0; }
.r2-unit { background-position: -40px 0; }
.r3-unit { background-position: -60px 0; }
.r4-unit { background-position: -80px 0; }
.r5-unit { background-position: -100px 0; }

.r1-unit:hover { background-position: 0 -20px; }
.r2-unit:hover { background-position: 0 -20px; }
.r3-unit:hover { background-position: 0 -20px; }
.r4-unit:hover { background-position: 0 -20px; }
.r5-unit:hover { background-position: 0 -20px; }