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


div.checker span {
  background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjU2IiB3aWR0aD0iMjg0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48c3ltYm9sIGlkPSJhIj48cmVjdCBmaWxsPSIjZWRlZGVkIiBoZWlnaHQ9IjIzIiBvcGFjaXR5PSIuMyIgcng9IjQiIHdpZHRoPSIyMyIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9ImIiPjxyZWN0IGZpbGw9IiNmZmYiIGhlaWdodD0iMTgiIHJ4PSIyIiBzdHJva2U9IiNkN2Q3ZDciIHdpZHRoPSIxOCIgeD0iLjUiIHk9Ii41Ii8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iYyI+PHJlY3QgZmlsbD0iI2YwZjBmMCIgaGVpZ2h0PSIxOCIgcng9IjIiIHN0cm9rZT0iI2Q3ZDdkNyIgd2lkdGg9IjE4IiB4PSIuNSIgeT0iLjUiLz48L3N5bWJvbD48dXNlIGhlaWdodD0iMTAwJSIgd2lkdGg9IjEwMCUiIHg9IjIiIHhsaW5rOmhyZWY9IiNiIiB5PSIyIi8+PHVzZSBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiB4PSIzMSIgeGxpbms6aHJlZj0iI2MiIHk9IjIiLz48dXNlIGhlaWdodD0iMTAwJSIgd2lkdGg9IjEwMCUiIHg9IjU4IiB4bGluazpocmVmPSIjYSIvPjx1c2UgaGVpZ2h0PSIxMDAlIiB3aWR0aD0iMTAwJSIgeD0iNjAiIHhsaW5rOmhyZWY9IiNiIiB5PSIyIi8+PHVzZSBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiB4PSI4NyIgeGxpbms6aHJlZj0iI2EiLz48dXNlIGhlaWdodD0iMTAwJSIgd2lkdGg9IjEwMCUiIHg9Ijg5IiB4bGluazpocmVmPSIjYyIgeT0iMiIvPjx1c2UgaGVpZ2h0PSIxMDAlIiB3aWR0aD0iMTAwJSIgeD0iMTE4IiB4bGluazpocmVmPSIjYiIgeT0iMiIvPjx1c2UgaGVpZ2h0PSIxMDAlIiB3aWR0aD0iMTAwJSIgeD0iMTQ3IiB4bGluazpocmVmPSIjYyIgeT0iMiIvPjx1c2UgaGVpZ2h0PSIxMDAlIiB3aWR0aD0iMTAwJSIgeD0iMTc0IiB4bGluazpocmVmPSIjYSIvPjx1c2UgaGVpZ2h0PSIxMDAlIiB3aWR0aD0iMTAwJSIgeD0iMTc2IiB4bGluazpocmVmPSIjYiIgeT0iMiIvPjx1c2UgaGVpZ2h0PSIxMDAlIiB3aWR0aD0iMTAwJSIgeD0iMjAzIiB4bGluazpocmVmPSIjYSIvPjx1c2UgaGVpZ2h0PSIxMDAlIiB3aWR0aD0iMTAwJSIgeD0iMjA1IiB4bGluazpocmVmPSIjYyIgeT0iMiIvPjx1c2UgaGVpZ2h0PSIxMDAlIiBvcGFjaXR5PSIuNSIgd2lkdGg9IjEwMCUiIHg9IjIzNCIgeGxpbms6aHJlZj0iI2IiIHk9IjIiLz48dXNlIGhlaWdodD0iMTAwJSIgb3BhY2l0eT0iLjUiIHdpZHRoPSIxMDAlIiB4PSIyNjMiIHhsaW5rOmhyZWY9IiNiIiB5PSIyIi8+PGcgZmlsbD0iIzY2NiI+PHBhdGggZD0ibTE1My4zNjA4MiAxMC42MjkxNjhjLS40MDE4NS4zNTU3OS0uNDc5NzEgMS4wMTk0NDQtLjE3NDU5IDEuNDg4MDE2bDIuMjAzMDkgMy4zODMxODljLjAzNjYuMDU2MjEuMDg2Ny4wODk1NS4xMzAxOC4xMzQ3NTUuMDM2MS4wNDY3NS4wNjExLjEwMTE4Ni4xMDUyOC4xNDExNTQuMzk4NzQuMzYwNTI0Ljk2ODUyLjI3NjQ4MyAxLjI3NzY5LS4xODg0NjMgMCAwIDEuMjk1MTEtMi42ODIxOTUgMS45NjU2Ny0zLjY1MzY0OC42NzA1NS0uOTcxNDUxIDEuOTQwNC0yLjIxODk2MSAxLjk0MDQtMi4yMTg5NjEuMzA5Mi0uNDY0OTQ2OC4yMzYwNC0xLjEzMDk3NDUtLjE2MjctMS40OTE0OTIyLS4zOTg3My0uMzYwNTI0My0uOTY4NTEtLjI3NjQ4MjEtMS4yNzc2OS4xODg0NjM5IDAgMC0xLjM4NjE2IDEuNzEyNjYxMy0xLjkxMzI2IDIuNTE4NDE5My0uNTI3MS44MDU3NTktMS4yNzMyMyAyLjI3NDM0Ny0xLjI3MzIzIDIuMjc0MzQ3bC0xLjU0NDc0LTIuMzcyMTk5Yy0uMzA1MTMtLjQ2ODU3MS0uODc0MjktLjU1OTM2Ni0xLjI3NjE0LS4yMDM1NzZ6Ii8+PHBhdGggZD0ibTE4Mi4zNjA4MiAxMC42MjkxNjhjLS40MDE4NS4zNTU3OS0uNDc5NzEgMS4wMTk0NDQtLjE3NDU5IDEuNDg4MDE2bDIuMjAzMDkgMy4zODMxODljLjAzNjYuMDU2MjEuMDg2Ny4wODk1NS4xMzAxOC4xMzQ3NTUuMDM2MS4wNDY3NS4wNjExLjEwMTE4Ni4xMDUyOC4xNDExNTQuMzk4NzQuMzYwNTI0Ljk2ODUyLjI3NjQ4MyAxLjI3NzY5LS4xODg0NjMgMCAwIDEuMjk1MTEtMi42ODIxOTUgMS45NjU2Ny0zLjY1MzY0OC42NzA1NS0uOTcxNDUxIDEuOTQwNC0yLjIxODk2MSAxLjk0MDQtMi4yMTg5NjEuMzA5Mi0uNDY0OTQ3LjIzNjA0LTEuMTMwOTc1LS4xNjI3LTEuNDkxNDkyLS4zOTg3My0uMzYwNTI0Ni0uOTY4NTEtLjI3NjQ4MjQtMS4yNzc2OS4xODg0NjQgMCAwLTEuMzg2MTYgMS43MTI2NjEtMS45MTMyNiAyLjUxODQxOS0uNTI3MS44MDU3NTktMS4yNzMyMyAyLjI3NDM0Ny0xLjI3MzIzIDIuMjc0MzQ3bC0xLjU0NDc0LTIuMzcyMTk5Yy0uMzA1MTMtLjQ2ODU3MS0uODc0MjktLjU1OTM2Ni0xLjI3NjE0LS4yMDM1NzZ6Ii8+PHBhdGggZD0ibTIxMS4zNjA4MiAxMC42MjkxNjhjLS40MDE4NS4zNTU3OS0uNDc5NzEgMS4wMTk0NDQtLjE3NDU5IDEuNDg4MDE2bDIuMjAzMDkgMy4zODMxODljLjAzNjYuMDU2MjEuMDg2Ny4wODk1NS4xMzAxOC4xMzQ3NTUuMDM2MS4wNDY3NS4wNjExLjEwMTE4Ni4xMDUyOC4xNDExNTQuMzk4NzQuMzYwNTI0Ljk2ODUyLjI3NjQ4MyAxLjI3NzY5LS4xODg0NjMgMCAwIDEuMjk1MTEtMi42ODIxOTUgMS45NjU2Ny0zLjY1MzY0OC42NzA1NS0uOTcxNDUxIDEuOTQwNC0yLjIxODk2MSAxLjk0MDQtMi4yMTg5NjEuMzA5Mi0uNDY0OTQ3LjIzNjA0LTEuMTMwOTc1LS4xNjI3LTEuNDkxNDkyLS4zOTg3My0uMzYwNTI0Ni0uOTY4NTEtLjI3NjQ4MjQtMS4yNzc2OS4xODg0NjQgMCAwLTEuMzg2MTYgMS43MTI2NjEtMS45MTMyNiAyLjUxODQxOS0uNTI3MS44MDU3NTktMS4yNzMyMyAyLjI3NDM0Ny0xLjI3MzIzIDIuMjc0MzQ3bC0xLjU0NDc0LTIuMzcyMTk5Yy0uMzA1MTMtLjQ2ODU3MS0uODc0MjktLjU1OTM2Ni0xLjI3NjE0LS4yMDM1NzZ6Ii8+PHBhdGggZD0ibTI2OS4zNjA4MiAxMC42MjkxNjhjLS40MDE4NS4zNTU3OS0uNDc5NzEgMS4wMTk0NDQtLjE3NDU5IDEuNDg4MDE2bDIuMjAzMDkgMy4zODMxODljLjAzNjYuMDU2MjEuMDg2Ny4wODk1NS4xMzAxOC4xMzQ3NTUuMDM2MS4wNDY3NS4wNjExLjEwMTE4Ni4xMDUyOC4xNDExNTQuMzk4NzQuMzYwNTI0Ljk2ODUyLjI3NjQ4MyAxLjI3NzY5LS4xODg0NjMgMCAwIDEuMjk1MTEtMi42ODIxOTUgMS45NjU2Ny0zLjY1MzY0OC42NzA1NS0uOTcxNDUxIDEuOTQwNC0yLjIxODk2MSAxLjk0MDQtMi4yMTg5NjEuMzA5Mi0uNDY0OTQ3LjIzNjA0LTEuMTMwOTc1LS4xNjI3LTEuNDkxNDkyLS4zOTg3My0uMzYwNTI0Ni0uOTY4NTEtLjI3NjQ4MjQtMS4yNzc2OS4xODg0NjQgMCAwLTEuMzg2MTYgMS43MTI2NjEtMS45MTMyNiAyLjUxODQxOS0uNTI3MS44MDU3NTktMS4yNzMyMyAyLjI3NDM0Ny0xLjI3MzIzIDIuMjc0MzQ3bC0xLjU0NDc0LTIuMzcyMTk5Yy0uMzA1MTMtLjQ2ODU3MS0uODc0MjktLjU1OTM2Ni0xLjI3NjE0LS4yMDM1NzZ6IiBmaWxsLW9wYWNpdHk9Ii40NjY2NjciLz48cGF0aCBkPSJtMTI0LjM2MDgyIDEwLjYyOTE2OGMtLjQwMTg1LjM1NTc5LS40Nzk3MSAxLjAxOTQ0NC0uMTc0NTkgMS40ODgwMTZsMi4yMDMwOSAzLjM4MzE4OWMuMDM2Ni4wNTYyMS4wODY3LjA4OTU1LjEzMDE4LjEzNDc1NS4wMzYxLjA0Njc1LjA2MTEuMTAxMTg2LjEwNTI4LjE0MTE1NC4zOTg3NC4zNjA1MjQuOTY4NTIuMjc2NDgzIDEuMjc3NjktLjE4ODQ2MyAwIDAgMS4yOTUxMS0yLjY4MjE5NSAxLjk2NTY3LTMuNjUzNjQ4LjY3MDU1LS45NzE0NTEgMS45NDA0LTIuMjE4OTYxIDEuOTQwNC0yLjIxODk2MS4zMDkyLS40NjQ5NDcuMjM2MDQtMS4xMzA5NzUtLjE2MjctMS40OTE0OTItLjM5ODczLS4zNjA1MjUtLjk2ODUxLS4yNzY0ODItMS4yNzc2OS4xODg0NjQgMCAwLTEuMzg2MTYgMS43MTI2NjEtMS45MTMyNiAyLjUxODQxOS0uNTI3MS44MDU3NTktMS4yNzMyMyAyLjI3NDM0Ny0xLjI3MzIzIDIuMjc0MzQ3bC0xLjU0NDc0LTIuMzcyMTk5Yy0uMzA1MTMtLjQ2ODU3MS0uODc0MjktLjU1OTM2Ni0xLjI3NjE0LS4yMDM1NzZ6Ii8+PC9nPjwvc3ZnPg==") 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: 23px;
  height: 23px;
}

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: -116px 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: -29px 0;
}

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

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

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

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

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

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

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