body { background: center top; background-image: url(../images/bg.jpg);background-repeat: repeat-x; background-color:#D9DACC;}

	div#outerframe { width: 822px;}
	div#headerpush {display:none;} 
	div#header { background-image:url('../images/Header.png'); height: 220px;}
	div#middle { background-image:url('../images/Middle.png'); }	
	div#footer { background-image:url('../images/Footer.png'); height: 103px;}		
	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:47px;
		width:123px;		
	}


.checkboxSimpleInput { background: url(../images/WSE_Checkboxes_@1x.png) no-repeat;}
.radioSimpleInput { background: url(../images/WSE_Radio_@1x.png) no-repeat; } 

/* Translated Headers */
/*body.ar div#header { background-image:url('../images/headers/Header_ar.png'); height: 89px;}
body.ar-OM div#header { background-image:url('../images/headers/Header_ar-OM.png'); height: 89px;}
body.es-CO div#header { background-image:url('../images/headers/Header_es-CO.png'); height: 89px;}
body.es-LA div#header { background-image:url('../images/headers/Header_id.png'); height: 89px;}
body.es-MX div#header { background-image:url('../images/headers/Header_es-MX.png'); height: 89px;}
body.es-US div#header { background-image:url('../images/headers/Header_es-US.png'); height: 89px;}
body.fr-FR div#header { background-image:url('../images/headers/Header_fr-FR.png'); height: 89px;}
body.id div#header { background-image:url('../images/headers/Header_id.png'); height: 89px;}*/


/* NOTE TO PROGRAMMERS: The International look is the dark background, dark header, green button.
	There's really no reason to split these all up by Country.
	We should be able to create an INT class and use that for all of these countries below.
	That would mean we could create an INT folder in images, and house the images there instead of breaking them up by Country.

	We should fix this in a future revision when we have the time to update.

	T. Perez - 2022-11-03


	Per Revision 1.9.1 they went back to INT having different Look and Feels and added Build As You Go

	Added INT folder to attempt to reduce confusion

	J Ready - 2023-02-14
*/


/*  ARE gets their own look - separate from LanguageID */
/*body.ARE { background: #000000 center top; background-image: url(../images/ARE/bg.jpg);background-repeat: no-repeat;}*/
/*body.ARE input#NextButton {background-image:url('../images/ARE/Button.png');}*/
/*body.ARE div#header { background-image:url('../images/ARE/Header.png'); height: 89px;}*/

/*  CAN gets their own look - separate from LanguageID */
/*body.CAN { background: #000000 center top; background-image: url(../images/CAN/bg.jpg);background-repeat: no-repeat;}
body.CAN input#NextButton {background-image:url('../images/CAN/Button.png');}
body.CAN div#header { background-image:url('../images/CAN/Header.png'); height: 89px;}*/

/*  FRA gets their own look - separate from LanguageID */
/*body.FRA { background: #000000 center top; background-image: url(../images/FRA/bg.jpg);background-repeat: no-repeat;}
body.FRA input#NextButton {background-image:url('../images/FRA/Button.png');}
body.FRA div#header { background-image:url('../images/FRA/Header.png'); height: 89px;}*/

/*  GBR gets their own look - separate from LanguageID */
/*body.GBR { background: center top; background-image: url(../images/GBR/bg.jpg);background-repeat: no-repeat;}
body.GBR {background: #000000 url('../images/GBR/bg.jpg') no-repeat center top;}
body.GBR input#NextButton {background-image:url('../images/GBR/Button.png');}
body.GBR div#header { background-image:url('../images/GBR/Header.png'); height: 89px;}*/

/*  IDN gets their own look - separate from LanguageID */
/*body.IDN { background: #000000 center top; background-image: url(../images/IDN/bg.jpg);background-repeat: no-repeat;}
body.IDN input#NextButton {background-image:url('../images/IDN/Button.png');}
body.IDN div#header { background-image:url('../images/IDN/Header.png'); height: 89px;}*/

/*  KOR gets their own look - separate from LanguageID */
/*body.KOR { background: #000000 center top; background-image: url(../images/KOR/bg.jpg);background-repeat: no-repeat;}
body.KOR input#NextButton 
	{background-image:url('../images/KOR/Button.png');
	 height:45px;
	width:153px;
}

body.KOR div#header { background-image:url('../images/KOR/Header.png'); height: 89px;}*/

/*  MEX gets their own look - separate from LanguageID */
/*body.MEX { background: #000000 center top; background-image: url(../images/MEX/bg.jpg);background-repeat: no-repeat;}
body.MEX input#NextButton {background-image:url('../images/MEX/Button.png');}
body.MEX div#header { background-image:url('../images/MEX/Header.png'); height: 89px;}*/

/*  SGP gets their own look - separate from LanguageID */
/*body.SGP { background: #000000 center top; background-image: url(../images/SGP/bg.jpg);background-repeat: no-repeat;}
body.SGP input#NextButton {background-image:url('../images/SGP/Button.png');}
body.SGP div#header { background-image:url('../images/SGP/Header.png'); height: 89px;}*/

/*  USA gets their own look - separate from LanguageID */
/*body.USA { background: #000000 center top; background-image: url(../images/USA/bg.jpg);background-repeat: no-repeat;}*/
/*body.USA input#NextButton {background-image:url('../images/USA/Button.png');}*/
/*body.USA div#header { background-image:url('../images/USA/Header.png'); height: 89px;}*/


/* Alt. Background Color */
.InputRowEven { background-color: #EBEAE0; }
#content { margin:0 15px !important;} /* Required for Privacy Policy */

#footer {padding: 17px 15px 0 15px !important;}
li#footerCR {width: 35% !important;}


body.AUS #footer {padding: 8px 25px 0 0 !important;}
body.AUS li#footerCR {padding: 10px 0 0 25px !important;}



body.KOR #footer, body.SAU #footer {padding: 5px 15px 0 15px !important;}

body.KOR #footer {padding: 8px 25px 0 0 !important;}
body.KOR li#footerCR {padding: 10px 0 0 25px !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;}

/* Controls the OptIn question positioning */
body.IndexPage div.radioButtonsScaleBelow  {text-align:left; margin-left:0;margin-top:.5em; width:95%;}
body.IndexPage div.radioButtonFNS {text-align:left; margin-left:0;margin-top:.5em; }
body.IndexPage div.radioButtonList {text-align:left; margin-top:.5em; width: 200px;}
body.IndexPage div.Index_Optin div.rbloption {left: .5em; }
body.IndexPage .LoadingText {text-align:center;}

/* **** Index page with numerical image references to receipt **** */
body.CouponEntry form {float:left;width:440px;text-align:left;padding:0 10px;}
body.CouponEntry div#content 
{
	min-height:380px !important;
	background-repeat:no-repeat;
	background-position: 470px 15px;
	position: relative;
}

body.CouponEntry_SAU_URL div#content, body.CouponEntry_SAU_QR div#content {
	min-height: 540px !important;
	background-repeat: no-repeat;
	background-position: 460px 5px;
	position: relative;
}

/*body.CouponEntryRTL div#content {background-position: 470px 15px;}*/
/* Country-specific receipt images. Note that for USA we had to use InviteType/CountryCode so we don't display for Email InviteTypes. */
body.CouponEntry_ARE div#content {background-image:url('../images/ARE/Receipt_ARE.png'); }
body.CouponEntry_CAN div#content {background-image:url('../images/CAN/Receipt_CAN.png');  min-height:575px !important;background-position: 470px 25px;}
body.CouponEntry_COL div#content {background-image:url('../images/COL/Receipt_COL.png'); background-repeat:no-repeat; background-position: 470px 10px; min-height:475px !important;}
body.CouponEntry_FRA div#content {background-image:url('../images/FRA/Receipt_FRA.png'); min-height:570px !important;}
body.CouponEntry_GBR div#content {background-image:url('../images/GBR/Receipt_GBR.png');}
body.CouponEntry_IDN div#content {background-image:url('../images/IDN/Receipt_IDN.png');}
body.CouponEntry_MEX div#content {background-image:url('../images/MEX/Receipt_MEX.png');}
body.CouponEntry_MYS div#content {background-image:url('../images/MYS/Receipt_MYS.png');}
body.CouponEntry_PAN div#content {background-image:url('../images/PAN/Receipt_PAN.png'); min-height:485px !important;}
body.CouponEntry_PHL div#content {background-image:url('../images/PHL/Receipt_PHL.png'); background-position: 470px 10px;}
body.CouponEntry_PRI div#content {background-image:url('../images/PRI/Receipt_PRI.png');}
body.CouponEntry_SAU_URL div#content {background-image:url('../images/SAU/ReceiptURL_SAU.png');}
body.CouponEntry_SAU_QR div#content {background-image:url('../images/SAU/ReceiptQR_SAU.png');}
body.CouponEntry_SGP div#content {background-image:url('../images/SGP/Receipt_SGP.png'); min-height:650px !important;}
body.CouponEntry_URLUSA div#content {background-image:url('../images/USA/Receipt_USA.png');}


body.CouponEntry .IndexHeader {font-size:1.2em;}
body.CouponEntry .IndexText span {display:block;margin:.75em 0;}
body.CouponEntry .IndexText00 { min-width:155px; float:left; padding:4px 0 4px 28px; background-repeat:no-repeat; background-position: left center;  }
body.CouponEntry .ItemOne { background-image:url('../../../Common/images/1.png');} 
body.CouponEntry .ItemTwo { background-image:url('../../../Common/images/2.png');} 
body.CouponEntry .ItemThree { background-image:url('../../../Common/images/3.png');} 
body.CouponEntry .ItemFour { background-image:url('../../../Common/images/4.png');} 
body.CouponEntry .ItemFive { background-image:url('../../../Common/images/5.png');} 
body.CouponEntry .IndexText01 {float:left; background-image:none; padding: 4px 5px 0;}
body.CouponEntry .IndexText00, body.IndexPage .Error {clear:both;}
body.CouponEntry div#Buttonholder {text-align:left;}

/* URL Entry without receipt */
body.CouponEntry_NoReceipt form {width:755px}
body.CouponEntry_NoReceipt .IndexText00 { padding:4px 0 4px 0px !important;}
body.CouponEntry_NoReceipt .ItemOne, body.CouponEntry_NoReceipt .ItemTwo, 
body.CouponEntry_NoReceipt .ItemThree, body.CouponEntry_NoReceipt .ItemFour, 
body.CouponEntry_NoReceipt .ItemFive { background-image: none;} 
body.CouponEntry_NoReceipt div#content {background-image: none;  min-height:310px !important;}

body.CouponEntry_id .IndexText00 { min-width:210px;}
body.CouponEntry_ar .IndexText00 { min-width:155px;}

/* **** IndexPage PickLanguageLinks **** */
ul.languageOption {width:100%;text-align:left;padding:0;margin:0;}
ul.languageOption li {display:block;margin-right:1em;}
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 #D3D2D2;
	padding:15px;
	margin:5px;
	background-color:#EBEAE0;
	-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:#BCBBB3;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;}

/* RTL */
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;}


body.IndexPageRTL div#Buttonholder, body.CouponEntryRTL div#Buttonholder, body.PreCouponEntryRTL, body.PreCouponEntryRTL div#Buttonholder { text-align: right; }
body.CouponEntryRTL form { float:right; text-align:right;}
/* This line controls the positioning of the receipt image */
body.CouponEntryRTL div#content { background-position: 30px 15px;}
body.CouponEntryRTL .IndexText00 { float:right; padding:4px 28px 4px 0; background-position: right center;  }
body.CouponEntryRTL .IndexText01 { float:right;}
body.CouponEntryRTL div#Buttonholder {text-align:right;}

/* WebCoup HardError Text - center align since arabic languages will go off of the right of the page. */
div#BlockPage.SurveyHolder {
	text-align: center !important;
}

/* SHORT SURVEY */
.fill-radio {text-align:center;}

.wse-tile-list .cataList {width: 40.5em;}
.wse-rb-tile-image-container, .wse-tile-image-container {margin-top:0em; font-size:0em;}

body.SuperShortStatus_Y .cataOption .wse-tile {text-align:center !important;}

body.rightToLeft .wse-tile {text-align:center !important;} 
/* after selected */
.fa-custom-radio-scale-on::before {color: #000000; }

/* for Store Picker page and the VisitDate/Time questions */
body.IndexPage .NoItem {padding:4px 0 0 0px !important;}

/* Override the Global style for the Star Scales so they're centered */
div.RightColumn {width: 100% !important;}



/* ARE, CAN, FRA, SGP, MEX, IDN, GBR, KOR, USA get the INT Look and feel.
	After version 1.9.1 goes live, clean out the ARE, CAN, FRA, SGP, MEX, IDN, GBR, KOR, USA images folders and remove bg.jpg, Button.png, Header.png.
*/
/*body.ILS_Y { background: #000000 center top; background-image: url(../images/INT/bg.jpg);background-repeat: no-repeat;}
body.ILS_Y input#NextButton {background-image:url('../images/INT/Button.png');}
body.ILS_Y div#header { background-image:url('../images/INT/Header.png'); height: 89px;}

body.ILS_Y.checkboxSimpleInput { background: url(../images/INT/WSE_Checkboxes_@1x.png) no-repeat;}
body.ILS_Y.radioSimpleInput { background: url(../images/INT/WSE_Radio_@1x.png) no-repeat; } */