/* form-layout */
.form-layout { /* margins & paddings already = 0 */
	
}

.form-layout fieldset {
	margin-bottom: 1em;
	border-width: 1px;
}

.form-layout legend {
	font-weight: bold;
	font-size: 1.35em;
	padding: 0.25em;
}

.form-layout ol {
	margin: 0;
	padding: 0;
}

.form-layout fieldset>ol {
	padding-left: 0.5em; /* line it up with the legend text */
}

.form-layout ol li {
	list-style: none;
	padding: 0.5em 0.5em 0.5em 0;
	margin: 0 0 0.5em 0;
}

.form-layout ol li label {
	font-weight: bold;
	display: inline-block;
	width: 160px;
}

.form-layout ol li label.label-float {
	float: left;
}

.form-layout label.required::after {
	content: " *";
	color: red;
}

.form-layout .data-input-indent {
	margin-left: 161px;
	margin-top: 0;
}

.form-layout .li-radios>label {
	float: left;
	margin-top: 0.51em;
}

.form-layout ul.list-text {
	list-style-type: disc;
}

.form-layout ul.list-text li {
	list-style-type: disc;
	padding: 0.1em 0.75em 0.1em 0;
	margin: 0;
	font-size: 0.9em;
}

.form-layout ol li .richtext {
	width: 98%;
}

.form-layout ol li label.large {
	width: 250px;
}

.form-layout ol li label.no-width {
	width: auto;
}

.lt-ie8 {
	display: inline;
	zoom: 1;
}

.form-layout input,.form-layout select,.form-layout textarea {
	font-size: inherit;
	font-family: inherit;
	outline: none;
	padding: 0.5em 0.5em;
	border-width: 1px;
	border-style: solid;
	border-color: silver;
	background-color: #F9F9F9;
}

.form-layout input {
	width: 75%; /* match the select box's width */
	max-width: 265px;
}

.form-layout input.input-size-large {
	max-width: 75%;
}

.form-layout .input-size-date {
	background-image:
		url("/Sectors/PII/PII.nsf/images/icon-date-picker.png");
	background-position: 95% center;
	background-repeat: no-repeat;
	width: 10em;
}

.form-layout select {
	width: auto;
	min-width: 70px;
	max-width: 300px;
}

.form-layout textarea {
	width: 75%;
}

.form-layout .input-hidden {
	display: none;
}

.form-layout input.required,.form-layout textarea.required,.form-layout select.required,.form-layout input:valid
	:required,.form-layout textarea:valid :required 
		.form-layout select:valid :required {
	background-color: #FFFFFF;
	border-color: #C9C9C9; /* #aadaf0 ; */
}

.div-radio-box.required,.div-check-box.required {
	border-color: #C9C9C9;
}

.form-layout input:focus,.form-layout textarea:focus,.form-layout select:focus
	{
	background: #FFFFFF;
	border-color: orange;
}

.form-layout input.error,.form-layout textarea.error,.form-layout select.error
	{
	border: 1px solid red !important; /* #FFAA00 ; */
}

/* placeholder - mimic html5's placeholder style */
.placeholder {
	color: #aaa;
}

/* radios / checkboxes */
.form-layout .input-radio-box {
	padding: 0.5em 0.5em 0.5em 1em;
	border-width: 1px;
	background-color: #FAFAFA;
	display: inline-block;
	margin-left: 2%;
	margin-right: 2%;
	max-width: 96%;
	/*margin-top: 1em ;*/
}

.form-layout .input-radio-box label {
	margin: 0.45em 0.15em;
	width: auto;
	font-weight: normal;
}

.form-layout .input-radio-box.wide-box,.form-layout .input-radio-box.two-columns
	{
	width: 96%; /* force the width to go max */
}

.form-layout .input-radio-box.two-columns label {
	width: 49%;
}

.form-layout .input-radio-box.wide-box label {
	text-indent: -1.3em;
	padding-left: 1.5em;
}

.form-layout input[type=radio],.form-layout input[type=checkbox] {
	width: auto;
	background: none;
	border: 0; /* turn off radio/check input box borders */
	vertical-align: middle;
	/* vertical-align + margin-top are for positioning radio/check input boxes with label text */
	margin-top: -2px;
	margin-right: 5px;
	padding: 0;
}

.touch 	.form-layout input[type=radio]:checked,.touch .form-layout input[type=checkbox]:checked
	{
	width: 1.25em;
	height: 1.25em;
	background: green;
}

/* validation - clean & error */
.form-layout input.required.clean {
	border-color: #8dc500; /* lime-greenish */
}

.container-textarea {
	border-width: 1px;
	border-color: transparent; /* editor has border color... */
}

.container-textarea.error,.Xdiv-radio-box.error,.input-radio-box.error {
	border: 1px solid red; /* #FFAA00 ; */
}

.container-textarea.clean,.xdiv-radio-box.clean,.input-radio-box.clean {
	border-color: #8dc500;
}

.validate-results {
	display: inline-block;
}

.validate-results.fr {
	float: right;
}

xdiv.clean,xdiv.error,.validate-results.error,.validate-results.clean {
	margin-left: 10px;
	padding-left: 10px;
	line-height: 30px;
	
}


.validate-results.error i,
.validate-results.clean i {
	font-size: 2em;
}

xdiv.clean,.validate-results.clean {
	color: green;
}

div.error {
	color: red;
}

/* button styles */
.form-layout button,.form-layout input[type="button"],.form-layout input[type="submit"]
	{
	width: auto;
	max-width: 90%;
	font-size: 1em;
	font-family: inherit;
	outline: none;
	background-color: #71b744;
	color: white;
	font-weight: bold;
	padding: 0.75em 1.25em;
	border: 1px solid #71b744;
	margin-left: 0.6em;
	margin-right: 0.6em;
}

.form-layout button:hover :enabled,.form-layout submit:hover :enabled,.form-layout input[type=submit]:hover
	:enabled,.form-layout input[type=button]:hover :enabled,.form-layout button:focus
	:enabled,.form-layout submit:focus :enabled,.form-layout input[type=submit]:focus
	:enabled,.form-layout input[type=button]:focus :enabled {
	background-color: #FFBF00; /* amber */
	border-color: #FFBF00;
	color: white;
}

.form-layout button:disabled,.form-layout submit:disabled,.form-layout input[type=submit]:disabled,.form-layout input[type=button]:disabled
	{
	background-color: silver;
	border-color: #d9d9d9;
}

.form-layout .read-only {
	background-color: #CCCCCC; /* FFFFFF ; */
}

.form-layout input.read-only:focus {
	background-color: #CCCCCC;
}

.form-layout input[type="button"].read-only {
	background-color: #CCCCCC;
	border-color: #CCCCCC;
}

.form-layout ol.list-bullets,.form-layout ol.list-bullets li {
	list-style: disc;
}

.form-layout ol.list-bullets {
	margin-left: 2.65em;
}

.saved-changes {
	font-size: 1.5em;
	margin: 1em;
	color: green;
}

p.error {
	font-size: 1.5em;
	margin: 1em;
	color: red;
}

.processing {
	margin: 3em;
}

.form-mini {
	margin-top: 2em;
	border-width: 1px;
	border-style: solid;
	border-color: silver;
	padding: 1em;
}

.form-mini textarea {
	width: 100%;
	height: 10em;
}

.form-mini h5 {
	margin-bottom: 0.751em;
}

.xform-mini .input-radio-box {
	margin-top: 0;
	margin-bottom: 1.2em;
	margin-left: 0;
}

.btnEdit {
	background: url("/Ibec/FHS/FHS.nsf/images/icons/icon-edit.png");
}