html {
    /*background-color: #c8c8c8;*/
    margin: 0;
    padding: 0;
    /*matt testing color*/
    background-color: rgba(155, 127, 67, 0.74);
    /*background-image:url("../ETL_No.png);*/
}

body {
    /*background-color: #c8c8c8;*/
    color: #403e3e;
    font-size: .85em;
    font-family: 'Century Gothic', futura, 'URW Gothic L', Verdana, sans-serif;
    margin: 0;
    padding: 0;
}

/*Comment for Deb*/


hr {
    border-top: 1px solid gray;
    width: 620px;
}

.CustomHR_One {
    width: 80%;
    font-size: 1px;
    color: rgba(0, 0, 0, 0);
    line-height: .5em;
    background-color: brown;
    margin-top: 6px;
    margin-bottom: 6px;
    margin-left: 5%;
}


.float-left {
    float: left;
}

.float-right {
    float: right;
}

/*.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}*/

h1, h2, h3,
h4, h5, h6 {
    color: #403e3e;
    margin-bottom: 0;
    padding-bottom: 0;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.75em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5 {
    font-size: 1em;
}

h6 {
    visibility: hidden;
    font-size: .1em;
}


.splash-logo {
    height: 99px;
    width: 122px;
    /*border: 5px solid #b10b24;*/
    float: left;
    margin: 49px 0px 0px 45px;
    background-color: transparent;
}

.MATO-logo {
    height: 99px;
    width: 222px;
    /*border: 5px solid #b10b24;*/
    float: left;
    margin: -68px 20px 0px 300px;
    background-color: transparent;

}


/*this is a special enlargement of the logo on Splash for Temprite image: cnr_logo_TR-2.png */
/*.splash-logo-splash{
    position: fixed;
    float: unset;

    left: -300px;
    top: -100px;

    height: 1089px;
    width: 907px;*/
/*border: 5px solid #b10b24;*/
/*float: left;*/

/*top - right - bottom - left - Basically, clockwise....*/
/*margin: -249px 0px 0px -345px;*/


/*background-color: transparent;
    flood-opacity: unset;
    opacity: 0.5;



}*/

.headtext {
    height: 50px;
    display: block;
    width: 370px;
    text-align: right;
    margin-top: 25px;
    padding-top: 0px;
    margin-left: 15px;
    top: 20px;
    text-shadow: 4px 4px 5px #454815;
    /*background-color: aqua ;*/
    font-size: 2.9em;
    /*color: #b10b24;*/
}

/*Page Title - Large text - Admin Page Only*/
.AD_headtext {
    height: 50px;
    display: block;
    width: 370px;
    text-align: right;
    margin-top: 28px;
    padding-top: 0px;
    margin-left: 500px;
    top: 20px;
    text-shadow: 4px 4px 5px #454815;
    /*background-color: aqua ;*/
    font-size: 2.9em;
    /*color: #b10b24;*/
}

/*Small Text below Page HeadText - Admin Page only*/
.AD_subtext {
    display: block;
    margin: -45px 0 0px 780px;
    font-weight: bold;
    font-style: italic;
    font-family: 'Century Gothic', futura, 'URW Gothic L', Verdana, sans-serif;
    color: #403e3e;
    font-size: .8em;
    padding: 5px 5px 5px 5px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.35);
}

/*version number...small text*/
.subtext {
    display: block;
    margin: -50px 0 -12px 180px;
    top: -10px;
    font-weight: bold;
    font-style: italic;
    font-family: 'Century Gothic', futura, 'URW Gothic L', Verdana, sans-serif;
    color: #403e3e;
    font-size: .8em;
    padding: 5px 5px 5px 5px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.35);
}

.subtext-tiny {
    display: block;
    text-align: left;
    padding: 0px 15px 0px 15px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    position: static;
    margin: -14px 0 2px 197px;
    font-weight: bold;
    /*border: 1px solid #b10b24;*/
    font-size: .8em;
    font-style: italic;
}

.subtext-info {
    display: block;
    text-align: left;
    padding: 0px 15px 0px 15px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    position: static;
    margin: -14px 0 2px 167px;
    font-weight: bold;
    /*border: 1px solid #b10b24;*/
    font-size: 1.1em;
    font-style: italic;
}

.ETL {
    float: left;
    display: block;
    width: 40px;
    height: 40px;
    margin: 5px;
}

.imgSS {
    float: left;
    width: 106px;
    height: 40px;
    margin-top: 5px;
    margin-right: 1px;
    margin-left: 33px;
}

/*Mtx Icon on Admin Page*/
.imgSS_Tex {
    float: left;
    width: 74px;
    height: 34px;
    margin-top: 8px;
    margin-right: 80px;
    margin-left: 15px;
}



/* main layout
----------------------------------------------------------*/
.content-wrapper {
    /*margin: 0 auto;
    background-color: lavenderblush;
    max-width: 960px;
    min-width: 480;*/
}

#body {
    /*background-color: #e2e2e2;
    clear: both;
    width: 100%;
    padding-bottom: 15px;*/
}

/*.headlogo {
    margin-top: 3em;
    margin-left: 7em;
}*/

.main-content {
    /*background: url("../Images/accent.png") no-repeat;*/
    padding-left: 10px;
    padding-top: 30px;
}

.featured + .main-content {
    /*background: url("../Images/heroAccent.png") no-repeat;*/
}

header .content-wrapper {
    /*padding-top: 20px;*/
}

footer {
    clear: both;
    /*background-color: #c8c8c8;*/
    font-size: .8em;
    height: 100px;
    margin: 20px 0px 0px 25px;
}

.imbGo {
    position: absolute;
    /*float: right;*/
    text-align: center;
    margin: 10px 0px 0px 100px;
    width: 114px;
    height: 100px;
    /*pre-splash-tweaks*/
    /*position: relative;
    text-align: center;
    margin: 5px 0px 0px 0px;
    width: 114px;
    height: 100px;
    padding-left: 35%;*/
}

.GreenBall {
    position: absolute;
    /*float: right;*/
    text-align: center;
    margin: 29px 0px 0px 133px;
    width: 50px;
    /*height: 52px;*/
}

.scfm_error {
    margin: 0 0 0 25px;
}

/*.styled-select {
   width: 145px; 
   height: 24px;
   overflow: hidden;
   background: url(".../Images/arrow.png") no-repeat right #515151;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   }
.styled-select select {
   background: transparent;
      width: 120%;
   padding: 4px;
   font-size: 12px;
   color: #999;
   -webkit-appearance: none;
   }*/

.chk {
    display: inline;
    background-color: transparent;
    font-size: 1em;
    /*border: 1px solid #767473;
    border-radius: 6px;
    padding: 1px 0px 2px 1px;*/
}

    .chk input {
        margin-left: 90px;
        width: 20px;
        margin-top: 10px;
        margin-bottom: 7px;
    }

    .chk td {
        padding-left: 10px;
        width: 100px;
    }

.chk-right {
    /*display: inline;*/
    background-color: transparent;
    font-size: 1em;
}

    .chk-right input {
        margin-left: 18px; /*'Indent on the checkboxes - right side*/
        margin-bottom: 5px;
        width: 20px;
        margin-top: 10px;
    }

    .chk-right td {
        padding-left: 10px;
        width: 150px;
    }

.lbl {
    background-color: transparent;
    margin-left: 1em;
}

.small_note {
    display: block;
    text-align: center;
    font-size: .9em;
    font-style: italic;
    font-weight: bold;
    background-color: transparent;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin: -8px 0 2px 0px;
    color: dimgray;
    /*display: block;
    padding: 0px 15px 0px 15px;
       position: static;
    font-weight: bold;
    margin-left: 13%;
    font-size: .7em;
    text-align: center;*/
    /*border: 1px solid #b10b24;*/
}

.lblWarning {
    font-size: 1em;
    color: crimson;
    background-color: transparent;
    margin-left: 65px;
    line-height: 2em;
}



/*Direct Fired Configuration Selected*/
.lbl_splash_center {
    background-color: transparent;
    text-align: center;
    font-size: 1.3em;
    font-weight: bold;
    /*border: 1px solid #b10b24;*/
    font-style: italic;
    color: #333333;
    /*background-color: #c8c8c8;*/
    font-family: 'Century Gothic', futura, 'URW Gothic L', Verdana, sans-serif;
    color: #403e3e;
    padding: 5px 5px 5px 5px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.35);
}

.lbl-big {
    background-color: transparent;
    margin-left: 5px;
    margin-top: -25px;
    font-size: 1.2em;
    font-weight: bold;
}


.dflabel {
    position: absolute;
    text-decoration: none;
    color: #f4f7aa;
    font-weight: bold;
    font-size: 1.3em;
    margin: -51px 0px 0px 75px;
    text-shadow: 2px 2px 2px rgba(95, 76, 22, 0.93);
}

.dflabelDrop {
    position: absolute;
    text-decoration: none;
    color: #f4f7aa;
    font-weight: bold;
    font-size: 1.3em;
    margin: -47px 0px 0px 75px;
    text-shadow: 2px 2px 2px rgba(95, 76, 22, 0.93);
}


.dfbutton {

}



.SP23imbMA {
    /*Solid Pale Yellow*/
    background-color: palegoldenrod;
    
    /*Vertical Gradient*/
    /*background: -webkit-linear-gradient(pink, rgb(173, 193, 121));
    background: -o-linear-gradient(pink, rgb(173, 193, 121));
    background: -moz-linear-gradient(pink, rgb(173, 193, 121));
    background: linear-gradient(pink, rgb(173, 193, 121));*/
    /*padding:-1px -1px -1px -1px;*/
    /*border: 1px solid rgb(180, 160, 115);*/
    /*background-image: url("../Images/AA_GUI_2023_Fan_01d.PNG");*/
}

    .SP23imbMA:hover {
        /*Solid Color: Caramel*/
        /*background-color: rgb(213, 151, 68);*/
        /*Diagonal Gradient */
        /*height: 65px;
        background: -webkit-linear-gradient(left top, red, blue);
        background: -o-linear-gradient(bottom right, red, blue);
        background: -moz-linear-gradient(bottom right, red, blue);
        background: linear-gradient(to bottom right, red, blue);*/
        /*Vertical Gradient*/
        background: -webkit-linear-gradient(pink, rgb(173, 193, 121));
        background: -o-linear-gradient(pink, rgb(173, 193, 121));
        background: -moz-linear-gradient(pink, rgb(173, 193, 121));
        background: linear-gradient(pink, rgb(173, 193, 121));
        /*Solid Pale Yellow*/
        /*background-color: palegoldenrod;*/
/*circle repeat quirky gradients*/
        /*height: 65px;
        width: 300px;
        background: -webkit-repeating-radial-gradient(rgb(218, 73, 52), palegoldenrod 10%, rgb(160, 196, 255) 25%);
        background: -o-repeating-radial-gradient(rgb(218, 73, 52), palegoldenrod 10%, rgb(160, 196, 255) 25%);
        background: -moz-repeating-radial-gradient(218, 73, 52), palegoldenrod 10%, rgb(160, 196, 255) 25%);
        background: repeating-radial-gradient(rgb(218, 73, 52), palegoldenrod 10%, rgb(160, 196, 255) 25%);*/
    }

.SP23imbBottom3 {
    /*pale yellow'*/
    background-color: rgb(255, 255, 199);
}
    .SP23imbBottom3:hover {
        background-color: rgb(83, 36, 0);
    }



        .txbTag {
    border: 1px solid #767473;
    border-radius: 3px;
    padding: 2px 2px 2px 4px;
    margin: 5px 0px 0px 2px;
    /*background-color: #eae8e8;*/
    width: 50%;
    font-size: 1.1em;
    background-image: url("../Images/bkgd_boxes_white-blue.png");
    background-repeat: no-repeat;
    background-position: -10px;
}


.txb-scfm {
    font-family: 'Century Gothic', futura, 'URW Gothic L', Verdana, sans-serif;
    color: #403e3e;
    border: 1px solid #767473;
    border-radius: 6px;
    padding: 1px 0px 2px 7px;
    margin: 0px -10px 5px 0px;
    /*background-color: #eae8e8;*/
    width: 60px;
    font-size: 1.1em;
    height: 1.5em;
}




.txb_lbl {
    padding: 3px 0px 1px 0px;
    margin: 4px 0px 0px 2px;
    /*width: 80px;*/
    font-size: 1em;
}

.txb_lbl2 {
    text-align: right;
    font-weight: bold;
    font-style: italic;
    font-family: 'Century Gothic', futura, 'URW Gothic L', Verdana, sans-serif;
    color: #403e3e;
    font-size: 1em;
    padding: 3px 0px 1px 4px;
    margin: 4px 0px 0px .7em;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.35);
}

.ddl_short {
    border: 1px solid #767473;
    border-radius: 3px;
    padding: 3px 0px 1px 1px;
    margin: 4px 0px 0px 2px;
    /*background-color: #eae8e8;*/
    width: 21%;
    font-size: 1.1em;
    /*-webkit-appearance: none;
    background-image: url("../Images/dd_arrow_03.png");
    background-size: 20px 12px;
    background-position: right;*/
    /*background-position:88px;*/
    /*background-repeat: no-repeat;*/
    /*-moz-appearance: none;*/
    /*text-indent: 0.01px;*/ /* Removes default arrow from firefox*/
    /*text-overflow: ' ';*/ /*Removes default arrow from firefox*/
    overflow: hidden;
    /*background-color: transparent;*/
    /*-ms-expand: display: none;*/
    /*background-image: url("../Images/bkgd_boxes_white-blue.png");
    background-repeat: no-repeat;
    background-position: -10px;*/
}

.ddl {
    font-family: 'Century Gothic', futura, 'URW Gothic L', Verdana, sans-serif;
    color: #403e3e;
    border: 1px solid #767473;
    border-radius: 6px;
    padding: 1px 2px 1px 7px;
    width: 91%;
    font-size: 1.1em;
    background-color: #eae8e8;
    overflow: hidden;
    /*background-image: url("../Images/bkgd_boxes_white-blue.png");
    background-repeat: no-repeat;
    background-position: -10px;*/
    box-shadow: 3px 3px 5px #333333;
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 4px;
}

.ddlIndent1 {
    font-family: 'Century Gothic', futura, 'URW Gothic L', Verdana, sans-serif;
    color: #403e3e;
    border: 1px solid #767473;
    border-radius: 6px;
    padding: 1px 2px 1px 7px;
    width: 88%;
    font-size: 1.1em;
    background-color: #eae8e8;
    overflow: hidden;
    /*background-image: url("../Images/bkgd_boxes_white-blue.png");
    background-repeat: no-repeat;
    background-position: -10px;*/
    box-shadow: 3px 3px 5px #333333;
    margin-left: 14px;
    margin-right: 4px;
    margin-bottom: 4px;
}

.lblIndent1 {
    background-color: transparent;
    margin-left: 1.6em;
}


.ddl-splash-short {
    font-family: 'Century Gothic', futura, 'URW Gothic L', Verdana, sans-serif;
    color: #403e3e;
    border: 1px solid #767473;
    border-radius: 6px;
    padding: 1px 2px 1px 7px;
    margin: 4px 4px 4px 4px;
    width: 130px;
    font-size: 1.1em;
    background-color: #eae8e8;
    overflow: hidden;
    background-image: url("../Images/bkgd_boxes_white-blue2.png");
    background-repeat: no-repeat;
    background-position: -10px;
    box-shadow: 3px 3px 5px #333333;
}

.txb {
    font-family: 'Century Gothic', futura, 'URW Gothic L', Verdana, sans-serif;
    color: #403e3e;
    border: 1px solid #767473;
    border-radius: 6px;
    padding: 3px 2px 2px 7px;
    margin: 4px 4px 4px 4px;
    width: 100px;
    font-size: 1.1em;
    background-color: #eae8e8;
    overflow: hidden;
    background-position: -10px;
    box-shadow: 3px 3px 5px #333333;
    /*border: 1px solid #767473;
    border-radius: 3px;
    padding: 3px 0px 1px 1px;

    background-color: #eae8e8;

    font-size: 1.1em;
    background-image: url("../Images/bkgd_boxes_white-blue2.png");
    background-repeat: no-repeat;
    background-position: -10px;*/
}

.txbCC {
    font-family: 'Century Gothic', futura, 'URW Gothic L', Verdana, sans-serif;
    color: #403e3e;
    border: 1px solid #767473;
    border-radius: 6px;
    padding: 1px 1px 2px 3px;
    margin: 4px 3px 4px 1px;
    width: 45px;
    font-size: 1em;
    background-color: #eae8e8;
    overflow: hidden;
    background-position: -10px;
    box-shadow: 1px 1px 2px #333333;
}

/*NOT FOR MA UNITS*/
.btnPDF {
    font-family: 'Century Gothic', futura, 'URW Gothic L', Verdana, sans-serif;
    font-size: .9em;
    color: #403e3e;
    border: 1px solid #767473;
    border-radius: 4px;
    padding: 1px 5px 2px 7px;
    margin: 3px 0px 2px 26px;
    box-shadow: 5px 5px 5px #888888;
    background-color: antiquewhite;
    text-decoration: none;
}

    .btnPDF:hover {
        color: #0a14d5;
    }









/*MA UNITS*/
.MA_btnPDF {
    font-family: 'Century Gothic', futura, 'URW Gothic L', Verdana, sans-serif;
    font-size: .9em;
    color: #403e3e;
    border: 1px solid #767473;
    border-radius: 4px;

    width: 280px;
    padding: 5px 5px 5px 5px;
    margin: 3px 10px 3px 3px;
    box-shadow: 5px 5px 5px #888888;
    background-color: antiquewhite;
    text-decoration: none;
    text-align: center;
}
    .MA_btnPDF:hover {
        color: #0a14d5;
    }


.imgConfig {
    width: 257px;
    /*height: 201px;*/
    margin-top: 6px;
    margin-left: 30px;
    border: 2px solid;
    border-color : darkred;
}



.imgBox {
    width: 200px;
    /*height: 201px;*/
    margin-top: 10px;
    margin-left: 45px;
    margin-bottom: 10px;
    border-style: inset;
    border-width: 4px;
    border-color: darkgoldenrod;
    /*border-bottom-color: chocolate;
    border-right-color: chocolate;*/
}


.btnCopy {
    height: 22px;
    border: none;
    background: #c1c5c7;
    background-image: -webkit-linear-gradient(top, #c1c5c7, #3d4042);
    background-image: -moz-linear-gradient(top, #c1c5c7, #3d4042);
    background-image: -ms-linear-gradient(top, #c1c5c7, #3d4042);
    background-image: -o-linear-gradient(top, #c1c5c7, #3d4042);
    background-image: linear-gradient(to bottom, #c1c5c7, #3d4042);
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    -webkit-box-shadow: 3px 2px 3px #666666;
    -moz-box-shadow: 3px 2px 3px #666666;
    box-shadow: 3px 2px 3px #666666;
    font-family: Arial;
    color: #ffffff;
    font-size: 11px;
    padding: 2px;
    text-decoration: none;
    margin-left: 5px;
    margin-bottom: 5px;
}

    .btnCopy:hover {
        background: #43e043;
        background-image: -webkit-linear-gradient(top, #43e043, #15800c);
        background-image: -moz-linear-gradient(top, #43e043, #15800c);
        background-image: -ms-linear-gradient(top, #43e043, #15800c);
        background-image: -o-linear-gradient(top, #43e043, #15800c);
        background-image: linear-gradient(to bottom, #43e043, #15800c);
        text-decoration: none;
    }


.acdAddAcc {
    float: left;
}

.btnSelectOpt {
    width: 50px;
    height: 50px;
    padding: 0px;
    /*background-color: aqua;*/
    margin-top: 4px;
    margin-left: 4px;
    margin-right: -4px;
}

.lblRed {
    font-size: 1em;
    color: red;
    margin-left: 120px;
}

.lblError {
    font-size: 1em;
    text-align: center;
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', 'DejaVu Sans Condensed', sans-serif;
    padding-bottom: 5px;
}

.SelectionAccordionPane {
    /*padding: 0;*/
}

/*PANELS*/

.pnlHeader {
    padding-top: 5px;
    /*background-color: #c8c8c8;*/
    height: 130px;
    margin-top: 2px;
    /*background-color: #eae8e8;*/
}

.modalBackground {
    /*background-color: rgba(95, 76, 22, 0.93);
    filter: alpha(opacity=10);
    opacity: 0.5;*/
}

.modalPopup {
    background-color: #e5d687;
    border-width: 2px;
    border-style: dotted;
    border-color: rgba(95, 76, 22, 0.93);
    padding: 10px;
    width: 330px;
    height: 520px;
}

/*Admin Page title panel*/
.pnl_AD_Static_Info {
    /*border: 2px dotted blue;*/
    margin: 10px 0px 0px 0px;
    padding: 0px;
    width: 100%;
    height: 60px;
}

/*||||||||||||||  Full User Review Group ||||||||||||||*/
/*Holds full page of the Full User info on Admin Page - all controls*/
.pnlAdmin_Records {
    position: unset;
    display: block;
    position: absolute;
    width: 98%;
    margin-left: 1%;
    height: 500px;
    top: 110px;
    /*watch this, z-order maybe gets sorted/adjusted in code-behind instead*/
    z-index:;
    /*opacity: 0.4;*/
    background-color: rgba(180, 160, 115, 1.0); /*Main Page Tan Color*/
    min-width: 850px;
    /*background-color: darkseagreen;*/
}


/*left edge area of textboxes, etc. that update the Users*/
.pnlSingleUser {
    position: unset;
    display: block;
    position: absolute;
    width: 280px;
    margin-left: 1%;
    height: 500px;
    top: 10px;
    left: 10px;
    /*watch this, z-order maybe gets sorted/adjusted in code-behind instead*/
    z-index: 1;
    /*opacity: 0.4;*/
    background-color: rgba(180, 160, 115, 1.0); /*Main Page Tan Color*/
    min-width: 200px;
    /*background-color: darkseagreen;*/
}

/*the textboxes in the pnlSingleUser*/
.txbUpdateUser {
    width: 180px;
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin: 2px;
    padding: 2px 2px 2px 7px;
    border: 1px solid rgba(180, 160, 115, 1.0);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: rgb(25, 19, 4);
    -o-text-overflow: clip;
    text-overflow: clip;
    background: rgba(219,200,142,1);
    -webkit-box-shadow: 4px 4px 3px 5px rgba(224,224,29,0.2);
    box-shadow: 4px 4px 3px 5px rgba(224,224,29,0.2);
    text-shadow: 1px 1px 0 rgba(255,255,255,0.66);
    -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    font-family: 'Century Gothic', futura, 'URW Gothic L', Verdana, sans-serif;
    font-size: 1.1em;
    background-color: #e8d8c0;
    box-shadow: 3px 3px 5px rgba(95, 76, 22, 0.75);
}

.lblUpdateUser {
    font-family: 'Century Gothic', futura, 'URW Gothic L', Verdana, sans-serif;
    font-size: .8em;
    margin: 2px 2px, 2px, 2px;
    padding: 2px;
    color: rgb(25, 19, 4);
    text-align: right;
}

/*info label on Admin - process or delete requests*/
.admin_info_label {
    font-family: 'Century Gothic', futura, 'URW Gothic L', Verdana, sans-serif;
    font-size: .9em;
    margin: 2px 2px, 2px, 2px;
    padding: 7px;
    color: rgb(25, 19, 4);
    text-align: left;
    /*border*/
    border: 1px solid;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

/*div which determins scroll size and misc. borders on that area*/
.scrollUsers {
    display: block;
    height: 465px;
    width: 720px;
    min-width: 720px;
    min-height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin: 50px 0px 0px 320px;
    border-top: 1px inset DarkGoldenrod;
    border-bottom: 1px inset DarkGoldenrod;
    /*background-color: azure;*/
}
/*these two items are closely linked together in form and function*/
/*table layout which hold the listview containing FULL user data*/
.tblUsers {
    font-family: Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    width: 500px;
    /*border: 1px solid blue;*/
}
/*record username text, etc*/
.lstCompanyName {
    width: 280px;
    overflow: auto;
    /*border: 1px solid green;*/
}

.listUsers {
    width: 500px;
}

.lstName {
    font-weight: bold;
    font-size: 14px;
    width: 196px;
    overflow: auto;
    float: left;
    margin-top: 5px;
    /*border: 1px solid orange;*/
}
/*button inside of the listview to edit Full User Data*/
.ibtnEditUser {
    height: 32px;
    width: 32px;
    float: left;
}
/*left cell - 2 cols*/
.AD_info_left {
    width: 198px;
    /*border: 1px solid aqua;*/
}
/*right cell - 2 cols*/
.AD_info_right {
    width: 298px;
    /*border: 1px solid limegreen;*/
}

/*Formview control for SINGLE USER Data Display*/
.fmvUser {
    margin: -490px 0px 0px 10px;
    width: 300px;
    height: 475px;
    border-right: 3px inset DarkGoldenrod;
}

/*|||||||||||||| end Full User Review Group ||||||||||||||*/


/*Review panel area - top level admin page*/
.pnlAdmin_Review {
    margin-left: 50px;
    width: 400px;
}

.Admin_Big {
    font: normal 14px arial, verdana;
}

.Admin_Normal {
}

.accessDOSButton {
    height: 64px;
    margin: 3px;
    margin-left: 5px;
}

.dosPanel {
    position: unset;
    z-index: 2;
    position: fixed;
    top: -3px;
    right: 30px;
    height: 70px;
    width: 400px;
    border: 2px inset grey;
}

.dosDDL {
    position: fixed;
    width: 130px;
    height: 24px;
    border: 1px inset grey;
    margin: 22px 2px 0px 3px;
    padding 3px;
}

.dosDDL2 {
    position: fixed;
    width: 130px;
    height: 24px;
    border: 1px inset grey;
    margin: 22px 2px 0px 142px;
    padding 3px;
}


/*Admin Table/Grid of the User Access Requests tg=wrap ...applied to entire table */
.tg {
    border-collapse: collapse;
    border-spacing: 0;
}
    /*Applied to all cells*/
    .tg td {
        text-align: left;
        font-family: Tahoma, Geneva, Verdana, sans-serif;
        padding: 3px 3px 3px 7px;
        overflow: hidden;
        word-break: normal;
        /*border-color: dodgerblue;
        border-style: solid;
        border-width: 1px;*/
    }

    /*Fine tuning of First, Last name and Company Cells*/
    .tg .tg-9hbo {
        font-size: 16px;
        font-weight: 600;
        text-align: left;
        vertical-align: bottom;
    }
    /*Fine Tune of all other Basic Cells*/
    .tg .tg-yw4l {
        font-size: 15px;
        font-weight: 400;
        text-align: left;
        vertical-align: top;
    }

/*Review Footer Arrows*/
.PagingArrow {
    display: inline-block;
    height: 56px;
    width: 56px;
    vertical-align: middle;
    padding: 3px -5px 3px 0px;
    margin: 4px -10px 4px 0px;
    text-align: left;
}
/*Review Footer Text Showing Request #*/
.RequestFooterText {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    vertical-align: middle;
    font-family: Tahoma, Geneva, Verdana, sans-serif;
    padding: 3px 3px 3px 3px;
    margin: 4px 4px 4px 15px;
    overflow: hidden;
    word-break: normal;
}

/*Floating Panel Holding the Process Decision Controls*/
.pnlProcessApplicant {
    /*background-color: burlywood;*/
    /*border: 1px inset blue;*/
    height: 450px;
    width: 400px;
    margin-top: -40px;
    margin-left: 350px;
    padding-left: 30px;
    /*border - if any*/
    /*border on left edge*/
    border-left: 2px solid rgba(155, 127, 67, 0.74);
}



.lblAssign {
    display: block;
    float: left;
    width: 175px;
    /*background-color: burlywood;*/
    font-weight: bolder;
    font-style: normal;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    color: #2f2707;
    font-size: 1.2em;
    text-shadow: 1px 1px 1px rgb(189, 152, 93);
    padding: 6px 2px 2px 0px;
    margin: 5px 5px 1px -20px;
    text-align: right;
}


.txbAssign {
    font-family: 'Century Gothic', futura, 'URW Gothic L', Verdana, sans-serif;
    color: #2f2707;
    border: 2px solid rgba(95, 76, 22, 0.75);
    border-radius: 5px;
    padding: 4px 3px 4px 5px;
    margin: 4px 0px 5px 2px;
    background-color: #eae8e8;
    width: 150px;
    font-size: 1.2em;
    font-weight: 600;
}

.chkAssign {
}
/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

    /* Hide default HTML checkbox */
    .switch input {
        display: none;
    }

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }


/*test image overlay on slider*/
/* The switch - the box around the slider2 */
.switch2 {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    background-image: url('~/Images/inkslider_shell_01.png');
}

    /* Hide default HTML checkbox */
    .switch2 input {
        display: none;
    }

/* The slider2 */
.slider2 {
    background-image: url('~/Images/inkslider_dot_01.png');
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background-color: #ccc;*/
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider2:before {
        background-image: url('~/Images/inkslider_dot_01.png');
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider2 {
    background-color: #2196F3;
}

input:focus + .slider2 {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider2:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}


/*end test slider overlay*/



.optionLogo {
    height: 60px;
    margin-left: 110px;
    margin-top: 7px;
}


.pnl-select-menu {
    width: 100%;
    height: 58px;
    /*background-color: #c8c8c8;*/
    border-left-color: red;
    border-style: none;
}

.pnl_AddAcc {
    /*background: url("../Images/bkg1.png") no-repeat;*/
    /*background-size: 400px 400px;*/
    /*clear: both;*/
    width: 320px;
    height: 440px;
    /*background-color: #c8c8c8;*/
    margin: 10px 4px 25px 5%;
    float: left;
    clear: both;
    border-left-color: red;
    border-style: none;
}

.pnl_flow8 {
    /*background: url("../Images/bkg1.png") no-repeat;*/
    /*background-size: 400px 400px;*/
    width: 320px;
    height: 440px;
    /*background-color: #c8c8c8;*/
    margin: 10px 4px 25px 5%;
    float: left;
    /*border: 1px solid  red;*/
}

.pnl_left {
    width: 320px;
    margin: 0px 0px 5px 5%;
    float: left;
    /*background-color: #c8c8c8;*/
}

/*custom for inamge enlargement: Image: cnr_logo_TR-2.png*/
.pnl_left_Temprite_2 {
    background-position: -300px - 300px;
    width: 320px;
    margin: 0px 0px 5px 5%;
    float: left;
    background-image: url('~/Images/cnr_logo_TR-2.png');
}


.pnl_right {
    /*background: url("../Images/bkg1.png") no-repeat;*/
    /*background-size: 400px 400px;*/
    width: 320px;
    /*background-color: #c8c8c8;*/
    margin: 0px 4px 5px 5%;
    float: left;
    border-left-color: red;
    border-style: none;
    /*border-left-style: none;
    border-right-style: none;
    border-top-style: none;
    border-bottom-style: none;*/
}

.pnl_flowL {
    /*background: url("../Images/bkg1.png") no-repeat;*/
    /*background-size: 400px 400px;*/
    width: 320px;
    height: 520px;
    /*background-color: #c8c8c8;*/
    margin: 10px 4px 5px 5%;
    float: left;
    clear: both;
    border-left-color: red;
    border-style: none;
}

.pnl_flowR {
    /*background: url("../Images/bkg1.png") no-repeat;*/
    /*background-size: 400px 400px;*/
    width: 320px;
    height: 520px;
    /*background-color: #c8c8c8;*/
    margin: 10px 4px 5px 5%;
    float: left;
    border-left-color: red;
    border-style: none;
}

.pnl_flowLAT4 {
    /*background: url("../Images/bkg1.png") no-repeat;*/
    /*background-size: 400px 400px;*/
    width: 320px;
    height: 320px;
    /*background-color: #c8c8c8;*/
    margin: 10px 4px 5px 5%;
    float: left;
    clear: both;
    border-left-color: red;
    border-style: none;
}

.MA_pnl_flowLAT4 {
    /*background: url("../Images/bkg1.png") no-repeat;*/
    /*background-size: 400px 400px;*/
    width: 320px;
    height: 440px;
    /*background-color: #c8c8c8;*/
    margin: 10px 4px 5px 5%;
    float: left;
    clear: both;
    border-left-color: red;
    border-style: none;
}

.MA_pnl_flowRAT5 {
    /*background: url("../Images/bkg1.png") no-repeat;*/
    /*background-size: 400px 400px;*/
    width: 320px;
    height: 440px;
    /*background-color: #c8c8c8;*/
    margin: 10px 4px 5px 5%;
    float: left;
    border-left-color: red;
    border-style: none;
}


.pnl_flowRAT5 {
    /*background: url("../Images/bkg1.png") no-repeat;*/
    /*background-size: 400px 400px;*/
    width: 320px;
    height: 320px;
    /*background-color: #c8c8c8;*/
    margin: 10px 4px 5px 5%;
    float: left;
    border-left-color: red;
    border-style: none;
}



.pnl_flow5 {
    /*background: url("../Images/bkg1.png") no-repeat;*/
    /*background-size: 400px 400px;*/
    width: 320px;
    height: 430px;
    /*background-color: #c8c8c8;*/
    margin: 10px 4px 5px 5%;
    float: left;
    clear: both;
    border-left-color: red;
    border-style: none;
}

.pnl_flow6 {
    /*background: url("../Images/bkg1.png") no-repeat;*/
    /*background-size: 400px 400px;*/
    width: 320px;
    height: 430px;
    /*background-color: #c8c8c8;*/
    margin: 10px 4px 5px 5%;
    float: left;
    border-left-color: red;
    border-style: none;
}

.pnl_flow7 {
    /*background: url("../Images/bkg1.png") no-repeat;*/
    /*background-size: 400px 400px;*/
    width: 320px;
    height: 440px;
    /*background-color: #c8c8c8;*/
    margin: 10px 4px 5px 5%;
    float: left;
    clear: both;
    border-left-color: red;
    border-style: none;
}


/*TopMost position Fixed panel.. holds logo/menu/etc.*/
.pnlSS {
    margin-top: -2px;
    margin-bottom: 0;
    width: 100%;
    height: 50px;
    position: fixed;
    background-color: #a7784c;
    border-bottom: 1px solid;
    /*border-bottom: 1px solid #b10b24;*/
    /*padding: .2em 1em .2em .5em;*/
}

/*variation for Admin page(s) */
.AD_pnlSS {
    margin-top: -2px;
    margin-bottom: 0;
    width: 100%;
    height: 50px;
    position: fixed;
    background-color: #a7784c;
    border-bottom: 1px solid;
    /*border-bottom: 1px solid #b10b24;*/
    /*padding: .2em 1em .2em .5em;*/
    z-index: 100;
}

.pnlOpen {
    position: absolute;
    height: 600px;
    width: 365px;
    left: 35px;
    top: 205px;
    /*background-color: #c8c8c8;*/
    background-color: rgb(180, 160, 115);
    padding: 5px;
    margin: 0px;
    /*border-top: 1px solid #b10b24;*/
    /*border: 1px solid rgba(155, 127, 67, 0.74);*/
}
/*this btn closes the open saved unit dialogue on the splash page*/
.btnClosePanel {
    margin-left: 220px;
    float: right;
    display: block;
    border-left-color: #403e3e;
    border-top-color: #888888;
    /*height: 36px;
    width: 85px;*/
    margin-top: 0px;
    color: whitesmoke;
    font-size: .9em;
    font-weight: bold;
    padding: 1px;
    text-shadow: 2px 2px 7px rgba(30, 30, 30, 0.8);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: rgb(170, 170, 170);
    background: -moz-linear-gradient(336deg, rgb(170, 170, 170) 0%, rgb(106, 114, 104) 55%);
    background: -webkit-linear-gradient(336deg, rgb(170, 170, 170) 0%, rgb(106, 114, 104) 55%);
    background: -o-linear-gradient(336deg, rgb(170, 170, 170) 0%, rgb(106, 114, 104) 55%);
    background: -ms-linear-gradient(336deg, rgb(170, 170, 170) 0%, rgb(106, 114, 104) 55%);
    background: linear-gradient(246deg, rgb(170, 170, 170) 0%, rgb(106, 114, 104) 55%);
    -webkit-box-shadow: 0px 3px 8px rgba(173, 45, 47, 0.75);
    -moz-box-shadow: 0px 3px 8px rgba(173, 45, 47, 0.75);
    box-shadow: 0px 3px 8px rgba(173, 45, 47, 0.75);
}

.grdOpen {
    position: absolute;
    left: 8px;
    font-family: Verdana, Geneva, 'DejaVu Sans', sans-serif;
    line-height: 15px;
    font-size: 1em;
    background-color: #c8c8c8;
    /*border: 1px solid red;*/
    /*Width="300px" Height="400px" BackColor="White" BorderColor="Lime" BorderStyle="Dotted" BorderWidth="1px" CellPadding="4" ForeColor="Black" GridLines="Both"*/
}

.popupHyperlinkText {
    font-weight: bold;
    font-style: italic;
    font-family: 'Century Gothic', futura, 'URW Gothic L', Verdana, sans-serif;
    color: #3837b5;
    font-size: 1.2em;
    /*padding: 5px 5px 5px 5px;*/
    text-shadow: 2px 2px 4px rgba(43, 49, 9, 0.60);
}



/* <ItemStyle CssClass="grdNameCol"></ItemStyle>*/

.grd150Col {
    width: 150px;
}

.grd75Col {
    width: 75px;
}

.grdSelectedUnits {
    margin-left: 10px;
    margin-top: 7px;
    border-top: 1px solid gray;
    width: 590px;
}

.grdOrders {
    font-size: 1em;
    margin-left: 6px;
    margin-top: 7px;
    /*border-top: 1px solid red;*/
    width: 590px;
}

.grdUnits {
    margin-left: 10px;
    margin-top: 7px;
    border-top: 1px solid gray;
    width: 590px;
}

.divTab {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding: 3px 10px 2px 10px;
}

    .divTab:hover {
        color: #c8ccd0;
    }

.MyTabStyle {
    width: 575px;
    min-width: 574px;
    margin-left: 25px;
    margin-top: 15px;
    /*background-color: #c8c8c8;*/
    /*min-width: 600px;*/
  

}

    .MyTabStyle .ajax__tab_header {
        cursor: pointer;
        font-weight: bold;
        display: block;
    }

        .MyTabStyle .ajax__tab_header .ajax__tab_outer {
            color: #ffffff;
            margin-left: 1px;
            border: 1px solid black;
            background-color: #767473;
            border-top-left-radius: 6px;
            border-top-right-radius: 6px;
        }

        .MyTabStyle .ajax__tab_header .ajax__tab_outer1 {
            color: #ffffff;
            padding-left: 2px;
            margin-right: 3px;
            /*border: 1px solid black;*/
            background-color: red;
        }

        .MyTabStyle .ajax__tab_header .ajax__tab_inner {
            border-color: #666;
            color: #ffffff;
        }

    .MyTabStyle .ajax__tab_hover .ajax__tab_outer {
        background-color: #b10b24;
    }

    .MyTabStyle .ajax__tab_hover .ajax__tab_inner {
        color: #ffffff;
    }

    .MyTabStyle .ajax__tab_active .ajax__tab_outer {
        color: #ffffff;
        border-bottom-color: #2b5f9a;
        background-color: #999;
        /*color: #2158a0;*/
    }

    .MyTabStyle .ajax__tab_active .ajax__tab_inner {
        color: #ffffff;
        /*color: #ffffff;
        border-color: #333;*/
    }

    .MyTabStyle .ajax__tab_body {
        font-family: verdana,tahoma,helvetica;
        font-size: 10pt;
        /*background-color: #c8c8c8;*/
        border-top-width: 0;
        /*border: solid 1px #767473;*/
        border-top-color: #767473;
        border-bottom-color: #767473;
        border-bottom: 1px, solid;
        border-top: 1px solid gray;
        width: 565px;
        height: auto;
    }



.pnl_OB_left {
    /*background-color: red;*/
    width: 320px;
    /*background-color: #c8c8c8;*/
    margin: 0px 0px 5px 0px;
    float: left;
    border-left-color: red;
    border-style: none;
    height: 400px;
}


.lblSS {
    top: 11px;
    left: 10px;
    float: left;
    margin-top: 17px;
    margin-left: 35px;
    font-weight: bold;
    color: antiquewhite;
}

/*Top Level Text readout - Admin Page Only*/
.AD_lblSS {
    /*float: left;*/
    margin-top: 17px;
    margin-left: 22px;
    font-weight: bold;
    color: antiquewhite;
}

/*.lblMAModel{


}*/


.unit_button {
    position: relative;
    margin: 0px 0px -2px 20px;
    /*display :none ;*/
    height: 90px;
    width: 298px;
}

.NoUnits {
    position: relative;
    width: 240px;
    height: 227px;
    margin-top: -7px;
    margin-left: 57px;
}

.lbl_OB_Left {
    text-align: right;
    margin: 5px 0px 0px 10px;
}

.txbDiscount {
    font-family: 'Century Gothic', futura, 'URW Gothic L', Verdana, sans-serif;
    border: 1px solid #767473;
    border-radius: 3px;
    padding: 3px 6px 3px 5px;
    margin: 4px 0px 0px 8px;
    background-color: #eae8e8;
    width: 14%;
    font-size: 1.1em;
    text-align: right;
}

/*.txb_OB_Rep {
    font-family: 'Century Gothic', futura, 'URW Gothic L', Verdana, sans-serif;
    background-color: transparent;
    font-size: 1.1em;
    margin: 4px 0px 0px 4px;
    color: darkgrey;
    border: none;
    text-align: right;
}*/

/*Order Tag, Order Name, Order Builder Page*/
.txb_OB_Left {
    font-family: 'Century Gothic', futura, 'URW Gothic L', Verdana, sans-serif;
    border: 1px solid #767473;
    border-radius: 3px;
    padding: 2px 3px 1px 3px;
    margin: 4px 0px 0px 4px;
    background-color: #eae8e8;
    width: 170px;
    font-size: 1.1em;
    /*
            font-family: 'Century Gothic', futura, 'URW Gothic L', Verdana, sans-serif;
    color: #403e3e;
    border: 1px solid #767473;
    border-radius: 6px;
    padding: 1px 0px 2px 7px;
    margin: 0px -10px 5px 0px;
    background-color: #eae8e8;
    width: 60px;
    font-size: 1.1em;
    height: 1.5em;*/
}



.ddl_OB_Left {
    border: 1px solid #767473;
    border-radius: 3px;
    padding: 3px 0px 1px 1px;
    margin: 4px 0px 0px 4px;
    background-color: #eae8e8;
    width: 180px;
    font-size: 1.1em;
}

.RepInfocssdetailsview {
    font-family: "font-family: 'Century Gothic'", futura, "URW Gothic L", Verdana, sans-serif;
    /*background-color: #c8c8c8;*/
    margin: 10px 0 10px 20px;
    /*border: solid 1px #525252;*/
    border: none;
    border-collapse: collapse;
    text-align: center;
    font-size: 1.1em;
    color: #333333;
}

    .RepInfocssdetailsview td {
        padding: 3px;
        color: #333333;
        text-align: left;
    }

    .RepInfocssdetailsview .header td {
        text-align: left;
        padding: 2px 2px;
        color: darkgray;
        background: #eae8e8;
        border-left: solid 1px #c8c8c8;
    }

    .RepInfocssdetailsview .fieldheader {
        color: #333333;
        width: 150px;
        text-align: right;
    }
    /*.RepInfocssdetailsview .altrow { background: #eae8e8 url(./css/grd_alt.png) repeat-x top; }*/
    /*.RepInfocssdetailsview .command { background: #424242 url(./css/grd_pgr.png) repeat-x top; line-height: 1.3em;}*/
    .RepInfocssdetailsview .command td {
        text-align: center;
    }

    .RepInfocssdetailsview .command a {
        color: #333333;
        text-decoration: none;
        padding: 5px;
    }

        .RepInfocssdetailsview .command a:hover {
            color: Silver;
            text-decoration: underline;
        }


/*CssClass="custGridCss"
                    HeaderStyle-CssClass="custGridHeader"
                    FieldHeaderStyle-CssClass="custGridField"
                    ItemStyle-CssClass="custGridItem"
                    AlternatingRowStyle-CssClass="custGridAltRow"
                    CommandRowStyle-CssClass="custGridCommand"
                    PagerStyle-CssClass="custGridPager" >*/

.custGridCss {
    font-family: "font-family: 'Century Gothic'", futura, "URW Gothic L", Verdana, sans-serif;
    background-color: #c8c8c8;
    margin: 10px 10px 10px 20px;
    text-align: right;
    font-size: 1em;
    color: #333333;
    width: 330px;
}

.grdInput {
    font-family: 'Century Gothic', futura, 'URW Gothic L', Verdana, sans-serif;
    border: 1px solid #767473;
    border-radius: 3px;
    padding: 2px 3px 2px 3px;
    margin: 5px 5px 5px 5px;
    background-color: #eae8e8;
    width: 170px;
    font-size: 1.1em;
}

.lblCustLeft {
    text-align: right;
    color: #333333;
    margin-left: 30px;
    font-size: 1.1em;
}

.txbCustLeft {
    font-family: 'Century Gothic', futura, 'URW Gothic L', Verdana, sans-serif;
    border: 1px solid #767473;
    border-radius: 3px;
    padding: 2px 3px 1px 3px;
    margin: 4px 0px 0px 4px;
    background-color: #eae8e8;
    width: 170px;
    font-size: 1.1em;
}

.ddlCustLeft {
    border: 1px solid #767473;
    border-radius: 3px;
    padding: 3px 0px 1px 1px;
    margin: 4px 0px 0px 4px;
    background-color: #eae8e8;
    width: 180px;
    font-size: 1.1em;
}

.lstSelectedUnits {
    margin-top: 7px;
    margin-left: 3px;
    width: 400px;
    height: 60px;
}

.lblNote1 {
    margin-left: 200px;
}

.lblOutputLeft {
    text-align: left;
    color: #333333;
    /*margin-left: 30px;*/
    font-size: 1.1em;
    font-weight: bold;
    padding: 4px;
}

.chkOutputLeft {
    background-color: transparent;
    /*background-color:red;*/
    font-size: 1.1em;
    /*margin-left: 50px;*/
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 4px;
    height: 35px;
    width: 250px;
    min-width:250px;
    /*position: relative;*/
    resize:none;
}

.lblOutput {
    font-size: .8em;
    background-color: transparent;
    margin-left: 35px;
}

.lblOutputLG {
    font-size: .9em;
    background-color: transparent;
    margin-left: 35px;
    font-weight: bold;
    color: blue;
}

.lblModel {
    position: absolute;
    font-weight: bold;
    font-size: 1.7em;
    color: #f4f7aa;
    margin: -65px 30px 0px 125px;
}

.lbl_desc {
    padding: 3px 0px 1px 1px;
    margin: 2px 0px 0px 3px;
    /*width: 80px;*/
    font-size: 1em;
    text-align: left;
}

.txb_desc {
    border: 1px solid #767473;
    border-radius: 3px;
    padding: 3px 0px 1px 1px;
    margin: 4px 0px 0px 8px;
    background-color: #eae8e8;
    width: 91%;
    font-size: 1.1em;
}

.txb_Notes {
    border: 1px solid #767473;
    border-radius: 3px;
    padding: 3px 0px 1px 1px;
    margin: 4px 0px 0px 8px;
    background-color: #eae8e8;
    width: 91%;
    font-size: 1.1em;
}

.lbl_qp {
    padding: 3px 0px 1px 0px;
    margin: 2px 0px 0px 3px;
    width: 60px;
    font-size: 1em;
    text-align: left;
}

.txb_qp {
    border: 1px solid #767473;
    border-radius: 3px;
    padding: 3px 0px 1px 1px;
    margin: 1px 0px 5px 8px;
    background-color: #eae8e8;
    width: 60px;
    font-size: 1.1em;
}



/* site title
----------------------------------------------------------*/
.site-title {
    color: #c8c8c8;
    font-family: Rockwell, Consolas, "Courier New", Courier, monospace;
    font-size: 2.3em;
    margin: 0;
}

    .site-title a, .site-title a:hover, .site-title a:active {
        background: none;
        color: #c8c8c8;
        outline: none;
        text-decoration: none;
    }









/*||||||||||||||||||||||||||||||||||  ERROR LOGS ||||||||||||||||||||||||||||||||||||||||||||||*/
.logError {
    width: 318px;

    /*align-content: center;*/
    text-align: center;
    /*margin-left: 0px;*/
    font-weight: bold;
    font-style: italic;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    /*color: rgba(95, 76, 22, 0.93);*/
    color: rgba(73, 67, 106, 0.99);
    font-size: 1em;
    /*padding: 5px 5px 5px 5px;*/
    margin-top: 1px;
    text-shadow: 1px 1px 3px #e5e12d;
    /*background-color:aqua;*/

}


/*ADMIN PANEL*/

/* what the text looks like in the text input boxes on the login page*/
/*Also the borders and shaping of the input box*/
.pgsAdmin {
    /*text*/
}

/*Admin Menu buttons on top bar*/
.mnuAdmin {
    /*font and position*/
    /*color: #ffffff;*/
    color: whitesmoke;
    /*display: inline-block;*/
    /*font-family: Trebuchet MS;*/
    /*font-family: Arial;*/
    font-family: Helvetica;
    font-weight: bold;
    font-size: 1.1em;
    height: 38px;
    margin: 7px 1px 5px 1px;
    padding: 2px;
    text-decoration: none;
    text-shadow: #211c12 2px 2px 3px;
    width: 140px;
    /*color and border*/
    -moz-border-radius: 10px;
    -moz-box-shadow: #67541d 2px 2px 4px;
    -webkit-border-radius: 7px;
    -webkit-box-shadow: #6E7849 0 0 10px;
    background-color: #ad7f10;
    background-image: -moz-linear-gradient(170deg, #fbf1cb, #ad7f10);
    background-image: -ms-linear-gradient(170deg, #fbf1cb, #ad7f10);
    background-image: -o-linear-gradient(170deg, #fbf1cb, #ad7f10);
    background-image: -webkit-linear-gradient(170deg, #fbf1cb, #ad7f10);
    background-image: linear-gradient(170deg, #fbf1cb, #ad7f10);
    border-bottom-color: #917a27;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #d6c071;
    border-left-style: solid;
    border-left-width: 1px;
    border-radius: 7px;
    border-right-color: #b59112;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #dccaa8;
    border-top-style: solid;
    border-top-width: 1px;
    box-shadow: #67541d 2px 2px 4px;
}

/*Fiery Button - red tones*/
.btnDeny {
    /*position*/
    position: absolute;
    height: 50px;
    width: 207px;
    float: right;
    margin-top: 200px;
    margin-left: 40px;
    /*font*/
    font-weight: bold;
    color: whitesmoke;
    font-size: 1.2em;
    padding: 2px;
    text-shadow: 2px 2px 7px rgba(95, 76, 22, 0.8);
    /*border and color*/
    border-left-color: dimgray;
    border-top-color: #282310;
    border-color: rgb(219, 135, 1);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #443a78;
    background: -moz-linear-gradient(336deg, rgb(95, 76, 22) 0%, rgb(106, 114, 104) 55%);
    background: -webkit-linear-gradient(336deg, rgb(95, 76, 22) 0%, rgb(106, 114, 104) 55%);
    background: -o-linear-gradient(336deg, rgb(95, 76, 22) 0%, rgb(106, 114, 104) 55%);
    background: -ms-linear-gradient(336deg, rgb(95, 76, 22) 0%, rgb(106, 114, 104) 55%);
    background: linear-gradient(246deg, rgb(219, 135, 1) 0%, rgb(176, 45, 45) 55%);
    -webkit-box-shadow: 0px 3px 8px rgba(95, 76, 22, 0.75);
    -moz-box-shadow: 0px 3px 8px rgba(95, 76, 22, 0.75);
    box-shadow: 0px 3px 8px rgba(95, 76, 22, 0.75);
}

/*Green button*/
.btnAccept {
    /*position*/
    /*position: absolute;*/
    height: 50px;
    width: 207px;
    /*float: right;*/
    /*font*/
    margin-top: 5px;
    margin-left: 30px;
    font-size: 1.2em;
    font-weight: bold;
    padding: 2px;
    color: whitesmoke;
    text-shadow: 2px 2px 7px rgba(95, 76, 22, 0.8);
    /*color generation*/
    background: -moz-linear-gradient( top, #79e85d 0%, #5c8561 43%, #1d571d);
    background: -webkit-gradient( linear, left top, left bottom, from(#79e85d), color-stop(0.43, #5c8561), to(#1d571d));
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: 2px solid #627064;
    -moz-box-shadow: 0px 3px 8px rgba(181,184,136,0.5), inset 0px 0px 5px rgba(161,142,016,0.6);
    -webkit-box-shadow: 0px 3px 8px rgba(181,184,136,0.5), inset 0px 0px 5px rgba(161,142,016,0.6);
    box-shadow: 0px 3px 8px rgba(95, 76, 22, 0.75);
    /*break*/
}

.pnlAdmin {
    /*text*/
    margin: 0px 0px 7px 2px;
    padding-left: 9px;
    padding-top: 2px;
    font-size: 1.2em;
    width: 230px;
    /*font-size: 1.1em;
    margin-top: 1px;*/
    font-weight: bolder;
    font-style: italic;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    color: rgba(95, 76, 22, 0.100);
    font-size: 1.2em;
    text-shadow: 0px 1px 3px rgb(95, 76, 22);
    /*box*/
    border: 3px inset;
    border-top-color: #600606;
    border-left-color: red;
    border-bottom-color: #fcd1d1;
    border-right-color: rgba(95, 76, 22, 0.93);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 3px 8px rgba(95, 76, 22, 0.75);
    -moz-box-shadow: 0px 3px 8px rgba(95, 76, 22, 0.75);
    box-shadow: 0px 3px 8px rgba(95, 76, 22, 0.75);
}

.login-logo {
    height: 110px;
    width: 240px;
    margin: 30px 0px 2px 0px;
}


/* login page
----------------------------------------------------------*/

/*Request Access Panel - holds inputs*/
.login-panel-request {
    /*panel that hold the request access inputs*/
    /*display: block;*/
    font-size: 1.1em;
    /*margin: 5% 0px 0px 5%;*/
    /*background: url("../Images/bkg1.png") no-repeat;*/
    /*background-size: 400px 400px;*/
    width: 310px;
    min-width: 310px;
    height: 935px;
    /*background-color: #c8c8c8;*/
    margin: 66px 0px 5px 0%;
    /*padding: 5%;*/
    /*clear:both;*/
    border: 2px ridge;
    /*border-left-color: red;*/
    /*border-style: none;*/
    /*text-align: center;*/
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #443a78;
    background: -moz-linear-gradient(336deg, rgb(95, 76, 22) 0%, rgb(106, 114, 104) 55%);
    background: -webkit-linear-gradient(336deg, rgb(95, 76, 22) 0%, rgb(106, 114, 104) 55%);
    background: -o-linear-gradient(336deg, rgb(95, 76, 22) 0%, rgb(106, 114, 104) 55%);
    background: -ms-linear-gradient(336deg, rgb(95, 76, 22) 0%, rgb(106, 114, 104) 55%);
    background: linear-gradient(246deg, rgb(219, 135, 1) 0%, rgb(176, 45, 45) 55%);
    -webkit-box-shadow: 0px 3px 8px rgba(95, 76, 22, 0.75);
    -moz-box-shadow: 0px 3px 8px rgba(95, 76, 22, 0.75);
    box-shadow: 0px 3px 8px rgba(95, 76, 22, 0.75);
}

/*Label for the Inputs on the Request Access Panel*/
.lblReq {
    font-weight: bolder;
    font-style: italic;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    color: #f4f7aa;
    font-size: 1.1em;
    text-shadow: 1px 1px 3px #403e3e;
}

/*small informative text below input boxes on Request Access Panel*/
.lblReqSubtext {
    padding-top: -10px;
    font-style: italic;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    color: #ffffff;
    font-size: .8em;
}

/*Textbox Inputs on the Request Access Panel*/
.txbReq {
    /*text*/
    margin: 0px 0px 7px 2px;
    padding-left: 9px;
    padding-top: 2px;
    font-size: 1.2em;
    width: 230px;
    /*font-size: 1.1em;
    margin-top: 1px;*/
    font-weight: bolder;
    font-style: italic;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    color: rgb(30, 24, 7);
    font-size: 1.2em;
    text-shadow: 0px 1px 3px rgb(95, 76, 22);
    /*box*/
    border: 3px inset;
    border-top-color: #600606;
    border-left-color: red;
    border-bottom-color: #fcd1d1;
    border-right-color: rgba(95, 76, 22, 0.93);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 3px 8px rgba(95, 76, 22, 0.75);
    -moz-box-shadow: 0px 3px 8px rgba(95, 76, 22, 0.75);
    box-shadow: 0px 3px 8px rgba(95, 76, 22, 0.75);
}


.login-panel {
    /*panel that hold the username and password*/
    /*display: block;*/
    font-size: 1.1em;
    /*margin: 5% 0px 0px 5%;*/
    /*background: url("../Images/bkg1.png") no-repeat;*/
    /*background-size: 400px 400px;*/
    width: 310px;
    min-width: 310px;
    height: 410px;
    /*background-color: #c8c8c8;*/
    margin: 66px 0px 5px 0%;
    /*padding: 5%;*/
    /*clear:both;*/
    border: 2px ridge;
    /*border-left-color: red;*/
    /*border-style: none;*/
    text-align: center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #443a78;
    background: -moz-linear-gradient(336deg, rgb(95, 76, 22) 0%, rgb(106, 114, 104) 55%);
    background: -webkit-linear-gradient(336deg, rgb(95, 76, 22) 0%, rgb(106, 114, 104) 55%);
    background: -o-linear-gradient(336deg, rgb(95, 76, 22) 0%, rgb(106, 114, 104) 55%);
    background: -ms-linear-gradient(336deg, rgb(95, 76, 22) 0%, rgb(106, 114, 104) 55%);
    background: linear-gradient(246deg, rgb(219, 135, 1) 0%, rgb(176, 45, 45) 55%);
    -webkit-box-shadow: 0px 3px 8px rgba(95, 76, 22, 0.75);
    -moz-box-shadow: 0px 3px 8px rgba(95, 76, 22, 0.75);
    box-shadow: 0px 3px 8px rgba(95, 76, 22, 0.75);
}

.login-logo {
    height: 110px;
    width: 240px;
    margin: 30px 0px 2px 0px;
}

/* what the text looks like in the text input boxes on the login page*/
/*Also the borders and shaping of the input box*/
.login-input {
    /*text*/
    margin: 0px 0px 7px 2px;
    padding-left: 9px;
    padding-top: 2px;
    font-size: 1.2em;
    width: 230px;
    /*font-size: 1.1em;
    margin-top: 1px;*/
    font-weight: bolder;
    font-style: italic;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    color: rgb(30, 24, 7);
    font-size: 1.2em;
    text-shadow: 0px 1px 3px rgb(95, 76, 22);
    /*box*/
    border: 3px inset;
    border-top-color: #600606;
    border-left-color: red;
    border-bottom-color: #fcd1d1;
    border-right-color: rgba(95, 76, 22, 0.93);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 3px 8px rgba(95, 76, 22, 0.75);
    -moz-box-shadow: 0px 3px 8px rgba(95, 76, 22, 0.75);
    box-shadow: 0px 3px 8px rgba(95, 76, 22, 0.75);
}

/*Submit Button*/
.login-button {
    border-left-color: dimgray;
    border-top-color: #282310;
    border-color: rgb(219, 135, 1);
    height: 43px;
    width: 95px;
    margin-top: 10px;
    margin-left: 0px;
    font-weight: bold;
    color: whitesmoke;
    font-size: 1.2em;
    padding: 2px;
    text-shadow: 2px 2px 7px rgba(95, 76, 22, 0.8);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #443a78;
    background: -moz-linear-gradient(336deg, rgb(95, 76, 22) 0%, rgb(106, 114, 104) 55%);
    background: -webkit-linear-gradient(336deg, rgb(95, 76, 22) 0%, rgb(106, 114, 104) 55%);
    background: -o-linear-gradient(336deg, rgb(95, 76, 22) 0%, rgb(106, 114, 104) 55%);
    background: -ms-linear-gradient(336deg, rgb(95, 76, 22) 0%, rgb(106, 114, 104) 55%);
    background: linear-gradient(246deg, rgb(219, 135, 1) 0%, rgb(176, 45, 45) 55%);
    -webkit-box-shadow: 0px 3px 8px rgba(95, 76, 22, 0.75);
    -moz-box-shadow: 0px 3px 8px rgba(95, 76, 22, 0.75);
    box-shadow: 0px 3px 8px rgba(95, 76, 22, 0.75);
}

/*Request Access Button*/
.login-button-request {
    border-left-color: dimgray;
    border-top-color: #282310;
    border-color: rgb(219, 135, 1);
    height: 43px;
    width: 195px;
    margin-top: 10px;
    margin-left: 0px;
    font-weight: bold;
    color: whitesmoke;
    font-size: 1.2em;
    padding: 2px;
    text-shadow: 2px 2px 7px rgba(95, 76, 22, 0.8);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #443a78;
    background: -moz-linear-gradient(336deg, rgb(95, 76, 22) 0%, rgb(106, 114, 104) 55%);
    background: -webkit-linear-gradient(336deg, rgb(95, 76, 22) 0%, rgb(106, 114, 104) 55%);
    background: -o-linear-gradient(336deg, rgb(95, 76, 22) 0%, rgb(106, 114, 104) 55%);
    background: -ms-linear-gradient(336deg, rgb(95, 76, 22) 0%, rgb(106, 114, 104) 55%);
    background: linear-gradient(246deg, rgb(219, 135, 1) 0%, rgb(176, 45, 45) 55%);
    -webkit-box-shadow: 0px 3px 8px rgba(95, 76, 22, 0.75);
    -moz-box-shadow: 0px 3px 8px rgba(95, 76, 22, 0.75);
    box-shadow: 0px 3px 8px rgba(95, 76, 22, 0.75);
}

/*   Configuration Specifier words - on login page */
.popupHeaderText {
    font-weight: bold;
    font-style: italic;
    font-family: 'Century Gothic', futura, 'URW Gothic L', Verdana, sans-serif;
    color: #ffffff;
    font-size: 1.4em;
    /*padding: 5px 5px 5px 5px;*/
    text-shadow: -2px 2px 5px yellow;
}
/*version and copyright*/
.popupHeaderText2 {
    font-weight: bolder;
    font-style: italic;
    font-family: 'Century Gothic', futura, 'URW Gothic L', Verdana, sans-serif;
    color: rgba(95, 76, 22, 0.93);
    font-size: 1em;
    /*padding: 5px 5px 5px 5px;*/
    margin-top: -9px;
    text-shadow: 1px 1px 3px #e5e12d;
}

/*username and password - labels*/
.popupHeaderText3 {
    font-weight: bolder;
    font-style: italic;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    color: black;
    font-size: 1.2em;
    margin-left: -143px;
    text-shadow: 1px 1px 3px #e5e12d;
}


.txbWHAT {
    text-align: center;
    /*background-color:transparent;*/
    font-weight: normal;
    font-style: italic;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    /*color: rgba(95, 76, 22, 0.100);*/
    font-size: 1.1em;
    min-width: 255px;
    max-width: 255px;
    min-height: 177px;
    max-height: 177px;
    /*box background and fine tuned sizing*/
    color: rgb(255, 255, 225);
    text-shadow: 1px 2px 5px rgba(47, 8, 8, 0.87);
    padding: 12px 20px 20px 20px;
    margin-left: -1px;
    /*box edging */
    border: 3px inset;
    border-top-color: #600606;
    border-left-color: red;
    border-bottom-color: #fcd1d1;
    border-right-color: rgba(95, 76, 22, 0.93);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 3px 8px rgba(95, 76, 22, 0.75);
    -moz-box-shadow: 0px 3px 8px rgba(95, 76, 22, 0.75);
    box-shadow: 0px 3px 8px rgba(95, 76, 22, 0.75);
    background: #443a78;
    background: -moz-linear-gradient(336deg, rgb(95, 76, 22) 0%, rgb(106, 114, 104) 55%);
    background: -webkit-linear-gradient(336deg, rgb(95, 76, 22) 0%, rgb(106, 114, 104) 55%);
    background: -o-linear-gradient(336deg, rgb(95, 76, 22) 0%, rgb(106, 114, 104) 55%);
    background: -ms-linear-gradient(336deg, rgb(95, 76, 22) 0%, rgb(106, 114, 104) 55%);
    background: linear-gradient(246deg, rgb(219, 135, 1) 0%, rgb(176, 45, 45) 55%);
}



/* splash page
----------------------------------------------------------*/


/*labels on the left-hand Unit Type buttons*/
.splash-label {
    display: block;
    font-size: 1.1em;
    margin: -38px 0px 0px 80px;
}

.tinybutton {
    margin-top: 0px;
    padding-top: 3px;
    width: 45px;
    height: 16px;
}

.limitwidth {
    width: 250px;
    overflow: hidden;
}

/*.ETL {
    float:left;
  display: block;
    width: 40px;
    height: 40px;
    margin: 5px;*/

.btnCalc {
    float: left;
    display: block;
    /*font-size: .9em;*/
    /*border-left-color: #7e4612;
    border-top-color: #7e4612;*/
    border-color: rgba(126, 70, 18, 0.72);
    height: 30px;
    width: 85px;
    margin-top: 10px;
    margin-left: 8px;
    font-weight: bold;
    color: whitesmoke;
    font-size: 14px;
    padding: 3px;
    text-shadow: 2px 2px 3px rgb(219, 135, 1);
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    background: rgb(150, 100, 40);
    background: -moz-linear-gradient(336deg, rgb(170, 170, 170) 0%, rgb(106, 114, 104) 55%);
    background: -webkit-linear-gradient(336deg, rgb(170, 170, 170) 0%, rgb(106, 114, 104) 55%);
    background: -o-linear-gradient(336deg, rgb(170, 170, 170) 0%, rgb(106, 114, 104) 55%);
    background: -ms-linear-gradient(336deg, rgb(170, 170, 170) 0%, rgb(106, 114, 104) 55%);
    background: linear-gradient(240deg, rgb(219, 135, 1) 10%, rgb(80, 53, 29) 35%);
    -webkit-box-shadow: 0px 3px 8px rgba(5, 5, 5, 0.75);
    -moz-box-shadow: 0px 3px 8px rgba(5, 5, 5, 0.75);
    box-shadow: 0px 3px 8px rgba(5, 5, 5, 0.75);
}

.diaButtons {
    margin: 5px 2px 5px 2px;
    width: 70px;
    height: 65px;
}

.btnOpen {
    display: block;
    font-size: 1em;
    margin-top: -52px;
    margin-left: 79px;
    width: 50px;
}

.btnOB {
    font-size: 1.1em;
    margin-left: 255px;
    width: 150px;
    padding: 3px;
    box-shadow: 3px 3px 5px #888888;
}

.btnOBleft {
    margin-left: 38px;
    font-size: 1.1em;
    width: 150px;
    padding: 3px;
    box-shadow: 3px 3px 5px #888888;
}

.btnOBAddOrder {
    margin-left: 20px;
    margin-top: 10px;
    font-size: 1.1em;
    width: 150px;
    padding: 2px;
    box-shadow: 3px 3px 5px #888888;
}

.lblOpen {
    display: block;
    font-size: 1em;
    margin: -23px 0px 0px 135px;
    height: 20px;
    padding-bottom: 1px;
}

.uploadControl {
    display: block;
    font-size: 1em;
    margin: -35px 0px 0px 79px;
    height: 20px;
}





/* page titles */
hgroup.title {
    margin-bottom: 10px;
}

    hgroup.title h1, hgroup.title h2 {
        display: inline;
    }

    hgroup.title h2 {
        font-weight: normal;
        margin-left: 3px;
    }




/* login page */
#loginForm {
    border-right: solid 2px #c8c8c8;
    float: left;
    width: 55%;
}

    #loginForm .validation-error {
        display: block;
        margin-left: 15px;
    }

#socialLoginForm {
    margin-left: 40px;
    float: left;
    width: 40%;
}

    #socialLoginForm h2 {
        margin-bottom: 5px;
    }

fieldset.open-auth-providers {
    margin-top: 15px;
}

    fieldset.open-auth-providers button {
        margin-bottom: 12px;
    }

/* contact */
.contact h3 {
    font-size: 1.2em;
}

.contact p {
    margin: 5px 0 0 10px;
}

.contact iframe {
    border: 1px solid #333;
    margin: 5px 0 0 10px;
}


/* info and errors */
.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
}

/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}



.pnlCooling {
    margin-left: -5px;
    margin-top: -15px;
    padding: 8px;
    padding-right: 12px;
    border: 2px solid rgba(95, 76, 22, 0.93);
    border-style: groove;
    /*background-color: #c8c8c8;*/
    width: 290px;
    height: 210px;
    text-align: right;
    /*margin-left: 25px;
    margin-top: -8px;
    padding: 8px;
    border: 2px solid #767473;*/
    /*background-color: #c8c8c8;*/
    /*width: 253px;
    height: 185px;*/
}

.pnlOAS_Cooling {
    margin-left: 0px;
    margin-top: -15px;
    padding: 8px;
    padding-right: 12px;
    border: 2px solid rgba(95, 76, 22, 0.93);
    border-style: groove;
    /*background-color: #c8c8c8;*/
    width: 290px;
    height: 145px;
    text-align: right;
}

.chk-right-ERM {
    /*text-align: left;*/
    /*display: block;*/
    /*float: left;
    background-color: #c8c8c8;
    font-size: 1em;
    margin-left: 18px;
    margin-bottom: 5px;
  
    margin-top: 10px;
 white-space: nowrap;*/
    /*display: inline;*/
    /*background-color: #c8c8c8;*/
    font-size: 1em;
    margin-left: -23px;
    margin-top: -18px;
    padding-right: 7px;
    white-space: nowrap;
    float: left;
}

.lblERMtop {
    font-size: 1em;
    margin-left: 0px;
    padding-right: 7px;
    margin-top: 0px;
    white-space: nowrap;
    display: table;
    height: 39px;
    width: 250px;
    /*background-color: #c8c8c8;*/
    background: border-box url(../images/ERM5.png) no-repeat no-repeat;
    background-size: 250px;
    /*background-image:repeating-linear-gradient(red, blue 20px, red 40px);*/
}

.txb_lbl_ERMinfo {
    width: 150px;
    font-size: 1em;
}

.pnlRecoveryModule {
    margin-left: 29px;
    margin-top: 5px;
    padding: 8px;
    border: 2px solid #525252;
    background-color: rgba(255, 255, 255, 0.14);
    width: 250px;
    height: 400px;
}

.ddl-ERM {
    border: 1px solid #767473;
    border-radius: 3px;
    padding: 3px 0px 1px 1px;
    margin: 4px 0px 0px 8px;
    /*background-color: #eae8e8;*/
    width: 235px;
    font-size: 1.1em;
}

.ddl-ERM-short {
    border: 1px solid #767473;
    border-radius: 3px;
    padding: 3px 0px 1px 1px;
    margin: 4px 0px 0px 3px;
    width: 125px;
    font-size: 1.1em;
    /*-webkit-appearance: none;*/
    /*background-image: url("../Images/dd_arrow_03.png");
    background-size: 20px 12px;
    background-position: right;*/
    /*background-position:88px;*/
    /*background-repeat: no-repeat;*/
    /*-moz-appearance: none;*/
    /*text-indent: 0.01px;*/ /* Removes default arrow from firefox*/
    /*text-overflow: ' ';*/ /*Removes default arrow from firefox*/
    /*overflow: hidden;*/
    /*background-color: transparent;*/
    /*-ms-expand: display: none;*/
}

.txb_ERM {
    border: 1px solid #767473;
    border-radius: 3px;
    padding: 3px 0px 1px 1px;
    margin: 4px 0px 0px 3px;
    background-color: #eae8e8;
    width: 60px;
    font-size: 1em;
}

.txb_lbl_ERM {
    font-size: 1em;
    text-align: right;
}

.txb_ERM_tiny {
    border: 1px solid #767473;
    border-radius: 3px;
    padding: 3px 0px 1px 1px;
    margin: 4px 0px 0px 2px;
    background-color: #eae8e8;
    width: 40px;
    font-size: 1em;
}

/*.txb_lbl_ERM_tiny {
    font-size: 1em;
    text-align: right;
}*/

.lbl_ERM_summer {
    background-color: transparent;
    margin-left: 14%;
    font-size: 1em;
    text-align: center;
    border-bottom: 1px solid grey;
}

.lbl_ERM_winter {
    background-color: transparent;
    border-bottom: 1px solid grey;
    font-size: 1em;
    text-align: center;
}

.lbl_ERM_summer_tiny {
    background-color: transparent;
    margin-left: 13%;
    font-size: .7em;
    text-align: center;
}

.lbl_ERM_winter_tiny {
    background-color: transparent;
    font-size: .7em;
    text-align: center;
}




/* tables
----------------------------------------------------------*/
table {
    /*border-collapse: collapse;*/
    border-spacing: 0;
    margin-top: 0.75em;
    /*border: 0 none;*/
}


/********************
*   Mobile Styles   *
********************/
@media only screen and (max-width: 850px) {

    /* header
    ----------------------------------------------------------*/
    header .float-left,
    header .float-right {
        float: none;
    }

    /* logo */
    header .site-title {
        margin: 10px;
        text-align: center;
    }

    /* login */
    #login {
        font-size: .85em;
        margin: 0 0 12px;
        text-align: center;
    }

        #login ul {
            margin: 5px 0;
            padding: 0;
        }

        #login li {
            display: inline;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        #login a {
            background: none;
            color: #999;
            font-weight: 600;
            margin: 2px;
            padding: 0;
        }

            #login a:hover {
                color: #333;
            }

    /* menu */
    nav {
        margin-bottom: 5px;
    }

    ul#menu {
        margin: 0;
        padding: 0;
        text-align: center;
    }

        ul#menu li {
            margin: 0;
            padding: 0;
        }


    .hidden {
        display: none;
    }

    /* main layout
    ----------------------------------------------------------*/
    .main-content,
    .featured + .main-content {
        background-position: 10px 0;
    }

    .content-wrapper {
        padding-right: 10px;
        padding-left: 10px;
    }

    .featured .content-wrapper {
        padding: 10px;
    }

    /* page content */
    article, aside {
        float: none;
        width: 100%;
    }

    /* ordered list */
    ol.round {
        list-style-type: none;
        padding-left: 0;
    }

        ol.round li {
            padding-left: 10px;
            margin: 25px 0;
        }

            ol.round li.zero,
            ol.round li.one,
            ol.round li.two,
            ol.round li.three,
            ol.round li.four,
            ol.round li.five,
            ol.round li.six,
            ol.round li.seven,
            ol.round li.eight,
            ol.round li.nine {
                background: none;
            }

    /* features */
    section.feature {
        float: none;
        padding: 10px;
        /*width: auto;*/
    }

        section.feature img {
            color: #999;
            content: attr(alt);
            font-size: 1.5em;
            font-weight: 600;
        }

    /* forms */
    input {
        width: 90%;
    }

        input.radios {
            border: 1px solid #e2e2e2;
            background: #fff;
            color: #333;
            font-size: 1.2em;
            margin: 5px 0 6px 0;
            padding: 5px;
            width: 20px;
        }



    /* footer
    ----------------------------------------------------------*/
    footer .float-left,
    footer .float-right {
        float: none;
    }

    footer {
        text-align: center;
        height: auto;
        padding: 10px 0;
    }

        footer p {
            margin: 0px 0px 0px 25px;
        }
}
/* END: Mobile Styles */



/* scrolling message
    ----------------------------------------------------------*/
.scroll-left {
    /*height: 50px;
    overflow: hidden;
    position: relative;
    background: yellow;
    color: orange;
    border: 1px solid orange;*/
    /*display: block;
    margin: -50px 0 -12px 190px;
    top: -10px;
    font-weight: bold;
    font-style: italic;
    font-family: 'Century Gothic', futura, 'URW Gothic L', Verdana, sans-serif;
    color: #403e3e;
    font-size: .8em;
    padding: 5px 5px 5px 5px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.35);*/
    width: 100%;
    overflow: hidden;
    background-color: rgb(180, 160, 115);
    padding-left: 100%;
    margin-left: 45px;
    border-left: 1px dotted red;
    font-family: 'Century Gothic', futura, 'URW Gothic L', Verdana, sans-serif;
    color: #403e3e;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.35);
}

    .scroll-left cred {
        color:firebrick;
    }

    .scroll-left cblue {
        color: midnightblue;
    }

        .scroll-left p {
        /*position: absolute;
        width: 100%;
        height: 100%;
        margin: 0;
        line-height: 50px;
        text-align: center;*/
        /* Starting position */
        /*-moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%);*/
        /* Apply animation to this element */
        /*-moz-animation: scroll-left 15s linear infinite;
        -webkit-animation: scroll-left 15s linear infinite;
        animation: scroll-left 15s linear infinite;*/
        display: inline-block;
        white-space: nowrap;
        padding-right: 100%;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-name: ticker;
        animation-name: ticker;
        -webkit-animation-duration: 30s;
        animation-duration: 30s;
    }
/* Move it (define the animation) */
/*@-moz-keyframes scroll-left {
    0% {
        -moz-transform: translateX(100%);
    }

    100% {
        -moz-transform: translateX(-100%);
    }
}

@-webkit-keyframes scroll-left {
    0% {
        -webkit-transform: translateX(100%);
    }

    100% {
        -webkit-transform: translateX(-100%);
    }
}*/

/*@keyframes scroll-left {
    0% {
        -moz-transform: translateX(100%); 
        -webkit-transform: translateX(100%); 
        transform: translateX(100%);
    }

    100% {
        -moz-transform: translateX(-100%); 
        -webkit-transform: translateX(-100%); 
        transform: translateX(-100%);
    }
}*/




@-webkit-keyframes ticker {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes ticker {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    /* END scrolling message
    ----------------------------------------------------------*/