body,#footer { background-color:#C42E10;}
#header {background-color:white;}
#footer,#header { border-color:#C42E10; border-bottom-style:none; background-repeat:repeat-x;}

/* The background sizes of #header should be 1/2 of what the original image is
    Example: You have an image that is width: 2 x 138, you will set your size to 1px 69px.  */
#header	{ background-image:url(../images/MHeaderbg.png); background-size:1px 83px;} 

/* #header img is needed for the new high definition images.  The width and height should be 1/2 of what the MLogo image size is.
    Example: You have an image that is width: 526 x height: 138, you will set your width to 263px and height to 69px.
    NOTE: Mobile works better with .em (percentages).  If you can use .em for mobile, then go for it.  */
#header img { width:143px; height:83px;}

#footer	{ background-image:url(../images/MFooterbg.gif);}
/* **** Mobile background color **** 
.SurveyHolder {background-color: #f5e7d0;} */
/* #Content { background-color: white; }  This will cover it all. .SurveyHolder will not cover the ProgresBar. */

/* **** New Next Button styles **** */
input#NextButton {
	background-color: #FFBA47 !important; /* Should be same color as Desktop button */
	color:#ffffff !important;
	border: none !important; 
    /* Don't touch anything the below */
    font-size:1.4em !important;
	height:46px !important;
	width:100% !important;
    border-radius:0px !important;
    -webkit-appearance: none !important; 
}
.SurveyHolder {padding: .5em .7em;}
.InputRowEven { background-color: #F2F2F2; }

.MobileMode .checkboxSimpleInput { background: url(../images/WSE_Checkboxes_@2x.png) no-repeat;}
.MobileMode .radioSimpleInput { background: url(../images/WSE_Radio_@2x.png) no-repeat;} 


/* **** Footer **** */
#footerPP, #footerPP a, #footerTC, #footerTC a { color: #ffffff; }
#footerCR, #PwBY{ color:#ffffff !important; }

/* **** Finish Page **** */
div#finishConnect {text-align:center; margin-top: 3em; border-top: solid thin black;}
div#finishContainer hr {background-color: Transparent; border-width: 0; height: 0; margin: 0; padding: 0;}
div#connectContent {margin:1em;}
div#connectContent div ul {margin:0 !important;list-style:none;padding:0;}
div#connectContent div ul li {padding:.2em;}
.ConnectOn p.connectHeader, .ConnectOn p.FinishHeader {font-weight:bolder;}


/* Mobile Receipt */
body.MobileEntryImage .IndexText00 { padding:.5em 2.4em; background-repeat:no-repeat; background-position: left center;margin-bottom: 0;  }
body.MobileEntryImage .ItemOne { background-image:url('../../../Common/images/1.png');} 
body.MobileEntryImage .ItemTwo { background-image:url('../../../Common/images/2.png');} 
body.MobileEntryImage .ItemThree { background-image:url('../../../Common/images/3.png');} 
body.MobileEntryImage .ItemFour { background-image:url('../../../Common/images/4.png');} 
body.MobileEntryImage .IndexText01 { background-image:none;}