/*==================================================================
	Timetable
==================================================================*/
#timeTable { position: relative; border-bottom: 1px solid #FFF; }
#timeTable .background { position: absolute; }
#timeTable .content { position: relative; }
.ttBackgroundEven { background:#CCC; }
#ttExpandControl { position:absolute; bottom:-16px; right:4px; border:1px solid #999; border-bottom:none; padding:0 0 1px 0; width:60px; text-align:center; background:#EEE; cursor:pointer; }
.ttDay { position:relative; height:27px; background:#FFF; border:1px solid #999; margin-bottom:5px; font-size:9px; color:#999; }
.ttDayName { position:absolute; top:0px; left:2px; }
.ttHourHeader { height:15px; }
.ttHour { height: 15px; float:left; }
.ttEvent{ position:absolute; height:2px; padding:2px; overflow:hidden; }
.ttPlaceholder { position:absolute; height:4px; background:url('../images/cross_hash.gif'); border:1px solid #7d908c; }
.ttEventHover { background:url('../images/white.gif'); border-width:2px; border-style:solid; padding:0; }
.ttEventTitle { display:none; padding:1px 3px 0 20px; color:#FFF; text-overflow:ellipsis; }

.ttEventTitle .sprite { position:absolute; top:2px; left:4px; }

/*------------------------------------------------------------------
	Timetable rollover
------------------------------------------------------------------*/
#ttRollover { display:none; position:absolute; width:200px; }
.ttRolloverLine { position:absolute; top:0; left:91px; width:12px; height:10px; border-style:solid; border-width:0 2px; background: #FFF; z-index:2; }
.ttRolloverContent { position:absolute; top:8px; left:0; padding:4px; width:188px; background:#FFF; border-width:2px; border-style:solid; z-index:1; }