body { background: center top; background-image: url(../images/bg.jpg);background-repeat: repeat-x; background-color:#252523;} div#outerframe { width: 822px;} div#headerpush {display:none;} div#header { background-image:url('../images/Header.png'); height: 99px;} div#middle { background-image:url('../images/Middle.png'); } div#footer { background-image:url('../images/Footer.png'); height: 46px;} 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;} body.ar div#header { background-image:url('../images/Headers/Header_ar.png'); } body.ar-OM div#header { background-image:url('../images/Headers/Header_ar-OM.png'); } body.bn-BD div#header { background-image:url('../images/Headers/Header_bn-BD.png'); } body.de div#header { background-image:url('../images/Headers/Header_de.png'); } body.el div#header { background-image:url('../images/Headers/Header_el.png'); } body.en-GB div#header {background-image:url('../images/Headers/Header_en-GB.png'); } body.es-ES div#header { background-image:url('../images/Headers/Header_es-ES.png'); } body.es-LA div#header { background-image:url('../images/Headers/Header_es-LA.png'); } body.fi div#header { background-image:url('../images/Headers/Header_fi.png'); } body.fr-BE div#header { background-image:url('../images/Headers/Header_fr-BE.png'); } body.fr-CA div#header { background-image:url('../images/Headers/Header_fr-CA.png'); } body.fr-CH div#header { background-image:url('../images/Headers/Header_fr-CH.png'); } body.fr-FR div#header { background-image:url('../images/Headers/Header_fr-FR.png'); } body.fr-MA div#header { background-image:url('../images/Headers/Header_fr-MA.png'); } body.he div#header { background-image:url('../images/Headers/Header_he.png'); } body.hy div#header { background-image:url('../images/Headers/Header_hy.png'); } body.hu div#header { background-image:url('../images/Headers/Header_hu.png'); } body.id div#header { background-image:url('../images/Headers/Header_id.png'); } body.ja div#header { background-image:url('../images/Headers/Header_ja.png'); } body.kk div#header { background-image:url('../images/Headers/Header_kk.png'); } body.ko div#header { background-image:url('../images/Headers/Header_ko.png'); } body.lt div#header { background-image:url('../images/Headers/Header_lt.png'); } body.lv div#header { background-image:url('../images/Headers/Header_lv.png'); } body.mn-MN div#header { background-image:url('../images/Headers/Header_mn-MN.png'); } body.ms-MY div#header { background-image:url('../images/Headers/Header_ms-MY.png'); } body.nl div#header { background-image:url('../images/Headers/Header_nl.png'); } body.nl-BE div#header { background-image:url('../images/Headers/Header_nl-BE.png'); } body.pl div#header { background-image: url('../images/Headers/Header_pl.png'); } body.pt-BR div#header { background-image: url('../images/Headers/Header_pt-BR.png'); } body.pt-PT div#header { background-image: url('../images/Headers/Header_pt-PT.png'); } body.pu div#header { background-image:url('../images/Headers/Header_pu.png'); } body.ro div#header { background-image: url('../images/Headers/Header_ro.png'); } body.ru div#header { background-image: url('../images/Headers/Header_ru.png'); } body.sk div#header { background-image: url('../images/Headers/Header_sk.png'); } body.sv div#header { background-image: url('../images/Headers/Header_sv.png'); } body.th div#header { background-image: url('../images/Headers/Header_th.png'); } body.tr div#header { background-image: url('../images/Headers/Header_tr.png'); } body.ur div#header { background-image:url('../images/Headers/Header_ur.png'); } body.vi div#header { background-image: url('../images/Headers/Header_vi.png'); } body.zh-Hant div#header { background-image: url('../images/Headers/Header_zh-Hant.png'); } body.zh-TW div#header { background-image: url('../images/Headers/Header_zh-TW.png'); } .checkboxBranded {background-image: url(../images/Checkbox.png) !important;} .radioBranded {background-image: url(../images/Radio.png) !important;} /* 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;} /* **** Footer **** */ #footer {padding:9px 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; } /*body.HasOptIn div#content { background-position: 440px 20px !important; }*/ /* 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: 690px !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_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_LVA div#content { background-image:url('../images/Receipts/Receipt_LVA.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: 264px !important;} body.Receipt_2_VNM_US div#content { background-image:url('../images/Receipts/Receipt_VNM_US.png'); min-height: 264px !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 */ 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_ZAF 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:inline;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%;} /* *** right to left Alignment *** */ body.CouponEntryRtl form { float:right !important;} body.CouponEntryRtl div#content { background-position: 35px 10px;} body.HasOptIn div#content { background-position: 35px 90px;} 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#finishIncentive, body.rightToLeft .ConnectOn div#finishConnect {float:right;} body.rightToLeft .ConnectOn div#finishConnect div#connectContent div#connectSocial {text-align:right;} /* **** 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;} /* ONE PAGE SURVEY */ body.BreezeStatus_Y {background-image: url(../images/ProjectBreeze/bg.png); background-repeat: repeat; text-align:center !important; background-color:white; } /* Centering The Project Breeze survey for all language to over-ride RightToLeft Global Styles - REVISIT THIS LINE WHEN PROJECT BREEZE LAUNCHES FOR ALL COUNTRIES - SB - 11/14/2019 - 2.3.0 */ body.BreezeStatus_Y .SurveyHolder, body.BreezeStatus_Y .cataOption, body.BreezeStatus_Y div.radioButtons, body.BreezeStatus_Y div#Buttonholder {text-align:center !important;} body.BreezeStatus_Y div#header { background-image:url('../images/ProjectBreeze/Header.png'); height: 28px;} body.BreezeStatus_Y div#middle { background-image:url('../images/ProjectBreeze/Middle.png'); } body.BreezeStatus_Y div#footer { background-image:url('../images/ProjectBreeze/Footer.png'); height: 87px;} body.BreezeStatus_Y .wse-tile-list .cataList { width: 40em; } body.BreezeStatus_Y #footer, body.BreezeStatus_Y #footer a { color:black !important;} body.BreezeStatus_Y #footer {padding:40px 15px 0 15px;} body.BreezeStatus_Y input#NextButton {background-image:url('../images/ProjectBreeze/Button.png'); height:35px; width:155px; } body.BreezeStatus_Y .ConnectOn div#finishConnectHolder { border:solid 1px #D1D1D1; padding:15px; margin:5px; background-color:#F6F6F6; } body.BreezeStatus_Y .custom-radio-scale-image {width: 72px; height: 72px; margin: 0 10px 0 10px;} /*body.BreezeStatus_Y #WRAPR000205 .custom-radio-scale-image { width: 60px; height: 60px;}*/ body.BreezeStatus_Y .wse-rb-tile, body.BreezeStatus_Y .wse-tile {border-style:solid; border-color:#E1E1E1; border-width:2px; border-radius: .5em;} body.BreezeStatus_Y .custom-radio-scale-text, body.BreezeStatus_Y .custom-radio-scale-text-for-fill { text-transform:none !important; font-weight:bold; max-width: 60px; padding: 0 15px 0 15px; } /* *********************************** ProjectBreeze Index Page-specific styles *********************************** */ /* left-align the text boxes on the Index Page */ body.BreezeIndex .SurveyHolder {text-align:left !important;} /* Controls the width of the Index Page */ body.BreezeIndex form {float:left;width:450px;text-align:left;padding:0 10px;} /* Add the Pizza Hut Logo at the top of the page only for the Index Page */ body.BreezeIndex div#header { background-image:url('../images/ProjectBreeze/Header_Index.png'); height: 137px; background-repeat: no-repeat;} /* Makes the center of the page white on the Index Page so the receipt image doesn't look bad. */ body.BreezeIndex div.content-wrapper {background-color:#ffffff;} /* Do not show the logo in the footer on the Index Page for ProjectBreeze */ body.BreezeIndex div#footer { background-image:none;} /* remove the top-padding so the CR, SMG_TOS, and SMG_PP text is pulled up in place of the removed logo on the Index Page */ body.BreezeIndex #footer {padding:0 15px 0 15px;} /* Center the CouponNum text box on the page */ body.BreezeIndex #InputCouponNum {margin-left: 107px;} body.BreezeIndex_3_KHM #InputCouponNum {margin-left: 10px !important;} /*Sorry, I made 441-442 on the quick because we got surprised by no receipt being included. Fix in the future. - 2.7.2 - SB */ body.BreezeIndex_3_KHM .IndexText01 {margin-top: .3em !important;} /* Control the receipt image location */ body.BreezeIndex div#content {background-position: 480px 20px;} /* BreezeIndexRtl Styles */ body.BreezeIndexRtl div#header { background-image:url('../images/ProjectBreeze/Header_Index.png'); height: 137px; background-repeat: no-repeat;} body.BreezeIndexRtl .SurveyHolder {text-align:right !important;} body.BreezeIndexRtl div.content-wrapper {background-color:#ffffff;} body.BreezeIndexRtl div#footer { background-image:none;} body.BreezeIndexRtl #footer {padding:0 15px 0 15px;} body.BreezeIndexRtl #InputCouponNum {margin-left: 107px;} body.BreezeIndexRtl div#content {background-position: 20px 20px !important;} /* If Country = PHL and they have a receipt, and they qualify for Project Breeze, increase the Height of the Index Page to Ludacris proportion to fit their receipt image. Add more margin-top as well to push the cookie banner down. */ body.BreezeIndex_2_PHL div.content-wrapper {height: 900px;} body.BreezeIndex_2_PHL div#content {background-position: 490px 10px !important;} body.BreezeIndex_2_PHL .CookieBannerText {margin-top: 300px;} /* 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.BreezeStatus_Y .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*/ .wse-rb-tile label, .wse-tile label { margin-top:-7px !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.BreezeStatus_Y div#FNSR000250 .rbloption label, body.BreezeStatus_Y 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.BreezeStatus_Y .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.BreezeStatus_Y .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 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: 30%; margin-left: -62.5px; margin-top: .6em; } /* 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. */ #FNSR000334 label {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; } /* 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;} body.USA input#NextButton {width: 155px !important;} /*USA alternate footer look*/ body.USA div#footer { background-image: url('../images/USA/Footer.png'); height: 108px; } body.USA #footer, body.USA #footer a { color:#000000 !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: 15px 50px 0 0px;} body.USA .InputRowEven { background-color: transparent; } /* ****************************************** End USA - Specific Styles ****************************************** */