﻿/* ----------------------------------------------------------------*/
/* Grid over 1003px (mediaqueries)
-----------------------------------------------------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 1004px) {


    .colcontentblockleft {
        float: left;
        padding: 15px 0 0 0;
        width: 21% !important;
        min-height: 550px;
        line-height: 1em;
        float: left;
    }

    .colcontentblockright {
        float: right;
        padding: 15px 0 0 0;
        width: 76% !important;
        min-height: 550px;
        _height: 550px;
    }

    #pageheader {
        padding-left: 10px;
        padding-top: 1px;
        border: 1px solid black;
        width: 100%;
        font-size: 18px;
        height: 50px;
        color: rgb(0, 0, 0);
        /*line-height: 50px;*/
        font-size: 12px;
        /*font-weight: bold;*/
        float: left;
        background-image: url(../lib/img/tableheadbkgrnd-blue.gif) !important;
        background-repeat: repeat-x;
        color: #fff;
    }

    #searchbox {
        padding-left: 10px;
        padding-top: 15px;
        padding-bottom: 15px;
        border: 1px solid black;
        width: 100%;
        font-size: small;
    }

    #headerFont {
        font-size: x-large;
        /*background-color: blue;*/
    }

    .logo img {
        /*width: 100px;*/
        height: 80px;
        width: auto !important;
    }

    .ImageFrame {
        width: 450px !important;
        height: 300px !important;
    }

    .leftSpace {
        padding-left: 13px;
    }

    .paddingLeft {
        padding-left: 12px;
    }

    .searchHeader {
        font-size: smaller;
    }

    #MobileGreetings {
        visibility: hidden;
    }

    .mediumFont {
        font-size: medium;
    }

    #txtSearch {
        width: 500px;
    }

    #cartCount {
        visibility: hidden;
    }

    #topBannerLogo {
        height: 120% !important;
        width: auto !important;
        margin-top: 10px;
    }

    .popover {
        max-width: 800px;
        height: 800px;
    }

    #GRDesktop {
        visibility: visible;
    }

    #GRMobile {
        display: none;
        /*visibility:hidden;*/
    }

    #MBLlocation {
        display: none;
    }

    #DSKTPlocation {
        visibility: visible;
    }

    #searchGridMobile {
        display: none;
    }

    #searchGridDeskTop {
        visibility: visible;
    }

    #masterpagelinkMobile {
        display: none
    }

    #masterpagelinkDeskTop {
        visibility: visible;
    }

    .CalendarMobile {
        display: none;
    }

    .CalendarDesktop {
        visibility: visible;
    }

    .mediumFont {
        font-size: smaller;
    }

    .smallFont {
        font-size: small;
    }

    .smallestFont {
        font-size: small;
    }

    .mainBodyBold {
        font-family: Verdana, sans-serif;
        font-size: 10pt;
        font-weight: bold;
    }

    .dropDownWidth {
        width: 460px !important;
    }
    /*Added the below*/
    .conferenceDropDownMobile {
        display: visible;
    }

    .conferenceTextBoxMobile {
        display: none;
    }

    .conferenceLabelMobile {
        display: none;
    }

    .scrollImage {
        width: 550px;
        height: 300px;
    }

    #yearAndMonth {
        visibility: hidden;
    }

    .upcomingContent {
        line-height: 20px;
    }

    .upcomingLink {
        font-family: 'Open Sans', Helvetica, Arial, sans-serif;
        color: #0000EE !important;
        text-decoration: underline !important;
    }

    #titleBar {
        vertical-align: top;
        margin-left: 30px !important;
    }

    .btn-R4Blue {
        background-color: #2f4c72 !important;
        color: white;
    }

        .btn-R4Blue:hover {
            background-color: #2f4c72 !important;
            color: white !important;
            text-decoration: underline;
        }

        .btn-R4Blue:focus {
            background-color: #2f4c72 !important;
            color: white !important;
            text-decoration: underline;
        }

    .btn-R4Grey {
        background-color: #6C757D !important;
        color: white;
    }

        .btn-R4Grey:hover {
            background-color: #6C757D !important;
            color: white !important;
            text-decoration: underline;
        }

        .btn-R4Grey:focus {
            background-color: #6C757D !important;
            color: white !important;
            text-decoration: underline;
        }

        div.error {
            padding-left: 50px !important;
        }

        a.level2link {
            color: white !important;
        }

    p {
        padding-left: 45px !important;
    }
}
