body { background: center top; background-image: url(../images/bg.png);background-repeat: repeat-x; background-color:#ffffff;} 
    div#outerframe { width: 822px;}
	div#headerpush {display:none;} 
	div#header { background-image:url('../images/Header.png'); height: 137px;}
	div#middle { background-image:url('../images/Middle.png'); }	
	div#footer { background-image:url('../images/Footer.png'); height: 65px;}		
	div#Progress {	background-image:url('../images/ProgressBar.png');	}	
    #ProgressBar { background-color: #d0d4de; border: none;}		
	input#NextButton {
		background-image:url('../images/Button.png');
		border-style:none; 
		background-color:transparent;
		color:White;
		font-weight:bold;
		height:35px;
		width:115px;		
	}
/*Long button on index*/
body.CouponEntry_bn-BD input#NextButton { background-image:url('../images/ButtonLong.png'); width:177px; }

/* Long button in survey */
body.th input#NextButton { background-image:url('../images/ButtonLong.png'); width:177px; }
body.mn-MN input#NextButton { background-image:url('../images/ButtonLong.png'); width:177px; }

/* **** IndexPage PickLanguageLinks **** */
ul.languageOption {width:100%;text-align:left;padding:0;margin:0;}
body.rightToLeft ul.languageOption {text-align:right;}


/* Simple Radio Button & Checkbox */
.checkboxSimpleInput { background: url(../images/WSE_Checkboxes_@1x.png) no-repeat;}
.radioSimpleInput { background: url(../images/WSE_Radio_@1x.png) no-repeat; } 

/* Alt. Background Color */
.InputRowEven { background-color: #eeeeee; }
#content { margin:0 15px !important;} /* Required for Privacy Policy */


/* **** Defaults ***** */
div#footerframe { background-image:url(../../../Common/images/BottomLogoBlack.png);}
#footer, #footer a { color:white !important;}

/* HKD-specific */
body.HKD { background: center top; background-image: url(../images/HKD/bg.png);background-repeat: repeat; background-color:#ffffff;} 
body.HKD	input#NextButton {background-image:url('../images/HKD/Button.png'); height:35px;	width:155px;}
body.HKD input#NextButton {background-image:url('../images/HKD/Button.png')}
body.HKD #footer, body.HKD #footer a { color:black !important;}


/* **** Footer **** */
#footer {padding:17px 15px 0 15px;}


li#footerCR { width: 35%;}

/* **** CUSTOM FOOTER **** */
body.IncentiveType_Sweeps #footer {padding:0px 15px 0 15px !important;} /* Resets the total height for the footer */
body.IncentiveType_Sweeps #footerCR {padding:8px 5px 0 5px !important;} /* Centers the Copyright text - Keep me the same as the original #footer tag */

body.IndexPage #surveyEntryForm, body.IndexPage div#Buttonholder {text-align:left;}

/* **** Index page with numerical image references to receipt **** */
body.CouponEntry .IndexText00 { min-width:150px; padding: .7em 0; display:block; float:left; padding-right:10px;clear:both;}
body.CouponEntry .IndexText01 { display:block; padding: .7em 0 0; float:left; }
body.Receipt form {float:left;width:410px;text-align:left;padding:0 10px;}
body.Receipt .IndexText00 { min-width:100px; float:left; padding:4px 0 6px 28px; background-repeat:no-repeat; background-position: left center;  }
body.Receipt .ItemOne { background-image:url('../../../Common/images/1.png');} 
body.Receipt .ItemTwo { background-image:url('../../../Common/images/2.png');} 
body.Receipt .ItemThree { background-image:url('../../../Common/images/3.png');} 
body.Receipt .ItemFour { background-image:url('../../../Common/images/4.png');} 
body.Receipt .IndexText01 {padding: 6px 3px 0;}
body.Receipt_2_FRA .IndextText01 {padding: 6px 0;}
body.Receipt div#content 
{
	min-height:600px !important;
	background-repeat:no-repeat;
	background-position: 440px 20px;
	position: relative;
}


/* Used for the coookie banner text */
.CookieBannerText, .CookieBannerTextRTL, .CookieBannerText_NoReceipt, .CookieBannerTextRTL_NoReceipt {
    position: relative;
    display: block;
    background-color: #6b6e79;
    padding: 10px 28px;
    border: none;
    color: white;
    margin-top: 90px;
    margin-left: 1px;
    margin-bottom: 10px;
    min-height: 85px;
    width: 744px;
}

.CookieBannerText { 	
    left: -31px;
    top: 5px;
	text-align: left;
}
.CookieBannerTextRTL {
    width: 745px;
    left: 31px;
    top:2px;
	text-align: right;

}
.CookieBannerText_NoReceipt {
    top: 6px;
    left: -25px;
	text-align: left;
}
 .CookieBannerTextRTL_NoReceipt{ 	
	top: -4px;
    left: 35px;
	text-align: right;
}

body.Receipt_2_PHL .CookieBannerText {margin-top: 220px;}
body.Receipt_2_BHS .CookieBannerText {margin-top: 170px;}
body.Receipt_2_CUW .CookieBannerText {margin-top: 140px;}
body.Receipt_2_DOM .CookieBannerText {margin-top: 160px;}
body.Receipt_2_ESP .CookieBannerText {margin-top: 150px;}
body.Receipt_2_GTM .CookieBannerText {margin-top: 130px;}
body.Receipt_2_SWE .CookieBannerText {margin-top: 75px;}

body.Receipt_3_MEX .CookieBannerText {margin-top: 140px;}

/* POSType 1 */
body.Receipt_1_BRA div#content { background-image:url('../images/Receipts/Receipt_BRA.png'); }
body.Receipt_1_CAN div#content { background-image:url('../images/Receipts/Receipt_CAN.png'); }
body.Receipt_1_EGY div#content { background-image:url('../images/Receipts/Receipt_EGY.png'); min-height: 476px !important;}
body.Receipt_1_GRD div#content { background-image:url('../images/Receipts/Receipt_GRD.png'); }
body.Receipt_1_GUY div#content { background-image:url('../images/Receipts/Receipt_GUY.png'); }
body.Receipt_1_KWT div#content { background-image:url('../images/Receipts/Receipt_KWT.png'); }
body.Receipt_1_LBN div#content { background-image:url('../images/Receipts/Receipt_LBN.png'); }
body.Receipt_1_MMR div#content { background-image:url('../images/Receipts/Receipt_MMR.png'); }
body.Receipt_1_OMN div#content { background-image:url('../images/Receipts/Receipt_OMN.png'); }
body.Receipt_1_QAT div#content { background-image:url('../images/Receipts/Receipt_QAT.png'); }
body.Receipt_1_XQC div#content { background-image:url('../images/Receipts/Receipt_XQC.png'); }
/* POSType 2 */
body.Receipt_2_ARE div#content { background-image:url('../images/Receipts/Receipt_ARE.png'); }
body.Receipt_2_ABW div#content { background-image:url('../images/Receipts/Receipt_ABW.png'); }
body.Receipt_2_AGO div#content { background-image:url('../images/Receipts/Receipt_AGO.png'); }
body.Receipt_2_ARM div#content { background-image:url('../images/Receipts/Receipt_ARM.png'); }
body.Receipt_2_AZE div#content { background-image:url('../images/Receipts/Receipt_AZE.png'); }
body.Receipt_2_BEL div#content { background-image:url('../images/Receipts/Receipt_BEL.png'); }
body.Receipt_2_BHR div#content { background-image:url('../images/Receipts/Receipt_BHR.png'); }
body.Receipt_2_BLR div#content { background-image:url('../images/Receipts/Receipt_BLR.png'); }
body.Receipt_2_BRN div#content { background-image:url('../images/Receipts/Receipt_BRN.png'); min-height: 600px !important;}
body.Receipt_2_BHS div#content { background-image:url('../images/Receipts/Receipt_BHS.png'); min-height: 600px !important; }



body.Receipt_2_CUW div#content { background-image:url('../images/Receipts/Receipt_CUW.png'); min-height: 690px !important; }
body.Receipt_2_CYM div#content { background-image:url('../images/Receipts/Receipt_CYM.png'); }
body.Receipt_2_CYP div#content { background-image:url('../images/Receipts/Receipt_CYP.png'); }
body.Receipt_2_DEU div#content { background-image:url('../images/Receipts/Receipt_DEU.png'); min-height: 500px !important;}
body.Receipt_2_DJI div#content { background-image:url('../images/Receipts/Receipt_DJI.png'); }
body.Receipt_2_DMA div#content { background-image:url('../images/Receipts/Receipt_DMA.png'); }
body.Receipt_2_DOM div#content { background-image:url('../images/Receipts/Receipt_DOM.png'); min-height:680px !important;}
body.Receipt_2_EGY div#content { background-image: url('../images/Receipts/Receipt_EGY.png'); min-height: 520px !important;}
body.Receipt_2_ESP div#content { background-image:url('../images/Receipts/Receipt_ESP.png'); min-height: 600px !important;}
body.Receipt_2_FIN div#content { background-image:url('../images/Receipts/Receipt_FIN.png'); }
body.Receipt_2_FRA div#content { background-image:url('../images/Receipts/Receipt_FRA.png'); background-position: 470px 20px !important;}
body.Receipt_2_GIB div#content { background-image:url('../images/Receipts/Receipt_GIB.png'); min-height: 388px !important;}
body.Receipt_2_GLP div#content { background-image:url('../images/Receipts/Receipt_GLP.png'); background-position: 450px 30px;}
body.Receipt_2_GRC div#content { background-image:url('../images/Receipts/Receipt_GRC.png'); }
body.Receipt_2_GTM div#content { background-image:url('../images/Receipts/Receipt_GTM.png'); min-height: 650px !important; }
body.Receipt_2_HKD div#content { background-image:url('../images/Receipts/Receipt_HKD.png'); background-position: 450px 30px; min-height: 520px !important; }
body.Receipt_2_HKG div#content { background-image:url('../images/Receipts/Receipt_HKG.png'); }
body.Receipt_2_HND div#content { background-image:url('../images/Receipts/Receipt_HND.png'); }
body.Receipt_2_IDN div#content { background-image:url('../images/Receipts/Receipt_IDN.png'); min-height: 485px !important; }
body.Receipt_2_IRQ div#content { background-image:url('../images/Receipts/Receipt_IRQ.png'); }
body.Receipt_2_ISR div#content { background-image:url('../images/Receipts/Receipt_ISR.png'); }
body.Receipt_2_JAM div#content { background-image:url('../images/Receipts/Receipt_JAM.png'); }
body.Receipt_2_JOR div#content { background-image:url('../images/Receipts/Receipt_JOR.png'); }
body.Receipt_2_KAZ div#content { background-image:url('../images/Receipts/Receipt_KAZ.png'); }
body.Receipt_2_KHM div#content { background-image:url('../images/Receipts/Receipt_KHM.png'); }
body.Receipt_2_KWT div#content{ background-image: url('../images/Receipts/Receipt_KWT.png'); min-height: 480px !important;}
body.Receipt_2_LTU div#content { background-image:url('../images/Receipts/Receipt_LTU.png'); }
body.Receipt_2_LUX div#content { background-image:url('../images/Receipts/Receipt_LUX.png'); }
body.Receipt_2_MAR div#content { background-image:url('../images/Receipts/Receipt_MAR.png'); }
body.Receipt_2_MNG div#content { background-image:url('../images/Receipts/Receipt_MNG.png'); }
body.Receipt_2_MYS div#content { background-image:url('../images/Receipts/Receipt_MYS.png'); min-height: 437px !important;}
body.Receipt_2_MLT div#content { background-image:url('../images/Receipts/Receipt_MLT.png'); } 
body.Receipt_2_NIC div#content { background-image:url('../images/Receipts/Receipt_NIC.png'); }
body.Receipt_2_OMN div#content { background-image:url('../images/Receipts/Receipt_OMN.png'); background-position: 450px 30px;}
body.Receipt_2_PAK div#content { background-image:url('../images/Receipts/Receipt_PAK.png'); }
body.Receipt_2_PAN div#content { background-image:url('../images/Receipts/Receipt_PAN.png'); }
body.Receipt_2_PER div#content { background-image:url('../images/Receipts/Receipt_PER.png'); min-height: 465px !important;}
body.Receipt_2_PHL div#content { background-image:url('../images/Receipts/Receipt_PHL.png'); min-height: 750px !important;}
body.Receipt_2_PRT div#content { background-image:url('../images/Receipts/Receipt_PRT.png');}
body.Receipt_2_PSE div#content { background-image:url('../images/Receipts/Receipt_PSE.png');}
body.Receipt_2_RUS div#content { background-image:url('../images/Receipts/Receipt_RUS.png'); }
body.Receipt_2_SAU div#content { background-image:url('../images/Receipts/Receipt_SAU.png');}
body.Receipt_2_SGP div#content { background-image:url('../images/Receipts/Receipt_SGP.png'); min-height: 480px !important;}
body.Receipt_2_SLV div#content { background-image:url('../images/Receipts/Receipt_SLV.png'); }
body.Receipt_2_SUR div#content { background-image:url('../images/Receipts/Receipt_SUR.png'); }
body.Receipt_2_SXM div#content { background-image:url('../images/Receipts/Receipt_SXM.png'); }
body.Receipt_2_THA div#content { background-image:url('../images/Receipts/Receipt_THA.png'); min-height: 530px !important;}
body.Receipt_2_TTO div#content { background-image:url('../images/Receipts/Receipt_TTO.png');}
body.Receipt_2_TUN div#content { background-image:url('../images/Receipts/Receipt_TUN.png');}
body.Receipt_2_TUR div#content { background-image:url('../images/Receipts/Receipt_TUR.png'); }
body.Receipt_2_VEN div#content { background-image:url('../images/Receipts/Receipt_VEN.png'); }
body.Receipt_2_VIR div#content { background-image:url('../images/Receipts/Receipt_VIR.png'); }
body.Receipt_2_VNM_vi div#content { background-image:url('../images/Receipts/Receipt_VNM_vi.png'); min-height: 320px !important;}
body.Receipt_2_VNM_US div#content { background-image:url('../images/Receipts/Receipt_VNM_US.png'); min-height: 320px !important;}
body.Receipt_2_SWE div#content { background-image:url('../images/Receipts/Receipt_SWE.png'); min-height: 415px !important;}

/* POSType 3 */
body.Receipt_3_AUS div#content { background-image:url('../images/Receipts/Receipt_AUS.png'); }
body.Receipt_3_BGD div#content { background-image:url('../images/Receipts/Receipt_BGD.png'); min-height: 215px !important;}
body.Receipt_3_BWA div#content { background-image:url('../images/Receipts/Receipt_BWA.png'); }
body.Receipt_3_CHL div#content { background-image:url('../images/Receipts/Receipt_CHL.png'); }
body.Receipt_3_CIV div#content { background-image:url('../images/Receipts/Receipt_CIV.png'); }
body.Receipt_3_COL div#content { background-image:url('../images/Receipts/Receipt_COL.png'); }
body.Receipt_3_CRI div#content { background-image:url('../images/Receipts/Receipt_CRI.png'); }
body.Receipt_3_CZE div#content { background-image:url('../images/Receipts/Receipt_CZE.png'); }
body.Receipt_3_ECU div#content { background-image:url('../images/Receipts/Receipt_ECU.png'); }
body.Receipt_3_ETH div#content { background-image:url('../images/Receipts/Receipt_ETH.png'); min-height: 216px !important;}
body.Receipt_3_GBR div#content { background-image:url('../images/Receipts/Receipt_GBR.png'); }
body.Receipt_3_HUN div#content { background-image:url('../images/Receipts/Receipt_HUN.png'); background-position: 440px 30px !important; }
body.Receipt_3_IND div#content { background-image:url('../images/Receipts/Receipt_IND.png'); min-height: 425px !important;}
body.Receipt_3_IRL div#content { background-image:url('../images/Receipts/Receipt_IRL.png'); }
body.Receipt_3_JPN div#content { background-image:url('../images/Receipts/Receipt_JPN.png'); }
body.Receipt_3_KOR div#content { background-image:url('../images/Receipts/Receipt_KOR.png'); min-height: 395px !important;}
body.Receipt_3_LKA div#content { background-image:url('../images/Receipts/Receipt_LKA.png'); }
body.Receipt_3_MDV div#content { background-image:url('../images/Receipts/Receipt_MDV.png'); }
body.Receipt_3_MEX div#content { background-image:url('../images/Receipts/Receipt_MEX.png'); min-height: 595px !important; background-position: 465px 20px !important;}
body.Receipt_3_MUS div#content { background-image:url('../images/Receipts/Receipt_MUS.png'); background-position: 450px 30px;}
body.Receipt_3_NGA div#content { background-image:url('../images/Receipts/Receipt_NGA.png'); }
body.Receipt_3_NPL div#content { background-image:url('../images/Receipts/Receipt_NPL.png'); min-height: 405px !important;}
body.Receipt_3_NZL div#content { background-image:url('../images/Receipts/Receipt_NZL.png'); }
body.Receipt_3_POL div#content { background-image:url('../images/Receipts/Receipt_POL.png'); min-height: 395px !important;}
body.Receipt_3_PRI div#content { background-image:url('../images/Receipts/Receipt_PRI.png'); }
body.Receipt_3_PRY div#content { background-image:url('../images/Receipts/Receipt_PRY.png'); background-position: 450px 110px;}
body.Receipt_3_ROU div#content { background-image:url('../images/Receipts/Receipt_ROU.png'); }
body.Receipt_3_SDN div#content { background-image:url('../images/Receipts/Receipt_SDN.png');}
body.Receipt_3_SVK div#content { background-image:url('../images/Receipts/Receipt_SVK.png'); } 
body.Receipt_3_TWN div#content { background-image:url('../images/Receipts/Receipt_TWN.png'); min-height: 525px !important;}

/*  Countries that use the same receipt image as Country ZAF  
	- Original comment above, new chunk of comments added in version 3.3.0.
	- This is bad design.  There are country-specific files in the folder.  
	- We should be using country-specific images, even if they are copies of Receipt_ZAF.
	- If the files out in the Project's images folder on the S: drive are wrong, then we need to Archive them, then copy Receipt_ZAF and ReceiptMobile_ZAF as Receipt_GHA/ReceiptMobile_GHA, Receipt_KEN\ReceiptMobile_KEN, etc.
    - ZAF removed their receipt in version 3.3.0, which is how I found this.
	- T. Perez 2025-12-16
*/
body.Receipt_3_GHA div#content { background-image:url('../images/Receipts/Receipt_ZAF.png'); }
body.Receipt_3_KEN div#content { background-image:url('../images/Receipts/Receipt_ZAF.png'); }
body.Receipt_3_MOZ div#content { background-image:url('../images/Receipts/Receipt_ZAF.png'); }
body.Receipt_3_TZA div#content { background-image:url('../images/Receipts/Receipt_ZAF.png'); }
body.Receipt_3_UGA div#content { background-image:url('../images/Receipts/Receipt_ZAF.png'); }


body.Receipt_3_ZMB div#content { background-image:url('../images/Receipts/Receipt_ZMB.png'); background-position: 450px 95px; }
body.Receipt_3_ZWE div#content { background-image:url('../images/Receipts/Receipt_ZWE.png'); }

body.IndexPage .IndexHeader {font-size:1.2em;}
body.IndexPage .IndexText span {display:block;margin:.75em 0;}
body.IndexPage .IndexText01 {float:left; background-image:none; }
body.IndexPage .IndexText00, body.IndexPage .Error {clear:both;}
body.IndexPage div#Buttonholder {text-align:left;}

/* Control the alignment of the text boxes horizontally to match their corresponding text */
body.es-ES .IndexText00 { min-width: 120px; padding:4px 0 4px 28px;}
body.es-LA .IndexText00 { min-width: 120px; }
body.fi .IndexText00 { min-width: 120px; }
body.fr-BE .IndexText00 { min-width: 155px; }
body.fr-CH .IndexText00 { min-width: 155px; }
body.fr-MA .IndexText00 { min-width: 155px; }
body.pt-PT .IndexText00 { min-width: 120px; }
body.de .IndexText00 { min-width: 140px; }
body.el .IndexText00 {min-width: 150px; }
body.kk .IndexText00 { min-width: 155px; }
body.lt .IndexText00 { min-width: 140px; }
body.nl .IndexText00 { min-width: 130px; }
body.nl-BE .IndexText00 { min-width: 130px; }
body.pt-PT .IndexText00 { min-width: 150px; }
body.pu .IndexText00 { min-width: 140px; }
body.fr-FR .IndexText00 { min-width: 150px; }
body.mn-MN .IndexText00 { min-width: 127px; }
body.sk .IndexText00 {min-width: 120px; }
body.sv .IndexText00 {min-width: 120px; }
body.ms-MY .IndexText00 { min-width: 120px; }
body.hu .IndexText00 { min-width: 130px; }
body.tr .IndexText00 { min-width: 130px; }
body.lv .IndexText00 { min-width: 130px; }
body.US .IndexText00, body.en-GB .IndexText00 { padding:4px 0 4px 28px;}

/* **** Finish Page *****/
div#finishContainer {text-align:left;margin:auto;}

div#connectContent ul {padding:0;margin:auto;}
div#connectContent ul li {display:block;margin:0 auto;list-style:none;}

.ConnectOn p.connectHeader, .ConnectOn p.FinishHeader {font-weight:bold;font-size:1.4em;margin:auto;}
.ConnectOn div#finishIncentiveHolder
{
	padding:15px;
	margin:5px;
}
 
 .ConnectOn div#finishConnectHolder 
{
	border:solid 1px #D1D1D1;
	padding:15px;
	margin:5px;
	background-color:#F1F3F5;
	-moz-border-radius:.2em;
	border-radius:.2em;
	-webkit-border-radius:.2em;
}
.ConnectOn div#finishIncentive {float:left;width:67%;}
.ConnectOn div#finishConnect {float:left;width:33%;text-align:center;}
.ConnectOn div#finishIncentive hr, .ConnectOn div#finishConnect hr {border:none;background-color:#C1C2C4;height:1px;margin:1em auto;}
.ConnectOn hr.connectHeaderRule {margin-top:.5em !important;}
.ConnectOn div#finishConnect div#connectContent div#connectSocial {text-align:left;padding-left:1.5em;}
.ConnectOn div#finishConnect div#connectContent div#connectSocial li {padding: 0 .25em;}

.ConnectOff p.connectHeader {display:none;}
.ConnectOff div#connectContent ul li {padding-right:1em;}
.ConnectOff div#finishConnect {text-align:center;}
.ConnectOff div#finishIncentive hr, .ConnectOff div#finishConnect hr {display:none;}
.SocialOff div#finishIncentive {float:none;margin:auto;width:85%;}



/* **********   Receipt Image placement since their receipts all have different dimensions.  ********** */
/* Note that there is a line in the "right to left Alignment" just above this that sets the background-position to 485px 90 px.  
   I'm not sure why that's there, but this section will overwrite the above styling when it qualifies. - T. Perez 2026-06-09, version 3.3.7 while helping Sairish.
   Keep this section above the right-to-left styles or your receipts will cover the text boxes on the right side of the page.
*/


/* BHS receipt image positioning */
body.Receipt_2_BHS div#content {
	min-height: 600px !important;
	background-repeat: no-repeat;
	background-position: 485px 0px;
	position: relative;
}

/* BRN receipt image positioning */
body.Receipt_2_BRN div#content {
	min-height: 600px !important;
	background-repeat: no-repeat;
	background-position: 485px 10px;
	position: relative;
}

/* CAN receipt image positioning */
body.Receipt_1_CAN div#content {
	min-height: 600px !important;
	background-repeat: no-repeat;
	background-position: 485px 20px;
	position: relative;
}

/* CIV receipt image positioning */
body.Receipt_3_CIV div#content {
	min-height: 600px !important;
	background-repeat: no-repeat;
	background-position: 515px 10px;
	position: relative;
}

/* CUW receipt image positioning */
body.Receipt_2_CUW div#content {
	min-height: 600px !important;
	background-repeat: no-repeat;
	background-position: 485px 10px;
	position: relative;
}

/* CZE receipt image positioning */
body.Receipt_3_CZE div#content {
	min-height: 600px !important;
	background-repeat: no-repeat;
	background-position: 485px 10px;
	position: relative;
}

/* DOM receipt image positioning */
body.Receipt_2_DOM div#content {
	min-height: 600px !important;
	background-repeat: no-repeat;
	background-position: 485px 10px;
	position: relative;
}

/* EGY receipt image positioning */
body.Receipt_2_EGY div#content {
	min-height: 600px !important;
	background-repeat: no-repeat;
	background-position: 485px 10px;
	position: relative;
}

/* ESP receipt image positioning */
body.Receipt_2_ESP div#content {
	min-height: 600px !important;
	background-repeat: no-repeat;
	background-position: 485px 10px;
	position: relative;
}

/* GTM receipt image positioning */
body.Receipt_2_GTM div#content {
	min-height: 600px !important;
	background-repeat: no-repeat;
	background-position: 485px 10px;
	position: relative;
}

/* IDN receipt image positioning */
body.Receipt_2_IDN div#content {
	min-height: 600px !important;
	background-repeat: no-repeat;
	background-position: 515px 10px;
	position: relative;
}

/* IND receipt image positioning */
body.Receipt_3_IND div#content {
	min-height: 600px !important;
	background-repeat: no-repeat;
	background-position: 515px 10px;
	position: relative;
}

/* KAZ receipt image positioning */
body.Receipt_2_KAZ div#content {
	min-height: 600px !important;
	background-repeat: no-repeat;
	background-position: 485px 10px;
	position: relative;
}

/* KHM receipt image positioning */
body.Receipt_2_KHM div#content {
	min-height: 600px !important;
	background-repeat: no-repeat;
	background-position: 485px 10px;
	position: relative;
}

/* KWT receipt image positioning */
body.Receipt_2_KWT div#content {
	min-height: 600px !important;
	background-repeat: no-repeat;
	background-position: 515px 10px;
	position: relative;
}

/* LKA receipt image positioning */
body.Receipt_3_LKA div#content {
	min-height: 600px !important;
	background-repeat: no-repeat;
	background-position: 515px 10px;
	position: relative;
}

/* PER, TWN, THA receipt image positioning */
body.Receipt_2_PER div#content, body.Receipt_3_TWN div#content, body.Receipt_2_THA div#content {
	min-height: 600px !important;
	background-repeat: no-repeat;
	background-position: 515px 10px;
	position: relative;
}

/* SGP receipt image positioning */
body.Receipt_2_SGP div#content {
	min-height: 600px !important;
	background-repeat: no-repeat;
	background-position: 485px 10px;
	position: relative;
}

body.Receipt_2_VNM_vi div#content, body.Receipt_2_VNM_US div#content, body.Receipt_2_RUS div#content, body.Receipt_2_AGO div#content, body.Receipt_2_ARM div#content, body.Receipt_3_BGD div#content, body.Receipt_2_BLR div#content, body.Receipt_3_CRI div#content {
	min-height: 600px !important;
	background-repeat: no-repeat;
	background-position: 500px 5px;
	position: relative;
}

body.Receipt_3_PRI div#content, body.Receipt_2_PRT div#content, body.Receipt_2_VIR div#content, body.Receipt_2_BEL div#content, body.Receipt_1_BRA div#content, body.Receipt_2_CYM div#content, body.Receipt_3_ECU div#content, body.Receipt_1_GRD div#content, body.Receipt_2_ISR div#content, body.Receipt_2_PAN div#content, body.Receipt_2_TTO div#content {
	min-height: 600px !important;
	background-repeat: no-repeat;
	background-position: 485px 5px;
	position: relative;
}

body.Receipt_3_ROU div#content, body.Receipt_3_CHL div#content, body.Receipt_3_COL div#content, body.Receipt_2_FIN div#content, body.Receipt_3_GHA div#content, body.Receipt_2_HKG div#content, body.Receipt_3_JPN div#content, body.Receipt_3_KEN div#content, body.Receipt_3_KOR div#content, body.Receipt_2_LTU div#content, body.Receipt_3_TZA div#content, body.Receipt_3_UGA div#content, body.Receipt_2_SUR div#content {
	min-height: 600px !important;
	background-repeat: no-repeat;
	background-position: 505px 15px;
	position: relative;
}

body.Receipt_1_GUY div#content, body.Receipt_2_LUX div#content, body.Receipt_2_TUN div#content {
	min-height: 600px !important;
	background-repeat: no-repeat;
	background-position: 495px 15px;
	position: relative;
}

/* ISR receipt image positioning */
body.Receipt_2_ISR.rightToLeft div#content, body.Receipt_2_TUN.rightToLeft div#content {
	background-position: 0px 10px;
}
/* **********  End Receipt Image placement  ********** */
/* **** Sweeps Rules Page **** 
/* Rules */
#Rules {
	text-align: justify;
	margin-top: 1em;
}
#Rules h1 { text-align:center; font-size:1.3em;}
#Rules h2 { text-align:center; font-weight:normal; font-size:1.2em;}
#Rules h3 { text-align:left; font-weight:bold; font-size:1.2em;}
#Rules p span { font-size:.8em;}
#Rules p1 { font-weight: bold;}
#Rules #prizeDrawSchedule { margin: auto;}
#Rules #prizeDrawSchedule th, #Rules #prizeDrawSchedule td { width: 160px;text-align: center;border: #c0c0c0 solid 2px;}
#Rules #prizeDrawSchedule th.drawSmall, #Rules #prizeDrawSchedule td.drawSmall { width: 90px;}

#Rules #prizeDrawScheduleZAF { margin: auto;}
#Rules #prizeDrawScheduleZAF th, #Rules #prizeDrawScheduleZAF td { width: 160px;text-align: left;border: #c0c0c0 solid 2px;}
#Rules #prizeDrawScheduleZAF th.drawSmallZAF, #Rules #prizeDrawScheduleZAF td.drawSmallZAF { width: 50px;}
#Rules #prizeDrawScheduleZAF td.smallFont {font-size: xx-small;}
#Rules #prizeDrawScheduleZAF td.smallFont1 {font-size: x-small;}


body .wse-tile-list .cataList { width: 40em;   }


body .ConnectOn div#finishConnectHolder 
{
	border:solid 1px #D1D1D1;
	padding:15px;
	margin:5px;
	background-color:#F6F6F6;
}


body .custom-radio-scale-image {width: 72px; height: 72px; margin: 0 10px 0 10px;}
body .wse-rb-tile, body .wse-tile {border-style:solid; border-color:#E1E1E1; border-width:2px; border-radius: .5em;}
body .custom-radio-scale-text, body .custom-radio-scale-text-for-fill { text-transform:none !important; font-weight:bold; max-width: 60px; padding: 0 15px 0 15px; }


/* Controls the width of the Index Page */
body.Receipt form {float:left;width:450px;text-align:center;padding:0 10px;}
body form {float:left;text-align:center;padding:0 10px;}

/* Makes the center of the page white on the Index Page so the receipt image doesn't look bad. */
body div.content-wrapper {background-color:#ffffff;}


/* Center the CouponNum text box on the page */
body #InputCouponNum {margin-left: 107px;}

/* Control the receipt image location */
body div#content {background-position: 480px 20px;}


/* If Project Breeze, but an email invite, there's no receipt image and we need to expand the form. */
body.HR_N form {width:700px;}


/* If Project Breeze, but an email invite, control the Cookie Note box */
.CookieBannerText_NoReceipt, .CookieBannerTextRTL_NoReceipt {margin-top: 40px; width: 730px;}


/* *********************************** End ProjectBreeze Index Page-specific styles *********************************** */


/* Button Stacking Poof of Concept */
.wse-rb-tile, .wse-tile {  
    width:28em;
    height: 4em; /*changed from 3em for el - 8/28/2019 - 2.2.5*/
}


.wse-rb-tile.selected, .wse-tile.selected {
    box-shadow: inset 0px 0px 8px rgba(0,0,0,0.3) !important;
}

/* Controls bigger FNS Header Text */ 
body .FNSText {font-weight:normal; font-size: 1.7em !important; line-height:1.6em;}


/* *********** RECTANGLE TILE CONTROL *********** */

/*Controls the centering of the text within the rectangle tile.  This was originally -7, but I didn't think it was centered enough - T. Perez version 3.3.2 */ 
.wse-rb-tile label, .wse-tile label {
    margin-top:-3px !important;
}

/* We need a different margin-top for LanguageID = cs so the text is centered*/
body.cs .wse-rb-tile label, body.cs .wse-tile label {
	margin-top: -1px !important;
}

/* *********** END RECTANGLE TILE CONTROL *********** */

/* centers the text for rectangular radio button tiles for R000250 and R000177 */
body div#FNSR000250 .rbloption label, body div#FNSR000177 .rbloption label {
	margin-top: -2px !important;
}


.wse-tile-image-container, .wse-rb-tile-image-container {
    font-size: 0;
}

/* controls the text within the square font awesome boxes. */
body .ImageLabel {
    margin-top: 1em !important;
}

/* controls the text within the rectangular CATA boxes.
	This was originally -7px, but I played around with it to get them centered. T. Perez 2023-10-11 version 3.0.2
*/
body .cataOption label {
    margin-top:-3px !important;
}


/* End Button Stacking */


 /*HKD alternate look*/ 
body.HKDen-GB div#header { background-image: url('../images/HKD/Header_HKD_en-GB.png'); height:99px; }
body.HKDzh-Hant div#header { background-image: url('../images/HKD/Header_HKD_zh-Hant.png'); height:99px; }

/* HKD's middle image is gradient, so the entire content box will be gradient like the background of the rest of the survey once you pass the Index Page. */
body.HKD div#middle {background-image: url('../images/HKD/Middle.png');}	

/* Simple Radio Button & Checkbox - added for version 3.3.2 */
body.HKD .radioSimpleInput { background: url(../images/HKD/WSE_Radio_@1x.png) no-repeat; }
body.HKD .checkboxSimpleInput {background: url(../images/HKD/WSE_Checkboxes_@1x.png) no-repeat;}

 /*HKD alternate footer look*/ 
body.HKDen-GB div#footer { background-image: url('../images/HKD/Footer.png'); height:63px; }
body.HKDzh-Hant div#footer { background-image: url('../images/HKD/Footer.png'); height:63px; }

body.HKD #footer {padding:30px 15px 0 15px !important;}
body.HKD li#footerCR {width:35% !important;}
body.HKD #footerCR {padding:4px 0px 0 0px !important;}


/* Font Awesome Circle Color (R000205) */
/* before selected */
.fa-custom-radio-scale-off::before {color: #F6F6F6; /*padding: 4px 11px !important;*/ font-size:60px;}

/* after selected */
.fa-custom-radio-scale-on::before {color: #6B6E79; /*padding: 4px 11px !important;*/ font-size:60px;}


/* --------  START R000334 question box and "Other" text box control --------  */
/* Controls the "Other" text box by pushing it to the right of the text for R000334*/
.wse-tile-other textarea, .wse-rb-tile-other textarea {margin-left: 90px !important;}

/* This is for controlling how R000334 displays on the page */
.wse-tile-other label, .wse-tile-other .Inputtypeother, .wse-rb-tile-other label, .wse-rb-tile-other .Inputtypeother {
	position: absolute;
	top: -20px;
	left: 50%;
	margin-left: -62.5px;
	margin-top: .6em;
}

/* *****************************************************************************************    CATA - Other  (Text Box)    ***********************************************************************************************

	Pushes down the "Other" text for R000334 since we have to play around with the text box that pops up when selected.  This keeps the text centered in the question before selected. 
    NOTE That CATA Options that are set up as Text Boxes in the Question Properties will need to be added here, and the text + the text box will be centered in the tile when it is selected. - T. Perez 2025-12-16.

   *****************************************************************************************    CATA - Other  (Text Box)    *********************************************************************************************** */

#FNSR000334 label, #FNSR000184 label, #FNSR000186 label, #FNSR000188 label, #FNSR000283 label, #FNSR000263 label, #FNSR000265 {margin-top:18px !important;}
/* --------  END R000334 question box and "Other" text box control --------  */



/* ******************************************   USA - Secific Styles ****************************************** */ 
body.USA { background: center top; background-image: url(../images/USA/bg.png);} 
body.USA div#header { background-image: url('../images/USA/Header.png'); height: 137px; }

/* Simple Radio Button & Checkbox - added for version 3.3.2 */
body.USA .radioSimpleInput { background: url(../images/USA/WSE_Radio_@1x.png) no-repeat; }
body.USA .checkboxSimpleInput {background: url(../images/USA/WSE_Checkboxes_@1x.png) no-repeat;}


body.USA input#NextButton {
		background-image:url('../images/USA/Button.png');
		border-style:none; 
		background-color:transparent;
		color:White;
		font-weight:bold;
		height:35px;
		width:115px;		
	}

/* Removes the padding on Index_CouponNum.Text since USA doesn't have a receipt image with a red circled #1. */
body.IndexPage .NoItem {padding: 4px 0 0 0px !important;}


/*USA alternate footer look*/ 
body.USA div#footer { background-image: url('../images/USA/Footer.png'); height: 65px; }

body.USA #footer, body.USA #footer a { color:#ffffff !important;}
body.USA #footer {padding: 1px 15px 0 15px !important;}
body.USA li#footerCR {width: 35% !important;}
body.USA #footerCR {padding: 8px 0px 0 0px !important;}

/* USA extra long footer text */
body.USA li#footerCRT {float:left !important; padding: 3px 50px 0 0px;}

body.USA .InputRowEven { background-color: transparent; }
/* ****************************************** End USA - Specific Styles ****************************************** */


/* NOTE: I don't think we need the USA-specific styles now that we have removed BreezeStatus.  We should look into removing the section above in the future.
	     I didn't do it in version 3.3.7 because there were WAY too many other things going on.  - T. Perez 2026-06-11
*/


/* We need a much taller footer image for es-LA because the text is so long. */
body.USAes-LA div#footer {background-image: url('../images/FooterLong.png'); height: 109px; }
body.USAes-LA li#footerCRT {padding: 15px 0 0 0;}
body.USAes-LA #footerL li {text-align: left !important;}													



/* *** right to left Alignment  *** */
body.CouponEntryRtl form { float:right !important;}
body.CouponEntryRtl div#content { background-position: 35px 10px;}
body.CouponEntryRtl #Buttonholder { text-align:right !important;}
body.CouponEntryRtl .IndexText00 { float: right; background-position: right center; padding:4px 28px 4px 0;}
body.CouponEntryRtl .IndexText01 { float: right; }
body.rightToLeft div#finishContainer { text-align: right; }
body.rightToLeft .ConnectOn p.FinishHeader { text-align: right !important; }
body.rightToLeft .ConnectOn div#finishConnect div#connectContent div#connectSocial {text-align:right;}

body.rightToLeft .SurveyHolder, body.rightToLeft div.radioButtons, body.rightToLeft #ContentPage, body.rightToLeft .cataOption {text-align: center !important;}


/* ***** ChatGPT Style Help for Right-to-left ***** */

/* RTL finish page: widen the right-side text area */
body.rightToLeft .ConnectOn div#finishIncentiveHolder {
    margin: 5px auto !important;
    overflow: hidden;
}

body.rightToLeft .ConnectOn div#finishIncentive {
    float: right !important;
    width: 61% !important;
    text-align: right !important;
}

body.rightToLeft .ConnectOn div#finishConnect {
    float: left !important;
    width: 39% !important;
    text-align: center !important;
}

/* Keep the short lines from wrapping */
body.rightToLeft .ConnectOn p.connectHeader,
body.rightToLeft .ConnectOn p.FinishHeader {
    white-space: nowrap;
}

/* RTL finish page */
body.rightToLeft #finishForm {
    width: 750px !important;
    max-width: 750px !important;
    margin: 0 auto !important;
    float: none !important;
}


/* ***** END ChatGPT Style Help for Right-to-left ***** */


/*  
	There is a file called SinglePage.min.css that is adding a line to the #content that extends left and right of the page on the first question for CIV.
	This will overwrite the global setting and not show a line (arfd https://smg-software.atlassian.net/jira/people/557058:1bdff80b-435e-4d2e-9948-51b8d4312d89/boards/44?selectedIssue=REQ-91126)
*/

body .question-content {
	border-bottom: none !important;
}


body.IsBuildAsYouGoStatus_Y form {
	float: none !important;
	text-align: center;
	padding: 0 10px;
}