/****** Style Star Rating Widget *****/
.rating {
    border: none;
    float: left;
}

.rating > input { display: none; }
.rating > label:before {
    margin: 5px;
    font-size: 1.25em;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005";
}

.rating > .half:before {
    content: "\f089";
    position: absolute;
}

.rating > label {
    color: #ddd;
    float: right;
    cursor: default;
}

/***** CSS Magic to Highlight Stars on Hover *****/
.rating > input:checked ~ label { 
    color: #FFD700;
    cursor: default;
}