@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

checkbox {
  -moz-binding: url("chrome://yasearch/content/dialogs/bindings.xbl#checkbox") !important;
}

checkbox {
  -moz-appearance: none;
  -moz-box-align: center;
  margin: 2px 4px;
  padding-top: 1px;
  padding-bottom: 1px;
  -moz-padding-start: 4px;
  -moz-padding-end: 2px;
}

.checkbox-label-box {
  -moz-margin-start: 2px;
  border: 1px solid transparent;
  padding: 0px 1px 2px 1px;
}

.checkbox-icon {
  -moz-margin-end: 2px;
}

.checkbox-label {
  margin: 0 !important;
}

checkbox > .checkbox-check {
  list-style-image: url("chrome://yasearch/skin/dialogs/images/checkbox/checkbox.png");
  -moz-image-region: rect(0px, 12px, 12px, 0px);
}

checkbox[disabled="true"] > .checkbox-check {
  -moz-image-region: rect(12px, 12px, 24px, 0px) !important;
}

checkbox:hover > .checkbox-check {
  -moz-image-region: rect(24px, 12px, 36px, 0px);
}

checkbox:active > .checkbox-check {
  -moz-image-region: rect(36px, 12px, 48px, 0px);
}

checkbox[checked="true"] > .checkbox-check {
  -moz-image-region: rect(0px, 24px, 12px, 12px);
}

checkbox[checked="true"][disabled="true"] > .checkbox-check {
  -moz-image-region: rect(12px, 24px, 24px, 12px) !important;
}

checkbox[checked="true"]:hover > .checkbox-check {
  -moz-image-region: rect(24px, 24px, 36px, 12px);
}

checkbox[checked="true"]:active > .checkbox-check {
  -moz-image-region: rect(36px, 24px, 48px, 12px);
}