﻿
.rateit {
    display: -moz-inline-box;
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

.rateit .rateit-range {
    position: relative;
    display: -moz-inline-box;
    display: inline-block;
    background: url('https://i.procapslabs.com/star_new.png') left -3px;
    outline: none;
}

.rateit .rateit-range * {
    display: block;
}

.rateit .rateit-preset {
    background: url('https://i.procapslabs.com/star_new.png') left -45px;
}

.rateit button.rateit-reset {
    background: url('https://i.procapslabs.com/star_clear.png') 0 0;
    width: 16px;
    height: 16px;
    display: -moz-inline-box;
    display: inline-block;
    float: left;
    outline: none;
    border: none;
    padding: 0;
}

.rateit button.rateit-reset:hover, .rateit button.rateit-reset:focus {
    background-position: 0 -16px;
}

.ui-autocomplete {
    position: absolute;
    z-index: 10005;
}

ul.ui-autocomplete {
    list-style: none;
    max-height: 407px;
    overflow-x: auto;
    border-radius: 0.25rem 0 0 0.25rem !important;
    border: 1px solid #ccc;
    background-color: #ffffff;
    padding: 0;
    margin: 0;
}

ul.ui-autocomplete li.ui-menu-item {
    padding: 0.5rem 0 0.5rem 0.75rem;
    cursor: pointer;
    background-color: #ffffff;
    color: rgba(51, 51, 51, 0.95);
    text-align: left;
}

ul.ui-autocomplete li.ui-menu-item:hover {
    background-color: #eeeeee;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active, a.ui-button:active,
.ui-button:active, .ui-state-active.ui-button:hover {
    padding: 0.5rem 0 0.5rem 0.75rem;
    margin-left: -0.75rem;
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
    background-color: #eeeeee;
}