/* stylesheet for XUL <checkbox> element */

/* default checkbox for dialogs */

/* outer checkbox frame */
  checkbox 
    {
      margin: 3px 5px 3px 5px;
    }

/* checkmark outer frame */
  checkbox > .internal-box > .checkmark-box 
    {
      border: 1px inset #CCD0DD;
      background-color: transparent;
      margin-top: 2px;
      margin-right: 4px;
      padding: 1px; 
    }

  checkbox[disabled="true"] > .internal-box > .checkmark-box,
  checkbox[disabled="true"]:hover > .internal-box > .checkmark-box 
    {
      border: 1px inset #CCD0DD;
    }
    
/* checkmark inner frame */
  checkbox > .internal-box > .checkmark-box > .checkbox-check 
    {
      width: 8px;
      height: 8px;
      list-style-image: none;
    }
  
  checkbox[checked="true"] > .internal-box > .checkmark-box > .checkbox-check 
    {
      list-style-image: url(chrome://global/skin/check-check.gif);
    }
    
  checkbox[checked="true"][disabled="true"] > .internal-box > .checkmark-box > .checkbox-check
    {
      list-style-image: url(chrome://global/skin/check-check-disabled.gif);
    }  

  checkbox > .internal-box > .checkbox-icon 
    {
      list-style-image: inherit;
    }
    
/* checkmark label/icon frame */
  checkbox[value] > .internal-box > html
    {
      margin: 0px 0px 0px 4px;
      padding: 1px;
    }

  checkbox[disabled="true"][value] > .internal-box > html 
    {
      color: #999999;
    }
    
  checkbox:focus > .internal-box > html 
    {
      border              : 1px dotted black;
      padding             : 0px;
    }