/****
		dijit.form.TextBox
		dijit.form.ValidationTextBox
		dijit.form.SerializableTextBox
		dijit.form.RangeBoundTextBox
		dijit.form.NumberTextBox
		dijit.form.CurrencyTextBox
		dijit.form.NumberSpinner
		dijit.form.ComboBox (partial)
 ****/

.infoterre .dijitInputField INPUT,
.infoterre .dijitTextBox,
.infoterre .dijitComboBox,
.infoterre .dijitSpinner {
	margin: 0em 0.1em;
}

.infoterre .dijitTextBox,
.infoterre .dijitComboBox,
.infoterre .dijitSpinner,
.infoterre .dijitTextArea {
	font-family: sans-serif;
	font-size: 100%;
}

.infoterre .dijitTextArea {
	padding: 3px;
}

.infoterre .dijitTextBox,
.infoterre .dijitComboBox,
.infoterre .dijitSpinner,
.infoterre .dijitTextArea,
.infoterre .dijitInlineEditor input {
	/* 	For all except dijit.form.NumberSpinner:  the actual input element.
		For TextBox, ComboBox, Spinner: the div that contains the input.
		Otherwise the actual input element.
	*/
	background:#fff url("../images/validationInputBg.png") repeat-x top left;
	#background:#fff url('../images/validationInputBg.gif') repeat-x top left;
	border:1px solid #b3b3b3;
	line-height: normal;
}

.infoterre .dijitTextBoxDisabled,
.infoterre .dijitComboBoxDisabled,
.infoterre .dijitSpinnerDisabled,
.infoterre .dijitTextAreaDisabled {
	color: gray;
}
.dj_webkit .infoterre .dijitTextBoxDisabled,
.dj_webkit .infoterre .dijitComboBoxDisabled,
.dj_webkit .infoterre .dijitSpinnerDisabled,
.dj_webkit .infoterre .dijitTextAreaDisabled {
	color: #eee;
}

/* ComboBox specifix rules*/
.infoterre .dijitComboBox .dijitInputField {
	padding: 1px 0;
}

.infoterre .dijitComboBox .dijitButtonNode {
	padding: 1px 0.2em;
}
.infoterre .dijitComboBox .dijitButtonNode,
.infoterre .dijitSpinner .dijitButtonNode {
	/* line between the input area and the drop down button */
	border-color: #9b9b9b;
	border-width: 0px 0px 0px 1px;
	border-style: solid;
}

.infoterre .dijitTextBoxFocused,
.infoterre .dijitComboBoxFocused,
.infoterre .dijitSpinnerFocused, .infoterre .dijitSpinnerUpArrowActive, .infoterre .dijitSpinnerDownArrowActive,
.infoterre .dijitTextAreaFocused {
	/* input field when focused (ie: typing affects it) */
	border-color:#406b9b;
}
.infoterre .dijitComboBoxFocused .dijitButtonNode,
.infoterre .dijitSpinnerFocused .dijitButtonNode,
.infoterre .dijitSpinnerUpArrowActive .dijitButtonNode,
.infoterre .dijitSpinnerDownArrowActive .dijitButtonNode {
	border-left-color:#366dba;
}
.infoterre .dijitSpinnerFocused .dijitDownArrowButton,
.infoterre .dijitSpinnerUpArrowActive .dijitDownArrowButton,
.infoterre .dijitSpinnerDownArrowActive .dijitDownArrowButton {
	border-top-color:#366dba;
}

.infoterre .dijitError {
	background-color:#f9f7ba;
	background-image:none;
}
.dj_ie6 .infoterre .dijitError INPUT {
	/* background-color: transparent on an <input> doesn't work on IE6 */
	background-color:#f9f7ba !important;
}

.infoterre .dijitErrorFocused {
	background-color:#f9f999;
	background-image:none;
}
.dj_ie6 .infoterre .dijitErrorFocused INPUT {
	/* background-color: transparent on an <input> doesn't work on IE6 */
	background-color:#f9f999 !important;
}

/* Validation errors  */
.infoterre .dijitValidationIcon {
	/* prevent height change when widget goes from valid to invalid state */
	width: 16px;
	background: transparent url('../images/warning.png') no-repeat center center;
}



/* inline edit boxen */
.infoterre .dijitInlineValue {
	/* span around an inline-editable value when NOT in edit mode */
	padding:3px;
	margin:4px;
}


/* MOW: trying to get this to look like a mini-dialog.  Advised? */
.infoterre .dijitInlineEditor {
	/* fieldset surrounding an inlineEditor in edit mode */
	display: inline-block;
	display: -moz-inline-stack;
	#display:inline;
	/*
	border-style: solid;
	border-color: #7788a0 #344257 #344257 #7788a0;
	border-width:1px 2px 2px 1px;
	-moz-border-radius:0px 2px 0px 2px;	make BL and TR corners indent on Moz so it looks like we have a shadow
	background-color:white;
	*/
}

.dijitInlineEditor .saveButton,
.dijitInlineEditor .cancelButton {
	margin:3px 3px 3px 0px;
}

.RichTextEditable {
	border:1px solid #bfbfbf;
	border-top:0;
}

/*
 * IE6: can't display PNG images with gradient transparency.
 * Want to use filter property for those images, but then need to specify a path relative
 * to the main page, rather than relative to this file... using gifs for now
 */

/* The highlight is shown in the ComboBox menu. */
.infoterre .dijitComboBoxHighlightMatch {
	background-color:#a5beda;
}


.infoterre .dijitFocusedLabel {
	/* for checkboxes or radio buttons, hatch border around the corresponding label, to indicate focus */
	outline: 1px dotted #666666;
}