/* wrapper for component */
#componentWrapper{
	width:100%;
	height:500px;
        position: relative;
}

/* wrapper for video */	
#componentWrapper .mediaWrapper, #componentWrapper .youtubeHolder, #componentWrapper .vimeoHolder{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:500px;
	overflow:hidden;
}	

/* holders for video */	
#componentWrapper .youtubeHolder, #componentWrapper .vimeoHolder{
	display:none;
}



#componentWrapper .componentPlaylist{
	display:none;
}


#componentWrapper .thumbHolder{
	position:absolute;
	width:140px;
	height:100%;
	top:0px;
	left:840px;
	background-color: transparent;
	overflow:hidden;
}

#componentWrapper .thumbContainer{
	position:absolute;
	height:100%;
	top:40px;
	left:0px;
}

#componentWrapper .thumbInnerContainer{
	position:absolute;
	height:100%;
	top:0px;
	left:10px;
}

#componentWrapper .thumbBackward{
	position:absolute;
	width:140px;
	height:40px;
	top:0px;
	left:0px;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.6);
	display:none;
}

#componentWrapper .thumbBackward img{
	position:absolute;
	display:block;
	width:31px;
	height:21px;
	top:50%;
	left:50%;
	margin-left:-15px;
	margin-top:-14px;
}

#componentWrapper .thumbForward{
	position:absolute;
	width:140px;
	height:40px;
	bottom:0px;
	left:0px;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.6);
	display:none;
}

#componentWrapper .thumbForward img{
	position:absolute;
	display:block;
	width:31px;
	height:21px;
	top:50%;
	left:50%;
	margin-left:-15px;
	margin-top:-10px;
}

#componentWrapper .thumb_title{
	position:absolute;
	width:110px;
	color:#e5e5e5;
	padding: 5px 5px 5px 5px; 
	font-family: sans-serif;
	font-size:14px;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.6);
}



/* slideshow controls */
#componentWrapper .slideshow_controls{
	position:absolute;
	width:40px;
	height:130px;
	top:50%;
	left:0px;
	margin-top:-90px;
	display:none;
}

#componentWrapper .slideshow_controls_hit{
	position:absolute;
	width:700px;
	height:50px;
	top:0px;
	left:-100px;
	background: url('../data/controls_hit.png') repeat;
}

#componentWrapper .controls_prev{
	position:absolute;
	width:40px;
	height:40px;
	left:0px;
	top:0px;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.6);
}

#componentWrapper .controls_prev img{
	position:absolute;
	display:block;
	width:11px;
	height:16px;
	left:14px;
	top:11px;
}

#componentWrapper .controls_playlist_toggle{
	position:absolute;
	width:40px;
	height:40px;
	left:0px;
	top:45px;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.6);
}

#componentWrapper .controls_playlist_toggle img{
	position:absolute;
	display:block;
	width:16px;
	height:16px;
	left:11px;
	top:11px;
}

#componentWrapper .controls_next{
	position:absolute;
	width:40px;
	height:40px;
	left:0px;
	top:90px;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.6);
}

#componentWrapper .controls_next img{
	position:absolute;
	display:block;
	width:11px;
	height:16px;
	right:14px;
	top:11px;
}


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

/* public functions */	
#publicFunctions{
	position:absolute;
	top:200px;
	left:0px;
	z-index:99999;
	background:#555;
	padding:20px;
        display: none;
}

#publicFunctions li{
	text-decoration:none;	
	list-style: none;
}

#publicFunctions li a{
	color:white;
}

#publicFunctions p{
	color:white;
}



/* http://sharrre.com/ */

#componentWrapper .player_share{
	position:absolute;
	top:135px;
	left:0px;
	width:40px;
	height:40px;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.6);
}

#componentWrapper #shareHolder{
	position:absolute;
	left:50px;
	top:135px;
	width:100px;
	height:40px;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.6);
	display:none;
}

#shareHolderInner{
	position:absolute;
	left:10px;
	top:10px;
}

.sharrre .button{
float:left;
}

#shareme .facebook {
position:absolute;
	left:70px;
}

#shareme .twitter {
position:absolute;
	left:155px;
}

#fsbbtn{
	position:absolute;
	top:0px;
	left:0px;
}

#twtbtn{
	position:absolute;
	top:0px;
	left:30px;
}

#gpsbtn{
	position:absolute;
	top:0px;
	left:60px;
}
			  
