#default {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    border: 1px solid #ddd;
    border-collapse: collapse;
    width: 100%;
}

#default td, #default th {
    border: 1px solid #dddddd;
    text-align: left;
}

/* rowtable */

#rowtable {
    font-family: Helvetica, Arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

#rowtable td, #rowtable th {
    border: 1px solid #ddd;
    padding: 8px;
}

#rowtable tr:nth-child(even){background-color: #f2f2f2;}
#rowtable tr:hover {background-color: #ddd;}

#rowtable th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #4CAF50;
    color: white;
}

/* rowtable no hover */

#rowtablenoh {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

#rowtablenoh td, #rowtablenoh th {
    border: 1px solid #ddd;
    padding: 8px;
}

#rowtablenoh tr:nth-child(even){background-color: #f2f2f2;}

#rowtablenoh th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: grey;
    color: white;
}

/* hometable no hover */

#hometable {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 65%;
}

#hometable td, #hometable th {
    border: 1px dotted #ddd;
    vertical-align: middle;
    padding: 8px;
    /* display: inline-block;*/
}


#hometable tr:nth-child(even){background-color: #f2f2f2;}

#hometable th {
    /*padding-top: 12px;
    padding-bottom: 12px;*/
    text-align: left;
    vertical-align: middle;
    background-color: grey;
    color: white;
}

.stats span {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    display: inline-block;
    border-radius: 15px;
    vertical-align: middle;
}

/* Add a black background color to the top navigation */
.topnav {
    background-color: #333;
    width: 100%;
    overflow: hidden;
    border: 0;
}

.topnav_autoindex {
    background-color: #333;
    width: 100%;
    overflow: hidden;
    margin: unset;
    padding: unset;
    border: unset;
}
/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    border: 0;
    text-decoration: none;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 17px;
}

.topnav_autoindex a {
    float: left;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    border: 0;
    text-decoration: none;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 17px;
}
/* Change the color of links on hover */
.topnav a:hover {
    background-color: #ddd;
    color: black;
}

.topnav_autoindex a:hover {
    background-color: #ddd;
    color: black;
}

/* Add a color to the active/current link */
.topnav a.active {
    background-color: #4CAF50;
    color: white;
}

.topnav_autoindex a.active {
    background-color: #4CAF50;
    color: white;
}

a.navlink:link {
    color: white;
    text-decoration: none;
}

a.navlink:visited {
    color: white;
    text-decoration: none;
}