html
{
    min-height: 100%;
}

body 
{
	margin: 0;
	background: linear-gradient(to right, #11998e, #35d471);
	font-family: sans-serif;
	font-weight: 100;
	background-repeat: no-repeat;
    background-attachment: fixed;
}

table 
{
	width: 80%;
	border-collapse: collapse;
	overflow: hidden;
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
	border: 1px solid black;
	position: absolute;
	left: 50%;
	transform: translate(-50%);
}

th,td 
{
	background-color: rgba(255,255,255,0.1);
	color: white;
    text-shadow: 2px 1px black;
    font-size: 20pt;
    border-bottom: 2px solid black;
    text-align:center;
    vertical-align:middle;
}

.relayStatus
{
    padding: 10px;
	background-color: rgba(255,255,255,0.1);
	color: #fff;
    text-shadow: 2px 1px black;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 20pt;
    text-align:center;
    vertical-align:middle;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
}

.downloadButton 
{
	background-color:#44c767;
	border-radius:28px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:12pt;
	padding:12px 26px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
    outline:none;
}

.downloadButton:hover 
{
	background-color:#5cbf2a;
}

.downloadButton:active 
{
	position:relative;
	top:1px;
}