/* 
   Kelli Wiseth
   CIS 112 WW
   Assignment 4 [Chapter 12 files] 
   ratingkit.css
   6-Dec-2009
*/


.rating-label {
  vertical-align : middle;
  font-size : 16px;
  font-weight : bold;
}

.rating-label-small {
  vertical-align : middle;
  font-size : 12px;
  font-weight : bold;
}

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating {
  background : url(star.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;
}

.star-rating li {
  display : inline;
}

.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;
}

.star-rating a:hover {
  background-position : left bottom;
}

.star-rating a.one-star {
  width : 20%;
  z-index : 6;
}

.star-rating a.two-stars {
  width : 40%;
  z-index : 5;
}

.star-rating a.three-stars {
  width : 60%;
  z-index : 4;
}

.star-rating a.four-stars {
  width : 80%;
  z-index : 3;
}

.star-rating a.five-stars {
  width : 100%;
  z-index : 2;
}

.star-rating .current-rating {
  z-index : 1;
  background-position : left center;
}

.inline-rating {
  display : -moz-inline-block;
  display : -moz-inline-box;
  display : inline-block;
  vertical-align : middle;
}

.small-star {
  width : 50px;
  height : 10px;
}

.small-star,
.small-star a:hover,
.small-star .current-rating {
  background-image : url(star_sm.gif);
  line-height : 10px;
  height : 10px;
}

.rating-info {
  vertical-align : middle;
  font-size : 16px;
  color : #666666;
  padding-left : 3px;
}

.rating-info-small {
  vertical-align : middle;
  font-size : 12px;
  color : #666666;
  padding-left : 2px;
}