﻿
/******************************************************************************************

		FORM CSS
		
   *****************************************************************************************/

form
{
	
}

.fieldFormBorderLess
{
	border-top:0px !important;
	border-bottom:0px !important;
}

.EIDResultsfieldForm
{
	/*padding: 5px 20px 20px 20px;*/
	padding: 0px 0px 15px 0px;
	/*border-top:1px solid #DCDCDC;*/
	border-bottom:1px solid #DCDCDC;
	display:block;
	/*background: #EBEBEB;*/
	overflow:hidden;
}


.fieldForm
{
	/*padding: 5px 20px 20px 20px;*/
	padding: 10px 0px 15px 0px;
	border-top:1px solid #DCDCDC;
	border-bottom:1px solid #DCDCDC;
	display:block;
	background: #EBEBEB;
	overflow:hidden;
}

.fieldForm .centerDiv
{
	padding:20px 10px 0px 20px;
	margin: 0px auto;
}

.fieldForm .floatRightDiv
{
	padding:0px 20px 0px 0px;
	float:right;
}

.fieldForm .floatRightDiv span
{
	/*display:block;	
	float:left;*/
}

.twoColumnRightLarge .fieldForm .section,
.twoColumnLeftLarge .fieldForm .section
{
	width:680px;	
}

.twoColumnRightLarge .fieldForm .smallFormContainer,
.twoColumnLeftLarge .fieldForm .smallFormContainer
{
	width:500px;	
}

.fieldForm .gridContainers
{
	width:92%;
	margin: 0 auto;	
}

.fieldForm .column
{	
	float:left;
	width:200px;
	/*width:220px;*/
	padding: 0px 20px 15px 20px;
	/*padding:0px 0px 15px 20px;*/
}

.fieldForm .fullColumn
{
	float:left;
	width:400px;
	clear:both;
	padding: 0px 20px 15px 20px;	
}

.fieldForm .fullColumn select,
.fieldForm .fullColumn input,
.fieldForm .fullColumn textarea,
.fieldForm .fullColumn select,
.fieldForm .fullColumn input,
.fieldForm .fullColumn textarea
{	
	float:left;
	clear:both;
}

.fieldForm .fullColumn label
{
	display:block;
	margin: 0px 0px 0px 25px;
}

.fieldForm .leftCol
{
	float:left;
	clear:left;
	width: 240px;
	padding: 0px 40px 15px 20px;
}

/* used when we use big twocolumn forms */
.fieldForm .rightCol
{
	float:left;
	clear:right;
}

.fieldForm .fullCol
{
	float:left;
	clear:left;
	width: 438px;
	padding: 0px 0px 0px 20px;
}

.fieldForm .fullColLargeForm
{
	float:left;
	clear:both;
	width: 100%;
	padding: 0px 0px 0px 20px;
}

.fieldForm .fullCol select,
.fieldForm .fullCol input,
.fieldForm .fullCol textarea,
.fieldForm .fullColLargeForm select,
.fieldForm .fullColLargeForm input,
.fieldForm .fullColLargeForm textarea
{	
	float:left;
	clear:both;
}

.fieldForm .column select,
.fieldForm .column input
{
	width:197px;
	/*margin:0px 0px 15px 0px;
	clear:left;
	float:left;*/
	clear:both;
}

.fieldForm .column span
{
	display:block;
	float:left;
	/*background:green;*/
	height:16px;
	/*height:0px;*/
	/*margin:0px 0px 2px 0px;*/
}

.fieldForm .column span.validation
{
	/*height:0px;*/
	position:static;
	float:right;
}


.fieldForm .fullColumn span.radio input,
.fieldForm .column span.radio input
{
	width:auto;
	margin: 0px 3px 0px 0px;	
}

.fieldForm .fullColumn span.radio span label,
.fieldForm .column span.radio span label
{
	margin: 0px 5px 0px 0px;
}

.fieldForm .fullColumn span.radio label,
.fieldForm .column span.radio label
{
	/*margin: 0px 0px 0px 3px;	*/
}

.fieldForm .fullColumn select
{
	margin:0px 0px 2px 0px;
	clear:both;	
}

.fieldForm .fullColumn .fullLabelspan
{
	display:block;
	float:left;
	height:16px;
}

.fieldForm .multiControlsRow,
.fieldForm .dateControl
{
	width:100%;
	clear:both;
}

.fieldForm .dateControl .year,
.fieldForm .dateControl .month,
.fieldForm .dateControl .day
{
	width: 55px;
	clear:none;
	margin: 0px 3px 0px 0px;
	float: left;
}

.fieldForm .dateControl .month
{
	width: 50px;
}
.fieldForm .dateControl .day
{
	width: 45px;
}

.fieldForm span.dateError
{
	height:3px;
	clear:both;
	color:Red;
}

.fieldForm .multiControlsRow .oneThird
{
	width: 66px;
	clear:none;
}

.fieldForm .multiControlsRow .twoThird
{
	width: 120px;
	clear:none;
	
}

.fieldForm .multiControlsRow .alignSpace
{
	/*margin: 0px 5px 0px 0px;*/
	margin: 0px 5px 0px 0px;
}

.fieldForm .sectionTitle
{
	padding: 0px 0px 0px 20px;
	color: #1A2D3C;		
	font-size:13px;
	font-weight:bold;
	/*height:28px;*/
	/*line-height:40px;*/
	clear:both;
	margin:0px;
	
}

.fieldForm .indent
{
	padding: 0px 0px 10px 20px;
	margin:0px;
}

.fieldForm p
{
	padding: 0px 10px 10px 20px;
	margin:0px;
}

.fieldForm .floatRight
{
	padding: 0px 20px 0px 0px;
}

.fieldForm span
{
	height:0px;	
}

.fieldForm span.required
{
	float:left;
	width:9px;
	height:11px;
	/*margin: 4px 42px 0px 3px;*/  /* hack for star to wrap in firefox */
	margin: 2px 0px 0px 3px;
	background: url(../../Interface/images/icon-requiredStar.jpg) no-repeat;
}

.fieldForm a.faq
{
	float:left;
	width:15px;
	height:15px;
	/*margin: 4px 42px 0px 3px;*/  /* hack for star to wrap in firefox */
	margin: 0px 0px 0px 5px;
	background: url(../../Interface/images/icon-faq.gif) no-repeat;
	background-position: left center;
	cursor:pointer;
}

.fieldForm a.id_ToolTipSecurityQuestion
{
	margin-top: 7px;
}

.fieldForm .divider
{
	clear:both;
	height:1px;
	background:#EBEBEB url(../../Interface/images/css-dotted.gif) repeat-x bottom center ;	
	width:100%;
}

.fieldForm span img
{
	/*float:right;*/
	
}

.fieldForm .fieldItemLabel
{
	float:left;
}

.fieldForm .field100Pct, 
.fieldForm .field50Pct
{	
	/*margin: 5px 0px 0px 0px;*/
}

.fieldForm .field100Pct span,
.fieldForm .field50Pct span,
.fieldForm .field100Pct select,
.fieldForm .field50Pct select,
.fieldForm .field100Pct input, 
.fieldForm .field50Pct input
{
	width:200px;
}

.fieldForm .formRightColumn
{
	float:right;	
}

.fieldForm .field100Pct .fieldItemValue, 
.fieldForm .field50Pct .fieldItemValue 
{
	float:left;
	clear:left;
	display:inline;
	width: 100%;
	margin:0px auto;
}

.fieldForm .field100Pct .fieldItemValue input,
.fieldForm .field50Pct .fieldItemValue input,
.fieldForm .field50Pct .fieldItemValue select
{
	width:90%;
}

.fieldForm .field50Pct .fieldItemValue input.middle
{
	width:30%;
}

.fieldForm .field50Pct .fieldItemValue input.short
{
	width:20%;
}

.fieldForm .field100Pct .fieldItemValue span.radio input,
.fieldForm .field50Pct .fieldItemValue span.radio input,
.fieldForm .field100Pct .fieldItemValue input.radio,
.fieldForm .field50Pct .fieldItemValue input.radio
{
	width: 25px;
}


.fieldForm .field50Pct
{
	float:left;
	width:50%;
}

.fieldForm .field100Pct .fieldItemValue select
{
	width:200px;
}

.fieldForm .fullColumnText
{
	float:left;
	width:420px;
	clear:both;
	padding: 0px 20px 15px 20px;	
}

.fieldForm .fullColumnNotifcation
{
	clear:both;
	display:block;
	width:342px;
	margin: 5px 0px 20px 20px;
	height:50px;
	padding: 10px 20px 15px 20px;
	background: #FFFACD url(../../Interface/images/exclaimYellow.gif) 10px 14px no-repeat;
}

.fieldForm .fullColumnNotifcation span
{
	display:block;
	padding: 0px 0px 0px 30px;	
	font-weight:bold;
}


.formButton
{
	background: url(../../Interface/images/buttonBack.jpg) repeat-x;

}

a.formButton
{
	display:block;
	padding: 2px 5px;
	width:100px;
	background: url(../../Interface/images/buttonBack.jpg) repeat-x;
	border: 1px solid #C8C8C8;
	text-decoration:none;
	color:#000000;
	margin: 5px 0px 0px 0px;
}
.formLabelAndText
{
	float:left;
	margin: 0px 0px 0px 10px;
}

#searchForm
{
	background:none;
	border:none;
}

.consentFullColumn label {
display: block;
margin: 0px 0px 5px 25px;
}

.consentFullColumn span input{
width: auto;
margin: 0px 3px 0px 0px;
float: left;
clear: both;
}

.consentFullColumn {
float: left;
clear: both;
padding: 0px 20px 15px 20px;
}