body,#header,#footer { background-color:#58585a;}
body.OnePageStatus_Y {text-align:center;}
body.OnePageStatus_Y, body.OnePageStatus_Y textarea, body.OnePageStatus_Y #NextButton  { font-family: Arial Narrow, Arial, Verdana, Helvetica, sans-serif; font-size: 15px;}
body.OnePageStatus_Y #footer {text-align:left;}
#header { border:none; background-repeat:repeat-x;}
#footer { border-color: #58585a; background-repeat:repeat-x;}
#header	{background: center; background-image:url(../images/MHeaderbg.gif);}

input#NextButton {
	background-color: black !important; /* Should be same color as Desktop button */
	color: white !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; 
}
/*body.OnePageStatus_N .SurveyHolder {padding: .5em .7em;}
body.OnePageStatus_Y*/ div#Buttonholder { margin: 0px 15px 0px 15px !important; } 

.InputRowEven { background-color: #f2f2f2; }
body.OnePageStatus_Y .InputRowEven { background-color: #ffffff; }

/* 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 { color: #ffffff; }
a:hover { color:#0000ff !important; }
#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:inline; padding:0; margin:0 1em 0 0;}


/* Mobile Receipt */
body.SimpleCoupon .IndexSimple00 { background-repeat:no-repeat; background-position: left center;margin-bottom: 0;  }
body.SimpleCoupon .IndexSimple01 { background-image:none;}


/* Since this is technically a link, the GlobalMobile.css has this set to Blue.  We are removing the blue coloring here. */
p.MobileAppImage a, a:hover { color:transparent; }

#SweepstakeRules td, #SweepstakeRules th { padding:2px 10px; text-align:center; border:solid 1px black;}


/* One Page Survey Header */
body.OnePageStatus_Y #header img { width:171px; height:76px;}
body.OnePageStatus_Y #header {background-image:url(../images/OnePage/MHeaderbg.png); background-size:1px 76px;}

.wse-rb-tile label, .wse-tile label {text-transform:uppercase;}

body.OnePageStatus_Y div.rbloption:not(.wse-rb-tile) label {text-align:left !important; }
body.OnePageStatus_Y div.cataOption:not(.wse-tile) label {text-align:left !important;}

/* Custom work for the TACO OSAT*/
.custom-radio-scale-image {
    width: 3em !important;
    height: 2em !important;
}
.custom-radio-scale-text {
    margin-right:7px;
    max-width: 60px;
    text-align:center;
}
.scaleTextRight {text-align:right !important;}
.scaleTextLeft {text-align:left !important;}

/* Config for Radio Tiles */
.wse-rb-tile {
    background-color: white;
    color: black;
    height: 9em;
    width: 7em;
    border: 1px solid #6D6D6D;
}
.wse-rb-tile-list .rbList {
    text-align:center;
    /* Mobile Only Max Width*/
    max-width: 30em;
}
.radio-custom {
    text-align:center;
}

/* MOBILE ONLY Config for CATA Buttons */
.cataOption.wse-tile {min-height:110px !important;}
.wse-tile-list .cataList {max-width: 20.6em; text-align:center; }

/*Styles for R000117 radio buttons*/
.wse-rb-tile-high-five {
    display: inline-block;
    height: 65px;
    width:65px;
    background-image: url('../images/High_Five_Tile.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size:contain;
}
.wse-rb-tile.selected .wse-rb-tile-high-five {
    background-image: url('../images/High_Five_Tile_Purple.png');
}

.wse-rb-tile-shout-out {
    display: inline-block;
    height: 65px;
    width:65px;
    background-image: url('../images/Personal_Shoutout_Tile.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size:contain;
}
.wse-rb-tile.selected .wse-rb-tile-shout-out {
    background-image: url('../images/Personal_Shout_Out_Tile_Purple.png');
}

.wse-rb-tile-taco-gear {
    display: inline-block;
    height: 65px;
    width:65px;
    background-image: url('../images/Taco_Gear_Tile.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size:contain;
}
.wse-rb-tile.selected .wse-rb-tile-taco-gear {
    background-image: url('../images/Taco_Gear_Tile_Purple.png');
}

/******* CATA R000108 Options *******/
.cata-tile-cleanliness {
    display: inline-block;
    height: 42px;
    width:70px;
    background-image: url('../images/Cleanliness_Tile.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size:contain;
}
.cata-tile-friendliness {
    display: inline-block;
    height: 42px;
    width:70px;
    background-image: url('../images/Friendliness_Tile.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size:contain;
}
.cata-tile-speed {
    display: inline-block;
    height: 42px;
    width:70px;
    background-image: url('../images/Speed_Tile.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size:contain;
}
.cata-tile-order-accuracy {
    display: inline-block;
    height: 42px;
    width:70px;
    background-image: url('../images/Order_Accuracy_Tile.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size:contain;
}
.cata-tile-portion-size {
    display: inline-block;
    height: 42px;
    width:70px;
    background-image: url('../images/Portion_Size_Tile.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size:contain;
}
.cata-tile-food-appearance {
    display: inline-block;
    height: 42px;
    width:70px;
    background-image: url('../images/Food_Appearance_Tile.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size:contain;
}
.cata-tile-order-experience {
    display: inline-block;
    height: 42px;
    width:70px;
    background-image: url('../images/order_experience_Tile.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size:contain;
}
.cata-tile-navigation {
    display: inline-block;
    height: 42px;
    width:70px;
    background-image: url('../images/Navigation_Tile.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size:contain;
}

/*Landscape vs. portrait spacing control*/
@media screen and (orientation: landscape) {.wse-rb-tile, .wse-tile {width: 24%; max-width: 24%;}}
body.OnePageStatus_Y .wse-rb-tile label, body.OnePageStatus_Y .wse-tile label {font-size:13px;}