body
{
	margin: 0;
	padding: 0;
	
	width: 100%;
	height: 100%;
	
	background-image:url(../images/body-background.jpg);
	background-repeat: repeat-x;
	
	background-color:#d40109;
	
	/* Zorg ervoor dat de verticale scrollbars in firefox altijd getoond worden */
	overflow: -moz-scrollbars-vertical;
}

img
{
	margin:0;
	padding:0;
	display:block;
}

a img
{
	border: none;
}

#printLogo
{
	display: none;
}

#absSiteWrapper, #siteWrapper
{
	margin:0px;
	padding:0px;
	
	margin-left:auto;
	margin-right:auto;
	
	width:992px;
	
	display:block;
}

#siteWrapper
{
	
}

#absSiteWrapper
{
	height:0px;
	
	position:relative; /* Enkel nodig bij #absSiteWrapper --> IE6,7 doen moeilijk als dit ook op de #siteWrapper staat (floats liggen dan boven de absolute divs) */
}

	#absSiteWrapper #absBackground
	{
		margin:0px;
		padding:0px;
		
		position: absolute;
	}
	
	#absSiteWrapper #absBackground
	{
		z-index: 10;
		
		right:992px;
		
		width: 174px;
		height: 441px;
		
		background-image: url(../images/absBackground-background.jpg);
		background-repeat: no-repeat;
	}
	
#leftWrapper
{
	margin:0px;
	padding:0px;
	
	width: 862px;
	
	float: left;
}
	#leftWrapper #mediaHeader
	{
		background-image: url(../images/mediaHeader-background.jpg);
		background-repeat: no-repeat;
		height: 441px;
		
		position: relative; /* Voor flashWrapper */
	}
		#mediaHeader #searchWrapper
		{
			position: absolute;
			top:62px;
			left:300px;
			display:none;
		}
			#mediaHeader #searchWrapper input
			{
				width:198px;
				height:18px;
				border:1px solid #7f9db9;
				text-align: right;
				color:#6b0908;
			}
			#mediaHeader #searchWrapper img
			{
				position: absolute;
				top:-2px;
				left:200px;
			}
		#mediaHeader #flashWrapper
		{
			position: absolute;
			top:0;
			left:0;
		}
		#mediaHeader #flashWrapper.hidden
		{
			visibility: hidden;
		}
		#mediaHeader #htmlheaderWrapper.hidden
		{
			display: none;
		}
			#htmlheader-bannerWrapper
			{
				position:relative;
				height: 55px;
			}
			#htmlheader-contentWrapper
			{
				width:862px;
				position: relative;
			}
		
	#leftWrapper #contentWrapper
	{
		background-image:url(../images/sitewrapper-left-background.jpg);
		background-repeat: no-repeat;
	}
		#content-workspace
		{	
			margin-left: 99px;
			
			width:732px;
			
			height:auto !important;
			height: 400px;
			min-height: 400px;
		}
		#content-footerWrapper #content-footer-grayWrapper
		{
			background-image:url('../images/content-footer-gray-background.jpg');
		}
			#content-footer-grayWrapper #content-footer-gray-workspace
			{
				position: relative;
			
				top: 5px;
				left: 99px;
				
				width:732px;
			}
		#leftWrapper #content-footerWrapper #content-footer-yellowWrapper
		{
			background-image:url('../images/content-footer-yellow-background.jpg');
		}
		#content-footer-yellowWrapper #content-footer-whiteWrapper
		{
			width:782px;
			margin-left:75px;
		}
		#content-footer-yellowWrapper #content-footer-whiteWrapper .space
		{
			height:8px;
		}
		#content-footer-yellowWrapper #content-footer-whiteWrapper .content
		{
			background-color:#FFFFFF;
		}
		
		#content-footer-whiteWrapper .content  .comments
		{
			padding:10px;
		}
		#content-footer-whiteWrapper .content .comment
		{
			margin-bottom:5px;
			border-bottom:1px solid #cdcdcd;
			padding-bottom:10px;
			overflow:hidden;
		}
		#content-footer-whiteWrapper .content .comment.last
		{
			border:0;
			padding:0;
		}
		#content-footer-whiteWrapper .content .comment .name,
		#content-footer-whiteWrapper .content .comment .message
		{
			font-size:12px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
		}
		#content-footer-whiteWrapper .content .comment .name
		{
			color:#d40109;
			font-weight:bold;
		}
		#content-footer-whiteWrapper .content .comment .message
		{
			color:#680000;
		}
		#content-footer-yellowWrapper #content-footer-whiteWrapper .header
		{
			background-image:url('../images/content-footer-white-header-background.gif');
			background-repeat:none;
			height:32px;
			position:relative;
		}
		#content-footer-whiteWrapper .header .add
		{
			position:absolute;
			top:9px;
			right:12px;
			width:126px;
		}
		#content-footer-whiteWrapper .header .add img
		{
			display:inline
		}
		
#rightWrapper
{
	margin:0px;
	padding:0px;
	padding-top:55px;
	width: 120px;
	
	float: right;
}
	
	#rightWrapper .float-block
	{
		margin-bottom: 10px;
	}
	
	#rightWrapper .float-block.last
	{
		margin-bottom: 0px;
	}
	
	#rightWrapper a.link
	{
		display:block;
		color:#FFFFFF;
	}
	
	#rightWrapper img.banner
	{
		margin-bottom: 10px;
	}

#footerWrapper
{
	height:100px;
	background-image:url(../images/footer-background.jpg);
	background-repeat: no-repeat;
	
	background-color:#d40109;
}
	#footer-line1
	{
		position: relative;
		top: 13px;
		left: 99px;
		width:732px;
		
		text-align: center;
		
		font-size: 12px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color:#5a0505;
	}
	#footer-line2
	{
		position: relative;
		top: 23px;
		left: 99px;
		/*left: 150px;*/
		width:732px;
	}
	
	#footer-line2 a
	{
		font-size: 11px;
		line-height: 40px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		text-decoration: none;
	}
	#footer-line2 a:hover
	{
		text-decoration: underline;
	}
	
		#footer-line2 ul
		{
			display:inline;
		}
		#footer-line2 ul li
		{
			display: inline;
			float: left;
			padding-right: 15px;
		}

#overlay-windowWrapper,
#overlay-commentsWrapper,
#overlay-widgetWrapper
{
	margin:0px;
	padding:0px;
	
	position: absolute;
	
	left:196px; /* = (992-600)/2 */
	top: 5px;
	
	width: 620px;
	height: 561px;

	background-color: #F6A800;
}
#overlay-windowWrapper .closeButton,
#overlay-commentsWrapper .closeButton,
#overlay-widgetWrapper .closeButton
{
	
}
#overlay-windowWrapper #overlay-content,
#overlay-commentsWrapper #overlay-commentsWrapper-content,
#overlay-widgetWrapper #overlay-widgetWrapper-content
{
	position: absolute;
	
	left:5px;
	top: 5px;
	
	width: 610px;
	height: 551px;

	background-color: #FFFFFF;
}


#audioplayer
{
	margin:0px;
	padding:0px;
	
	position: absolute;
	
	z-index: 900;
	
	top: 500px;
	left: 500px;
	
	width: 483px;
	height: 130px;
	
	background-image: url(../images/audioplayer-background.jpg);
	background-repeat: no-repeat;
}
#loadingDIVWrapper
{
	z-index: 1000;
	
	position: absolute;
	
	top:35%;
	left:25%;
	
	width:50%;
	
	display:none;
}
#loadingDIVWrapper #loadingDIVConainer
{
	text-align: center;
	margin:auto;

	border: 4px solid #680909;
	width:180px;
	
	padding:10px;
	
	font-size:12px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
}

.clear
{
	clear:both;
}


/**
	top30-chart-list
**/
table #top30-chart-list
{
	border: 0;
}

#top30-chart-list td,
#top30-chart-list td.position div,
#top30-chart-list td.artist .container,
#top30-chart-list td.vw-weeks div
{
	height:auto !important;
	height: 22px;
	min-height: 22px;
}

#top30-chart-list td.position div,
#top30-chart-list .vw-weeks span,
#top30-chart-list td.song span,
#top30-chart-list td.song a,
#top30-chart-list td.artist span,
#top30-chart-list td.artist a,
#top30-chart-list-header
{
	color: #FFFFFF;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}


#top30-chart-list td.position,
#top30-chart-list td.position div
{
	width:41px;
}
#top30-chart-list td.position div
{
	background-image:url(../images/chart-table-position.jpg);
	background-repeat:no-repeat;
	text-align: center;
	
	padding-left: 4px;
	padding-top: 1px;
}
#top30-chart-list tr.hover td.position div,
#top30-chart-list tr.selected td.position div
{
	background-image:url(../images/chart-table-position-hover.jpg);
}


#top30-chart-list td.icon,
#top30-chart-list td.icon div
{
	width:25px;
	overflow:hidden;
}


#top30-chart-list td.vw-weeks,
#top30-chart-list td.vw-weeks div
{
	width:53px;
}

#top30-chart-list td.vw-weeks div
{
	background-image:url(../images/chart-table-vw-weeks.jpg);
	background-repeat:no-repeat;
	padding-left: 3px;
}
	
	#top30-chart-list .vw-weeks .vw,
	#top30-chart-list .vw-weeks .slash,
	#top30-chart-list .vw-weeks .weeks
	{
		padding-top:3px;
		float:left;
	}
	
	
	#top30-chart-list td.vw-weeks div span.vw
	{
		color: #FFFFFF;
		font-size: 11px;
		padding-left:10px;
	}
	#top30-chart-list td.vw-weeks div span.slash
	{
		color: #F6A800;
	}
	#top30-chart-list td.vw-weeks div span.weeks
	{
		color: #750A0A;
		font-size: 11px;
	}


#top30-chart-list td.song,
#top30-chart-list td.song .container
{
	width:290px;
}

#top30-chart-list td.song .container
{	
	background-image:url(../images/chart-table-song-top.jpg);
	background-repeat:no-repeat;
	cursor:default;
}

#top30-chart-list tr.hover td.song .container,
#top30-chart-list tr.selected td.song .container
{
	background-image:url(../images/chart-table-song-top-hover.jpg);
}

	#top30-chart-list td.song .container div.text
	{	
		background-image:url(../images/chart-table-song-bottom.jpg);
		background-repeat:no-repeat;
		background-position:bottom left;
	}
	#top30-chart-list tr.hover td.song .container div.text,
	#top30-chart-list tr.selected td.song .container div.text
	{
		background-image:url(../images/chart-table-song-bottom-hover.jpg);
	}
	
	#top30-chart-list td.song a
	{
		text-decoration: none;
	}
	
	#top30-chart-list tr.selected td.song a,
	#top30-chart-list tr.hover td.song a
	{
		color: #750A0A;
		font-weight: bold;
	}
	
	#top30-chart-list .text-helper
	{
		width:266px;
	}
	#top30-chart-list td.song span
	{
		display:block;
		padding-top:2px;
		padding-bottom:6px;
		padding-left:18px;
		margin-right:18px;
		width:248px;
	}
	
	#top30-chart-list td.artist,
#top30-chart-list td.artist .container
{
	width:286px;
}

#top30-chart-list td.artist .container
{	
	background-image:url(../images/chart-table-artist-top.jpg);
	background-repeat:no-repeat;
}

#top30-chart-list tr.hover td.artist .container,
#top30-chart-list tr.selected td.artist .container
{
	background-image:url(../images/chart-table-artist-top-hover.jpg);
	
	color: #750A0A;
	font-weight: bold;
	text-decoration:none;
	cursor:default;
}
	#top30-chart-list td.artist .container div.text
	{
		background-image:url(../images/chart-table-artist-bottom.jpg);
		background-repeat:no-repeat;
		background-position:bottom left;
		text-decoration: none;
	}
	
	#top30-chart-list tr.hover td.artist div.text,
	#top30-chart-list tr.selected td.artist div.text
	{
		background-image:url(../images/chart-table-artist-bottom-hover.jpg);
	}
	#top30-chart-list tr.selected td.artist a,
	#top30-chart-list tr.hover td.artist a,
	#top30-chart-list tr.selected td.artist span,
	#top30-chart-list tr.hover td.artist span
	{
		color: #750A0A;
		font-weight: bold;
	}
	
	#top30-chart-list td.artist span
	{
		display:block;
		padding-top:2px;
		padding-bottom:6px;
		padding-left:18px;
		margin-right:18px;
		width:248px;
	}

#top30-chart-list td.audio
{
	width:29px;
	padding-left: 4px;
}
#top30-chart-list td.audio a
{	
	display:block;
	width:15px;
	height:19px;
}
#top30-chart-list td.audio img
{	
	border:none;
}

#top30-chart-list-header 
{
	clear:both;
	width:inhereted;
	line-height:17px;
	height:24px;
}
#top30-chart-list-header div.position,
#top30-chart-list-header div.icon,
#top30-chart-list-header div.vw-weeks,
#top30-chart-list-header div.nr,
#top30-chart-list-header div.name
{
	float:left;
	text-align: center;
	
}

#top30-chart-list-header div.position
{
	width: 71px;
	color: #6A0909;
	font-size: 11px;
}
#top30-chart-list-header div.icon
{
	width: 30px;
}
#top30-chart-list-header div.vw-weeks
{
	width: 53px;
	color: #6A0909;
	font-size: 11px;
}
#top30-chart-list-header div.nr
{
	width: 85px;
	height: 19px;
	background-image:url(../images/chart-table-header-number.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	font-size:12px;
	color:#F6A800;
}

#top30-chart-list-header div.name
{
	color: #6A0909;
	font-size: 12px;
}

#top30-chart-list-header div.name .name
{
	text-transform: uppercase;
	font-weight: bold;
}

#top30-chart-list-header div.buttons 
{
	float: right;
	padding-right:29px;
}
#top30-chart-list-header div.buttons  img
{
	float:left;
	margin-left:10px;
}


/**
Audioplayer
**/
#audioplayer-content
{
	z-index: 901;
	
	position: absolute;
	
	left:148px;
	top: 28px;
	width: 233px;
	height: 52px;
	
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#audioplayer-picture
{
	z-index: 902;
	
	position: absolute;
	
	left:23px;
	top:18px;
	
	width: 89px;
	height: 89px;
}

#audioplayer-handler
{
	position: absolute;
	
	z-index: 905;
	
	left:0px;
	top: 0px;
	width: 483px;
	height: 130px;
	
	cursor: pointer;
}

#audioplayer-flash
{
	z-index: 906;
	
	position: absolute;
	
	left:136px;
	top:18px;
	
	width: 283px;
	height: 140px;
}

#audioplayer #audioplayer-close
{
	z-index: 907;
	
	position: absolute;
	left:438px;
	top: 18px;
	width: 25px;
	height: 24px;
	background-image:url(../images/audioplayer-close.jpg);
	background-repeat:no-repeat;
	
	cursor: pointer;
}

/** 
 ** content-workspace
 **/
#back-to-timemachine
{
	position: absolute;
	
	z-index: 100;
	top: 35px; 
	left: 166px;
	
	width:152px;
	height:85px
}


/* Song-page (en artiest) */
#page-song-metadata,
#page-artist-metadata
{
	position: absolute;
	
	z-index: 100; 
	top: 120px;
	left: 129px;
	
	width:189px;
	height:266px;
	
	background-repeat: no-repeat;
	background-image: url(../images/page-song-metadata-background.jpg);
}
#page-song-metadata div.image,
#page-artist-metadata div.image
{
	position: absolute;
	
	left:39px;
	top: 4px;
	
	padding: 1px;
	
	background-color: #680000;
}
	#page-artist-metadata div.image
	{
		left:43px;
	}

#page-song-metadata div.audio
{
	position: absolute;
	
	left:139px;
	top: 69px;
}
#page-song-metadata div.audio a
{	
	display:block;
}
#page-song-metadata div.audio img
{	
	border:none;
}
#page-song-metadata div.metadata
{
	position: absolute;
	
	left:10px;
	top: 100px;
	
	width: 158px;
	height: 100px;
	overflow: hidden;
}
	#page-song-metadata div.metadata span
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
	}
	#page-song-metadata div.metadata span.title
	{
		color: #680000;
		font-weight:bold;
	}
	#page-song-metadata div.metadata span
	{
		color: #680000;
	}

#page-song-facts
{
	position: absolute;
	
	z-index: 100;
	top: 234px;
	left: 626px;
	
	width:202px;
	height:98px;
	background-repeat: no-repeat; 
	background-image: url(../images/page-song-facts-background.jpg);
}
#page-song-facts div.fact,
#page-song-facts div.fact.first,
#page-song-facts div.fact.last
{
	position: absolute;
	
	z-index: 100;
	top: 38px;
	left: 20px;
	
	width: 158px;
	height: 28px;
	line-height: 11px;
	border-bottom: 1px solid #680000;
}
#page-song-facts div.fact.last
{
	top: 67px;
	border-bottom: none;
}
#page-song-facts div.fact span.desc
{
	font-weight:bold;
	color: #680000;
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 14px;
	vertical-align: top;
}

#page-song-facts div.weeks,
#page-song-facts div.not
{
	position: absolute;
	
	z-index: 100;
	top: 45px;
	left: 145px;
	
	width: 30px;
	text-align: right;
	
	font-weight:bold;
	color: #FFFFFF;
	font-size:16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#page-song-facts div.not
{
	top: 74px;
}

#page-song-chart
{
	position: absolute;
	
	z-index: 100;
	top: 115px;
	left: 626px;
	
	width:202px;
	height:100px; 
	
	background-repeat: no-repeat;
	background-image: url(../images/page-song-chart-background.jpg);
}
#page-song-info
{
	position: absolute;
	
	z-index: 100;
	left: 327px;
	top: 49px;
	
	width:501px;
	height:66px;
}
#page-song-info div.image
{
	float:left;
	
	width: 62px;
	height: 62px;
	
	background-color: white;
	background-position: center;
	background-repeat: no-repeat;
}
#page-song-info div.song-titleArtistWrapper
{
	float:left;
	margin-left:13px;
	width: 226px;
	height: 62px;
	padding-top: 10px;
	line-height:15px;
}
	#page-song-info div.song-titleArtistWrapper span.title
	{
		color:#f6a800;
		font-family: Verdana;
		font-weight: bold;
		font-size: 14px;
	}
	#page-song-info div.song-titleArtistWrapper span.artist a,
	#page-song-info div.song-titleArtistWrapper span.artist
	{
		color:#FFFFFF;
		font-family: Verdana;
		font-size: 11px;
		text-decoration: underline;
	}
	#page-song-info div.song-titleArtistWrapper span.artist
	{
		text-decoration: none;
	}
#page-song-bio
{
	position: absolute; 
	
	z-index: 100;
	top: 115px;
	left: 327px;
	
	width:279px;
	height:217px;
	
	color: #FFFFFF;
	overflow: auto;
	font-family: Verdana;
	font-size: 11px;
}
#page-song-bio a
{
	color:#FFFFFF;
	text-decoration: underline;
}
#page-song-shareButton a
{
	display:block;
	border:none;
}


/**
	artiestpagina
**/
#songs-from-artist
{
	background-color: #FFFFFF;
	padding-left:14px;
	padding-right:15px;
}

#songs-from-artist div.song,
#songs-from-artist div.song.first
{
	background-color: #680000;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 1px;
}
#songs-from-artist div.song.first
{
	margin-top: 0px;
}
#songs-from-artist div.song.last
{
	margin-bottom: 0px;
}
#songs-from-artist a
{
	display:block;
	border:none;
}
#page-artist-facts
{
	position: absolute;
	
	z-index: 100;
	top: 112px;
	left: 626px;
	
	width:208px;
	height:137px;
	background-repeat: no-repeat; 
	background-image: url(../images/page-artist-facts-background.jpg);
}
#page-artist-facts div.fact,
#page-artist-facts div.fact.first,
#page-artist-facts div.fact.last
{
	position: absolute;
	
	z-index: 100;
	top: 42px;
	left: 20px;
	
	width: 180px;
	height: 28px;
	line-height: 11px;
	border-bottom: 1px solid #680000;
}
#page-artist-facts div.fact.first
{
	top: 73px;
}
#page-artist-facts div.fact.last
{
	top: 104px;
	border-bottom: none;
}
#page-artist-facts div.fact span.desc
{
	font-weight:bold;
	color: #680000;
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 14px;
	vertical-align: top;
}

#page-artist-facts div.total-songs,
#page-artist-facts div.weeks,
#page-artist-facts div.not
{
	position: absolute;
	
	z-index: 100;
	top: 47px;
	left: 145px;
	
	width: 50px;
	text-align: right;
	
	font-weight:bold;
	color: #FFFFFF;
	font-size:16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#page-artist-facts div.total-songs
{
	top: 76px;
}
#page-artist-facts div.weeks
{
	top: 108px;
}

#page-artist-links
{
	position: absolute;
	
	z-index: 100;
	top: 275px;
	left: 626px;
	
	width:208px;
	height:79px;
	
	line-height: normal;
}
	#page-artist-links
	{
		color: #FFFFFF;
		font-size: 12px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	#page-artist-links div
	{
		margin-left:14px;
		color: #F6A800;
	}
	#page-artist-links div a
	{
		color: #F6A800;
	}

#page-artist-member-of-band,
#page-artist-is-member-of
{
	padding-left: 10px;
	padding-right: 10px;
	background-repeat: repeat-y;
	background-image: url('../images/right-banner-members-of-band-background.jpg');
	background-position: left top;
	overflow: hidden;
	line-height:14px;
	padding-left:20px;
	text-indent: -10px;
}
#page-artist-is-member-of
{
	background-image: url('../images/right-banner-member-of-background.jpg');
}
#page-artist-member-of-band div.member a,
#page-artist-is-member-of div.member a
{
	font-size: 12px;
	color:#680000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	line-height:16px;
}

#page-artist-member-of-band div.member a:hover,
#page-artist-is-member-of div.member a:hover
{
	text-decoration: underline;
}



/** 

**/
#metadata-people
{
	position: absolute;
	
	z-index: 100; 
	top: 120px;
	left: 128px;
	
	width:189px;
	height:266px;
	
	background-repeat: no-repeat;
	background-image: url(../images/metadata-people-background.jpg);
}


#customtop30Wrapper
{
	position: absolute;
	
	z-index: 100;
	top: 116px;
	left: 322px;
	
	width: 505px;
	height: 215px;
	
	background-repeat: no-repeat;
	background-image: url(../images/page-customtop30-background.jpg);
}
#customtop30Wrapper div,
#customtop30Wrapper span,
#topmomentenWrapperTop div,
#topmomentenWrapperTop span
{
	color: #FFFFFF;
}
#customtop30Wrapper .box1-left,
#customtop30Wrapper .box1-right,
#customtop30Wrapper .box2-left,
#customtop30Wrapper .box2-right,
#topmomentenWrapperTop .box2-left,
#topmomentenWrapperTop .box2-right
{
	position: absolute;
	
	top: 38px;
	left: 43px;
	width: 170px;
	height: 64px;
	
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#customtop30Wrapper .box1-right
{
	left:299px;
}

#customtop30Wrapper .box2-left,
#topmomentenWrapperTop .box2-left
{
	/*top: 20px;
	left: 19px;*/
	top: 0;
	left: 0;
	width: 123px;
	height: 83px;
}
#customtop30Wrapper .box2-right,
#topmomentenWrapperTop .box2-right
{
	top: 0px;
	width: 375px;
	left: 130px;
	height: 115px;
}

#customtop30-workspace
{
	position: absolute;
	
	left:0;
	top:111px;
	
	height:104px;
	width: 505px;
}

/**
	User
**/
#user-logonWrapper-left
{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 100px;
}
#user-logonWrapper .label1,
#user-logonWrapper .label2
{
	position: absolute;
	top: 10px;
	left: 10px;
	font-weight:bold;
	font-size:11px;
	color:#F6A800;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 2px;
	text-align: top;
}

#user-logonWrapper .label2
{
	top: 40px;
}

#user-logonWrapper .inputfield1,
#user-logonWrapper .inputfield2
{
	position: absolute;
	top: 10px;
	left: 100px;
	/*width:245px;*/
	height: 18px;
}

#user-logonWrapper .inputfield2
{
	top: 38px;
}
#user-logonWrapper input,
#user-passwordWrapper input,
#inlineSearch-topWrapper-right input,
#custom-top30-addComment-form
{
	width:242px;
	height: 14px;
	border: 1px solid #F6A800;
	font-size:11px;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#user-logonWrapper .button
{
	position: absolute;
	top: 67px;
	left: 285px;
	cursor:pointer;
}

#user-logonWrapper .links,
#user-passwordWrapper .links
{
	position: absolute;
	top: 60px;
	left: 10px;
}
#user-logonWrapper .links a,
#user-passwordWrapper .links a,
#custom-top30-topWrapper-right a,
#inlineSearch-topWrapper-right .links a,
#custom-top30-addComment-topWrapper-right .links a,
#custom-top30-addCommentOk-topWrapper-right .links a
{
	text-decoration: underline;
	color: #F6A800;
	font-size:9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#user-passwordWrapper .label
{
	position: absolute;
	top: 25px;
	left: 10px;
	font-weight:bold;
	font-size:11px;
	color:#F6A800;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	padding-top: 2px;
	text-align: top;
}

#user-passwordWrapper .inputfield
{
	position: absolute;
	top: 25px;
	left: 100px;
	width:245px;
	height: 18px;
}

#user-passwordWrapper input
{
	/* zie #user-logonWrapper input  */
}

#user-passwordWrapper-left
{
	position: absolute;
	top: 25px;
	left: 10px;
	width: 100px;
}

#user-passwordWrapper .button
{
	position: absolute;
	top: 67px;
	left: 285px;
	cursor:pointer;
}

#user-passwordWrapper .links,
#user-passwordWrapper  .links a
{
	/* zie #user-logonWrapper input  */
}

#user-passwordWrapper .confirm
{
	position: absolute;
	top: 25px;
	left: 10px;
	font-size:11px;
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/** inline searchbox **/

#inlineSearchResults
{
	position: absolute;
	top: 37px;
	left: 10px;
	
	width: 264px; /*346px*/
	height: 60px;
	
	overflow: auto;
}

#inlineSearchResults div.line
{
	float:left;
	
	height:auto !important;
	height: 16px;
	min-height: 16px;
	
	cursor:pointer;
}

#inlineSearchResults div.line.color
{
	background-color:#A58682;
}

#inlineSearchResults div.artist
{
	float: left; 
	width: 122px;
}
#inlineSearchResults div.song
{
	float: right; 
	width: 122px;
}

#inlineSearchResults .line.hover .artist,
#inlineSearchResults .line.hover .song
{
	color:#f6A800;
}
#inlineSearch-topWrapper-left
{
	position: absolute;
	top: 20px;
	left: 10px;
	width: 100px;
}
#inlineSearch-topWrapper-right
{
	position: absolute;
	left:0;
	right:0;
}
#inlineSearch-topWrapper-right .button
{
	position: absolute;
	top: 10px;
	left: 285px;
	cursor:pointer;
}
#inlineSearch-topWrapper-right .inputfield
{
	position: absolute;
	top: 15px;
	left: 10px;
	height: 18px;
}
#inlineSearch-topWrapper-right input
{
	/* zie #user-logonWrapper input  */
	width:262px;
}
#inlineSearch-topWrapper-right .links
{
	position: absolute;
	top: 75px;
	width:70px;
	text-align:center;
	left: 285px;
}
#inlineSearch-topWrapper-right .links a
{
	/* zie #user-logonWrapper .links a  */
	width:262px;
}

/**
custom top 30
**/
#custom-top30-topWrapper-left
{
	position: absolute;
	top: 20px;
	left: 10px;
	width: 100px;
}
#custom-top30-topWrapper-right
{
position: absolute;
	top: 20px;
	left: 10px;
	width: 346px;
}
#custom-top30-topWrapper-right a
{
	/* zie #user-logonWrapper .links a */
}

#custom-top30-addComment-topWrapper-left
{
	position: absolute;
	top: 20px;
	left: 10px;
	width: 100px;
}
#custom-top30-addComment-topWrapper-right .button
{
	position: absolute;
	top: 67px;
	left: 285px;
	cursor:pointer;
}
#custom-top30-addComment-topWrapper-right .song
{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 300px;
	font-size:11px;
	color:#f6A800;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#custom-top30-addComment-topWrapper-right .song span
{
	font-weight: bold;
}
#custom-top30-addComment-topWrapper-right .links
{
	position: absolute;
	top: 10px;
	left: 250px;
	width:115px;
}
#custom-top30-addComment-topWrapper-right .links a
{
	/* zie #user-logonWrapper .links a  */
}
#custom-top30-addComment-form
{
	position: absolute;
	top: 40px;
	left: 10px;
	width:265px;
	height: 50px;
	font-size:11px;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#custom-top30-addCommentOk-topWrapper-left
{
	position: absolute;
	top: 20px;
	left: 10px;
	width: 100px;
}
#custom-top30-addCommentOk-topWrapper-right .button,
#custom-top30-addCommentOk-topWrapper-right .buttonNo
{
	position: absolute;
	top: 37px;
	left: 234px;
	cursor:pointer;
}
#custom-top30-addCommentOk-topWrapper-right .buttonNo /* is voor topmomenten*/
{
	top: 24px;
	left: 310px;
}

#custom-top30-addCommentOk-topWrapper-right .image
{
	position: absolute;
	top: 19px;
	left: 18px;
	background-color:#Ed9D1B;
	padding:1px;
}
#custom-top30-addCommentOk-topWrapper-right .artistTitle
{
	position: absolute;
	top: 20px;
	left: 90px;
	width: 140px;
}
#custom-top30-addCommentOk-topWrapper-right .artistTitle span
{
	font-weight:bold;
	color:#FFFFFF;
}
#custom-top30-addCommentOk-topWrapper-right .links,
#custom-top30-addCommentOk-topWrapper-right .linksYes
{
	position: absolute;
	top: 75px;
	left: 215px;
	cursor:pointer;
	text-align:right;
}
#custom-top30-addCommentOk-topWrapper-right .linksYes /* is voor topmomenten*/
{
	top: 53px;
	left: 318px;
	
	text-align:default;
}
#custom-top30-addCommentOk-topWrapper-right .links a
{
	/* zie #user-logonWrapper .links a  */
}
#custom-top30-addCommentOk-topWrapper-right .title,
#custom-top30-addCommentOk-topWrapper-right .artist
{
	font-size:11px;
	color:#f6A800;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/**

**/
table#search-list
{
	border: 0;
	margin-left: 5px;
}

#search-list td,
#search-list td.songartist .container
{
	height:auto !important;
	height: 22px;
	min-height: 22px;
}

#search-list td.songartist span,
#search-list td.songartist a,
.search-list-header,
.search-list-header .noresults,
.search-list-header .navigation-bar a,
.search-list-header .navigation-bar a span
{
	color: #FFFFFF;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

#search-list td.songartist,
#search-list td.songartist .container
{
	width:347px;
}

#search-list td.songartist .container
{	
	background-image:url(../images/search-list-songartist-top.jpg);
	background-repeat:no-repeat;
	cursor:default;
}

#search-list tr.hover td.songartist .container,
#search-list tr.selected td.songartist .container
{
	background-image:url(../images/search-list-songartist-top-hover.jpg);
}

	#search-list td.songartist .container div.text
	{	
		background-image:url(../images/search-list-songartist-bottom.jpg);
		background-repeat:no-repeat;
		background-position:bottom left;
	}
	#search-list tr.hover td.songartist .container div.text,
	#search-list tr.selected td.songartist .container div.text
	{
		background-image:url(../images/search-list-songartist-bottom-hover.jpg);
	}
	
	#search-list td.songartist a
	{
		text-decoration: none;
	}
	
	#search-list tr.selected td.songartist a,
	#search-list tr.hover td.songartist a
	{
		color: #750A0A;
		font-weight: bold;
	}
	
	#search-list .text-helper
	{
		width:347px;
	}
	#search-list td.songartist span
	{
		display:block;
		padding-top:2px;
		padding-bottom:6px;
		padding-left:18px;
		margin-right:18px;
		width:248px;
		color:#FFFFFF;
	}
#search-list td.audio
{
	width:20px;
	padding-left: 4px;
}
#search-list td.audio a
{	
	display:block;
	width:15px;
	height:19px;
}
#search-list td.audio img
{	
	border:none;
}
.search-list-header .noresults
{
	text-align:center;
	color:#5a0505;
	font-weight:bold;
}
.search-list-header .navigation-bar
{
	text-align:center;
	height:30px;
	padding-top:10px;
	padding-bottom:5px;
}
.search-list-header .navigation-bar a
{
	font-size:12px;
	text-decoration:underline;
}
.search-list-header .navigation-bar a span
{
	font-size:9px;
}
.search-list-header .navigation-bar a.selected
{
	text-decoration:none;
}
.search-list-header .navigation-bar a.hidden
{
	display:none;
}

/**

**/

table.chart-list
{
	border: 0;
	width:732px;
}

.dojoDndSource.table.chart-list
{
	cursor:pointer;
}

.chart-list td,
.chart-list td.position div,
.chart-list td.songartist .container
{
	height:auto !important;
	height: 22px;
	min-height: 22px;
}

.chart-list td.position div,
.chart-list td.songartist span
{
	color: #FFFFFF;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

.chart-list td.position,
.chart-list td.position div
{
	width:41px;
}
.chart-list tr td.position div
{
	background-image:url(../images/chart-table-position.jpg);
	background-repeat:no-repeat;
	text-align: center;
	
	padding-left: 4px;
	padding-top: 1px;
}
.chart-list.hover tr td.position div,
.chart-list.selected tr td.position div
{
	background-image:url(../images/chart-table-position-hover.jpg);
}

.chart-list td.songartist,
.chart-list td.songartist .container
{
	width:320px;
}

.chart-list .text-helper
{
	width:296px;
}

.chart-list td.songartist .container
{	
	background-image:url(../images/chart-list-songartist-top.jpg);
	background-repeat:no-repeat;
}

.chart-list.hover td.songartist .container,
.chart-list.selected td.songartist .container
{
	background-image:url(../images/chart-list-songartist-top-hover.jpg);
}

	.chart-list td.songartist .container div.text
	{	
		background-image:url(../images/chart-list-songartist-bottom.jpg);
		background-repeat:no-repeat;
		background-position:bottom left;
	}
	.chart-list.hover td.songartist .container div.text,
	.chart-list.selected td.songartist .container div.text
	{
		background-image:url(../images/chart-list-songartist-bottom-hover.jpg);
	}
	
	.chart-list.selected td.songartist span,
	.chart-list.hover td.songartist span,
	.chart-list.hover tr td.position div,
	.chart-list.selected tr td.position div
	{
		color: #750A0A;
		font-weight: bold;
	}
	.chart-list td.songartist span
	{
		display:block;
		padding-top:2px;
		padding-bottom:6px;
		padding-left:18px;
		margin-right:18px;
		width:278px;
		color:#FFFFFF;
	}
.chart-list td.audio,
.chart-list td.delete
{
	width:20px;
	padding-left: 4px;
}
.chart-list td.audio a,
.chart-list td.delete a
{	
	display:block;
	width:20px;
	height:19px;
}
.chart-list td.audio img,
.chart-list td.delete img
{	
	border:none;
}
.chart-list td.delete
{
	padding:0;
}

.dojoDndItemOver.dojoDndItemBefore .chart-list tr td.position div,
.dojoDndItemOver.dojoDndItemAfter .chart-list tr td.position div
{
	background-image:url(../images/chart-table-position.jpg);
}
.dojoDndItemOver.dojoDndItemBefore .chart-list td.songartist .container,
.dojoDndItemOver.dojoDndItemAfter .chart-list td.songartist .container
{	
	background-image:url(../images/chart-list-songartist-top.jpg);
}
.dojoDndItemOver.dojoDndItemBefore .chart-list td.songartist .container div.text,
.dojoDndItemOver.dojoDndItemAfter .chart-list td.songartist .container div.text
{	
	background-image:url(../images/chart-list-songartist-bottom.jpg);
}
.dojoDndItemOver.dojoDndItemBefore .chart-list.selected td.songartist a,
.dojoDndItemOver.dojoDndItemBefore .chart-list.hover td.songartist a,
.dojoDndItemOver.dojoDndItemAfter .chart-list.selected td.songartist a,
.dojoDndItemOver.dojoDndItemAfter .chart-list.hover td.songartist a
{
	color: #FFFFFF;
	font-weight: normal;
}


/**
Topmomenten
**/
#topmomentenWrapperTop
{
	position: absolute;
	
	z-index: 100;
	top: 116px;
	left: 322px;
	
	width: 505px;
	height: 215px;
}
#topmomenten-workspace
{	
	position: absolute;
	
	left:0;
	top:111px;
	
	height:104px;
	width: 505px;
}
#topmomenten-workspace.activated
{
	background-repeat: no-repeat;
	background-image: url(../images/page-topmomenten-workspace-background.jpg);
}

#topmomenten-title,
#topmomenten-description
{
	position: absolute;
	left:322px;
	top:50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	color:#F6A800;
	font-size:16px;
	font-weight:bold;
}
#topmomenten-description
{
	top: 70px;
	width:400px;
	
	color:#FFFFFF;
	font-size:11px;
	font-weight:normal;
}

#topmomenten-moments .item
{
	position:relative;
	float:left;
	width: 80px;
	height: 100px;
}
#topmomenten-moments .item .image
{
	
	padding:1px;
	
	width:60px;
	overflow:hidden;
	background-color:#FFFFFF;
}
#topmomenten-moments img
{
	display:block;
	cursor:pointer;
}
#topmomenten-moments .item .title
{
	position: absolute;
	width: 80px;
	height: 30px;
	
	top: 65px;
	left:-10px;

	overflow:hidden;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	text-align:center;
}
#topmoments-mysongs .header
{
	position:relative;
	width:120px;
	height:102px;
}
#topmoments-mysongs .header img
{
	position:absolute;
	top:-21px; 
	left:0;
}
#topmoments-mysongs .footer img,
#topmoments-mysongs .footer a
{
	display:block;
}
#topmoments-mysongs .item,
#topmoments-mysongs .item.first,
#topmoments-mysongs .item.last,
#topmoments-mysongs .item.first-and-last
{
	position:relative;
	width: 120px;
	height:129px;
	
	background-image:url('../images/right-banner-topmoments-mysongs-song-background.jpg');
	background-repeat: no-repeat;
	
	overflow:hidden;
}
#topmoments-mysongs .item.first
{
	background-image:url('../images/right-banner-topmoments-mysongs-song-first-background.jpg');
}
#topmoments-mysongs .item.last
{
	background-image:url('../images/right-banner-topmoments-mysongs-song-last-background.jpg');
}
#topmoments-mysongs .item.first-and-last
{
	background-image:url('../images/right-banner-topmoments-mysongs-song-firstlast-background.jpg');
}
#topmoments-mysongs .item .topmoment,
#topmoments-mysongs .item .image,
#topmoments-mysongs .item .title
{
	position:absolute;
	left:2px;
	width:116px;
}
#topmoments-mysongs .item .image
{
	background-color:#E47F83;
	padding:1px;
	width:60px;
	height:60px;
	overflow:hidden;
	
	left:30px;
	top: 18px;
}
#topmoments-mysongs .item .topmoment,
#topmoments-mysongs .item .title
{
	text-align:center;
	line-height:15px;
}
#topmoments-mysongs .item .topmoment,
#topmoments-mysongs .item .title
{
	color: #FFFFFF;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	overflow:hidden;
}

#topmoments-mysongs .item .topmoment
{
	top: 0px;
}
#topmoments-mysongs .item .title
{
	top: 80px;
	height:48px;
	overflow: hidden;
}

/**
send to friend & comments
**/

#overlay-custom-content td,
#overlay-commentsWrapper-content td,
.stf-form td
{
	vertical-align:top;
}
#overlay-custom-content,
#overlay-commentsWrapper-content,
.stf-form
{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#750a0a;
}
#stf-topmoment,
.stf-form
{
	margin-top: 10px;
}
#overlay-custom-content .col_left,
#overlay-commentsWrapper-content .col_left,
.stf-form .col_left,
.stf-form .col_left_txt
{
	width:180px;
	text-align: right;
	font-weight:bold;
}
.stf-form .col_left_txt
{
	padding-top: 5px;
}
.stf-form .col_left_txt a
{
	font-weight:normal;
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#750a0a;
}
#overlay-custom-content .col_left img,
#overlay-commentsWrapper-content .col_left img
{
	margin-left:30px;
	display:inline;
	border: 1px solid #750a0a;
}
#overlay-custom-content .col_space,
#overlay-commentsWrapper-content .col_space,
.stf-form .col_space
{
	width:19px;
}
#overlay-custom-content .col_content,
#overlay-commentsWrapper-content  .col_content
{
	width:362px;
}
.stf-form .col_content_col_left
{
	width:181px;
}
.stf-form .col_content_col_right
{
	width:181px;
}
#overlay-custom-content .col_content h1,
#overlay-commentsWrapper-content  .col_content h1
{
	font-size: 20px;
	margin:0;
}
#overlay-custom-content .col_right,
#overlay-commentsWrapper-content .col_right,
.stf-form .col_right
{
	width:49px;
}
.stf-form .col_content_and_right
{
	width:411px;
}
.stf-form input,
.stf-form textarea
{
	border: 1px solid #750a0a;
}
#stf-friendsWrapper input
{
	width: 176px
}
.col_content_and_right input,
.col_content_and_right textarea
{
	width: 362px
}
.col_content_and_right textarea
{
	height: 100px;
}
#overlay-custom-content input,
#overlay-commentsWrapper-content input,
.stf-form textarea
{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}
.col_right .delete
{
	cursor:pointer;
	display:block;
}
.col_right .delete.hidden
{
	display:none;
}
.stf-form  .col_content_and_right img
{
	cursor:pointer;
	float:right;
	margin-right:49px;
}

#stf-friendsWrapper .warning,
#stf-friendsWrapper .warning.visible
{
	display:none;
	color:#FFFFFF;
	background-color:#FF0000;
	font-weight:bold;
	padding:3px;
	margin-left:3px;
	
	width:356px !important;
	width: 358px;
}
#stf-friendsWrapper .warning.visible
{
	display:block;
}


/** 
dojo
**/

.dijitDialogUnderlay
{
	background-color:#000000;	
}
#dialog1
{
	background-color:green
}


.dndContainer {
	cursor: default;
}
.dojoDndContainerOver {
}
.dojoDndItem { 
	width: 732px; 
}
.dojoDndItemOver {
	cursor:pointer;
}
.dojoDndItemSelected {
}
.dojoDndItemAnchor {
}
.dojoDndItemOver .dojoDndItemSelected {
}
.dojoDndItemOver .dojoDndItemAnchor {
}
.dojoDndItemBefore {
	border-top: 2px solid #463d39;
}
.dojoDndItemAfter {
	border-bottom: 2px solid #463d39;
}
.dojoDndAvatar {
	display: none;
}
.dojoDndAvatarHeader {	
}
.dojoDndAvatarItem {	
}
.dndContainer {
    width: 732px;
    display: block;
}

#htmlheader-bannerWrapper a
{
	display:block;
}
#htmlheader-bannerWrapper .topmomenten,
#htmlheader-bannerWrapper .samenstellen
{
	position: absolute;
	top:-1px;
	right:-10px;
}
#htmlheader-bannerWrapper .topmomenten
{
	top:-2px;
	right:195px;
}


#overlay-widgetWrapper-content .menu
{
	border-bottom: 1px dotted black;
	height:26px;
	margin-top:10px;
	line-height:15px;
}
#overlay-widgetWrapper-content .menu .item
{
	float:left;
	padding-left: 10px;
	padding-right: 10px;
	border-right: 1px dotted black;
}
#overlay-widgetWrapper-content .menu .item.last
{
	border: none;
}
#overlay-widgetWrapper-content .menu .item a,
#overlay-widgetWrapper-content h1,
#overlay-widgetWrapper-content div.content,
textarea#widgetResult
{
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#750A0A;
	text-decoration: none;
}
#overlay-widgetWrapper-content .menu .item a:hover
{
	text-decoration: underline;
}
#overlay-widgetWrapper-content .menu .item.close
{
	float: right;
	border: none;
}

#overlay-widgetWrapper-content h1
{
	font-size: 20px;	
	margin:10px;
}
#overlay-widgetWrapper-content div.content
{
	margin:10px;
	color:#000000;
	font-weight:normal;
}
#overlay-widgetWrapper-content div.content img
{
	border:none;
	float:left;
}
textarea#widgetResult
{
	color:#000000;
	color:#000000;
	font-weight:normal;
	width: 585px;
	height: 300px;
	display:none;
}