table { font-family: Trebuchet MS,Tahoma,Arial,sans-serif; font-size: 0.85em; color: #000; }
#grid {
	position: relative; z-index: 0; bottom: 0px; left: 0px; height: 100%;
	width: 1140px;
	/* width: 100%; */ 
	background-image: url('/2009/images/grid/hour.gif'); background-position: 0px 16px;
}
#venues {
	z-index: 5; float: left;
	font-family: Trebuchet MS,Tahoma,Arial,sans-serif; font-weight: bold; text-align: left;
	height: 662px; /* = ( number of venues * 70px ) + ( 2 * 16px for top & bottom col heads) */
	width: 150px; border: 0px;
	color: #FFF; background-color: #FFF; layer-background-color: #FFF; background-image: url('/2009/images/grid/bg150.jpg');
}
#venuesTopHead {
	overflow: hidden; vertical-align: bottom;
	padding-left: 5px; margin: 0px; width: 150px; height: 16px;
	border: 0px; border-bottom: 1px solid #FFF; border-right: 1px solid #FFF;
}
#venuesBottomHead {
	overflow: hidden; vertical-align: bottom;
	padding-left: 5px; margin: 0px; width: 150px; height: 16px;
	border: 0px; border-top: 0px; border-right: 1px solid #FFF;
}
.venue {
	display: table-cell; z-index: 10;
	font-weight: bold; font-size: 1.1em; color: #FFF;
	width: 150px; /* = width of venues column (#venues above) */
	height: 70px; /* = height of each row */
	padding: 5px; border-bottom: 1px solid #CCC; vertical-align: middle;
}
.timeBar { border: 0px; height: 16px; }
#gridWindow {
	float: left; overflow: hidden; z-index: -1;
	height: 662px; /* = ( number of venues * 70px ) + ( 2 * 16px for top & bottom time bands) */
	left: 150px; /* = width of venues column (#venues above) */
	width: 800px; top: 0px; border: 0px; background-color: #FFF; layer-background-color: #FFF;
}
.itemBox {
	text-align: left; position: absolute; border-right: 1px solid #AAA;
	height: 69px; /* = height of each row less 1px for border */
}
.film { background-color: #DDF; }
.event { background-color: #FDD; }
.panel { background-color: #DFD; }

.filmLeadingBar, .eventLeadingBar, .panelLeadingBar {
	position: absolute; 
	height: 69px; /* same as .eventBox */
	width: 8px; /* can be anything; number is used for position calcs on main page */
}
.filmLeadingBar { background-color: #33A; }
.eventLeadingBar { background-color: #A33; }
.panelLeadingBar { background-color: #363; }
.itemInfo{ /* bounding box for showtime, title, special */
	text-align: left; position: absolute; border: 0px; padding: 2px; color: #000;
	height: 70px; /* = height of each row */
	width: 180px; /* = 3 hours on grid */
}
.itemTitle { font-weight: bold; font-size: 1em; width: 120px; }
a.itemTitle { text-decoration: none; width: 120px; }
.itemMoreInfo { font-size: 0.9em; font-style: italic; }
.clearAll { clear: both; }
img.scrollButton { border: 0px; padding: 1px 0px; }
#shortBlurb { width: 300px; }