/* alternating rows get a slightly darker background color */
#packages tr.alternate {
	background-color: #ddd;
}

#legend {
	display: none;
/*	-- this is currently broken --
	border: solid 2px black;
	position: absolute;
	top: 100px;
	right: 200px;
	font-size: xx-small;
*/
}

#note {
	margin: 16px auto;
	width: 75%;
	padding: 10px;
	background-color: #adf;
	color: black;
	font-size: x-small;
	border: solid 2px black;
}

#note a {
	color: #048;
	text-decoration: underline;
}

#packages {
	border-collapse: collapse;
	background-color: white;
	min-width: 500px;
}

#packages td {
	border: solid 2px black;
	padding: 2px;
}

/* links inside of td will not always be the right color, so we add an underline */
#packages a {
	text-decoration: underline;
}

#packages td {
	text-align: center;
	width: 150px;
	font-size: small;
}

#packages th {
	width: 150px;
}

#packages th.platform {
	font-size: x-small;
}

#packages .package {
	text-align: left;
	width: auto;
	font-size: normal;
}

#packages .version {
	text-align: left;
	width: 100px;
	font-size: x-small;
}

/* core/fail/pass colours */

#packages td.core a { color: #00a; text-decoration: underline; }
#packages td.pass a { color: #0a0; text-decoration: underline; }
#packages td.fail a { color: #a00; text-decoration: underline; }

td.core { color: #00a; font-weight: bold; }
td.pass { color: #0a0; font-weight: bold; }
td.fail { color: #a00; font-weight: bold; }