.parus8 .dijitButtonNode {
  /* enabled state - inner */
  border: 1px solid #8BA0BD;
  border-bottom: 1px solid #657C9C;
  padding: 0.1em 0.2em 0.2em 0.2em;
  background: #BCD5F0 url("../images/buttonEnabled.png") repeat-x top left;
}
.parus8 .dijitSelect .dijitButtonContents {
  border-right: none;
}
.parus8 .dijitButtonText {
  text-align: center;
  padding: 0 0.3em;
}
.parus8 .dijitArrowButton {
  color: #111111;
}
.parus8 .dijitComboButton .dijitDownArrowButton {
  padding-right: 4px;
}
.parus8 .dijitTextBoxReadOnly,
.parus8 .dijitTextBoxReadOnly .dijitButtonNode,
.parus8 .dijitButtonDisabled .dijitButtonNode,
.parus8 .dijitToggleButtonDisabled .dijitButtonNode,
.parus8 .dijitDropDownButtonDisabled .dijitButtonNode,
.parus8 .dijitComboButtonDisabled .dijitButtonNode,
.parus8 .dijitTextBoxDisabled,
.parus8 .dijitTextBoxDisabled .dijitButtonNode {
  /* disabled state - inner */
  border-color: #40407F #40407F #40407F #40407F;
  background: #C3D3E5 url("../images/buttonDisabled.png") top repeat-x;
  opacity: 0.60;
  color: #101010;
}
.parus8 .dj_ie6 .dijitReadOnly INPUT,
.parus8 .dj_ie7 .dijitReadOnly INPUT,
.parus8 .dj_ie6 .dijitComboButtonDisabled .dijitButtonText,
.parus8 .dj_ie7 .dijitComboButtonDisabled .dijitButtonText {
  /* opacity doesn't work on table node in IE, work around here */
  color: #101010;
}
.parus8 .dijitButtonHover .dijitButtonNode,
.parus8 .dijitButtonNodeHover,
.parus8 .dijitToggleButtonHover .dijitButtonNode,
.parus8 .dijitDropDownButtonHover .dijitButtonNode,
.parus8 .dijitButtonContentsHover,
.parus8 .dijitUpArrowButtonHover,
.parus8 .dijitDownArrowButtonHover {
  /* hover state - inner */
  /* TODO: change from Hover to Selected so that button is still highlighted while drop down is being used */
  color: #243C5F;
  background: #ACC5E2 url("../images/buttonHover.png") repeat-x top left;
}
.parus8 .dijitButtonActive .dijitButtonNode,
.parus8 .dijitToggleButtonActive .dijitButtonNode,
.parus8 .dijitDropDownButtonActive .dijitButtonNode,
.parus8 .dijitComboButtonActive .dijitButtonContents,
.parus8 .dijitStackController .dijitToggleButtonChecked .dijitButtonNode {
  /* active state - inner (for when you are pressing a normal button, or
	 * when a radio-type button is in a depressed state
	 */
  border-color: #657C9C;
  background: #91B4E5 url("../images/buttonActive.png") top left repeat-x;
}
.parus8 .dijitUpArrowButtonActive,
.parus8 .dijitDownArrowButtonActive {
  /* same as above except don't adjust border color (it's controlled by the containing Spinner/ComboBox) */
  background: #91B4E5 url("../images/buttonActive.png") top left repeat-x;
}
.parus8 .dijitComboButton .dijitDownArrowButtonHover .dijitArrowButtonInner {
  background-image: url("../images/spriteArrowsHover.png");
}
.parus8 .dijitSelect.dijitHover .dijitButtonNode .dijitArrowButtonInner {
  background-image: url("../images/spriteArrowsHover.png");
}
.parus8 .dijitButtonNode .dijitArrowButtonInner {
  background-image: url("../images/spriteArrows.png");
  background-repeat: no-repeat;
  background-position: 0 center;
  height: 16px !important;
}
.parus8 .dijitComboBox .dijitArrowButtonInner {
  background-position: 0 center;
}
.parus8 .dijitLeftArrowButton .dijitArrowButtonInner {
  background-position: -11px center;
}
.parus8 .dijitUpArrowButton .dijitArrowButtonInner {
  background-position: -22px center;
}
.parus8 .dijitRightArrowButton .dijitArrowButtonInner {
  background-position: -33px center;
}
.parus8 .dj_ie6 .dijitArrowButtonInner {
  background-image: url("../images/spriteArrows.gif");
}
.parus8 .dj_ie6 .dijitHover .dijitArrowButtonInner {
  background-image: url("../images/spriteArrowsHover.gif");
}
.parus8 .dj_ie .dijitSpinner .dijitUpArrowButton .dijitArrowButtonInner {
  margin-top: 1px;
  /* image has too many blank pixels on top */
}
.parus8 .dijitSpinnerButtonContainer {
  width: auto;
  padding: 0;
}
.parus8 .dijitSpinner .dijitArrowButton {
  width: 15px;
}
.parus8 .dijitSpinner .dijitSpinnerButtonInner {
  width: 15px;
}
.parus8 .dijitSpinner .dijitArrowButtonInner .dijitInputField {
  padding: 0;
}
