/* START Custom font apercu-regular per REQ-89446. */
@font-face {
	font-family: Apercu;
	src: url(../fonts/apercu-regular.otf) format('opentype');
}

/* This is needed so that the CATA checkboxes are in-line with the CATA Option text with the new custom font.*/ 
div.cataOption input {margin-top: 4px !important;}

body {background: center top; background-image: url(../images/bg.jpg); background-repeat: no-repeat; font-family: Apercu, Verdana, Helvetica, Arial, sans-serif;}

body.IndexText {font-family: Apercu, Verdana, Helvetica, Arial, sans-serif;}

/* END Custom font apercu-regular per REQ-89446. */




body { background: center top; background-image: url(../images/bg.jpg);background-repeat: no-repeat;}
	div#outerframe { width: 822px;}
	div#headerpush {display:none;} 
	div#header { background-image:url('../images/Header.png'); height: 129px;}
	div#middle { background-image:url('../images/Middle.png'); }	
	div#footer { background-image:url('../images/Footer.png'); height: 63px;}		
	div#Progress {	background-image:url('../images/ProgressBar.png');	}	
	body.PF_Y #ProgressText { display: none;}
	body.PF_Y #ProgressBar { display: none;}
	body.PF_Y #ProgressPercentage { display: none;}	

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

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

body.es-US div#header { background-image:url('../images/Header_es-US.png');}

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

#footer {padding:15px 15px 0 15px !important;}
li#footerCR {width:50% !important; top: -1em !important;}
#footerCR {padding:9px 0px 0 0px !important;}


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

/* **** Defaults ***** */
div#footerframe { background-image:url(../../../Common/images/BottomLogoBlackNoG.png);} 


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

/* Maintaining text align for Hard-Softblock */
.IndexText {text-align:left;}

/* **** 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 #e7e7e7;
	padding:15px;
	margin:5px;
	background-color:#f3f3f3;
	-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:#cccccc;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;}

/* Other styles */
.IndexLegalNote, .languageOption {margin:20px 0 0;}
.IndexLegalNote {float:left;font-size:.8em;font-style:italic;line-height:2.5em;}
.languageOption {float:right;}
.DissatisfiedEmphasis, .OverallEmphasis {color:#ff0000;font-weight:bold;}
div#finishLeftFooterNote {text-align:left;font-size:.8em;font-style:italic;line-height:1em;padding-top:2em;}
.ValCode { font-weight: normal; }
.FinishLink a {text-decoration:underline;}


/* Custom Privacy Policy */
div#Privacy a {color:Red;}

/* Release.aspx */
#Release { text-align:justify; margin-top:1em;}
#Release h1 { text-align:center; font-size:1.3em; font-weight:bold;}
#Release h2 { text-align:center; font-weight:normal;font-size:1.2em; font-weight:bold;}
#Release h3 { text-align:center; font-weight:normal;font-size:1.2em; font-weight:bold;}
#Release td, #Release th { padding:2px 10px; text-align:center; border:solid 1px black;}
#Release li { margin:0 0 1em;}
#Release p span { font-size:1em;}

/* Sweeps Rules */
#Rules { text-align:justify; margin-top:1em;}
#Rules h1 { text-align:center; font-size:1.3em; font-weight:bold;}
#Rules h2 { text-align:center; font-weight:normal;font-size:1.2em; font-weight:bold;}
#Rules h3 { text-align:center; font-weight:normal;font-size:1.2em; font-weight:bold;}
#Rules td, #Rules th { padding:2px 10px; text-align:center; border:solid 1px black;}
#Rules li { margin:0 0 1em;}
#Rules p span { font-size:1em;}



/*  The chunks of code below were to work with the custom finish page when circulating version 3.9.0.
	NOTICE how we use "finishContainer2", ".ConnectOn2", "finishIncentive2", "finishIncentiveHolder2".  These are also in the config for the IncentiveHolder. - TP
	You will need to create a new div tag or control with some type of class to throw to the page so it picks up on all of it.
	I highly recommend you copy the commented out code and paste it below and then un-comment so we don't lose my proof-of-concept code.;
	
	NOTE: "finishContainer2 will need to be added to Mobile.  Just comment the code for finishContainer in the mobile styles and paste it in as finishIncentive2.
	      Same for ConnectOn.  You will look for "ConnectOn" in the mobile styles, copy/paste as ConnectOn2. - TP
*/

div#finishContainer2 {
	text-align: center;
	margin: auto;
/*	text-indent: 100px !important;*/
}

.ConnectOn2 div#finishIncentive2 {
	float: left;
	width: 100%;
}

.ConnectOn2 div#finishIncentiveHolder2 {

	min-height: 150px !important;
	background-image: url('../images/SendGiftImg.png');
	background-repeat: no-repeat;
	background-position: 10px 20px;
	position: relative;

	border: solid 1px #e2e2e2;
	padding: 15px;
	margin: 5px;
	background-color: #f1f4f7;
	-moz-border-radius: .2em;
	border-radius: .2em;
	-webkit-border-radius: .2em;
}

/* left align the text on the page, and pad 160 px so the text displays to the right of the SendGivtImg.png image. */
p.customText {text-align:left; padding-left: 160px !important;}

/*  END custom finish page for version 3.9.0 */