/* X Form */
.XFormWithBorder {
	background-color: #f0f0f0;
	border-collapse: collapse;
	border: solid 3px #c0c0c0;
}

.XFormBorderless {
	background-color: #f0f0f0;
	border-collapse: collapse;
}

.XFormEmpty {
	background-color: #f0f0f0;
	padding: 5px;
}

.XFormRequiredMsg {
	font-size: 11px;
	padding: 4px;
}

.XFormButtonRow {
	text-align: center;
	padding: 2px 0;
}

.XFormButton {
	padding: 0 8px;
}

.XFormBody {
	padding: 2px 0;
}

/* X Form Row */
.XFormBorderedRowOut {
	padding: 2px 4px;
}

.XFormBorderedRowIn {
	border: solid 1px #a0a0a0;
}

.XFormRowHeadingLabel, .XFormRowHeadingHelp, .XFormRowHeadingButton {
	background-color: #f0f0f0;
	font-size: 1.1em;
}

.XFormRowHeadingLabel {
	color: #333333;
	padding: 5px 0px 5px 5px;
	text-align: left;
	vertical-align: middle;
	width: 99%;
	font-weight: bold;
}

.XFormRowHeadingHelp {
	width: 99%;
	text-align: right;
}

.ui-dialog-titlebar {
	background-color: transparent;
	border: none;
}

.XFormRowHeadingButton {
	padding: 3px;
	text-align: right;
	vertical-align: middle;
	width: 1%;
}

.XFormFieldRowHighlighted {
	background-color: #fffff0;
}

/* X Form Columns */
.XFormRowColumn {
	padding: 4px;
}

/* X Field */
.XFormFieldNotFirst {
	border-top: solid 1px #b0b0b0;
}

.XFormFieldLabel {
	white-space: nowrap;
	padding: 6px 5px 5px 5px;
	font-weight: bold;
	color: #404040;
	vertical-align: top;
}

tr.XFormFieldRowHighlighted > td.XFormFieldLabel,
tr.XFormFieldRowHighlighted > td.XFormFieldValue,
tr.XFormFieldRowHighlighted > td.XFormFieldValueText,
tr.XFormFieldRowHighlighted > td.XFormFieldHelp {
	border-top: solid 1px crimson;
	border-bottom: solid 1px crimson;
}

tr.XFormFieldRowHighlighted > td.XFormFieldLabel {
	border-left: solid 1px crimson;
}

tr.XFormFieldRowHighlighted > td.XFormFieldHelp {
	border-right: solid 1px crimson;
}

.XFormFieldValue {
	padding: 3px 5px 3px 5px;
	vertical-align: top;
}

.XFormFieldValueText {
	padding: 6px 5px 5px 5px;
	vertical-align: top;
}

.XFormFieldHelp {
	padding: 3px 5px 0 5px;
	vertical-align: top;
}

.XFormFieldHelpButton {
	margin: 0 4px;
}

.XFormFieldCheckbox {
	padding: 0px !important;
}

/* X Field: Heading */
.XFormHeadingLabel {
	font-weight: bold;
	font-size: 1.25em;
	color: #404040;
	padding: 9px 1px 5px 4px;
}

.XFormHeadingHelp {
	padding: 2px 3px;
}

/* X Field: Survey */
.XFieldSurveyAgreeCell1_1 {
	padding: 0 15px;
}

.XFieldSurveyAgreeCell2_1, .XFieldSurveyAgreeCell2_2, .XFieldSurveyAgreeCell2_3 {
	color: #666666;
	white-space: nowrap;
}

.XFieldSurveyAgreeCell2_1 {
	padding: 0 0 2px 4px;
}

.XFieldSurveyAgreeCell2_2 {
	text-align: center;
	padding-right: 15px;
}

.XFieldSurveyAgreeCell2_3 {
	text-align: right;
	padding: 0 4px 2px 0;
}

.XFieldSurveyAgreeRbl {
	border-style: none;
}

.XFieldSurveyAgreeRbl td {
	white-space: nowrap;
}

.XFieldAlert {
	padding: 3px 0;
	font-weight: bold;
	background-color: orangered;
	color: white;
	-webkit-animation: XFieldAlertAimation 2s linear 0 infinite alternate;
	animation: XFieldAlertAimation 2s linear 0 infinite alternate;
}

@-webkit-keyframes XFieldAlertAimation {
	from {
		background-color: orangered;
	}

	to {
		background-color: black;
	}
}

@keyframes XFieldAlertAimation {
	from {
		background-color: orangered;
	}

	to {
		background-color: black;
	}
}

/* force wrapping in pre tags in html fields, e.g. XCMS email bodies */
pre {
	white-space: pre-wrap;
}