body {background-color: #EEEEEE; line-height: 18px;}
body, div, span, p, pre {font-family: "Helvetica Neue", Helvetica, Arial, Verdana; color: #333333; font-size: 12px; margin: 0px; padding: 0px;}
img {border: 0px; margin: 0px;}
form {padding: 0px; margin: 0px;}
pre {margin: 0px 0px 10px 0px;}

input, select, option, textarea {color: #333333; margin-left: 0px;}
input[type="button"], input[type="submit"], input[type="image"], button {cursor: pointer;}
input[type="radio"], input[type="checkbox"], select {margin-top: 2px; padding-top: 0px;}
/* [Fix Select element padding in Chrome] - PVCSPB-58*/
select {-webkit-padding-after:2px;-webkit-padding-before:2px;-webkit-padding-start:2px;-webkit-padding-end:2px;}
input[type="checkbox"] {margin-right: 2px;}
sup {font-size: 110%;}
textarea {width: 420px; height: 150px;}
label {margin: 0px; padding: 0px;}
body:not(.user-is-tabbing) button:focus,body:not(.user-is-tabbing) input:focus,body:not(.user-is-tabbing) select:focus,body:not(.user-is-tabbing) textarea:focus { outline: none;}
button:focus,select:focus { outline: none;}
body.user-is-tabbing *:focus { outline: 1px solid #7AACFE !important; /* for non-webkit browsers */ outline: 5px auto -webkit-focus-ring-color !important;}
body.user-is-tabbing.theme-default *:focus, body.user-is-tabbing.theme-pacific *:focus { outline: 1px solid #0064d2 !important; /* for non-webkit browsers */ outline: 5px auto -webkit-focus-ring-color !important;}
body.user-is-tabbing.theme-rockpool *:focus { outline: 1px solid #008381 !important; /* for non-webkit browsers */ outline: 5px auto -webkit-focus-ring-color !important;}
body.user-is-tabbing.theme-twilight *:focus { outline: 1px solid #5e50b5 !important; /* for non-webkit browsers */ outline: 5px auto -webkit-focus-ring-color !important;}
body.user-is-tabbing.theme-sunrise *:focus { outline: 1px solid #d93923 !important; /* for non-webkit browsers */ outline: 5px auto -webkit-focus-ring-color !important;}

#tabNameHolder ul li {list-style: none outside none;}
#print {background-color: transparent;margin-bottom: 2em;border: none;}
#surveyContainerDivWrapper {text-align: center; min-height: 400px;}
#surveyContainerDiv {margin: auto; text-align: left; padding: 20px 0px 40px 0px;}
#surveyHeaderDiv {}
#surveyBannerDiv {}
#surveyTitleDiv {clear: both; text-align: center; margin: 20px 90px 20px 0px;}
#surveyTitleText {text-align: center; font-size: 22px; font-weight: bold; color: #000000; line-height: 29px;}
#surveyDescriptionWrapper {padding: 5px 20px 10px 20px;}
.survey-description {font-size: 13px;}
#formLinksDiv {}
#surveyMainDiv {background-color: #FFFFFF; padding: 12px; border-radius: 15px;}
#surveyContentDiv {padding: 20px; border: 1px solid #EEEEEE; border-radius: 15px;}

.tabbed-form-wrapper #surveyContentDiv {border: 0px; padding: 10px 10px 20px 10px;}
#tabNameHolder{padding: 0px; margin: 0px; height: 40px; border-bottom: 1px solid #CCCCCC;}

.tabsAreInvisible #tabNameHolder {height:0px !important;}
.tabsAreInvisible .customer-form-tab {display:none;}
.tabsAreInvisible .customer-form-tab-spacer {border-bottom:none;}

.customer-form-tab {float: left; border: 1px solid #CCCCCC; height: 39px; background-color: #FAFAFA; border-bottom: 0px;}
.customer-form-tab-name {display: inline-block; padding: 12px 20px 5px 20px; font-weight: bold; font-size: 14px; }
.customer-form-selected-tab {float: left; background-color: #FFFFFF; height: 40px;}
.customer-form-tab .customer-form-tab-name {color: #BBBBBB;}
.customer-form-selected-tab .customer-form-tab-name {color: #3B3B3B;}
.tabname-selectable .customer-form-tab-name {color: #3B3B3B;}
.customer-form-tab-spacer {float: left; border-bottom: 1px solid #CCCCCC; height: 40px; width: 10px;}
#customerSurveyTab1-spacer {display: none;}
.tabbed-form-wrapper #customerErrorsIndicatorHolder {margin-left: 25px; padding-top: 10px; padding-bottom: 0px;}
#surveyTabContentHolder{border-width: 0px 1px 1px 1px; border-color: #CCCCCC; border-style: solid; background-color: #FFFFFF; padding-bottom: 10px;}
.survey-tab { padding: 20px 25px 10px 25px;}
.active-survey-tab {display: block;}
.inactive-survey-tab {display: none;}
.tabname-selectable .customer-form-tab-name{cursor: pointer;}
.place-holder-div {display: none;}
.sub-section {margin-bottom: 25px;}
.margin-right-40 {margin-right: 40px;}
#userInfoInputsDiv .user-info-detail-error, .survey-question-error, .survey-user-acceptances-error, .survey-terms-error, .customer-detail-error, .email-copy-error {color: #AA0000 !important; display: none;}
.form-mandatory-text {font-size: 11px; font-style: italic; color: #AA0000; margin-bottom: 10px;}
.survey-subtitle {font-size: 14px; font-weight: bold; display: block; margin-bottom: 10px;}
.survey-subtitle-small {font-size: 12px; font-weight: bold; display: block; margin-bottom: 5px;}

.help-text {font-size: 11px; font-style: italic;}
.multi-link {display: block; margin-bottom: 10px;}
.single-link {display: inline-block;}
.required-field {font-size: 11px; font-style: italic; color: #AA0000;}

#customerDetailsToggleQuestion {display: block; margin-bottom: 15px;}
#customerDetailsToggleQuestionText, #customerDetailsToggleOptions {float: left;}
#customerDetailsToggleQuestion .required-field {display: inline-block;}
#customerDetailsToggleOnText, #customerDetailsToggleOffText {display: inline-block; margin-left: 15px;}
.customer-field-label {display: inline-block; width: 160px; padding-right: 20px; float: left; padding-top: 3px;}
.customer-field-value {line-height: 22px;}
.customer-field-value input {margin-bottom: 3px;}
.customer-field-select {width: 174px;}
.customer-field-select-small {width: 66px;}
.customer-name-field {float: left; padding-right: 4px;}
.customer-name-field-label {display: block;}
.customer-detail-field-row .required-field {display: none;}
.customer-detail-field-row .optional-field {display: none;font-weight:bold;}
.customer-detail-field-row .show {display: inline;}
.customer-detail-field-row {margin-bottom: 12px;}
.customer-field-additional-text {margin-left: 20px;}

#alternateContactToggleQuestion {display: block; margin-bottom: 15px;}
#alternateContactToggleQuestionText, #alternateContactToggleOptions {float: left;}
#alternateContactToggleQuestion .required-field {display: inline-block;}
#alternateContactToggleOnText,  #alternateContactToggleOffText {display: inline-block; margin-left: 15px;}

.terms-and-condition-frame {width: 700px; height: 250px; overflow: scroll; border: 1px solid #DDDDDD; padding: 6px;}
#termsAndConditionsAcceptanceDiv{margin-top: 10px;}

.user-acceptance {display: block; margin-bottom: 10px;}
.user-acceptance-check {display: inline-block; float: left;}
.user-acceptance-text {float: left; margin-left: 10px; display: inline-block; width: 90%;}

.question-tab.sub-section {border-bottom: none; padding-bottom: 0px;}
.question-group {margin: 0px 0px 20px 0px;}
.question-group-0 {}
.question-group-x {padding: 9px; border: 1px solid #EEEEEE; border-radius: 15px;}
.question-text {margin-right: 40px; display: inline-block;font-weight:bold;}
.question-suppl-text {display: block;}
.answerTemplate, .answerTemplateId {display: none;}
.answer {margin-right: 40px;}
.answer-block {display: block; margin-top: 8px; margin-left: 0px;}
.question-links {margin-top: 10px;}
.question-links .help-link {}
.answer-link a {margin-left: 5px;}
.question-addl-text {margin-top: 10px;}
.textarea-answer {width: 450px; height: 125px;}
.secondary-question-group {margin-top: 15px; margin-left: 25px;}
.survey-question {margin-bottom: 20px;}
.survey-question .survey-subtitle-small {margin-bottom: 10px;}
.survey-block-question {display: block;}
.survey-question pre {margin-bottom: 5px;}
.answer-image {vertical-align: middle;}
.answer-hover-inline {font-size: 11px; margin-left: 10px;}
.answer-image, .answer-hover-inline, .answer .single-link {margin-left: 10px;}

.answer-onselect-text {margin-top: 10px;}
.customer-survey-info-icon {display: inline-block; height: 16px; width: 16px; margin-left: 0; background: url('/res/img/customer/lego/icon-help.svg') no-repeat scroll 0 0 transparent; background-size: 16px; vertical-align: top;}
.hide-secondary-group {display: none!important;}
.show-secondary-group {display: block!important;}
.text-area-question{vertical-align: top;}

.no-display {display: none;}
.error {padding-bottom:2px;vertical-align:middle;color:#AA0000;}
.error-hide {display: none;}
.error-show {display: block;}

#customerErrorsIndicatorHolder {display: none;}
#customerErrorsIndicator {padding: 0px; margin: 3px 0px 3px 0px; border: 1px solid #AA0000;}
#customerErrorsIndicatorIcon {float: left; height: 27px; width: 27px; text-align: center; background: url(/res/images/error_icon.png;) no-repeat scroll 4px 4px #AA0000;}
#customerErrorsIndicatorMsg {float: left; padding: 4px 0px 0px 10px; color: #AA0000;}

.nav-button-holder {text-align: center; padding: 5px 0px 20px 20px;}
.nav-button-holder-single-page {text-align: left;}
.nav-button-holder button {margin-right: 20px; font-weight: bold; height: 24px; padding-bottom: 2px;
						   background-color:#EAEAEA;  border: 1px solid #CCCCCC;  color: #333333; 
						   text-align: center;  vertical-align: middle;  border-radius: 8px 8px 8px 8px; min-width: 75px;}
.nav-button-holder button:hover {color: #000000; background-color:#DDDDDD;  border: 1px solid #A9A9A9;}
#cancelLinkHolder {text-align: center;}
#surveySuccessDiv, #surveyErrorDiv, #surveyPromotionDiv, #surveyPostCampaignDiv, #customerFormError {min-height: 400px; display: block; margin-left: 25px; margin-top: 20px;}
#customer-response-reference {margin-bottom: 20px;}

.survey-confirmation-description {font-size: 13px; margin-bottom: 20px;}
.confirmation-tab pre {margin-bottom: 0px;}
div.confirmation-tab .customer-field-value, div.confirmation-tab .terms-field-value, div.confirmation-tab .question-field-value {font-weight: bold;}
div.confirmation-subtitle{margin-top:18px;margin-bottom:10px;}
div.confirmation-question, div.confirmation-terms{margin: 5px 0px 10px 0px;}
div.confirmation-question .question-field-label{margin-bottom: 10px;}
.landing-page-form {background-color: #FFFFFF; border: 0px;}
.landing-page-form .nav-button-holder {margin-left: 0px;}
.survey-form-links-links-holder, .survey-form-links-buttons-holder, .survey-form-links-options-holder, .survey-form-links-drowpown-holder  {margin-bottom: 20px;}
.survey-form-link-link, .survey-form-link-option {display: block; margin-bottom: 10px;}
.survey-form-link-button,  .survey-form-link-dropdown {margin-right: 30px; display: inline-block;}
#landingPageSubmitButton {}

.confirmation-tab .required-field, .confirmation-tab .tooltip-button {display: none;}
.confirmation-print-icon{display: inline-block; background: url("/res/img/customer/general/print1.png") no-repeat scroll 0 0 transparent;
							width: 30px; height: 30px; padding-right:10px; float:right; cursor: pointer;
						}
.success-print-icon{display: none; background: url("/res/img/customer/general/print1.png") no-repeat scroll 0 0 transparent;
							width: 30px; height: 30px; padding-right:10px; float:right; cursor: pointer;
				   }
.success-download-links{display:none;}						
										
.termsAndConditionsIframe {width: 600px; height: 300px;}
.nav-button-holder-close-button {text-align: left; padding: 10px 0px 10px 0px;}
.nav-button-holder-close-button button {font-weight: bold; height: 26px;  background: none repeat scroll 0 0 #EAEAEA;  border: 1px solid #CCCCCC;  color: #333333; 
						   				 vertical-align: middle;  border-radius: 8px 8px 8px 8px; min-width: 75px;}

.printDiv {background-color:white;height:100%;width:100%;overflow:visible !important;}
.printDiv img {display: none;}
.printDiv .confirmation-print-icon {display:none;}
.printDiv #print {display:none;}
.printDiv .customer-field-value, .printDiv .terms-field-value, .printDiv .question-field-value {
    font-weight: bold;
}
#consultantInfoBar {background-color: #777777; border: 1px solid #CCCCCC; border-radius: 10px; margin: 0px 20px 20px 20px; height: 24px;}
#consultantInfoBar .user-info {float: right; font-size: 12px;  color: #FFFFFF; padding: 2px 20px 0px 0px;}
#consultantInfoBar .user-info span {font-size: 12px;  color: #FFFFFF;}
#consultantInfoBar .user-info a,  #consultantInfoBar .user-info a:visited {font-size: 12px; color: #0022CC; text-decoration: none;}

#formUserInfoSection {background-color: #DDDDDD; padding: 8px; border-bottom: 1px solid #999999; border-radius: 15px;}
.user-info-field-label {display: inline-block; width: 200px; float: left;}
.user-info-attribute-input-line { margin-bottom: 7px;}
.user-info-attribute-input {width: 250px;}
#emailCopyAddressHolder {margin-left: 20px;}
#formPrintTitle {font-size: 16px; font-weight: bold; text-align: left; padding: 20px 0px 30px 0px;}
#preview-banner, #staging-banner {background:#DDDDDD; color: #CC3333; height:20px; width:100%; text-align:center;}
.confirmation-edit-link {}
.printDiv .confirmation-edit-link {display: none;}
.confirmation-tab .sub-section {border-bottom: 1px solid #DDDDDD; padding-bottom: 10px;}
#customerHelpPopup {display: none; position: absolute; padding: 10px; border: 1px solid #E7E7E7; border-radius: 10px; background-color: #F9F9F9; width: 250px; left: 16px; top: 16px; text-align: left;}
.help-text-for-popup {display: none;}

/* #surveyContainerDiv.landing-page #surveyMainDiv form {display: none;} */

.customer-details-update-status {margin-right: 20px; display: inline-block;}
#INACTIVE-OUTAGE_Title, #ERROR_Title {font-size: 20px !important; margin-bottom: 20px;}
.response-link, .survey-form-link-link {background: url("/res/images/bullet.png") no-repeat scroll 0 2px transparent; padding-left: 20px;}
#INACTIVE-OUTAGE_Content, #ERROR_Content {margin-bottom: 30px;}

.autocomplete-suggestions {padding: 2px 5px 2px 5px; border: 1px solid #EEEEEE; background-color: #FAFAFA;}
.autocomplete-suggestion {border: 1px solid #FAFAFA;}
.autocomplete-selected {background-color: #EEEEEE; border: 1px solid #DDDDDD;}

.form-loading-block {display: block; margin-left: 100px; margin-top: 100px;}
.form-loading-block img {display: inline-block; margin-left: 30px;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}
.survey-question-error:before, .survey-terms-error:before, .survey-user-acceptances-error:before, .customer-detail-error:before, .user-info-detail-error:before, .email-copy-error:before{content: ""; position: absolute; display: inline-block; background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNkMDAyMWI7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5idXR0b25BcnRib2FyZCAxPC90aXRsZT48ZyBpZD0iSWNvbl9Hcm91cCIgZGF0YS1uYW1lPSJJY29uIEdyb3VwIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yOC45LDEwLjYsMjEuNCwzLjEsMjEuMywzSDEwLjdjLS4xLDAtLjEsMC0uMS4xTDMuMSwxMC42bC0uMS4xVjIxLjNjMCwuMSwwLC4xLjEuMWw3LjUsNy41LjEuMUgyMS4zYy4xLDAsLjEsMCwuMS0uMWw3LjUtNy41LjEtLjFWMTAuN0MyOSwxMC42LDI5LDEwLjYsMjguOSwxMC42Wm0tNy42LDIuMkwxOC4xLDE2bDMuMiwzLjJhMS40NSwxLjQ1LDAsMCwxLDAsMi4xLDEuNzEsMS43MSwwLDAsMS0yLjIsMEwxNiwxOC4xbC0zLjIsMy4yYTEuNSwxLjUsMCwwLDEtMS4xLjQsMS41LDEuNSwwLDAsMS0xLjEtLjQsMS40NSwxLjQ1LDAsMCwxLDAtMi4xTDEzLjgsMTZsLTMuMi0zLjJhMS40NSwxLjQ1LDAsMCwxLDAtMi4xLDEuNSwxLjUsMCwwLDEsMS4xLS40LDEuNSwxLjUsMCwwLDEsMS4xLjRMMTYsMTMuOWwzLjItMy4yYTEuNzEsMS43MSwwLDAsMSwyLjIsMGgwQTEuNTUsMS41NSwwLDAsMSwyMS4zLDEyLjhaIi8+PC9nPjwvc3ZnPg==);width: 24px; height: 24px; left: 0; top: 8px;}
.survey-question-error, .survey-terms-error, .survey-user-acceptances-error, .customer-detail-error, .user-info-detail-error, .email-copy-error{position:relative;padding: .75rem 0 .75rem 30px;color:#AA0000;}


/* Tooltip - Global */
.tooltip-container {
  position: relative;
  display: inline-block;
}

.customer-survey-info-icon.help-text-icon{
  width: unset;
  height: unset;
  background: none;
}

.tooltip-button{
  display: inline-block;
  position:relative;
  width: 20px;
  height: 20px !important;
  border: none !important;
  border-radius: 50% !important;
  padding: 0 !important;
  margin: 0 0 5px 16px;
  min-width: 0px !important;
  background-color: transparent !important;
  vertical-align: middle;
}

.tooltip-icon{
  position: absolute;
  color: #757575;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
}

.tooltip-button:focus,
.tooltip-button:hover  {
 box-shadow: 0 0 2px 1px #0064d2;
 -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
 -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important;
 outline: none !important;
}

.confirmation-edit-link, .customer-survey-info-icon.help-text-icon {position:relative;}
.confirmation-edit-link:after, .tooltip-button:after {content: '';position: absolute;top: -1.5rem; bottom: -1.5rem; left: -1.5rem; right: -1.5rem;}

@media (max-width: 768px) {
#customerHelpPopup {
 width: auto;
 margin-left: 0;
 margin-right: 10%;
}
.answer .tooltip-button {
    margin-top: 5px;
}
}