﻿@media screen {
    /* forms 
       linted on 2/25/2015
   ========================================================================== */

    /* Block Elements 
   ========================================================================== */
    label {
        display: block;
    }

        label + p,
        .input_hint,
        .input_instructions,
        .input_error_message {
            display: block;
        }

    .element.fifty50 > .element {
        width: 50%;
        float: left;
    }

        .element.fifty50 > .element > div {
            padding-right: 16px;
        }

    .element > .element {
        margin: 0;
    }

    .element a {
        display: block;
        text-decoration: none;
    }

    fieldset {
        border: none;
    }

    .checkbox label,
    .radiobutton label {
        font-weight: normal;
    }

    .checkbox p {
        margin: 0;
    }

    .checkbox .element {
        float: left;
        margin: 0;
    }

        .checkbox .element + .element {
            margin-left: 32px;
        }

    /* Required Form Field */
    .requirednote:before,
    .required label:before {
        content: '*';
        color: #c61717;
        margin-right: 4px;
        font-weight: normal;
    }

    /* used on event registration, may need elsewhere */
    .element.disabled.required label:before,
    .element.disabled a,
    .element.disabled select,
    select[disabled] {
        color: #747779;
    }

    /* input elements 
   ========================================================================== */
    input[type="checkbox"],
    input[type="radio"] {
        float: left;
        margin: 4px 8px 0 0;
        padding: 0;
    }

    .textbox input,
    input[type="text"],
    textarea,
    select {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        color: #54585A;
        border: 1px solid #a9abac;
    }

    .textbox input,
    input[type="text"] {
        padding: 0 8px;
        min-height: 36px;
        width: 100%;
    }

    textarea {
        min-width: 50%;
        width: 100%;
        min-height: 150px;
        vertical-align: top;
    }

    select {
        line-height: 3.2;
        padding: 4px;
        width: 100%;
    }

        textarea:focus,
        .textbox input:focus,
        input[type="text"]:focus,
        input[type="email"]:focus,
        input[type="number"]:focus,
        input[type="password"]:focus,
        select:focus {
            -webkit-box-shadow: 0 0 4px 1px rgba(000, 152, 219, 0.32), inset 1px 1px 1px 0 rgba(0,0,0,0.04);
            -moz-box-shadow: 0 0 4px 1px rgba(000, 152, 219, 0.32), inset 1px 1px 1px 0 rgba(0,0,0,0.04);
            box-shadow: 0 0 4px 1px rgba(000, 152, 219, 0.32), inset 1px 1px 1px 0 rgba(0,0,0,0.04);
        }

        input[disabled="disabled"],
        select[disabled="disabled"],
        textarea[disabled="disabled"] {
            background-color: #d4d5d6;
            color: #54585A;
            cursor: default;
            margin: 0;
            border: 0;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

    /* validation  and error styling
   ========================================================================== */
    /* Error Styling */
    .error {
        color: #c61717;
    }

    .textarea.input-validation-error textarea,
    .textbox.input-validation-error input,
    .selectbox.input-validation-error select,
    .input-validation-error input {
        border-color: #c61717;
    }

        /* Error Focus */
        .input-validation-error textarea:focus,
        .input-validation-error input:focus,
        .input-validation-error input[type="text"]:focus,
        .input-validation-error input[type="email"]:focus,
        .input-validation-error input[type="number"]:focus,
        .input-validation-error input[type="password"]:focus,
        .input-validation-error select:focus {
            -webkit-box-shadow: 0 0 4px 1px rgba(198, 023, 023, 0.32), inset 1px 1px 1px 0 rgba(0,0,0,0.04);
            -moz-box-shadow: 0 0 4px 1px rgba(198, 023, 023, 0.32), inset 1px 1px 1px 0 rgba(0,0,0,0.04);
            box-shadow: 0 0 4px 1px rgba(198, 023, 023, 0.32), inset 1px 1px 1px 0 rgba(0,0,0,0.04);
            z-index: 1;
        }

    .asterisk,
    .field-validation-error {
        display: block;
        color: #c61717;
    }

    .validation-summary-valid {
        display: none; /* no current valid notes, hide by default until needed */
        margin: 24px 0;
        border: 1px solid #0072CE;
    }

    .errorSummary,
    .validation-summary-errors {
        margin: 24px 0;
        border: 1px solid #C61717;
    }

    .validation-summary-valid.show {
        display: block;
    }

    .validation-summary-valid > .inner {
        padding: 0 16px;
    }

    .validation-summary-valid > span,
    .validation-summary-errors > span,
    .errorSummary > span {
        font-size: 13px; /* IE Only */
        font-size: 0.8125rem;
        display: block;
        padding: 0 16px;
        color: #ffffff;
        background-color: #c61717;
    }

        .validation-summary-valid > span:after,
        .validation-summary-errors > span:after,
        .errorSummary > span:after {
            font-family: "Conv_GELWebFontV1-Regular";
            content: "\0021";
            font-size: 16px;
            color: #ffffff;
            float: right;
        }

    .validation-summary-valid > span {
        background-color: #0072CE;
    }

    .validation-summary-valid li,
    .validation-summary-valid p,
    .validation-summary-errors li,
    .validation-summary-errors > p,
    .errorSummary li,
    .errorSummary p {
        font-size: 13px; /* IE Only */
        font-size: 0.8125rem;
        line-height: 1.8462; /* (1 * 24) / 13 = 1.84615... */
        margin: 0;
    }

    /* buttons 
   ========================================================================== */

    button,
    input[type="button"],
    input[type="reset"],
    input[type="submit"],
    .button a {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        cursor: pointer;
        box-shadow: none;
        display: block;
        overflow: visible;
        margin: 0;
        padding: 6px 1rem;
        width: 100%;
        min-height: 36px;
        border: 1px solid #a9abac;
        -moz-border-radius: 2px 2px 2px 2px;
        -webkit-border-radius: 2px 2px 2px 2px;
        border-radius: 2px 2px 2px 2px;
        background-color: #D4D5D6;
        color: #25282A;
        text-align: center;
        text-decoration: none;
        text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.32);
    }

        button:hover,
        input[type="button"]:hover,
        input[type="reset"]:hover,
        input[type="submit"]:hover,
        html input.btndark[type="button"]:hover,
        input.btndark[type="submit"]:hover,
        input.gel-btn-dark[type="button"]:hover,
        input.gel-btn-dark[type="submit"]:hover,
        .button a:hover,
        .button a.btndark:hover,
        .button a.gel-btn-dark:hover {
            background: #747779;
            color: #ffffff;
            text-decoration: none;
            -webkit-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.32);
            text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.32);
        }

        button.gel-btn-del,
        input.btndel[type="button"],
        input.btndel[type="submit"],
        input.gel-btn-del[type="button"],
        input.gel-btn-del[type="submit"],
        .button a.gel-btn-del {
            border-color: #c61717;
            color: #ffffff;
            -webkit-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.32);
            text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.32);
            background: #BD1616;
        }

        button.btndark,
        input.btndark[type="button"],
        input.btndark[type="submit"],
        button.gel-btn-dark,
        input.gel-btn-dark[type="button"],
        input.gel-btn-dark[type="submit"],
        .button a.gel-btn-dark {
            border-color: #25282A;
            color: #ffffff;
            -webkit-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.32);
            text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.32);
            background: #54585A;
        }

        button.gel-btn-xtradark,
        input.gel-btn-xtradark[type="button"],
        input.gel-btn-xtradark[type="submit"],
        .button a.gel-btn-xtradark {
            border-color: #1b1b1b;
            color: #ffffff;
            -webkit-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
            text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
            background: #1b1b1b;
        }

            button.gel-btn-xtradark:hover,
            input.gel-btn-xtradark[type="button"]:hover,
            input.gel-btn-xtradark[type="submit"]:hover,
            .button a.gel-btn-xtradark:hover {
                background: #000000;
            }

        button.actionBtn,
        input.actionBtn[type="button"],
        input.actionBtn[type="submit"],
        button.gel-btn-action,
        input.gel-btn-action[type="button"],
        input.gel-btn-action[type="submit"],
        .button a.actionBtn,
        .button a.gel-btn-action {
            border-color: #00569B;
            color: #ffffff;
            -webkit-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.32);
            text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.32);
            background-color: #0072CE;
        }

        button.gel-btn-valid,
        input.gel-btn-valid[type="button"],
        input.gel-btn-valid[type="submit"],
        .button a.gel-btn-valid {
            border-color: #004621;
            color: #ffffff;
            text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.32);
            background: #00843d;
        }

        button.gel-btn-warn,
        input.gel-btn-warn[type="button"],
        input.gel-btn-warn[type="submit"],
        .button a.gel-btn-warn {
            border-color: #d5970f;
            color: #424545;
            text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.32);
            background: #F1B434;
        }

        button.btndel:hover,
        input.btndel[type="button"]:hover,
        input.btndel[type="submit"]:hover,
        button.gel-btn-del:hover,
        input.gel-btn-del[type="button"]:hover,
        input.gel-btn-del[type="submit"]:hover,
        .button a.gel-btn-del:hover {
            background: #df1a1a;
        }

        button.actionBtn:hover,
        input.actionBtn[type="button"]:hover,
        input.actionBtn[type="submit"]:hover,
        button.gel-btn-action:hover,
        input.gel-btn-action[type="button"]:hover,
        input.gel-btn-action[type="submit"]:hover,
        .button a.gel-btn-action:hover {
            background: #00569B;
        }

        button.gel-btn-valid:hover,
        input.gel-btn-valid[type="button"]:hover,
        input.gel-btn-valid[type="submit"]:hover,
        .button a.gel-btn-valid:hover {
            background: #00652f;
        }

        button.gel-btn-warn:hover,
        input.gel-btn-warn[type="button"]:hover,
        input.gel-btn-warn[type="submit"]:hover,
        .button a.gel-btn-warn:hover {
            background: #efa914;
        }

        /* std button disabled state */
        button:disabled,
        button:disabled:hover,
        input[type="button"]:disabled,
        input[type="button"]:disabled:hover,
        input[type="reset"]:disabled,
        input[type="reset"]:disabled:hover,
        input[type="submit"]:disabled,
        input[type="submit"]:disabled:hover,
        .button a:disabled,
        .button a:disabled:hover {
            cursor: text;
            border-color: #d4d5d6;
            background-color: #e6e6e6;
            color: #58585A;
            -webkit-text-shadow: none;
            text-shadow: none;
        }

        /* blue action button disabled state */
        button.actionBtn:disabled,
        button.actionBtn:disabled:hover,
        input.actionBtn[type="button"]:disabled,
        input.actionBtn[type="button"]:disabled:hover,
        input.actionBtn[type="submit"]:disabled,
        input.actionBtn[type="submit"]:disabled:hover,
        .button a.actionBtn:disabled,
        .button a.actionBtn:disabled:hover,
        button.gel-btn-action:disabled,
        button.gel-btn-action:disabled:hover,
        input.gel-btn-action[type="button"]:disabled,
        input.gel-btn-action[type="button"]:disabled:hover,
        input.gel-btn-action[type="submit"]:disabled,
        input.gel-btn-action[type="submit"]:disabled:hover,
        .button a.gel-btn-action:disabled,
        .button a.gel-btn-action:disabled:hover {
            border-color: #b4d6e6;
            background-color: #c3e4ff;
            color: #436976;
        }


    .button a { /* adjust padding to match standard button implementations */
        padding-bottom: 7px;
    }

        .button a p {
            padding: 0;
            line-height: 1;
            /* proofing/fix for RTE HTML insertion */
        }

    .button + .button {
        margin-top: 16px;
    }
}

/* 3 column (2 columns + news) start 
	@768px 
	========================================================================== */
@media screen and (min-width: 48em) {

    .button + .button {
        margin-top: 0;
        margin-right: 16px;
    }
}
