/*GENERAL*/

:root {
    --wwwLight: #87ceeb;
    --wwwDark: #74421b;
    --bidLight: #97BC62;
    --bidDark: #2C5F2D;
    --crewLight: #8aaae5;
    --crewDark: #00246b;
    --timeMain: #fee715;
    --timeSec: #101820;
    --adminMain: #D6ED17FF;
    --adminSec: #606060FF;
}

html {
    height: 100%;
}

body {
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    line-height: 1.5em;
    background: #ded1b3;
    background-color: white;
    font-size: 16px;
    height: 100%;
}

main {
    display: block;
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

td {
    vertical-align: top;
    padding: 2px;
}

.ajax__html_editor_extender_texteditor {
    background-color: White;
}

img {
    border: none;
}

p {
    margin-top: 0px;
}

em {
    color: red;
}

input:not([type='submit']):not([type='checkbox']):not([type='radio']):not([type='image']), textarea {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0 8px 0 8px;
    min-height: 1.75em;
    border: 1px solid #aaa;
    border-radius: 0.5em;
    background-color: #fff;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
    background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background-clip: padding-box;
    box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 1.75em;
    font-family: Garamond;
    font-size: 1.15em;
}

textarea {
    overflow: auto;
    white-space: pre-wrap !important;
}

select {
    padding: 0 0px 0 8px;
    min-height: 1.75em;
    background-clip: padding-box;
    border: 1px solid #aaa; /*border-radius: 0.5em;*/
    line-height: 1.75em;
    font-family: Garamond;
    font-size: 1.15em;
}

    select option {
        background-color: white;
    }

input:disabled {
    background: #ccccbb !important;
}

input:focus, select:focus, textarea:focus {
    background: #ffff22;
}

#mainContainer {
    width: 100%;
    margin: 0 auto;
    position: relative;
    min-height: 100%;
}

#mainContainer main {padding-bottom:60px;}

.print {
    display: none !important;
}

.accessLevel {
    font-size: 0.5em;
    color: #489dde;
    text-align: right;
}

.alignLeft {
    text-align: left !important;
}

.alignCenter {
    text-align: center !important;
}

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

.alignMiddle {
    vertical-align: middle !important;
}

.alignTop {
    vertical-align: top !important;
}

.alignBottom {
    vertical-align: bottom !important;
}

.ajax__html_editor_extender_texteditor {
    background-color: White;
}

section {
    height: 100%;
}

/* DIV LAYOUT ROWS */
.row {
    display: table;
    width: 100%;
}

.row > * {
    display: table-cell;
    padding: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
}

.\31 0u{width: 10%;}
.\31 5u{width: 15%;}
.\32 0u{width: 20%;}
.\32 5u{width: 25%;}
.\33 0u{width: 30%;}
.\33 3u{width: 33%;}
.\33 5u{width: 35%;}
.\34 0u{width: 40%;}
.\34 5u{width: 45%;}
.\35 0u{width: 50%;}
.\35 5u{width: 55%;}
.\36 0u{width: 60%;}
.\36 5u{width: 65%;}
.\37 0u{width: 70%;}
.\37 5u{width: 75%;}
.\38 0u{width: 80%;}
.\38 5u{width: 85%;}
.\39 0u{width: 90%;}
.\39 5u{width: 95%;}
.\31 00u{width: 100%;}

#pageTitle {
    display: block;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 3.5em;
    background: #87ceeb; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #87ceeb 0%, white 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87ceeb), color-stop(100%,white)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #87ceeb 0%,white 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #87ceeb 0%,white 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #87ceeb 0%,white 100%); /* IE10+ */
    background: linear-gradient(to bottom, #87ceeb 0%,white 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87ceeb', endColorstr='white',GradientType=0 );
}

    #pageTitle.crewHD {
        background: var(--crewLight); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: -moz-linear-gradient(top, var(--crewLight) 0%, white 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,var(--crewLight)), color-stop(100%,white)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, var(--crewLight) 0%,white 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, var(--crewLight) 0%,white 100%); /* Opera 11.10+ */
        background: linear-gradient(to bottom, var(--crewLight) 0%,white 100%); /* W3C */
    }


    #pageTitle > div {
        display: table;
        width: 100%;
    }

    #pageTitle h1 {
        display: table-cell;
        vertical-align: top;
        text-align: left;
        font-size: 1.75em;
        line-height: 115%;
        line-height: 1.05em;
        margin-bottom: 0;
        margin-top: 0;
        padding-left: 2.0em;
        text-indent: -1.5em;
        font-variant: small-caps;
    }

    #pageTitle img {
        display: table-cell;
        vertical-align: top;
        margin-right: 10px;
        border: none;
        float: right;
    }

#disclaimer {
    text-align: center;
    font-size: 0.8em;
    line-height: 1.05em;
    padding: 5px;
    margin-top: 20px;
}

    #disclaimer > * {
        background-color: #a5d1f3;
    }

#mainContainer > footer {
    width: 100%;
    vertical-align: middle;
    color: black;
    padding: 4px 0 4px 0;
    background: white;
    text-align: center;
    position: absolute;
    bottom: 0;
}

#pageBottom {
    font-family: Garamond;
    font-size: 1em;
    line-height: 20px;
    background-color: #376092;
    color: #d0eaff;
    padding-top: 5px;
    padding-bottom: 5px;
}

    #pageBottom a, #pageBottom a:visited, #pageBottom a:active {
        font-weight: bold;
        text-decoration: none;
        color: #fff;
        margin-right: 5px;
        margin-left: 5px;
    }

        #pageBottom a:hover {
            color: #ffff22;
        }

#copyright {
    font-weight: bold;
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
    text-align: center;
    background-color: #376092;
    color: #d0eaff;
}

    #copyright > div {
        vertical-align: middle;
    }





/****************** GENERAL CLASSES **************/

.tags {
    background-color: #d0eaff;
    border: 1px Solid Black;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 0.85em;
    white-space: nowrap;
}

.numUnits {
    font-size: 0.65em;
    color: #808080;
    margin-left: 2px;
}

.numNeg {
    color: red;
}

.instr {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 20px;
}

    .instr h1 {
        margin: 0;
        padding: 10px;
        border: none;
        font-variant: small-caps;
    }

    .instr > div > * {
        margin-top: 0;
        margin-bottom: 0;
    }

    .instr > div {
        margin-left: 30px;
        font-family: Verdana;
        line-height: 1.2em;
        background-color: white;
        padding: 10px;
        border: 1px solid black;
    }

.th {
    font-weight: bold;
    text-align: right;
    padding-right: 10px;
    vertical-align: middle;
}

.videowrapper {
    text-align: center;
}

.hide{display:none !important;}
/***************** SMART PHONE ******************/

@media only screen and (max-width:768px) {
    #pageTitle img {
        display: none;
    }

    .row {
        display: block;
    }

        .row > * {
            display: block;
        }

    .\31 0u {
        width: auto;
    }

    .\32 0u {
        width: auto;
    }

    .\32 5u {
        width: auto;
    }

    .\33 0u {
        width: auto;
    }

    .\33 3u {
        width: auto;
    }

    .\33 5u {
        width: auto;
    }

    .\34 0u {
        width: auto;
    }

    .\34 5u {
        width: auto;
    }

    .\35 0u {
        width: auto;
    }

    .\35 5u {
        width: auto;
    }

    .\36 0u {
        width: auto;
    }

    .\36 5u {
        width: auto;
    }

    .\37 0u {
        width: auto;
    }

    .\37 5u {
        width: auto;
    }

    .\38 0u {
        width: auto;
    }

    .\38 5u {
        width: auto;
    }

    .\39 0u {
        width: auto;
    }

    .\39 5u {
        width: auto;
    }

    .\31 00u {
        width: auto;
    }

    .row > * {
        float: none;
    }

    #productBottom, #exploreBottom, #companyBottom {
        text-align: left;
    }

    .xlLogo {
        font-size: 16px;
        width: 240px;
    }

    #mainContainer {
        width: 100%;
    }

    .active {
        display: block;
    }

    

    .noPhone {
        display: none;
    }

    .aspChart {
        width: 100% !important;
        height: auto !important;
    }

    .videowrapper {
        float: none;
        clear: both;
        width: 100%;
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 25px;
        height: 0;
    }

        .videowrapper iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

    .instr {
        width: 100%;
    }

        .instr p {
            margin-left: 10px;
        }

    .th {
        text-align: left;
    }

    .newbutton {
        white-space: initial !important;
    }
}
/***************** PRINT ******************/

@media print {
    @page {
        margin: 0.75cm
    }

    #menu, #topRibbon, #pageBottom, nav, #terms {
        display: none;
    }

    table {
        page-break-inside: auto
    }

    tr {
        page-break-inside: avoid;
        page-break-after: auto
    }

    #mainContainer {
        width: 100%; /*Width of main container*/
        margin-top: 0px;
    }

    #pageTitle img {
        float: none;
    }

    img {
        border: none;
    }

    body {
        font: 10pt Georgia, "Times New Roman", Times, serif;
        line-height: 1.3;
    }

    .print {
        display: block !important;
    }

    a:link, a:visited {
        color: #520;
        background: transparent;
        font-weight: bold;
        text-decoration: none;
    }

    #mainTitle {
        vertical-align: middle;
        display: table-cell;
        width: 100%;
        line-height: 115%;
        text-align: center;
        font-size: 1.75em;
    }

        #mainTitle h1 {
            font-size: 1.25em;
            line-height: 1.05em;
            margin-bottom: 0;
            margin-top: 0;
        }

    #rightLogo {
        vertical-align: middle;
        display: table-cell;
        width: 200px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-right: 10px;
    }

    #logoTable {
        display: table;
    }

    .logoCell {
        display: table-cell;
        vertical-align: middle;
    }

    #header {
        background: url(//cdn.constructionmonkey.com/images/backgrounds/cloudbg.jpg) 0 0 repeat;
        z-index: 100;
        display: table;
        width: 100%;
    }

    #mainLogo {
        display: table-cell;
        text-align: left;
        vertical-align: middle;
        width: 300px;
    }

    .accessLevel {
        display: none;
    }

    .noPrint {
        display: none;
    }
}