td {
	font-family: Impact; font-size: 300%;
	text-align: center;	
	letter-spacing: 2px;
}
table.login td {
	font-family: Verdana; font-size: 120%;
	letter-spacing: 0px;
	text-align: left;	
	color: red;
}
table.title td {
	font-family: Impact; font-size: 300%;
    font-weight: bold;
	color: red;
	letter-spacing: 2px;
    -webkit-text-stroke: 1.5px white;
}
table.copyleft td {
	font-family: Verdana; font-size: 100%; font-style: italic;
	text-align: center;	
	letter-spacing: 0px;
	color: yellow;
}
table.warning td {
	font-family: Verdana; font-size: 200%; font-style: italic;
	text-align: center;	
	letter-spacing: 0px;
	color: yellow;
}
table.clickable td:hover {
  cursor: pointer;
}

.button {
    height: 100%;
    width: 100%;
	font-family: Impact; font-size: 100%;
	letter-spacing: 2px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.6);
}

.butpast {
    background-color: rgba(0, 0, 0, 0.15);
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0.6);
    color: rgba(0, 0, 0, 0.6);
    opacity: 0.9;
    -webkit-text-stroke: 1px white;
}
.butpast:hover {
    background-color: rgba(42, 197, 245, 0.5);
}

.butcurr {
    background-color: rgba(255, 255, 255, 0.75);
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0);
    color: red;
    opacity: 0.8;
    -webkit-text-stroke: 1px white;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.6);
}
.butcurr:hover {
    background-color: rgba(113, 245, 42, 0.9);
}

.butnext {
    background-color: rgba(255, 255, 255, 0.75);
    cursor: pointer;
    border: 1px solid rgba(0,0,0);
    color: red;
    opacity: 0.8;
    -webkit-text-stroke: 1px white;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.6);
}
.butnext:hover {
    background-color: rgba(42, 197, 245, 0.5);
}

.butmenu {
    background-color: rgba(255, 255, 255, 0.75);
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0);
    color: rgba(7,113,179);
    opacity: 0.8;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.6);
}
.butmenu:hover {
    background-color: rgba(113, 245, 42, 0.5);
}