#flowplayer {	
	margin-top:40px;
	margin-left:10px;
	display:block;
	width:480px;
	height:360px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
}

/* splash image */
#flowplayer img {
	margin-top:115px;
	border:0;	
}

#flowplayer {
		margin-top:0px;		
}

/*{{{ general playlist settings, light gray */
div.playlist {
	font-family:Verdana, Arial, sans-serif;
	position:relative;
	overflow:hidden;	 	
	height:285px !important;
}


div.clips a {
	text-align:center;
	background-color:#fefeff;
	padding:10px 10px;
	height:160px;
	width:195px;
	font-size:12px;
	text-decoration:none;
	color:#000;
/*
	display: block;
*/
}

div.clips a.playing, div.clips a.paused, div.clips a.progress {
	font-weight:bold;
	padding:10px 10px;
	height:102px;
	width:75px;
	border:0;
/*
	display: block;
*/
}

div.clips a:hover {
	background-color:#f9f9fa;		
}

p {text-align:left;}

/*}}}*/

/* remove ugly system borders links */
a img 	{ 	border:0 }
a:active { 	outline:none; }
:focus   { -moz-outline-style:none; }

div.box.black {
	background-color: #000000;
}


/* root element should be positioned relatively so that 
	child elements can be positioned absolutely */
div.controls { 
	position:relative;
	height:8px;
	margin:12px 0 0 10px;
	padding:5px 0 0;
	display: block;
}

/* when play button toggles between play/pause class 
	we move it's background image */
div.controls a.play, div.controls a.pause { 
	position:absolute;
	width: 18px;
	height:10px;
	text-indent:-999em;
	cursor:pointer;
	overflow:hidden;
	background:url("http://www.pointofgrace.com/site/images/appleplayer/controls/play_pause.gif") center top no-repeat;
	margin-top: -10px;	
}

div.controls a.pause { 
	background-position:center -10px;
}

/* the track or "scrubber"  */
div.controls div.track { 
	position:absolute;
	top:-6px;	
	height:18px;
	left:20px;
	background:url("http://www.pointofgrace.com/site/images/appleplayer/controls/track_small.gif") no-repeat;
	text-align:left;
	cursor:pointer;
	width:458px;	
}

/* the draggable playhead */
div.controls div.playhead { 
	position:absolute;	
	height:12px;
	background:url("http://www.pointofgrace.com/site/images/appleplayer/controls/playhead.png") no-repeat;
	cursor:pointer;
	top:0px; 
	width:12px;
}

/* buffer and controls are automatically resized, their initial width should be 0 */
div.controls div.progress, div.controls div.buffer {	
	background-color:#fff;
	height:6px;
	margin:3px 4px;
	width:0px;
	position:absolute;
	top:0;
	font-size:0px;	
	
	/* this is the way to fine tune buffer and progress max width */
	max-width:448px;
}

div.controls div.buffer {
	background-color:#999;
}

/* som proprietary styling for progress bar under mozilla */
div.controls div.progress {
	-moz-border-radius-bottomleft:2px;
	-moz-border-radius-topleft:2px;	
}

/* hide time and controls in Apple look */
div.controls div.time, div.controls a.mute, div.controls a.unmute {
	display:none;		
}

div.movielist {
	display: block;
	
}


