body {
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 0;
    overflow-y: scroll;
}

.navbar {
    background-color: #0590e1;
    margin: 0 auto;
    max-width: 1300px;
    min-width: 1200px;
    overflow: hidden;
}

.navbar a {
    color: white;
    float: left;
    font-size: 16px;
    font-weight: bold;
    padding: 14px 16px;
    text-align: center;
    text-decoration: none;
}

.navbar a.active,
.navbar a:hover,
.dropdown:hover .dropbtn {
    background-color: #0477ba
}

.dropdown {
    float: left;
    overflow: hidden;
}

.dropdown .dropbtn {
    background-color: inherit;
    border: none;
    color: white;
    font-family: inherit;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    outline: none;
    padding: 14px 16px;
}

.dropdown .dropbtn::after {
    content: " \25BC";
    font-size: 11px;
}

.dropdown-content {
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    display: none;
    min-width: 160px;
    position: absolute;
    z-index: 1;
}

.dropdown-content a {
    color: black;
    display: block;
    float: none;
    font-weight: normal;
    padding: 12px 16px;
    text-align: center;
    text-decoration: none;
}

.dropdown-content a:hover {
    background-color: #ddd;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.tophead {
    margin: 0 auto;
    max-width: 1300px;
    min-width: 1200px;
    height: 110px;
}

.content {
    margin: 0 auto;
    max-width: 1300px;
    min-width: 1200px;
}

.content p,
.content h3,
.content h4,
.content ul {
    margin-top: 22px;
    padding-left: 16px;
}

.testerlist tr {
    padding-left: 10px;
}

.testerlist td {
    border: 1px solid #888;
    background-color: #ddd;
    padding-top: 10px;
    padding-bottom: 20px;
    max-width: 200px;
    vertical-align: top;
}

.testerlist td img {
    max-width: 200px;
    max-height: 200px;
}

.testerlist td span,
.testerlist td a {
    display: block;
    padding-left: 16px;
    padding-right: 16px;
    white-space: pre-wrap;
}

.hbar {
    margin: 8px auto;
    height: 1px;
    background-color: #888;
}

.newspost {
    border: 1px solid #888;
    background-color: #ddd;
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: top;
    margin-left: 2px;
    margin-bottom: 10px;
}

.newspost h4 {
    margin-top: 0;
    margin-bottom: 0;
}

.newspost p {
    padding-left: 16px;
}

.newspost .newspostdate {
    font-style: italic;
    font-size: smaller;
}

.tabnav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
}

.tabnav ul:after {
    content: "";
    width: 100%;
    border-bottom: 1px solid #888;
    bottom: 0;
    position: absolute;
}

.tabnav li {
    float: left;
    display: block;
}

.tabnav li a {
    display: block;
    text-align: center;
    padding: 16px;
    text-decoration: none;
    color: black;
    background-color: #ddd;
    border: 1px solid #888;
    border-radius: 8px 8px 0 0;
}

.tabnav li.active a {
    background-color: #fff;
    border-bottom: 1px solid transparent;
}

.tabcont {
    border-bottom: 1px solid #888;
    border-left: 1px solid #888;
    border-right: 1px solid #888;
    display: none;
    padding: 8px;
}

.eol {
    color: red;
}

.specstable {
    margin: 16px;
    border-collapse: collapse;
}

.specstable td {
    padding: 8px 8px 8px 8px;
    border: 1px solid #888;
}

.specstable .specstable {
    margin: 0;
}

.vidtitle {
    padding-left: 16px;
}

#footercont {
    background-color: #f9f9f9;
    color: #888;
    padding-top: 12px;
    padding-bottom: 12px;
}

#footercont a {
    color: #888;
    text-decoration: none;
}

#footercont ul {
    list-style-type: none;
}

#footercont li {
    padding-top: 8px;
    padding-bottom: 8px;
}

#footercont td {
    vertical-align: top;
    padding-right: 90px;
}

#footercont .copyright {
    font-size: smaller;
    padding-top: 22px;
    padding-bottom: 22px;
}

#navbarcont {
    background-color: #0590e1;
}

#topheadlogo {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

#topheadflag {
    float: right;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

#worldmap {
    display: inline-block;
    max-width: 65%;
    margin: 0;
    user-select: none;
}

#worldmap img,
#worldmap object {
    max-width: 100%;
    border: 1px solid #888;
    cursor: pointer;
}

/*
#worldmap object,
#worldmap svg {
    pointer-events: none;
}
*/

#worldmap span {
    display: inline-block;
    padding-left: 16px;
    padding-bottom: 8px;
}

#contactinfo {
    float: right;
    width: 30%;
    vertical-align: top;
    border: 1px solid #888;
}

#contactinfoheader {
    background-color: #ddd;
    width: 100%;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

#contactinfoheader h4 {
    margin: 0;
}

#contactinfobody {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

#contactinfobody th {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
}

#contactinfobody th,
#contactinfobody td {
    padding-left: 5px;
    padding-right: 5px;
}

#contactinfobody h4 {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 0;
}

#contentcont {
    padding-bottom: 16px;
}

#aboutcontent p {
    vertical-align: top;
    margin-bottom: 10px;
}

#aboutimg {
    display: inline-block;
    max-width: 32%;
    margin: 0;
}

#aboutimg img {
    max-width: 100%;
}

#abouttext {
    float: right;
    width: 65%;
    vertical-align: top;
}

#seriesinfo {
    display: inline-block;
    width: 45%;
    margin-right: 0;
    vertical-align: top;
}

#seriesinfo .series {
    color: black;
    display: inline-block;
    text-decoration: none;
    padding-top: 8px;
    font-weight: bold;
}

#seriesinfo span.series {
    font-weight: normal;
    padding-left: 8px;
    padding-right: 8px;
    color: #aaa;
}

#seriesinfo a.series:first-of-type {
    padding-left: 16px;
}

#sharetester {
    max-width: 35%;
    float: right;
    vertical-align: top;
    padding-top: 8px;
}

#testermain {
    vertical-align: top;
    margin-bottom: 16px;
}

#testerimg {
    display: inline-block;
    max-width: 30%;
    margin: 0;
}

#testerimg img {
    max-width: 100%;
    border: 1px solid #ddd;
}

#testerinfo {
    display: inline-block;
    max-width: 30%;
    margin: 0;
    vertical-align: top;
    padding-left: 24px;
}

#testerinfo ul {
    margin-top: 8px;
}

#buytester {
    float: right;
    width: 30%;
    vertical-align: top;
    border: 1px solid #888;
}

#buytesterhead {
    background-color: #ddd;
    width: 100%;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

#buytesterhead h4 {
    margin: 0;
}

#buytesterbody {
    padding: 10px;
}

#buytesterbody th {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
}

#buytesterbody th,
#buytesterbody td {
    padding-left: 5px;
    padding-right: 5px;
}

#buytesterbody h4 {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 0;
}

#testerdesc p {
    padding-left: 20px;
}

#testermedia p,
#testermedia ul {
    padding-left: 32px;
}

#testermedia ul {
    list-style-type: none;
}

#overlay {
    visibility: hidden;
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    text-align: center;
}

#overlaybody {
    position: relative;
    top:50%;
    transform: translateY(-50%);
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    width: initial;
}

#testerimgnav {
    text-align: center;
}

#videocont {
    text-align: center;
    margin-top: 20px;
    background-color: #ddd;
    max-width: initial;
}

#videocont video {
    max-width: 50%;
}