/* Form Sections ======================================================================== */







/* Fieldset  */



fieldset {



	margin: 20px 20px 20px 20px;



	padding: 15px 10px;



	background-color:#FAFAFA;



	border-left: 1px solid #bbb;



	border-right: 1px solid #bbb;	



	overflow: auto;



}



legend {



	padding: 2px 5px;



	color: #000077;



	font-weight: bold;



}



/* Nested Fieldset  */



fieldset fieldset  {



	background-color:#FFF;



	border: 1px solid #ccc;



}



fieldset fieldset legend {



	font-size: 90%;



}



/* Inline Section */



.inlineSection {



	overflow: auto;



	width: 100%;	



}











/* Combo Label + Input Field =========================================================== */



form .oneField {



	margin: 6px 0;



	display: block;



	vertical-align: middle;



}



form .inlineSection .oneField {



	margin-right: 2px;



	white-space: nowrap;	



	display: inline;



}



/* Ties together a label and its checkbox or radio */



form .oneChoice {



	white-space: nowrap; 	



}







/* Field Labels ======================================================================== */







/* Base */



label, form .label {	



	color: #333;



	margin: 0;



}



/* Text inputs / Select label */



label.preField {



	display: -moz-inline-box;



	display: inline-block;	



	margin: 0.6em 4px 0 0;



	padding: 0 2px;



	min-width: 12em;



}











/* Radio / Checkbox group label */



form .label  {



	display: block; 



	margin: 0.6em 4px 0 0;



	padding: 2px;



}







/* Label when inside an inline section */



form .inlineSection .oneField .inlineLabel {



	display: -moz-inline-box;



	display: inline-block;	



	margin: 0.6em 4px 0 0;



	padding: 0 2px;



	min-width: 7em;



	white-space: normal;



}















/* Inputs ======================================================================== */







textarea {



	padding: 0;



	vertical-align: top;



	margin: 2px 2px 1px 0;



}











.inlineSection .oneField select {



	margin: 0 2px 1px 0 !important;



}



.gridSection select  {



	margin: 0 !important;



}







/* Buttons ======================================================================= */







form .actions {







	text-align: center;



}















/* Asterisk on required fields */



form .reqMark {



	color: #F00;



	padding: 0 4px;



}







/* Field w/ a validation error */



form .errFld {



	padding: 1px;



	border: 1px solid #F00;



}



/* Styling for message associated with a validation error. */



form .errMsg {	



	color: #CC3333 !important;



	display: block;



}



/* Field-Hint with focus */



form .field-hint {



	position: absolute;



	width: 180px;



	z-index: 50;



	background-image: url(http://www.epbr.net/images/hint_topborder.gif);



	background-repeat: no-repeat;



	background-position: left top;	



	padding: 14px 0 0 0;



	margin:  2px 0 0 10px;



	color: #000;



}



form .field-hint div {



	background-color: #fffbb8;



	border-left: 1px solid #ffc20d;



	border-right: 1px solid #ffc20d;



	border-bottom: 1px solid #ffc20d;



	padding: 4px



}



/* Field-Hint without focus */



form .field-hint-inactive {



	visibility: hidden;



	position: absolute;



}











/* Links generated by the Repeat Behavior */



form .duplicateLink {



	display: block;



	float:right;



	margin: -25px 292px 0px 0px;



	line-height: 260%;



	color: #5C594E;



}



form .removeLink {



	display: block;



	float:right;



	margin: -25px 297px 0px 0px;







	line-height: 260%;



	color: #CC3300;



}



form td .duplicateLink, form td .removeLink  {



	margin: 0;



	line-height: 100%;



}



/* IE Fix Links generated by the Repeat Behavior */











*html form .duplicateLink {



	display: block;



	float:right;



	margin: -25px 177px 0px 0px;



	line-height: 260%;



	color: #5C594E;



}



*html form .removeLink {



	display: block;



	float:right;



	margin: -25px 180px 0px 0px;







	line-height: 260%;



	color: #CC3300;



}



*html form td .duplicateLink, form td .removeLink  {



	margin: 0;



	line-height: 100%;



}











/* Switch Behavior Classes */



.onstate-a,  .onstate-b,  .onstate-c,  .onstate-d,



.onstate-e,  .onstate-f,  .onstate-g,  .onstate-h, 



.onstate-i,  .onstate-j,  .onstate-k,  .onstate-l, 



.onstate-m,  .onstate-n,  .onstate-o,  .onstate-p, 



.onstate-q,  .onstate-r,  .onstate-s,  .onstate-t,



.onstate-u,  .onstate-v,  .onstate-w,  .onstate-x,  



.onstate-y,  .onstate-z,  .onstate-aa, .onstate-ab,



.onstate-ac, .onstate-ad, .onstate-ae, .onstate-af,



.onstate-ag, .onstate-ah, .onstate-ai, .onstate-aj,



.onstate-ak, .onstate-al, .onstate-am, .onstate-an,



.onstate-ao, .onstate-ap, .onstate-aq, .onstate-ar,



.onstate-as, .onstate-at, .onstate-au, .onstate-av,



.onstate-aw, .onstate-ax, .onstate-ay, .onstate-az {



	display: block;



}



/* offstate classes for the Switch Behavior are in wforms-jsonly.css */











 



/* IE6 BUG FIXES ==================================================================== */



form {



	height:expression('1%'); /* IE Pick-a-boo bug fix */



}







form fieldset {



	position:expression('relative'); /* Fixes IE problem with fieldset+legend boundaries */



	margin-top:expression('1em');



	padding-top:expression('1.5em');



	overflow: expression('visible');



}



form fieldset legend {



	position: expression('absolute'); 



	top: expression('-.5em'); /* Fixes IE problem with fieldset+legend boundaries */



	left:expression('.5em');



}

.formdiv fieldset {



	position:expression('relative'); /* Fixes IE problem with fieldset+legend boundaries */



	margin-top:expression('1em');



	padding-top:expression('1.5em');



	overflow: expression('visible');



}



.formdiv fieldset legend {



	position: expression('absolute'); 



	top: expression('-.5em'); /* Fixes IE problem with fieldset+legend boundaries */



	left:expression('.5em');



}



form .inlineSection .oneField {



	display: expression('inline-block');		



}



label, form .label {	



	font-size: expression('90%');



}



label.preField, form .inlineSection .oneField .inlineLabel {



	width: expression('7em');



	white-space: expression('nowrap');



}



form .errMsg {



 display: inline;



}