/* XUL ELEMENTS */

/* values = margin, padding. Padding doesn't work yet */
checkbox { margin: 5px 3px }

tristatecheckbox {
 /* DOESN'T WORK! */
  margin-top: 3px;
  margin-bottom:3px;
  margin-left: 2px;
  margin-right: 2px;
  border-style: inset;
  background-color: #ffffff;
  valign: center;
  align: center;
}

select.combobox {
  font-family: Sans-Serif;
  font-size: 8pt;
  border-top: 2px;
  border-left: 4px;
  border-right: 2px;
  border-style: outset;
}

select.SpellCheckList, select.SpellCheckLanguage, input.SpellCheckWord {
  width: 20em;
  border-style: inset;
	background-color: #CCCCCC; /* not working on Macintosh */ 
}

.checkboxtext {
  margin-top: -9px;
  margin-left: 3px;
  margin-right: 5px;
  margin-bottom: 2px;
}

radio { margin: 5px 3px }

tree  {
	display: table;
	background-color: #000000;
	border: none;
	border-spacing: 0px;
	border-collapse: collapse;
	width: 100%;
}

/* HTML ELEMENTS */
table { cell-spacing: 5px; }
td, table { border: 0px;}

/* Force all rows to line up cell contents at the top */
tr { vertical-align: top }

/* Use this to override the default vertical centering */
.vcenter { vertical-align: middle }

tr[show=0] { display: none }
tr[show=1] { display: table-row }


p, br {
  margin-top: 4px;
  margin-bottom: 4px
}

p.smallmargin { margin-bottom: 2px } /* should deprecate in favor of labels */

fieldset {
  /* override XUL.css margin */
  margin: 0px;
	border: 2px groove white;
  padding: 5px;
/* BUG: If this is set, border is chopped off at the right */
/*  margin: 5px; */
  text-align: left;
}

legend {
  border: none:
  margin-left: 3px;
  margin-right: 3px;
  text-align: left;
}

label[class="enabled"] {
  color: black;
  margin-bottom: 2px
}

label[class="disabled"] {
  color: gray;
  margin-bottom: 2px
}

/* CLASSES */
/* Use these primarily with TD to create 3D "panels" */
.GrooveBorder { border: 2px groove; padding: 5px }

.RidgeBorder { border: 2px ridge; padding: 5px  }

.OutsetBorder { border: 1px outset; padding: 5px  }

.InsetBorder { border: 1px inset; padding: 5px  }

.spaced { 
/* BUG - Setting size doesn't work?
  width: 80px;
  height: 20px;
*/
  margin: 5px;
}

button.ChooseFile {
  margin-left: 5px;
  margin-bottom: 3px;
  margin-right: 5px;
}

.tableCenterAlign {
  vertical-align: middle;
}

.genericbutton {
  width: 80px;
  height: 20px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.spacedtext {
  margin-top: 0px;
  margin-left: 3px;
  margin-right: 5px;
  margin-bottom: 2px;
}

input[type="file"] {
  font-family: Sans-Serif;
  font-size: 8pt;
}

titledbutton.PixelOrPercent {
  margin-left: 0px;
/* THIS SHOULD BE CHANGED TO MATCH THE LONGER 
   STRING WHEN LOCALIZED: "Percent" or "Pixels"
   This takes some experimentation,
   since number of chars. over estimates required width*/
  width: 6em;
}

titledbutton.SizeToCell {
  width: 100%;
}

titledbutton.CloseButton {
  width: 100%;
  margin-top: 10px;
}

titledbutton.MsgButton {
  min-width: 6em;
  margin: 5px;
}

hr {
  height: 2px;
}
