/* ##################################################
flow player
################################################## */
.clear
{
	clear: both;
	margin: 0;
	padding: 0;
	height: 0;
	overflow: hidden;
}

.flowplayerContainer
{
	margin: 6px 0 0 0;
	padding: 10px 0 0 0;
	border-top: solid #cccccc 1px;
	width: 480px;
	font-size: 12px;
}

.flowplayerContainer h1
{
    margin: 0 0 5px 0;
    font: normal 20px Arial Black;
    color: #33322f;
    letter-spacing: -1px;
}

.flowplayerContainer .playerContainer
{
    float: left;
    margin: 0;
    padding: 0;
	font: normal 1em Arial;
}

.flowplayerContainer .playerContainer .player
{
    display: block;
	margin: 0;
	padding: 0;
    width: 295px;
    height: 235px;
}

.flowplayerContainer .playerListContainer
{
	margin: 0;
	width: 184px;
	font: normal 1em Arial;
	background-color: orange;
}

.flowplayerContainer #playlist 
{
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
    height: 210px;
	width: 174px;
	position: relative;
	overflow: hidden;
}

.flowplayerContainer #playlist .entries
{
	height: 2000em;
	position: absolute;
	font: normal 0.917em Arial;
}

.flowplayerContainer #playlist .entries a
{
	display: block;
	float: left;
	margin: 0 0 1px 0;
	padding: 0;
	width: 171px;
	height: 67px;
	color: #666;
	text-decoration: none;
	border: 1px solid #CCC;
	background-image: url('../images/videoPlayer_background_video.png');
	background-color: #eee;
	cursor: pointer;
}

.flowplayerContainer #playlist .entries a.playing,
.flowplayerContainer #playlist .entries a.paused
{
	background-image: url('../images/videoPlayer_background_video.png');
	background-position: 0 -67px;
}

.flowplayerContainer #playlist .entries img
{
	float: left;
	border: 0;
}

.flowplayerContainer #playlist .entries span
{	
	float: left;
	padding: 0 0 0 5px;
	width: 75px;
	font-style:normal;
}

.flowplayerContainer .previous a
{
	float: left;
	margin: 0 0 0 10px;
	width: 174px;
	height: 14px;
	background-image: url('../images/videoPlayer_arrows.png');
	background-position: -10px -14px;
	cursor: pointer;
}

.flowplayerContainer .previous a:hover
{
	float: left;
	margin: 0 0 0 10px;
	width: 174px;
	height: 14px;
	background-image: url('../images/videoPlayer_arrows.png');
	background-position: -10px 0;
}

.flowplayerContainer .next a
{
	float: left;
	margin: 0 0 0 10px;
	width: 174px;
	height: 14px;
	background-image: url('../images/videoPlayer_arrows.png');
	background-position: -10px -42px;
	cursor: pointer;
}

.flowplayerContainer .next a:hover
{
	float: left;
	margin: 0 0 0 10px;
	width: 174px;
	height: 14px;
	background-image: url('../images/videoPlayer_arrows.png');
	background-position: -10px -28px;
}





/* ##################################################
sidebar-flow player
################################################## */
.sidebar-flowplayerContainer
{
	margin: 6px 0 0 20px;
	padding: 10px 0 0 0;
	border-top: solid #cccccc 1px;
	width: 280px;
	font-size: 12px;
}

.sidebar-flowplayerContainer h1
{
    margin: 0 0 5px 0;
    font: normal 20px Arial Black;
    color: #33322f;
    letter-spacing: -1px;
}

.sidebar-flowplayerContainer .playerContainer
{
    margin: 0;
    padding: 0;
	font: normal 1em Arial;
}

.sidebar-flowplayerContainer .playerContainer .player
{
    display: block;
	margin: 0;
	padding: 0;
    width: 280px;
    height: 235px;
}

.sidebar-flowplayerContainer .playerListContainer
{
	margin: 0;
	width: 280px;
	font: normal 1em Arial;	
}

.sidebar-flowplayerContainer #playlist 
{
	float: left;
	padding: 0;
	width: 252px;
    height: 130px;
	position: relative;
	overflow: hidden;
}

.sidebar-flowplayerContainer #playlist .entries
{
	width: 2000em;
	position: absolute;
	font: normal 0.917em Arial;
}

.sidebar-flowplayerContainer #playlist .entries a
{
	display: block;
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
	width: 90px;
	height: 127px;
	color: #666;
	text-decoration: none;
	border: 1px solid #CCC;
	border-top: 1px solid #FFF;
	background-image: url('../images/videoPlayer_background_video.png');
	background-position: 0 65px;
	background-color: #eee;
	cursor: pointer;
}

.sidebar-flowplayerContainer #playlist .entries a.playing,
.sidebar-flowplayerContainer #playlist .entries a.paused
{
	background-image: url('../images/videoPlayer_background_video.png');
	background-position: 0 0;
}

.sidebar-flowplayerContainer #playlist .entries img
{
	float: left;
	border: 0;
}

.sidebar-flowplayerContainer #playlist .entries span
{	
	display: block;
	padding: 0 0 0 5px;
	width: 80px;
	font-style:normal;
}

.sidebar-flowplayerContainer .previous a
{
	float: left;
	margin: 0;
	width: 14px;
	height: 130px;
	background-image: url('../images/videoPlayer_arrows.png');
	background-position: 0 -55px;
	cursor: pointer;
}

.sidebar-flowplayerContainer .previous a:hover
{
	float: left;
	margin: 0;
	width: 14px;
	height: 130px;
	background-image: url('../images/videoPlayer_arrows.png');
	background-position: -14px -57px;
}

.sidebar-flowplayerContainer .next a
{
	float: left;
	margin: 0;
	width: 14px;
	height: 130px;
	background-image: url('../images/videoPlayer_arrows.png');
	background-position: -28px -57px;
	cursor: pointer;
}

.sidebar-flowplayerContainer .next a:hover
{
	float: left;
	margin: 0 ;
	width: 14px;
	height: 130px;
	background-image: url('../images/videoPlayer_arrows.png');
	background-position: -42px -57px;
}