
#right-content h1.scfTitleBorder           { font-size: 20px; font-weight: normal; color: #3EBBF1; /*#5A87C5;*/ padding-bottom: 10px; width: 550px;}

.web-forms  input,
.web-forms  select,
.web-forms  textarea
	{ font-family: Arial, Sans-Serif; font-size: 11px; color:#455560; width: 350px; float: left }

/* Undo that width on the radio buttons... */

.web-forms .scfRadioButtonListGeneralPanel,
.web-forms .scfSingleLineGeneralPanel {

	float: left; width: 355px
}

/* This is to get the 'help' text (span.scfCheckBoxListUsefulInfo) on the left side just below the label... Check the tag structure. */
.scfCheckBoxList {
	float: right;
	width: 373px /* 528 - 150 - 5px (padding-right on .scfCheckBoxListLabel */
}
	
.scfRadioButtonListLabel {
	float: left; display: block
}

.scfRequired {
	float: left; display: block
}

span.scfCheckBoxListUsefulInfo {
	width: 150px
}

.web-forms .scfRadioButtonListBorder input,
.web-forms .scfCheckBoxListBorder input,
.web-forms .scfCheckboxBorder input
	{ width: 20px }

.web-forms  label,
.web-forms  .scfRadioButtonListLabel,
.web-forms  .scfCheckBoxListLabel
		{ width:150px; vertical-align:top; font-weight: bold; color:#455560; float: left; padding-right: 5px }

.web-forms .scfCheckBoxList label {
	width: auto
}

/* override label instruction above for plain checkboxes... */
.web-forms  .scfCheckboxBorder label
	{ width: 475px }

.web-forms .scfMultipleLineTextBorder,
.web-forms .scfSingleLineTextBorder,
.web-forms .scfRadioButtonListBorder, 
.web-forms .scfCheckBoxListBorder,
.web-forms .scfCheckboxBorder 
{
	clear: both;
 	padding: 5px 0px 5px 0px;
 	font-family: Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #636363; vertical-align:top
}

/* Working attempt to reformat multi-lines to have labels over boxes... Changing width instead. */
/*#right-content .content-widget-box.web-forms .box-main .inner .resource-record fieldset div .scfMultipleLineTextLabel
	{ display: block; float: none; margin-left: 110px; width: auto }*/


/* 
	BEGIN
   .subField - Used on health care plan form on details for different complaints
*/

.web-forms .subField {
	margin-left: 100px
}

.web-forms .subField input,
.web-forms .subField select,
.web-forms .subField textarea
	{ font-family: Arial, Sans-Serif; font-size: 11px; color:#455560; width: 250px; float: left }

.web-forms .subField.scfRadioButtonListBorder input,
.web-forms .subField.scfCheckBoxListBorder  input,
.web-forms .subField.scfCheckboxBorder input
	{ width: 20px }

/* Undo that width on the radio buttons... */

.web-forms .subField .scfRadioButtonListGeneralPanel ,
.web-forms .subField .scfSingleLineGeneralPanel {
	float: left; width: 255px
}


.web-forms .subField .scfRadioButtonListGeneralPanel,
.web-forms .subField .scfSingleLineGeneralPanel {

	float: left; width: 255px
}

/* This is to get the 'help' text (span.scfCheckBoxListUsefulInfo) on the left side just below the label... Check the tag structure. */
.web-forms .subField .scfCheckBoxList {
	float: right;
	width: 273px /* 528 - 150 - 5px (padding-right on .scfCheckBoxListLabel */
}

 /* END .subField garbage */

