/* 
	add css for pages with 'live stream' info (coverage, events-live)
	20041101
	
	*pike 
		
		debug, comment me out 	 
	


	
		div 	{ border-style:dotted; border-width:1px; border-color:#FF0000;  }
		span 	{ border-style:dashed; border-width:1px; border-color:#00FF00;  }
		ul 		{ border-style:dashed; border-width:1px; border-color:#0000FF; }
		li 		{ border-style:dashed; border-width:1px; border-color:#FFFF00; }
		img 	{ border-style:dotted; border-width:1px; border-color:#00FFFF; }
		TD		{ border-style:dotted; border-width:1px; border-color:#FF00FF; }
	
		small	{ border-style:dotted; border-width:1px; border-color:#FF00FF; }

*/	

/* the structure is roughly

		div.day1
			div.program11
				div.lead
					div.eventtype1
				div.admission
				div.reservation
			div.program12
				div.lead
					div.eventtype2
				div.admission
				div.reservation
			...
		day2
			...
		
	etc.
			

*/


div.day					{ clear:both; margin-bottom:10px; }
div.day h4 {
	margin:0px; x-margin-left:2px; 
	padding:1px; padding-left:5px;
	font-weight:normal; font-size:14px;
	background-color:#9C5F0E; color:white;
	border-bottom:1px solid black;
	text-transform:lowercase;
}



div.program 		{ 
	clear:both; margin:0px; padding:0px;
	margin-left:40px; font-size:14px; 
}
div.program small 		{ 
	font-size:10px; 
}

div.lead 	{ 
	clear:both; 
	float:left; color:white; height:18px; 
	border-bottom:1px solid grey; border-right:1px solid #333333;
	position:relative;left:-20px; margin-right:-20px;
}
div.lead div { 
	float:left;
	vertical-align:middle; height:17px; 
	padding-top:0px; padding-bottom:0px; 
	padding-left:6px; padding-right:6px;
	white-space:nowrap;
}
div.lead div a 			{ font-weight:normal; color:white; text-decoration:none; }
div.lead div a:visited	{ font-weight:normal; color:white; text-decoration:none; }
div.lead div a:hover 	{ font-weight:normal; color:white; text-decoration:none; }

div.streamtype 	{ 
	float:left; background-color:white;color:black;  
	height:18px; vertical-align: middle; padding:0px 6px; 
	border-bottom:1px solid grey; border-right:1px solid #333333;
	white-space:nowrap;
}
div.streamtype a 	{ color:black;}


div.exhibition 			{ background-color:#CA492C; }
div.event 				{ background-color:#E1A3A0; }
div.conference 			{ background-color:#B88B74;}
div.music-performance 	{ background-color:#966BAD; }
div.workshop 			{ background-color:#BE854C; }

div.exhibition-link 		{ background-color:#CA492C; cursor:pointer; }
div.event-link 				{ background-color:#E1A3A0; cursor:pointer;  }
div.conference-link 		{ background-color:#B88B74; cursor:pointer; }
div.music-performance-link 	{ background-color:#966BAD; cursor:pointer; }
div.workshop-link 			{ background-color:#BE854C; cursor:pointer; }

/* doesnt work in explorer .. */
div.exhibition-link:hover 			{ background-color:black;  }
div.event-link:hover 				{ background-color:black;  }
div.conference-link:hover 			{ background-color:black;  }
div.music-performance-link:hover 	{ background-color:black;  }
div.workshop-link:hover 			{ background-color:black;  }