.flashContainer{

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

	position:relative;
	overflow:hidden;
	//z-index: -99999999999999999999 !important;
}

.progressBar{
	//display:none;
	position:absolute;
	width: 80%;
	height:10px;
	left:85px;
	right:105px;
	bottom:29px;
	background-color:#141414;
	overflow:hidden;
	cursor:pointer;
        border: 10px solid #172322;
        border-radius: 5px;
	
	/* 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);
}

.progressBar .elapsed{
	position:absolute;
	width:0;
	height:100%;
	background-color:#9200EF;
	border-right:1px solid #9200EF;
}

.controlDiv{
	/* Centering the control div */
	position:absolute;
	width:100px;
	height:55px;
	cursor:pointer;
	top:90.7%;
	left:-0.6%;
	//margin:-60px 0 0 -60px;
}

.controlDiv.play{
	background:url('/media/static/images/play_button_plain.png') no-repeat center center;
}

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

.controlDiv.pause{
//	background:url('/media/static/images/pause_button_plain.png') no-repeat -99999px;
	background:url('/media/static/images/pause_button_plain.png') no-repeat center center;
}

.fullscreen {
	position:absolute;
	width:50px;
	height:50px;
	cursor:pointer;
	top:0%;
	right:0%;
	background:url('/media/static/images/fullscreen.png') no-repeat center center;
}

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

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

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