@charset "utf-8";
/* Spry formats */
form.Compact_Default .textfieldRequiredState .textfieldRequiredMsg, 
form.Compact_Default .textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
form.Compact_Default .textfieldMinValueState .textfieldMinValueMsg,
form.Compact_Default .textfieldMaxValueState .textfieldMaxValueMsg,
form.Compact_Default .textfieldMinCharsState .textfieldMinCharsMsg,
form.Compact_Default .textfieldMaxCharsState .textfieldMaxCharsMsg {
	white-space:normal;
	width:415px;
	color:#ba6c6c;
	font-weight:bold;
	display:block;
	margin-top:3px;
	margin-left:2px;
	border-width:0;
}
form.Compact_Default .checkboxRequiredState .checkboxRequiredMsg,
form.Compact_Default .checkboxMinSelectionsState .checkboxMinSelectionsMsg,
form.Compact_Default .checkboxMaxSelectionsState .checkboxMaxSelectionsMsg {
	white-space:normal;
	width:415px;
	color:#ba6c6c;
	font-weight:bold;
	margin-top:3px;
	margin-left:2px;
	border-width:0;
}
form.Compact_Default .selectRequiredState .selectRequiredMsg,
form.Compact_Default .selectInvalidState .selectInvalidMsg {
	white-space:normal;
	width:415px;
	color:#ba6c6c;
	font-weight:bold;
	display:block;
	margin-top:3px;
	margin-left:2px;
	border-width:0;
}
form.Compact_Default .textareaRequiredState .textareaRequiredMsg,
form.Compact_Default .textareaMinCharsState .textareaMinCharsMsg,
form.Compact_Default .textareaMaxCharsState .textareaMaxCharsMsg {
	white-space:normal;
	width:415px;
	color:#ba6c6c;
	font-weight:bold;
	display:block;
	margin-top:3px;
	margin-left:2px;
	border-width:0;
}
form.Compact_Default .radioRequiredState .radioRequiredMsg,
form.Compact_Default .radioInvalidState .radioInvalidMsg {
	white-space:normal;
	width:415px;
	color:#ba6c6c;
	font-weight:bold;
	display:block;
	margin-top:3px;
	margin-left:2px;
	border-width:0;
}
form.Compact_Default .passwordRequiredState .passwordRequiredMsg,
form.Compact_Default .passwordMinCharsState .passwordMinCharsMsg,
form.Compact_Default .passwordMaxCharsState .passwordMaxCharsMsg,
form.Compact_Default .passwordInvalidStrengthState .passwordInvalidStrengthMsg,
form.Compact_Default .passwordCustomState .passwordCustomMsg {
	white-space:normal;
	width:415px;
	color:#ba6c6c;
	font-weight:bold;
	display:block;
	margin-top:3px;
	margin-left:2px;
	border-width:0;
}
form.Compact_Default .confirmRequiredState .confirmRequiredMsg,
form.Compact_Default .confirmInvalidState .confirmInvalidMsg {
	white-space:normal;
	width:415px;
	color:#ba6c6c;
	font-weight:bold;
	display:block;
	margin-top:3px;
	margin-left:2px;
	border-width:0;
}

/* The next three group selectors control the way the core element (TEXTAREA) looks like when the widget is in one of the states: * focus, required / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the TEXTAREA
 * - the widget id is placed on the TEXTAREA element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the TEXTAREA has a green background applied on it. */
form.Compact_Default .textareaValidState textarea, textarea.textareaValidState {
	background-color:#fff;
	color:#000;
	border-color:#60ba00;
}

/* When the widget has received focus, the TEXTAREA has a yellow background applied on it. */
form.Compact_Default .textareaFocusState textarea, textarea.textareaFocusState {
	background-color:#fff;
	color:#000;
	border-color:#cccccc;
}

/* This class applies only for a short period of time and changes the way the text in the textarea looks like.
 * It applies only when the widget has enforce max chars enabled and the user tries to type some more.
 */
form.Compact_Default .textareaFlashState textarea, textarea.textareaFlashState{
	color: #ff0000;
}
/* When the widget has the hint message on, the hint text can be styled differently than the user typed text. */
form.Compact_Default textarea.textareaHintState, .textareaHintState textarea{
	 color: #Ff0000;
}


/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the INPUT has a green background applied on it. */
form.Compact_Default .textfieldValidState input, input.textfieldValidState {
	background-color:#fff;
	color:#000;
	border-color:#60ba00;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
form.Compact_Default input.textfieldRequiredState, .textfieldRequiredState input, 
form.Compact_Default input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
form.Compact_Default input.textfieldMinValueState, .textfieldMinValueState input, 
form.Compact_Default input.textfieldMaxValueState, .textfieldMaxValueState input, 
form.Compact_Default input.textfieldMinCharsState, .textfieldMinCharsState input, 
form.Compact_Default input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color:#fff;
	color:#000;
	border-color:#ba6c6c;
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
form.Compact_Default .textfieldFocusState input, input.textfieldFocusState {
	background-color:#fff;
	color:#000;
	border-color:#cccccc;
}

/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character.
 */
form.Compact_Default .textfieldFlashText input, input.textfieldFlashText {
	color: #ff0000;
}

/* When the widget has the hint message on, the hint text can be styled differently than the user typed text. */
form.Compact_Default .textfieldHintState input, input.textfieldHintState {
	color: #ff0000;
}

/* select */

/* The next three group selectors control the way the core element (SELECT) looks like when the widget is in one of the states: 
 * focus, required / invalid, valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the SELECT
 * - the widget id is placed on the SELECT element itself (there are no error messages)
 */
 
/* When the widget is in the valid state the SELECT has a green background applied on it. */
form.Compact_Default .selectValidState select, select.selectValidState {
	background-color:#fff;
	color:#000;
	border-color:#60ba00;
}

/* When the widget is in an invalid state the SELECT has a red background applied on it. */
form.Compact_Default select.selectRequiredState, .selectRequiredState select,
form.Compact_Default select.selectInvalidState, .selectInvalidState select {
	background-color:#fff;
	color:#000;
	border-color:#ba6c6c;
}

/* When the widget has received focus, the SELECT has a yellow background applied on it. */
form.Compact_Default .selectFocusState select, select.selectFocusState {
	background-color:#fff;
	color:#000;
	border-color:#cccccc;
}

/* Password */

form.Compact_Default .passwordRequiredState .passwordRequiredMsg,
form.Compact_Default .passwordMinCharsState .passwordMinCharsMsg,
form.Compact_Default .passwordMaxCharsState .passwordMaxCharsMsg,
form.Compact_Default .passwordInvalidStrengthState .passwordInvalidStrengthMsg,
form.Compact_Default .passwordCustomState .passwordCustomMsg
{
	display: inline;
	color: #CC3333;
	border: 1px solid #CC3333;
}

/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid Strength / minValue / maxValue / custom invalid , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */

 /* When the widget is in the valid state the INPUT has a green background applied on it. */
form.Compact_Default .passwordValidState input, input.passwordValidState {
	background-color:#fff;
	color:#000;
	border-color:#60ba00;
}


/* When the widget has received focus, the INPUT has a yellow background applied on it. */
form.Compact_Default .passwordFocusState input, input.passwordFocusState {
	background-color:#fff;
	color:#000;
	border-color:#cccccc;
}

/* confirm */
/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required , invalid , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */

 /* When the widget is in the valid state the INPUT has a green background applied on it. */
form.Compact_Default .confirmValidState input, input.confirmValidState {
	background-color:#fff;
	color:#000;
	border-color:#60ba00;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
form.Compact_Default input.confirmRequiredState, .confirmRequiredState input, 
form.Compact_Default input.confirmInvalidState, .confirmInvalidState input
{
	background-color:#fff;
	color:#000;
	border-color:#ba6c6c;
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
form.Compact_Default .confirmFocusState input, input.confirmFocusState {
	background-color:#fff;
	color:#000;
	border-color:#cccccc;
}



form.Compact_Default span.additionalErrorZone {
	display:block;
	clear:left;
	white-space:nowrap;
}
form.Compact_Default div.errorGroup {
}
form.Compact_Default span.serverInvalidState {
	width:415px;
	color:#ba6c6c;
	font-weight:bold;
	display:block;
	white-space:nowrap;
	margin-top:3px;
	margin-left:2px;
	border-width:0;
}

/* form general definition */
form.Compact_Default {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border:1px solid #c7c7c7;
	background-color:#f5f5f5;
	padding:5px 0 0 0;
	margin:0 0 0 0;
	color:#616161;
	font-size:10pt;
	font-family:Verdana, Geneva, sans-serif;
	width:426px;
	border-radius:5px;
}
form.Compact_Default ul.Compact_Default {
  list-style-type:none;
  margin: 0;
  padding: 0;
}
form.Compact_Default ul.formList {
	padding:0 0 0 0;
	margin:0 0 0 0;
  list-style-type:none;
}
form.Compact_Default li.formItem {
	clear:both;
}
form.Compact_Default fieldset.Compact_Default {
	border:1px solid #adadad;
	padding:5px 0 0 0;
	margin:3px 3px 3px 3px;
	border-right-width:0;
	border-bottom-width:0;
	border-left-width:0;
}

/* legend */
form.Compact_Default legend.groupHeader {
	padding:5px 3px 3px 0;
	color:#000;
	font-weight:bold;
	font-size:11px;
	white-space:nowrap;
}

/* labels */
form.Compact_Default label.groupHeader {
	text-align:left;
	display:block;
	float:left;
	position:relative;
	margin-top:4px;
	margin-bottom:-2px;
}
form.Compact_Default label.sublabel {
	padding:0 0 1px 0;
	text-align:left;
	width:415px;
	display:block;
}
form.Compact_Default label.secondSublabel {
	width:auto;
}
form.Compact_Default label.sublabelPlaceholder {
}
form.Compact_Default span.requiredIndicator {
	color:#ba6c6c;
	font-weight:bold;
}
form.Compact_Default span.fieldsetDescription {
	margin:3px 3px 3px 3px;
}

/* span wrappers for form */
form.Compact_Default div.formGroup {
	display:inline;
	float:left;
}
form.Compact_Default div.lineGroup {
	clear:left;
	display:block;
}
/* defines column size */
form.Compact_Default div.wideColumnGroup {
	width:-22px;
	padding-bottom:2px;
	padding-top:2px;
	display:block;
	float:left;
}
form.Compact_Default div.fullColumnGroup {
	width:216px;
	padding-bottom:2px;
	padding-top:2px;
	display:block;
	float:left;
}
form.Compact_Default div.columnGroup {
	width:238px;
	padding-bottom:2px;
	padding-top:2px;
	display:block;
	float:left;
}
form.Compact_Default div.fieldGroup {
	padding-left:0;
	padding-right:0;
  position:relative;
	display:block;
	float:left;
}
form.Compact_Default div.fieldPair {
	display:block;
}

form.Compact_Default div.SameAsCheck_Row {
	white-space:normal;
	width:415px;
	margin-top:3px;
	margin-bottom:3px;
}

form.Compact_Default span.precedingText {
	text-align:left;
	display:block;
	white-space:normal;
	width:415px;
	font-weight: bold;
}
form.Compact_Default div.trailingText {
	color:#616161;
	white-space:normal;
	width:415px;
	margin-right:0;
	margin-left:0;
}
form.Compact_Default div.trailingText a {
	color:#616161;
}
form.Compact_Default div.trailingText div {
  background-color:#8c8c8c;
}

/* wide groups for items on a single line */
form.Compact_Default span.wideFieldGroup {
	width:100%;
	float:left;
}

/* button form elements */
form.Compact_Default span.buttonFieldGroup {
	text-align:center;
	display:block;
	float:none;
	margin-top:15px;
	margin-bottom:5px;
}
form.Compact_Default input.formButton {
	padding:2px 10px 2px 10px;
	background-color:#7a7a7a;
	color:#fff;
	font-weight:bold;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	margin: 0;
	border-width:0;
}

/* text form elements */
form.Compact_Default input.formTextfield_XSmall {
	background-color:#fff;
	color:#000;
	padding:4px 4px 4px 4px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	width:22px;
	margin:0;
	border-style:solid;
	border-width:1px;
	border-radius:3px;
	border-color:#cccccc;
}
form.Compact_Default input.formTextfield_Small {
	background-color:#fff;
	color:#000;
	padding:4px 4px 4px 4px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	width:66px;
	margin:0;
	border-style:solid;
	border-width:1px;
	border-radius:3px;
	border-color:#cccccc;
}
form.Compact_Default input.formTextfield_Medium {
	background-color:#fff;
	color:#000;
	padding:4px 4px 4px 4px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	width:100px;
	margin:0;
	border-style:solid;
	border-width:1px;
	border-radius:3px;
	border-color:#cccccc;
}
form.Compact_Default input.formTextfield_Large {
	background-color:#fff;
	color:#000;
	padding:4px 4px 4px 4px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	width:210px;
	margin:0;
	border-style:solid;
	border-width:1px;
	border-radius:3px;
	border-color:#cccccc;
}
form.Compact_Default input.formTextfield_XLarge {
	background-color:#fff;
	color:#000;
	padding:4px 4px 4px 4px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	width:210px;
	margin:0;
	border-style:solid;
	border-width:1px;
	border-radius:3px;
	border-color:#cccccc;
}

form.Compact_Default .textfieldValidState input, form.Compact_Default input.textfieldValidState {
	background-color: #B8F5B1;
}

form.Compact_Default input.textfieldRequiredState, form.Compact_Default .textfieldRequiredState input, 
form.Compact_Default input.textfieldInvalidFormatState, form.Compact_Default .textfieldInvalidFormatState input, 
form.Compact_Default input.textfieldMinValueState, form.Compact_Default .textfieldMinValueState input, 
form.Compact_Default input.textfieldMaxValueState, form.Compact_Default .textfieldMaxValueState input, 
form.Compact_Default input.textfieldMinCharsState, form.Compact_Default .textfieldMinCharsState input, 
form.Compact_Default input.textfieldMaxCharsState, form.Compact_Default .textfieldMaxCharsState input {
	background-color: #FF9F9F;
}

form.Compact_Default .textfieldFocusState input, form.Compact_Default input.textfieldFocusState {
	background-color: #FFFFCC;
}

form.Compact_Default .textfieldFlashText input, form.Compact_Default input.textfieldFlashText {
	color: red !important;
}

form.Compact_Default .textfieldHintState input, form.Compact_Default input.textfieldHintState {
	/*color: red !important;*/
}


/* textarea form elements */
form.Compact_Default textarea.formTextarea_Small {
	background-color:#fff;
	color:#000;
	padding:4px 4px 4px 4px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	width:150px;
	height:100px;
	white-space:pre;
	overflow:auto;
	margin:0;
	border-style:solid;
	border-width:1px;
	border-radius:3px;
	border-color:#cccccc;
}
form.Compact_Default textarea.formTextarea_Medium {
	background-color:#fff;
	color:#000;
	padding:4px 4px 4px 4px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	width:210px;
	height:150px;
	white-space:pre;
	overflow:auto;
	margin:0;
	border-style:solid;
	border-width:1px;
	border-radius:3px;
	border-color:#cccccc;
}
form.Compact_Default textarea.formTextarea_Large {
	background-color:#fff;
	color:#000;
	padding:4px 4px 4px 4px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	width:210px;
	height:190px;
	white-space:pre;
	overflow:auto;
	margin:0;
	border-style:solid;
	border-width:1px;
	border-radius:3px;
	border-color:#cccccc;
}
form.Compact_Default .textareaValidState textarea, form.Compact_Default textarea.textareaValidState {
	background-color:#B8F5B1;
}

form.Compact_Default textarea.textareaRequiredState, form.Compact_Default .textareaRequiredState textarea, 
form.Compact_Default textarea.textareaMinCharsState, form.Compact_Default .textareaMinCharsState textarea, 
form.Compact_Default textarea.textareaMaxCharsState, form.Compact_Default .textareaMaxCharsState textarea {
	background-color:#fff;
	color:#000;
	border-color:#ba6c6c;
}

form.Compact_Default .textareaFocusState textarea, form.Compact_Default textarea.textareaFocusState {
	background-color:#FFFFCC;
}

form.Compact_Default .textareaFlashState textarea, form.Compact_Default textarea.textareaFlashState{
	color:red !important;
}

form.Compact_Default textarea.textareaHintState, form.Compact_Default .textareaHintState textarea{
	/* color: red !important;*/
}


/* select form elements */
form.Compact_Default select.formMenufield_XSmall {
	background-color:#fff;
	color:#000;
	padding:4px 4px 4px 4px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	width:45px;
	margin:0;
	border-style:solid;
	border-width:1px;
	border-radius:3px;
	border-color:#cccccc;
}
form.Compact_Default select.formMenufield_Small {
	background-color:#fff;
	color:#000;
	padding:4px 4px 4px 4px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	width:70px;
	margin:0;
	border-style:solid;
	border-width:1px;
	border-radius:3px;
	border-color:#cccccc;
}
form.Compact_Default select.formMenufield_Medium {
	background-color:#fff;
	color:#000;
	padding:4px 4px 4px 4px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	width:122px;
	margin:0;
	border-style:solid;
	border-width:1px;
	border-radius:3px;
	border-color:#cccccc;
}
form.Compact_Default select.formMenufield_Large {
	background-color:#fff;
	color:#000;
	padding:4px 4px 4px 4px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	width:220px;
	margin:0;
	border-style:solid;
	border-width:1px;
	border-radius:3px;
	border-color:#cccccc;
}
form.Compact_Default select.formMenufield_XLarge {
	background-color:#fff;
	color:#000;
	padding:4px 4px 4px 4px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	width:220px;
	margin:0;
	border-style:solid;
	border-width:1px;
	border-radius:3px;
	border-color:#cccccc;
}

form.Compact_Default select.formListfield_XSmall {
	background-color:#fff;
	color:#000;
	padding:4px 4px 4px 4px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	width:45px;
	height:100px;
	margin:0;
	border-style:solid;
	border-width:1px;
	border-radius:3px;
	border-color:#cccccc;
}
form.Compact_Default select.formListfield_Small {
	background-color:#fff;
	color:#000;
	padding:4px 4px 4px 4px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	width:70px;
	height:100px;
	margin:0;
	border-style:solid;
	border-width:1px;
	border-radius:3px;
	border-color:#cccccc;
}
form.Compact_Default select.formListfield_Medium {
	background-color:#fff;
	color:#000;
	padding:4px 4px 4px 4px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	width:122px;
	height:100px;
	margin:0;
	border-style:solid;
	border-width:1px;
	border-radius:3px;
	border-color:#cccccc;
}
form.Compact_Default select.formListfield_Large {
	background-color:#fff;
	color:#000;
	padding:4px 4px 4px 4px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	width:220px;
	height:100px;
	margin:0;
	border-style:solid;
	border-width:1px;
	border-radius:3px;
	border-color:#cccccc;
}
form.Compact_Default select.formListfield_XLarge {
	background-color:#fff;
	color:#000;
	padding:4px 4px 4px 4px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	width:220px;
	height:150px;
	margin:0;
	border-style:solid;
	border-width:1px;
	border-radius:3px;
	border-color:#cccccc;
}
form.Compact_Default .selectValidState select, form.Compact_Default select.selectValidState {
	background-color: #B8F5B1;
}

form.Compact_Default select.selectRequiredState, form.Compact_Default .selectRequiredState select,
form.Compact_Default select.selectInvalidState, form.Compact_Default .selectInvalidState select {
	background-color: #FF9F9F;
}

.selectFocusState select, form.Compact_Default select.selectFocusState {
	background-color: #FFFFCC;
}

/* radio button form elements */
form.Compact_Default input.formRadioField_Standard {
	background-color:#fff;
	color:#000;
	padding:2px 2px 2px 4px;
	margin-top:2px;
	margin-left:2px;
	border-width:0;
	border-color:#cccccc;
}
form.Compact_Default .radioValidState input, form.Compact_Default input.radioValidState {
	background-color:#fff;
	color:#000;
	border-color:#60ba00;
}
form.Compact_Default input.radioRequiredState, form.Compact_Default .radioRequiredState input,
form.Compact_Default input.radioInvalidState, form.Compact_Default .radioInvalidState input {
	background-color:#fff;
	color:#000;
	border-color:#ba6c6c;
}
form.Compact_Default .radioFocusState input, form.Compact_Default input.radioFocusState {
	background-color:#fff;
	color:#000;
	border-color:#cccccc;
}

form.Compact_Default span.radioFieldGroup_Narrow {
	
}
form.Compact_Default span.radioFieldGroup_Wide {
	display:block;
}
form.Compact_Default span.radioFieldGroup_OneColumn {
	display:block;
}
form.Compact_Default span.radioGroup_Narrow {
	
}
form.Compact_Default span.radioGroup_Wide {
	display:block;
}
form.Compact_Default span.radioGroup_OneColumn {
	display:block;
}
form.Compact_Default label.radioSublabel_Narrow {
	width:70px;
	float:left;
	display:block;
	text-align:left;
	border-width:0;
	margin-bottom:2px;
}
form.Compact_Default label.radioSublabel_Wide {
	width:100px;
	float:left;
	display:block;
	text-align:left;
	border-width:0;
	margin-bottom:2px;
}
form.Compact_Default label.radioSublabel_OneColumn {
	display:block;
	text-align:left;
	border-width:0;
	margin-bottom:2px;
}


/* checkbox form elements */
form.Compact_Default input.SameAsCheck {
	background-color:#fff;
	color:#000;
	padding:2px 2px 2px 4px;
	margin-top:2px;
	margin-left:2px;
	border-width:0;
	border-color:#cccccc;
}
form.Compact_Default input.formCheckboxField_Standard {
	background-color:#fff;
	color:#000;
	padding:2px 2px 2px 4px;
	margin-top:2px;
	margin-left:2px;
	border-width:0;
	border-color:#cccccc;
}
form.Compact_Default .checkboxValidState input, form.Compact_Default input.checkboxValidState {
	background-color:#fff;
	color:#000;
	border-color:#60ba00;
}
form.Compact_Default input.checkboxRequiredState, form.Compact_Default .checkboxRequiredState input,
form.Compact_Default input.checkboxMinSelectionsState, form.Compact_Default .checkboxMinSelectionsState input,
form.Compact_Default input.checkboxMaxSelectionsState, form.Compact_Default .checkboxMaxSelectionsState input {
	display:block;
	background-color:#fff;
	color:#000;
	border-color:#ba6c6c;
}
form.Compact_Default .checkboxFocusState input, form.Compact_Default input.checkboxFocusState {
	background-color:#fff;
	color:#000;
	border-color:#cccccc;
}

form.Compact_Default span.checkFieldGroup_Narrow {
	display:block;
}
form.Compact_Default span.checkFieldGroup_Wide {
	
}
form.Compact_Default span.checkFieldGroup_OneColumn {
	display:block;
}
form.Compact_Default span.checkGroup_Narrow {
	display:block;
}
form.Compact_Default span.checkGroup_Wide {
	
}
form.Compact_Default span.checkGroup_OneColumn {
	display:block;
}
form.Compact_Default label.checkSublabel_Narrow {
	width:70px;
	float:left;
	display:block;
	text-align:left;
	margin-top:3px;
	border-width:0;
	margin-bottom:2px;
}
form.Compact_Default label.checkSublabel_Wide {
	width:100px;
	float:left;
	display:block;
	text-align:left;
	margin-top:3px;
	border-width:0;
	margin-bottom:2px;
}
form.Compact_Default label.checkSublabel_OneColumn {
	display:block;
	text-align:left;
	border-width:0;
	margin-bottom:2px;
}

/* confirm and password states (same as text) */
form.Compact_Default input.formPasswordfield_XSmall {
	background-color:#fff;
	color:#000;
	padding:4px 4px 4px 4px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	width:22px;
	margin:0;
	border-style:solid;
	border-width:1px;
	border-radius:3px;
	border-color:#cccccc;
}
form.Compact_Default input.formPasswordfield_Small {
	background-color:#fff;
	color:#000;
	padding:4px 4px 4px 4px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	width:66px;
	margin:0;
	border-style:solid;
	border-width:1px;
	border-radius:3px;
	border-color:#cccccc;
}
form.Compact_Default input.formPasswordfield_Medium {
	background-color:#fff;
	color:#000;
	padding:4px 4px 4px 4px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	width:100px;
	margin:0;
	border-style:solid;
	border-width:1px;
	border-radius:3px;
	border-color:#cccccc;
}
form.Compact_Default input.formPasswordfield_Large {
	background-color:#fff;
	color:#000;
	padding:4px 4px 4px 4px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	width:210px;
	margin:0;
	border-style:solid;
	border-width:1px;
	border-radius:3px;
	border-color:#cccccc;
}
form.Compact_Default input.formPasswordfield_XLarge {
	background-color:#fff;
	color:#000;
	padding:4px 4px 4px 4px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	width:210px;
	margin:0;
	border-style:solid;
	border-width:1px;
	border-radius:3px;
	border-color:#cccccc;
}

form.Compact_Default .confirmValidState input, form.Compact_Default input.confirmValidState {
	background-color: #B8F5B1;
}

form.Compact_Default input.confirmRequiredState, form.Compact_Default .confirmRequiredState input, 
form.Compact_Default input.confirmInvalidState, form.Compact_Default .confirmInvalidState input {
	background-color: #FF9F9F;
}

form.Compact_Default .confirmFocusState input, form.Compact_Default input.confirmFocusState {
	background-color: #FFFFCC;
}
form.Compact_Default .passwordValidState input, form.Compact_Default input.passwordValidState {
	background-color: #B8F5B1;
}

form.Compact_Default input.passwordRequiredState, form.Compact_Default .passwordRequiredState input, 
form.Compact_Default input.passwordInvalidStrengthState, form.Compact_Default .passwordInvalidStrengthState input, 
form.Compact_Default input.passwordMinCharsState, form.Compact_Default .passwordMinCharsState input, 
form.Compact_Default input.passwordCustomState, form.Compact_Default .passwordCustomState input, 
form.Compact_Default input.passwordMaxCharsState, form.Compact_Default .passwordMaxCharsState input {
	background-color:#fff;
	color:#000;
	border-color:#ba6c6c;
}

form.Compact_Default .passwordFocusState input, form.Compact_Default input.passwordFocusState {
	background-color: #FFFFCC;
}

/*Captcha form element*/
form.Compact_Default img.Captcha {
	margin:0 0 -5px 2px;
}

/*Datepicker form element*/
.ui-datepicker {
}
.ui-datepicker a {
}
.ui-datepicker .ui-widget-header {
}
.ui-datepicker thead th {
}

.ui-datepicker tbody td a:link,
.ui-datepicker tbody td a:visited,
.ui-datepicker tbody td a.ui-state-default {
}
.ui-datepicker tbody td a:active,
.ui-datepicker tbody td a.ui-state-active {
}
.ui-datepicker tbody td a:hover,
.ui-datepicker tbody td a.ui-state-hover {
}
.ui-datepicker tbody td a.ui-state-error:link,
.ui-datepicker tbody td a.ui-state-error:visited,
.ui-datepicker tbody td a.ui-state-error {
}
.ui-datepicker tbody .ui-state-error-text {
}

.ui-datepicker tbody td.ui-datepicker-week-end a:link,
.ui-datepicker tbody td.ui-datepicker-week-end a:visited,
.ui-datepicker tbody td.ui-datepicker-week-end a {
}
.ui-datepicker tbody td.ui-datepicker-today a:link,
.ui-datepicker tbody td.ui-datepicker-today a:visited,
.ui-datepicker tbody td.ui-datepicker-today a:hover,
.ui-datepicker tbody td.ui-datepicker-today a {
}

.ui-datepicker tbody td.ui-datepicker-week-end a:hover,
.ui-datepicker tbody td.ui-datepicker-week-end a.ui-state-hover {
}
.ui-datepicker tbody td.ui-datepicker-week-end a:active,
.ui-datepicker tbody td.ui-datepicker-week-end a:focus,
.ui-datepicker tbody td.ui-datepicker-week-end a.ui-state-active {
}

.ui-datepicker-trigger {
  border: 0;
  margin: 0 0 0 1px;
  padding: 0;
  background: none;
}

form.Compact_Default .TextOnly {
  padding-top: NaNpx;
  display: table-cell;
}
@media only screen and (max-width: 1200px) {
	form.Compact_Default ul.formList {
		margin-left: 10%;
		text-align: center;
	}
	form.Compact_Default input.formTextfield_Large {
		width: 300%;
		font-size: 1em;
	}
	form.Compact_Default textarea.formTextarea_Medium {
    background-color: #fff;
    color: #000;
    padding: 4px 4px 4px 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    width: 14em;
    height: 8em;
    white-space: pre;
    overflow: auto;
    margin: 0;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    border-color: #cccccc;
    font-size: 1em;
}
	form.Compact_Default img.Captcha {
    margin: 1em -5px 2px;
    height: 3em;
}
	form.Compact_Default label.sublabel {
    padding: 0 0 1px 0;
    text-align: left;
    width: 10em;
    display: block;
}
	form.Compact_Default span.precedingText {
    text-align: left;
    display: block;
    white-space: normal;
    width: 10em;
    font-weight: bold;
}
form.Compact_Default input.formButton {
    padding: 2px 10px 2px 10px;
    background-color: #7a7a7a;
    color: #fff;
    font-weight: bold;
    font-size: 1em;
    font-family: Verdana, Geneva, sans-serif;
    margin: 0;
    border-width: 0;
    margin: auto;
    margin-top: 1em;
    margin-left: 3.3em;
}
form.Compact_Default span.fieldsetDescription {
    display: inline-block;
    width: 7em;
	margin: 0 0 0 0;
		
}
}