/* UTL forms.css Paul Scully */

.cartForm {  font: 0.8em Verdana; color: #000000; margin: 0; padding: 0; }
/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */

textarea, select { margin: 3px 0px 0px 10px; }
label { font-size: 1.1em; }
input#reset { margin-left:0px; }  /* set margin-left back to zero on reset button (set above) */

.required { font-weight:bold; }
.cartForm br { clear:left; }	  /* setting clear on inputs didn't work consistently, so brs added for degrade */

/* This aligns plain text label fields used for display with other fields, such as input */
.textField { margin: 3px 0 0 10px; position:absolute; }

label.smallWidthTextField { width: 11em; margin: 3px 0 0 10px; display: block; float: left; } /* used to algin a text field to an input */
 
textarea, select { overflow: auto; }

/* Buttons */
.standardButton { margin-left: 255px; width: auto; border: 0 }
.leftButton { float: left; margin-top: 10px; }
.rightButton { float: right; margin-top: 10px; }
.noLeftMargin { margin-left: 0; } 
.leftAlignButton { margin-left: -10px; }
div.row div.btn {width:auto; float:left; margin-left: 10px;}
div.row span.radioButton, .checkbox { margin-left: 5px; }

.radioButton label, .checkbox label { margin-right: 1em; margin-left: 0.5em; display:inline; float:none; }
.leftSpace { margin-left: 20px; }
.topSpace { margin-top: 10px; }

/* Field Widths */
.fieldWidthXSmall { width: 50px; }
.fieldWidthSmall { width: 70px; }
.fieldWidthSmall2 { width: 90px; }
.fieldWidthSmall3 { width: 100px; }
.fieldWidthMedium { width: 200px; }
.fieldWidthMedium3 { width: 300px; }

/* Generic field settings */
.fieldWidthSmall, .fieldWidthXSmall, .fieldWidthSmall2, .fieldWidthSmall3, .fieldWidthMedium, .fieldWidthMedium3 
{ border: 1px #969696 solid; padding-left: 2px; margin: 0 0 0 10px; }

/* Fieldset and legend styles */
fieldset{ position: relative; margin-top:1em; padding-top:1em; padding-left:0; margin-left: 0px; border: 0; }
legend{ color: #336699; font-size: 1.4em; font-weight: bold;}	
/* Note: Absolute/relative positioning is required to make legend work and fully left aligned in IE */	

/* Styles for login form */

table.loginTable,
table.loginTable tbody,
table.loginTable tr,
table.loginTable td {
	display:inline !important;
	margin:0 !important;
	padding:0 !important;
	}

/* Styles for My Roles page */

table.myRoles {
	width:auto !important;
	}

table.myRoles td {
	white-space:nowrap;
	padding:4px 10px !important;
	}

table.myRoles td input {
	vertical-align:bottom;
	}

table.myRoles td label {
	font-weight:bold;
	vertical-align:top;
	line-height:18px;
	}

.emailLbl {
	width:20em !important;
	}
.emailTxt {
	width:292px !important;
	}

.loginFail {
	color:red !important;
	padding:0 2em;
	}

.formInstruct {
	clear:left;
	padding:0.8em 2em 0 2em;
	}
	
#Message {
	margin-top:0.8em;
	}
	
	
/* Heart Matters Your Interests Form */

.content-frame .content {
	width:68em;
	}

.content-frame .h1_interest_areas {
	margin:1.8em 0 0.5em 0;
	}

.content-frame .h1_additional_qns {
	margin:1.8em 0 0.5em 0;
	}

.content-frame p {
	width:98%;
	}

.content .fieldset-wide-normal dt label {
	font-weight:bold;
	}

.fieldset-interestareas {
	margin-top:1em;
	}

.fieldset-interestareas legend {
	color:#698dbb;
	}

.fieldset-interestareas dl dt {
	width:66em;
	height:1.8em;
	margin:1em 0 0 0;
	padding:0;
	text-align:left;
	clear:left;
	}

.fieldset-interestareas dl dt label,
.fieldset-interestareas dl dt span {
	font-size:1.1em;
	font-weight:bold;
	}

.fieldset-interestareas dl dd {
	width:62em;
	}

.fieldset-interestareas dl dd .multiple-checkbox-group {
	float:left;
	display:inline;
	width:61em;
	}

.fieldset-interestareas dl dd .multiple-checkbox-group input {
	float:left;
	display:inline;
	margin:0.1em;
	width:1em;
	}

.fieldset-interestareas dl dd .multiple-checkbox-group label {
	float:left;
	display:inline;
	width:16.5em;
	border:1px solid #fff;
	height:2.5em;
	}

.fieldset-interestareas dl dd .multiple-checkbox-group .checkbox-field-long label {
	width:34.7em;
	}


.fieldset-interestareas dl dd .checkbox-field-short {
	width:20em;
	float:left;
	height:1.4em;
	display:inline;
	clear:left;
	}

.fieldset-interestareas dl dd input.field-other {
	float:left;
	display:inline;
	width:18.5em;
	height:1.4em;
	border:1px solid #999fca;
	position:relative;
	top:-1.6em;
	left:15em;
	}

.fieldset-interestareas dl dd input.field-other-hmreg {
	float:left;
	display:inline;
	width:12.5em;
	height:1.2em;
	border:1px solid #999fca;
	float:left;
	display:inline;
	margin-left:0px;
	margin-top:-8px;
	}

.fieldset-interestareas dl dd .multiple-radio-group label,
.fieldset-interestareas dl dd .multiple-radio-group .radio-field-long label {
	float:left;
	display:inline;
	width:11em;
	border:1px solid #fff;
	height:2.5em;
	}

.fieldset-interestareas dl dd .multiple-radio-group {
	float:left;
	display:inline;
	width:61em;
	}

.fieldset-interestareas dl dd .multiple-radio-group input {
	float:left;
	display:inline;
	margin:0.1em 0.1em 0.1em 0.4em;
	width:1em;
	}

.fieldset-interestareas dl dd .multiple-checkbox-group-wide input {
	float:left;
	margin:0.1em;
	width:1em;
	clear:left;
	}

.fieldset-interestareas dl dd .multiple-checkbox-group-wide label {
	float:left;
	display:inline
	border:1px solid #fff;
	height:2.5em;
	width:43.3em;
	}

.fieldset-interestareas dl dd .multiple-checkbox-group-wide .checkbox-field-long label {
	width:40em;
	}

.content-frame .nav-button {
	float:right;
	display:inline;
	margin:0 2em 2em 0;
	width:auto !important;
	height:auto !important;
	}

.help-text-inline {
	margin:0 0 1em 0 !important;
	color:#336699 !important;
	position:relative;
	left:-40px;
	}

#advancedSearch .dataRow {
margin:4px 0;
}

#advancedSearch .dataRow label {
float:left;
display:inline;
width:100px;
padding:4px 0 5px 0;
}

.content.fullWidth {
width:90% !important;
}

table.memberAdminForm th {
border:solid 1px #e61a2d !important;
font-size:1.1em;
}

table.memberAdminForm td {
border:solid 1px #999 !important;
font-size:1.2em;
}

.navigationManager a {
padding:1px 4px;
cursor:pointer;
}

.navigationManager a.active {
background:#E61A2D;
color:#fff !important;
border:solid 1px #999;
text-decoration:none !important;
}