@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);

fieldset, label { margin: 0; padding: 0; }
/****** Style Star Rating Widget *****/
.rating { 
  border: none;
  float: right;
}
.rating > input { display: none; } 
.rating > label:before { 
  margin: 0px 5px;
  line-height: 1em;
  font-size: 1.5em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}
.half{display:none !important;}
.rating > .half:before { 
  content: "\f089";
  position: absolute;
}
span.form-rating{margin-bottom: 15px;}
.rating > label { 
  color: #ddd; 
 float: right; 
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label{ color: #f36523;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #FFED85;  } 


.star_rating {
  position: relative;
  display: inline-block;
  letter-spacing: 10px;
}
.star_rating:before {
  display: block;
  font-size: 1.5em;
  top: 0;
  left: 0;
  font-family: FontAwesome;
  content: "\f005\f005\f005\f005\f005";
  color: #d7d7d7;
  
  padding-left: 5px;
}
.star_rating span {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: block;
  overflow: hidden;
}
.star_rating span:before {
  font-size: 1.5em;
  font-family: FontAwesome;
  color: #f36523;
  position: absolute;
  left: 0;
  top: 0;
  content: "\f005\f005\f005\f005\f005";
  
  display: block;
  padding-left: 5px;
  
}