.rate_widget ul{
        background: url('../images/star_empty.png') repeat-x;
    }

    .rate_widget a:hover{
        background: url('../images/star_highlight.png') repeat-x;
    }

      .rate_widget a:active,
      .rate_widget a:focus,
      .rate_widget a.checked{
          background: url('../images/star_full.png') repeat-x;
      }
    .rate_widget ul{
        position:relative;
        width:81px; /*5 times the width of your star*/
        height:18px; /*height of your star*/
        overflow:hidden;
        list-style:none;
        margin:0;
        padding:0;
        background-position: left top;
    }

    .rate_widget li{
        display: inline;
    }

    .rate_widget a{
        position:absolute;
        top:0;
        left:0;
        text-indent:-1000em;
        height:32px; /*height of your star*/
        line-height:32px; /*height of your star*/
        outline:none;
        overflow:hidden;
        border: none;
    }

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

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

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

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

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

    .rate_widget a.current{
        z-index:1;
    }

/*******************For Not Clickable************************/

 .rate_widget_dummy ul{
        background: url('../images/star_empty.png') repeat-x;
    }

    .rate_widget_dummy a:hover{
       /* background: url('star_highlight.png') repeat-x;*/
    }

      .rate_widget_dummy a.checked{
          background: url('../images/star_full.png') repeat-x;
      }
    .rate_widget_dummy ul{
        position:relative;
        width:81px; /*5 times the width of your star*/
        height:18px; /*height of your star*/
        overflow:hidden;
        list-style:none;
        margin:0;
        padding:0;
        background-position: left top;
    }

    .rate_widget_dummy li{
        display: inline;
    }

    .rate_widget_dummy a{
        position:absolute;
        top:0;
        left:0;
        text-indent:-1000em;
        height:32px; /*height of your star*/
        line-height:32px; /*height of your star*/
        outline:none;
        overflow:hidden;
        border: none;
		cursor:default;
    }

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

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

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

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

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

    .rate_widget_dummy a.current{
        z-index:1;
    }