.DEVMODECSS .headercss {
    background: url('/GlobalFiles/images/DEVHEADER.png') no-repeat !important;
    background-size: auto 80% !important;
    background-position: center 0% !important;
}

.TESTMODECSS .headercss {
    background: url('/GlobalFiles/images/TESTHEADER.png') no-repeat !important;
    background-size: auto 80% !important;
    background-position: center 0% !important;
}

.DEVMODECSSANDTESTMODECSS .headercss {
    background: url('/GlobalFiles/images/DEVANDTESTHEADER.png') no-repeat !important;
    background-size: auto 80% !important;
    background-position: center 0% !important;
}

.paybycheckwire {
    background-image: linear-gradient(to bottom, #4aff80 0px, #07c424 24%, #34a415 77%, #0e5a66 100%) !important;
}

.memverifieddiv {
    position: fixed;
    left: 50%;
    top: 38px;
    color: #026e02;
    padding: 13px;
    margin-left: -195px;
    width: 350px;
    text-align: center;
    float: left;
    border: 2px solid #000000;
    -webkit-box-shadow: 0px 1px 9px 5px rgba(0, 0, 0, 0.85);
    -moz-box-shadow: 0px 1px 9px 5px rgba(0,0,0,0.85);
    box-shadow: 0px 1px 9px 5px #5e5e00c7;
    background-color: #ffffc3;
    font-size: 25px;
    font-weight: bold;
    z-index: 1200;
}

.appvalidationsummary {
    color: red;
    font-size: 15px;
    font-weight: bold;
    position: absolute;
    top: 0px;
    z-index: 1210;
    background-color: #FFFFF2;
    width: 80% !important;
    padding-left: 10%;
    left: 0px;
    box-shadow: 0px 1px 5px 1px #888888;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 10%;
    float: left;
}

#ValidationSummary1 li {
    float: left;
    width: 50%;
}



.SectionHidePrice {
    font-weight: bold;
    float: right;
}

.SectionHidePriceItem{
    width:100px;
}



.questionstable {
    width: 100%; float:left;
}
    .questionstable > div {
        float: left;
        width: 100%;
    }

    .questionstable .firstcolumn {
        width: 32%;
        padding-right: 1%;
        float: left;
    }


    .questionstable.extrapad .firstcolumn {
        width: 31%;
        padding-left: 1%;
    }


    .questionstable .questionsheadsection {
        float: left;
        width:100%;
    }

    .questionstable .secondcolumn {
        width: 66%;
        padding-right: 1%;
        float: left;
    }
    .questionstable .rbtnhere table, .questionstable .rbtnhere span {
        float: left;
    }

    .questionstable .rbtnhere span {
        margin-top: 5px;
    }

    .questionstable .secondcolumn select {
        min-width: 230px;
        max-width: 230px;
    }

    .questionstable .secondcolumn input[type=text] {
        width: 225px;
    }
    .questionstable textarea {
        width: 70%;
    }

    .generalquestions td, .questionstable .firstcolumn, .questionstable .secondcolumn, .questionstable .questionsheadsection {
        padding-bottom: 11px;
    }



    /* BEGIN BADGE*/

.showbadge {
    top: 250px;
    right: 20px;
    position: absolute;
    width: 320px;
    min-height: 190px;
    background: #ffffff;
    border-radius: 18px;
    border: 1px solid #b6bdca;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.36);
    overflow: hidden;
}
.showbadgeminus20{
    top:203px;
    right:6px;
}

.badge-example {
    color: #00b926;
    text-align: center;
    font-weight: bold;
    width: 100%;
    padding-bottom: 5px;
    font-size: 14px;
}

.badge-hole {
    width: 37px;
    height: 10px;
    background: #f9fafb;
    border-radius: 999px;
    border: 1px solid #e5e7eb;
    position: absolute;
    top: 7px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}

.badge-header {
    background: linear-gradient(135deg, #0f766e, #0369a1);
    padding: 24px 10px 7px 10px;
    color: #ffffff;
    position: relative;
}

.badge-event {
    font-size: 14px;
    font-weight: bold;
}

    .badge-event br {
        display: block;
    }

.badge-daterange {
    font-size: 12px;
    opacity: 0.9;
    margin-top: 6px;
}

.badge-body {
    padding: 15px 5px 10px 5px;
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.badge-name {
    float: left;
    width: 100%;
    font-size: 26px;
    font-weight: bold;
    color: #0f172a;
    margin-bottom: 10px;
}
/* END BADGE*/



.ximageonright {
    background-image: url('/GlobalFiles/images/CloseME.gif');
    background-repeat: no-repeat;
    float: right;
    height: 30px;
    width: 35px;
}

.csspaypalIFrame {
    border: 0px solid white;
    overflow-y: hidden;
}

.closeimage {
    background-image: url('/GlobalFiles/images/CloseME.gif');
    background-repeat: no-repeat;
    width: 34px;
    height: 35px;
    background-position: center;
}


.aligntop tr td {
    vertical-align: top;
}
.aligntopimportant tr td {
    vertical-align: top !important;
}
.floatleft {
    float: left;
}

.logoutimage {
    background-image: url('/GlobalFiles/images/logout.gif');
    background-repeat: no-repeat;
    width: 50px;
    height: 35px;
    background-position: center;
}






.mainwrapper {
    background-color: white;
}

#wizHeader li .prevStep {
    background-color: #365F89;
}

    #wizHeader li .prevStep:after {
        border-left-color: #365F89 !important;
    }

#wizHeader li .currentStep {
    background-color: #0D9B15;
}

    #wizHeader li .currentStep:after {
        border-left-color: #0D9B15 !important;
    }

#wizHeader li .nextStep {
    background-color: #8b97a3;
    color: #c1c7cd;
}

    #wizHeader li .nextStep:after {
        border-left-color: #8b97a3 !important;
    }

#wizHeader {
    list-style: none;
    overflow: hidden;
    font-size:1.5vw;
    margin: 0px;
    padding: 0px;
}

    #wizHeader li {
        float: left;
    }

        #wizHeader li a {
            background: hsla(34, 85%, 35%, 1) none repeat scroll 0 0;
            color: white;
            display: block;
            float: left;
            padding: 3px .9vw 3px 2vw;
            position: relative;
            text-decoration: none;
        }

            #wizHeader li a::after {
                border-bottom: 1.3vw solid transparent;
                border-left: 1.3vw solid hsl(33.9, 85.4%, 34.9%);
                border-left-color: rgb(165, 99, 13);
                border-top: 1.3vw solid transparent;
                content: " ";
                display: block;
                height: 0;
                left: 100%;
                margin-top: -1.3vw;
                position: absolute;
                top: 50%;
                width: 0;
                z-index: 2;
            }

            #wizHeader li a::before {
                border-bottom: 1.3vw solid transparent;
                border-left: 1.3vw solid white;
                border-top: 1.3vw solid transparent;
                content: " ";
                display: block;
                height: 0;
                left: 100%;
                margin-left: 1px;
                margin-top: -1.3vw;
                position: absolute;
                top: 50%;
                width: 0;
                z-index: 1;
            }

        #wizHeader li:first-child a {
      padding-left:15px;
        }

        #wizHeader li:last-child {
            display:none;
        }

        #wizHeader li .prevStep:hover {
            background: #0D9B15;
        }

            #wizHeader li .prevStep:hover:after {
                border-left-color: #0D9B15 !important;
            }

        #wizHeader li .hideme {
            display: none;
        }


    #wizHeader a {
        text-shadow: 2px 2px 2px black, 0px 0px 2px black, 0px 0px 2px black, 0px 0px 2px black;
    }

#wizHeader {
    background-color: #B2CBE0 !important;
    border-top: 1px solid #798d99;
}




.tblheaderLightBlue {
    font-size: 1.9vw;
    font-weight: bold;
    padding: 6px 0;
    padding-top: 7px;
    text-transform: uppercase;
    text-align: center;
    border-bottom: 1px solid #3c4d58;
    border-top: 1px solid #3c4b54;
    background-color: #587a91;
    color: #fbfcd2;
    text-shadow: 2px 2px 2px black, 0px 0px 2px black, 0px 0px 2px black, 0px 0px 2px black;
}























#ValidationSummary1 li {
    float: left;
    width: 50%;
}






/* panel */
.issuethankyou {
    border: 2px solid #797474;
    padding: 35px;
    position: fixed;
    top: 20%;
    left: 50%;
    z-index: 1210;
    width: 350px;
    margin-left: -210px;
    box-shadow: 0px 1px 100px 1px #888888;
    background-color: #FFFFF2;
}

.panelcollapsed {
    width: 80px;
    height: 60px;
    margin: 0px;
    padding: 0px;
    position: fixed;
    top: 20%;
    right: 0%;
    z-index: 1002;
}





.panel {
    background: url('/GlobalFiles/images/needhelp.gif');
    width: 80px;
    height: 60px;
    margin: 0px;
    padding: 0px;
    position: fixed;
    top: 20%;
    right: 0%;
}






    /* panel heading */
    .panel h2, .panelcollapsed h2 {
        font-size: 18px;
        font-weight: normal;
        margin: 0px;
        padding: 0px;
        /*background: #CCC url(arrow-up.gif) no-repeat 280px;*/
        width: 80px;
        height: 60px;
    }

/* panel heading on rollover */

/* heading of a collapsed panel */


/* panel content - do not set borders or paddings */
.panelcontent {
    border: 2px solid #797474;
    padding: 20px;
    padding-top:10px;
    padding-bottom:10px;
    background: #ffffd9;
    position: fixed;
    left: 50%;
    width: 500px !important;
    margin-left: -250px !important;
    overflow: hidden;
    top: 15%;
}




.thirtysix {
    width: 36px;
}



.AuthorFirstName, .nextauthor {
    color: Blue;
    font-weight: bold;
}

.nextauthor {
    color: #284775;
}

.WizardCSSClass{
    padding-top:0px;
    padding-bottom:8px;
}

.wizarddbottomnavigationzone {
    padding: 5px;
    padding-bottom:10px;
    text-align: center;
    width: 100%;
}

    .wizarddbottomnavigationzone input {
        width: 120px;
        font-size: 22px !important;
        margin-left: 10px;
        margin-right: 10px;
    }

    .wizarddbottomnavigationzone > table {
        margin: 0 auto;
    }

#btncloseiframeMain, #btncloseiframeMain2, #btncloseiframeMainRefresh, #btncloseiframeMyEssentials {
    max-width: 1300px;
    margin: 0 auto;
    z-index: 2240;
    text-align: right;
    display: none;
    top: 15px;
    background: none;
}

.iframeclose, .hidebuttonhere {
    display: none;
    border: 0px !important;
}





/* BEGIN SHOPPING CART SYSTEM*/

.Shoppingitems, .Shoppingitemssummary {
    width: 100%;
}

    .Shoppingitems td {
        padding-bottom: 5px;
        padding-top: 5px;
        padding-right: 8px;
        padding-left:8px;
        vertical-align:middle;
    }

.cartqtyzone {
    padding-left: 10px;
    min-width: 165px;
    text-align:right;
}

.Shoppingitems .cartalignleft {
    text-align: left;
}

.Shoppingitems h2, .Shoppingitems h3, .Shoppingitems h1, .Shoppingitems h4 {
    margin: 0px;
}

.nopaddingright {
    padding-right: 0px !important;
}

.nopadding {
    padding: 0px !important;
}

.Shoppingitemssummary td, .Shoppingitemssummary th {
    padding-right: 20px;
    padding-bottom: 5px;
}

.Shoppingitemssummary th {
    display: none;
}

.Shoppingitemssummary td {
    padding-top: 5px;
    font-weight: bold;
}

.textalignright {
    text-align: right;
}

.alignright {
    text-align: right !important;
}

.overlay {
    background: #5D6C71;
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.8;
    z-index: 1000;
}

.cartwarning{
    text-align:center;
    font-size:14px;
    font-weight:bold;
    border-radius:20px;
}

/* END SHOPPING CART SYSTEM*/




@media screen and (min-width: 1400px) {
    .tblheaderLightBlue {
        font-size: 22px;
    }
}



@media screen and (min-width: 1150px) {
    #wizHeader {
        font-size: 18px;
    }
        #wizHeader li a {
            padding: 3px 2px 3px 1.8vw;
        }
}


    @media screen and (min-width: 650px) {

        .body {
            background-color: #abbfcf;
        }

        .divaroundmainwrapper {
            margin-left: 3%;
            margin-right: 3%;
        }

        .headerimagemobile {

        }

        .txtissuemessage {
            height: 168px;
            width: 98%;
        }

        .mainwrapper {
            max-width: 1150px;
            width: 90%;
            margin-left: 5%;
            margin: 0 auto;
            border: 1px solid #6F8693;
            position: relative;
        }

        #ValidationSummary1 {
            width: 78% !important;
            top: -6px;
            border-radius: 5px;
            margin: 1%;
            cursor:move;
        }

        .editorcontainer {
            margin: 0 auto;
            padding-top: 5px;
            max-width: 600px;
        }


    }

    @media screen and (max-width: 800px) {
        /* BEGIN MOBILE RESPONSE SITE SECTIONS */
        .showbadge, .showbadgeminus20 {
            top: inherit;
            right: inherit;
            position: inherit;
            width: 100% !important;
            margin-top: 4px !important;
        }
        .badge-hole{display:none;}
    }







@media screen and (max-width: 1000px) {
    .mainwrapper {
        width: 98%;
    }
}









    @media screen and (max-width: 650px) {
        /* BEGIN MOBILE RESPONSE SITE SECTIONS */

        .tblheaderLightBlue {
            font-size: 20px;
        }

        .HideOnMobileSite, #wizHeader, #hideissuepanel {
            display: none;
        }

        .floatalltoleft, .floatalltoleft table, .floatalltoleft div, .floatalltoleft, .floatalltoleft tr td, .MobileCheckBox {
            float: left !important;
            width: 100% !important;
            padding: 0px;
        }
            .floatalltoleft tr th {
                display: none;
            }

            .floatalltoleft > tbody > tr > td {
                padding: 5px !important;
                width: calc(100% - 10px) !important;

            }


        .showbadge {
            min-height: 180px;
            margin-bottom: 20px;
            border: 1px solid #acb2bd;
            box-shadow: 0 3px 13px rgba(15, 23, 42, 0.57);
        }
        .badge-header {
            padding: 10px !important;
        }

        #ValidationSummary1 li {
            width: 100%;
        }

        input[type="text"], select, textarea {
            width: 96% !important;
        }


        .editorcontainer, .editorcontainer div, .editorcontainer table, .editorcontainer td {
            float: left !important;
            width: 100%;
            padding: 0px !important;
        }

        .HE_top_bar {
            min-width: 100%;
        }

            .HE_top_bar div {
                width: 25px !important;
            }

            .HE_top_bar .HE_hs {
                width: 13px !important;
            }

        .editorcontainer iframe {
            min-width: 100% !important;
            width: 100% !important;
            max-width: 550px !important;
        }


        .floatalltoleft textarea {
            float: left !important;
            width: 97% !important;
            padding: 0px !important;
        }

        .mainwrapper {
            border: 0px;
        }

        .headercss {
            border-bottom: 1px solid gray !important;
        }

        .WidthForMobileSite {
            width: 260px !important;
        }

        .MobileHelpBox {
            left: -210px !important;
            width: 270px !important;
        }

            .MobileHelpBox textarea {
                width: 100% !important;
            }

        .headerimagemobile {
            width: 100%;
        }

        .nopaddingmobile {
            padding: 0px !important;
        }

        .hideboxofListbox select {
            width: inherit !important;
        }

        .oae_editor_base table, .oae_editor_base table tr, .oae_editor_base table tr td {
            width: inherit !important;
            max-width: 600px !important;
        }

        .oae_editor_container {
            height: inherit !important;
        }

        .oae_editor_base .oae_editor_editpanel_container {
            width: 100% !important;
            max-width: 600px !important;
        }




        .roundedcorners {
            max-width: 240px !important;
        }


            .Shoppingitems td {
                float: left !important;
                width: 100% !important;
                padding-left: 0px !important;
                padding-right: 0px !important;
            }

        .shoppingcartcontainer {
            right: 0px !important;
            position: relative !important;
            top: 0px !important;
            margin-right: 0% !important;
        }

        .Shoppingitems > tbody > tr > td{padding-left:5px !important; padding-right:5px !important;}


        .products, .cartwarning {
            position: inherit !important;
            margin-left: 0% !important;
        }
        .cartbuttons, .purchaseqtyupdateorremove {
            margin-right: 5px;
        }
        .SectionHidePrice {
            float: left;
            text-align: left;
        }

        /* END MOBILE RESPONSE SITE SECTIONS */
    }