#section {
	width: 588px;
	overflow: hidden;
}
/* ------------ Grid ------------- */
#grid {
	width:750px;
	margin-left:-8px;
	margin-right: -8px;
	position: relative;
}
#gridNav {
	margin-left:125px;
	padding-bottom:7px;
}
/* --- Diary --- */
#gridDates #gridCalendar td { padding:0px; }
table#gridCalendar {
	margin:0 auto;
    width:auto;
}
table#gridCalendar .thead {
	padding: 10px 9px 0px 9px;
}

table#gridCalendar th {
	text-align:center;
}

table#gridCalendar abbr {
	color:#999;
}
table#gridCalendar td {
	text-align:center;
	background-color: #CC0000;
	color:#fff;
	width:18px;
	height:18px;
}
table#gridCalendar td.on {
	background-color:#770000;
	color:#fff;
}
table#gridCalendar td a {
	display:block;
	margin:0;
	padding-top:2px;
}
table#gridCalendar tr td.hover {
	border:1px solid #770000;
	background-color:#770000;
	color:#fff;
}
table#gridCalendar td.hover a {
	text-decoration: none;
	color:#FFF;
}
table#gridCalendar td.on a {
	color:#fff;
	text-decoration:none;
}
table#gridCalendar a { color: #FFF; text-decoration: none; }

table#gridCalendar a:hover {
	background-color:#770000;
	text-decoration: none;
}
table#gridCalendar td.on a:hover {
	background-color:#770000;
}



#gridNav .later, #gridNavBtm .later {
	float:right;
}
#gridNav .direction, #gridNavBtm .direction {
	font-weight:bold;
	margin:0 6px;
}
#gridNav .arw, #gridNavBtm .arw {
	font-size:1.4em;
}

#gridScreens {
	float:left;
	width:127px;
	margin-top:1.35em;
	border-top:1px solid #cbcbcb;
	border-bottom:1px solid #cbcbcb;
	border-right:1px solid #cbcbcb;
}
#gridScreens ul {
  padding:0;
  margin:0;
}

#gridScreens li, #content #gridScreens ul li {
  padding:7px;
  margin:0;
  list-style:none;
  height:25px;
  overflow:hidden;
}
#gridScreens li.zebra {
  background:#f5f5f5;
}

#gridScrollContent {
	width:1530px;
	overflow:hidden;
}
ul#gridTimes {
  padding:0;
  margin:0;
}
ul#gridTimes li {
  padding:0;
  margin:0;
  list-style:none;
  width:90px;
  float:left;
  color:#555;
  height:1.6em;
  margin-top:0.2em;
  border-bottom:1px solid #cbcbcb;
}
#gridBg {
	background:url(/assets/images/planner/gridBg.gif) repeat;
	width:1530px;
	height:351px;
	clear:both;
  border-bottom:1px solid #cbcbcb;
}
ul#gridScreenings {
  padding:0;
  margin:0;
}
ul#gridScreenings li {
 	padding:0;
 	margin:0;
  	list-style:none;
	position:absolute;
	display:block;
	background-color:#ccc;
}
.gridRollover {
	visibility:hidden;
	z-index:1;
}
ul#gridScreenings li a, ul#gridScreenings li a:visited {
 	padding:0 0 9px 9px;
 	margin:0;
	display:block;
	font-weight:bold;
	line-height:3em;
	overflow:hidden;
	height:23px;
	z-index:1;
}
ul#gridScreenings li a .inner, ul#gridScreenings li a:visited .inner {
 	padding-right:9px;
}

ul#gridScreenings li a:hover {
  text-decoration:none;
}


ul#gridScreenings li a:hover .gridRollover {
	visibility:visible;
	font-weight:normal;
	text-decoration:none;
	z-index:100;
}

/* rollover styles */
.rollTime {
	font-size:0.8em;
}
.rollMainInfo {
	color:#fff;
}
.blackbox .rollMainInfo {
	color:#fff;
}
.rollMainInfo span {
	font-size:1.1em;
}


.rollPitch {
	margin-top:4px;
	display:block;
}

#gridScreenings div, .movie-popup div { background-color:#f90; color:#fff; } /* default */
#gridScreenings .listitem { display: none; }
#gridScreenings .listitem .inner { line-height: 3em; }

#gridScreenings .best-of-the-fest, .movie-popup .best-of-the-fest { background: #999; color: #fff; } 
#gridScreenings .education, .movie-popup .education { background: #999; color: #fff; }
#gridScreenings .industry-events, .movie-popup .industry-events { background: #999; color: #fff; }

#gridScreenings .family-gala, .movie-popup .family-gala { background: #6460AA; color: #FFF; }
#gridScreenings .focus-peter-mc-dougall, .movie-popup .focus-peter-mc-dougall { background: #F7956B; color: #FFF; }
#gridScreenings .closing-night-gala, .movie-popup .closing-night-gala { background: #231F20; color: #FFF; }
#gridScreenings .opening-night-gala, .movie-popup .opening-night-gala { background: #231F20; color: #FFF; }
#gridScreenings .animation, .movie-popup .animation { background: #F58220; color: #FFF; }
#gridScreenings .retrospective-roger-corman, .movie-popup .retrospective-roger-corman { background: #6282C2; color: #FFF; }
#gridScreenings .behind-the-scenes, .movie-popup .behind-the-scenes { background: #FFC425; color: #FFF; }
#gridScreenings .panel-events-and-workshops, .movie-popup .panel-events-and-workshops { background: #F00; color: #FFF; }
#gridScreenings .festival-events, .movie-popup .festival-events { background: #F00; color: #FFF; }
#gridScreenings .special-screenings, .movie-popup .special-screenings { background: #0055A4; color: #FFF; }
#gridScreenings .black-box, .movie-popup .black-box { background: #231F20; color: #FFF; }
#gridScreenings .british-gala, .movie-popup .british-gala { background: #EE2843; color: #FFF; }
#gridScreenings .directors-showcase, .movie-popup .directors-showcase { background: #78A22F; color: #FFF; }
#gridScreenings .document, .movie-popup .document { background: #807170; color: #FFF; }
#gridScreenings .gala, .movie-popup .gala { background: #6460AA; color: #FFF; }
#gridScreenings .in-person, .movie-popup .in-person { background: #0088B3; color: #FFF; }
#gridScreenings .mirrorball, .movie-popup .mirrorball { background: #24A78E; color: #FFF; }
#gridScreenings .night-moves, .movie-popup .night-moves { background: #2D3962; color: #FFF; }
#gridScreenings .rosebud, .movie-popup .rosebud { background: #F26664; color: #FFF; }
#gridScreenings .under-the-radar, .movie-popup .under-the-radar { background: #9F3925; color: #FFF; }
#gridScreenings .shorts, .movie-popup .shorts { background: #AA55A1; color: #FFF; }
#gridScreenings .special-events, .movie-popup .special-events {	background: #ED0677; color: #FFF; }


#gridScreenings .conflict-reportage, .movie-popup .conflict-reportage {	background: #49aa41; color: #FFF; }
#gridScreenings .documentary-international, .movie-popup .documentary-international {	background: #a157ac; color: #FFF; }
#gridScreenings .documentary-uk, .movie-popup .documentary-uk {	background: #652c93; color: #FFF; }
#gridScreenings .experimental, .movie-popup .experimental {	background: #8dc53e; color: #FFF; }
#gridScreenings .feature-international, .movie-popup .feature-international {	background: #f21a25; color: #FFF; }
#gridScreenings .feature-uk, .movie-popup .feature-uk {	background: #ffce05; color: #FFF; }
#gridScreenings .nokia-shorts-weekender, .movie-popup .nokia-shorts-weekender {	background: #01aef0; color: #FFF; }
#gridScreenings .outside-the-box, .movie-popup .outside-the-box {	background: #f47b20; color: #FFF; }
#gridScreenings .perspectives, .movie-popup .perspectives {	background: #02718f; color: #FFF; }
#gridScreenings .reel-science, .movie-popup .reel-science {	background: #343091; color: #FFF; }
#gridScreenings .sound-tracks, .movie-popup .sound-tracks {	background: #00b2af; color: #FFF; }
#gridScreenings .behind-the-camera, .movie-popup .behind-the-camera {	background: #ff0690; color: #FFF; }


#gridScreenings .hasTrailerGrid { background:url(/assets/images/planner/hasTrailerRosebud.gif) no-repeat top left; }

#gridScreenings li.filmhouse-1, #gridScreenings a:hover.filmhouse-1 { margin-top:3px; display: block; }
#gridScreenings li.filmhouse-2, #gridScreenings a:hover.filmhouse-2 { margin-top:42px; display: block; }
#gridScreenings li.filmhouse-3, #gridScreenings a:hover.filmhouse-3 { margin-top:81px; display: block; }
#gridScreenings li.cameo-1, #gridScreenings a:hover.cameo-1 { margin-top:120px; display: block; }
#gridScreenings li.george-square-theatre, #gridScreenings a:hover.george-square-theatre { margin-top:159px; display: block; }
#gridScreenings li.teviot-row-house-debating-hall, #gridScreenings a:hover.teviot-row-house-debating-hall { margin-top:198px; display: block; }
#gridScreenings li.teviot-row-house-dining-room, #gridScreenings a:hover.teviot-row-house-dining-room { margin-top:237px; display: block; }
#gridScreenings li.festival-theatre, #gridScreenings a:hover.festival-theatre { margin-top:276px; display: block; }
#gridScreenings li.inspace, #gridScreenings a:hover.inspace { margin-top:315px; display: block; }


#gridNavBtm {  /* also styles above */
	clear:both;
	margin-bottom:40px;
	margin-left:125px;
}


.movie-popup div {
  text-align:left;
  width:265px;
  background-color:white;
  border:1px solid black;
  padding:10px;
}

.movie-popup p {
  padding:5px;
}

ul#gridScreenings li a.block {
	background-image:url(/assets/images/planner/gridRadiusLeft.png);
	background-repeat:no-repeat;
}
ul#gridScreenings li a.block .inner {
	background-image:url(/assets/images/planner/gridRadiusRight.png);
	background-repeat:no-repeat;
	background-position:right top;
	display:block;
}
ul#gridScreenings li.filmhouse-1 a.block, ul#gridScreenings li.filmhouse-3 a.block, ul#gridScreenings li.cineworld-2 a.block, ul#gridScreenings li.cineworld-6 a.block, ul#gridScreenings li.cineworld-10 a.block, ul#gridScreenings li.traverse-2 a.block {
	background-image:url(/assets/images/planner/gridRadiusZebraLeft.png);
}
ul#gridScreenings li.filmhouse-1 a.block .inner, ul#gridScreenings li.filmhouse-3 a.block .inner, ul#gridScreenings li.cineworld-2 a.block .inner, ul#gridScreenings li.cineworld-6 a.block .inner, ul#gridScreenings li.cineworld-10 a.block .inner, ul#gridScreenings li.traverse-2 a.block .inner {
	background-image:url(/assets/images/planner/gridRadiusZebraRight.png);
}

.movie-popup {
	background:url(/assets/images/planner/gridShadow.png) no-repeat 8px 12px;
	padding:0 8px 12px 0;
}
ul#gridScreenings .venue95 {
	display:none;
}