body { background: center top; background-image: url(../images/bg.png);background-repeat: repeat-x; }
	div#outerframe { width: 822px;}
	div#headerpush {display:none;}
/* 
	- Note that I had to adjust this height for Header in the Styles because it was getting cut off.
	- There will be updates to the other headers at some point, but this is the
	- temporary fix for now. - T. Perez, 2021-09-16 - version 1.8.1
*/

	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: 61px;}		
	div#Progress {	background-image:url('../images/ProgressBar.png'); }		
	input#NextButton {
		background-image:url('../images/Button.png');
		border-style:none; 
		background-color:transparent;
		color:White;
		font-weight:bold;
		height:35px;
		width:115px;		
	}	
.checkboxBranded {background-image: url(../images/checkbox.png) !important;}
.radioBranded {background-image: url(../images/radio.png)  !important;}

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

/* Language Specific Headers */
/*body.ar div#header { background-image:url('../images/Header_ar.png');}
body.az div#header { background-image:url('../images/Header_az.png');}
body.de div#header { background-image:url('../images/Header_de.png');}*/

/*body.en-GB div#header { background-image:url('../images/Header_en-GB.png');}
body.es-ES div#header { background-image:url('../images/Header_es-ES.png');}
body.es-LA div#header { background-image:url('../images/Header_es-LA.png');}
body.fr-FR div#header { background-image:url('../images/Header_fr-FR.png');}
body.fr-MA div#header { background-image:url('../images/Header_fr-MA.png');}
body.ko div#header { background-image:url('../images/Header_ko.png');}
body.nl div#header { background-image:url('../images/Header_nl.png');}
body.pl div#header { background-image:url('../images/Header_pl.png'); height:137px;}
body.ru div#header { background-image:url('../images/Header_ru.png');}
body.zh-Hans div#header { background-image:url('../images/Header_zh-Hans.png');}*/

/* Language Specific Footers */
/*body.ru div#footer { background-image:url('../images/Footer_ru.png'); }*/

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


#footer {padding:8px 15px 0 15px !important;}
li#footerCR {width:35% !important;}
#footerCR {padding-top: 8px !important;}

/* Incentive = Sweeps, but they do not have a T & C link to go to. */
body.HasTnC_N #footer {padding:15px 15px 0 15px !important;}
body.HasTnC_N #footerCR {padding-top: 1px !important;}

/* RUS added a Privacy Policy .pdf in version 1.3.3, so they get their own footer styles. */
/*body.RUS #footer {padding:8px 100px 0 15px !important;}
body.RUS #footerCR {padding-top: 8px !important;}
body.RUS li#footerCR {width:30% !important;}*/

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

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


/* **** Index page with numerical image references to receipt ****  */
body.CouponEntry form {float:left;width:430px;text-align:left;padding:0 10px; }
body.CouponEntry div#content 
{
	background-repeat:no-repeat;
	position: relative;
}
body.CouponEntry_Coupon form {min-height: 500px !important;}
body.CouponEntry_Coupon div#content 
{
	min-height: 300px !important;
	background-image:url('../images/Receipt_Coupon.png');
	background-position: 480px 10px;
}
body.CouponEntry_FirstVisit form {width:375px;}
body.CouponEntry_FirstVisit div#content 
{
	min-height:380px !important;
	background-image:url('../images/Receipt_FirstVisit.png');
	background-position: 395px 10px;
}
body.IndexPage .IndexHeader {font-size:1.2em;}
body.IndexPage .IndexText span {margin:.75em 0;}
body.IndexPage .IndexText00 { min-width:167px; float:left; padding:4px 0 4px 28px; background-repeat:no-repeat; background-position: left center;  }
body.CouponEntry_es-LA .IndexText00 { min-width:210px;}
body.CouponEntry_ru .IndexText00 { min-width:190px;}
body.IndexPage .ItemOne { background-image:url('../../../Common/images/1.png');}
body.IndexPage .ItemTwo { background-image:url('../../../Common/images/2.png');}
body.IndexPage .ItemThree { background-image:url('../../../Common/images/3.png');}
body.IndexPage .ItemFour { background-image:url('../../../Common/images/4.png');}
body.IndexPage .ItemFive { background-image:url('../../../Common/images/5.png');}
body.IndexPage .IndexText01 {float:left; background-image:none; padding: 4px 5px 0;}
body.IndexPage .IndexText00, body.IndexPage .Error {clear:both;}
body.IndexPage div#Buttonholder {text-align:left;}

body.CouponEntry_Coupon_ARE div#content { background-image:url('../images/ARE/Receipt_Coupon_ARE.png'); background-position: 460px 10px;}
body.CouponEntry_Coupon_AZE div#content { min-height:600px !important; background-image:url('../images/AZE/Receipt_AZE.png'); background-position: 460px 10px;}
body.CouponEntry_Coupon_BHR div#content { background-image:url('../images/BHR/Receipt_BHR.png'); background-position: 500px 10px;}
body.CouponEntry_Coupon_BLR div#content { background-image:url('../images/BLR/Receipt_BLR.png'); background-position: 480px 10px;}
body.CouponEntry_Coupon_COL div#content { background-image:url('../images/COL/Receipt_Coupon_COL.png'); background-position: 480px 10px;}
body.CouponEntry_Coupon_CYM div#content { background-image:url('../images/CYM/Receipt_Coupon_CYM.png'); background-position: 460px 10px;}
body.CouponEntry_Coupon_DOM div#content { background-image:url('../images/DOM/Receipt_Coupon_DOM.png');}
body.CouponEntry_Coupon_EGY div#content { background-image:url('../images/EGY/Receipt_Coupon_EGY.png');}
body.CouponEntry_Coupon_FRA div#content { background-image:url('../images/FRA/Receipt_Coupon_FRA.png');}
body.CouponEntry_Coupon_GTM div#content { background-image:url('../images/GTM/Receipt_Coupon_GTM.png');}
body.CouponEntry_Coupon_IRQ div#content { background-image:url('../images/IRQ/Receipt_Coupon_IRQ.png'); background-position: 460px 10px;}
body.CouponEntry_Coupon_MAR div#content { background-image:url('../images/MAR/Receipt_Coupon_MAR.png');}
body.CouponEntry_Coupon_MEX div#content { background-image:url('../images/MEX/Receipt_MEX.png'); background-position: 460px 10px;}
body.CouponEntry_Coupon_NIC div#content { background-image:url('../images/NIC/Receipt_Coupon_NIC.png');}
body.CouponEntry_Coupon_NLD div#content { background-image:url('../images/NLD/Receipt_NLD.png'); background-position: 480px 10px;}
body.CouponEntry_Coupon_OMN div#content { background-image:url('../images/OMN/Receipt_OMN.png'); background-position: 520px 10px;}
body.CouponEntry_Coupon_PAK div#content { background-image:url('../images/PAK/Receipt_PAK.png'); background-position: 470px 0px;}
body.CouponEntry_Coupon_PER div#content { background-image:url('../images/PER/Receipt_Coupon_PER.png');	background-position: 460px 10px;}
body.CouponEntry_Coupon_PRI div#content { background-image:url('../images/PRI/Receipt_Coupon_PRI.png');}
body.CouponEntry_Coupon_QAT div#content { background-image:url('../images/QAT/Receipt_QAT.png'); background-position: 520px 20px;}
body.CouponEntry_Coupon_QAT form {float:left;width:510px;text-align:left;padding:0 10px; }
body.CouponEntry_Coupon_SAU div#content { background-image:url('../images/SAU/Receipt_SAU.png'); background-position: 500px 10px;}
body.CouponEntry_Coupon_TTO div#content { background-image:url('../images/TTO/Receipt_Coupon_TTO.png');}
body.CouponEntry_Coupon_TUN div#content { background-image:url('../images/TUN/Receipt_Coupon_TUN.png');}
body.CouponEntry_Coupon_UZB div#content { background-image:url('../images/UZB/Receipt_UZB.png'); background-position: 500px 33px;}

body.PreCouponEntryRTL, body.PreCouponEntryRTL div#Buttonholder { text-align: right; }
body.CouponEntryRTL form { float:right; text-align:right;}
body.CouponEntryRTL div#content { background-position: 10px 20px;}
body.CouponEntryRTL .IndexText00 { float:right; padding:4px 28px 4px 0; background-position: right center; min-width:130px; }
body.CouponEntryRTL .IndexText01 { float:right;}
body.CouponEntryRTL div#Buttonholder {text-align:right;}



/* We can probably start re-naming these receipt images like CHN and RUS.  
	It was created this way (standard), so I wasn't going to change it to include "Coupon" in the name. 
	T. Perez - version 1.6.2
*/
/*body.CouponEntry_Coupon_CHN, body.CouponEntry_Coupon_RUS div#content {
	background-position: 480px 10px;
}*/
body.CouponEntry_Coupon_CHN div#content { background-image:url('../images/CHN/Receipt_CHN.png');}
body.CouponEntry_Coupon_RUS div#content { background-image:url('../images/RUS/Receipt_RUS.png');}

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


/* **** 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:#EBEBEB;
	-moz-border-radius:.2em;
	border-radius:.2em;
	-webkit-border-radius:.2em;
}
.ConnectOn div#finishIncentive {float:left;width:63%;}
.ConnectOn div#finishConnect {float:left;width:37%;text-align:center;}
.ConnectOn div#finishIncentive hr, .ConnectOn div#finishConnect hr {border:none;background-color:#BCBCBC;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;}

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;}

/* OnePage Survey */
/*body.OnePage_Y {background-image:url(../images/OnePage/bg.jpg); background-repeat:no-repeat; background-color: #0B0A08;}
body.OnePage_Y	div#middle { background-image:url('../images/OnePage/Middle.png'); }	
body.OnePage_Y	div#footer { background-image:url('../images/OnePage/Footer.png'); height: 42px;}*/

body.OnePage_Y .rbloption {text-align:left;}
body.OnePage_Y .SurveyHolder {text-align:center;}

body.OnePage_Y.rightToLeft .SurveyHolder {text-align:center !important;}
body.OnePage_Y.rightToLeft .rbloption {text-align:right;}

/*body.OnePage_Y div#footerframe { background-image:url(../../../Common/images/BottomLogoWhite.png);}*/

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

.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.OnePage_Y .FNSText {font-weight:normal; font-size: 1.3em; line-height:1.6em;}

  /*Controls the centering of the text within the rectangle tile*/ 
.wse-rb-tile label, .wse-tile label {
    margin-top:-7px !important;
}

/* centers the text for rectangular radio button tiles for R000250 and R000177 */
/*body.OnePage_Y div#FNSR000250 .rbloption label, body.OnePage__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.OnePage_Y .ImageLabel {
    margin-top: 1em !important;
}

/* controls the text within the rectangular CATA boxes. */
body.OnePage_Y .cataOption label {
    margin-top:-7px !important;
}


/* End Button Stacking */

/* Font Awesome Star Color */
/* before selected */
.fa-custom-radio-scale-off::before {/*color:#007A53; *//*padding: 4px 11px !important;*/ font-size:60px;}

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


body.IndexPage div.radioButtonsScaleBelow {
	text-align: left;
	margin-left: 0;
	margin-top: .5em;
	width: 75%;
}

body.IndexPage div.radioButtonFNS {
	text-align: left;
	margin-left: 0;
	margin-top: .5em;
}

body.IndexPage div.radioButtonList {
	text-align: left;
	margin-left: 0;
	margin-top: .5em;
	width: 822px;
}

body.IndexPage div.rbloption, body.IndexPage div.rbloption {
	left: 1em;
	width: 90%;
}

div#IndexInstr06_color { color: red !important; font-weight: bold !important;}