form .stars {
  background: url("stars.png")  ;
float: left;
  width: 150px;
  margin: 0 auto;

}

form .stars input[type="radio"] {

  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
form .stars input[type="radio"].star-5:checked ~ span {
  width: 100%;
  
}
form .stars input[type="radio"].star-4:checked ~ span {
  width: 80%;
}
form .stars input[type="radio"].star-3:checked ~ span {
  width: 60%;
}
form .stars input[type="radio"].star-2:checked ~ span {
  width: 40%;
}
form .stars input[type="radio"].star-1:checked ~ span {
  width: 20%;
}
form .stars input[type="radio"].star-10:checked ~ span {
  width: 100%;
}
form .stars input[type="radio"].star-9:checked ~ span {
  width: 80%;
}
form .stars input[type="radio"].star-8:checked ~ span {
  width: 60%;
}
form .stars input[type="radio"].star-7:checked ~ span {
  width: 40%;
}
form .stars input[type="radio"].star-6:checked ~ span {
  width: 20%;
}
form .stars input[type="radio"].star-15:checked ~ span {
  width: 100%;
}
form .stars input[type="radio"].star-14:checked ~ span {
  width: 80%;
}
form .stars input[type="radio"].star-13:checked ~ span {
  width: 60%;
}
form .stars input[type="radio"].star-12:checked ~ span {
  width: 40%;
}
form .stars input[type="radio"].star-11:checked ~ span {
  width: 20%;
}
form .stars input[type="radio"].star-20:checked ~ span {
  width: 100%;
}
form .stars input[type="radio"].star-19:checked ~ span {
  width: 80%;
}
form .stars input[type="radio"].star-18:checked ~ span {
  width: 60%;
}
form .stars input[type="radio"].star-17:checked ~ span {
  width: 40%;
}
form .stars input[type="radio"].star-16:checked ~ span {
  width: 20%;
}
form .stars input[type="radio"].star-25:checked ~ span {
  width: 100%;
}
form .stars input[type="radio"].star-24:checked ~ span {
  width: 80%;
}
form .stars input[type="radio"].star-23:checked ~ span {
  width: 60%;
}
form .stars input[type="radio"].star-22:checked ~ span {
  width: 40%;
}
form .stars input[type="radio"].star-21:checked ~ span {
  width: 20%;
}
form .stars input[type="radio"].star-30:checked ~ span {
  width: 100%;
}
form .stars input[type="radio"].star-29:checked ~ span {
  width: 80%;
}
form .stars input[type="radio"].star-28:checked ~ span {
  width: 60%;
}
form .stars input[type="radio"].star-27:checked ~ span {
  width: 40%;
}
form .stars input[type="radio"].star-26:checked ~ span {
  width: 20%;
}
form .stars input[type="radio"].star-35:checked ~ span {
  width: 100%;
}
form .stars input[type="radio"].star-34:checked ~ span {
  width: 80%;
}
form .stars input[type="radio"].star-33:checked ~ span {
  width: 60%;
}
form .stars input[type="radio"].star-32:checked ~ span {
  width: 40%;
}
form .stars input[type="radio"].star-31:checked ~ span {
  width: 20%;
}
form .stars input[type="radio"].star-40:checked ~ span {
  width: 100%;
}
form .stars input[type="radio"].star-39:checked ~ span {
  width: 80%;
}
form .stars input[type="radio"].star-38:checked ~ span {
  width: 60%;
}
form .stars input[type="radio"].star-37:checked ~ span {
  width: 40%;
}
form .stars input[type="radio"].star-36:checked ~ span {
  width: 20%;
}
form .stars input[type="radio"].star-45:checked ~ span {
  width: 100%;
}
form .stars input[type="radio"].star-44:checked ~ span {
  width: 80%;
}
form .stars input[type="radio"].star-43:checked ~ span {
  width: 60%;
}
form .stars input[type="radio"].star-42:checked ~ span {
  width: 40%;
}
form .stars input[type="radio"].star-41:checked ~ span {
  width: 20%;
}
form .stars input[type="radio"].star-50:checked ~ span {
  width: 100%;
}
form .stars input[type="radio"].star-49:checked ~ span {
  width: 80%;
}
form .stars input[type="radio"].star-48:checked ~ span {
  width: 60%;
}
form .stars input[type="radio"].star-47:checked ~ span {
  width: 40%;
}
form .stars input[type="radio"].star-46:checked ~ span {
  width: 20%;
}
form .stars input[type="radio"].star-55:checked ~ span {
  width: 100%;
}
form .stars input[type="radio"].star-54:checked ~ span {
  width: 80%;
}
form .stars input[type="radio"].star-53:checked ~ span {
  width: 60%;
}
form .stars input[type="radio"].star-52:checked ~ span {
  width: 40%;
}
form .stars input[type="radio"].star-51:checked ~ span {
  width: 20%;
}
form .stars input[type="radio"].star-60:checked ~ span {
  width: 100%;
}
form .stars input[type="radio"].star-59:checked ~ span {
  width: 80%;
}
form .stars input[type="radio"].star-58:checked ~ span {
  width: 60%;
}
form .stars input[type="radio"].star-57:checked ~ span {
  width: 40%;
}
form .stars input[type="radio"].star-56:checked ~ span {
  width: 20%;
}
form .stars input[type="radio"].star-65:checked ~ span {
  width: 100%;
}
form .stars input[type="radio"].star-64:checked ~ span {
  width: 80%;
}
form .stars input[type="radio"].star-63:checked ~ span {
  width: 60%;
}
form .stars input[type="radio"].star-62:checked ~ span {
  width: 40%;
}
form .stars input[type="radio"].star-61:checked ~ span {
  width: 20%;
}
form .stars input[type="radio"].star-70:checked ~ span {
  width: 100%;
}
form .stars input[type="radio"].star-69:checked ~ span {
  width: 80%;
}
form .stars input[type="radio"].star-68:checked ~ span {
  width: 60%;
}
form .stars input[type="radio"].star-67:checked ~ span {
  width: 40%;
}
form .stars input[type="radio"].star-66:checked ~ span {
  width: 20%;
}
form .stars input[type="radio"].star-75:checked ~ span {
  width: 100%;
}
form .stars input[type="radio"].star-74:checked ~ span {
  width: 80%;
}
form .stars input[type="radio"].star-73:checked ~ span {
  width: 60%;
}
form .stars input[type="radio"].star-72:checked ~ span {
  width: 40%;
}
form .stars input[type="radio"].star-71:checked ~ span {
  width: 20%;
}
form .stars input[type="radio"].star-80:checked ~ span {
  width: 100%;
}
form .stars input[type="radio"].star-79:checked ~ span {
  width: 80%;
}
form .stars input[type="radio"].star-78:checked ~ span {
  width: 60%;
}
form .stars input[type="radio"].star-77:checked ~ span {
  width: 40%;
}
form .stars input[type="radio"].star-76:checked ~ span {
  width: 20%;
}
form .stars input[type="radio"].star-85:checked ~ span {
  width: 100%;
}
form .stars input[type="radio"].star-84:checked ~ span {
  width: 80%;
}
form .stars input[type="radio"].star-83:checked ~ span {
  width: 60%;
}
form .stars input[type="radio"].star-82:checked ~ span {
  width: 40%;
}
form .stars input[type="radio"].star-81:checked ~ span {
  width: 20%;
}
form .stars input[type="radio"].star-90:checked ~ span {
  width: 100%;
}
form .stars input[type="radio"].star-89:checked ~ span {
  width: 80%;
}
form .stars input[type="radio"].star-88:checked ~ span {
  width: 60%;
}
form .stars input[type="radio"].star-87:checked ~ span {
  width: 40%;
}
form .stars input[type="radio"].star-86:checked ~ span {
  width: 20%;
}
form .stars input[type="radio"].star-95:checked ~ span {
  width: 100%;
}
form .stars input[type="radio"].star-94:checked ~ span {
  width: 80%;
}
form .stars input[type="radio"].star-93:checked ~ span {
  width: 60%;
}
form .stars input[type="radio"].star-92:checked ~ span {
  width: 40%;
}
form .stars input[type="radio"].star-91:checked ~ span {
  width: 20%;
}
form .stars label {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 0!important;
  padding: 0!important;
  text-indent: -999em;
  float: left;
  position: relative;
  z-index: 10;
  background: transparent!important;
  cursor: pointer;
}
form .stars input[type="radio"] label:hover ~ span {
  background-position: 0 -30px;
}
form .stars label.star-5:hover ~ span {
  width: 100% !important;
}
form .stars label.star-4:hover ~ span {
  width: 80% !important;
}
form .stars label.star-3:hover ~ span {
  width: 60% !important;
}
form .stars label.star-2:hover ~ span {
  width: 40% !important;
}
form .stars label.star-1:hover ~ span {
  width: 20% !important;
}
form .stars label.star-10:hover ~ span {
  width: 100% !important;
}
form .stars label.star-9:hover ~ span {
  width: 80% !important;
}
form .stars label.star-8:hover ~ span {
  width: 60% !important;
}
form .stars label.star-7:hover ~ span {
  width: 40% !important;
}
form .stars label.star-6:hover ~ span {
  width: 20% !important;
}
form .stars label.star-15:hover ~ span {
  width: 100% !important;
}
form .stars label.star-14:hover ~ span {
  width: 80% !important;
}
form .stars label.star-13:hover ~ span {
  width: 60% !important;
}
form .stars label.star-12:hover ~ span {
  width: 40% !important;
}
form .stars label.star-11:hover ~ span {
  width: 20% !important;
}
form .stars label.star-20:hover ~ span {
  width: 100% !important;
}
form .stars label.star-19:hover ~ span {
  width: 80% !important;
}
form .stars label.star-18:hover ~ span {
  width: 60% !important;
}
form .stars label.star-17:hover ~ span {
  width: 40% !important;
}
form .stars label.star-16:hover ~ span {
  width: 20% !important;
}
form .stars label.star-25:hover ~ span {
  width: 100% !important;
}
form .stars label.star-24:hover ~ span {
  width: 80% !important;
}
form .stars label.star-23:hover ~ span {
  width: 60% !important;
}
form .stars label.star-22:hover ~ span {
  width: 40% !important;
}
form .stars label.star-21:hover ~ span {
  width: 20% !important;
}
form .stars label.star-30:hover ~ span {
  width: 100% !important;
}
form .stars label.star-29:hover ~ span {
  width: 80% !important;
}
form .stars label.star-28:hover ~ span {
  width: 60% !important;
}
form .stars label.star-27:hover ~ span {
  width: 40% !important;
}
form .stars label.star-26:hover ~ span {
  width: 20% !important;
}
form .stars label.star-35:hover ~ span {
  width: 100% !important;
}
form .stars label.star-34:hover ~ span {
  width: 80% !important;
}
form .stars label.star-33:hover ~ span {
  width: 60% !important;
}
form .stars label.star-32:hover ~ span {
  width: 40% !important;
}
form .stars label.star-31:hover ~ span {
  width: 20% !important;
}
form .stars label.star-40:hover ~ span {
  width: 100% !important;
}
form .stars label.star-39:hover ~ span {
  width: 80% !important;
}
form .stars label.star-38:hover ~ span {
  width: 60% !important;
}
form .stars label.star-37:hover ~ span {
  width: 40% !important;
}
form .stars label.star-36:hover ~ span {
  width: 20% !important;
}
form .stars label.star-45:hover ~ span {
  width: 100% !important;
}
form .stars label.star-44:hover ~ span {
  width: 80% !important;
}
form .stars label.star-43:hover ~ span {
  width: 60% !important;
}
form .stars label.star-42:hover ~ span {
  width: 40% !important;
}
form .stars label.star-41:hover ~ span {
  width: 20% !important;
}
form .stars label.star-50:hover ~ span {
  width: 100% !important;
}
form .stars label.star-49:hover ~ span {
  width: 80% !important;
}
form .stars label.star-48:hover ~ span {
  width: 60% !important;
}
form .stars label.star-47:hover ~ span {
  width: 40% !important;
}
form .stars label.star-46:hover ~ span {
  width: 20% !important;
}
form .stars label.star-55:hover ~ span {
  width: 100% !important;
}
form .stars label.star-54:hover ~ span {
  width: 80% !important;
}
form .stars label.star-53:hover ~ span {
  width: 60% !important;
}
form .stars label.star-52:hover ~ span {
  width: 40% !important;
}
form .stars label.star-51:hover ~ span {
  width: 20% !important;
}
form .stars label.star-60:hover ~ span {
  width: 100% !important;
}
form .stars label.star-59:hover ~ span {
  width: 80% !important;
}
form .stars label.star-58:hover ~ span {
  width: 60% !important;
}
form .stars label.star-57:hover ~ span {
  width: 40% !important;
}
form .stars label.star-56:hover ~ span {
  width: 20% !important;
}
form .stars label.star-65:hover ~ span {
  width: 100% !important;
}
form .stars label.star-64:hover ~ span {
  width: 80% !important;
}
form .stars label.star-63:hover ~ span {
  width: 60% !important;
}
form .stars label.star-62:hover ~ span {
  width: 40% !important;
}
form .stars label.star-61:hover ~ span {
  width: 20% !important;
}
form .stars label.star-70:hover ~ span {
  width: 100% !important;
}
form .stars label.star-69:hover ~ span {
  width: 80% !important;
}
form .stars label.star-68:hover ~ span {
  width: 60% !important;
}
form .stars label.star-67:hover ~ span {
  width: 40% !important;
}
form .stars label.star-66:hover ~ span {
  width: 20% !important;
}
form .stars label.star-70:hover ~ span {
  width: 100% !important;
}
form .stars label.star-69:hover ~ span {
  width: 80% !important;
}
form .stars label.star-68:hover ~ span {
  width: 60% !important;
}
form .stars label.star-67:hover ~ span {
  width: 40% !important;
}
form .stars label.star-66:hover ~ span {
  width: 20% !important;
}
form .stars label.star-75:hover ~ span {
  width: 100% !important;
}
form .stars label.star-74:hover ~ span {
  width: 80% !important;
}
form .stars label.star-73:hover ~ span {
  width: 60% !important;
}
form .stars label.star-72:hover ~ span {
  width: 40% !important;
}
form .stars label.star-71:hover ~ span {
  width: 20% !important;
}
form .stars label.star-80:hover ~ span {
  width: 100% !important;
}
form .stars label.star-79:hover ~ span {
  width: 80% !important;
}
form .stars label.star-78:hover ~ span {
  width: 60% !important;
}
form .stars label.star-77:hover ~ span {
  width: 40% !important;
}
form .stars label.star-76:hover ~ span {
  width: 20% !important;
}
form .stars label.star-85:hover ~ span {
  width: 100% !important;
}
form .stars label.star-84:hover ~ span {
  width: 80% !important;
}
form .stars label.star-83:hover ~ span {
  width: 60% !important;
}
form .stars label.star-82:hover ~ span {
  width: 40% !important;
}
form .stars label.star-81:hover ~ span {
  width: 20% !important;
}
form .stars label.star-90:hover ~ span {
  width: 100% !important;
}
form .stars label.star-89:hover ~ span {
  width: 80% !important;
}
form .stars label.star-88:hover ~ span {
  width: 60% !important;
}
form .stars label.star-87:hover ~ span {
  width: 40% !important;
}
form .stars label.star-86:hover ~ span {
  width: 20% !important;
}
form .stars label.star-95:hover ~ span {
  width: 100% !important;
}
form .stars label.star-94:hover ~ span {
  width: 80% !important;
}
form .stars label.star-93:hover ~ span {
  width: 60% !important;
}
form .stars label.star-92:hover ~ span {
  width: 40% !important;
}
form .stars label.star-91:hover ~ span {
  width: 20% !important;
}
form .stars span {
  display: block;
  width: 0;
  position: relative;
  top: 0;
  left: 0;
  height: 30px;
  background: url("stars.png") repeat-x 0 -60px;
  -webkit-transition: -webkit-width 0.5s;
  -moz-transition: -moz-width 0.5s;
  -ms-transition: -ms-width 0.5s;
  -o-transition: -o-width 0.5s;
  transition: width 0.5s;
}