@charset "utf-8";

h1 {
    text-transform: uppercase;
}

.alert p {
    margin: 0;
}

a.bannerLink {
    display: block;
    min-height: 277px;
    width: 615px;
    margin: 0 auto;
    position: relative;
}

    a.bannerLink:focus {
        border: 0;
    }

/*#applySection, #checkStatusSection {
    position: relative;
}*/

.slideshow div {
    position: absolute;
}

#applySectionBackground {
    background: url("images/Apply-Section.jpg") no-repeat;
}

    #applySectionBackground #highlighted {
        background: url(images/Apply-Section_Highlighted.jpg) no-repeat;
        position: absolute;
        opacity: 0;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        -webkit-transition: 0.6s;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        width: 614px;
    }

.secondaryImage {
    margin-top: 15px;
}

#checkStatusSection #highlighted {
    background: url(images/Check-Status-Section_Highlighted.png) no-repeat;
    position: absolute;
    opacity: 0;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    -webkit-transition: 0.6s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    width: 614px;
    z-index: 500;
}

    #applySection #highlighted:hover,
    #checkStatusSection #highlighted:hover {
        opacity: 1;
    }

    #applySection #highlighted:focus,
    #checkStatusSection #highlighted:focus {
        border: none !important;
    }

.col-section .howtoButton {
    width: 189px;
    float: left;
    margin-left: 11px;
}

    .col-section .howtoButton:first-child {
        margin: 0;
    }

    .col-section .howtoButton .image {
        border-top: 1px solid #636386;
        border-right: 1px solid #636386;
        border-left: 1px solid #636386;
        border-bottom: 6px solid #636386;
        width: 100%;
        height: 100px;
        overflow: hidden;
        position: relative;
        margin: 0;
    }

        .col-section .howtoButton .image .image_popup {
            font-size: 3em;
            font-weight: bold;
            line-height: 1em;
            color: white;
            font-family: 'Roboto', 'Segoe UI', Arial, sans-serif;
            background: rgba(77, 55, 0, 0.6);
            position: absolute;
            text-align: center;
            opacity: 0;
            bottom: 0;
            left: 0;
            right: 0;
            top: 0;
            -webkit-transition: 0.3s;
            -moz-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

            .col-section .howtoButton .image .image_popup small {
                font-size: .8em;
                margin-top: -3px;
                display: block
            }

            .col-section .howtoButton .image .image_popup:hover {
                opacity: 1;
            }

    .col-section .howtoButton .text {
        margin: 0;
        color: white;
        font-family: 'EB Garamond', Georgia, 'Times New Roman', Times, serif;
        text-align: center;
        font-size: 1.3em;
        padding: 4px 4px 8px 4px;
        width: 189px;
        background-color: #192857;
        -moz-border-radius: 0px 0px 10px 10px;
        -webkit-border-radius: 0px 0px 10px 10px;
        border-radius: 0px 0px 10px 10px;
        line-height: 1em;
        height: 67px;
        display: table-cell;
        vertical-align: middle;
    }

    .col-section .howtoButton a:hover {
        color: white !important;
    }

span.myAlaska {
    font-family: 'Segoe UI', Arial, sans-serif;
    font-size: .8em;
}

.counter_character {
    display: inline;
    float: left;
    position: relative;
    margin-left: 1px;
    margin-right: 1px;
}

.counter_character_left {
    margin-left: 0px;
    margin-right: 1px;
}

.counter_character_inner {
    margin-left: 1px;
    margin-right: 1px;
}

.counter_character_right {
    margin-left: 1px;
    margin-right: 0px;
}

.counter_marker {
    position: relative;
    z-index: 10;
}

#season_counter {
    position: absolute;
    top: 90px;
    right: 27px;
    margin: 0 auto;
    border-radius: 5px;
    -moz-border-radius: 5px;
    z-index: 3;
}

.counter_text {
    color: #000;
    font-size: 2.1em;
    position: absolute;
    right: 8px;
    top: 140px;
    z-index: 100;
}

.applySectionSmall {
    display: none;
}

#AppCount {
    font-family: 'Roboto', Arial, sans-serif;
}

#small_counter {
    font-size: 1.4em;
}

#text_wrapper {
    display: none
}

@media only screen and (max-width: 768px) {
    a.bannerLink {
        min-height: unset;
    }

    #applySection, #checkStatusSection {
        max-width: 100%;
        background-size: 100% auto;
        margin: 0 auto;
    }

    .col-section .howtoButton {
        width: 100%;
        float: none;
        margin: 11px auto 0 auto;
    }

        .col-section .howtoButton .image {
            max-width: 100%;
            width: 100%;
            height: 150px;
            background-size: 100% auto;
            margin: 0 auto;
            text-align: center;
        }

            .col-section .howtoButton .image .image_popup {
                font-size: 7em;
            }

        .col-section .howtoButton .text {
            font-size: 1.5em;
            height: auto;
            display: block;
            width: 100%;
        }

        .col-section .howtoButton:first-child {
            margin: 0 0 10px 0;
        }

    #desktopFilingBanner {
        display: none;
    }

    .applySectionSmall {
        text-align: center;
        color: white;
        font-family: 'EB Garamond', Georgia, 'Times New Roman', Times, serif;
        background: #000026 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABaCAIAAAD2PqvqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjg3M0UxMEJFMEYwMDExRTVCRjRDRjdEQ0YyQ0RDMkQyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjg3M0UxMEJGMEYwMDExRTVCRjRDRjdEQ0YyQ0RDMkQyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODczRTEwQkMwRjAwMTFFNUJGNENGN0RDRjJDREMyRDIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODczRTEwQkQwRjAwMTFFNUJGNENGN0RDRjJDREMyRDIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz49aE4MAAAAR0lEQVR42mKQkKhievHiIxMDw38oZoDi/1jE/qHJobP/4dD7H4fYPyx6/6HZh00PNjkGLOaR6gZi3Y1NDFeY/WeSkBABCDAAzIE/HHzrbQ0AAAAASUVORK5CYII=") repeat-x scroll 0 0;
        display: block;
        padding-bottom: 6px;
    }

        .applySectionSmall a,
        .applySectionSmall a:hover {
            text-transform: none;
            text-decoration: none !important;
            color: white !important;
        }

        .applySectionSmall .titleBar {
            width: 100%;
            margin: 0;
            font-size: 1.8em;
            padding: 6px;
            line-height: 1em;
        }

    .myPFDMobile {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5a5aff+0,c3c3ff+50,0000c9+53,3030ff+93 */
        background: #5a5aff; /* Old browsers */
        background: -moz-linear-gradient(top, #5a5aff 0%, #c3c3ff 50%, #0000c9 53%, #3030ff 93%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5a5aff), color-stop(50%,#c3c3ff), color-stop(53%,#0000c9), color-stop(93%,#3030ff)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #5a5aff 0%,#c3c3ff 50%,#0000c9 53%,#3030ff 93%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #5a5aff 0%,#c3c3ff 50%,#0000c9 53%,#3030ff 93%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #5a5aff 0%,#c3c3ff 50%,#0000c9 53%,#3030ff 93%); /* IE10+ */
        background: linear-gradient(to bottom, #5a5aff 0%,#c3c3ff 50%,#0000c9 53%,#3030ff 93%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a5aff', endColorstr='#3030ff',GradientType=0 ); /* IE6-9 */
        font-family: 'Roboto', Arial, sans-serif;
        font-size: .8em;
        padding: 8px 10px 10px 10px;
        width: 80%;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        display: block;
        text-shadow: -1px 1px 3px #020297, 1px 0 6px #000087, 0 -1px 3px #020297, 0 1px 3px #020297;
        margin: 10px auto 8px auto;
        line-height: 1em;
    }

        .myPFDMobile:hover {
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7777ff+0,dbdbff+50,4343e0+53,5151ff+93 */
            background: #7777ff; /* Old browsers */
            background: -moz-linear-gradient(top, #7777ff 0%, #dbdbff 50%, #4343e0 53%, #5151ff 93%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7777ff), color-stop(50%,#dbdbff), color-stop(53%,#4343e0), color-stop(93%,#5151ff)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #7777ff 0%,#dbdbff 50%,#4343e0 53%,#5151ff 93%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #7777ff 0%,#dbdbff 50%,#4343e0 53%,#5151ff 93%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #7777ff 0%,#dbdbff 50%,#4343e0 53%,#5151ff 93%); /* IE10+ */
            background: linear-gradient(to bottom, #7777ff 0%,#dbdbff 50%,#4343e0 53%,#5151ff 93%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7777ff', endColorstr='#5151ff',GradientType=0 ); /* IE6-9 */
        }

    #text_wrapper {
        display: block
    }

    .slideshow {
        display: none
    }
}

@media only screen and (max-width: 500px) {
    .col-section .howtoButton .image .image_popup {
        font-size: 4em;
    }
}