div#schedule {
	width: 500px;
	text-align: center;
}
table#events {
	width: 100%;
	background: #f0f0f0;
	font-family: Consolas, "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
}
table#events td, table#events th {
	border-top: 1px dotted black;
	border-right: 1px dotted silver;
	text-align: center;
	width: 10%;	
	vertical-align: bottom;
	font-size: 12px;
	padding: 1px;
	font-family: Consolas, "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
}
table#events td.double {
	border-top: 1px solid black;
}
table#events td.red {
	background: red;
	color: white;
}
table#events td.col3  {
	text-align: left;
	width: 40%;
}
table#events td.col4  {
	text-align: center;
}
table#events tr#eventLUNCH {
	background: yellow;
}
div.divboat {
	vertical-align: bottom;
	float: right;
	height: 10px;
	background: yellow;
	margin-top: 2px;
	max-width: 80px;
}
div.divboat.divsexx { background: silver; }
div.divboat.divsexm { background: #babafb; }
div.divboat.divsexw { background: #fbbaba; }

tr.boat1 div.divboat { width: 10px; }
tr.boat2 div.divboat { width: 20px; }
tr.boat4 div.divboat { width: 40px; }
tr.boat8 div.divboat { width: 80px; }

div#legend p a.filtbutt.buttoff {
	background: gray;
	color: silver;
}
div#legend p a.filtbutt.button {
	background: blue;
	color: white;
}

a.filtbutt {
	background: blue;
	color: white;
	border-radius: 4px;
	padding: 2px 3px;
	font-size: 0.9em;
}
a.filtbutt:hover {
	background: #eaeaff;
}
tr.boatshow {
	display: table-row;
	opacity: 1;
}
tr.sexshow {
	display: table-row;
	opacity: 1;
}
tr.ageshow {
	display: table-row;
	opacity: 1;
}
tr.weightshow {
	display: table-row;
	opacity: 1;
}
tr.boatnoshow {
	display: none;
	opacity: 0;
}
tr.sexnoshow {
	display: none;
	opacity: 0;
}
tr.agenoshow {
	display: none;
	opacity: 0;
}
tr.weightnoshow {
	display: none;
	opacity: 0;
}

table#events td {
	vertical-align: top;
}
table#events td.col3, table#events th.col3 {
	width: 75%;
}

table#events td.col4, table#events th.col4 {
	width: 5px;
	max-width: 5px;
}

/* entries */

table#events tr.entries {
	display: none;
}
table#events tr td div.diventries {
	width: 100%;
	/*border: 1px solid red;
	min-height: 5px; */
	margin-bottom: 22px; 
}