#videoContainerOuter
{
	height:300px;
	width:410px;
	background-color:black;
}
#videoContainerInner
{
	width:400px;
	height:300px;
	margin:1px auto 0px auto;	
	position:relative;
}
#ytapiplayer
{
	width:400px;	
	padding:0px 5px 0px 5px;
	z-index:2;
}

.imgControl
{
	cursor:pointer;
	float:left;	
	display:none;
}
#iSoccerBrand
{
	z-index:3;
	position:absolute;
	margin-left:5px;
	background: url('Images/Player/logo.png') no-repeat;
	width:65px;
	height:45px;
	left:0px;
	top:250px;
}


/*  Flow Player */
.flowPlayer
{
	background:url('Images/Player/videoSilverFrame1.png') no-repeat;
	height:285px; 
	width:329px;
}
.flowPlayerNew
{
	background:url('Images/Player/videoSilverFrameNew.png') no-repeat;
	height:285px; 
	width:329px;
}
.flowPlayerNew1
{
	/*background:url('Images/Player/videoSilverFrameNew.png') no-repeat;*/
	/*height:295px; */
	/*width:329px;*/
}
.flowPlayer180
{
	background:url('Images/Player/videoSilverFrame_180.png') no-repeat;
	height:171px; 
	width:192px;
}
#player
{
	height:225px;
	width:300px;
}
#player1
{
	height:242px;
	width:300px;
}
.player
{
	padding-top:5px;	
	padding-left:4px;
}
.player180
{
	padding-top:7px;	
	padding-left:6px;
	height:135px;
	width:180px;
}
.playerControls
{
	margin-top:5px;
	height:20px;	
}
div.playerControls 
{
	position:relative;
	height:40px;
	width:300px;
	padding-left:10px;
}
div.playerControls180 
{
	position:relative;
	height:35px;
	width:190px;
	padding-left:6px;
	padding-top:4px;
}
/* play/pause button */
div.playerControls a.play, div.playerControls a.pause { 
	position:absolute;
	width: 22px;
	height: 20px;
	display:block;
	text-indent:-9999em;
	background:url(Images/Player/videoPlayerControls1.png) no-repeat 0px -1px ;
	cursor:pointer;
}
div.playerControls180 a.play, div.playerControls180 a.pause { 
	position:absolute;
	width: 19px;
	height: 20px;
	display:block;
	text-indent:-9999em;
	background:url(Images/Player/videoPlayerControls.png) no-repeat 0px -1px ;
	cursor:pointer;
}

div.playerControls a.play:hover {
}

/* pause state */
div.playerControls a.pause { 
	background-position:0px -21px;
}
div.playerControls180 a.pause { 
	background-position:0px -20px;
}

div.playerControls a.pause:hover {
	
}

/* the timeline (or "scrubber")  */
div.playerControls div.track {  
	left:45px;
	position:absolute;
	cursor:pointer;
	width:256px;
	border-left:0px solid #999;
	height:1px;	
	background-color:White;
	top:8px;
}
div.playerControls180 div.track {  

	left:35px;
	position:absolute;
	cursor:pointer;
	width:150px;
	border-left:0px solid #999;
	height:1px;	
	background-color:red;
	top:12px;
}
/* the draggable playhead */
div.playerControls div.playhead {
	position:absolute;
	cursor:default; 
	width:19px;
	height:20px;
	background:url(Images/Player/videoPlayerControls.png) no-repeat 0px -60px;
	left:-10px;
	top:-9px;
	/*display:none;*/
}
div.playerControls180 div.playhead {
	position:absolute;
	cursor:pointer; 
	width:19px;
	height:20px;
	background:url(Images/Player/videoPlayerControls.png) no-repeat 0px -60px;
	left:-10px;
	top:-9px;
	display:none;
}

/* buffer- and progress bars. upon runtime the width of these elements grows */
div.playerControls div.progress, div.playerControls div.buffer {	
	position:absolute;
	background-color:red;
	width:0px;
	height:1px;
}
div.playerControls180 div.progress, div.playerControls180 div.buffer {	
	position:absolute;
	background-color:red;
	width:0px;
	height:1px;
}
div.playerControls div.buffer {
	background-color:transparent;
	opacity:0.1;
	filter: alpha(opacity=10);
}

/* time display */
div.playerControls div.time {
	position:absolute;		
	width:129px;
	left:330px;
	padding:12px 0;
	text-align:center;
	border:1px solid #999;
	border-width:0 1px;
	
	font-family:futura,"Lucida Grande","bitstream vera sans","trebuchet ms",verdana,arial;	
	font-size:12px;
	color:#fff; 
	display:none;
}
div.playerControls180 div.time {
	position:absolute;		
	width:129px;
	left:330px;
	padding:12px 0;
	text-align:center;
	border:1px solid #999;
	border-width:0 1px;
	
	font-family:futura,"Lucida Grande","bitstream vera sans","trebuchet ms",verdana,arial;	
	font-size:12px;
	color:#fff; 
	display:none;
}

/* total duration in time display */
div.playerControls div.time strong {
	font-weight:normal;
	color:#666;
}

/* mute / unmute buttons */
div.playerControls a.mute, div.playerControls a.unmute {
	position:absolute;
	left:460px;
	width:40px;
	height:40px;
	text-align:center;
	padding:8px 0;
	cursor:pointer;
	text-indent:-9999em;
	background:url(/img/player/skin/playerControls.png) no-repeat 5px -323px;
	display:none;
}
div.playerControls180 a.mute, div.playerControls180 a.unmute {
	position:absolute;
	left:460px;
	width:40px;
	height:40px;
	text-align:center;
	padding:8px 0;
	cursor:pointer;
	text-indent:-9999em;
	background:url(/img/player/skin/playerControls.png) no-repeat 5px -323px;
	display:none;
}
div.playerControls a.mute:hover {
	background-position:5px -367px;	
}

/* unmute state */
div.playerControls a.unmute {
	background-position:5px -235px;	
}

div.playerControls a.unmute:hover {
	background-position:5px -279px;	
}
/* ****************** RatingStar ****************** */
.ratingStar
{
	white-space:nowrap;
	/*margin:1em;*/
	/*height:14px;*/
	margin-top:0px;
}
.ratingStar .ratingItem {
    font-size: 0pt;
    width: 18px;
    height: 15px;
    margin: 0px;
    /*padding: 2px;*/
    display: block;
    background-repeat: no-repeat;
	cursor:pointer;
}
.ratingStar .Filled {
    background-image: url("Images/Voting/ratingStarFilled.png");
}
.ratingStar .Empty {
    background-image: url("Images/Voting/ratingStarEmpty.png");
}
.ratingStar .Saved {
    background-image: url("Images/spinner.png");
}