@charset "utf-8";
/* CSS Document */
/* //////////////// styles tables media queries for responsive tables are in the responsiveTable.css and are hidden from ie */
@media only screen and (max-width: 1060px), (min-device-width: 768px) and (max-device-width: 1024px) {
    /* Force table to not be like tables anymore */
    .table table, .table thead, .table tbody, .table th, .table td, .table tr {
        display: block;
        font-size: 1em;
        margin: 0 0;
        padding: 0 0;
        float: none
        }
    /* Hide table headers (but not display: none;, for accessibility) */
    .table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
        }
    /* Zebra striping */
    .table tr:nth-of-type(odd) {
        background: none
        }
    .table tr {
        border: none;
        margin-bottom: 5px;
        border-bottom: #96a9b5 dotted 1px;
        margin-bottom: 15px
        }
    .table td {
        /* Behave  like a "row" */
        border: none;
        /*border-bottom: 1px solid #eee; */
        position: relative;
        /*padding-left: 35%; */
        text-align: right
        }
    .table td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 0;
        left: 0;
        width: 80%;
        padding-right: 10px;
        padding-left: 0;
        padding-top: 1px;
        padding-bottom: 0;
        white-space: normal;
        background: white;
        color: #333;
        font-weight: 300;
        height: 100%
        }
    .table tr td {
        border: 1px solid #FFF
        }
    .table tr td:last-child {
        border-bottom: 1px solid #FFF
        }
    /*
    Label the data
    */
    #priceMatrix tr td {
        font-size: 0.9em
        }
    #priceMatrix tr td:first-child {
        visibility: hidden;
        width: 100%
        }
    #priceMatrix td:nth-of-type(1):before {
        content: attr(data-title);
        text-align: left;
        visibility: visible;
        width: 100%;
        font-weight: bold;
        color: #666;
        font-size: 1.1em
        }
    #priceMatrix td:nth-of-type(2):before {
        content: "Conference Rate:";
        text-align: left
        }
    #priceMatrix td:nth-of-type(2) {
        text-align: right
        }
    #priceMatrix td:nth-of-type(3):before {
        content: "Early Member Rate:";
        text-align: left;
        background-color: #e5f2f9;
        /*background-color:#ebfee3; color:#195214;*/
        }
    #priceMatrix td:nth-of-type(3) {
        background-color: #e5f2f9;
        /*background-color:#ebfee3; color:#195214;*/
        text-align: right
        }
    #priceMatrix td:nth-of-type(4):before {
        content: "Standard Member Rate:";
        text-align: left
        }
    #priceMatrix td:nth-of-type(4) {
        text-align: right
        }
    #priceMatrix td:nth-of-type(5):before {
        content: "Standard Non Member:";
        text-align: left
        }
    #priceMatrix td:nth-of-type(6):before {
        content: "Standard Member:";
        text-align: right
        }
    #priceMatrix td:nth-of-type(7):before {
        content: "Onsite Non-Member:";
        text-align: right
        }
    #priceMatrix td:nth-of-type(8):before {
        content: "Onsite Member:";
        text-align: right
        }
    /* extra tickets tabel */
    #extraTickets tr td {
        font-size: 0.9em
        }
    #extraTickets tr td:first-child {
        visibility: hidden
        }
    #extraTickets td:nth-of-type(1):before {
        content: attr(data-title);
        text-align: left;
        visibility: visible;
        width: 90%;
        font-weight: bold;
        color: #666;
        font-size: 1.1em
        }
    #extraTickets td:nth-of-type(2):before {
        content: "Price:";
        text-align: left
        }
    #onSiteRegSch td {
        display: inline-table;
        width: 30%;
        text-align: left
        }
    #onSiteRegSch th {
        display: inline-table;
        width: 30%
        }
    }