/* CSS Document */

/* styling for body element */
body {


}

#header{
	background: url(../images/ENCFinalHeader.jpg);
	background-color: #FFF;
	height: 100px;
	width: auto;
	background-repeat: no-repeat;
	background-position: left;
	margin-left:155px;
}
#title{
	margin-right: auto;
	margin-left: auto;
	width: 510px;
}
h2{
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 35px;
	font-weight: bold;
}
/*styling for player container*/
#container{

	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	border:2px solid #fff;
	outline:1px solid #ccc;
	height: 600px;
	width: 960px;

}
#footer{
	margin-top: 575px;
	margin-right:50px;
	text-align: right;
}
#footer a{
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: none;
	z-index: auto;
	clear:both;
	font-size: 12px;	
}



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


/*{{{ general playlist settings, light gray */
div.playlist {

	position:relative;
	overflow:hidden;	 	
	height:285px !important;
}

div.playlist div.clips {	
	position:absolute;
	height:20000em;
}

div.playlist, div.clips {
	width:220px;
	float:left;
	padding-top:15px;
	padding-left:10px;
}

div.clips a {
	background:url(../images/h80.png);
	display:block;
	background-color:#fefeff;
	padding:12px 15px;
	height:46px;
	width:195px;
	font-size:12px;
	border:1px outset #ccc;		
	text-decoration:none;
	letter-spacing:0px;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
}

div.clips a.first {
	border-top-width:1px;
	
}

div.clips a.playing, div.clips a.paused, div.clips a.progress {
	background:url(../images/light.png) no-repeat 0px -69px;
	width:225px;
	
	border:0;
}
	
div.clips a.progress {
	opacity:0.6;		
}

div.clips a.paused {
	background-position:0 0;	
}

div.clips a span {
	display:block;		
	font-size:11px;
	color:#666;
}

div.clips a em {
	font-style:normal;
	color:#f00;
}	

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

div.clips a.playing:hover, div.clips a.paused:hover, div.clips a.progress:hover {
	background-color:transparent !important;		 
}
/*}}}*/





/*{{{ go buttons */

a.go {
	display:block;
	width:18px;
	height:18px;
	background:url(http://mmsrv01b.intellor.com/intellor/test/playlist/images/playlist/arrow/up.png) no-repeat;
	margin:5px 0 5px 105px;
	cursor:pointer;
}

a.go:hover, a.go.down:hover {
	background-position:0px -18px;		
}

a.go.down {
	background-image:url(http://mmsrv01b.intellor.com/intellor/test/playlist/images/playlist/arrow/down.png);	
}

div.petrol a.go {
	background-image:url(http://mmsrv01b.intellor.com/intellor/test/playlist/images/playlist/arrow/up_dark.png);		
}

div.petrol a.go.down {
	background-image:url(http://mmsrv01b.intellor.com/intellor/test/playlist/images/playlist/arrow/down_dark.png);		
}

a.go.disabled {
	visibility:hidden;		
}

/*player css*/


a.player {	
	margin-top:40px;
	display:block;
	width:640px;
	height:504px;
	padding-top:50px;
	padding-left:50px;	
	text-align:center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	float:right;
	
}

/* splash image */
a.player img {
	border:0;	
}
a.player {
	margin-top:0px;		
	}