﻿/*_/^\_I_/^\_N_/^\_F_/^\_I_/^\_N_/^\_I_/^\_T_/^\_E_/^\_

 (c) Copyright Infinite Talent 2021  

`\V/'I`\V/'N`\V/'F`\V/'I`\V/'N`\V/'I`\V/'T`\V/'E`\V/'*/


        /*
		//////////////////////////////////////////////////////////////////////////////
		//
		//		PLEASE READ
		//
		//		The CSS for form layout has many interdependencies.
		//
		//		Please do not make any changes 
		//
		//		unless you have tested all possible permutations,
		//
		//		every conceivable layout that can be affected by that rule.
		//
		//		Thanks.
		//
		//////////////////////////////////////////////////////////////////////////////
		*/
        
        
        body,
        .questionContainer,
        .questionContainer .questionLabel,
        .questionContainer .questionInput,
        .questionContainer .guardAgainstInvalidMarkup
        {
			color: #333333;
			font-size: 11px;
		}
		body,
		#mainFormContentContainer .binocularLinkConainer i,
		#languageSectionContainer .strong,
		#languageSectionContainer .activeLanguage,
		#languageSectionContainer .languageAnchor
		{
			font-family: verdana,arial,helvetica,sans-serif !important;
			font-size: 11px !important;
		}
		.yui-skin-sam #knxFormBody
		{
		    overflow: visible !important;
		}
		.questionBranch_hide
		{
			display: none;
		}
		.layoutUIEnabled .questionBranch_hide
		{
			display: block;
		}
		select,
		.questionContainer
		{
			zoom: 1;
		}
		#bottomArea,
		#bottomArea table,
		#bottomArea select,
		#bottomArea .EDITPOPformlabel,
		#bottomArea .EDITPOPformlabel span.FONTMedium,
		#bottomArea .approvalHeadingRow .GRIDcolheader,
		#bottomArea td.LTRAlignRight,
		#bottomArea .LTRAlignLeft,
		#bottomArea .LTRAlignLeft b,
		#bottomArea .LTRAlignLeft li,
		.bottomArea,
		.bottomArea table,
		.bottomArea select,
		.bottomArea .EDITPOPformlabel,
		.bottomArea .EDITPOPformlabel span.FONTMedium,
		.bottomArea .approvalHeadingRow .GRIDcolheader,
		.bottomArea td.LTRAlignRight,
		.bottomArea .LTRAlignLeft,
		.bottomArea .LTRAlignLeft b,
		.bottomArea .LTRAlignLeft li,
		.bottomSectionRow
		{
			font-family: verdana,arial,helvetica,sans-serif;
			font-size: 11px;
		}
		#pageContentContainer #bottomButtonsContainer .bottomButton,
		.bottomButton,
		#elinkBlankForm
		{
			font-family: arial,helvetica,sans-serif;/* keeping this consistent with new skin */
			font-size: 11px !important;
		}
		a
		{
			font-size: inherit;/* overwrite configurablestyles.css */
		}
		
		.yui-skin-sam #mainFormContentContainer td.guardAgainstInvalidMarkup,
		.bd a,
		#bottomArea font,
		#bottomArea td,
		#bottomArea i,
		#bottomArea a,
		#bottomArea input,
		.bottomArea font,
		.bottomArea td,
		.bottomArea i,
		.bottomArea a,
		.bottomArea input,
		.viewMode td
		{
			font-size: 100%;
		}
		td#pTitleCell
		{
			font-size: 12px;
		}
		.guardAgainstInvalidMarkup,
		.guardAgainstInvalidMarkup tbody,
		.guardAgainstInvalidMarkup tr
		{
			padding: 0px !important;
		}
		table.guardAgainstInvalidMarkup tr
		{
			vertical-align: top;
			padding-top: 6px;
		}
		.questionInput option
        {
			font-family: verdana,arial,helvetica,sans-serif;
		}
		#pageContentContainer
		{
		}
		.layoutUIEnabled #mainFormContentContainer,
		.layoutUIEnabled #combinedFormContent
		{
			border-top: solid 1px #666666;
			zoom: 1;
			position: static;
		}
		.layoutUIEnabled #mainFormContentContainer.addMode
		{
			border-top: none;
		}
		.mainAreaContainer
		{
			padding: 10px;
			
		}
		#fixedPageHeadContainer
		{
			padding-top: 4px;
		}
		#workbenchFormHeadingImageWrapper,
		.headerImageWrapper
        {
            margin: 10px 10px 0 10px;
            padding: 0 1%;
        }
        #workbenchFormHeadingImageWrapper.center,
        .imageAlign1
        {
            text-align: center;
        }
         #workbenchFormHeadingImageWrapper.right,
         .imageAlign2
        {
            text-align: right;
            padding-top: 3px;
            *padding-top: 6px;
        }
		#bottomArea,
		.bottomArea
		{
			padding-right: 16px;
			margin-top: 20px;
		}
		#bottomAreaLeftSpacer
		{
			width: 20px !important;
		}
		#bottomArea td,
		.bottomArea td,
		a.languageAnchor
		{
			font-size: inherit !important;
			float: none;
		}
		#bottomArea
		{
			padding-left: 22px;
		}
		#bottomArea .approvalColL
		{
			width: 36% !important;
			padding-right: 26px;
			
		}
		#bottomArea .approvalColR
		{
			width: 63% !important;
		}
		.requiredLegendCell
		{
			text-align: center;
		}
		.notifyUponHeading
		{
			font-weight: bold;
		}
		#bottomArea .approvalHeadingRow .GRIDcolheader,
		.bottomArea .approvalHeadingRow .GRIDcolheader
		{
			padding-top: 3px;
			padding-bottom: 3px;
		}
		#bottomArea .approvalHeadingBottomSpacer,
		.bottomArea .approvalHeadingBottomSpacer
		{
			height: 16px;
		}
		.alignCenter .checkboxWrapper,
		.alignCenter .radioWrapper,
		.alignLeftOptionsCenter .checkboxWrapper,
		.alignLeftOptionsCenter .radioWrapper,
		.labelsAbove .checkboxWrapper,
		.labelsAbove .radioWrapper
		{
			width: 100% !important;
		}
		.checkboxWrapper label,
		.radioWrapper td.guardAgainstInvalidMarkup,
		.viewMode .questionInput,
		.viewMode .questionInput b
		{
			white-space: normal;
			word-wrap: break-word;
		}

		span
		{			
			text-align: left;
		}

		.alignCenter .labelsLeft .questionLabel .EDITPOPformlabel
		{
			min-width: 100%;
			text-align: right;
		}
		.alignCenter .labelsLeft .questionLabel .guardAgainstInvalidMarkup
		{
			text-align: right;
		}
		#languageSectionContainer
		{
			text-align: center;
			position: relative;
		}
		#languageSectionHideShowButton
		{
			height: 16px;
			width: 16px;
			position: absolute;
			top: 4px;
			left: 10px;
			background: transparent url(/Welcomepages.Userinterface/YUI/V2.6.0/sprite.png) scroll 0 -350px;
			cursor: pointer;
			z-index: 10000;
		}
		#languageSectionHideShowButton.minus
		{
			background-position: 0 -400px;
		}
		div#languageOptions
		{
			padding: 6px 0 10px 0;
		}
		.layoutUIEnabled #languageSectionContainer
		{
			height: 16px;
			padding: 0px;
		}
		.layoutUIEnabled #languageSectionContainer.expanded
		{
			height: auto;
			padding: 10px;
		}
		.layoutUIEnabled #languageSectionContainer div#languageOptions,
		.layoutUIEnabled #languageSectionContainer div.strong,
		.layoutUIEnabled #languageSectionContainer #elinkBlankForm,
		.layoutUIEnabled .popupHeader
		{
			display: none;
		}
		.layoutUIEnabled #languageSectionContainer.expanded div#languageOptions,
		.layoutUIEnabled #languageSectionContainer.expanded div.strong,
		.layoutUIEnabled .popupHeaderExpanded
		{
			display: block;
		}
		.layoutUIEnabled #languageSectionContainer.expanded #elinkBlankForm
		{
			display: inline;
			display: inline-block;
		}
		input#elinkBlankForm,
		.bottomButton,
		#bottomButtonsContainer .bottomButton,
		.listButton
		{
			background:  #D8D8DA url(/Welcomepages.Userinterface/YUI/V2.6.0/sprite.png) repeat-x scroll 0 0;
			border: solid 1px #808080;
		}
		input#elinkBlankForm
		{
			text-transform: none;
		}
		.HelpText
		{
			font-size: 11px !important;
		}
		.HelpQuestion
		{
			font-size: 15px !important;
		}
		.elinkHeader
		{
			font-size: 15px !important;
		}
		td.LTRAlignRight
        {
            text-align:-khtml-right;
            text-align : -moz-right;
        }

        .LTRAlignRight
        {
            text-align :right;
        }
        div.clearBoth
        {
        	clear: both;
        	height: 0px !important;
        	line-height: 0px !important;
        }
        /* <<<<<<<<<<<<<<<<< Buttons >>>>>>>>>>>>>>>>> */
        #allButtonsContainer
        {
        	padding: 10px;
        	margin: 10px;
			height: 24px;
        	z-index: 7;
        	background-color: White;
        	border: solid 1px #666666;
        	
        }
        
        #sectionLayoutButtonContainer,
        #addRemoveButtonContainer
        {
        	float: left;
        }
        #sectionLayoutButtonContainer,
        #addRemoveButtonContainer,
        .buttonGroup,
        .layoutButton
        {
        	height: 24px;
        	font-size: inherit;
        }
        .buttonGroup
        {
        	display: block;
        	float: left;
        	margin-right: 15px;
        }
        .layoutButton
        {
        	width: 27px;
        	background: transparent url(/Welcomepages.Userinterface/images/fromLayoutButtons2.png) scroll 0 0;
        	cursor: pointer;
        	margin-right: 1px;
        	float: left;
        }
        .buttonGroup .disabled
        {
            width: 26px;
            margin-left: 1px;
        }
        #sectionLayoutButtonContainer .buttonGroup .disabled
        {
        	background-position-x: -60px !important;
        }
        #sectionLayoutButtonContainer .buttonGroup .selected
        {
        	background-position-x: -30px !important;
        }

        
        /* Basic Enabled Buttons */
        #oneColumn
        {
        }
        #twoColumns
        {
        	background-position: 0 -25px;
        }
        #threeColumns
        {
        	background-position: 0 -50px;
        }
        #alignLeftOptionsCenter
        {
        	background-position: 0 -75px;	
        }
        #alignLeft
        {
        	background-position: 0 -100px;
        }
        #alignCenter
        {
        	background-position: 0 -125px;
        }
        #labelsAbove
        {
        	background-position: 0 -175px;
        }
        #labelsLeft
        {
        	background-position: 0 -150px;
        }
        #optionsVertical
        {
        	background-position: 0 -200px;
        }
        #optionsHorizontal
        {
        	background-position: 0 -225px;
        }
        #expandSelected
        {
        	background-position: 0 -250px;
        }
        #collapseSelected
        {
        	background-position: 0 -275px;
        }
        #expandAll
        {
        	background-position: 0 -300px;
        }
        #collapseAll
        {
        	background-position: 0 -325px;
        }
        #addSectionAbove
        {
        	background-position: 0 -350px;
        }
        #addSection
        {
        	background-position: 0 -800px;
        }
        #splitSectionAtHeadings
        {
        	background-position: 0 -825px;
        }
        #removeSection
        {
        	background-position: 0 -375px;
        }
        #selectAll
        {
        	background-position: 0 -400px;
        }
        #indent
        {
        	background-position: 0 -425px;
        }
        #outdent
        {
        	background-position: 0 -450px;
        }
        #bottomMargin
        {
        	background-position: 0 -475px;
        }
        #bullets
        {
        	background-position: 0 -500px;
        }
        #tabIndexHorizontal
        {
        	background-position: 0 -875px;
        }
        #fontsMain
        {
        	background-position: 0 -525px;
        }
        #fontStyle
        {
        	background-position: 0 -550px;
        }
        /* Highlighted Buttons */
        #oneColumn.selected
        {
        	background-position: -30px 0;
        }
        #twoColumns.selected
        {
        	background-position: -30px -25px;
        }
        #threeColumns.selected
        {
        	background-position: -30px -50px;
        }
        #alignLeftOptionsCenter.selected
        {
        	background-position: -30px -75px;	
        }
        #alignLeft.selected
        {
        	background-position: -30px -100px;
        }
        #alignCenter.selected
        {
        	background-position: -30px -125px;
        }
        #labelsAbove.selected
        {
        	background-position: -30px -175px;
        }
        #labelsLeft.selected
        {
        	background-position: -30px -150px;
        }
        #optionsVertical.selected
        {
        	background-position: -30px -200px;
        }
        #optionsHorizontal.selected
        {
        	background-position: -30px -225px;
        }
        #expandSelected.selected
        {
        	background-position: -30px -250px;
        }
        #collapseSelected.selected
        {
        	background-position: -30px -275px;
        }
        #expandAll.selected
        {
        	background-position: -30px -300px;
        }
        #collapseAll.selected
        {
        	background-position: -30px -325px;
        }
        #addSection.selected
        {
        	background-position: -30px -350px;
        }
        #splitSectionAtHeadings.selected
        {
        	background-position: -30px -825px;
        }
        #removeSection.selected
        {
        	background-position: -30px -375px;
        }
        #selectAll.selected
        {
        	background-position: -30px -400px;
        }
        #indent.selected
        {
        	background-position: -30px -425px;
        }
        #outdent.selected
        {
        	background-position: -30px -450px;
        }
        #bottomMargin.selected
        {
        	background-position: -30px -475px;
        }
        #bullets.selected
        {
        	background-position: -30px -500px;
        }
        #tabIndexHorizontal.selected
        {
        	background-position: -30px -875px;
        }
        #fontsMain.selected
        {
        	background-position: -30px -525px;
        }
        #fontStyle.selected
        {
        	background-image: none;
        }
        
        /* Disabled Buttons */
        #oneColumn.disabled
        {
        	background-position: -60px 0;
        }
        #twoColumns.disabled
        {
        	background-position: -60px -25px;
        }
        #threeColumns.disabled
        {
        	background-position: -60px -50px;
        }
        #alignLeftOptionsCenter.disabled
        {
        	background-position: -60px -75px;	
        }
        #alignLeft.disabled
        {
        	background-position: -60px -100px;
        }
        #alignCenter.disabled
        {
        	background-position: -60px -125px;
        }
        #labelsAbove.disabled
        {
        	background-position: -60px -175px;
        }
        #labelsLeft.disabled
        {
        	background-position: -60px -150px;
        }
        #optionsVertical.disabled
        {
        	background-position: -60px -200px;
        }
        #optionsHorizontal.disabled
        {
        	background-position: -60px -225px;
        }
        #expandSelected.disabled
        {
        	background-position: -60px -250px;
        }
        #collapseSelected.disabled
        {
        	background-position: -60px -275px;
        }
        #expandAll.disabled
        {
        	background-position: -60px -300px;
        }
        #collapseAll.disabled
        {
        	background-position: -60px -325px;
        }
        #addSectionAbove.disabled
        {
        	background-position: -60px -350px;
        }
        #addSection.disabled
        {
        	background-position: -60px -800px;
        }
        #splitSectionAtHeadings.disabled
        {
        	background-position: -60px -825px;
        }
        #removeSection.disabled
        {
        	background-position: -60px -375px;
        }
        #selectAll.disabled
        {
        	background-position: -60px -400px;
        }
        #indent.disabled
        {
        	background-position: -60px -425px;
        }
        #outdent.disabled
        {
        	background-position: -60px -450px;
        }
        #bottomMargin.disabled
        {
        	background-position: -60px -475px;
        }
        #bullets.disabled
        {
        	background-position: -60px -500px;
        }
        #tabIndexHorizontal.disabled
        {
        	background-position: -60px -875px;
        }
        #fontStyle.disabled
        {
        	background-position: -60px -550px;
        }



		/* <<<<<<<<<<<<< Font Style Dropdown >>>>>>>>>>>>>>>>> */
		
		
		#fontStyle span#fontStyleDropdownArrow
		{

		}
		#fontStyle
		{
			_width: auto;
			margin: 0;
			padding: 0;
		}
		#fontStyle span
		{
			display: none;
		}
		/*
		IE6 BUG:  IE6 will not honor the following rule
		once an #ID.className rule has been defined
		no other #ID.newClassName will be honored
		very frustrating
		*/
		#fontStyle.selected
		{
			margin: 0px;
			background-image:  none;
			width: auto;
		}
		#fontStyle #fontStyleMidSection,
		#fontStyle.selected span
		{
			display: inline;
			*display: inline-block;
		}
		#fontStyle.selected #fontStyleLeftBorder
		{
			background-position: 0 -600px;
			width: 10px;
			margin: 0px;
		}
		#fontStyle.selected #fontStyleRightBorder
		{
			background-position: -20px -600px;
			width: 10px;
			margin: 0px;
		}
		#fontStyle #fontStyleMidSection
		{
			background-image: none;
			padding: 6px 0px 0px 13px;
			*padding: 4px 0px 0px 13px;
		}
		#fontStyle.selected #fontStyleMidSection
		{
			background-image: url(/Welcomepages.Userinterface/images/fromLayoutButtons2.png);
			background-position: 0px -675px;
			background-repeat: repeat-x;
			margin: 0px;
			font-weight: bold;
			width: auto;
			padding: 0;
			*display: inline-block;
			*padding-top: 2px;
		}
		#fontStyle.selected #fontStyleLabel
		{
			padding: 0 4px;
			position: relative;
			*display: inline-block;
			*position: static;
			*white-space: nowrap;
			top: 3px;
		}
		#fontStyle #fontStyleDropdownArrow
		{
			background-image: url(/Welcomepages.Userinterface/YUI/V2.6.0/dt-arrow-dn.png);
			background-repeat: no-repeat;
			display: inline-block;
			height: 4px;
			width: 9px;
			margin-left: 4px;
			*background-position: 0px 4px;
			*position: static;
		}
		#fontStyle.selected #fontStyleLeftBorder
		{
			background-position: 0 -650px;
		}
		#fontStyle.selected #fontStyleRightBorder
		{
			background-position: -20px -650px;
		}
		#fontStyle.disabled #fontStyleMidSection
		{
			background-position: 0px -725px;
			color: #c7c7c7;
		}
		#fontStyle.disabled #fontStyleLeftBorder
		{
			background-position: 0 -700px;
		}
		#fontStyle.disabled #fontStyleRightBorder
		{
			background-position: -20px -700px;
		}
		#fontStyle.disabled #fontStyleDropdownArrow
		{
			display: none;
		}
		#fontStyle_menu a.yuimenuitemlabel
		{
			text-decoration: none !important;
			padding-top: 8px;
			padding-bottom: 8px;
		}
        
		
		

		/* <<<<<<<<<<<<< Fonts Toolbar >>>>>>>>>>>>>>>>> */
		#fontsMainButtonContainer
		{
			display: none;
		}
		
		#fontToolbarWrapper
		{
			position: relative;
			*clear: left;
			*z-index: 5;
			margin-bottom: 10px;
		}
		
		#fontToolbarContainer
		{
			background-color: White;
			overflow: hidden;
			top: 0px;
			display: none;
			position: relative;
			padding: 0 10px;
		}
			
		#fontToolbarContainer .yui-toolbar-subcont
		{
			border: none !important;
			padding: 0 10px 0.35em 10px;
		}
		#fontToolbarContainer fieldset
		{
			border: solid 1px #666666;
			padding-bottom: 6px;
		}
		#fontToolbarContainer ul
		{
			padding-left: 0px;
			margin-top: 6px;
			margin-left: 0px;
		}
		#fontToolbarContainer .yui-toolbar-group-rules,
		#fontToolbarContainer .yui-toolbar-group-defaultRules
		{
			display: none !important;/*Functionality removed per PM*/
		}
		#fontToolbarContainer .yui-toolbar-group-fontstyle
		{
			margin-right: 20px;
		}
		#fontToolbarContainer .yui-toolbar-group h3
		{
			padding-left: 0px;
			margin-left: -1px;
			margin-top: 6px;
			font-weight: normal;
			font-size: 9px;
		}
		
		.yui-skin-sam .yui-toolbar-container .yui-toolbar-font-weight span.yui-toolbar-icon
		{
			background-position: 0 0 !important;
			left: 5px;
		}
		.yui-skin-sam .yui-toolbar-container .yui-toolbar-font-style span.yui-toolbar-icon
		{
			background-position: 0 -36px !important;
			left: 5px;
		}
		.yui-skin-sam .yui-toolbar-container .yui-toolbar-text-decoration span.yui-toolbar-icon
		{
			background-position: 0 -72px !important;
			left: 5px;
		}
		.yui-skin-sam .yui-toolbar-container .yui-toolbar-color span.yui-toolbar-icon
		{
			background-position: 0 -216px !important;
			left: 5px;
		}
		.yui-skin-sam .yui-toolbar-container .yui-toolbar-background-color span.yui-toolbar-icon
		{
			background-position: 0 -288px !important;
			left: 5px;
		}
		.yui-skin-sam .yui-toolbar-container .yui-button
		{
			top: -1px;
		}
		.yui-skin-sam .yui-toolbar-container .yui-button .first-child
		{
			*width: 32px;
		}
		.yui-skin-sam .yui-toolbar-container .yui-toolbar-spinbutton .first-child
		{
			*width: 42px;
		}
		.yui-skin-sam .yui-toolbar-container .yui-toolbar-spinbutton
		{
			left: 2px;
		}
		.yui-toolbar-group-defaultRules
		{
			margin-left: 20px;
		}
		span.rulesListRule
		{
			padding-right: 10px;
			font-size: 10px;
		}
		#noColorLink
		{
			background: transparent url(/Welcomepages.Userinterface/images/fromLayoutButtons2.png) scroll 0 -750px;
		}
			
		
		
        /* <<<<<<<<<<<<< Section Container Elements >>>>>>>>>>>>>>>>> */
        .section
        {
        	padding: 0;
        	clear: left;
        }
        .layoutUIEnabled .section
        {
        	border: dotted 1px #cccccc;
        	_border: dotted 2px #cccccc;
        }
        .sectionSelected
        {
        	border: solid 1px Red !important;
        }
        .section .sectionSelected
        {
        	border: none !important;
        }
        .emptySection
        {
        	display: none;
        }
        .dragSelections .emptySection
        {
        	display: block;
        }	
        .sectionSelected .twoColumns .column1,
        .sectionSelected .threeColumns .column1,
        .sectionSelected .threeColumns .column2
        {
        	border-right: dotted 1px Red !important;
        	_border-right: dashed 1px Red !important;
        }
        .sectionColumnsContainer
        {
        	position: relative;
        	padding-left: 0px !important;
        	margin-bottom: 0px !important;
        }
        
        
        
        /* Empty Columns in Layout Tool */
        .layoutUIEnabled .column
        {
        	min-height: 40px;
        }
        .layoutUIEnabled .dragSelections .column1 /* strange IE8 min-height bug */
        {
        	*height: 40px;
        	overflow: visible;
        }
        
        /* Heading Container */
        .sectionHeadingContainer
		{
			margin: 0 1%;
		}
		.layoutUIEnabled .sectionHeadingContainer
		{
			border-bottom: dotted 1px #CCCCCC;
			_border-bottom: dashed 1px #CCCCCC;
		}
		.layoutUIEnabled .sectionSelected .sectionHeadingContainer
		{
			border-bottom-color: Red;
			_border-bottom-color: Red;
		}
		.emptyHeadingContainerMessage
		{
			display: none;
		}
		.layoutUIEnabled .sectionHeadingContainer .emptyHeadingContainerMessage
		{
			display: inline;
			color: #CCCCCC;
			font-style: italic;
		}
		.layoutUIEnabled .sectionSelected .sectionHeadingContainer .emptyHeadingContainerMessage
		{
			color: Red;
		}
		
		
		/* <<<<<<<<<<<<<<< Collapsed Sections >>>>>>>>>>>>>>>>>>. */
		.layoutUIEnabled .collapsed
        {
        	padding: 0 10px;
        }
        .layoutUIEnabled .collapsed .sectionColumnsContainer
        {
        	padding: 0;
        	border: none;
        }
        .layoutUIEnabled .collapsed .sectionColumnsContainer .column
        {
        	min-height: 16px;
        	*height: 16px;
			width: 99%;
			padding: 0 !important;
			margin-right: -2px;
			margin-bottom: 1px;
			height: 18px !important;
        	border: solid 1px Blue !important;  
        	overflow: hidden !important;	
        }
        .layoutUIEnabled .collapsed .twoColumns .column
        {
        	width: 49.5% !important;
        }
        .layoutUIEnabled .collapsed .twoColumns .column2
        {
        	left: 49.5% !important;
        }
        .layoutUIEnabled .collapsed .threeColumns .column
        {
        	width: 33% !important;
        }
        .layoutUIEnabled .collapsed .sectionHeadingContainer
        {
        	margin: 0 0 1px 0 !important;
        	width: 99%;
        	max-height: 4em;
        	_height: 4em;
        	overflow: hidden;
        }
        .layoutUIEnabled .collapsed .sectionColumnsContainer,
        .layoutUIEnabled .collapsed .column
        {
        	height: 20px !important;
        }
        .layoutUIEnabled .collapsed .questionContainer
        {
        	display: none;
        }
        .layoutUIEnabled .collapsed .sectionHeadingContainer  .staticTextWrapper
        {
        	display: block;
        }
        .layoutUIEnabled .collapsed .sectionHeadingContainer .staticTextLiner,
		.layoutUIEnabled .collapsed .sectionHeadingContainer .staticTextLiner font
        {
        	display: block;
        	_width: 100%;
        	overflow: hidden;
        	white-space: nowrap;
        	text-overflow: ellipsis;
        }
        
        /* <<<<<<<<<<<<<<< Question Elements >>>>>>>>>>>>>>>>>>*/
        div.questionContainer
        {
        	line-height: 20px;
        	padding: 8px 0;
        	width: 100%;
        }
        div.field-type_multi-select,
        div.field-type_single-select
        {
            overflow-x: hidden;
        }
        .questionContainer .FONTLarge,
        .questionContainer .FONTMedium,
        .questionContainer .FONTSmall
        {
        	*position: relative;
        }
        
        
        .viewMode div.questionContainer
        {
        	padding: 4px 0;
        }
        .viewMode .questionInput
        {
			padding-top: 2px;
			padding-bottom: 2px;
			margin-top: 2px;
			*margin-top: 0px;
        }
        
		.viewMode .viewResponse .labelsAbove td.guardAgainstInvalidMarkup {
			 display: block !important;
		}

		.viewMode .labelsAbove .questionContainer .questionInput {
			 padding-left: 0px !important;
			 padding-right: 0px !important;
		}

		.viewMode .viewResponse{
			padding-bottom: 0.5em;
		}
		.viewMode .viewResponse td.guardAgainstInvalidMarkup{
			padding-bottom: 0.25em;
		}
		.viewMode .viewResponse td.guardAgainstInvalidMarkup,
		.viewMode .viewResponse font,
		.viewMode .viewResponse span{
			line-height: 15px !important;
		}

        .layoutUIEnabled div.questionContainer
        {
        	cursor: move;
        }
        #mainFormContentContainer .EDITPOPformlabel,
		#mainFormContentContainer .guardAgainstInvalidMarkup,
		#mainFormContentContainer label,
		#mainFormContentContainer input,
		#mainFormContentContainer a,
		#mainFormContentContainer i,
		#mainFormContentContainer select,
		#mainFormContentContainer font,	
		#ygddfdiv .EDITPOPformlabel,
		#ygddfdiv .guardAgainstInvalidMarkup,
		#ygddfdiv label,
		#ygddfdiv input,
		#ygddfdiv a,
		#ygddfdiv i,
		#ygddfdiv select,
		#ygddfdiv font
		{
			font-weight: inherit;
			font-style: inherit;
			text-decoration: inherit;
			color: inherit;
			background-color: inherit;
			font-size: inherit;
			font-family: inherit;
		}
		#mainFormContentContainer a
		{
		    text-decoration: underline !important;
			color: blue !important;
		}
		.viewMode #mainFormContentContainer .questionInput a {
            color: blue !important;
            text-decoration: underline !important;
        }
        
        #mainFormContentContainer .questionContainer font
		{
			background-color: inherit !important;
		}
		#mainFormContentContainer .questionContainer option,
		#mainFormContentContainer .questionContainer select,
		#mainFormContentContainer .questionContainer input.TEXTtextfield,
		#mainFormContentContainer .questionContainer input.NUMERICtextfield,
		#mainFormContentContainer .field-type_ssn input,	
		#ygddfdiv .questionContainer option,
		#ygddfdiv .questionContainer select,
		#ygddfdiv .questionContainer input.TEXTtextfield,
		#ygddfdiv .questionContainer input.NUMERICtextfield,
		#ygddfdiv .field-type_ssn input
		{
			background-color: White !important;
		}
        .questionInput .guardAgainstInvalidMarkup,
        .staticTextWrapper .guardAgainstInvalidMarkup,
        .staticTextWrapper .FONTSmall,
        .staticTextWrapper .FONTMedium,
        .staticTextWrapper .FONTLarge
        {
        	width: 100%;
        	border-spacing: 0;
        }
        .staticTextLiner
        {
        	*display: inline-block;
        	display: block;
        	
        }
        .staticTextContainer
        {
        	*padding-left: 6px !important;
        	*padding-right: 6px !important;
        }
        .staticTextWrapper .guardAgainstInvalidMarkup,
        .staticTextWrapper .FONTSmall,
        .staticTextWrapper .FONTMedium,
        .staticTextWrapper .FONTLarge
        {
        	*display: inline;
        	*display: inline-block;
        	margin: 0;
        	padding: 0;
        }
        .alignLeftOptionsCenter  .questionContainer span.questionLabel span.EDITPOPformlabel
        {
        	text-align: left;
        }
        .alignLeftOptionsCenter  span.questionLabel table.guardAgainstInvalidMarkup
        {
        	float: left;
        }
        span.questionLabel
        {
        	font-weight: bold;
        	overflow: hidden;
        	
        }
        .questionInput label
        {
        	margin-right: 8px;
        	white-space: nowrap;
        }
        span.questionLabel,
        span.questionLabel td.guardAgainstInvalidMarkup,
        span.questionLabel td.guardAgainstInvalidMarkup font
        {
        	word-wrap: break-word !important;
        }
        span.questionLabel td.guardAgainstInvalidMarkup,
        span.questionLabel table.guardAgainstInvalidMarkup,
        span.questionLabel td.guardAgainstInvalidMarkup span.EDITPOPformlabel
        {
        	overflow: hidden;
        	*width: auto;
        	padding: 0px !important;
        	margin: 0px;
        }
        .labelsLeft .alignCenter span.questionLabel table.guardAgainstInvalidMarkup
        {
        	float: right;
        }
        .labelsAbove .alignCenter span.questionLabel table.guardAgainstInvalidMarkup,
        .labelsAbove .alignCenter span.questionLabel td.guardAgainstInvalidMarkup,
		.labelsAbove .alignCenter span.questionLabel .guardAgainstInvalidMarkup tbody,
		.labelsAbove .alignCenter span.questionLabel .guardAgainstInvalidMarkup tr,
		.questionInput table.guardAgainstInvalidMarkup,
		.questionInput td.guardAgainstInvalidMarkup,
		.questionInput .guardAgainstInvalidMarkup tbody,
		.questionInput .guardAgainstInvalidMarkup tr
		{
        	display: inline;
        }
        span.questionLabel,
        .staticTextContainer
        {
        	padding: 2px 4px;
        }
        .questionInput
        {
        	padding-right: 6px;
        	
        }
        .checkboxInputWrapper,
        .radioInputWrapper
        {
        	position: relative;
        	top: 2px;
        }
        .viewResponse,
        .viewMode #mainFormContentContainer .optionsHorizontal .optionsHorizontal .questionInput .viewResponse
		{
			float: none !important;
			display: block !important;
		}
		.tgScore
		{
			float: right;
		}
		.SSPrompt,
        .binocularLinkConainer
        {
        	white-space: nowrap;
        }
        
        
        
        /*<<<<<<<<<<<<<<< Question Specific Help >>>>>>>>>>>>>>>>>>*/
        
        /*
		Back pocket fixes for help:
		Many clients inject markup into label-type fields for centering and/or headings.
		If help is configured for these fields, it will not display properly.
		1.  To get the help link to display properly when injected tags are block level elements, simply add style="display: inline;".
		2.  To get the help link to display properly when injected tags are center aligned:
				a)  Turn off the help in WB.
				b)	Add a class of "hasHelpText to the injected, centered container element.
				c)	Append the help markup (two spans) to it: <span class="helpLink"><span class="questionHelpText">Invisible help text to be displayed on click goes here.</span></span>

				Complete Example:
				<span class="hasHelpText" style="display: block; text-align: center;">This example text is centered.<span class="helpLink"><span class="questionHelpText">Help text to be displayed on click goes here.</span></span></span>
		*/
        
        .helpLink
        {
        	height: 20px;
        	width: 16px;
        	background: transparent url(/Welcomepages.Userinterface/YUI/V2.6.0/sprite.png) scroll 0 -1200px;
        	text-decoration: none;
        	position: relative;
        	cursor: pointer;
        	display: none;
        	*top: 0px;
        }
        .staticTextContainer .helpLink
        {
			height: 16px;
			margin-bottom: -2px;
			margin-left: 6px;
        }
        .hasHelpText .helpLink
        {
        	display: inline-block;
        }
        td.helpLinkCell
        {
        	vertical-align: top;
        	*vertical-align: top;
        	width: 16px;
        	padding: 0 0 0 6px;
        	margin: 0px;
        	position: relative;
        }
        .viewMode .helpLink,
        .viewMode td.helpLinkCell,
        .questionHelpText
        {	
        	display: none;
        }
        #helpOverlay .container-close
        {
        	top: 3px;
        }
        #helpOverlay .hd
        {
        	zoom:	1;
        }
        
        

        /*<<<<<<<<<<<<<<< Column Layouts >>>>>>>>>>>>>>>>>>*/
        .ui-bar h2
        {
            margin: 0;
            padding: 0;
            font-size: 1em;
            display: block;
        }
		.column
		{
			width: 98%;
			*width: 100%;
			top: 0;
			padding: 0 1%;
			overflow: hidden;
		}
		.oneColumn .column2,
        .oneColumn .column3,
        .twoColumns .column3
        {
        	display: none;
        }
        .twoColumns .column1,
        .twoColumns .column2
        {
        	width: 48%;
        	*width: 50%;
        }
        .twoColumns .column1,
        .threeColumns .column1,
        .threeColumns .column2
        {
        	padding-right: 1%;
        }
        .twoColumns .column1
        {
        	*padding-left: 2%;
        }
        .twoColumns .column2
        {
        	*padding-right: 2%;
        	position: absolute;
        	left: 50%;
        	*left: 49%;
        }
        .threeColumns .column
        {
        	width: 31%;
        	*width: 33.33%;
        	top: 0;
        }
        .threeColumns .column1
        {
        	*padding-left: 3%;
        }
        .threeColumns .column2
        {
        	position: absolute;
        	left: 33%;
        	*left: 32.5%;
        }
        .threeColumns .column3
        {
        	*padding-right: 3%;
        	position: absolute;
        	left: 66%;
        	*left: 65.33%;
        }
        .threeColumns .kibAlignment {
	    display: block;
		text-align: right;
		}

        .FORMPOPformlargearea,
        .twoColumns .TEXTtextfield,
        .threeColumns .TEXTtextfield
        {
        	width: 100% !important;
        }
      
        .alignLeft .labelsAbove .field-type_email .questionInput,
        .alignLeft .labelsAbove .field-type_text .questionInput
        {
            float:none;
            display:block !important;
        }
        .alignLeft .labelsAbove .field-type_textarea .questionInput            
        {
            float:none !important;
            display:block !important;
        }
        .oneColumn .labelsAbove .field-type_textarea .questionInput
        {
            max-width:480px !important;
            _width:480px !important;
        }
        .alignLeftOptionsCenter .labelsAbove .field-type_textarea .questionInput
        {
            width:57% !important;
        }
       
        .alignLeft .labelsAbove .field-type_email .questionInput .TEXTtextfield,
        .alignLeft .labelsAbove .field-type_text .questionInput .TEXTtextfield
        
        {
            width:95% !important;
        }

        
       .oneColumn .labelsAbove .field-type_email .questionInput .TEXTtextfield,
        .oneColumn .labelsAbove .field-type_text .questionInput .TEXTtextfield
        {
            width:180px !important;
        }

        /*
		//////////////////////////////////////////////////////////////////////////////
		//
		//		PLEASE NOTE
		//
		//		Since IE6 cannot honor selectors with two classes for the same element,
		//
		//		the same layout classes are applied to both the section container div and the section columns container div
		//
		//		Thus a combination of two classes is referenced separated by a space.
		//
		//////////////////////////////////////////////////////////////////////////////
		*/
        
        
        
        /*<<<<<<<<<<<<<<< Question Layouts >>>>>>>>>>>>>>>>>>*/
        

        .alignLeft .questionInput
        {
        	float: left;
        }
        .alignLeft .optionsVertical .radioWrapper label,
        .alignLeft .optionsVertical .checkboxWrapper label
        {
        	*width: 98%;
        	*float: none;
        }
        .alignLeft .optionsVertical .radioWrapper,
        .alignLeft .optionsVertical .checkboxWrapper
        {
        	*float: none;
        }
        
        /* Hack for all FF */
        @-moz-document url-prefix() {
		  .optionsVertical .checkboxWrapper,
		  .optionsVertical .radioWrapper
		  { 
			 padding-left: 20px;			 
		  }
		  .optionsVertical .checkbox,
		  .optionsVertical .radio
		  {
		  	 margin-left: -20px;
		  }
		}
        
        .labelsAbove .questionLabel,
        .labelsAbove .questionInput
        {
        	float: left;
        	clear: left;
        }
        .labelsAbove .questionLabel
        {
        	margin-bottom: 4px;
        }
        .field-type_date .questionInput
        {
        	*white-space: nowrap;
        	position: relative;
        	top: -4px;
        }
        .viewMode .field-type_date .questionInput
        {
        	position: static;
        }
        .field-type_date .questionInput select.dateSelect,
        .field-type_date .questionInput a.calendarIconWrapper
        {
        	 display: inline;
        	 float: none;
             margin-top: 4px !important;
        }
        
        
        .alignCenter h3,
        .alignCenter .h3
        {
        	text-align: center;
        }
        .alignCenter .questionLabel,
        .alignLeftOptionsCenter .questionLabel
        {
        	text-align: right;
        	float: left;
        	width: 36%;
        	padding-right: 8px;
        }
        .labelsAbove .alignLeftOptionsCenter .questionLabel
        {
        	width: 100%;
        }
        .alignLeftOptionsCenter .questionLabel span.EDITPOPformlabel font
        {
        	text-align: left;
        }
        .alignCenter .questionInput,
        .alignLeftOptionsCenter .questionInput
        {
        	float: left;
        }
        .alignLeftOptionsCenter .labelsAbove .field-type_email .questionInput,
        .alignLeftOptionsCenter .labelsAbove .field-type_text .questionInput
        {
        	width: 57%;
        	text-align: left;
        }
        .field-type_textarea .questionInput
        {
        	min-width: 55%;
        }

        .alignCenter .field-type_checkbox .questionInput,
        .alignCenter .field-type_radio .questionInput,
        .alignCenter .field-type_date .questionInput,
        .viewMode .labelsLeft .alignCenter .questionInput
        {
        	width: 57%;
        	text-align: left;
        }
        .yui-skin-sam #ygddfdiv .alignLeftOptionsCenter .field-type_checkbox .questionInput,
        .yui-skin-sam #ygddfdiv .alignLeftOptionsCenter .field-type_radio .questionInput,
        .yui-skin-sam #ygddfdiv .alignLeftOptionsCenter .field-type_date .questionInput,
        .yui-skin-sam #mainFormContentContainer .alignLeftOptionsCenter .field-type_checkbox .questionInput,
        .yui-skin-sam #mainFormContentContainer .alignLeftOptionsCenter .field-type_radio .questionInput,
        .yui-skin-sam #mainFormContentContainer .alignLeftOptionsCenter .field-type_date .questionInput,
        .viewMode #mainFormContentContainer .alignLeftOptionsCenter .questionInput
        {
        	width: 57% !important;
        	text-align: left;
        }

        .optionsVertical .checkboxWrapper label,
        .optionsVertical .radioWrapper label
        {
        	max-width: 95%;
        }
        .alignCenter .labelsAbove .radioWrapper .guardAgainstInvalidMarkup
        {
        	text-align: left;
        }
        .alignCenter .labelsAbove .questionContainer,
        .alignCenter .labelsAbove td.guardAgainstInvalidMarkup
        {
        	text-align: center;
        }
        .alignCenter .labelsAbove .staticTextWrapper,
        .alignCenter .labelsAbove .staticTextWrapper td.guardAgainstInvalidMarkup
        {
        	text-align: left;
        }
        .alignCenter .labelsAbove .questionLabel,
        .alignCenter .labelsAbove .questionInput
        {
        	display: table;
        	float: none;
        	clear: none;
        	text-align: center;
        	width: auto;
        	margin-right: auto;
        	margin-left: auto;	
        }
        .yui-skin-sam .alignLeftOptionsCenter .labelsAbove .questionInput
        {
			margin-left: 36% !important;
        }
        .yui-skin-sam .alignCenter .labelsAbove .questionLabel,
        .yui-skin-sam .alignCenter .labelsAbove select,
        .yui-skin-sam .alignCenter .labelsAbove textarea,
        .yui-skin-sam .alignCenter .labelsAbove .checkboxWrapper label,
        .yui-skin-sam .alignCenter .labelsAbove .radioWrapper label,
        .yui-skin-sam .alignCenter .labelsAbove .radio,
        .yui-skin-sam .alignCenter .labelsAbove .checkbox
        {
        	float: none;
        }
        .yui-skin-sam .alignCenter .labelsAbove .radio
        {
        	float: left;
        	position: absolute;
        	margin-left: -20px;
        }
        .yui-skin-sam .alignCenter .labelsAbove .checkboxInputWrapper,
        .yui-skin-sam .alignCenter .labelsAbove .radioInputWrapper
        {
        	display: block;
        	float: left;
        	width: 100% !important;
        	position: relative;
        	padding-left: 50%;
        }
        .yui-skin-sam .alignLeft .labelsAbove .checkboxInputWrapper,
        .yui-skin-sam .alignLeft .labelsAbove .radioInputWrapper
        {
        	width: 100% !important;
        }
        .yui-skin-sam .alignCenter .labelsAbove .field-type_checkbox,
        .yui-skin-sam .alignCenter .labelsAbove .field-type_radio
        {
        	padding-left: 20px !important;
        }
        .yui-skin-sam .alignCenter .labelsAbove .checkboxInputWrapper div,
        .yui-skin-sam .alignCenter .labelsAbove .radioInputWrapper div
        {
        	float: left;
        }
        .alignCenter .labelsAbove .radioInputWrapper .guardAgainstInvalidMarkup
        {
        	width: auto !important;
        	display: inline;
        }
        .yui-skin-sam .alignCenter .labelsAbove .checkboxInputWrapper,
        .yui-skin-sam .alignCenter .labelsAbove .radioInputWrapper
        {
			margin-left: -10px;
		}
		.yui-skin-sam .alignCenter .labelsAbove .checkboxWrapper,
        .yui-skin-sam .alignCenter .labelsAbove .radioWrapper
        {
			display: block;
			float: left;
			*float: none;
			width: auto !important;
			position: relative;
			text-align: left;
			left: -50%;		
			vertical-align: top;
		}
		.yui-skin-sam .alignCenter .labelsAbove .checkboxWrapper .checkbox,
        .yui-skin-sam .alignCenter .labelsAbove .radioWrapper .checkbox
        {
            position: absolute;
			margin-left: -20px;
        }
        .yui-skin-sam .alignCenter .labelsAbove .checkboxWrapper .radio,
        .yui-skin-sam .alignCenter .labelsAbove .radioWrapper .radio
        {
			position: absolute;
			margin-left: -20px;
		}
		.yui-skin-sam input.radio
		{
			*vertical-align: top;
			*position: relative;
			*overflow: hidden;
			white-space: nowrap;
		}
        .yui-skin-sam .alignCenter .labelsAbove .checkboxWrapper label,
        .yui-skin-sam .alignCenter .labelsAbove .radioWrapper label,
        .yui-skin-sam .alignCenter .labelsAbove .checkboxWrapper .checkbox,
        .yui-skin-sam .alignCenter .labelsAbove .radioWrapper .radio
        {
        	display: inline;
        }
        
        
        
        
        
        /* Response Option Alignment */
        
        .optionsHorizontal textarea,
        .optionsHorizontal select
        {
        	position: relative;
        	top: .2em;
        }
	@media print
	{
      	  .optionsVertical .checkboxWrapper
		{
			*float:none !important;
			*display:block !important;
		}

         


        .section
        {
            border: solid 1px #cccccc !important;
            margin-bottom: 10px !important;
        }
        .sectionHeadingContainer
        {
            background-color: #eeeeee !important;
            border-radius: 10px 10px 0 0 !important;
            page-break-after: avoid;
        }
        .sectionHeadingContainer .staticTextLiner
        {
            color: #333333 !important;
        }
        .sectionColumnsContainer
        {
            display: block !important;
        }
    
        .sectionHeadingContainer
        {
            padding: 4px 8px;
        }
        .column
        {
            height: auto !important;
            position: static !important;
            min-height: 20px;
        }
        .column1
        {
            float: left !important;
        }
        .twoColumns .column2
        {
            float: right !important;
        }
        .threeColumns .column2
        {
            float: left !important;
        }
         .threeColumns .column2
        {
            float: left !important;
        }finally
        .sectionColumnsContainer:after
        {
            content: " ";
            clear: both;
            display: table;
        }
        .twoColumns .column2:after,
        .threeColumns .column3:after
        {
            content: " ";
            clear: both;
            display: table;
        }
        .column3
        {
            float: right !important;
        }
         .viewMode #mainFormContentContainer 
        {
        	height:100% !important;
        	
        }
	}

        
        .optionsVertical .checkboxWrapper,
        .optionsVertical .radioWrapper,
        .optionsVertical .checkboxInputWrapper,
        .optionsVertical .radioInputWrapper,
        .optionsVertical .questionLabel,
        .optionsVertical select,
        .optionsVertical textarea
        {
        	float: left;
        }
        
        .optionsVertical .checkboxWrapper label,
        .optionsVertical .radioWrapper label,
        .optionsVertical .radio,
        .optionsVertical .checkbox
        {
        	float: left;
        	display: block;
        }
        .optionsVertical .checkboxWrapper label,
        .optionsVertical .radioWrapper label
        {
        	white-space: normal;
        }
        .optionsHorizontal .checkboxWrapper label,
        .optionsHorizontal .radioWrapper label
        {

        	white-space: normal;
        }
        
 
		.optionsVertical .checkboxWrapper,
        .optionsVertical .radioWrapper,
        .optionsVertical .binocularLinkConainer
        {
        	clear: left;
        }
        .alignCenter .optionsVertical .labelsAbove .checkboxInputWrapper,
        .alignCenter .optionsVertical .labelsAbove .radioInputWrapper,
        .alignCenter .optionsVertical .labelsAbove .radioInputWrapper
        {
        	margin-left: 50%;
        	float: left;
        }
        .alignCenter .optionsVertical .labelsAbove select,
        .alignCenter .optionsVertical .labelsAbove .NUMERICtextfield,
        .alignCenter .optionsVertical .labelsAbove .TEXTtextfield
        {
        	display: inline;
        	float: none;
        }
        .alignCenter .optionsVertical .labelsAbove .binocularLinkConainer
        {
        	text-align: center;
        }
        

        .bullets .questionLabel .EDITPOPformlabel font
        {
        	display: list-item !important;
        	list-style: disc outside none;
        	margin-left: 15px;
        	width: auto;
        	max-width: 100%;
        	direction: ltr;
        }
        .bullets .questionLabel .EDITPOPformlabel .REQUIREDColor
        {
        	float: left;
        	position: relative;
        	left: 8px;
        	*left: 10px;
        }
        
        .bottomMargin
        {
        	margin-bottom: 20px;
        }
        .bottomMargin .bottomMargin
        {
        	margin-bottom: 0;
        }

        .yui-skin-sam .dragSelection
        {
        	background-color: #C7E3F4 !important;
        }
        #ygddfdiv .column
        {
        	min-height: 0;
        }
        
        #sectionTemplate
        {
        	display: none;
        }
        
        

		
		
		

		/* <<<<<<<<<<<<< Label Field Types (Static Text)  >>>>>>>>>>>>>>>>> */
		.sectionHeadingContainer .staticTextWrapper,
		.sectionHeadingContainer .staticTextContainer
		{
			margin-left: 0;
		}
		.inline .staticTextWrapper
		{
			clear: both;
		}
		.yui-skin-sam .questionContainer
		{
			clear: left;
		}
		.staticTextLiner
        {
            padding: 0 6px;
        }
		
		
		
		
		.yui-skin-sam .staticTextContainer,
		#bottomArea .GRIDcolheader,/* Match the Form Approval heading's horizontal alignment */
		.bottomArea .GRIDcolheader
		{
			padding-left: 8px;
		}



		


        
        /* YUI image redirects */
        .yui-skin-sam .container-close,
        .yui-skin-sam .yui-module .hd
        {
            background-image: url(/Welcomepages.Userinterface/YUI/V2.6.0/sprite.png);
        }
        
        /* From internal forms code */
        .strong
        {
        	font-weight: bold;
        }
        .collapseIcon
        {
        	background-image: url(/Welcomepages.Userinterface/YUI/V2.6.0/sprite.png);
        	position: relative;
        	margin-right: 6px;
        	top: 2px;
        }
        .questionContainer .EDITPOPformlabel
        {
        	display: inline-block;/* Required for break-word functionality */
        }
        
        .binocularLinkConainer
		{
			text-align: right;
			color: 0066CC;
			font-style: italic;
		}
		.alignCenter .labelsAbove .binocularLinkConainer,
		.alignLeftOptionsCenter .labelsAbove .binocularLinkConainer
		{
			text-align: center;
		}
        .questionInput select,
        .calendarIconWrapper,
        .calendarIcon
        {
        	top: 0px !important;
        	bottom: 0px !important;
        	margin: 0px !important;
        	padding: 0px !important;
        }
        .labelsAbove .alignCenter table.guardAgainstInvalidMarkup
		{
			display: table;
		}
        .yui-skin-sam .optionsHorizontal .checkboxWrapper,
        .yui-skin-sam .optionsHorizontal .radioWrapper
        {
			display: inline-block;/* For FF to keep labels together */
			width: auto !important;
        }
        .optionsHorizontal .questionLabel
        {
        	float: left;
        }
        .yui-skin-sam .optionsHorizontal .field-type_radio .questionInput,
        .yui-skin-sam .optionsHorizontal .field-type_radio .radioInputWrapper,
        .yui-skin-sam .optionsHorizontal .field-type_checkbox .questionInput,
        .yui-skin-sam .optionsHorizontal .field-type_checkbox .checkboxInputWrapper,
        .yui-skin-sam .optionsHorizontal .field-type_radio .radioInputWrapper div,
        .yui-skin-sam .optionsHorizontal .field-type_checkbox .checkboxInputWrapper div
        {
			display: inline-block;
			float: none !important;
        }
        .yui-skin-sam .optionsHorizontal .field-type_checkbox .checkboxInputWrapper div,
		.yui-skin-sam .optionsHorizontal .field-type_checkbox .radioInputWrapper div /* <=== TODO -- THIS IS TERRIBLE FOR PERFORMANCE SINCE ALL DIVS WILL BE ASSESSED */
		{
			*display: inline;
		}
		.yui-skin-sam .optionsHorizontal .field-type_radio .radioInputWrapper,
		.yui-skin-sam .optionsHorizontal .field-type_checkbox .checkboxInputWrapper
		{
			*margin: 0;
			*top: -6px;
		}
		.viewMode .optionsHorizontal .field-type_radio .radioInputWrapper,
		.viewMode .optionsHorizontal .field-type_checkbox .checkboxInputWrapper
		{
			*top: 0px !important;/*td#192344*/
		}
        .yui-skin-sam .optionsHorizontal .checkboxInputWrapper,
        .yui-skin-sam .optionsHorizontal .radioInputWrapper
        {
        	display: block;
        	margin-left: 0px;
        	padding-left: 0px !important;
        	left: 0px;
        }
        .yui-skin-sam .labelsAbove .optionsHorizontal .checkboxInputWrapper,
        .yui-skin-sam .labelsAbove .optionsHorizontal .radioInputWrapper
        {
        	width: 100% !important;
        }
        .yui-skin-sam .alignCenter.labelsAbove .optionsHorizontal .checkboxInputWrapper,/* Todo: check IE6 rendering for this since double class will fail */
        .yui-skin-sam .alignCenter.labelsAbove .optionsHorizontal .radioInputWrapper
        {
        	width: auto !important;
        }
        .yui-skin-sam .optionsHorizontal .questionInput .guardAgainstInvalidMarkup
        {
			display: inline;
			width: auto;
        }
        .yui-skin-sam .optionsHorizontal .checkboxInputWrapper,
        .yui-skin-sam .optionsHorizontal .radioInputWrapper
        {
			margin-left: 0 !important;
		}
        .yui-skin-sam .optionsHorizontal .checkboxWrapper,
        .yui-skin-sam .optionsHorizontal .radioWrapper
        {
			margin-left: 0px;
			left: 0px !important;
			*display: inline !important;
			*float: none !important;
			padding-left: 0px !important;
			position: relative;
        }
        .yui-skin-sam .optionsHorizontal .checkbox,
        .yui-skin-sam .optionsHorizontal .radio
        {
            position: absolute  !important;
            margin-left: 0px !important;
        }
        .yui-skin-sam .optionsHorizontal .checkbox
        {
        	*margin-top: -.4em;
        }
        .yui-skin-sam .optionsHorizontal .checkboxWrapper label,
        .yui-skin-sam .optionsHorizontal .radioWrapper label
        {
			margin-left: 20px;
        }
        .yui-skin-sam #mainFormContentContainer .alignCenter .optionsHorizontal .checkboxInputWrapper,
        .yui-skin-sam #mainFormContentContainer .alignCenter .optionsHorizontal .radioInputWrapper,
        .yui-skin-sam #ygddfdiv .alignCenter .optionsHorizontal .checkboxInputWrapper,
        .yui-skin-sam #ygddfdiv .alignCenter .optionsHorizontal .radioInputWrapper,
        .yui-skin-sam #mainFormContentContainer .alignLeftOptionsCenter .optionsHorizontal .checkboxInputWrapper,
        .yui-skin-sam #mainFormContentContainer .alignLeftOptionsCenter .optionsHorizontal .radioInputWrapper,
        .yui-skin-sam #ygddfdiv .alignLeftOptionsCenter .optionsHorizontal .checkboxInputWrapper,
        .yui-skin-sam #ygddfdiv .alignLeftOptionsCenter .optionsHorizontal .radioInputWrapper
        {
			*width: 100% !important;
        }
        .yui-skin-sam .labelsLeft .optionsHorizontal .checkboxWrapper,
        .yui-skin-sam .labelsLeft .optionsHorizontal .radioWrapper
        {
        	_top: 8px;
        	_position: relative;
        }
        .viewMode .labelsLeft .questionInput table.guardAgainstInvalidMarkup {
            display: table;
        }
        .viewMode .labelsLeft .questionLabel .guardAgainstInvalidMarkup, .viewMode .labelsLeft .questionInput .guardAgainstInvalidMarkup {
            border-spacing: 0px;
        }
        .viewMode .labelsLeft .viewResponse {
            padding: 0;
        }
        .viewMode .labelsLeft .questionInput {
            margin-top: 0;
        }
        .viewMode .labelsLeft .checkboxInputWrapper,.viewMode .labelsLeft .radioInputWrapper {
            top: 0px;
        }
        .viewMode .labelsLeft .viewResponse td.guardAgainstInvalidMarkup{
        }      
		.labelsLeft .questionLabel .guardAgainstInvalidMarkup, .labelsLeft .questionInput .guardAgainstInvalidMarkup {
			  margin-top: -3px;
		}
	    input[type="radio"], input[type="checkbox"] {
			margin-top: 2px;
		}



