/* Healthy Home Plans - forms.css */
div.formspacer { margin-bottom: 10px !important; margin-bottom: 1em; }

form { margin: 0px; padding: 0px; }
fieldset { border: none; }

textarea:focus { background-color: #fff; }
textarea {
	font-size: 0.95em;  
	font-family: arial, geneva, helvetica;
	color: #5D5801;
	vertical-align: middle;
	background-color: #f7f7ee;
	border-top: 1px solid #C4C4B8;
	border-right: 1px solid #e6e6dc; 
	border-bottom: 1px solid #e6e6dc;
	border-left: 1px solid #C4C4B8;
	margin: 0px;
	padding: 0px;
	width: 215px !important;
	width: 227px;
	width/**/:/**/220px;
}

input {	font-family: inherit; margin: 0; padding: 0; }
input.checkbox { padding: 0; margin:  0; }
input.radio { padding: 0; margin: 0; }

input.textfield:focus {	background-color: #fff; }
input.textfield { 
	font-size: 1em;  
	font-family: inherit;
	color: #5D5801;
	background-color: #f7f7ee; 
	border-top: 1px solid #7F9DB9;
	border-right: 1px solid #7F9DB9; 
	border-bottom: 1px solid #7F9DB9;
	border-left: 1px solid #7F9DB9;
	padding: 1px 0px 3px 3px;
	margin: 0;	
}

input.password:focus {nbackground-color: #fff; }
input.password {
	font-family: inherit;
	color: #333; 
	background-color: #f7f7ee;
	border-top: 1px solid #C4C4B8;
	border-right: 1px solid #e6e6dc; 
	border-bottom: 1px solid #e6e6dc;
	border-left: 1px solid #C4C4B8;
	padding: 2px 4px 0px 4px;
	margin: 0px 0px 4px 0px;
	width: 154px !important;
	width: 162px;
	width/**/:/**/154px;
	height: 21px !important;
	height: 23px;
	height/**/:/**/21px;
}

select { font-family: inherit; color: #333; background-color: #f7f7ee; }
select:focus { background-color: #fff; }
select.dropdown {
	font-family: inherit;
	color: #5D5801;
	font-size: 0.95em;
	padding: 0px;
	margin: 0;
	height: 1.8em;
	width: auto;
}

select.dropdownSmall {
	font-family: inherit;
	height: 1.8em;
	width: 150px;
	padding: 0px;
	margin: 0;
}

select.multiselect { font-family: inherit; padding: 0; width: 180px; }


/* DEPRECATED use label element defined above */
span.formLabel {
	text-transform: lowercase;
	font-weight: bold;
	font-variant: small-caps;
	vertical-align: top; 
	margin: 0px; 
	padding: 0px;
}

div.formSubmitButtons {
	float: right; 
	clear: both; 
	padding: 32px 0px 0px 0px;
	margin: 0px;
}

input.formButton {
	border: 0px; 
	padding: 0px 4px 0px 0px;
	vertical-align: top;
}

input.formSubmitButton {
	border: 0px; 
	padding: 0px 0px 0px 8px;
	vertical-align: top;
}
input.goButton {
	padding: 4px 0px 0px 0px;
	margin: 0;
}

/* license agreement - this is to replace the commonly used textarea for the license agreement. */
div.licenseAgreement {
	background-color: #f7f7ee;
	border-top: 1px solid #C4C4B8;
	border-right: 1px solid #e6e6dc; 
	border-bottom: 1px solid #e6e6dc;
	border-left: 1px solid #C4C4B8;
	overflow: auto;
	margin: 0px 0px 4px 0px;
	height: 160px;
	width: 490px !important;
	width: 500px;
	width/**/:/**/490px;
}

/* Error and Form Elements Error Styles */
div.error { 
	position: relative;
	color: #cc0000;
}

div.error img {
	position: absolute;
	top: 0px;
	left: 0px;
}

div.error div {
	margin-left: 52px;
}

.error {
	color: #cc0000;
	font-weight: bold;
}

span.error input {
	border: 1px solid #cc0000;
}

span.error textarea {
	border: 1px solid #cc0000;
}

span.error select {
	border: 1px solid #cc0000;
}

span.error select option {
	border: 0px;
}

/* required fields asterix settings */
.required {
	color: red;
	font-weight: bold;
}

/* search page specific selectors */

.searchForm {
	position: relative;
}

.searchControls {
	position: relative;
	padding: 0px;
	margin: 0px 0px 16px 0px;
	vertical-align: top;
}

.searchControls div.searchField {
	float: left;
	clear: left;
	margin: 0px 0px 12px 0px;
}

.searchControls div.rightCol {
	float: right;
	clear: right;
	text-align: right;
	margin: 0px 0px 12px 0px;
}

/* this is to push down the goole logo a little bit */
.searchControls div.rightCol img {
	margin-top: 7px;
}

input.searchInputField {
	width: 240px;
}

.dropdownSearch {
	width: 240px;
	background-color: white;
}


/* search page specific selectors */

#searchResultsWrapper {
	position: relative;
}

.resultWrapper {
	margin: 0px;
	overflow: hidden;
	width: 484px !important;
	width: 500px;
  width/**/:/**/484px;
}

#searchBarTop {
	background: #f7f7ee;
	position: relative;
	top: 0px;
	left: 0px;
	padding: 0px;
	border-top: 1px solid #e6e6dc;
	border-bottom: 1px solid #c4c4b8;
	margin: 5px -16px 16px -16px;
	vertical-align: top;
	width: 567px;
}

#searchBarBottom {
	background: #ffffff;
	position: relative;
	padding: 0px;
	border-top: 0px solid #e6e6dc;
	border-bottom: 1px solid #c4c4b8;
	margin: 5px -16px 16px -16px;
	vertical-align: top;
	width: 567px;
}

#searchBarTop div.searchLabel {
							/* \*/
	float: left;
	clear: none;/*  */
	padding: 3px 5px 3px 16px;
	width: 357px !important;
	width: 378px;
  width/**/:/**/357px;
}

#searchBarBottom div.searchLabel {
	padding: 3px 5px 3px 16px;
	width: 357px !important;
	width: 378px;
  width/**/:/**/357px;
}

#searchBarTop div.searchNav {
	position: absolute;
	top: 0px; 
	right: 16px;
	text-align: right;
}

#searchBarBottom div.searchNav {
	position: absolute;
	top: 0px; 
	right: 16px;
	text-align: right;
}


/* disabled is for the previous and next navigation text on the seach page */
.disabled {
	color: #888878;
}

div.rNavSelect {
	clear: both;
}
	
div.rNavSelect span.dropdown {
	display: block;
	padding: 5px 0px 0px 0px;
}

/* Mac IE only */
div.rNavSelect span.submit {
	float: right;
	display: block;
	padding: 0;
	margin: 4px -3px 0px 0px;
}
/* all other browsers \*/
div.rNavSelect span.submit {
	float: right;
	display: block;
	padding: 0px 3px 0px 0px;
	margin: 4px 0px 0px 0px;
}
/*  */




.min {
	width: 2em;
}


/*--- new forms stuff ---*/

.form-format p {
	clear: both;
	width: 400px;
	text-align: left;
}

.form-format p label {
	float: left;
	text-align: right;
	width: 150px;
	font-size: 0.9em;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-right: -8px;

}

.form-format p span.form-field {
	float: right;
	text-align: left;
	width: 240px;
}

.form-format .textfield {
	padding: 1px 0 4px 0.25em;
	border: 1px solid;
}

.form-format .textfield,
.form-format select {
	width: 16em;
	font-size: 1.1em;
	color: #000;
}

.form-format input.textfield,
.form-format select {
	min-height: 1.5em;
}

.required {
	padding-left: 0.2em;
}
 
/*---WinIE misses this---*/
html>body .form-columns .columns-2-aaB-aa .required,
html>body .form-columns .columns-2-AB-A .required {
	margin-left: -0.4em;	
	position: relative;
	top: 0;	
	right: -0.4em;
}
/*---Only WinIE gets this---*/
/*\*/
* html .form-columns .columns-2-aaB-aa .required,
* html .form-columns .columns-2-AB-A .required {
	margin-right: -9.5px;
}
/* */

select.multiselect {
	width: 320px;
}

