@import 'colours-music.css';

/* and below here goes the stuff that is different between Playlist and regular channel */

#contentfeature ul.listitunes li{
	font-size:100% !important;
}
#contentfeature ul.listitunes li h4{
	font-size:80% !important;
}
#contentfeature ul.listitunes li p{
	font-size:71% !important;
	margin-bottom:0 !important; /* to counter IE bug with margin when no float inside p */
}
#contentfeature h3{
	margin-top:10px;margin-bottom:5px;
}
#contentfeature ul.listitunes{
	float:left;
	clear:left;
	width:280px;
	margin-right:50px;
}
#contentfeature ul.listitunes li{
	float:left; /* to avoid buy button to 'sink' into next item */
	width:100%; /* to avoid shrinking in width due to float */
	clear:left;
	min-height:50px;
	_height:50px;
	background:none;
	padding-left:0;
	margin:0 0 10px 0;
}
#contentfeature ul.listitunes li img{
	float:left;
	width:50px;
	height:50px;
	border:1px solid yellow;
	margin-right:5px;
}
#contentfeature ul.listitunes li a img{
	float:none;
	display:inline;
	vertical-align:base;
	width:auto;
	height:auto;
	border:none;
	margin-right:0;
	margin-top:0 !important;
}
#contentfeature ul.listitunes li span{
	float:right;
	font-size:90%;
}

#contentfeature div.allvideos{
	clear:none !important;
}

#contentfeature p.popupplayer{
	float:right;
}
#contentfeature h3.underplaylist{
	clear:right;
}

div#contentfeature div.moduletablepreviousplaylists{
	clear:both;
	padding-top:30px;
}

div#contentfeature div.playlist-archive{
	float:left;
	width:624px;
	padding-left:6px;
	overflow-x:hidden;
}
div#contentfeature p.playlist,
div#contentfeature div.flexcontentitemlatestplaylists{
	float:left;
	width:147px;
	_height:210px;
	min-height:210px;
	font-size:75%;
	font-weight:bold;
	text-align:center;
	margin-right:8px;
}
div#contentfeature .contentpaneopen p.playlist img,
div#contentfeature .contentpaneopen div.flexcontentitemlatestplaylists a img{
	border-width:1px;
	border-style:solid;
	display:inline;
	width:145px;
	height:138px;
}
div#contentfeature div.flexcontentitemlatestplaylists h2.contentheading,
div#contentfeature div.flexcontentitemlatestplaylists p{
	font-size:100% !important;
}
div#contentfeature div.flexcontentitemlatestplaylists p a{
	color:#9B9B9B;
}

/* you can override those styles (font-size for example) by repeating them below and writing !important in them */


/* this is the colour part only for playlists: */

div#contentfeature p.playlist a{
	color:#9B9B9B;
}
div#contentfeature p.playlist a span{
	color:black;
}
div#contentfeature .contentpaneopen p.playlist img,
div#contentfeature .contentpaneopen div.flexcontentitemlatestplaylists a img{
	border-color:#9B9B9B;
}