/* ==========
	Form css 
   ========== */

/* ================
	Css properties 
   ================ */
.clear {clear:both; }
.left {float:left; }
.right {float:right; }
.noFloat {float:none; }
.block {display:block; }
.inline {display:inline; }
.inlineBlock {display:inline-block; }
.inlineTable {display:inline-table; }
.textLeft {text-align:left; }
.textRight {text-align:right; }
.textCenter,
.alignCenter {text-align:center; }
.vAlignBase,
div.vAlignBase {vertical-align:baseline; }
.vAlignBottom .form_input {vertical-align:bottom; }
.vAlignTop {vertical-align:top; }
.vAlignMid {vertical-align:middle; }
.br {height:0; }
/* ====================
	End css properties 
   ==================== */

/* ===============
	Global widths
   =============== */
.widthXSmall {width:20%; }
.widthSmall {width:25%; }
.widthMedium {width:33%; }
.widthLarge {width:50%; }
.widthXLarge {width:75%; }
.widthFull {width:100%; }
.widthFull label {width:100%; }
.widthPreset {width:100%; } /* Default tag widths */
.widthAuto,
.widthFull label.lblAuto {width:auto; }

.lblCustom2 {width:6em; }
div .padding1 label {padding:0 1em 0 1.5em; } /* No glyphs/titles w span, aligns with radio/checkbox button labels */
/* ===================
	End global widths
   =================== */
   
   
/* ==================================
	Label & input defaults/overrides
   ================================== */
label {padding:0 .25em 0 0; text-align:left; }
label b {color:#000; font-weight:bold; margin:0 .75em 0 0; }
.layout_vertical.error label span,
label.error,
.error label,
.error label span,
.layout_horizontal.error label span,
.layout_inline.error label span,
div .error .form_input.glyph strong {color:#ff0000; }		
label.hideLabel,
label span.hideLabel,
h4.legend .hideLabel,
.legend.hideLabel,
legend.hideLabel {height:0; margin:0 0 0 -9999em !important; position:absolute; } /* 508 support for title="" inconsistent, use this (to hide label) for inputs with no label (tagToMove in comboInputs function) */
input[type="text"],
input[type="password"],	
input[type="textarea"],
select {background:#ffffff; border:1px solid #cccccc; border-radius:0; box-shadow:none; padding:.1em; margin:0; font-size:1em !important; }
input[type="file"] {line-height:1.5em; padding:.2em 0; }
.error input[type="text"] {border:1px solid #ff0000; }
.layout_vertical.error textarea {border:1px solid #ff0000; }
input[type="checkbox"]:focus {outline:1px dotted #000000; }
.radio input[type="radio"] {float:left; margin:0 -1.1em 0 0; padding:0; vertical-align:top; height:1.1em; width:1.1em; }
.radio label {display:inline-block; padding:0 0 0 1.5em; vertical-align:top; }

/* ======================================
	End label & input defaults/overrides
   ====================================== */
   
/* ===========================
	 Form label/glyph spacing 
   =========================== */
   /* Pulled from selectors below to keep this more centralized */
.layout_vertical label,
.layout_horizontal label,
h3.tagIndent,
h4.tagIndent,
h5.tagIndent,
.customCBTag1,
.customTag2,
.radio.layout_horizontal h4.legend,
.cbQuestion.layout_horizontal h4.legend,
.checkboxGlyph.checkboxRight.checkbox label,
.checkboxGlyph .checkboxRight.checkbox label,
.ui-tabs fieldset legend,
.inputColsLayout .headerRow.headerGlyphs .th,
.inputColsLayout label {padding:0 1em 0 2em; }

.layout_vertical label span,
.layout_horizontal label span,
div .tagIndent label span,
h3.tagIndent span,
h4.tagIndent span,
h5.tagIndent span,
.customCBTag1 label span,
.customTag2 label span,
.radio.layout_horizontal h4.legend span,
.cbQuestion.layout_horizontal h4.legend span,
.checkboxGlyph.checkboxRight.checkbox label span,
.checkboxGlyph .checkboxRight.checkbox label span,
.ui-tabs fieldset legend span,
.inputColsLayout .headerRow.headerGlyphs .th span,
.inputColsLayout label span {color:#000; float:left; font-weight:bold; margin:0 .75em 0 -2em; text-align:right; width:1.25em; }
		
		/***** Remove label/glyph spacing *****/
.noLabelGlyph label,
.noLabelGlyph.radio h4.legend,
.noLabelGlyph .radio h4.legend,
.noLabelGlyph.cbQuestion h4.legend,
.noLabelGlyph .cbQuestion h4.legend {padding:0 .5em 0 0; }

.noLabelGlyph label span,
.noLabelGlyph.radio h4.legend span,
.noLabelGlyph .radio h4.legend span,
.noLabelGlyph.cbQuestion h4.legend span,
.noLabelGlyph .cbQuestion h4.legend span {margin:0; width:auto; }
.noLabelGlyph div.form_input {padding-left:0; }
		/****** End remove label/glyph spacing *****/
		
			/***** Label glyph width version 2 - wrap section with <div class="glyphV2"> *****/
	.glyphV2 label,
	.glyphV2 h3.tagIndent,
	.glyphV2 h4.tagIndent,
	.glyphV2 h5.tagIndent,
	.glyphV2.radio h4.legend,
	.glyphV2 .radio h4.legend,
	.glyphV2.cbQuestion h4.legend,
	.glyphV2 .cbQuestion h4.legend,
	.glyphV2 fieldset legend,
	.inputColsLayout .glyphV2 label {padding-left:3.25em;}
	
	.glyphV2 label span,
	.glyphV2 h3.tagIndent span,
	.glyphV2 h4.tagIndent span,
	.glyphV2 h5.tagIndent span,
	.glyphV2.radio h4.legend span,
	.glyphV2 .radio h4.legend span,
	.glyphV2.cbQuestion h4.legend span,
	.glyphV2 .cbQuestion h4.legend span,
	.glyphV2 fieldset legend span,
	.inputColsLayout .glyphV2 label span {margin-left:-3.25em; margin-right:.5em; width:2.5em; } /* Remove margin-right when global space added to labels after <span> glyph */
			/***** End label glylph width version2 *****/
			
/* ==============================
	End form label/glyph spacing 
   ============================== */


/* ========================
	Start vertical styling 
   ======================== */
.layout_vertical {display:inline-block; padding:0 0 1em 0; vertical-align:top; } /* No right/left padding or margin on this container to allow set % widths */
.layout_vertical.widthPreset {width:auto; }
.layout_vertical label {display:block; padding-bottom:.25em; text-align:left; width:auto; }
.layout_vertical .form_input {display:inline-block; padding:0 2em 0 2em; }
/*.layout_vertical .form_input .popupContainer {display:inline;} */
.layout_vertical .form_input img {padding:0 .5em 0 0; vertical-align:text-bottom; }
.layout_vertical.error .form_input img.errorIcon {margin:0 -1.75em 0 .25em; padding:0 0 0 .25em; width:1.5em; }
.layout_vertical .form_input div {position:relative; }
.layout_vertical .form_input table {border-collapse:collapse; }
.layout_vertical.radio {border:none; }
table .layout_vertical {margin:0; }
		/***** Radio tags - Vertical *****/
	.layout_vertical.radio {border:none; display:inline-table; margin:0; padding:0 1.5em 1em 0; }
	.layout_vertical.radio legend {font-weight:normal; padding:0 .5em .25em 0; }
	.layout_vertical.radio h4.legend {display:none; } /* Use legend/hide heading tag w/legend class for vertical layout */
	.layout_vertical.radio .form_input {padding:0 0 0 2em; text-align:left; white-space:normal; }
	.layout_vertical.radio table td {display:inline-block; }
	.layout_vertical.radio label {padding:0 1em 0 1.5em; } /* Override label padding from .layout_vertical label {} above */
		/***** End radio tags - Vertical *****/
		/***** Check box tags - Vertical *****/
	.ui-tabs fieldset.layout_vertical legend {font-weight:normal; padding:0 0 .5em 2em; }
	.layout_vertical .checkboxGroup {margin:0 0 1em 0; padding:0 0 0 2em; }
	.layout_vertical .checkboxGroup.indent2 label span {width:1.5em; } /* For larger checkbox glyph/number alignment */
	.layout_vertical .checkboxGroup.indent2 .checkbox .form_input {padding:0 0 0 1.5em; }
		/***** End check box tags - Vertical *****/
/* ======================
	End vertical styling 
   ====================== */


/* ==========================
	Start horizontal styling 
   ========================== */ 
	/* CAREFUL: review this section closely - radio/check groups may be difficult if you don't understand what's going on in here */
.layout_horizontal,
.ui-tabs fieldset.layout_horizontal {display:inline-table; font-weight:normal; margin:0 0 .25em 0; padding:0; vertical-align:top; } /* No right/left padding or margin on this container to allow set % widths */
.layout_horizontal.newLine {display:table; }
.layout_horizontal label {display:table-cell; hyphens:auto; vertical-align:top; word-break:loose; }
.indent .layout_horizontal label span span,
.indent fieldset.layout_horizontal h4.legend span span {float:left; margin:0 0 0 -1.5em; } /* For letter label glyphs where first glyph also includes number - See Schedule R 6a & 11a */
h3.tagIndent,
h4.tagIndent,
h5.tagIndent {color:inherit; display:block; font-size:1em; font-weight:normal; hyphens:auto; margin:0 0 .5em 0; padding-right:.25em; } /* To replace fieldset/legend for long descriptions */
.tagIndent strong {color:#000000; }
.layout_horizontal.noNumber label {padding:0 .25em 0 0; }
		/***** Label widths *****/
.lblPreset, .checkbox .lblPreset,
.layout_horizontal .lblPreset {width:10em; }
.indent .layout_horizontal .lblPreset {width:8.5em; } /* To align indented inputs with .indent {padding:0 0 0 1.5em; } */
.indent2 .layout_horizontal .lblPreset {width:8em; } /* To align indented inputs with .indent2 {padding:0 0 0 2em; } */
.checkbox .lblSmall, 
.layout_horizontal .lblSmall {width:5em; }
.checkbox .lblMedium,
.layout_horizontal .lblMedium {width:18em; }
.indent2 .layout_horizontal .lblMedium {width:16em; } /* To align indented inputs with .indent2 {padding:0 0 0 2em; } */
.checkbox .lblLarge, 
.layout_horizontal .lblLarge {width:25em; }
.indent2 .layout_horizontal .lblLarge {width:23em; } /* To align indented inputs with .indent2 {padding:0 0 0 2em; } */
.layout_horizontal .lblCustom1 {width:12em; }
		/***** End label widths *****/
.layout_horizontal .form_input {display:table-cell; padding:0 2em 0 0; text-align:left; white-space:nowrap; }
.layout_horizontal .form_input.textLeft {text-align:left; }
.layout_horizontal .form_input.textRight {text-align:right; }
.layout_horizontal .form_input.glyph {white-space:nowrap; } /* Prevent glyph wrapping above input on full tag width in FF */
.layout_horizontal .form_input.glyph strong {color:#000000; margin:0 .25em 0 .5em; }
.layout_horizontal .form_input img {padding:0 .5em 0 0; vertical-align:text-bottom; }
.layout_horizontal.error .form_input img.errorIcon {margin:0 -1.75em 0 0; padding:0 0 0 .25em; vertical-align:top; width:1.5em; }
.layout_horizontal.error .form_input .popupContainer {margin:0; }
.layout_horizontal.error .form_input.textRight .popupContainer {margin:0; }
.layout_horizontal .form_input .popupContainer {display:inline-block; position:relative; text-align:left; }
.layout_horizontal .form_input div.noDisplay {display:none; }
.layout_horizontal .form_input div.inline {display:inline; }
.layout_horizontal .form_input div {display:inline; }
.layout_horizontal .form_input table {border-collapse:collapse; }
.layout_horizontal .form_output {display:table-cell; height:auto; white-space:pre-line; word-wrap:break-word; }
.fullWidthInputs .layout_horizontal.widthFull .popupContainer {width:100%; }
.fullWidthInputs .layout_horizontal.widthFull .popupContainer input {width:97%; }
		/***** Radio tags - Horizontal *****/
	.layout_horizontal.radio {border:none; }
	.layout_horizontal.radio legend {display:none; } /* Hide legend/use heading tag for horizontal alignment in older browsers (IE7, FF < 3.6) */
	.layout_horizontal.radio h4.legend {display:table-cell; font:1em normal Arial, Helvetica, sans-serif; margin:0; vertical-align:top; }
	.layout_horizontal.radio h4.legend.noDisplay {display:none; }
	.layout_horizontal.radio h4.legend span {color:#000; display:inline-block; font-weight:bold; text-align:right; }
	.layout_horizontal.radio div.radioBlock {display:table; width:100%; } /* Needed inside fieldset for full-width tag option */
	.layout_horizontal.radio .form_input.textRight {text-align:right; }
	.layout_horizontal.radio.widthFull .form_input.textRight table {/*float:right;*/ white-space:nowrap; width:auto; } /* Float for IE */
	.layout_horizontal.radio .form_input {display:table-cell; text-align:left; vertical-align:text-top; white-space:normal; } /* float for IE & Opera */
	.layout_horizontal.radio.inputNoWrap .form_input,
	.layout_horizontal.radio .form_input.glyph {white-space:nowrap; }
	.layout_horizontal.radio .form_input.glyph strong {display:inline-block; margin: 0 1em 0 .5em; vertical-align:top; }
	.layout_horizontal.radio .form_input table {display:inline-table; float:none; }
	.layout_horizontal.radio table td {border:none; display:inline-block; padding:0 .5em .25em 0; vertical-align:top; } /* v-align for ie8. JSF outputs radios into tables, inline-block lets these break onto new lines, as in 5500 part1 A */
	.layout_horizontal.radio label {padding:0 0 0 1.5em; vertical-align:top; } /* Override label padding from .layout_horizontal label {} above */
		/***** End radio tags - Horizontal *****/
		/***** Check box groups - Horizontal *****/
			/* cbQuestion is applied to a question with more than 1 check box as an answer option */
	.cbQuestion.layout_horizontal {border:none; vertical-align:top; }
	.cbQuestion.layout_horizontal legend {display:none; } /* Hide legend/use heading tag for horizontal alignment */
	.cbQuestion.layout_horizontal h4.legend {display:table-cell; font:1em normal Arial, Helvetica, sans-serif; margin:0; vertical-align:top; }
	.cbQuestion.layout_horizontal h4.legend span {color:#000; display:inline-block; font-weight:bold; text-align:right; }
	.cbQuestion.layout_horizontal.widthFull .checkBlock {display:inline-table; width:100%; } /* Wrap <heading>.legend and .checkboxGroup with .checkBlock for check box group to align to right of page in horizontal full-width - see SB89 */
	.cbQuestion.layout_horizontal.widthFull .checkBlock label {width:auto; }
	.cbQuestion.layout_horizontal .checkboxGroup {display:table-cell; padding:0; } /* For question with multiple checkboxes, where question label & checkbox options are horizontally left-aligned, wrap boxes with div.checkboxGroup */
		/***** End check box groups - Horizontal *****/
		/***** Radio/check & text input combo alignment *****/
	.layout_horizontal div.comboInput,
	div.comboInput {display:table-cell; padding:0 0 0 .5em; }
	div.comboInput.checkbox {vertical-align:middle; white-space:nowrap; }
	.checkbox div.comboInput .form_input {padding:0; }
	div.comboInput label {display:inline; }
	div.comboInput .form_input {display:inline; }
			/* Custom tags for weird input/label/text combinations */
	.customCBTag1 {margin:0 0 .25em 0; padding-right:0; } /* .customCBTag1 creates glyph/label, checkbox, more text combo. Example in schedule R, Part V 13 */
	.customCBTag1 .cbWrap {display:table-cell; } /* .customCBTag1 .cbWrap creates glyph/label, checkbox, more text, input field combo. Example in schedule R, Part V 13 */
	/*.customTag2 {margin:0 0 .25em 0; padding-right:0; }*/
	.customTag3 {width:64%;}
	/*.customTag2 .layout_horizontal {margin:0; vertical-align:top; }	
	.customTag2 .layout_horizontal .form_input {    display: table-cell; padding: 0 0.2em 0 0; text-align: left; white-space: nowrap;}
	*/
/* ========================
	End horizontal styling 
   ======================== */


/* =====================
	Form check box tags 
   ===================== */
		/***** Regular check box tag *****/
.checkbox {display:inline-table; margin:0 0 .25em 0; padding:0; vertical-align:top; } /* v-align here aligns short/tall questions */
.checkbox label {display:table-cell; padding:0 .5em 0 .25em; }
.checkbox.noPadding label {padding:0; }
.checkbox label span {color:inherit; display:inline; float:none; margin:0; }
.checkbox label span.noBold {font-weight:normal; }
.checkbox .form_input {display:table-cell; margin:0; padding:0; vertical-align:text-top; width:1.25em; }
.checkbox .form_input input[type="checkbox"] {height:1.2em; margin:0; vertical-align:middle; width:1.2em; }
		/***** End regular check box tag *****/
		/***** For tags where check box aligns to the right side of tag *****/
.checkbox.checkboxRight {display:inline-block; }
.checkbox.checkboxRight .cbWrap {display:table-cell; padding:0 1.5em 0 0; } /* Added .cbWrap to keep box clickable with neg. input margin. Add gutter to .cbWrap, and pull .form_input into this - allows multi-line label/right box alignment with template */
.checkbox.checkboxRight label {display:block; margin:0; padding:0; }
.checkbox.checkboxRight .form_input {display:block; float:right; margin:0 -1.5em 0 0; padding:0; text-align:right; }
.checkbox.checkboxRight .comboInput .form_input {float:none; margin:0; width:auto; }
		/***** End right check box align *****/
		/***** For check box tags with number glyph in label, apply .checkboxGlyph to each individual tag (selector 1) or to a container of individual tags (selector 2) *****/
.checkboxGlyph.checkbox label,
.checkboxGlyph .checkbox label {padding:0 .5em 0 .25em; }
.checkboxGlyph.checkbox label span,
.checkboxGlyph .checkbox label span {color:#000000; float:left; font-weight:bold; margin:0 0 0 -3.25em; text-align:right; width:1.25em; } /* Match Rmargin to form_input Lpad */
.checkboxGlyphh .checkbox label span {color:#000000; float:left; margin:0 0 0 -3.25em; text-align:right; width:1.25em; } /* Match Rmargin to form_input Lpad */
.checkboxGlyph.checkbox .form_input,
.checkboxGlyph .checkbox .form_input {padding:0 0 0 1.75em; }
.checkboxGlyph.checkbox.checkboxRight label {padding-right:0; } 
.checkboxGlyph.checkbox.checkboxRight .form_input,
.checkboxGlyph .checkbox.checkboxRight .form_input {padding:0 0 0 .25em; } /* Padding for Chrome */
.alignToCBGlyph {margin:0 0 0 3.25em; }	/* Match checkboxGlyph label span indent. Created to indent textarea under checkbox that's enabled on box select. */
		/***** End check box glyphs *****/
/* =========================
	End form check box tags 
   ========================= */
 
 
/* ==============================
	Double input faux-col layout
   ============================== */
	/* This section will hopefully be pared down at some point...
	See form MB for double text-input with column-layout examples. The following can be discarded by using tables 
	instead of template parameters, but the layout mess goes into the markup, which gets just as messy. Choose your poison... */
.inputCols {width:100%; }
.inputCols .col1 {width:76%; }
.inputCols .col2 {margin-left:2%; width:20%; } /* Widths don't equal 100 for browser rounding differences */
.inputCols .col1 label {width:65%; } /* Width on label will allow inputs in .col1 to left align */
.inputCols .col1.title {color:#000000; margin:.75em 0 1em 0; text-align:center; width:46% !important; } /* For creating section titles on first column - width to align w/ label widths */
.inputCols .col1 .glyph strong {display:inline-block; text-align:center; width:2.5em; } /* Give different length glyph labels same width for left-aligned inputs */
.inputCols .layout_horizontal div.comboInput.checkbox {padding:0; }
.inputCols .radio.layout_horizontal .form_input {padding:0; }
.inputCols div.indent2,
.inputCols div.indent2.layout_horizontal {padding:0; } /* Adding indent in .inputCols to label, else % widths above are off */
.inputCols .indent2 h4,
.inputCols div.indent2 label,
.inputCols div.indent2.layout_horizontal label {padding-left:4em; }
.inputCols .indent2 .indent2 label {padding-left:6em; }
.inputCols .emptyCol {width:100%; } /* .emptyCol class in .inputCols for aligning question with only 1 input to second column left-aligned inputs */
.inputCols .emptyCol label {margin:0; padding:0 1.5% 0 3.5%; width:71%; } /* Replacing left pad on label w/% to align with left-aligned 2nd col inputs */
.inputCols .emptyCol .form_input {width:20%; }

.inputCols .colHead {display:table; margin:.5em 0 .75em 0; width:100%; }
.inputCols .colHead .col1 {display:table-cell; margin:0; width:71%; }
.inputCols .colHead .col1 .tagIndent {margin:0; }
.inputCols .colHead .col1 .title {display:inline-block; width:65%; }
.inputCols .colHead .col2 {display:table-cell; margin:0; }
.inputCols.v2 .colHead .col2 {text-align:center; }

.inputCols.v2 .col1 {width:71%; } /* .inputCols.v2 uses the styleclasses above, but uses different widths to accomodate longer inputs and right-side alignment, see MB 2-3 */
.inputCols.v2 .col2 {width:27%; }
.inputCols.v2 .col1 label {width:100%; /*width:auto;*/ }
.inputCols.v2 .emptyCol label {margin:0; padding:0 2% 0 3.5%; width:65.5%; }
/*.inputCols.v2 div.indent2 label {padding-left:4em; }*/
.inputCols.v2 .emptyCol .form_input {width:27%; }
.inputCols.v2 .customTag2 label {width:auto; }
/* ==================================
	End double input faux-col layout
   ================================== */
   
/* =====================
	Input column layout
   ===================== */
	/* See Schedule SB, Part I for this in use.
	Flexbox would be great. But older browsers aren't blocked, so all of this would fail with old versions; maybe after IE9 dies.
	This should be able to replace the faux-col layout section above. Or at least in most cases. JM */
.inputColsLayout {display:table; width:100%; }
.inputColsLayout,
.inputColsLayout * {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.inputColsLayout .row,
.inputColsLayout .headerRow {display:table-row;}
.inputColsLayout .headerRow h4,
.inputColsLayout .headerRow .th,
.inputColsLayout .row > .th,
.inputColsLayout .row > .td,
.inputColsLayout .row > label,
.inputColsLayout .row > .layout_horizontal,
.inputColsLayout .row > .layout_vertical {display:table-cell; margin:0; padding-bottom:.25em; }
.inputColsLayout.borderBot,
.inputColsLayout .row.borderBot > label,
.inputColsLayout .row.borderBot > .layout_horizontal {border-bottom:1px solid #000000; padding-bottom:1em; padding-top:1em; }
.inputColsLayout .row.borderBot.noTopPad label,
.inputColsLayout .row.borderBot.noTopPad .layout_horizontal {padding-top:0; }
.inputColsLayout .row label,
.inputColsLayout h4.legend {width:100%; }
.inputColsLayout .row label.lblAuto {width:auto; }
.inputColsLayout .title {color:#000000; display:block; margin:1em 0; text-align:center; }
.inputColsLayout .row .glyph strong {display:inline-block; text-align:right; width:2.5em; }
.inputColsLayout.inputGlyphV2 .row .glyph strong {width:4em; }
.inputColsLayout .row.inputGlyphV3  .glyph strong {margin:0 .25em 0 -2.5em; }
.inputColsLayout .row .radioBlock label {padding:0 0 0 1.25em; width:auto; }

	/* Custom tags for weird input/label/text combinations in this columnar layout */
.inputColsLayout .row .customTag2 label {display:inline-block; padding:0 .25em 0 0; width:auto; }
.inputColsLayout .row .customTag2 .layout_horizontal {margin:0; vertical-align:middle; }

	/* CSS table display works like html tables - padding won't work on rows. Add each .indentX value
	from persistent.css to each label's left margin (2em from 'Form label/glyph spacing' section above).  */
.inputColsLayout .indent,
.inputColsLayout .indent2 {display:table-row-group; }
.inputColsLayout .row.indent,
.inputColsLayout .row.indent2 {display:table-row; }
.inputColsLayout .indent label,
.inputColsLayout .indent h4:first-child {padding-left:3.5em; }
.inputColsLayout .indent2 label,
.inputColsLayout .indent2 h4:first-child {padding-left:4em; }
.inputColsLayout .indent .indent2 label {padding-left:5.5em; }
.inputColsLayout .indent2 .indent2 label {padding-left:6em; }

.inputColsLayout .headerRow.padding2 > .th {padding-top:.5em; padding-bottom:.5em; }
.inputColsLayout .row.padding3 > label,
.inputColsLayout .row.padding3 .layout_horizontal {padding-top:1em; padding-bottom:1em; }
.inputColsLayout .headerRow .th {padding-right:2em; }
.inputColsLayout .headerRow.thSpace1 .th {padding-right:.5em; }

	/* ---------------------------------
		Input column layout - Version 2
	   --------------------------------- */
		/* Kinda gross... Not a fan of this, but it's been left here for posterity... JM */
	.inputColsLayout.v2 {display:block; width:100%; }
	.inputColsLayout.v2 .row,
	.inputColsLayout.v2 .headerRow {display:block; float:left; width:100%; }
	.inputColsLayout.v2 .headerRow .th {padding-right:0; }
	.inputColsLayout.v2 .row > .td,
	.inputColsLayout.v2 .headerRow > .th { }
	.inputColsLayout.v2 .row .layout_horizontal .form_input.textRight {float:right; }
	
	.inputColsLayout.v2 .row > .td:nth-child(1),
	.inputColsLayout.v2 .headerRow > .th:nth-child(1) {
	display: inline-block;
	float:left;
	width: 40%;
	}
	
	.inputColsLayout.v2 .row > .td:nth-child(2),
	.inputColsLayout.v2 .headerRow > .th:nth-child(2) {
	display: inline-block;
	float:left;
	width: 25%;
	}
	
	.inputColsLayout.v2 .row > .td:nth-child(3),
	.inputColsLayout.v2 .headerRow > .th:nth-child(3) {
	display: inline-block;
	float:left;
	width: 35%;
	}
	
	.inputColsLayout.v2 .indent label {padding-left:2em; }
	.inputColsLayout.v2 .indent2 label {padding-left:2em; }
	
	/* -------------------------------------
		End input column layout - Version 2
	   ------------------------------------- */
   
/* =========================
	End input column layout
   ========================= */


/* ================
	Info popup box 
   ================ */
.infoBox {
	border-radius:.25em;
	-moz-border-radius:.25em;
	-webkit-border-radius:.25em;
	-moz-box-shadow:.25em .25em .25em 0 rgba(0,0,0,.4);
	-webkit-box-shadow:.25em .25em .25em 0 rgba(0,0,0,.4);
	box-shadow:.25em .25em .25em 0 rgba(0,0,0,.4);
	filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666') !important;
	background:#ffffcc; border:1px solid #000000; left:100%; margin:.25em 0 0 0; padding:1em 2.5em 1em 3em; width:17em; z-index:1000;
}

.form_input div.infoBox {display:block; position:absolute; white-space:normal; }
.form_input div.infoBox.v2 {left:auto; right:100%; bottom:100%; }
.form_input div.infoBox.v3 {left:auto; right:0%; }
.form_input div.infoBox.v4 {bottom:100%; }
.form_input .infoBox img {padding:0; position:absolute; left:.75em; top:.75em; width:1.5em; }
.form_input .infoBox span {display:inline-block; vertical-align:top; }
.form_input .infoBox div.helpClose {cursor:pointer; position:absolute; right:.5em; top:.5em; }
.form_input .infoBox div.helpClose img {border:none; margin:0; padding:0; position:relative; left:auto; top:auto; width:1em; }

.tagInclude {display:inline-block; margin:0 0 1.5em 0; } /* Fix IE info box display issue in tags after this block */
/* ==============
	End info box 
   ============== */


/* =======================================================================
	Stand-alone tags - Create tags outside of the template paradigm above
   ======================================================================= */
	/* These don't have as much going on as generated tags above, so styles mainly assigned on .tag or container */
.tag {display:inline-block; padding:0 0 .25em 0; }
	/***** Tag width variations - can use the % width classes above (.widthSmall, etc.) *****/
.tag.widthFull,
.widthFull .tag {display:block; width:auto; } /* For the tag to take 100% of its container's width */
.tag.widthFull label,
.widthFull .tag label {width:auto; }
	/***** End tag width variations *****/
.tag label {display:inline-block; padding:0 .5em 0 0; vertical-align:top; }
.tag label.error {color:#cc0000; font-weight:bold; }
	/***** Label width variations *****/
		/* label width applied to individual .tag (selector 1), or to .tag group container (selector 2) */
.tag.tagLabelS label,
.tagLabelS .tag label {width:8em; }
.tag.tagLabelS2 label,
.tagLabelS2 .tag label {width:10em; }
.tag.tagLabelM label,
.tagLabelM .tag label {width:12em; }
.tag.tagLabelL label,
.tagLabelL .tag label {width:16em; }
	/***** End label width variations *****/
.tag input,
.tag .form_input {display:inline-block; vertical-align:middle; }
.tag .outputText {display:inline-block; min-height:1.6em; }
	/***** Stand-alone check box tags *****/
.tag.checkbox {margin:0; padding:0 0 .25em 1.5em; }
.tag.checkbox input {float:left; margin:0 0 0 -1.5em; }
fieldset.noBorder .tag.checkbox {margin:0 0 0 1em; }
		/* for group of checkboxes with horizontally aligned label - wrap question label in heading tag, table with .checkboxGroup */
.tag.cbQuestion {display:inline-table; }
.tag.cbQuestion h3,
.tag.cbQuestion h4 {display:table-cell; padding:0; vertical-align:top; }
.tag.cbQuestion .checkboxGroup {display:table-cell; }
.tag.cbQuestion .checkboxGroup table input[type="checkbox"] {margin:0 .25em 0 0; }
	/***** End stand-alone check box tags *****/
	/***** Stand-alone radio tags *****/
.tag.radio table {display:inline-table; margin:0; }
.tag.radio.tf.widthFull {padding:0 0 0 11em; }
.tag.radio.tf table {float:left; margin:0 0 0 -11em; }
.tag.radio table label {display:inline-block; margin:0 0 0 1.5em; width:auto; }
.tag.radio h4 {display:inline-block; font-weight:normal; }
	/***** End stand-alone radio tags *****/
/* ======================
	End stand-alone tags 
   ====================== */


.help_icon {cursor:pointer; margin:0 .25em; vertical-align:middle; }
.home_filingSummary_spacer {padding: 0 0 0 .25em}
.serviceCodeLink {padding-left:18em; padding-bottom:.4em;}
h4.SbMbTotal {color:black; display:block; font-size:1em; font-weight:bold; hyphens:auto; margin:0 0 .5em 0; padding:.5em .25em 0 2em; vertical-align:top; word-break:loose; } /* To replace fieldset/legend for long descriptions */
.hp3Radio label span{color:black; display:inline block; font-weight:bold; margin: 0 .25em 0 0;}
.hp3Radio label {color:black; display:inline block; margin: 0 0em 0 0;}
.partII5500Label {color:#4f4f4f; font-weight:normal}
.pwdChange {padding-right:60px; display:inline-table;}
.planTableGlyph {float:left;font-weight:bold;color:black;}

.layout_horizontal .form_input div.ui-helper-hidden {display:none; }

.form_input .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
    border: medium none;
    cursor: pointer;
    display: block;
    padding: 3px 26px 3px 5px;
    width: 15em;
    text-align: center
}

.layout_horizontal .schR_nonBold {
	font-weight:normal;
}

.layout_horizontal.radio h4.legend .schR_nonBold {
	font-weight:normal;		
}