.evenRow {
	background-color:#C8DDEF
}
.oddRow {
	background-color:#FFFFFF
}


div.departureContainer .cityName {
	float: left;
	padding: 3px;
	text-align: center;
	font-weight: bold;
}
div.departureContainer a {
	float: right;
}


.schedule td {
	padding: 3px;
}


/* styles for the scrollable table */
div.scrollableTblContainer {
	margin-top: 20px;
}

div.scrollableTblContainer, div.tableContainer {
	height: 300px;
}

tbody.scrollContent {
	height: 266px;
	/* 266px = table height - fixed header height (28px + 3px padding on each side) */
}


thead.fixedHeader tr {
	background-color: #fff; /* need to make sure it's not transparent. */
}

tbody.scrollContent tr {
	height: 15px;
}

tbody.scrollContent td {
	text-align: center;
}

/* the actual city names (not the headers) should be left-aligned */
tbody.scrollContent .cityName {
	text-align: left;
}

tbody.scrollContent tr.bottom-padding td {
	padding: 0;
	height: 245px; /* 245 px = scrollContent's height - row height (266 - 15 - 3 - 3) */
}