﻿.ACEUseOnly { display:none}
blockquote {width: 100%;display: block;padding: 15px 0;margin: 15px 0 25px;border-bottom: 4px solid #e50005;border-top: 4px solid #e50005;float: left;clear: both;}
blockquote p { margin-bottom: 0px !important; padding: 0 3%; width: 94%; font-family: tg20; text-transform: uppercase; color: #e50005; font-size: 20px; text-align: center !important; }

#MyACERightCol h1,#MyACERightCol h1.LargeH1 { float: left; font-size: 35px; line-height:1.0em; width: 100%; font-family: tg20; text-transform: uppercase; }
    #MyACERightCol h1.LargeH1 { font-size:45px;}
#MyACERightCol h1.StepsH1 { margin:0 0 5px; font-size:35px; border-bottom: 2px solid #e50005; }

body.RedMyACE div#ACEBodyWrap  a {color:#e50005; }
body.RedMyACE div#ACEBodyWrap  a:hover {color:#000; text-decoration:none; }

#MyACEHeader .AlertMessages { position: relative; float:left; top: 0px; left: 0px; width: 100%; z-index: 1; border-bottom: 2px solid #9a0c0f; border-top: 2px solid #e40005; background: rgb(133,16,19); background: -moz-linear-gradient(top, rgba(133,16,19,1) 0%, rgba(226,0,5,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(133,16,19,1)), color-stop(100%,rgba(226,0,5,1))); background: -webkit-linear-gradient(top, rgba(133,16,19,1) 0%,rgba(226,0,5,1) 100%); background: -o-linear-gradient(top, rgba(133,16,19,1) 0%,rgba(226,0,5,1) 100%); background: -ms-linear-gradient(top, rgba(133,16,19,1) 0%,rgba(226,0,5,1) 100%); background: linear-gradient(to bottom, rgba(133,16,19,1) 0%,rgba(226,0,5,1) 100%); }
    #MyACEHeader .AlertMessages ul li{ width: 98%; padding: 5px 1% 5px 1%; float:left; color:#fff; }
    body.RedMyACE .AlertMessages ul li span.top { color: #fff !important; text-transform: uppercase; font-size: 15px; font-family: tg20; line-height: 15px !important; float: left; display: inline-block; width: 100%; }
    body.RedMyACE .AlertMessages ul li span.bot { color: #fff !important; font-size: 13px; line-height: 14px !important; clear: left; float: left; width: 100%; }
        body.RedMyACE div#ACEBodyWrap .AlertMessages ul li a{ color:#fff !important; display: inline-block; }
        body.RedMyACE div#ACEBodyWrap .AlertMessages ul li .bold { font-weight:bold; text-transform:uppercase; }
        body.RedMyACE div#ACEBodyWrap .AlertMessages ul li a:hover { color:#000 !important; text-decoration:none }
    .AlertMessages li { padding:0px; }

#MyACELeft {  border-right:1px solid #aaa }
    
    #MyACELeft.wide,#MyACERight.wide,#MyACELeft.widehalf,#MyACERight.widehalf { float:left; position:relative; width:96%; padding: 0% 2% 2%; margin: 20px 0 0px; }    
    #MyACELeft.skinny,#MyACERight.skinny,#MyACELeft.skinnyhalf,#MyACERight.skinnyhalf { float:left; position:relative; width:96%; padding:2%;margin:20px 0 25px }
    #MyACERight.skinny h3,#MyACERight.skinny h3 a,#MyACERight.skinnyhalf h3,#MyACERight.skinnyhalf h3 a {width:100%; color:#666 !important; text-transform:uppercase; margin: 0 0 5px; clear:both; display:block; font-family: tg20; font-size: 20px;}
        #MyACERight.skinny h3 a:hover, #MyACERight.skinnyhalf h3 a:hover { text-decoration:none; color:#000 !important }
    #MyACERight .main,#MyACELeft .main,#MyACERight .mainhalf,#MyACELeft .mainhalf { float:left; margin:0 0 25px; width:100%; }
    .ReturnHome{ text-transform: uppercase; font-size:15px }   
body.RedMyACE #ACEPaperWrap ,body.RedMyACE #ACEBodyInterWrap{ width: 100.3%; max-width:1000px; padding:0px !important; }
    #MyACEHeader { float:left; width:100%;max-width:1000px; position:relative;}
    .MyACELoginHeader img { float:left; width:100%;max-width:1000px;min-width: 318px; position:relative;}        
    #MyACEHeader.MyACELoginHeader h1 {text-transform: uppercase; position: absolute; z-index: 3; top: 42%; left: 4%; padding: 0px; margin: 0px; font-size: .75rem; font-family: tg20; line-height: 0.7em;}


div.Form13Wrap li table { float: left; width:100%; max-width: 310px; }
div.Form13Wrap .RadioList label { float: left; width: auto !important; margin: 0px 20px 10px 0; text-align: left; padding: 3px 20px 0px 0; }

    div#MyACELeft.Form13Wrap li label, div#MyACELeft.Form13Wrap li .FakeLabel { width:150px; }
div.Form13Wrap .FormNoteItem { float: left; clear: both; font-size: 11px !important; font-style: italic; margin: -7px 0 5px 0px; }

body.RedMyACE h2.leftHex { padding: 22px 0 15px 40px !important; overflow: visible; font-size: 33px; font-weight: bold; color: #e7191d !important; line-height: 40px !important; text-transform: uppercase; clear: left; margin: 0 0 0 -2%; border-bottom: 0px; font-family: Trebuchet MS,Arial,sans-serif; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABaCAMAAAD9yuSVAAAAbFBMVEX////rO0L+/v77+/v9/f35+fn39/f19fXx8fHh4eHz8/Pt7e3k5OTm5ubv7+/r6+ve3t7s7OzX19fo6Ojb29vmj5TfhovZzc3cr7HjiY7kd3zlZmzoTVXpREzcvb/mXWPi09TexMbhoKLcmp00/gheAAABoklEQVRIx+zRy5KCMBAF0OmZkQCBIIWWiqDg/3+k3YmRxSVdLFx616f6+fPNZ/Lv8/uKAv9ixGt2FxNwWpqQLMsYC03JPKQsBWuy5VhrnWNsuCrLdVj7dE3TWpd7mSh5fGdqXV6mJb3T141lKXPqkG5VJxJKArwXFdc0InVID5auNFAS4DgVdet8cx3SZV910lz2USHN0hz3QXg9cHPcByGdQ3MoCXDgkrG5BmWf4lWSpQbHE+6DUNJzc/hPgLhPY+N/AMKJYB/CPOBECTgs+wCEE+HLaS3zHk4EEF4OEF4eT6TCAUvSeo7LlDocJ/9IgJg+3jIOSanMS28dXvnom2FuNsDbRtg/2y2XFAZCIAquhQk0FaNmouNi7n/H/PZS20DeBUTtrlfhjh413GVuuOfpZPfgDfeFD+RQHLgxK7jB7RW3CiduuSbZrWvDAWDHIWVUHKQKDnud7EDacGieSNgfuPoouEIaNbuKO3GlOQlXwy1cse+xVIXyyf2VmpbyAfmdSGlb60z6Ztsu14UgCeUSEie00IqmVVcrw1Kv//m5PAFWYSjK4EMUGAAAAABJRU5ErkJggg==') no-repeat left top}
.WizardStepPlaceHolder table.cblOtherCerts { width:100%; max-width:350px;}
    .WizardStepPlaceHolder table.cblOtherCerts label{font-size: 20px; text-transform: uppercase; font-family: tg20; margin: 0px 0 5px 3px !important; width:92% !important;}
		.WizardStepPlaceHolder table.cblOtherCerts label em { color: #e7191d; font-size:80%;}


/* MyACE Homepage Styles */
div.MarqueeManager.Core-MyACE-Banner { width:96% !important; float:left; clear:both; margin-bottom:25px; }
.MyACENewLook #ACEBodyInterWrap { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAABVAQMAAAAxACUQAAAAA1BMVEVKS03Bl54vAAAADklEQVQoz2MYBaNgCAAAAqgAAdIa8KQAAAAASUVORK5CYII=") top left no-repeat }
    .MyACENewLook #ACEBodyInterWrap { background-repeat:repeat-x !important }
#MyACELeftCol {float:left; max-width:317px; width: 31.7%; position:relative; display:none; }
    .MyACELeftNav {top:0px !important; width:94% !important; margin:20px 3% !important }
    #WhoAmIWrap { float: left; max-width: 300px; padding: 3% 2% 3% 3%; position: relative; width: 95%; border-bottom: 2px solid #555; border-right: 2px solid #555;background-color:#4a4b4d; }
        #WhoAmIWrap .EditProFile { float:left; display:block; width:100%; border:2px solid #222; max-width:296px; position:relative;z-index: 10; }    
            #WhoAmIWrap .EditProFile span.UpdateBG { position:absolute; top:0px; left:0px; width:100%; height:100%; display:none; z-index: 1; background: center no-repeat url("data:image/png;base64,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")  }
            #WhoAmIWrap .EditProFile:hover span.UpdateBG { display:block }    
            #WhoAmIWrap .ProfileShot { float:left; max-width:296px; width:100%;max-height: 300px;}
        #WhoAmIWrap span.CompleteProfileGraph { position: absolute; bottom: -2px; left: -2px; width: 100%; height: 20px; border: 2px solid #222; text-align: center; font-size: 14px; font-family: tg20; text-transform: uppercase; line-height: inherit; z-index: 10; color: #fff; padding: 5px 0 0; }
        #WhoAmIWrap .croppic_msg { position: absolute; bottom: 10px; left: 11px; background: rgba(0,0,0,0.35); width: 300px; color: #fff; font-weight: bold; text-align: center; line-height: 30px; }

    #MissingInfoForm { float:left; width:100%; margin:10px 0px 0px; }
        #MissingInfoForm li { float:left; width:100%; padding:0 0 5px; }
            #MissingInfoForm li h5 { color:#fff; text-transform:uppercase; font-family:tg20; font-size:0.8em }
            #MissingInfoForm li input{ width:95%; position:relative;}
            #MissingInfoForm li select{ width:98%; position:relative;}
#ACEBodyWrap { background:#fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAABVAQMAAAAxACUQAAAABlBMVEVKS01VVVX7Q5lMAAAAEklEQVQoz2MYBaNgMIP/YHAAAB5NBrutQk9EAAAAAElFTkSuQmCC") repeat-x 0 -25px;   }
#MyACERightCol { float: left; width: 99.5%; position: relative;}
    .MyACECertifications,.studyLinks,.EditMyACEProfile,.MyACERightMainDiv,.OnlineCourses { float: left; width: 96%; margin: 0 2%; overflow:hidden;}
    .OnlineCourses{ overflow:visible !important; }
    #MyACEHeaderWrap { float:left; width:98%; padding:2%; text-align:left;max-height: 69px;}
        #MyACEHeaderWrap a.h1, #MyACEHeaderWrap span.h2, #MyACEHeaderWrap .FakeH1{ float: left; clear: both; width: 100%; font-family: tg20; font-size: 25px; text-transform: uppercase; color: #fff !important; line-height: 1.0em !important; overflow: hidden; height:25px }
        #MyACEHeaderWrap span.h2 { font-size:14px; margin-bottom:2px; height:15px }
            #MyACEHeaderWrap span.h2 img{ display:inline-block; height:14px; margin:1px 5px -1px 0px }
            #MyACEHeaderWrap span.h2 img:first-child{ margin-left:5px}
    .MyACEHeaderAddressRow { float:left; width:98%; margin:10px 1% 15px; font-size:11px;line-height: 14px; min-height: 31px;}
        body.LGAlertMessage #MyACEHeader .AlertMessageWrap{min-height:58px;}
        body.AlertMessage  #MyACEHeader .AlertMessageWrap{min-height:26px;}
        
        body.LGAlertMessage .MyACEHeaderAddressRow { margin-bottom:100px; }
        .MyACEHeaderAddressRow li { float:left; margin:0 1%;min-height: 18px;}
        .MyACEHeaderAddressRow li.EditRow { clear:both }
            .MyACEHeaderAddressRow li a{font-size:11px !important;}
        .MyACEHeaderAddressRow li span{ font-size:16px; font-family:tg20;}
    .PSCover { float:left; max-width:150px; width:23%; float:left; margin:10px 2% 25px 0; position:relative; }
        .PSCover img{ max-width: 150px; width: 99.5%; border: 1px solid #fff; }
        .PSCover:hover img{ border: 1px solid #e50005; }
    .MyCertExams .WizardStepPlaceHolder ul li .FakeInput { margin: 0px 0 0px !important; }
span.ExamResults {float: left;width: 99%;margin: 0 1% 10px 0;max-width: 710px;}
    .ExamResultsGraphicDisplay{ position: relative; border: 1px solid #666; margin: 0 0 30px; padding: 0px !important; width: 99.8% !important; height: 34px;}
        .ExamResultsGraphicDisplay span { position: absolute; z-index: 2; bottom: 0px; left: 2px; font-family: tg20; text-transform: uppercase; }
        .ExamResultsGraphicDisplay span.Mid {left: 50%; margin-left:-10px}
        .ExamResultsGraphicDisplay span.Top {left: 100%; margin-left:-20px}
        .ExamResultsGraphicDisplay div{float: left;clear: both;}
        .ExamResultsGraphicDisplay div.ExamMarker{position: relative;width: 2px !important;height: 60px;float: left;background-color: red;top: -10px;overflow: visible;z-index: 10;}
            .ExamResultsGraphicDisplay div.ExamMarker span{position: absolute; left:-62px; font-size: 13px; bottom:-2px; width:100px}
            .ExamResultsGraphicDisplay div.ExamMarker span strong{color:#e50005; font-weight:normal !important}
        .ExamResultsGraphicDisplay img { position: absolute; top: 0px; left: 0px; width: 100%; height: 34px;}
    
        body.MyCertExams div.WizardStepPlaceHolder table .r1, body.MyCertExams div.WizardStepPlaceHolder table .r2 {text-align: center; width: 10%; font-weight: bold;}
        body.MyCertExams div.WizardStepPlaceHolder table th {font-weight: bold;}
        body.MyCertExams div.WizardStepPlaceHolder li table td, body.MyCertExams div.WizardStepPlaceHolder li table th {background-color: #eee;padding: 5px;}
        body.MyCertExams div.WizardStepPlaceHolder li table td { border-top: 1px #aaa solid; }
        body.MyCertExams .WizardStepPlaceHolder .RED { font-size: 1.1em; text-transform: uppercase; color: #e50005 !important; font-weight: bold; }
        body.MyCertExams .WizardStepPlaceHolder h3 { font-size: 32px; color: #e50005 !important; }
        body.MyCertExams .WizardStepPlaceHolder .FakeLabel { font-weight:bold }

.ShowSteps{ float: left; width: 99%; margin: 0px 0 15px 20px !important; list-style-type: decimal; list-style-position:outside !important; }
        .ShowSteps li { float: left; text-transform: uppercase; color: #bbb; font-size: 10px; height: 14px; width: auto !important; clear: none !important; border-right: 1px solid #aaa; margin: 0px 30px 0 0 !important; padding: 0px 15px 0 0 !important; list-style-type: decimal !important; }
        .ShowSteps li A { color: #666;font-size: 10px; }    
            .ShowSteps li.Last{margin-right: 0px !important;padding-right: 0px !important;border-right: none !important;}
            .ShowSteps.Step2 li.One,.ShowSteps.Step3 li.One,.ShowSteps.Step3 li.Two,.ShowSteps.Step4 li.One,.ShowSteps.Step4 li.Two,.ShowSteps.Step4 li.Three{ color:#666;  }
            .ShowSteps.Step1 li.One,.ShowSteps.Step2 li.Two,.ShowSteps.Step3 li.Three,.ShowSteps.Step4 li.Four{ color:#e50005; font-weight:bold  }
.BackToPage { float: left; width: 99%; margin: 0px 0 15px 0px !important; list-style-type: decimal; list-style-position:outside !important; }
    .BackToPage li { float: left; text-transform: uppercase; color: #bbb; font-size: 10px; height: 14px; width: auto !important; clear: none !important; list-style-type: none !important; }
    .BackToPage li A { color: #666 !important;font-size: 10px; }
.CustomerDownloads { float:left; width:100%; border-top: 1px solid #666;}
.CustomerDownloads div.MainWrap { float:left; width:100%; border-bottom: 1px solid #666; padding:15px 0 25px; }
    .CustomerDownloads div.MainWrap img.Prod {float:left; width:30%; max-width:200px; margin:0px 2% 25px 0;}
    .CustomerDownloads div.MainWrap div {float:left; width:68%;}
        .CustomerDownloads div.MainWrap div h2 { font-size:20px; line-height:21px; }
        .CustomerDownloads div.MainWrap div p.Note { font-size:10px; font-style:italic;}
        .CustomerDownloads div.MainWrap div ul { width:90%; padding:0 0 0 10%; list-style:disc;  }
        .CustomerDownloads div.MainWrap div ul li { }
    
    p.ACEOnly { display: block;width: 98%;background-color: #ccc;padding: 1%;}
    a.CCard { float:left; width:40px; height:31px; margin:0 15px 0 0; background:url("https://www.acefitness.org/images/store12/CreditCardsAccepted.jpg") no-repeat top left; display:block  }
        a.Discover { background-position: -50px 0px !important; }
        a.MasterCard { background-position: -100px 0px !important; }
        a.Visa { background-position: -150px 0px !important; }
    a.CVC2Example { font-size: 11px !important; font-weight: normal !important; font-style: italic; color: #e50005 !important; }
    .DateSpacer { padding:5px 10px 5px 0px; }
.WizardStepPlaceHolder ul.AvalibleEBooks li { float:left; width:23%; margin:0 1% 2%; clear:none !important;   }
.WizardStepPlaceHolder ul.AvalibleEBooks li a,.WizardStepPlaceHolder ul.AvalibleEBooks li img{ display:block; width:100%; height:auto; max-width:150px}
.WizardStepPlaceHolder ul.DownLoadApps li { float:left; width:47%; margin:0 1% 2%; clear:none !important; text-align:center;position:relative   }
    .WizardStepPlaceHolder ul.DownLoadApps li a { color:#666 !important; font-size:11px;  }
    .WizardStepPlaceHolder ul.DownLoadApps li a:hover { color:#000 !important; text-decoration:none }
        .WizardStepPlaceHolder ul.DownLoadApps li a img { width: 100%; margin: 10px auto; display: block; max-width: 115px; }

#BadEmailNotice h1 { font-size: 28px; color: #e50005; font-family: tg20; text-transform: uppercase; line-height: 1.2em; margin: 0 0 5px; text-align:left;  }
    #BadEmailNotice p { font-size: 13px; line-height: 1.2em; margin: 0 0 15px;  width: 98%; }
        #BadEmailNotice p strong { color: #444; }
    #BadEmailNotice img { float: right; width: 20%; margin:0px 2%; }
        #BadEmailNotice ul.main label{ width: 98%; text-align: left; float: left; margin: 1px 5px 0 0; font-weight: bold; color: #555; }
        #BadEmailNotice ul.main input.InputTextBox { width:98% }
        
        .RegExpValidatorError { font-size: 12px; padding: 2px 5px; color: #e50005; font-weight: bold; }

#DocLiveSample table.SamplePop {font-size: .60em;font-weight: normal;width: 100%;}
    #DocLiveSample table.SamplePop td {padding: 0 2% 0 2%;border: 1px solid gray;}
#DocConferenceSample p {font-size: .60em;}

.HowToGetAnInterview {width:100%; float:left; margin: 15px 0; padding:0px;  }
    .HowToGetAnInterview li { width:49%; margin:0 0 15px 0; float:left; text-align:center;  }
        .HowToGetAnInterview li img {width: 75%; text-align:center; max-width:220px; }
        .HowToGetAnInterview li h5 {float: left;width: 63%; margin:0 0 5px; display:none }
                .HowToGetAnInterview li p {float: left;width: 100%; margin:0 0 5px; text-align:center; font-style:italic; font-size:10px; line-height:11px; }


@media screen and (min-width: 480px) { 
    div#MyACELeft.Form13Wrap li .LineMeUp {margin-left: 165px !important}
    #MyACEHeader.MyACELoginHeader h1 {font-size: 1rem;}
}
@media screen and (min-width: 992px) {
    #ACEBodyWrap { background-position:0 -30px !important;   }

    #MyACEHeader .AlertMessages { position: absolute; top: 120px; left: 0px; }
        #MyACEHeader .AlertMessages ul li { width: 66%; padding: 5px 1% 5px 33%; }
    body.AlertMessage .MyACEHeaderAddressRow { margin-bottom:1rem; }
    #MyACELeft.wide,#MyACERight.wide { width:64%; padding: 0% 2% 2%; margin: 20px 0 25px; }    
    #MyACELeft.skinny,#MyACERight.skinny { width:27%; padding:2%;margin:20px 0 25px }
    #MyACELeft.widehalf,#MyACERight.widehalf { width:54%; padding: 0% 2% 2%; margin: 20px 0 25px; }    
    #MyACELeft.skinnyhalf,#MyACERight.skinnyhalf { width:37%; padding:2%;margin:20px 0 25px }


    #MyACELeftCol {display:block; }
    body.RedMyACE h2.leftHex { margin: 0 0 0 -3.1%; }
    #MyACERightCol {width: 68.3%; padding:0px;  }
    #MyACEHeaderWrap {padding: 1% 2.2% 1% 2%;position: relative; background-color: #4a4b4d; }

    .RedSignUpBlock { float: left; display: block; position: relative; margin-bottom:15px;  }
    body.RedMyACE div#ACEBodyWrap .RedSignUpBlock a { background-color: #e22426; color: #fff !important; padding: 5%; display: block; width: 90%; font-size: 2.8vw; font-family: tg18; line-height: 1.2em; }
        body.RedMyACE div#ACEBodyWrap .RedSignUpBlock a span { width: 100%; font-size: 3.6vw; font-family: tg20; display: inline-block; }
    body.RedMyACE div#ACEBodyWrap .RedSignUpBlock a:hover,body.RedMyACE div#ACEBodyWrap .RedSignUpBlock a:hover span {color:#000 !important;}
   
}

@media screen and (min-width: 750px) {
    #BadEmailNotice ul.main label{ width: 110px; text-align: right;}
        #BadEmailNotice ul.main input.InputTextBox { max-width:200px }
        #BadEmailNotice ul.main .LineMeUp { margin-left:115px;}

    #ACEBodyWrap { background-position:0 0px !important;   }
    .ACEUseOnly { display:block}
    #MyACEHeader .AlertMessages {top: 150px;}   
        #MyACEHeaderWrap a.h1, #MyACEHeaderWrap span.h2, #MyACEHeaderWrap .FakeH1 { font-size: 45px; height:45px }
        #MyACEHeaderWrap span.h2 { font-size:20px; height:21px; margin-bottom:5px; }
            #MyACEHeaderWrap span.h2 img{ height:20px; margin:3px 5px -3px 0px }
        #MyACEHeaderWrap {left: -1px;  }
    #MyACEHeader.MyACELoginHeader h1 {font-size: 1.75rem;}
        #WhoAmIWrap span.CompleteProfileGraph { font-size:18px }
    #MissingInfoForm li h5 { font-size:1.0em; }
    span.ExamResults {width: 68.5%;}
}

@media screen and (min-width: 1000px) {
    #ACEBodyWrap { background: #cfcedb url('https://www.acefitness.org/images/layout/2013/BG2-Jan13.jpg') repeat-y top center !important; }
    #MyACERightCol {width: 675px; padding:0px;  }/* Not Sure on this... Old 680px.*/ 
    #MyACEHeaderWrap {left: -2px; background:none;  } 
        #WhoAmIWrap span.CompleteProfileGraph { font-size:21px }
    
    .RedSignUpBlock { left: -24px; width: 324px; margin: 0 0 10px; padding-bottom: 13px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANAgMAAAAPhQzvAAAACVBMVEUAAAB+AAB+AADsJMArAAAAAnRSTlMAgJsrThgAAAAtSURBVAjXFcgxAQAgDAPBZomIqEEPKtBTleSXG27u7puAQdAsAYNKEwIGwZwPjRcP2nFg9XMAAAAASUVORK5CYII=") left bottom no-repeat !important;}
    body.RedMyACE div#ACEBodyWrap .RedSignUpBlock a {font-size:25px; }
    body.RedMyACE div#ACEBodyWrap .RedSignUpBlock a span{font-size: 40px;line-height: 1em; width:100%; display:block;}
    #MyACEHeader.MyACELoginHeader h1 {font-size: 2.25rem;}
}

#ExternalLogin {
    margin: 0;
}

#ExternalLogin li {
    margin: 0;
}

#btnGoogle {
    box-shadow: 1px 1px #DDDDDD;
}