.basic {
    width: 50%;
}
.basic th {
    width: 25%;
    font-weight: bold;
    border-bottom: black dashed;
}
.basic td {
    width: 25%;
    border-bottom: black dashed;
}
.resultsTable {
    border-collapse: collapse;
    border: black solid;
}
.resultsTable th {
    font-weight: bold;
    background-color: lightgrey;
    border: black solid;
}
.resultsTable td {
    border:black dashed;
}

/*Competition Table (used for Robot Olympics)*/

.winning {
    font-size: larger;
}
.second {
    font-size: large;
}

.results {
    border-collapse: collapse;
    width: 95%;
} 

.results td, .results th {
    border: 1px solid;
    padding: 8px;
}

.results tr:hover {
    background: #242753;
    color: #ffcc00;
}

.results th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color:#ffcc00;
    color:#242753;
}

/*Dice Matrix Tables*/

.matrix {
    text-align: center;
}
.matrixWidth {
    width: 3rem;
}
.matrixHeight {
    height: 3rem;
}
.matrix td {
    border: 1px dashed;
}
.matrix td:hover {
    background-color: #ffcc00;
    color: #242753;
}

/*simple table with width set in html - used for rail fence cipher illustration*/
.standardTable {
    
    border-collapse: collapse; 
    table-layout: fixed;
}
.standardTable td {
    border: black solid;
}