﻿body {
    width: 70%;
    padding: 20px;
    font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}

a {
    color: black;
}

.video {
    position: relative;
    width: 100%;
    height: auto;
    object-fit: contain; /* Not necessary in Chrome */
}


#memberList option:nth-child(even) {
    background: lightgrey;
}

#mainTabs {
    position: absolute;
    top: 80px;
    left: 10px;
} 

#mainTabs li {
        list-style-type: none; /* Remove bullets */
        color: red;
        padding: 5px;
        cursor: pointer;
        float: left;
    } #mainTabs li a {
        color: red;
    } .disabledSelect {
    pointer-events: none;
} #mainTable {
    margin: 0 0 0 0;
} #mainTable table {
        /*width: 35%;*/
        border-collapse: separate;
        border-spacing: 3px;
        background: Khaki;
    } #mainTable table th {
            background: #EEE;
            font-weight: 600;
            padding: 5px 5px;
            text-align: center;
            color: black;
        } #mainTable table tbody {
            padding: 0;
            margin: 0;
            border-collapse: collapse;
            border-spacing: 0px;
        } #mainTable table td {
            color: black;
            padding: 5px 10px;
        } #mainTable table tr:nth-child(odd) {
            color: black;
            background: white;
        }
/*
@media screen and (orientation:portrait) and (max-width: 767px) {

    #mainbody {
        height: 100vw;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}*/
@media screen and (orientation:landscape) {

    #mainbody {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
/*
@media only screen and (max-width: 1920px) {

    #entries {
        width: 50%;
    }
}
*/