input, label
{
    cursor: default;
    color: #555;
    font-size: 1.2em;
    vertical-align: middle;
    display: inline-block;
}

input:not(:disabled),
input:not(:disabled) + label
{
    cursor: pointer;
    color: #EEE;
}

input
{
    -webkit-appearance: none;
    display: inline-block;
    width: 17px;
    height: 17px;
    margin: 4px;
    background-image: url("./images/radio.png");
}

input:focus,
input:hover
{
    background-position: 0 -17px;
}

input:disabled
{
    background-position: 0 -34px;
}

input:checked
{
    background-image: url("./images/radio_selected.png");
}