body,#footer { background-color:#005696;}
#header {background-color:white;}
#footer,#header { border-color:#005696; border-bottom-style:none; background-repeat:repeat-x;}
#header	{background: center top;  background-image:url(../images/MHeaderbg.png); background-size:1px 83px;} 
#header img { width:271px; height:83px;}
#Content { background-color: #F7F7F7; }
/* **** New Next Button styles **** */
input#NextButton {
	background-color: #005696 !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; 
}
/* ***********     OnePage/Tile Styles     *********** */
div#Buttonholder { margin: 0px 15px 0px 15px !important; } 
 /************   End OnePage/Tile Styles  ************/ 

/* **** END NEW BUTTON STYLES **** */

.InputRowEven { background-color: #ECEBEB; }


/* Simple Radio Button & Checkbox */
.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, #footerSR, #footerSR a, #footerSTACK, #footerSTACK 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;}


/* **** Pick Language **** */
ul.languageOption {text-align:left !important;padding-left:0;}
ul.languageOption li { display:block; padding:0; margin:0 1em 0 0;}


/*** One Page Survey ***/
/*.SurveyHolder {text-align:center;}*/
/** One Page Survey - Font Awesome OSAT Scale **/
/* Test in iPhone 4/5 mode in browser. Adjust horizontal padding as needed. Reduce font size if it begins to look to cluttered. */
/*.fa-custom-radio-scale-off::before, .fa-custom-radio-scale-on::before { color: fuchsia; padding: 4px 15px !important; font-size:36px; }*/

/*** This line fixes radio buttons not having the correct styles from customScale.js (WSE) when (isScalableImage && isMobile)
    You only need to un-comment this line if you have a one-page survey that has multiple radio button questions. (REQ-22713) ***/
/*#custom-radio-row-wrapper {display: inline-table !important; width: 100% !important;}*/

/* Config for Radio Tiles */
.wse-rb-tile {
    height: 8em;
    width: 8em;
    margin: 1em .3em 5em .3em;
    padding:0em;
}
.wse-rb-tile-image-container, .wse-tile-image-container { margin-top:0em; }
.wse-rb-tile-list .rbList {
    text-align:center;
    /* Mobile Only Max Width*/
    max-width: 24em;
}
.wse-rb-tile label { height:4.5em; }
.radio-custom {
    text-align:center;
}


.ws-rb-tile-nutrition-allergen {
    display: inline-block;
    height: 124px;
    width:124px;
    background-image: url('../images/nutrition-allergen_Deselected.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size:contain;
}
.wse-rb-tile.selected .ws-rb-tile-nutrition-allergen {
    background-image: url('../images/nutrition-allergen_Selected.png');
}

.ws-rb-tile-gift-cards {
    display: inline-block;
    height: 124px;
    width:124px;
    background-image: url('../images/gift-cards_Deselected.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size:contain;
}
.wse-rb-tile.selected .ws-rb-tile-gift-cards {
    background-image: url('../images/gift-cards_Selected.png');
}

.ws-rb-tile-franchise-opportunities {
    display: inline-block;
    height: 124px;
    width:124px;
    background-image: url('../images/franchise-opportunities_Deselected.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size:contain;
}
.wse-rb-tile.selected .ws-rb-tile-franchise-opportunities {
    background-image: url('../images/franchise-opportunities_Selected.png');
}

.ws-rb-tile-advertising {
    display: inline-block;
    height: 124px;
    width:124px;
    background-image: url('../images/advertising_Deselected.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size:contain;
}
.wse-rb-tile.selected .ws-rb-tile-advertising {
    background-image: url('../images/advertising_Selected.png');
}

.ws-rb-tile-donations-sponsorships {
    display: inline-block;
    height: 124px;
    width:124px;
    background-image: url('../images/donations-sponsorships_Deselected.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size:contain;
}
.wse-rb-tile.selected .ws-rb-tile-donations-sponsorships {
    background-image: url('../images/donations-sponsorships_Selected.png');
}

.ws-rb-tile-online-topics {
    display: inline-block;
    height: 124px;
    width:124px;
    background-image: url('../images/online-topics_Deselected.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size:contain;
}
.wse-rb-tile.selected .ws-rb-tile-online-topics {
    background-image: url('../images/online-topics_Selected.png');
}

.ws-rb-tile-something-else {
    display: inline-block;
    height: 124px;
    width:124px;
    background-image: url('../images/something-else_Deselected.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size:contain;
}
.wse-rb-tile.selected .ws-rb-tile-something-else {
    background-image: url('../images/something-else_Selected.png');
}

.question-content .SurveyHolder {
    display: inline-block;
    width: 95% !important;
}