/*oveview menu*/
.overviewMenu{
	height: 37px;
	}
	.overviewMenu ul{
		display: inline;
		margin:0px;
		padding:0px;
		list-style-type: none;
		}
		.overviewMenu ul li{
			float: left;
			margin: 0 10px 0 0;
			}
			.overviewMenu ul li a{
				height: 37px;
				display: block;
				padding: 0 0 0 10px;
				color: #fff;
				text-decoration: none;
				font: bold 11px Arial, Helvetica, sans-serif;
				}
			.overviewMenu ul li a span{
        		cursor: hand;
				padding: 11px 5px 13px 0;
				min-width: 60px;
				display: block;
				}
			.overviewMenu ul li a:hover,
			.overviewMenu ul li a.active{
				background: #f4bf1e url(../images/overview-menu-item-hover-l.gif) no-repeat top left;
				color: #000;
				text-decoration: none;
				}
			.overviewMenu ul li a:hover span,
			.overviewMenu ul li a.active span{
				background: url(../images/overview-menu-item-hover-r.gif) no-repeat top right;
				padding: 11px 5px 13px 0;

				}

.overviewWrap{
	width: 623px;
	margin: 0 0 0 0;
	background:#000 url(../images/block-related-bg.jpg) repeat-x;
	padding:19px 27px;
	border:1px solid #535354;
	border-top:2px solid #F4BF1E;
	overflow:hidden;
	}

/*overview items*/

.multieView {
	background:#131217;
	height:29px;
	width:657px;
	border:1px solid #323135;
	border-top:0px;
	color:#fff;
	font-weight:bold;
	padding:9px 0 0 20px;
	}
	.multieView a {
		color:#F4BF1E;
	}
	.multieView a:hover {text-decoration:none}

.overviewItem {
	position:relative;
	overflow:hidden;
	height:76px;
	padding:17px;
	background:#000 url(../images/overview-item-bg.png) repeat-x;
	}
	.noBg {
		height:auto;
		background:none;
		border-bottom:1px solid #292929
	}
	.noBorder {
		border:0px;
	}
	.overviewItem a:hover {
		text-decoration:none;
		}
.itemImg {
	float:left;
	overflow:hidden;
	margin:0 20px 0 0;
}
.itemInfo {
	float:left;
	width:425px;
	}
	.MessageInfo {
		width:140px;
	}
	.itemInfo h5 a {
		font-size:11px;
		color:#F4BF1E;
		text-decoration:underline;
		margin:0px;
		padding:0px;
	}
	.itemInfo span {
		display:block
	}
	.itemInfo span a {
		color:#FF0000;
		font-weight:bold
	}
.itemTxt {
	width:360px;
	overflow:hidden;
	}
	.itemTxt p {
		margin:0 0 15px 0;
		}
.itemRating {
	float:left;
	width:95px;
	height:75px;
	}

/**********************
	Profile
**********************/

#profileWrap {
	overflow:hidden;
	width:675px;
	background:#000 url(../images/border-vert.png) 321px 0px repeat-y;
	border:1px solid #323135;
	margin:30px 0 0 0
}

#profileWrapper {
	overflow:hidden;
	width:677px;
	background:#000;
	border:1px solid #323135;
	margin:0;
}

#leftProfile {
	float:left;
	width:322px;
	overflow:hidden;
}
#rightProfile {
	float:left;
	width:353px;
	overflow:hidden;
}

.profileTitle {
	background:url(../images/title-background.png) repeat-x;
	height:35px;
	border-bottom:1px solid #323135;
	padding:15px 0 0 25px;
	position:relative;
	}
	.profileTitle h5, h2 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:17px;
		font-weight:bold;
		background:none !important;
		padding:0px !important;
		text-transform:uppercase
	}
	.profileTitle a {
		position:absolute;
		top:14px;
		right:15px;
		color:#F4BF1E;
		}
		.profileTitle a:hover {text-decoration:none}

#profileTop {
	overflow:hidden;
	border-bottom:1px solid #323135;
}
	.profileAvatar {
		float:left;
		overflow:hidden;
		width:128px;
		height:143px;
		padding:17px 0 0 21px;
		border-right:1px solid #323135;
		font-family:Verdana, Geneva, sans-serif;
		font-size:11px;
		}
		.profileAvatar img {
			margin:0 0 5px 0;
		}
		.profileAvatar a {
			color:#F3BF1E;
			text-decoration:underline;
		}
		.profileAvatar a:hover {
			color:#F3BF1E;
			text-decoration:none;
		}

	.profileRespect {
		float:left;
		overflow:hidden;
		width:171px;
		background:url(../images/div-background.png) repeat-x;
		border-right:1px solid #3A393C
		}
		.profileRespect span {
			display:block;
			font-weight:bold;
			font-size:13px;
			padding:5px 0 5px 15px;
			border-bottom:1px solid #323135;
			}
		.profilePoints {
			padding:15px 0 0 0 !important;
			}
			.profilePoints span {
				border:0px !important;
				padding:0px !important
			}
			span.xpoints {
				display: block;
                width:90px;
                text-align: right;

                font-size:35px;
				font-weight:bold;
				/* margin: 0 !important; */
				margin:0 auto;
				padding:0px !important;
			}
			div.starsRating {
				width:100px;
				margin:0 auto;

			}
			.starsRating a{
				text-decoration: none;
			}
			span.rating {
				font-family:Verdana, Geneva, sans-serif;
				font-size:11px;
				text-align:center;
				font-weight:normal !important;
			}

.profileInfo {
	clear:both;
	overflow:hidden;
	padding:20px 25px 20px 25px;
	}
	.profileInfo a {
		color:#F3BF1E;
		}
		.profileInfo a:hover {text-decoration:none}

	.profileInfo ul {
		margin:0 0 0 25px;
	}

.profileBlock {
	padding:20px 0 10px 25px;
	overflow:hidden;
	background:url(../images/div-background.png) repeat-x;
}

.profileFriends {
	padding:20px 0 10px 25px;
	overflow:hidden;
	background:url(../images/div-background.png) repeat-x;
}
.friendsTable {
	border:0px;
	width:100%;
	}
	.friendsTable td {padding:0 0 45px 0; width:20%; text-align:center; vertical-align:top}
	.profileFriends img {display:block; margin:0 auto 5px auto;}
	.profileFriends a {color:#fff; font-weight:bold;}
	.profileFriends a:hover {text-decoration:none}
	.profileFriends span {display:block; font-size:10px; margin:2px auto 0 auto; width:50px; text-align:left;}
	.profileFriends .artist{padding-left:17px; background:url(../images/icon_artist.png); background-repeat:no-repeat; background-position:left center;}
	.profileFriends .listen{padding-left:17px; background:url(../images/icon_listen.png); background-repeat:no-repeat; background-position:left center;}

.replyTable {
	border:0px;
	width:100%;
	}
	.replyTable td.Title {padding:0 0 15px 0; text-align:left; width:40%; vertical-align:top}
	.replyTable td.Value {padding:0 0 15px 0; text-align:left; width:60%; vertical-align:top}
	.replyTable a {color:#fff}
	.replyTable a:hover {text-decoration:none}

.overviewWrap .columnLeft {
	width:462px;
	margin:15px 0 0 0;
	float:left;
}
.overviewWrap .columnRight {
	width:120px;
	margin:15px 0 0 0;
	float:right;
}
	.overviewWrap .columnRight p {
		width:120px;
		padding:0 0 2px 0;
		font-weight:bold;
		border-bottom:1px solid #fff;
	}
	.overviewWrap .columnRight ul {
		list-style:none;
		padding-top:4px;
	}
	.overviewWrap .columnRight ul li {
		width:30px;
		height:25px;
		text-align:center;
		float:left;
	}



/**********************
	/ Profile
**********************/

		.block .red{
			background: url(../images/block-topRed-bg.gif) repeat-x top left;
			border: 1px solid #933c33;
			}
			.block .red span.icon{
				background: url(../images/block-topRed-guitar.png) no-repeat top left;
				width: 101px;
				height: 124px;
				position: absolute;
				top: -55px;
				left: -23px;
				}
		.block .gold{
			background: url(../images/block-topGold-bg.png) repeat-x top left;
			border: 1px solid #59595E;
			position:relative;
			}
		.block .gold img {
			position:absolute;
			top:4px;
			left:10px;
			}
		.block .gold span {
			position:absolute;
			top:42px;
			left:80px;
			font-size:14px;
			font-weight:bold;
			}
			span.online {
				background:url(../images/icon_online.png) no-repeat;
				display:block;
				color:#fff;
				font-weight:bold;
				position:absolute;
				top:10px !important;
				left:580px !important;
				font-size:13px !important;
				padding:0 0 0 25px;
			}
			span.offline {
				background:url(../images/icon_offline.png) no-repeat;
				display:block;
				color:#fff;
				font-weight:bold;
				position:absolute;
				top:10px !important;
				left:580px !important;
				font-size:13px !important;
				padding:0 0 0 25px;
			}
		.block .blue{
			background: url(../images/block-topBlue-bg.gif) repeat-x top left;
			border: 1px solid #39465f;
			}
			.block .blue span.icon{
				background: url(../images/block-topBlue-mic.png) no-repeat top left;
				width: 76px;
				height: 101px;
				position: absolute;
				top: -45px;
				left: -10px;
				}
		.block .green{
			background: url(../images/block-topGreen-bg.gif) repeat-x top left;
			border: 1px solid #375f40;
			}
			.block .green span.icon{
				background: url(../images/block-topGreen-dancer.png) no-repeat top left;
				width: 102px;
				height: 99px;
				position: absolute;
				top: -33px;
				left: -16px;
				}
		.block .black{
			background: url(../images/block-topBlack-bg.gif) repeat-x top left;
			border: 1px solid #535354;
			height: 39px;
			}


		.blockContent{
			border: 1px solid #37373b;
			}
			.blockContent .titelbalk{
				background: url(../images/block-content-titel-bg.gif) repeat-x top left;
				border-bottom: 1px solid #37373b;
				width: 655px;
				height: 26px;
				margin: -1px 0 0 0;
				padding: 5px 0 0 20px;
				}
				.blockContent .titelbalk h5{
					width: 326px;
					float: left;
				}
				.blockContent .titelbalk a{
				    color: #fff;
				    text-decoration: none;
                }
        	.blockContent .subtitelbalk{
				background: url(../images/block-content-titel-bg.gif) repeat-x top left;
				border-top: 1px solid #37373b;
				border-bottom: 1px solid #37373b;
				width: 283px;
				height: 26px;
				margin: -1px 0 0 0;
				padding: 5px 0 0 20px;
				}

		.blockContent .subColLeft{
			float: left;
			width: 303px;
			height:auto;
			border-right: 1px solid #37373b;
			}
			.blockContent .subColLeft .spotlight{
				height:125px; padding: 10px;
				}
			.blockContent .subColLeft .fotos{
				height:105px;padding: 5px 0px 0px 15px;
				}
			.blockContent .subColLeft img{
				border-bottom: 1px solid #37373b;
				}
				a.imgLink {
					margin:0px !important;
					padding:0px !important
				}
			.blockContent .subColLeft h5 a{
				background: #000;
				color:#fff !important;
				margin:0px !important;
				height: 26px;
				display:block;
				text-decoration:none;
				padding: 5px 0 0 20px !important;
				}
				.blockContent .subColLeft h5 a:hover {text-decoration:underline}

			.blockContent .subColLeft p{
				margin: 10px 20px 10px 20px;
				}
			.blockContent .subColLeft a:link,
			.blockContent .subColLeft a:visited{
				margin: 0 20px;
				color: #f4bf1e;
				font-weight: bold;
				}
			.blockContent .subColLeft a:hover,
			.blockContent .subColLeft a:active{
				text-decoration: none;
				}

		.blockContent .subColRight{
			float: left;
			width: 371px;
			margin: 0;
			}

			.blockContent .subColRight .postItem{
				width:371px;
				}
				.blockContent .subColRight .postItem tr:hover{
					background:#37373b;
					cursor:pointer;
					}
				.blockContent .subColRight .postItem td{
					border-bottom: 1px solid #37373b;
					padding:5px 0;
					}
				.blockContent .subColRight .postItem td img{
					border:1px solid #0f0e13;
					}
				.blockContent .subColRight .postItem h6{
					margin:0;
					}
				.blockContent .subColRight .postItem h6 a{
					font: bold 12px Arial, Helvetica, sans-serif;
					color: #f4bf1e;
					text-decoration: underline;
					}
				.blockContent .subColRight .postItem h6 a:hover,
				.blockContent .subColRight .postItem h6 a:active{
					text-decoration: none;
					}
				.blockContent .subColRight .postItem p{
                    font-size: 11px;
					}

			.postList{
				list-style-type: none;
				margin: -1px 0 0 0;
				}
				.postList li{
					background: url(../images/block-content-list.gif) no-repeat 20px 15px;
					height: 27px;
					padding: 13px 0 0 43px;
					}
					.postList li.odd{
						background: #222126 url(../images/block-content-list.gif) no-repeat 20px 15px;
						}
				.postList li a{
					color: #f4bf1e;
					}
				.postList li a:hover,
				.postList li a:active{
						text-decoration: none;
					}

/**********************
	Berichten
**********************/
.berichten a{
	color:#F4BF1E;
}
	.berichten .new a{
		font-weight:bold;
	}
	.berichten .new span{
		font-weight:bold;
	}
.berichten p{
	line-height:20px;
}
.berichten ul{
	padding-top:4px;
	padding-left:15px;
}
	.berichten ul li{
		padding-bottom:4px;
	}
.berichten span{
	display:block;
	padding-top:5px;
}
.berichten hr{
	color:#F4BF1E;
	background-color:#F4BF1E;
	width:440px;
	height:1px;
	border:0;
	margin:12px auto 5px auto;
}
.berichten .UserInfo{
	width:90px;
	float:left;
	margin:0 10px 0 0;
}
.berichten .itemInfo{
	width:270px;
	margin:0 20px 0 0;
}
.berichten .itemActie{
	width:100px;
	float:left;
	line-height:25px;
}
	.berichten .itemActie img{
		display:block;
		float:left;
		margin:4px 4px 0 0;
	}

.berichten .columnLeft{
	width:450px;
	margin-right:0;

}
	.berichten .columnLeft .friend{
		display:block;
		float:left;
		color:#000;
		font-weight:bold;
		margin-right:10px;
		background-color:#f4bf1e;
		cursor:pointer;
		margin-bottom:10px;
	}
	.berichten .columnLeft .friend span{
		background:url(../images/messageLeft.png) no-repeat center left;
		display:block;
		padding:0;
		padding:0 0 0 4px;
	}
	.berichten .columnLeft .friend span span{
		background:url(../images/messageRight.png) no-repeat center right;
		padding:0;
		padding:0 7px 0 0;
	}
	.berichten .columnLeft input.keyWord{
		border:1px solid #0D0D0D;
		height:18px;
		width:345px;
		margin:0;
	}

.berichten .columnRight{
	float:left;
	width:165px;
}
	.berichten .columnRight p{
		width:165px;
		margin-bottom:13px;
	}
	.berichten .columnRight select.Friends{
		border:1px solid #0D0D0D;
		width:165px;
		margin:0;
	}
	.berichten .columnRight select.Friends option{
		margin:1px 0 1px 4px;
	}



/**********************
	Weblog
**********************/
.berichten .blogInfo{
	width:377px;
}
.berichten .blogItem{
	height:auto;
}



/**********************
	Agenda
**********************/
.agendaLeft{
	width:168px;
	float:left;
	margin-right:20px;
}
.agendaRight{
	width:430px;
	float:left;
}
.agendaRight .overviewItem span{
	width:300px;
}
.agendaRight .overviewItem a{
	color:#F3BF1E;
}
.agendaRight .overviewItem span a{
	color:#ff0000;
}
.agendaDate div{
	display:block;
	font-size:10px;
	font-weight:bold;
	margin-top:-5px;
}
.agendaRight .agendaDate{
	margin-top:10px;
}

.agendaLeft .kalender{
	width:168px;
}
	.agendaLeft .kalender td{
		text-align:center;
		padding-right:1px;
		cursor:default;
	}
	.agendaLeft .kalender .active{
		background:url('../images/kalenderItem.gif') no-repeat;
		color:#000;
		font-weight:bold;
	}



/**********************
	Fotoalbums
**********************/
.fotoalbumOverzicht{
	display:block;
	margin:10px 0 10px 0;
}
.fotoalbumOverzicht a{
		color:#F4BF1E;
		font-weight:bold;
		text-decoration:underline;
	}
	.fotoalbumOverzicht a:hover{
		text-decoration:none;
	}
.fotoalbumOverzicht .tableOverzicht{
	width:90%;
	margin:0 auto;
}
	.fotoalbumOverzicht .tableOverzicht td{
		height:75px;
		border-bottom: 1px solid #F4BF1E;
		padding:20px 0 20px 0;
	}
	.fotoalbumOverzicht .tableOverzicht .albumName{
		padding-left:0px;
	}
	.fotoalbumOverzicht .tableOverzicht .albumPhoto{
		width:100px;
		text-align:center;
	}
	.fotoalbumOverzicht .tableOverzicht .albumPhoto img{
		height:60px;
		max-width:80px;
		border:1px solid #23262f;
		padding:1px;
	}
	.fotoalbumOverzicht .tableOverzicht .lastItem{
		border-bottom:0;
	}


.fotoalbumFotosLeft{
	display:block;
	margin:10px 20px 10px 20px;
	float:left;
	width:460px;
}
	.fotoalbumFotosLeft p{
		width:420px;
		margin:0 20px 10px 20px;
		font-weight:bold;
	}
	.fotoalbumFotosLeft p span{
		font-style:italic;
		font-size:10px;
		padding-right:10px;
		font-weight:normal;
	}
	.fotoalbumFotosLeft img{
/*		height:280px;*/
		max-width:420px;
		margin:0 20px;
	}
.fotoalbumFotosRight{
	display:block;
	margin:30px 0 10px 0;
	float:left;
	width:150px;
	height:320px;
}
	.fotoalbumFotosRight .toTop{
		display:block;
		width:150px;
		height:20px;
		background:url('../images/fotoalbumTop.png') no-repeat;
		color:#000;
		cursor:pointer;
	}
	.fotoalbumFotosRight .toBottom{
		display:block;
		width:150px;
		height:20px;
		background:url('../images/fotoalbumBottom.png') no-repeat;
		color:#000;
		cursor:pointer;
	}
	.fotoalbumFotosRight .showPhotos{
		display:block;
		width:148px;
		height:280px;
		border:1px solid #f3bf1e;
		overflow:hidden;
	}
		.fotoalbumFotosRight .showPhotos .itemPhoto{
			display:block;
			width:128px;
			padding:10px 10px 0 10px;
		}
			.fotoalbumFotosRight .showPhotos .itemPhoto img{
				width:128px;
			}



/**********************
	Instellingen
**********************/
.instellingen{
	margin:0;
}
	.instellingen a{
		color:#F4BF1E;
		font-weight:bold;
		text-decoration:underline;
	}
	.instellingen a:hover{
		text-decoration:none;
	}
	.instellingen .colLeft{
		display:block;
		float:left;
		border:1px solid #535354;
    border-right: 0;
		width:200px;
	}
		.instellingen .colLeft ul{
			list-style:none;
		}
			.instellingen .colLeft ul li{
				position:relative;
				overflow:hidden;
				padding:13px 10px 13px 25px;
				background:#000 url(../images/overview-item-bg.png) repeat-x top;
				font-weight:bold;
				text-decoration:underline;
				cursor:pointer;
				color:#F4BF1E;
			}
			.instellingen .colLeft ul li:hover{
				text-decoration:none;
			}





	.instellingen .colRight{
		display:block;
		float:left;
		border:1px solid #535354;
		width:473px;
		min-height:246px;
	}
	.instellingen .colRight p{
		line-height:18px;
		margin-bottom:10px;
	}
		.instellingen .colRight h2{
			display:block;
			font-size:17px;
			font-weight:bold;
			line-height:40px;
			border-bottom:1px solid #535354;
			text-transform:uppercase;
			padding-left:15px !important;
		}
		.instellingen .colRight .content{
			padding:15px !important;
		}
			.instellingen .colRight .content table tr{
				height:20px;
			}
			.instellingen .colRight .content .genre{
				display:block;
				float:left;
				color:#000;
				font-weight:bold;
				margin-right:10px;
				background-color:#f4bf1e;
				cursor:pointer;
				margin-bottom:10px;
			}
			.instellingen .colRight .content .genre span{
				background:url(../images/messageLeft.png) no-repeat center left;
				display:block;
				padding:0;
				padding:0 0 0 4px;
			}
			.instellingen .colRight .content .genre span span{
				background:url(../images/messageRight.png) no-repeat center right;
				padding:0;
				padding:0 7px 0 0;
			}
			.instellingen .colRight table.albumInfo tr{
				height:16px;
			}
			.instellingen .colRight table td.albumActie ul{
				list-style:none
			}
			.instellingen .colRight table td.albumActie ul li{
				color:#F4BF1E;
				font-weight:bold;
				cursor:pointer;
				padding-left:20px;
				line-height:22px;
				text-decoration:underline;
			}
			.instellingen .colRight table td.albumActie ul li:hover{
				text-decoration:none;
			}
			.instellingen .colRight table td.albumActie ul li.edit{
				background-image:url(../images/icon_edit.png);
				background-repeat:no-repeat;
				background-position:left center;
			}
			.instellingen .colRight table td.albumActie ul li.delete{
				background-image:url(../images/icon_delete.png);
				background-repeat:no-repeat;
				background-position:left center;
			}
			.agendaDate{
				width:70px;
				height:47px;
				border:1px solid #454545;
				text-align:center;
				font-size:30px;
				font-weight:bold;
				color:#454545;
				padding-top:3px;
			}
			.agendaDate:hover{
				border:1px solid #F4BF1E;
				color:#F4BF1E;
				cursor:pointer;
			}
				.agendaDate span{
					display:block;
					font-size:10px;
					font-weight:bold;
					margin-top:-5px;
				}

			.instellingen .colRight hr{
				color:#F4BF1E;
				background-color:#F4BF1E;
				width:440px;
				height:1px;
				border:0;
				margin:8px auto;
			}
			.instellingen .colRight input.button{
				border:1px solid #4E5053;
				background:url(../images/block-button-bg.jpg) repeat-x;
				color:#fff;
				font-weight:bold;
				letter-spacing:0.15ex;
				font-size:11px;
				height:22px;
				padding:0 10px;
				display:block;
			}


  .profileFriends .delete {
    width: 80px;
    background:transparent url(../images/icon_delete.png) no-repeat scroll left center;
    height: 16px;
    padding-left:17px;
  }

  .profileFriends .delete a {
    display: block;
    padding-top: 2px;
    color: #f00;
  }


.abuseButton a{
  background-image: url(/images/alert_icon.png);
  background-repeat: no-repeat;
  padding-left: 18px;
  color: #F4BF1E !important;
}