/* The class 'resultswrap' is used for the HTML element itself. */
.resultswrap {
	font-family: Arial, sans-serif;	/* Match Arial on the Text object */
	border: 1px solid black;		/* Add a black border */
	overflow-y: auto;				/* Allow vertical scrolling */
}

/* The class 'resultstable' is used for the <table> element. */
.resultstable {
	width: 100%;					/* Fill up the width of the HTML element */	
	border-collapse: collapse;		/* Allow cell borders to collapse */
}

/* Highlight the table header with a grey background */
.resultstable thead {
	background-color: #e8e8e8;
}

/* For all table cells, show a border and add some padding. */
.resultstable td,
.resultstable th {
	border: 1px solid #ddd;
	padding: 0.3em;
}

/* Highlight alternate table rows */
.resultstable tr:nth-child(even) {
	background-color: #f8f8f8;
}

/* Show the score column bold, and the time column italic */
.resultstable td.score {
	font-weight: bold;
}

.resultstable td.time {
	font-style: italic;
}


.myButton {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	background-color:#f9f9f9;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.myButton:hover {
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	background-color:#e9e9e9;
}
.myButton:active {
	position:relative;
	top:1px;
}