/* CONTROL FOR ADA FONT SIZES*/	
body {font-size: 14px; line-height:1.5em;}
#footer a, a {color: #0976d6; text-decoration:underline;}
#Error {color:#F54949; }
/* END CONTROL FOR ADA FONT*/
body,#footer { background-color:white;}
#header {background-color:white; border-color:white;}
#footer { border-color:#E0E0E0; background-repeat:repeat-x;}
body.Y #header { background-repeat:repeat-x; background-image:url(../images/MHeaderbg.png);background-size:1px 75px;}
body.Y #header img { width:54px; height:75px;}

body.N, body.N #header, body.N #footer {background-color: #ffffff; border-color:#ffffff;}

body.N #header {background-image:url(..images/MHeaderbg_App.gif);}

body input#NextButton {
	background-color: #fcb914 !important; /* MobileApp InviteType Only */
	color:#292929 !important;
    /* Don't touch anything the below */
	font-weight:bold !important;
    font-size:1.4em !important;
	height:46px !important;
    -moz-border-radius:.6em;
    border-radius:.6em;
    -webkit-border-radius:.6em;
    -webkit-appearance: none;
    padding-bottom: 0.0em;
    border:0 none;
}

/* **** New Next Button styles **** */
body.N input#NextButton {
    width:50%;
	background-color: #fcb914 !important; /* MobileApp InviteType Only */
	color:#000000 !important;
    background: linear-gradient(#ffc20b, #f8ad10);
    /* Don't touch anything the below */
}
body.N #Buttonholder {margin: 0; text-align:center; }

.InputRowEven { background-color: #F9F9F9; }

/* **** Footer **** */
/* CONTROLS NEW ADA FOOTER STYLE */
#footerContent {margin: .2em .5em}
#footerLinks a {display:block; margin: .4em 0;}
/* END CONTROLS NEW ADA FOOTER STYLE */

#footerPP, #footerPP a, #footerTC, #footerTC a, #footerSR, #footerSR a, #footerCPP, #footerCPP a { color: #0976d6; }
#footerCR, #PwBY{ color:#292929 !important; }

/* Commented out for new WCAG changes.  Radio buttons should be using font awesome, so commenting out
    for WCAG examples until we can update our templates. - T. Perez 2022-03-23
*/
/*.MobileMode .checkboxSimpleInput { background: url(../images/WSE_Checkboxes_@2x.png) no-repeat;}
.MobileMode .radioSimpleInput { background: url(../images/WSE_Radio_@2x.png) no-repeat;} */

body.N #footerPP, body.N #footerPP a, body.N #footerTS, body.N #footerTS a, body.N #footerSR, body.N #footerSR a, body.N #footerCR, body.N #PwBY { color: #000000 !important; }


ul.languageOption {text-align:center !important;padding-left:0;}

/* **** Finish Page **** */
div#finishConnect {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, .ConnectOn p.ConnectText {font-weight:bolder;}
.ConnectOn h3 {text-align:center;}

/* Mobile App Advertisement - Relic - 12/22/2015 */
div#StoreBtns { margin-top: -1.4em; }
div#Advert
{
    text-align:center;
}

/* 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 .ItemFive { background-image:url('../../../Common/images/5.png');} 
body.MobileEntryImage .ItemSix { background-image:url('../../../Common/images/6.png');}
body.MobileEntryImage .IndexText01 { background-image:none;} 

/* These two lines are necessary for mobile.  comment them out and you'll see your numbered circles repeat. */
body.MobileEntryImage .IndexText { background-image:none;}
body.MobileEntryImage .IndexText01 { background-image:none;}


/* WCAG - control the color of the radio buttons (https://confluence.smg.com/pages/viewpage.action?spaceKey=WSE&title=Upgrading+to+WCAG+survey+setup) */
input[type="radio"] ~ label.radioSimpleInput:before {
    font-family: "Font Awesome 5 Pro";
    /*  content: "\f6be";*/
    color: #000000;
}

input[type="radio"]:checked ~ label.radioSimpleInput:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    /*  content: "\f6be";*/
    color: #000000;
}

/* New Global WCAG Class*/
.sr-only {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    padding: 0 !important;
    border: 0 !important;
    white-space: nowrap !important;
    clip: rect(1px 1px 1px 1px) !important; /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px) !important;
    clip-path: inset(50%) !important;
}