/* The "return to ToC" button */
    div#return {
        display: none;
        position: fixed;
        top: 40px;
        right: 40px;
        width: 80px;
        height: 80px;
        background-color: #E7F8F9;
        border: 1px solid red;
        text-align: center;
        z-index: 1;
    }

    /* The SV#s table */
    table#SVs,
    table#SVs td {
        width: 50%;
        margin: 5px 0 10px 40px;
        border: 1px solid black;
        text-align: center;
    }

    /* The pin-out table */
    table#pinout {
        margin: 40px;
        border: 3px solid black;
            width: 100%;
    }

    table#pinout th {
        background-color: #D7DFF2;
        padding: 5px 10px;
        border: 1px solid gray;
    }

    table#pinout td {
        padding: 5px 10px;
        border: 1px solid gray;
    }

    table#pinout td:first-child {
        text-align: right;
    }


    table#pinout td:not(:first-child) {
        font-weight: bold;
        text-align: center;
    }

    table#pinout tr:hover {
        background-color: #E6EAF3;
    }

    /* rollover animation within the table */

    table#pinout div {
        position: relative;
        width: 161px;
        height: 161px;
    }

    div#f19, div#f6 {
        margin: auto;
    }

    div#f19 img, div#f6 img {
        position: absolute;
        top: 0;
        left: 0;
        width: 161px;
        height: 161px;
        opacity: 0;
    }

    div#f19 img:last-of-type, div#f6 img:last-of-type {
        opacity: 1;
    }

    /* the images used as bullets */
    div.imgBullet {
        position: relative;
        padding-left: 20px;
        padding-right: 6px;
    }

    div.imgBullet img {
        position: absolute;
        left: -16px;
        top: 5px;
    }

    /* the animated test image */
    div#testing {
        width: 632px;
        overflow: visible;
    }

    div#testing div {
        border: 0;
        padding: 0;
        margin: 0;
        position: relative;
    }

    #R0 {
        position: static;
        background-image: url(/img/GNSS/img_slice_0.png);
        width: 632px;
        height: 123px;
    }

    #R1 {
        position: static;
        height: 145px;
    }

    #R1C0 {
        background-image: url(/img/GNSS/img_slice_1_0.png);
        float: left;
        width: 333px;
        height: 145px;
    }

    #R1C1 {
        background-color: black;
        float: left;
        width: 239px; /* 52 + 187 */
        height: 145px;
    }

    #R1C1 img {
        border: 0;
        padding: 0;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
    }

    #R1C2 {
        background-image: url(/img/GNSS/img_slice_1_3.png);
        float: left;
        width: 60px;
        height: 145px;
    }

    #R2 {
        position: static;
        background-image: url(/img/GNSS/img_slice_2.png);
        width: 632px;
        height: 135px;
    }

    #R2cd {
        position: static;
        background-image: url(/img/GNSS/img_slice_2cd.png);
        width: 632px;
        height: 135px;
    }

    #R3 {
        position: static;
        height: 42px;
    }

    #R3C0 {
        background-image: url(/img/GNSS/img_slice_3_0.png);
        float: left;
        width: 333px;
        height: 42px;
    }

    #R3C1 {
        background-image: url(/img/GNSS/img_slice_3_1r.png);
        float: left;
        width: 52px;
        height: 42px;
    }

    #R3C1 img {
        position: absolute;
        top: 0;
        left: 0;
        width: 52px;
        height: 42px;
        border: 0;
        padding: 0;
        margin: 0;
    }

    #R3C2 {
        background-image: url(/img/GNSS/img_slice_3_2+3.png);
        float: left;
        width: 247px;
        height: 42px;
    }

    #R3C2cd {
        background-image: url(/img/GNSS/img_slice_3_2+3cd.png);
        float: left;
        width: 247px;
        height: 42px;
    }

    #R4 {
        position: static;
        background-image: url(/img/GNSS/img_slice_4.png);
        width: 632px;
        height: 138px;
    }

    #R4cd {
        position: static;
        background-image: url(/img/GNSS/img_slice_4cd.png);
        width: 632px;
        height: 138px;
    }

    /* Animate the LED in R3C1 */

    @keyframes PPS {
        0%  { opacity: 0; }
        10% { opacity: 1; }
    }

    #R3C1 img {
                animation: PPS 1s linear 0s infinite;
        -webkit-animation: PPS 1s linear 0s infinite;
           -moz-animation: PPS 1s linear 0s infinite;
             -o-animation: PPS 1s linear 0s infinite;
    }

    /* Animate the NMEA text in R1C1 */

    @keyframes NMEA {
        0%  { opacity: 1; }
        50% { opacity: 1; }
        99% { opacity: 0; }
    }

    #R1C1 img {
        z-index: 6;
                animation: NMEA 1s linear 0s infinite;
        -webkit-animation: NMEA 1s linear 0s infinite;
           -moz-animation: NMEA 1s linear 0s infinite;
             -o-animation: NMEA 1s linear 0s infinite;
    }

    #R1C1 img:nth-of-type(1) { z-index: 1; animation-delay: 100ms; }
    #R1C1 img:nth-of-type(2) { z-index: 2; animation-delay: 200ms; }
    #R1C1 img:nth-of-type(3) { z-index: 3; animation-delay: 300ms; }
    #R1C1 img:nth-of-type(4) { z-index: 4; animation-delay: 400ms; }
    #R1C1 img:nth-of-type(5) { z-index: 5; animation-delay: 500ms; }
    #R1C1 img:nth-of-type(6) { z-index: 6; animation-delay: 600ms; }