/* 
	CSS Document
	Sky Radio Groep
	Radio Veronica Special

	veronicablue	#00AEEF
	lightgrey		#d9d9d9

*/




body { 
	behavior:url("/css/csshover.htc");  /* behaviour script voor css hover effect in IE6 */
	}

/************************************** 
	ALGEMEEN 
***************************************/

	a, a:link, a:active, a:hover { outline:none; }
	
	/* FLOATS */
	.hidden { display:none; }
	.floatright { float:right; }
	.floatleft { float:left; }
	.clear { clear:both; }
	.clearfix:after {
	    content: ".";
	    display: block;
	    clear: both;
	    visibility: hidden;
	    line-height: 0;
	    height: 0;
	}
	.clearfix { display: inline-block; }
	html[xmlns] .clearfix { display: block; }
	* html .clearfix { height: 1%; }
	

	.divider { clear:both; }


/***************************************
	 LIJST 
****************************************/

	table#top1000 {
		width: 675px;
		border-collapse: collapse;
		padding: 0;
		margin: 0;
	}
	
	table#top1000 th {
		background: #000;
		padding:6px 8px;
		color:#fff;
		font:bold 12px Arial;
		line-height:15px;
		cursor:pointer;
		vertical-align:top;
	}
	
	table#top1000 th.nopad {
		padding:8px 0 0;
	}
	table#top1000 td {
		background:#000;
		padding:4px 8px;
		color:#fff;
		font:normal 12px Arial;
		text-align:left;
	}
	
	table#top1000 tr.even td { background:#25baf1; }
	table#top1000 tr.odd td { background:#0fa1d8; border:1px dotted #fff; border-width:1px 0; }
	table#top1000 tr:hover td { background:#095a78; }
	table#top1000 thead th span { display:block; float:left; } 
	table#top1000 th a.sorting { width:15px; height:15px; display:block; float:left; background:#000 url(../images/sorting_inactive.gif) no-repeat 100% 50%; }
	table#top1000 th a.sorting_asc { width:15px; height:15px; display:block; float:left; background:#000 url(../images/sorting_asc.gif) no-repeat 100% 50%; }
	table#top1000 th a.sorting_desc { width:15px; height:15px; display:block; float:left; background:#000 url(../images/sorting_desc.gif) no-repeat 100% 50%; }
	

	/* LIJST INFO POPUP */
	
		.h4 {
			font:bold 14px Arial, sans-serif;
			color:#00aeef;	
			margin:0 0 15px;	
		}
	
		div.icon {
			position:absolute;
			cursor:pointer;
			display:block;
			top:0px;
			left:0px;
			width:15px;
			height:15px;
			background:transparent url(../images/icon_info.png) no-repeat top left; 
		}
			
		div.icon:hover {
			background-position:bottom left;
		}
	
		
		div.popup_item{ 
			padding:5px 0;
			border-bottom:1px dotted #00aeef;
		}

		
		.twitter.popup_item {
			padding-left:20px;
			background:url(../images/twitter-logo.png) no-repeat 0 50%;	
		}
		
		.hyves.popup_item {
			padding-left:20px;
			background:url(../images/hyves-logo.png) no-repeat 0 50%;	
		}
		
		.youtube.popup_item {
			padding-left:35px;
			background:url(../images/youtube-logo.png) no-repeat 0 50%;	
		}
		
		.bol.popup_item {
			padding-left:50px;
			background:url(../images/bol-logo.gif) no-repeat 0 50%;
		}
		
		.email.popup_item {
			padding-left:15px;
			background:url(../images/email-icon.png) no-repeat 0 50%;
		}
		
		.search.popup_item {
			padding-left:15px;
			background:url(../images/search-icon.png) no-repeat 0 50%;
		}
	
		.moreinfo {
			position:relative;
			width:15px;
			height:15px;
			font:normal 10px Arial, sans-serif;
			color:#000;
		}
			
		.popup_cont {		
			width:342px;
			position:absolute;
			top:-100px;
			left:-360px;
			color:#000;
			display:none;
		}
	
		.popup {
			background:#fff;
			padding:25px;
		}	

		/* LIJST ZOEK */
	
		form#zoekForm {
			display:block;
			width:150px;
			height:20px;
			margin:0;
			float:right;
			border:0;
			padding:0;
		}
		
		div#zoekveld { 
			float:left;
			height:20px;
			width:126px;
			background:url(../images/bg_searchfield.png) no-repeat 0 50%;
			border:0;
			padding:0;
		}
		
		div#zoekveld input#q { 
			width:100px;
			height:15px;
			font:normal 11px/11px Arial;
			color:#999;
			border:0;
			padding:0;
			margin:2px 8px 0px 18px;	
		}
		
		form#zoekForm input#submit {
			float:right;
			margin:0;
			display:inline;
			color:#fff;
			height:20px;
			width:20px;
			border:0;			
			padding:0;
		}						
	
	/* DATATABLES */

	#ranktable_filter { 
		display:block;
		margin:10px 0;
		padding:5px 0 5px 15px;
		background:#eee;						
	}
	
	#ranktable_filter input { border:1px solid #ccc; }
	#ranktable_wrapper { clear:both; margin-top:20px; }
	#ranktable_paginate { clear:both; margin-top:20px; }
	#ranktable_paginate span.paginate_button, #ranktable_paginate span.paginate_active { border:1px solid #00aeef; display:block; float:left; margin:0 5px 0 0; padding:5px; background:#e5f7fd; font:normal 11px Arial, sans-serif; color:#00aeef; cursor:pointer; }
	#ranktable_paginate span.paginate_active { color:#000; border-color:#000; }
	#ranktable_paginate span:hover { color:#fff; background:#00aeef; border:1px solid #00aeef; }