/* CSS Document */
/* player and playlist go side by side */
#player, div.playlist {

}

div.playlist {
	width:225px;		
}

/* player dimensions */
.player, .player img {
	display:block;				
	width:400px;
	height:225px;
	border:0px;		
}

/* play button on top of splash image */
div.play {
display:block;
z-index:40;
	background:url(../images/internal/play.png) no-repeat;
	width:50px;
	height:50px;
	position:relative;
	top:-140px;
	left:175px;	
	opacity:0.9;
	margin-bottom:-50px;
}

div.play:hover {
	opacity:1.0;		
}


/* single playlist item */
#center div.items a {
	display:block;
	width:225px;
	height:70px;
	border:none;
	margin-bottom:7px;
	text-decoration:none;
	opacity:0.4;
	position:relative
}

#center div.items .movie {
position:absolute;
z-index:10;
width:24px;
height:24px;
background:url(../images/internal/camera.png) no-repeat;
bottom:10px;
	right:10px;
}
#center div.items a:hover {
opacity:1;
}
#center div.items a img {
border:none;
}

#center div.items p {
	font-size:11px;
	width:130px;
	padding:8px 0 0 12px;
	margin:0px;		
}

div.items p.time {
	padding-top:0px;
	color:#777;
	margin-top:5px;
} 

/* item stages: normal, hover, playing, paused */
div.items a:hover {
	background-position:0 -68px;	
}

#center div.items  a.playing, div.items a.paused {
	color:#000;	
}

#center div.items a.playing {
	opacity:1;		
}

div.items a.paused {
	background-position:0 -68px;	
}


/* small navigational dots */
div.nav {padding:0px;
background-color:#000000;
position:relative;
	height:15px;
	margin:0px 0 0 0px;
	border-top:solid 1px #ffffff;
	border-bottom:solid 1px #ffffff;
	width:225px;
	opacity:0.8;
}
div.navi {

margin:0px;
padding:0px;
float:left;
}
div.navi span {
display:bock;
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../images/internal/dots.gif) 0 0 no-repeat;		
	cursor:pointer;
}

div.navi span:hover {
	background-position:0 -8px;		
}

div.navi span.active {
	background-position:0 -16px;		
}

div.nav .next {
cursor:pointer;
float:right;
display:bock;
background:url('../images/internal/bottom.gif') 0 0 no-repeat;
width:8px;
height:8px;
margin:3px;
}

div.nav .prev {
cursor:pointer;
float:left;
margin:3px;
display:bock;
background:url('../images/internal/top.gif') 0 0 no-repeat;
width:8px;
height:8px;
}