.vote-block {
        overflow: hidden;
        margin: 0 10px 0 0;
        padding-bottom: 20px;
        float: left;
        vertical-align: middle;
        position: relative;
      }
      .vote-block .rating-info {
        position: absolute;
        bottom: 0;
        left: 0;
        font-size: 14px;
        color: #000;
        font-family: georgia, serif;
      }
      .vote-block span.rating-text {
        font-size: 14px;
        color: #000;
        font-family: georgia, serif;
        display: block;
        float: left;
      }
      .vote-block .rating {
        list-style: none;
        margin: 0 10px 0 0;
        padding: 0;
        width: 80px;
        height: 15px;
        float: left;
        vertical-align: middle;
      }
      .vote-block .rating:hover li {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAtCAMAAACQyRsgAAAAqFBMVEUAAAD+mAAA9Ta0tLQA9Tezs7OwsLAA9jP/mACzs7MA9zT/lAD+mAD+mQC0tLSzs7MA9jT+mAD/lwC3t7cA9zJs4Gz/oACzs7MA9jb+mQCzs7MA9jezs7MA9Te1tbUA9zf/mQC0tLQA9TX+lwCzs7MA9zb+lgCzs7MA8Tf+kQD/fwC0tLT/mQAA9jgA/Dj/nAD/mAC5ubmzs7MA9Ti2trYA+DcA9TfCwsLIPho7AAAAK3RSTlMA2Nf4+NYuLi42Njb58NeNjY0iHh4E/uTk5O7u29vMzMynp6eEhIQlJRwEHFLwxgAAARxJREFUKM9dj1eSwjAQRJ1twMYB8O6Sc1JyZO9/MyShcSH1l/ppemraAgWWoR/Dj/5HOjh0ByOB9MysRvVMhdf+dOovEUJL8VjzT79DoM6XY2ndSNvUKRzlSuAOxy1UYgHgxsc7HrsBODdoG2xRcwbg1qnc7UIPN1C7v/uEZv1fw4/pWAfH/mgkiJ6ZU0LnKrxxuFaEkJV4bPinQwmIOnIso620Lc3gKE8CLxzqq4mh/p2QF30RcgdwaftduOvbCwCPZnK3Bz28UO3+7hOZ9f8MPyknOjixk5HAeubBMHuosC2UYIwT+bKswmYYxOxCDOWskrZiORwVSxAPxz3VxBNAwY2IFQCuFd5He1xdAcRlLnaXMfRIos/uhPd5A7SBJhEtf52aAAAAAElFTkSuQmCC);
      }
      @media only screen and (-webkit-min-device-pixel-ratio: 2),
        only screen and (min--moz-device-pixel-ratio: 2),
        only screen and (-o-min-device-pixel-ratio: 2/1),
        only screen and (min-resolution: 192dpi),
        only screen and (min-resolution: 2dppx) {
        .vote-block .rating:hover li {
          background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAABRCAYAAAAuCa0YAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAK+SURBVHja7Jm/a9RgGMc/yR3lMju4dVKq1v5YCi0IeuDSPnCtrgXFJaBTkXbxH3ApQhelN94/0CVHl6sZHToURXHwaGcHHRtB6evyHqS53F3eXJIbLi+8Q368+XDfS54nH2J5nkfKMQ8gIt9MF9qkHy/0pCioDWwAG+122y4KugDc0XOhKGgDsPRsFAG1gc3Q9qZpxHbKaJdD28umEdspo62EtiumEZtCK5FowxFX8oLORaINRzyXF3Q3Em04gd2kF7E8z1sDPgBLFDM+28AnYAV4C6gcYUozVqp6x1/gDfAReA/czhj4A3glIp24/7QDrAKtDIEtYLUHBKjGnPQbeA6cAO+AGylhv4DXItIyuXtb+ld3gCsD2FUvsThgkkemC6wD5wbQc2BdRLrjPKf3gFkD6KxeM1ZxeALMGEBn9JrUUDtNvwQaw9rdKOjikEp1pGfcWNJrU0E3Y2rtJbADPNVzR+9L0o1GQuOiPQUeAAe9HSJyoPedJo3YNnhD2AceAmfRE0XkTB/bT/JGMQy6pY9f6NfNPSAYdLKIBCKyp8+90Gu3TKA1YFvfKGvAcdLbVkSO9ZojYLvdbtf6+imXj8bSCuX4U6IVVlAvtSJfrTCNuNQKY62wgnqpFcSVwenQimjBf5ynVijHL1YresBRre1ZFlqhHL9YrYgDJm3iVeA7cCshtAvcVY7/r9SK3LRiWLsrtSKxVijHH6gVgyLORCuU409GK5TjB8rxE2nFoOJQA74AX4GXwM8hsP6LBvWbul3eBxaV4/+5dlwdpi7k8wC4akq0gqZVakW+WmEacakVxlpB0yq1or9MqkOmRCsiBT9XrcBVxWpFD9h7kY6OTL9W4KpitSIOmLSJp9IKXFVqRX5aMazdlVqRWCtw1UCtGBRxJlqBqyajFbgqwFWT+VqBq659raBp9X2t+D8ACCMKavsXH14AAAAASUVORK5CYII=);
          background-size: 16px 45px !important;
        }
      }
      .vote-block .rating li {
        display: block;
        width: 16px;
        height: 15px;
        float: right;
        /* обтекание по правой стороне как раз необходимо для выстравания элементов  в обратном порядке */
        text-indent: -9999px;
        /* скрываем текст */
        cursor: pointer;
      }
      .vote-block .rating li:hover,
      .vote-block .rating li:hover ~ li {
        background-position: 0 -15px;
      }
      .vote-block.disabled .rating li.current {
        display: block;
        z-index: 10;
      }
      .vote-block .rating li.active,
      .vote-block .rating li.active ~ li {
        background-position: 0 -30px;
      }
      .vote-block li.current {
        display: none;
      }
      .vote-block ol.show-current {
        position: relative;
      }
      .vote-block ol.show-current li {
        cursor: default;
        z-index: 2;
        position: relative;
      }
      .vote-block ol.show-current li.current {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        z-index: 1;
        background-position: 0 0;
        background-repeat: repeat-x;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAtCAMAAACQyRsgAAAAqFBMVEUAAAD+mAAA9Ta0tLQA9Tezs7OwsLAA9jP/mACzs7MA9zT/lAD+mAD+mQC0tLSzs7MA9jT+mAD/lwC3t7cA9zJs4Gz/oACzs7MA9jb+mQCzs7MA9jezs7MA9Te1tbUA9zf/mQC0tLQA9TX+lwCzs7MA9zb+lgCzs7MA8Tf+kQD/fwC0tLT/mQAA9jgA/Dj/nAD/mAC5ubmzs7MA9Ti2trYA+DcA9TfCwsLIPho7AAAAK3RSTlMA2Nf4+NYuLi42Njb58NeNjY0iHh4E/uTk5O7u29vMzMynp6eEhIQlJRwEHFLwxgAAARxJREFUKM9dj1eSwjAQRJ1twMYB8O6Sc1JyZO9/MyShcSH1l/ppemraAgWWoR/Dj/5HOjh0ByOB9MysRvVMhdf+dOovEUJL8VjzT79DoM6XY2ndSNvUKRzlSuAOxy1UYgHgxsc7HrsBODdoG2xRcwbg1qnc7UIPN1C7v/uEZv1fw4/pWAfH/mgkiJ6ZU0LnKrxxuFaEkJV4bPinQwmIOnIso620Lc3gKE8CLxzqq4mh/p2QF30RcgdwaftduOvbCwCPZnK3Bz28UO3+7hOZ9f8MPyknOjixk5HAeubBMHuosC2UYIwT+bKswmYYxOxCDOWskrZiORwVSxAPxz3VxBNAwY2IFQCuFd5He1xdAcRlLnaXMfRIos/uhPd5A7SBJhEtf52aAAAAAElFTkSuQmCC);
      }
      @media only screen and (-webkit-min-device-pixel-ratio: 2),
        only screen and (min--moz-device-pixel-ratio: 2),
        only screen and (-o-min-device-pixel-ratio: 2/1),
        only screen and (min-resolution: 192dpi),
        only screen and (min-resolution: 2dppx) {
        .vote-block ol.show-current li.current {
          background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAABRCAYAAAAuCa0YAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAK+SURBVHja7Jm/a9RgGMc/yR3lMju4dVKq1v5YCi0IeuDSPnCtrgXFJaBTkXbxH3ApQhelN94/0CVHl6sZHToURXHwaGcHHRtB6evyHqS53F3eXJIbLi+8Q368+XDfS54nH2J5nkfKMQ8gIt9MF9qkHy/0pCioDWwAG+122y4KugDc0XOhKGgDsPRsFAG1gc3Q9qZpxHbKaJdD28umEdspo62EtiumEZtCK5FowxFX8oLORaINRzyXF3Q3Em04gd2kF7E8z1sDPgBLFDM+28AnYAV4C6gcYUozVqp6x1/gDfAReA/czhj4A3glIp24/7QDrAKtDIEtYLUHBKjGnPQbeA6cAO+AGylhv4DXItIyuXtb+ld3gCsD2FUvsThgkkemC6wD5wbQc2BdRLrjPKf3gFkD6KxeM1ZxeALMGEBn9JrUUDtNvwQaw9rdKOjikEp1pGfcWNJrU0E3Y2rtJbADPNVzR+9L0o1GQuOiPQUeAAe9HSJyoPedJo3YNnhD2AceAmfRE0XkTB/bT/JGMQy6pY9f6NfNPSAYdLKIBCKyp8+90Gu3TKA1YFvfKGvAcdLbVkSO9ZojYLvdbtf6+imXj8bSCuX4U6IVVlAvtSJfrTCNuNQKY62wgnqpFcSVwenQimjBf5ynVijHL1YresBRre1ZFlqhHL9YrYgDJm3iVeA7cCshtAvcVY7/r9SK3LRiWLsrtSKxVijHH6gVgyLORCuU409GK5TjB8rxE2nFoOJQA74AX4GXwM8hsP6LBvWbul3eBxaV4/+5dlwdpi7k8wC4akq0gqZVakW+WmEacakVxlpB0yq1or9MqkOmRCsiBT9XrcBVxWpFD9h7kY6OTL9W4KpitSIOmLSJp9IKXFVqRX5aMazdlVqRWCtw1UCtGBRxJlqBqyajFbgqwFWT+VqBq659raBp9X2t+D8ACCMKavsXH14AAAAASUVORK5CYII=);
          background-size: 16px 45px !important;
        }
      }
      .vote-block ol.show-current li.current span {
        display: block;
        height: 20px;
        width: 0;
        background: inherit;
        background-position: 0 -30px;
      }