* {
	font-family: helvetica,arial,geneva;
}

h1 {
	margin-left: 23.5%;
}

form {
	margin-left: 5%;
}

h3, h4 {
	margin-left: 1%;
}

p, input {
	margin-left: 3%;
}

.no {
	color: #dd0000;
}

#start {
	font-size: 16px;
	margin: 5px;
	background: #57a957;
	padding: 4px 12px;
	text-decoration: none;
    color: white;
    display: inline-block;
    position: relative;
    border: 1px solid rgba(0,0,0,0.21);
    border-bottom: 4px solid rgba(0,0,0,0.21);
    border-radius: 4px;
    text-shadow: 0 1px 0 rgba(0,0,0,0.15);
}

#start:hover {
	background: #488448;
}
		
#end {
	margin-bottom: 10px;
	font-size: 16px;
	margin: 5px;
	background: #fa5a5a;
	padding: 4px 12px;
	text-decoration: none;
    color: white;
    display: inline-block;
    position: relative;
    border: 1px solid rgba(0,0,0,0.21);
    border-bottom: 4px solid rgba(0,0,0,0.21);
    border-radius: 4px;
    text-shadow: 0 1px 0 rgba(0,0,0,0.15);
}

#end:hover {
	 color: #fa5a5a;
	 font-weight: bold;
	 background-color: white;
	 background-image: linear-gradient(45deg, black 25%, transparent 25%), linear-gradient(-45deg, black 25%, transparent 25%), linear-gradient(45deg, transparent 75%, black 75%), linear-gradient(-45deg, transparent 75%, black 75%);
	 background-size: 20px 20px;
     background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
}

table {
	visibility: hidden;
	border-collapse: collapse; 
	position: absolute;
	top: 120px;
	right: 500px;
}

		
td {
	text-align: center;
}
		
th {
	color: white;
	background-color: black;
}
		
tr:nth-child(even) { /* this only colors the even number boxes */
	background-color: #DCDCDC; /*  grey  */
} 
		
tr:hover {
	background-color:#00cc99;
}
		
table, th, td {
	border: 3px solid black;
	padding: 10px;
}