#slider .flashContainer{

	/*	Setting the container to relative positioning
		so we can center the control div */

	position:relative;
	overflow:hidden;
}

#slider .progressBar{
	display:none;
	position:absolute;
	width:auto;
	height:8px;
	left:20px;
	right:105px;
	bottom:20px;
	background-color:#141414;
	overflow:hidden;
	cursor:pointer;
	
	/* A light CSS3 bottom highlight */
	
	-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.3);
	-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.3);
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.3);
}

#slider .progressBar .elapsed{
	position:absolute;
	width:0;
	height:100%;
	background-color:#1fa2f6;
	border-right:1px solid #49AFF0;
}

#slider .controlDiv{
	/* Centering the control div */
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
	top:0;
	left:0;

}

#slider .soundDiv{
    position:absolute;
    width:16px;
    height:16px;
    cursor:pointer;
    top:3px;
    left:3px;
}
#slider .soundDiv.mute{
    background:url('../images/unmute.png') no-repeat;
    width:16px;
    height:16px;
}
#slider .soundDiv.muted{
    background:url('../images/mute.png') no-repeat;
    width:16px;
    height:16px;
}

#slider .controlDiv.play{
	background:url('../images/play.png') no-repeat center center;
}

#slider .controlDiv.replay{
	background:url('../images/replay.png') no-repeat center center;
}

#slider .controlDiv.pause{
	background:url('../images/pause.png') no-repeat -99999px;
}

#slider .flashContainer:hover .controlDiv.pause{
	background-position:center center;
}

/* Only show the progress bar when the video is playing */

#slider .flashContainer.playing:hover .progressBar{
	display:block;
}

#slider .flashContainer .logo{
    position:absolute;
    bottom: 2%;
	right: 1%;
    width: 53px;
    height: 26px;
    background: url('../images/youtube.png') no-repeat;
}