/* Maarten F, m-alt-f [at] pm [dot] me, created for the project information page on maartens-airquality.nl */

body {
	font-family:Arial,sans-serif;
	margin:0;
}

pre{font-family:Arial,sans-serif; margin:0;}
.footer{text-align:center; color:white; height:40px; background:#36454f; width:100%;}
.footer a {color:white;}
td > * {vertical-align: middle;}

.content{margin:10px;}
.content a {text-decoration: underline;}
.content a:link {text-decoration: underline;}
.content a:visited {text-decoration: underline;}
.content a:hover {text-decoration: none;}
.content a:active {text-decoration: none;}


.whitegraphsdiv {
	text-align:center;
	background:white;
	color:black;
}

.whitegraphsdiv a {text-decoration: none; color: black;}
.whitegraphsdiv a:link {text-decoration: none; color: black;}
.whitegraphsdiv a:visited {text-decoration: none; color: black;}
.whitegraphsdiv a:hover {text-decoration: none; color: black;}
.whitegraphsdiv a:active {text-decoration: none; color: black;}

.refreshnotice {
        text-align:center;
        background:black;
        color:white;
;}

.refreshnotice {text-decoration: none; color: white;}
.refreshnotice h3 {text-decoration: none; color: white;}
.refreshnotice a {text-decoration: none; color: white;}
.refreshnotice a:link {text-decoration: none; color: white;}
.refreshnotice a:visited {text-decoration: none; color: white;}
.refreshnotice a:hover {text-decoration: none; color: white;}
.refreshnotice a:active {text-decoration: none; color: white;}


.canvas {
	vertical-align: middle;
	text-align:center;
	background:#36454f;
	width:100%;
	color:white;
	text-decoration: none;
}

.canvas a {text-decoration: none; color: white;}
.canvas a:link {text-decoration: none; color: white;}
.canvas a:visited {text-decoration: none; color: white;}
.canvas a:hover {text-decoration: none; color: white;}
.canvas a:active {text-decoration: none; color: white;}
.canvas td > * {vertical-align: middle; color: white;}

table {
border-spacing: 0px;
white-space: nowrap;
margin-left:auto; 
margin-right:auto;
margin: auto;
}

.healthtable td { 
padding: 20px;
text-align: center;
font-weight: 700;
}

.stalewarning {
        text-align:center;
        background:white;
        color:red;
	visibility: hidden;
	vertical-align: middle;
	text-align:center;
	width:100%;
	text-decoration: none;
}

.stalewarning a {text-decoration: none; color: red;}
.stalewarning a:link {text-decoration: none; color: red;}
.stalewarning a:visited {text-decoration: none; color: red;}
.stalewarning a:hover {text-decoration: none; color: red;}
.stalewarning a:active {text-decoration: none; color: red;}

.extrapages{vertical-align: middle; text-align:center; background:#3ba; width:100%; color:white; text-decoration: none;} 
.extrapages a {text-decoration: none; color: white;}
.extrapages a:link {text-decoration: none; color: white;}
.extrapages a:visited {text-decoration: none; color: white;}
.extrapages a:hover {text-decoration: none; color: white;}
.extrapages a:active {text-decoration: none; color: white;}



table.averagetable {
text-align: center;
font-size: 30px;
border: 1px solid white;
border-color: white;
color: white;
}

table.averagetable tr {
    border-bottom: 1px solid white; /* Add a white border at the bottom of each row */
}

.averagetable tr {
    border-bottom: 1px solid white; /* Add a white border at the bottom of each row */
}

/* Target the table with the class "extrapages" */
table.averagetable {
    border-collapse: collapse; /* Collapse the borders between cells */
}

/* Target the rows inside the table with the class "extrapages" */
table.averagetable tr {
    border-bottom: 1px solid white; /* Add a white border at the bottom of each row */
}