CSS counterpart to custom checkboxes

/* Start checkbox drop-in snip */
/* For checkbox images we use data uris. Much faster drawing, reduces http calls, easier to manipulate */
input[type='checkbox'] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    margin: -2px 11px;
    float: none;
    width: 20px;
    height: 20px;
    z-index: 9001;
}

input[type='checkbox'] + label {
    margin: 0;
    clear: none;

    /* Left padding makes room for image */
    padding: 5px 0 4px 40px;

    /* Make the entire thing look clickable (it is) (checkbox and label) */
    cursor: pointer;

    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHonAACAgwAA+mQAAIDSAAB2hgAA7OkAADmeAAAV/sZ+0zoAAAMQSURBVHjatJbPbxNHGIafnVnvbv3bTkKcTXAgJlAapUUtkg/Q4lalt17MrfTAnb8h4uAz/wOqSm/kwtGlpOQQRYImEjU0AdxgjB3XdZ0mcWQ76yyHrCFQ06bEfk+j0c776NsZfd+r2LZNJ81MT7WXx4FvgC+Bw0AUyAHPgB+BH4DlN88nkqmXa/VfAJ8D33sCpukLjeD29qNqbly6m+3GVtRqbkW3Nv88s1HNX6n9XSgA3wK3O/mpHQA68HNwIBbvG/oAb3AIVdWRqgshJCgK2DY7Oy1a1jaWdYrNtaJZKT74aa38ZB44BzTeCpmZngoD9w9FPzaHx+JougfVpSGkilB2AQ5jF2S32GlZGO/58YdHeJ6dj/+R+yULTAJ/tX2V9p3MTE+5gGcj458ODh35ZBegaihCARTeLht7x8aymjQbNYor98g/mi0BhxPJ1DaA2HMHs5HR04PDsTiGO4BL01GE+A8AgIIiBC5Nx3AHGI7FiYyeHgRm249HOF9e6Dcn4qMnE+iGFynlPsz/CZNSohteRk8m6Dcn4sAFAJn4sKUA6WMffe3z+PqRUn0HwJ6qFIEQKprho5RbOLfy8PZVAUwGB2KmP2Q6FRxcUkr8IZPgQGwQmBTAxXBkHCldB6igw69TXYQj4wAXBfBFIDzivKLuSVEEgXAU4CsBHDM8fV2s4pUMTwjgiACCmuamF3J8gwJYs6xGTyCO75oAVpr1jZ5AHN8VAdzaqBZ6AnF8bwngu0rxYU8gldUlgOsCuF8uPCjVa9WuAuq1KuXnv5aARZFIpmzgcv7JXFchjt/lRDJltxvkjfzjubu5pTtdAeSW7pB/PHcXuPGyCzvz+Gw2ky6tPl04EGD16QLZTLoEnG3PeWVvkJiZnhoAFscmzpvRE5+9UwXZTLoAnEokU+X2vngjYZSBsWwmPb+8eJPaemlf5rX1EsuLN8lm0vPAGFB+rY91ikTORDsPXOuLnDD7ht7HFzLRDT+a4aVZ36RRX2ejWqBS/I3K6lIBuASkO0Ui5X/mrqOACRSA3/ebu14MAEZcF3fUgARKAAAAAElFTkSuQmCC);
}

input[type='checkbox']:checked + label {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHonAACAgwAA+mQAAIDSAAB2hgAA7OkAADmeAAAV/sZ+0zoAAAP3SURBVHjarJZdTJNnFMd/70c/6BfQAisfwiJDy7p1ujrQJZpebGKWwDJiwrJ4Z6IXuzHuykSuuDRL9MILl3g3l3FhLyYMN5bAXDIcCaMygSJKtPJRYOWz7Upt++6Ct2TQt8iM/+Qkb56cc37vOc+T5zmCoihoqd/fnv0sA04CTUA94AWGgHHgJ+BnYGFnvK+1Y+tb3gVQD3xvLqzwWIurMFlKkPUmdAYTLzbi3lQy7o1H/z6zvjxNbHV2BPhcBedI1gDIwLdFpbVtjvK3sRSVI8sGJFmHKEogCKAoZDJp0qkXpFKHiK7MeSJzY2Mri086gTNAKi+k399uAgbKqt/3VO5vRG8wI+v0iJKMKGwCVMYmSEmTSacwFtiw2auYmfqjbSH0Zz1wDIhn8wrZPen3t0vAw6q6467yN72bAFmPIAqAQH4pKBmFVCpJciPG3NMhpid/CwLv+Fo70gDif/bglrPmiKuythGjqRCd3oAgii8BAAgIoohOb8BoKqSythFnzREXcCt7eETVs6Gkwt1WU+/DYLQgSdIekufCJEnCYLRQU++jpMLdBjQASD5PGuDHt95rfsNsLUGSZE1AOLbEr6EA/c8ChGNL2AxmLPqC3KoEEVGU0RutzIeGjz8d77suA1VFpbUeW3GFWkGuvhn+ga9+uU40+c/WmkVfwNcffcm5wy05/pIkYSuuoKi01rWy+KRKBJrszjokSadZwc3hLs53XSGaiENG2bJoIs75rivcHO7Sbp2sw+6sA2gSgU8K7VXqKdrRougSF3quQVrJaxd6rhGOLuViBJFCezXApyLwgdHs0Kzi7uT9nAp2WjQR5+7kfc02G83FAIdkYJ9eb9J0Cq9FNv/4JZpZXdBcV/PuE4HnqdSGppPTYt+1VVmrtJZqxqt5n4tAIJlY13Q6deAoFtkAmUxes8gGTh04qhmv5g2IQPf68qx2JVYHV5sv7lrF1eaLOK0OzXg1b7cIdEfmxvP2+2xjCzdOX8KiK9i24RZdATdOX+JsY0ve2Eh4AqBHBqYXZ8eCidiySz0NOTp37DNa3CcYDI0ys7pAZWEZDdVunDZHXkAitszizMMgEEJRFPpuX26YfNCtvE5NPuhW+m5fblAUZeuCHJx+POAPTdzjdSg0cY/pxwN+YHDneyIDf7m8rS5nzeFXBoSfDRMc8geBd32tHaltEBVkBn7f7/7YU33wxCtVMDXaOwJ86GvtiGXXxR0TRgzwTo32dj4K3CG2Nr+n5LG1eR4F7jA12tupTjOxbfeY1kikvmhu4DuH86DHUe7CWlyBwWhDb7SQTETZSKyxvjxLZC5IJDwxAnwBjGqNRML/nLs8qo2otqe5698BAP0vEByQoEeYAAAAAElFTkSuQmCC);
}
/* End checkbox drop-in snip */