/* for front-end and view & use form display */

@media print{
	button,input,select{font-size:1em;}
}

h1,h2,h3,h4,h5,h6{ line-height:1em; }

.formPage  {
	margin-bottom: 2em;
	display:none;
/*	overflow:auto;*/
}

.prevPage, .nextPage, .submitBtn, .userConfirmation, .hydraulics{display:none;}

.pageControls, .saveForLaterPanel{padding:1.5em 0 0 1em; clear:both;}

.formPageDesc, .alertMsg, .debugRow, #debugConsole, .userNote {
	border-color: #3f6c4a;
	border-width: 1px;
	border-style: dashed;
	margin: .5em;
}

div#debugConsole {
	display:none;
	width: 400px;
	float: left;
	height: auto;
	overflow-y: hidden;
}

div.saveForLaterEmail{
	display:none;
}

fieldset{
	border: 0pt none ; 
}

.targetForm{
	min-height:35px;
}

.elementRow{
	clear:both;
	margin:.5em 0;
}

.elementColumn{ float:left; margin-right:.5em; }

.elementContainer{
	position:relative;
	padding:.5em;
	float:left;
	width:95%;
}

div.groupLabel{  }
div.descText{ color:#666; }

.elementContainer label{ display:block; }

/*horizontally aligned checkboxes/radio buttons*/
label.horizontal{ display:inline; white-space:nowrap; }

/* Left aligned labels */

.labelLeft .elementContainer label, .labelLeft .elementContainer .groupLabel{ margin-right:1%; width:19%; float:left; text-align:right; *margin-right:0.5em; }
.labelLeft .elementContainer .groupLabel label{ width:auto; }
.labelLeft .labelXtra{ display:block; }
.labelLeft .elementBody{ float:left; width:79%; margin-left:1%; }
.labelLeft .elementContainer input{ display:block; }

.labelLeft .elementContainer fieldset label{ width:auto; text-align:left; float:none; } /*checkbox/radio fieldsets should obey element controls*/
.labelLeft .elementContainer fieldset input{ display:inline !important; float:none !important; }

/*column treatment*/
.labelLeft .elementColumn .elementContainer label, .labelLeft .elementColumn .elementContainer .groupLabel{ width:auto; } /*labels in columns only float left if there is room*/ 


/* Tooltips */
.toolTip{color:#666;display:block;}

/* Top Label + Right aligned tooltips */
.toolTipRight .toolTip{ display:inline; }
.toolTipRight fieldset{ display:inline; }

/*Left aligned labels plus tooltip align right*/
.labelLeft.toolTipRight .toolTip{ display:block; float:left; }
.labelLeft.toolTipRight .elementContainer input, 
.labelLeft.toolTipRight .elementContainer textarea, 
.labelLeft.toolTipRight .elementContainer select{ display:block; float:left; margin-right:.5em; }
.labelLeft.toolTipRight .elementContainer fieldset{ display:block; float:left; width:auto; }

/*Show tooltips on mouseover*/
.toolTipHover .toolTip{ display:none; padding:.5em; background:#ffee66; position:absolute; z-index:99999; }

/* This has been moved to a JS function to be compatible with older browsers */
/*.toolTipHover .elementContainer:hover .toolTip{ display:block; }*/

.pageControls{padding-top:1em;border-top:1px solid #ccc;}

.userConfirmation{ margin:.5em 0 2em 0; }
.userConfirmationEmail{ margin-left:2em; }

.valFail{background-color:#ffee66;}

/*label.required:after {
	content: '*';
	display:inline;
}*/

.autoclear:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden}
.autoclear{display:inline-block}
* html .autoclear{height:1px}
.autoclear{display:block}