.HeaderContent{ width:1024px; margin:0 auto;  }


#componentWrapper{
	position:absolute;
	width:1024px;
	height:320px;
	overflow:hidden;
	
	opacity: 0; 
	filter: alpha(opacity=0); 
	-ms-filter: "alpha(opacity=0)"; 
	-khtml-opacity: 0; 
	-moz-opacity: 0; 
}

/* flash embed */
#componentWrapper #flashPreview{
	position:absolute;
	display:none;
	outline: none;
	top:0px;
	left:0px;
}



#componentWrapper .mediaHolder, #componentWrapper .previewHolder, #componentWrapper .youtubeHolder{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:none;
}






#componentWrapper .playlistHolder{
	position:absolute;
	top:0px;
	left:0px;
	width:280px;
	height:100%;
	background: #222;
	display:none;
}

#componentWrapper .componentPlaylist{
	position:absolute;
	top:50%;
	left:50px;
	width:160px;
	overflow:hidden;
}

#componentWrapper .componentScrollWrapper{
	position:relative;
	top:0px;
	left:0px;
	width:160px;
	height:100%;
}

#componentWrapper .playlist_inner{
	position:relative;
	top:0px;
	left:0px;
}

/* playlist items */	
#componentWrapper .componentPlaylist .playlistItem{
	position:relative;
	top:0px;
	left:0px;
	width:120px;
	height:80px;
	margin-bottom:10px;
	border: 4px solid #ccc;
}

/* disabled state on playlist item */
#componentWrapper .componentPlaylist .playlist_inner .playlistSelected {
	position:absolute;
	width:120px;
	height:80px;
}

/* normal state on playlist item */
#componentWrapper .componentPlaylist .playlist_inner .playlistNonSelected {
	position:absolute;
	width:120px;
	height:80px;
}



/* playlists hidden! */
#componentWrapper #playlist1, 
#componentWrapper #playlist2{
	display:none;
}


/* playlist toggle */
#componentWrapper .playlist_toggle{
	position:absolute;
	width:30px;
	height:30px;
	bottom:20px;
	right:-50px;
}






/* slideshow controls */
#componentWrapper .slideshow_controls{
	position:absolute;
	width:1024px;
	height:320px;
	top:20px;
	bottom:0;
	/*background:red;*/
}

#componentWrapper .controls_prev{
	position:relative;
	width:40px;
	height:280px;
	top:0px;
	left:-905px;

	float:right;
}



#componentWrapper .controls_next{
	position:relative;
	width:40px;
	height:280px;
	top:0px;
	right: 5px;

	float:right;
}


#componentWrapper .controls_toggle{
	position:relative;
	width:30px;
	height:30px;
	top: 248px;
	right: 10px;


	float:right;
}


/* data_controls */
#componentWrapper .data_controls{
	position:absolute;
	width:70px;
	height:30px;
	bottom:20px;
	right:180px;
}












/* video seekbar */


#componentWrapper .video_seekbar{
	position:absolute;
	top:0px;
	left:0px;
	height:4px;
	display:none;
}

#componentWrapper .load_progress{
	position:absolute;
	left:0px;
	top:0px;
	width:0px;
	height:4px;
	background:#ddd;
	display:none;
}

#componentWrapper .play_progress{
	position:absolute;
	left:0px;
	top:0px;
	width:0px;
	height:4px;
	background:#ccc;
	display:none;
}










/* media preloader */
#componentWrapper .mediaPreloader{
	display:none;
	position:absolute;
	top:50%;
	left:50%;
	margin:-25px 0px 0px -25px;
	background: url('../../data/loader.gif') no-repeat center center;
	width:25px;
	height:25px;
	z-index:999;
	opacity:0.7;
}