/* 
	Hilbert 
	Events Squeeze Box Screen CSS
	Alison Endacott
	2/2009
	
 */

/* defauly squeezebox styles */
#eventsbox-window embed, #eventsbox-window object, #eventsbox-window select
{
	visibility:				visible;
}

#eventsbox-overlay
{
	position:				absolute;
	background-color:		#000;
}

#eventsbox-window
{
	position:				absolute;
	background-color:		#fff;
	text-align:				left;
	overflow:				visible;
	padding:				10px;
	-moz-border-radius:		3px;
	-webkit-border-radius:	3px;
}

#eventsbox-btn-close
{
	position:				absolute;
	width:					30px;
	height:					30px;
	right:					-15px;
	top:					-15px;
	background:				url(/content/v1/us/img/closebox.png) no-repeat center;
	border:					none;
}

.eventsbox-window-ie6 #eventsbox-btn-close
{
	background-image:		url(/content/v1/us/img/closebox.gif);
}

.eventsbox-loading #eventsbox-content
{
	background-image:		url(/content/v1/us/img/spinner.gif);
	background-repeat:		no-repeat;
	background-position:	center;
}

#eventsbox-content
{
	clear:					both;
	overflow:				auto;
	background-color:		#fff;
	height:					100%;
	width:					100%;
}

.eventsbox-content-image#eventsbox-content
{
	overflow:				visible;
}

#eventsbox-image
{
	display:				block;
}

.eventsbox-content-image img
{
	display:				block;
}

.eventsbox-content-iframe#eventsbox-content
{
	overflow:				visible;
}

.body-overlayed embed, .body-overlayed object, .body-overlayed select
{
	visibility:				hidden;
}
#sbox-window .sbox-content-swf
{
	overflow:				hidden;
}


/* custom styles */
.body-overlayed embed, 
.body-overlayed object {
	visibility:visible;
}

#eventsbox-window {
	left: 444px!important;
	top: 157px!important;
	height: 300px;
	_top: 160px!important;
	-moz-border-radius:	0;
	-webkit-border-radius:0;
	padding: 10px;
	background: #fff /*url(/content/v1/us/img/right-head-bg.gif) repeat-x top;*/;
	border: 1px solid #275a8f;
}

	#eventsbox-content 
	{
		background: transparent;
		font-size: 1.1em;
	}
	
	#eventsbox-btn-close,
	.eventsbox-window-ie6 #eventsbox-btn-close
	{
		width: 6px;
		height:	5px;
		right: 0;
		top: 0;
		padding: 5px;
		background:	url(/content/v1/us/img/arrows-in.gif) no-repeat center;
	}


	.event h3 
	{
		font-weight: bold;
		color: #022779;
		font-size: 1.1em;
	}

	
		dt.eventDescritpion ,
		dt.eventStart{
			text-indent: -9999px;
			overflow: hidden;
			height: 0;
		}
		
		dd.eventStart,
		dd.eventEnd 	{
			display: inline;
		}
		
		dt.eventLocation ,
		dd.eventLocation {
			padding-top: .5em;
			display: block;
			float: left;
			padding-right: 3px;
		}
		
		dd.eventDescritpion {
			clear: both;
			padding-top: .5em;
			height: 218px;
			overflow: auto;
		}
		
			.eventDescritpion ul 
			{
				padding-left: 15px;
			}
				.eventDescritpion li 
				{
					padding: .2em 0;
				}