div.checker input,div.radio input {
  opacity: 0;
  filter: alpha(opacity=0);
  border: none
}


div.checker span,div.radio span {
  background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjU2IiB3aWR0aD0iMjk0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48c3ltYm9sIGlkPSJzdmctY2hlY2tib3gtc2hhZG93Ij48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHJ4PSI0IiByeT0iNCIgZmlsbD0iI2NjY2NjYyIgb3BhY2l0eT0iMC4zIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0ic3ZnLWNoZWNrYm94LXJlY3RhbmdsZTEiPjxyZWN0IHg9IjAuNSIgeT0iMC41IiByeD0iMCIgcnk9IjAiIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNyIgZmlsbD0iI2ZmZmZmZiIgc3Ryb2tlPSIjYzNjM2MzIiBzdHJva2Utd2lkdGg9IjEiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzdmctY2hlY2tib3gtcmVjdGFuZ2xlMiI+PHJlY3QgeD0iMC41IiB5PSIwLjUiIHJ4PSIwIiByeT0iMCIgd2lkdGg9IjE3IiBoZWlnaHQ9IjE3IiBmaWxsPSIjZjBmMGYwIiBzdHJva2U9IiNjM2MzYzMiIHN0cm9rZS13aWR0aD0iMSIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InN2Zy1jaGVja2JveC1jaGVjayI+PHBhdGggZD0ibS40MDE1OTU4NyA0LjA1NTMyNDk1Yy0uMzkxOTMyOC40MDM1NDA4Ny0uNTE4NjY3NDQuOTIyNzczMy0uMjgzMjYyMDEgMS4xNjUxNTQ4MyAwIDAgMi40MDU2Mzk2MyAyLjQ3Njg0MjIxIDIuNDA1NjM5NjMgMi40NzY4NDIyMS4zOTE5MzQ2OS40MDM1Nzg2OCAxLjAyMjk4Njg3LjQwMzU3ODY4IDEuNDE0OTE5MjIgMCAwIDAgNS45NDI5Mzg5Ni02LjExODg3NzA1IDUuOTQyOTM4OTYtNi4xMTg4NzcwNS4yMzUwMzM3Mi0uMjQyMjY4MTUuMTA4NjY4OTgtLjc2MTYxMzk2LS4yODMyNjA0OS0xLjE2NTE1NDg0LS4zOTE5MzcwMy0uNDAzNTAzMDgtLjg5NjQ5MzAzLS41MzM3NDU4My0xLjEzMTY1ODY1LS4yOTE0MDIwOSAwIDAtNS4yMzU0Nzg0OSA1LjM5MDQ0NzQxLTUuMjM1NDc4NDkgNS4zOTA0NDc0MXMtMS42OTgxNzk0LTEuNzQ4NDUwMzYtMS42OTgxNzk0LTEuNzQ4NDUwMzZjLS4yMzUzMDI0NC0uMjQyMjY4MTUtLjczOTcyNzA3LS4xMTE4NzQyMi0xLjEzMTY1OTM0LjI5MTQwMjA5IDAgMCAuMDAwMDAwNTcuMDAwMDM3OC4wMDAwMDA1Ny4wMDAwMzc4IiBmaWxsPSIjMjQyNzJjIiAvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InN2Zy1yYWRpby1zaGFkb3ciPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIiBmaWxsPSIjY2NjY2NjIiBvcGFjaXR5PSIwLjMiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzdmctcmFkaW8tY2lyY2xlMSI+PGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iOS41IiBmaWxsPSIjZmZmZmZmIiBzdHJva2U9IiNjM2MzYzMiIHN0cm9rZS13aWR0aD0iMSIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InN2Zy1yYWRpby1jaXJjbGUyIj48Y2lyY2xlIGN4PSIxMCIgY3k9IjEwIiByPSI5LjUiIGZpbGw9IiNmMGYwZjAiIHN0cm9rZT0iI2MzYzNjMyIgc3Ryb2tlLXdpZHRoPSIxIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0ic3ZnLXJhZGlvLWNoZWNrIj48Y2lyY2xlIGN4PSI0IiBjeT0iNCIgcj0iMy41IiBmaWxsPSIjMjQyNzJjIi8+PC9zeW1ib2w+PHVzZSB4PSIyIiB5PSIyIiB4bGluazpocmVmPSIjc3ZnLWNoZWNrYm94LXJlY3RhbmdsZTEiLz4vPjx1c2UgeD0iMzAiIHk9IjIiIHhsaW5rOmhyZWY9IiNzdmctY2hlY2tib3gtcmVjdGFuZ2xlMiIvPi8+PHVzZSB4PSI1NiIgeT0iMCIgeGxpbms6aHJlZj0iI3N2Zy1jaGVja2JveC1zaGFkb3ciLz48dXNlIHg9IjU4IiB5PSIyIiB4bGluazpocmVmPSIjc3ZnLWNoZWNrYm94LXJlY3RhbmdsZTEiLz4vPjx1c2UgeD0iODQiIHk9IjAiIHhsaW5rOmhyZWY9IiNzdmctY2hlY2tib3gtc2hhZG93Ii8+PHVzZSB4PSI4NiIgeT0iMiIgeGxpbms6aHJlZj0iI3N2Zy1jaGVja2JveC1yZWN0YW5nbGUyIi8+Lz48dXNlIHg9IjExNCIgeT0iMiIgeGxpbms6aHJlZj0iI3N2Zy1jaGVja2JveC1yZWN0YW5nbGUxIi8+PHVzZSB4PSIxMTkiIHk9IjgiIHhsaW5rOmhyZWY9IiNzdmctY2hlY2tib3gtY2hlY2siLz48dXNlIHg9IjE0MiIgeT0iMiIgeGxpbms6aHJlZj0iI3N2Zy1jaGVja2JveC1yZWN0YW5nbGUyIi8+PHVzZSB4PSIxNDciIHk9IjgiIHhsaW5rOmhyZWY9IiNzdmctY2hlY2tib3gtY2hlY2siLz48dXNlIHg9IjE2OCIgeT0iMCIgeGxpbms6aHJlZj0iI3N2Zy1jaGVja2JveC1zaGFkb3ciLz48dXNlIHg9IjE3MCIgeT0iMiIgeGxpbms6aHJlZj0iI3N2Zy1jaGVja2JveC1yZWN0YW5nbGUxIi8+PHVzZSB4PSIxNzUiIHk9IjgiIHhsaW5rOmhyZWY9IiNzdmctY2hlY2tib3gtY2hlY2siLz48dXNlIHg9IjE5NiIgeT0iMCIgeGxpbms6aHJlZj0iI3N2Zy1jaGVja2JveC1zaGFkb3ciLz48dXNlIHg9IjE5OCIgeT0iMiIgeGxpbms6aHJlZj0iI3N2Zy1jaGVja2JveC1yZWN0YW5nbGUyIi8+PHVzZSB4PSIyMDMiIHk9IjgiIHhsaW5rOmhyZWY9IiNzdmctY2hlY2tib3gtY2hlY2siLz48dXNlIHg9IjIyNiIgeT0iMiIgeGxpbms6aHJlZj0iI3N2Zy1jaGVja2JveC1yZWN0YW5nbGUxIiBvcGFjaXR5PSIwLjUiLz4vPjx1c2UgeD0iMjU0IiB5PSIyIiB4bGluazpocmVmPSIjc3ZnLWNoZWNrYm94LXJlY3RhbmdsZTEiIG9wYWNpdHk9IjAuNSIvPjx1c2UgeD0iMjU5IiB5PSI4IiB4bGluazpocmVmPSIjc3ZnLWNoZWNrYm94LWNoZWNrIiBvcGFjaXR5PSIwLjUiLz48dXNlIHg9IjIiIHk9IjM0IiB4bGluazpocmVmPSIjc3ZnLXJhZGlvLWNpcmNsZTEiLz4vPjx1c2UgeD0iMzIiIHk9IjM0IiB4bGluazpocmVmPSIjc3ZnLXJhZGlvLWNpcmNsZTIiLz4vPjx1c2UgeD0iNjAiIHk9IjMyIiB4bGluazpocmVmPSIjc3ZnLXJhZGlvLXNoYWRvdyIvPjx1c2UgeD0iNjIiIHk9IjM0IiB4bGluazpocmVmPSIjc3ZnLXJhZGlvLWNpcmNsZTEiLz4vPjx1c2UgeD0iOTAiIHk9IjMyIiB4bGluazpocmVmPSIjc3ZnLXJhZGlvLXNoYWRvdyIvPjx1c2UgeD0iOTIiIHk9IjM0IiB4bGluazpocmVmPSIjc3ZnLXJhZGlvLWNpcmNsZTIiLz4vPjx1c2UgeD0iMTIyIiB5PSIzNCIgeGxpbms6aHJlZj0iI3N2Zy1yYWRpby1jaXJjbGUxIi8+PHVzZSB4PSIxMjgiIHk9IjQwIiB4bGluazpocmVmPSIjc3ZnLXJhZGlvLWNoZWNrIi8+PHVzZSB4PSIxNTIiIHk9IjM0IiB4bGluazpocmVmPSIjc3ZnLXJhZGlvLWNpcmNsZTIiLz48dXNlIHg9IjE1OCIgeT0iNDAiIHhsaW5rOmhyZWY9IiNzdmctcmFkaW8tY2hlY2siLz48dXNlIHg9IjE4MCIgeT0iMzIiIHhsaW5rOmhyZWY9IiNzdmctcmFkaW8tc2hhZG93Ii8+PHVzZSB4PSIxODIiIHk9IjM0IiB4bGluazpocmVmPSIjc3ZnLXJhZGlvLWNpcmNsZTEiLz48dXNlIHg9IjE4OCIgeT0iNDAiIHhsaW5rOmhyZWY9IiNzdmctcmFkaW8tY2hlY2siLz48dXNlIHg9IjIxMCIgeT0iMzIiIHhsaW5rOmhyZWY9IiNzdmctcmFkaW8tc2hhZG93Ii8+PHVzZSB4PSIyMTIiIHk9IjM0IiB4bGluazpocmVmPSIjc3ZnLXJhZGlvLWNpcmNsZTIiLz48dXNlIHg9IjIxOCIgeT0iNDAiIHhsaW5rOmhyZWY9IiNzdmctcmFkaW8tY2hlY2siLz48dXNlIHg9IjI0MiIgeT0iMzQiIHhsaW5rOmhyZWY9IiNzdmctcmFkaW8tY2lyY2xlMSIgb3BhY2l0eT0iMC41Ii8+Lz48dXNlIHg9IjI3MiIgeT0iMzQiIHhsaW5rOmhyZWY9IiNzdmctcmFkaW8tY2lyY2xlMSIgb3BhY2l0eT0iMC41Ii8+PHVzZSB4PSIyNzgiIHk9IjQwIiB4bGluazpocmVmPSIjc3ZnLXJhZGlvLWNoZWNrIiBvcGFjaXR5PSIwLjUiLz48L3N2Zz4=") no-repeat;
  -webkit-font-smoothing: antialiased;
}

div.checker,div.radio {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}

div.checker:focus,div.radio:focus {
  outline: 0;
}

div.checker, div.radio * {
  margin: 0;
  padding: 0;
}

div.checker input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

div.checker {
  position: relative;
}

div.checker, div.checker span, div.checker input {
  width: 22px;
  height: 22px;
}

div.checker span {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-align: center;
  background-position: 0 0;
}

div.checker span.checked {
  background-position: -112px 0;
}

div.checker input {
  opacity: 0;
  filter: alpha(opacity=0);
  border: none;
  background: none;
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
}

div.checker.active span {
  background-position: -28px 0;
}

div.checker.active span.checked {
  background-position: -140px 0;
}

div.checker.hover span, div.checker.focus span {
  background-position: -56px 0;
}

div.checker.hover span.checked, div.checker.focus span.checked {
  background-position: -168px 0;
}

div.checker.hover.active span, div.checker.focus.active span {
  background-position: -84px 0;
}

div.checker.hover.active span.checked, div.checker.focus.active span.checked {
  background-position: -196px 0;
}

div.checker.disabled span, div.checker.disabled.active span {
  background-position: -224px 0;
}

div.checker.disabled span.checked, div.checker.disabled.active span.checked {
  background-position: -252px 0;
}

div.radio {
  margin-right: 5px;
}

div.radio,div.radio input,div.radio span {
  width: 24px;
  height: 24px
}

div.radio span {
  display: -moz-inline-box;
  display: inline-block;
  zoom: 1;
  text-align: center;
  background-position: 0 -32px
}

div.radio span.checked {
  background-position: -120px -32px
}

div.radio input {
  background: 0 0;
  display: -moz-inline-box;
  display: inline-block;
  zoom: 1;
  text-align: center
}

div.radio.active span {
  background-position: -30px -32px
}

div.radio.active span.checked {
  background-position: -150px -32px
}

div.radio.focus span,div.radio.hover span {
  background-position: -60px -32px
}

div.radio.focus span.checked,div.radio.hover span.checked {
  background-position: -180px -32px
}

div.radio.focus.active span,div.radio.hover.active span {
  background-position: -90px -32px
}

div.radio.focus.active span.checked,div.radio.hover.active span.checked {
  background-position: -210px -32px
}

div.radio.disabled span,div.radio.disabled.active span {
  background-position: -240px -32px
}

div.radio.disabled span.checked,div.radio.disabled.active span.checked {
  background-position: -270px -32px
}