#example-a {
    margin-top: 10px;
}
.rating-a .br-widget {
    text-align: center;
    direction: ltr;
}
.rating-a .br-widget a {
    display: inline-block;
    width: 4px;
    padding: 4px 6px;
    border: .1px solid rgba(206, 206, 206, 0.48);
    text-align: center;
}
.rating-a .br-widget a.br-active,.rating-a .br-widget a.br-selected {
    background-color: #4ae058;
    background: #df3c51; /* Old browsers */
    background: -moz-linear-gradient(top, #df3c51 0%, #b0052f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #df3c51 0%,#b0052f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #df3c51 0%,#b0052f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df3c51', endColorstr='#b0052f',GradientType=0 ); /* IE6-9 */    
}
.rating-a .br-widget .br-current-rating {
    font-size: 20px;
    line-height: 2;
    float: right;
    padding: 0 20px;
    color: #646464;
    display: none;
}
.rating-a {
    margin-bottom: 10px;
    position: relative;
}