/* Per link senza una classe*/
a:link {
    color: dodgerblue;
    text-decoration: none;
}
a:visited {
    color: dodgerblue;
    text-decoration: none;
}
a:hover {
    color: cornflowerblue;
    text-decoration: underline;
}
a:active {
    color: darkblue;
    text-decoration: none;
}

/* Per link con classe netlink */
a.netlink
{
    /*margin-left:10px;*/
    margin-right:10px;
}

a.netlink:link {
    color: seagreen;
    text-decoration: none;
}
a.netlink:visited {
    color: seagreen;
    text-decoration: none;
}
a.netlink:hover {
    color: lightgreen;
    text-decoration: underline;
}
a.netlink:active {
    color: mediumseagreen;
    text-decoration: none;
}

/* Per link con classe donatelink*/
a.donatelink {
    margin-left: 10px;
    margin-right: 10px;
}
a.donatelink:link {
    color: blueviolet;
    text-decoration: none;
}
a.donatelink:visited {
    color: blueviolet;
    text-decoration: none;
}
a.donatelink:hover {
    color: plum;
    text-decoration: underline;
}
a.donatelink:active {
    color: blueviolet;
    text-decoration: none;
}

/*Aggiunto per link nel footer*/
a.footerlink {
    margin: auto;
}
a.footerlink:link {
    color: royalblue;
    text-decoration: none;
}
a.footerlink:visited {
    color: royalblue;
    text-decoration: none;
}
a.footerlink:hover {
    color: skyblue;
    text-decoration: underline;
}

body
{
    background-image:url(bg.jpg);
    background-repeat:repeat;
    color:black;
    font-family:sans-serif;
    padding: 10px;
}

div.headline, div.gametitle, div.navigation, div.footer, div.maintenance
{
    border: 1px solid lightgray;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    background: linear-gradient(135deg, aliceblue, lightblue);
}

div.headline
{
    background-repeat:no-repeat;
    background-position:5px center;
    /*
    border-style:solid;
    border-width:5px;
    border-color:#E7E7E7;
    */
    /*Modificato padding per mostrare la GIF per intero*/
    padding:35px;
    text-align:center;
    margin-bottom:10px;
    position: relative;
}

div.headline::before {
    content: "";
    position: absolute;
    left: 150px;
    top: 50%;
    transform: translateY(-50%);
    width: 80px;
    height: 80px;
    background-image: url(spinning.gif);
    background-repeat: no-repeat;
    background-size: contain;
}

div.gametitle
{
    padding:5px;
    text-align:left;
    background-color:white;
    /*
    border-style:solid;
    border-width:2px;
    border-color:#E7E7E7;
    */
    margin-bottom:5px;
    padding:5px;
    background-image:url(titlebg.png);
    background-repeat:no-repeat;
    background-position: top right;
}

div.navigation
{
    padding:5px;
    text-align:center;
    background-color:whitesmoke;
    /*border-style:solid;
    border-width:2px;
    border-color:#E7E7E7;
    */
    margin-bottom:5px;
    font-size:100%;
}

div.footer
{
    background-color:white;
    /*
    border-style:solid;
    border-width:2px;
    border-color:#E7E7E7;
    */
    padding:5px;
    text-align:center;
    font-size:80%;
}

span.usercount
{
    text-transform:uppercase;
    font-style:italic;
    font-size:75%;
}

span.good
{
     color:forestgreen;
}

span.bad
{
     color:#CD5C5C;
}

table.splitter
{
     width:100%;
}

td.left
{
     text-align:left;
}

td.right
{
     text-align:right;
}

tr.bottom
{
     display:none;
     visibility:hidden;
}

table.splitter:hover tr.bottom
{
     display:block;
     visibility:visible;
}

table.groups
{
     border-collapse:collapse;
     border-spacing:0;
}

table.groups td, table.groups th
{
     padding:10px 5px;
     border-style:solid;
     border-width:2px;
     border-color:lightgray;
     overflow:hidden;
     word-break:normal;
     vertical-align:top;
}

/*Aggiunto per Maintenance*/
div.maintenance
{
    text-align:center;
    margin-bottom:10px;
    position: relative;
}