/*******************************************
	Dit gedeelte van de css zorgt ervoor 
	dat de scope div altijd 100% is en 
	in het midden staat
********************************************/

html,body 
{
	margin:0;
	padding:0;
	height:100%; 										/* nodig voor scope min-height */
	
}

div#scope 
{
	margin:0 auto; 									/* centreren van de scope */
	width:1000px;
	background-color:#ececec;
	
	height:auto !important; 
	height:100%; 										/* IE6: ziet het als min-height */
	min-height:100%; 								/* voor echte browers */
	
	border-left:1px solid #a1a1a1;
	border-right:1px solid #a1a1a1;
}

div#header 
{
	height:78px;
	background-image:url(../images/head/bar_background.gif);
	border-bottom:1px solid #0077a4;
}


div#main 
{
	border-top:1px solid #f0f0f0;
	background-image:url(../images/main/fade_background.gif);
	background-repeat:repeat-x;
}

/*******************************************/

form div,
form
{
	display:inline;
}

img
{
	border:0px solid #000;
}

a
{
	text-decoration:none;
}


/*
	Alles wat de oranje kleur moet hebben is hier gedefinieerd.
	Als de kleur veranderd moet worden kan dat hier op 1 plek.	
*/

h1,
a:hover, 
div.popular_feedinfo div.whiteline,
div.popular_feedinfo h2,
span.button_arrowdown a:hover,
span.button a:hover,
a.lastitem_more,
.sideblock_nobullets ul li a:hover,
.sideblock ul li a:hover,
.anylinkcss a.inactive:hover,
.anylinkcss a:hover,
.actionbar a:hover, 
.more_options a.inactive:hover, 
.more_options a:hover
{
	color:#FF6600;
}

img.logo
{
	float:left;
}

.content
{
	width:100%;	
}

table div table,
table,
table td,
table tr
{
	border-spacing:0px;
	padding:0px;
	margin:0px;
	border-collapse: collapse;
}


a ,h1, h2, h3, h4, .phoneblock, .mainContent
{
	font-family:Trebuchet MS, Verdana, Arial;
}

.mainContent
{
	font-size:12px;
	min-height:400px;
}



h1, h3, h4,h5
{
	font-weight:bold;
	display:inline;
}

h1
{
	font-style:italic;
	font-size:13.4pt;	
}

h2
{
	font-size:14px;
	padding:0px;
	margin:0px;
	color:#0182b3;
}

h3
{
	font-size:15px;
	color:#0182b3;
}

h5
{
	font-size:11px;
	
}


img.icon_right,
img.icon_left,
img.icon
{
	vertical-align:middle;
	padding-right:6px;
}

#debugmode
{
	background-color:#ffe0e0;
	border:1px solid #ff9292;
	position:absolute; 
	z-index:100; 
	font-size:10px; 
	font-family:Verdana;
	display:block;
	left:0;
	top:0;
	height:30px;
	width:auto;
}

span.button_arrowdown,
span.button
{
	display:table;
	border:1px solid #cccccc;
	background-image:url(../images/main/button_background.gif);
	background-repeat:repeat-x;
	line-height:15px;
	height:18px;	
}

span.button_arrowdown a,
span.button a
{
	display:block;
	#display:inline; 							/*IE 7 */
	
	border:1px solid #f8f8f8;
	padding:0px 5px 0px 5px;
	
	font-weight:bold;
	font-size:11px;
	color:#9d9d9d;
	cursor:pointer;
	word-spacing:nowrap;
	height:16px;
	line-height:18px;
}

span.button_arrowdown a
{
	background-image:url(../images/main/button_arrowdown_gray.gif);
	background-repeat:no-repeat;
	background-position:center right;
	padding-right:25px;
}

span.button_arrowdown a:hover
{
	background-image:url(../images/main/button_arrowdown_orange.gif);
	background-repeat:no-repeat;
	background-position:center right;
	padding-right:25px;
}

span.button_arrowdown a:hover,
span.button a:hover
{
	word-spacing:nowrap;
}

img.button_icon
{
	vertical-align:middle; 
	margin-top:-4px; 
	margin-right:5px;
}

div.mainContent div.main_panes
{
	display:block;
	padding:16px 20px 8px 20px;
}

div.mainContent div.main_panes table
{
	width:520px;
}

div.mainContent div.main_panes table td
{
	text-align:center;
}

.infoMessage
{
	padding: 12px;
	text-align:center;
	font-weight:bold;
}

table.stdfw {
	width:100%;
}

table.stdfw thead
{
	background-color:#eef6f9;
	height:24px;
	border-bottom:1px solid #b4d6eb;
}

table.stdfw thead th
{
	padding:0px;
	padding-left:10px;
}

table.stdfw td {
	padding: 4px;
}
	

ul.biglist li,
ul.biglist li a {
	color:#0182B3;
	font-size:14px;
}

/*******************************************
	head_menu.css
********************************************/
.menu ul li
{
	display: inline;
}

.menu ul
{
	text-align:center;
	padding:0px;
	margin:0px;
	vertical-align:middle;
}

.menu
{
	width:630px;
	float:right;
	height:78px;
	line-height:78px;
}

.menu a
{
	padding-right:30px;
	padding-left:30px;
	display:block;
	float:left;
	
	font-size:18pt;
	font-style:italic;
	color:#FFF;
	text-decoration:none;
}

.menu a:hover
{
	background-image:url(../images/head/menu_select.gif);
	background-repeat:no-repeat;
	background-position:50% 35px;	
	color:#FFF;
}

img.menuicon
{
	padding-right:5px;
	vertical-align:middle;
	padding-bottom:4px;
}

/*******************************************
	main_actionbar.css
********************************************/
.actionbar,
.actionbar a
{
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
	letter-spacing:1px;
	color:#0075a2;
	padding-left:1px;
	padding-right:1px;
}

.actionbar span.button,
.actionbar span.button a {
	color:#0075a2;
	display:inline;	
}
.actionbar span.button a:hover {
	color:#FF6600;
}


.actionbar ul li
{
	display:inline;
	font-family:Trebuchet MS;
	font-weight:normal;
}

.actionbar ul li.lastitem
{
	padding-right:15px;

}

.actionbar
{
	height:23px;	
	text-align:right;
}

img.flag
{
	padding-bottom:3px;
}


img.flag,
img.lang_arrow
{
	vertical-align:middle;
	padding-right:6px;
}

a.languages:hover .lang_arrow
{
	background-image:url(../images/main/arrow_down_orange.gif);

}

span.lang_arrow
{
	padding-right:20px;
	background-image:url(../images/main/arrow_down.gif);
	background-repeat:no-repeat;
	background-position:center right;
	margin-right:6px;
}

.actionbar input
{
	border:1px solid #6ca6bd;
	margin:-2px 1px 0px 0px; 
	padding: 2px 2px 3px 4px; 
	width: 100px;
	
	color:#c1c1c1;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:9px;
	font-weight:normal;
	line-height:10px;
	text-decoration:none;
	
	background-image:url(../images/main/input_background.gif);
	vertical-align:middle;
}

.anylinkcss
{
	position:absolute;
	display: none;
	z-index: 100;
	background-image:url(../images/main/languages_drop_background.gif);
	height:85px;
	text-align:left;
	padding:0px;
	margin-left:18px;
	padding-top:5px;
}

.anylinkcss li ul
{
	display:inline;
	width:107px;
}

.anylinkcss a.inactive
{
	color:#6e6e6e;
}

.anylinkcss a
{
	display:block;
	padding-left:27px;
	width:79px;
	line-height:20px;
}


.anylinkcss a.inactive span.flag_fr,
.anylinkcss a.inactive span.flag_de,
.anylinkcss a.inactive span.flag_nl,
.anylinkcss a.inactive span.flag_en
{
	background-position:0px 0px;
}

.anylinkcss a:hover span.flag_en,
.anylinkcss a:hover span.flag_de,
.anylinkcss a:hover span.flag_nl,
.anylinkcss a:hover span.flag_fr,
.anylinkcss a span.flag_en,
.anylinkcss a span.flag_fr,
.anylinkcss a span.flag_de,
.anylinkcss a span.flag_nl
{
	position:absolute;
	width:12px;
	height:9px;
	margin:5px 0px 0px -20px;
	background-position:12px 0px;
}

.anylinkcss a span.flag_nl
{
	background-image:url(../images/main/flag_nl.gif);
}

.anylinkcss a span.flag_en
{
	background-image:url(../images/main/flag_en.gif);
}

.anylinkcss a span.flag_de
{
	background-image:url(../images/main/flag_de.gif);
}

.anylinkcss a span.flag_fr
{
	background-image:url(../images/main/flag_fr.gif);
}

a.languages
{
	padding-left:23px;
}

a.languages span.flag_nl
{
	position:absolute;
	width:12px;
	height:9px;
	margin:3px 0px 0px -20px; 
	background-image:url(../images/main/flag_nl.gif);
	background-position:12px 0px;
}

/*******************************************
	main_style.css
********************************************/
.period
{
	font-weight:bold;
	color:#918f8d;
	text-align:right;
}

.mainContent div,
.maincontent p
{
	padding:10px 20px 0px 20px;
	white-space:normal;
}

.mainContent div div
{
	padding:0px;
}


.mainContent div.dotted_line
{
	border-bottom:2px dotted #d8d8d8;
	padding:5px 0px 5px 0px;
}

.main_right,
.main_left
{
	width:220px;	
	vertical-align:top;
}

.main_center
{
	vertical-align:top;
	width:560px;
}

.noTitle_top,
.noTitle
{
	height:5px;
	border-top:1px solid #a1a1a1; 
	border-left:1px solid #a1a1a1; 
	border-right:1px solid #a1a1a1; 
	background-color:#FFF;
}

.noTitle_top
{
	margin-top:18px;
}

.mainContent
{
	background-color:#FFF;
	border-bottom:1px solid #a1a1a1; 
	border-left:1px solid #a1a1a1; 
	border-right:1px solid #a1a1a1;
	padding-bottom:10px;
}

div.filter_options div
{
	width:510px; 
	margin-left:-15px;
	margin-top:3px; 
	padding-top:8px; 
	border-top:1px dotted #a1a1a1;
	height:110px;
}

div.filter_options div table
{
	width:250px;
	font-size:12px;
	font-family:Trebuchet MS;
	color:#0182b3;
}

input.checkbox,
.filter_options table tr td input[type=checkbox]
{
	padding:0px; 
	margin:5px 0px 0px 0px;
	border:0px solid #f00;
	background-image:none;
	width:20px;
	float:left;
}

.filter_options table tr td
{	
	padding-left:5px;
}

.mainContent div.filter_options
{
	width:500px; 
	background-color:#f8f8f8;
	background-image:none;
	border-bottom:1px dotted #a1a1a1;
	height:120px;
}

.mainTitle_gray div.filter_options div
{
	background-image:none;
}

.mainTitle_gray,
.mainTitle
{
	height:37px;
	width:100%;
	
	background-image:url(../images/main/mainTitle_remain_background.gif);
	background-color:#FFF;
	background-repeat:repeat-x;
}

.mainTitle_gray
{
	background-image:url(../images/main/mainTitle_remain_background_gray.gif);
	background-color:#f8f8f8;
	height:45px;
	border-bottom:1px dotted #bebebe;
}

.mainTitle_gray table
{
	width:100%;
	height:100%;
}

.mainTitle_gray table td
{
	vertical-align:top;	
}

.mainTitle_gray table td.button
{
	padding:23px 5px 0px 0px;
	width:2px;
}

.mainTitle_gray table td input,
.mainTitle_gray table td.button span
{
	float:right;
}

.mainTitle_gray input
{
	border:1px solid #b6b6b6;
	margin:23px 5px 0px 0px; 
	padding: 2px 2px 3px 4px; 
	width: 152px;								/* Wordt in de browser 88px breed, door alle marges en paddings */
	
	color:#c1c1c1;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:normal;
	line-height:10px;
	text-decoration:none;
	height:12px;	
	background-image:url(../images/main/input_background.gif);
}

.mainTitle_gray div,
.mainTitle div
{
	background-image:url(../images/main/mainTitle_middle.gif);
	float:left;
	padding:0px 15px 0px 15px;
	height:37px;
	white-space:nowrap;
	overflow:hidden;
	max-width:450px;
}

.mainTitle_gray div
{
	background-image:url(../images/main/mainTitle_middle_gray.gif);
}

.mainTitle_fade div
{
	background-image:url(../images/main/bigTitle_fadecorner_middle.gif);
	height:9px;
	float:left;
}

.bigTitle div
{
	background-image:url(../images/main/bigTitle_middle.gif);
	float:left;
	width:172px;
	height:28px;
	text-align:center;
}

.bigTitle_fade div
{
	background-image:url(../images/main/bigTitle_fadecorner_middle.gif);
	height:9px;
	width:176px;
	float:left;
}

.mainTitle_fade,
.bigTitle_fade
{
	clear:both;
}

.mainTitle_gray img,
.mainTitle_gray_fade img,
.mainTitle img,
.mainTitle_fade img,
.bigTitle img,
.bigTitle_fade img
{
	float:left;
}

.side_leftblock
{
	width:190px; 
	margin:0 auto;
}

table .tableblock
{
	margin:0px; 
	padding:0px; 
	
	width:100%;
}

.phoneblock
{
	clear:both;
	border-left:1px solid #a1a1a1;
	border-right:1px solid #a1a1a1;
	border-bottom:1px solid #a1a1a1; 
	background-color:#FFF;
	background-image:url(../images/main/carkit_telefoon.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
	height:95px;
	padding:0px 0px 0px 10px;
	line-height:22px;
	color:#949494;
	font-weight:bold;
	font-size:12px;
}

.phoneblock img
{
	vertical-align:middle;
	padding-right:5px;
	padding-bottom:3px;
}

.adblock
{
	text-align:center;
	vertical-align:middle;
}

.adblock,
.sideblock_nobullets,
.sideblock
{
	clear:both;
	width:188px;
	background-color:#FFF;
	border-left:1px solid #a1a1a1;
	border-right:1px solid #a1a1a1;
	border-bottom:1px solid #a1a1a1; 
	line-height:28px;
	padding-bottom:5px;
}

.sideblock_shadow_left
{
	background-image:url(../images/main/sideblock_shadowleft.gif);
	background-repeat:no-repeat;
	background-position:right bottom;

}

.sideblock_shadow_left_small
{
	background-image:url(../images/main/sideblock_shadowleft_small.gif);
	background-repeat:no-repeat;
	background-position:right bottom;

}

.sideblock_shadow_right_small
{
	background-image:url(../images/main/sideblock_shadowright_small.gif);
	background-repeat:no-repeat;
	background-position:left bottom;

}

.sideblock_shadow_right
{
	background-image:url(../images/main/sideblock_shadowright.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}

.sideblock_shadow_bottom a
{
	color:#0182b3;
	font-size:10px;
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;
	
}

.sideblock_shadow_bottom
{
	text-align:center;
	background-image:url(../images/main/sideblock_shadowbottom.gif);
	background-repeat:repeat-x;
}

.sideblock_shadow_leftcorner
{
	background-image:url(../images/main/sideblock_shadow_leftcorner.gif);
	background-repeat:no-repeat;
	background-position:right top;
}

.sideblock_shadow_rightcorner
{
	background-image:url(../images/main/sideblock_shadow_rightcorner.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

.sideblock_content
{
	width:190px;
}

/*******************************************
	main_treeview.css
********************************************/
.sideblock_nobullets a,
.sideblock a
{
	font-weight:bold;
	font-size:12px;
	color:#0182b3;
}

.sideblock_nobullets ul,
.sideblock ul 
{
	margin:0px;
	padding:0px;
	vertical-align:middle;
	list-style-type:none;
}

.sideblock ul li a
{
	background-image:url(../images/main/arrow_right.gif);
	background-repeat:no-repeat;
	background-position:0px 7px;
	padding-left:20px;
	display:block;
}
.sideblock ul li a:hover {
	background-image:url(../images/main/arrow_right_orange.gif);
}

.sideblock ul li a.ondown
{
	background-image:url(../images/main/arrow_down.gif);
	background-repeat:no-repeat;
	background-position:0px 7px;
	padding-left:20px;
	display:block;
}
.sideblock ul li a.ondown:hover
{
	background-image:url(../images/main/arrow_down_orange.gif);
}

.sideblock_nobullets ul li a
{
	padding-left:12px;
	display:block;
}

.sideblock_nobullets ul li a.nolink:hover,
.sideblock_nobullets ul li a.nolink
{
	color:#0182b3
}

.sideblock_nobullets ul li ul li a
{
	margin-left:20px;
	font-weight:normal;
	line-height:22px;
}

a.lastitem_more
{
	text-align:right;
	font-size:11px;
	padding-right:15px;
	margin-top:-10px;
}

.sideblock ul li
{
	cursor:hand !important;
	cursor:pointer !important;
	padding-left:10px;
}

.sideblock ul li ul a,
.sideblock ul li ul a:hover
{
	font-weight:normal;
	font-size:11px;
	display:block;
	padding:1px 0px 1px 40px;
	margin-left:-20px;
	background-image:none;
	line-height:20px;
	height:18px;
	color:#0182b3;
}

.sideblock ul li ul li a:hover
{
	background-color:#f6fafc;
	border-top:1px dashed #babcbd;
	border-bottom:1px dashed #babcbd;
	padding:0px 0px 0px 40px;
}

/*******************************************
	listen_stats.css
********************************************/
table .listen_stats
{
	width:100%;
}

.listen_feed_open
{
	background-color:#fcfcfc;
	border-top:1px solid #cecdcd;
	border-right:1px solid #cecdcd;
	border-left:1px solid #cecdcd;
}

.listen_feed
{
	background-color:#f6f6f6;
}

.listen_feed_open
.listen_feed
{
	height:24px;
	
	border-right:1px solid #ebebeb;
	border-left:1px solid #ebebeb;
	border-top:1px solid #ebebeb;
	margin:0px;
	padding:0px;
}

.feed_details_open
{
	height:92px; 
	border-right:1px solid #cecdcd;
	border-left:1px solid #cecdcd;
	border-bottom:1px solid #cecdcd;
	background-color:#fcfcfc;
}

.feed_details
{
	height:92px; 
	border-right:1px solid #ebebeb;
	border-left:1px solid #ebebeb;
	background-color:#f6f6f6;
}

.feed_details_open table td.buttons,
.feed_details table td.buttons
{
	vertical-align:bottom;
}

.feed_details_open table td,
.feed_details table td
{
	color:#888888;
}

.feed_details_open table .thumb,
.feed_details table .thumb
{
	width:87px;
}

.feed_details_open table,
.feed_details table
{
	width:100%;
}

.listen_feed .feed_name {
	cursor:pointer ;	
}	

.listen_feed .feed_name img
{
	margin-top:-3px;
	padding-left:4px;
}

.progressbar
{
	float:right;
}

.progressbar div.underlay
{
	width:200px;
}

.progressbar div.underlay span.time_listened,
.progressbar div.underlay span.time_total
{
	font-weight:bold; 
	color:#000; 
}

.progressbar div.underlay span.time_listened
{
	float:left; 
	padding-left:5px;
}

.progressbar div.underlay span.time_total
{
	float:right; 
	margin-right:0px; 
	padding-right:5px;
}

.progressbar div.overlay
{
	clear:both; 
	position:absolute; 
	width:250px;
}

.progressbar div.overlay .progress
{
	overflow:hidden; 
	background-color:#6ca3cc; 
	word-spacing:nowrap; 
	z-index:2;
}

.progressbar div.overlay span.time_listened
{
	float:left; 
	font-weight:bold; 
	color:#FFF; 
	padding-left:5px; 
	overflow:hidden; 
	word-spacing:nowrap; 
	width:100px;
}

.progressbar div.overlay span.time_total
{
	font-weight:bold; 
	padding-right:5px; 
	color:#FFF;
	float:right; 
}

/*******************************************
	playlists.css
********************************************/
.playlistHeader
{
	padding-bottom:10px;
}

.mainContent div div.gray_line
{
	border-top:2px solid #f0f0f0;
	padding:1px 0px 2px 0px;
}

.playlists ul
{
	margin:0px;
	padding:0px;
	
	list-style-type:none;
	vertical-align:middle;
	line-height:24px;
}


.playlists ul li ul li
{
	font-family:Trebuchet MS, Times New Roman;
	font-size:11px;
	color:#0182b3;
	list-style-type:none;
	cursor:default;
	clear:both;
	margin-left:-10px;
	background-color:#fcfcfc;
}

.playlists ul li
{
	cursor:hand !important;
	cursor:pointer !important;
	padding-left:10px;
	background-color:#f6f6f6;
	clear:both;
}

.playlists ul li ul a,
.playlists ul li ul a:hover
{
	font-weight:normal;
	font-size:11px;
	display:block;
	padding:1px 0px 1px 40px;
	margin-left:-20px;
	background-image:none;
	line-height:24px;
	height:24px;
	color:#7f4500;
}


.playlists ul li ul li a .feedlist_actions
{
	display: none;
}

.playlists ul li ul li a:hover .feedlist_actions
{
	display: inline;
}

.playlists img.icon_left
{
	margin-top:3px;
}

.playlists img.icon_left,
.playlists span.left,
.playlists div.left
{
	float:left;
}

.playlists img.icon_right,
.playlists span.right,
.playlists div.right
{
	float:right;
}

.playlists img.icon_right
{
	margin-top:4px;
	margin-right:-1px;
}

.onhover
{
	background-color:#b4d6eb;
}

.playlists h4
{
	font-size:11px;
}

.grip
{
	 cursor: move;
	 float:left; 
	 height:26px; 
	 z-index:20; 
	 margin:-1px 0px 0px -40px;
}

/*******************************************
	feed_details.css
********************************************/
table.feed_info img.feed_thumb
{
	border:1px solid #888888;
}


table.feed_info td
{
	padding:0px 5px 0px 0px;
	vertical-align:top;
}

table.feed_info td.information
{
	
	padding:0px 0px 0px 10px;
}

table.feed_info td.information table
{
	margin-bottom:5px;

}

table.item_heading,
table.detailed h4
{
	color:#0182b3;	
}

table.item_heading
{
	border-bottom:1px solid #dddede;

}

img.rating
{
	margin:0px 0px 0px 8px;
	vertical-align:middle;
}

.more_options
{
	position:absolute;
	display: none;
	z-index: 100;
	background-image:url(../images/main/more_option_background.gif);
	background-repeat:repeat-x;
	background-color:#f5f5f5;
	list-style-type: none;	
	text-align:left;
	padding:0px;
	margin-left:21px;
	padding-top:5px;
	margin-top:0px;
	border:1px solid #cccccc;
}

.more_options ul li
{
	display:inline;
	width:107px;
}

.more_options a
{
	display:block;
	padding-left:6px;
	width:79px;
	line-height:26px;
	font-weight:bold;
	color:#9d9d9d;
}

table.feedlist
{
	clear: both;
	width:100%;
	margin-top:5px;
}

table.feedlist tbody.heading td
{
	padding-left:5px;
	background-color:#eef6f9;
	border-top:1px dotted #bebebe;
	border-bottom:1px solid #b4d6eb;
	cursor:default;
}

table.feedlist tbody.heading td table.headbar td
{
	border:0px solid #f00;
	cursor:default;
}

table.feedlist tbody:hover
{
	background-color:#f1f8fb;
	border:1px solid #b5d6eb;
}

.action_icons
{
	display:none;
	float:right;
}


table.feedlist tbody:hover .action_icons
{
	display:block;
}

table.feedlist tbody
{
	height:24px;
	background-color:#fafafb;
	cursor:pointer;	
}

table.feedlist tbody.heading
{
	height:24px;
	background-color:#eef6f9;
	border-top:1px dotted #bebebe;
	border-bottom:1px solid #b4d6eb;
}

table.feedlist tbody div.item_details
{
	background-color:#fafafb;
	padding:8px 8px 0px 29px;
	height:90px;
	border-bottom:1px solid #d6d6d6;
	overflow:auto;
}
table.feedlist tbody div.item_details p
{
	margin-top: 0;
}

img.arrow_right
{
	vertical-align:middle;
}

img.arrow_down
{
	vertical-align:middle;
}

table.item_heading td
{
	padding-left:5px;
}

table.feedlist tbody:hover td h4
{
	font-weight:bold;
}

table.item_heading td h4
{
	font-weight:normal;
}

.feed_copyright
{
	margin-top:8px;
	font-size:9px;
	font-family:Arial;
}

.feed_details_icons
{
	position:absolute; 
	width:128px; 
	margin-top:-22px; 
	margin-left:23px;
}

/*******************************************
	feed_thumbs.css
********************************************/
table.feed_thumbs
{
	width:100%;

}

table.popular_feeds td,
table.feed_thumbs td
{
	height:75px;
	width:75px;	
	padding:0px;
	margin:0px;
}

table.popular_feeds td div,
table.feed_thumbs td a
{
	display:block;
	width:75px;
	height:75px;
	padding:4px;
	cursor:pointer;
}

table.popular_feeds td div:hover,
table.feed_thumbs td a:hover
{
	display:block;
	padding:3px;
	border:1px solid #ff9752;
	background-color:#fff5d2;
	width:75px;
	height:75px;
}

.feedcode
{
	float:right;
	display:inline;
}

div.popular_feedinfo div.broodtekst,
div.popular_feedinfo div.whiteline
{
	padding-left:5px;
	padding-right:5px;
	padding-top:4px;
	background-color:#e7e7e7;
}

div.popular_feedinfo div.whiteline
{
	border:1px solid #FFF;
}

div.popular_feedinfo div.broodtekst
{
	background-color:#FFF;
	color:#000;
	height:154px;
	overflow:auto;
}

div.popular_feedinfo div.feed_copyright
{
	background-color:#FFF;
	color:#000;
	padding: 5px;
}

div.popular_feedinfo
{
	vertical-align:top;
	border:1px solid #9a9a9a;
	margin-left:8px;
	height:240px;
}

img.icon_mob
{
	vertical-align:middle;
	margin-top:-4px;
}

/*******************************************
	feed_list.css
********************************************/
div.mainContent div.feed_list
{
	clear:both;
	padding: 12px 0 12px 0;
}

div.feed_list table
{
	width:100%;

}

div.feed_list table tbody.heading
{
	background-color:#eef6f9;
	height:24px;
	border-bottom:1px solid #b4d6eb;

}

div.feed_list table tbody.heading td
{
	padding:0px;
	padding-left:10px;
}


div.feed_list table td img
{
	margin:3px;
	
}

div.feed_list table td
{
	padding-left:10px;
	padding-top:5px;
	
	vertical-align:top;
}

div.feedlist_item_buttons a
{
	padding-left:1px;
	padding-right:1px;

}

div.feedlist_item_buttons
{

	margin-right:10px;
}

.feedlist_item
{
	border-bottom:2px dotted #CCCCCC;
	padding-top:6px;
	padding-bottom:6px;
}

/*******************************************
	form.css
********************************************/
div.form_holder {
	padding-top: 20px;
}

div.form_holder .errorMessage {
	display: block;
	font-weight: bold; 
	color:#f65c58;
	text-align: center;
}

table.form_input td
{
	font-weight:bold;
	color:#0081b7;
	padding:8px;
	vertical-align:top;
}

table.form_input td.labelerror,
table.form_input td.label
{
	text-align:right;
	font-weight:bold;
	width:180px;
}

table.form_input td.labelerror
{
	color:#f65c58;
}

table.form_input td input,
table.form_input td textarea
{
	border:1px solid #b6b6b6;
	padding: 2px 2px 3px 4px; 
	
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:10px;
	text-decoration:none;
	background-image:url(../images/main/input_background.gif);
	background-repeat:repeat-x;
}

table.form_input td input.error
{
	background-image:url(../images/main/input_error_background.gif);
	border:1px solid #ff7c78;
}

table.form_input td input[type=checkbox]
{
	width:13px;
	height:13px;
	margin-left:5px;
	padding:0px;
	border:0px solid #FFF;
}

table.form_input input.button {
	float:right; 
	width:9.0em; 
	margin-right:8px; 
}
table.form_input input.button:hover {
	cursor: pointer; 
}

table.form_input .hint {
	font-weight:normal;
	margin:0;
}
table.form_input .error {
	display: block;
	font-weight: bold; 
	color:#f65c58;
	text-align: left;
	margin:0;
}

/*******************************************
	buttons.css
********************************************/
span.button_details
{
	display:block;
	width:71px;
	height:20px;
	background-image:url(../images/main/button_details.jpg);
	cursor:pointer;
}
span.button_details:hover { background-position:-71px 0px; }

span.button_play
{
	display:block;
	width:95px;
	height:20px;
	background-image:url(../images/main/button_play.jpg);
	cursor:pointer;
}
span.button_play:hover { background-position:-95px 0px; }

span.button_add
{
	display:block;
	width:92px;
	height:20px;
	background-image:url(../images/main/button_add.jpg);
	cursor:pointer;
}
span.button_add:hover { background-position:-92px 0px; }

span.button_remove
{
	display:block;
	width:86px;
	height:20px;
	background-image:url(../images/main/button_verwijder.gif);
	cursor:pointer;
}
span.button_remove:hover { background-position:-86px 0px; }

span.button_up
{
	display:block;
	width:74px;
	height:20px;
	background-image:url(../images/main/button_omhoog.gif);
	cursor:pointer;
}
span.button_up:hover { background-position:-74px 0px; }

span.button_down
{
	display:block;
	width:74px;
	height:20px;
	background-image:url(../images/main/button_omlaag.gif);
	cursor:pointer;
}
span.button_down:hover { background-position:-74px 0px; }

span.button_download
{
	display:block;
	width:99px;
	height:20px;
	background-image:url(../images/main/button_download.gif);
	cursor:pointer;
}
span.button_download:hover { background-position:-99px 0px; }

span.icon_rss
{
	display:block;
	width:16px;
	height:16px;
	background-image:url(../images/main/icon_rss.gif);
	cursor:pointer;
	margin-left:1px;
	margin-right:1px;
}
span.icon_rss:hover { background-position:-16px 0px; }

span.icon_winamp
{
	display:block;
	width:16px;
	height:16px;
	background-image:url(../images/main/icon_winamp.gif);
	cursor:pointer;
	margin-left:1px;
	margin-right:1px;
}
span.icon_winamp:hover { background-position:-16px 0px; }

span.icon_itunes
{
	display:block;
	width:16px;
	height:16px;
	background-image:url(../images/main/icon_itunes.gif);
	cursor:pointer;
	margin-left:1px;
	margin-right:1px;
}
span.icon_itunes:hover { background-position:-16px 0px; }

span.icon_wmp
{
	display:block;
	width:16px;
	height:16px;
	background-image:url(../images/main/icon_wmp.gif);
	cursor:pointer;
	margin-left:1px;
	margin-right:1px;
}
span.icon_wmp:hover { background-position:-16px 0px; }