/* P5 Webtemplate v1.2.1 */
/* Normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline;zoom:1}html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-size:13px;line-height:1.231;margin:0}body,button,input,select,textarea{font-family:sans-serif;color:#222}a{color:#00e}a:visited{color:#551a8b}a:hover{color:#06e}a:focus{outline:0;}a:hover,a:active{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}pre,code,kbd,samp{font-family:monospace, monospace;_font-family:'courier new', monospace;font-size:1em}pre{white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:none}small{font-size:85%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}ul,ol{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;margin-left:-7px;padding:0}button,input,select,textarea{font-size:100%;vertical-align:middle;margin:0}button,input{line-height:normal;overflow:visible}table button,table input{overflow:auto}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}input[type=checkbox],input[type=radio]{box-sizing:border-box}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:vertical}input:invalid,textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.ir{display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0000);height:1px;overflow:hidden;position:absolute;width:1px;margin:-1px;padding:0}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;overflow:visible;position:static;width:auto;margin:0}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.clearfix{zoom:1}audio:not([controls]),[hidden],.ir br{display:none}::-moz-selection,::selection{background:#666;color:#fff;text-shadow:none}figure,form{margin:0}@media print{*{background:transparent!important;color:#000!important;text-shadow:none!important;filter:none!important;-ms-filter:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^=javascript:]:after,a[href^=#]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}

/* Styles */
html {
	height : 100%;
}

body {
	background : #d2d2d2 url('../img/bg_noise.jpg');
	color : black;
	font-family : "Segoe UI", Calibri, Tahoma, sans-serif;
	font-size : 15px;
	height : 100%;	
	position : relative;
}

@font-face {
  font-family: 'cast';
  src: url('../fonts/cast.eot?17655852');
  src: url('../fonts/cast.eot?17655852#iefix') format('embedded-opentype'),
       url('../fonts/cast.woff?17655852') format('woff'),
       url('../fonts/cast.ttf?17655852') format('truetype'),
       url('../fonts/cast.svg?17655852#cast') format('svg');
  font-weight: normal;
  font-style: normal;
}
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "cast";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-youtube-play:before { content: '\e800'; } /* '' */
.icon-facebook-squared:before { content: '\e801'; } /* '' */
.icon-twitter:before { content: '\e802'; } /* '' */
.socials {
	position: absolute;
    text-align: right;
    right: 0;
    top: 50px;
    font-size: 18px;
}
.socials a { text-decoration: none; color: #212121; }
.socials a:hover { filter: alpha(opacity=70); opacity: 0.7; }

        #toTop {
                width:100px;
                border:1px solid #ccc;
                background:#f7f7f7;
                text-align:center;
                padding:5px;
                position:fixed;
                bottom:10px;
                right:10px;
                cursor:pointer;
                display:none;
                color:#333;
                font-family:verdana;
                font-size:11px;
        }

	#bgLines {
		width : 100%;
		height : 555px;
		background : url('../img/bg_lines.png') no-repeat top center;
		position : absolute;
		z-index : 1;
		top : 0;
		left : 0;
	}
	
	#feedback {
	        display : block;
	        width : 300px;
	        height : 320px;
	        position : fixed;
	        left : -332px;
	        top : 20%;
	        background : #EFEAEA;
	        border : 2px solid #AC1414;
	        border-left : 0;
	        z-index : 100;
	        padding : 15px;
	}
	       #feedback.open { left : 0; }
	       .feedBackLabel {
                        background : #EFEAEA url('../img/feedback_label.png') no-repeat 0 0;
                        border : 2px solid #AC1414;
                        border-left : 0;
                        height : 91px;
                        position : absolute;
                        right : -35px; /* -66px */
                        top : 38px;
                        padding : 0;
                        cursor : pointer;
                        width : 33px;
                        display : block;
	       }
	               .feedBackLabel:hover {
	                       background-color : #ac1414;
	               }
        #feedback input {
                height : 32px !important;
        }
	.transition {
		-webkit-transition: all 350ms ease;
		-moz-transition: all 350ms ease;
		-o-transition: all 350ms ease;
		transition: all 350ms ease;
	}
	
	.topRadius {
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-bottomleft: 0px;
		-moz-border-radius-topright: 3px;
		-moz-border-radius-bottomright: 0px;
		-webkit-border-radius: 3px 3px 0px 0px;
		border-radius: 3px 3px 0px 0px;
	}
	
	.leftRadius {
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-bottomleft: 3px;
		-moz-border-radius-topright: 0px;
		-moz-border-radius-bottomright: 0px;
		-webkit-border-radius: 3px 0px 0px 3px;
		border-radius: 3px 0px 0px 3px;
	}
	
	.rightRadius {
		-moz-border-radius-topleft: 0px;
		-moz-border-radius-bottomleft: 0px;
		-moz-border-radius-topright: 3px;
		-moz-border-radius-bottomright: 3px;
		-webkit-border-radius: 0px 3px 3px 0px;
		border-radius: 0px 3px 3px 0px;
	}
	
	.allRadius {
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	
	.ellipsis {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	.halfOpacity {
		opacity: 0.3;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
		filter: alpha(opacity=30);
	}
	
	.gradient, 
	.weergaveSelect a.darkgradient:hover,
	.weergaveSelect2 a.darkgradient:hover,
	#results .list .cd,
	.actionsButton,
	.singleBar.gradient.noHover:hover,
	a.toCd,
	a.textButton,
	.submitButtonProjects,
	.expansionBar .viewCD {
		background : #f5f5f5;
	}
	
	.darkgradient,
	.overlayWindow .input-button:hover,
	#register .input-button:hover,
	#mydata .input-button:hover,
	#searchContainer .textSearch .dropDown .dropDownWindow span:hover {
		background: #a3a3a3;
		background: -moz-linear-gradient(top, #a3a3a3 0%, #727272 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3a3a3), color-stop(100%,#727272));
		background: -webkit-linear-gradient(top, #a3a3a3 0%,#727272 100%);
		background: -o-linear-gradient(top, #a3a3a3 0%,#727272 100%);
		background: -ms-linear-gradient(top, #a3a3a3 0%,#727272 100%);
		background: linear-gradient(top, #a3a3a3 0%,#727272 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3a3a3', endColorstr='#727272',GradientType=0 );
	}
	
	#autoFill {
		position: absolute;
		border: 1px solid #ccc;
		background: white;
		width: 760px;
		margin-top: 36px; 
		z-index: 101;
		padding: 10px;
		display: none;
	}
	
	#results .grid .cd:hover,
	.expansionBar .singleBar:hover,
	#results .list .cd:hover,
	.categoryChooser a.actionsButton:hover,
	.sidebarBlok .singleBar:hover {
		background : #ce9c9e;
	}
	.cd.active, #results .list .cd.active,
	.categoryChooser a.actionsButton.selected,
	.expansionBar .singleBar.active,
	a.toCd:hover,
	a.textButton:hover,
	.submitButtonProjects:hover,
	.expansionBar .viewCD:hover {
		background : #9d1117;
		cursor : pointer;
	}
	
	.overlayWindow label {
		width: 270px;
		color: #fff;
		float: right;
		display: block;
		line-height: 24px;
		height: 24px;
		margin-bottom: 10px;
	}
	
	.icon {
		display : block;
		width : 18px;
		height : 18px;
		background : url('../img/icons.png') no-repeat 0 0;
	}
	
		.icon.down { background-position : 0 0; }
		.icon.right.white { background-position : -18px 0; }
		.icon.down.white { background-position : -36px 0; }
		.icon.listView { background-position : -55px 0;}
		.icon.gridView { background-position : -74px 0;}
		.icon.dateOrder { background-position : -367px 0;}
		.icon.labelOrder { background-position : -387px 0;}
		.icon.play { background-position : -95px 0;}
		.icon.stop { background-position : -228px 0;}
		.icon.project { background-position : -113px 0;}
		.icon.loading { background: none; padding: 1px 10px; }
		.icon.addedToProject { background-position : -291px 0; }
		.icon.deleteproject { background-position : -246px 0;}
		.icon.download { background-position : -138px 0;}
		.icon.download.disabled { background-position : -162px 0;}
		.icon.download.wav,
		.wav .icon.download { background-position : -341px 0;}
		.icon.flag.en { background-position : -186px 0;}
		.icon.flag.nl { background-position : -207px 0;}
		.icon.warning { background-position : -317px 0;}
		.icon.flag {
			width : 20px;
			height : 13px;
		}
		
		h2 {
			margin : 0;
			font-size : 18px;	
		}
		
#container {
	width : 978px;
	display : block;
	margin : 0px auto;
	position : relative;
	z-index : 2;
}

#header {
	position : relative;
	height : 98px;
}

	.logo {
		padding : 10px 0 0 16px;
		display : block;
		width : 230px;
	}

	ul.nav {
		list-style : none;
		display : block;
		position : absolute;
		top : 10px;
		right : 21px;
		z-index : 2;
	}
	
		ul.nav.loggedIn {
			top : 10px;
		}
	
		ul.nav li {
			float : left;
		}
		
		ul.nav li a {
			text-decoration : none;
			color : #414141;
			padding : 5px;
		}
		
		ul.nav li a:hover {
			color : #9d1117;
		}
		
		.loggedInUser {
			position : absolute;
			top : 45px;
			right : 26px;
			color : #9d1117;
			text-transform : capitalize;
		}
		
		.defaultProject {
			position : absolute;
			right : 26px;
			top : 62px;
			font-size : 13px;
			color : gray;
			text-decoration: none;
		}
		.nav a.loginLink {
		    color: #a21216;
		}
		
		.defaultProject:hover {
			color: #9d1117;
		}
		
		#projectSelect {
			width: 280px;
		}
		
		#projectNameForm {
			display: none;
			position : absolute;
			left : 330px;
			top : 48px;
		}
		
		      #projectNameForm .input-text {
		              float : left;
			  width: 200px !important;
		      }
		      
		      #projectNameForm .submitButtonProjects {
		              padding : 4px 4px;
		              right : auto;
		              bottom : auto;
		              margin-left : 5px;
		              position : relative;
		              top : -7px;
		      }
		
		a.flag {
			position : absolute;
			right : 0;
			top : 29px;
		}
		
			a.flag.nl {
				top : 45px;
			}
		
 #footer {
 	clear : both;
 	display : block;
 	text-align : right;
 	font-size : 12px;
 	color : #8a8a8a;
 	height : 25px;
 	line-height : 25px;
 	padding : 0 21px 10px 21px;
 }
 
 	#footer a {
 		color : #8a8a8a;
 		text-decoration : none;
 	}
 	
 		#footer a:hover {
 			color : black;
 		}
 		
 	#footer .footerLinks {
 		margin-right : 10px;
 	}


/* SearchContainer */
	#searchContainer {
		background : #EFEAEA;
		border : 1px solid #9f9f9f;
		position : relative;
		margin-bottom : 18px;
	}
	
		.itemShadow {
			display : block;
			width : 978px;
			height : 13px;
			background : url('../img/shadow-itembottom.png') no-repeat top center;
			position : absolute;
			bottom : -13px;
			left : 50%;
			margin-left : -489px;
		}
	
		#searchContainer .textSearch {
			padding-top : 18px;
			position : relative;
		}
		
		#searchContainer .genreSearch {
			padding-top : 18px;
			position : relative;
			display : none;
			height : auto;
		}
		
		#searchContainer .viewPanes {
			display : block;
			padding : 0 21px;
		}
		
			#searchContainer.appliedFilter .viewPanes {
				background : #9d1117; /* #c9c0bc */
				border-top : 1px solid #9f9f9f;
			}
			
				#searchContainer.appliedFilter .tabs  {
					background : #9d1117; /* #c9c0bc */
					border-bottom : 1px solid #9f9f9f;
					color : white;
				}
				
					#searchContainer.appliedFilter .tabs  .inactive {
						color : #414141;	
					}
		.tabs_nroftracks { color: #9F9F9F; line-height: 28px; }
		
		#searchContainer .textSearch .input-text, #searchContainer .textSearch .dropDown {
			width : 782px;
			color : #5c5c5c;
			background : white;
			padding : 8px 10px;
			border : 1px solid #8e8e8e;
			font-size : 16px;
			-webkit-box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
			-moz-box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
			box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
			display : block;
			float : left;
		}
		
		#searchContainer .textSearch .dropDown {
			width : 134px;
			border-left : 0;
			height : 19px;
			overflow : hidden;
			position : absolute;
			right : 0;
			top : 18px;
			z-index : 98;
			cursor : pointer;
			padding-bottom: 7px;
		}
		
			#searchContainer .textSearch .dropDown .icon {
				float : right;
				margin : 3px 0 -3px 0;
			}
			
			#searchContainer .textSearch .dropDown .dropDownWindow {
				display : block;	
				margin-top : 8px;
			}
			
				#searchContainer .textSearch .dropDown .dropDownWindow span {
					display : block;
					padding : 4px 0;
					border-top : 1px solid #8e8e8e;
				}
				
				#searchContainer .textSearch .dropDown .dropDownWindow span:hover {
					color : white;
				}
		
	#searchContainer .tabs {
		padding : 12px 0 0 21px;
		display : block;
		height : 28px;
		color : #575757;
		position : relative;
	}
	
		#searchContainer .tabs .tab, #searchContainer .searchButton {
			float : left;
			display : block;
			padding : 4px 12px 6px 12px;
			margin : 1px 1px 0 1px;
		}
		
		#searchContainer .tabs .tab.inactive, #searchContainer .searchButton {
			border : 1px solid gray;
			border-bottom : 0;
			cursor : pointer;
			margin : 0;
			background : #cccccc;
			-webkit-box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
			-moz-box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
			box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
		}
		
			#searchContainer .tabs .tab.inactive:hover, #searchContainer .searchButton {
				background : #0084ff;
				color : white;
			}
			
		#searchContainer .searchButton {
			width : 131px;
			position : absolute;
			right : 21px;
			bottom : 0;
			padding : 4px 10px 6px 10px;
		}
		
			#searchContainer .searchButton:hover {
				background : #6fbaff;
				-webkit-box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
				-moz-box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
				box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
			}
		
			#searchContainer .searchButton .icon {
				float : right;	
				margin : 2px 0px -3px 0px;
			}
			
			#searchContainer .searchButton.inResults {
				right : 180px;
				width : 200px;
			}
			
				#searchContainer .searchButton.inResults .icon {
					margin-top : 3px;	
				}
				
		#searchContainer .appliedFilter {
			line-height : 30px;
			padding : 2px 21px;
		}
		
			#searchContainer .filterElement,
			#searchContainer .filterElementStatic,
			#assignedCategories .appendedCategory,
			a.toCd,
			a.textButton,
			.submitButtonProjects {
				border : 1px solid #afafaf;
				padding : 2px 4px;
				margin : 0;
				font-size : 14px;
			}
			
			#searchContainer .filterElement:hover,
			#assignedCategories .appendedCategory:hover {
				color : white;
				background : black;
				cursor : pointer;
			}
				#searchContainer .filterElement:hover .removeFilter,
				#assignedCategories .appendedCategory:hover .removeFilter { color : red; }
				
			#searchContainer .searchType {
				color : #666;
				font-size : 80%;
			}
	
	#searchContainer .recommendedFilters {
		padding : 5px 21px;
		overflow: hidden;
		width: 100%;
		position: relative;
	}
	
		#searchContainer .recommendedFilters h3 {
			color: #820000;
			font-size: 14px;
			margin: 3px 0px;
		}
		
		#searchContainer .recommendedFilters a {
			color: #fff;
			font-size: 11px;
			text-decoration: none;
		}
		
		#searchContainer .recommendedFilters span {
			display: block; 
			float: left;
			margin: 2px;
			background-color: #A21216;
		}
		
		#searchContainer .recommendedFilters #suggestedLabelCodes span {
			width: 80px;
			text-align: center;
		}
		
		#searchContainer .recommendedFilters div#suggestedLabelCodes {
			width: 30%;
			float: left;
		}
		
		#searchContainer .recommendedFilters div#suggestedCategories {
			width: 70%;
			float: left;
		}
	
		#searchContainer .recommendedFilters .loadingFilters {
			width : 100%;
			text-align : center;
			padding : 20px 0;
			color : #9f9f9f;
		}
		
		.suggestedCatContainer {
			width: 216px;
			float: left;
			font-size: 12px;
			color: #555;
			text-align: center;
		}
		
			.suggestedCatContainer .filterElement {
				width: 94px;
				text-align: left;
			}
			
			#searchContainer .recommendedFilters .showMoreBar {
				width: 976px;
				height: 24px;
				font-size: 12px;
				background: #ddd;
				line-height: 24px;
				position: absolute;
				display: block;
				bottom: 0px;
				cursor: pointer;
				color: #000;
				left: 0px;
				border-top: 1px solid #ccc;
				text-align: center;
			}
			
				#searchContainer .recommendedFilters .showMoreBar:hover {
					background: #ccc;
				}

/* End-SearchContainer */
/* Slider */
	#slider {
		border : 1px solid #9f9f9f;
		height : 312px;
		padding : 0px 60px;
		margin-bottom : 18px;
		background : white url('../img/bg-slider2.jpg') no-repeat;
		position : relative;
	}
	
		.slideContainer {
			width : 100%;
			height : 100%;
			overflow : hidden;
			display : none;
		}
	
		#slider .covers {
			display : block;
			width : 222px;
			float : left;
			margin : -5px 90px 0 0;
			position : relative;
		}
		
			#slider .covers img {
				width : 220px;
				height : 220px;
				border : 1px solid #e44f5d;
				-webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.5);
				-moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.5);
				box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.5);
				margin : 45px 0;
			} 
		
		#slider .teksten {
			width : 500px;
			display : block;
			float : left;
			position : relative;
			margin-top : -10px;
		}
		
			#slider .teksten .tekst {
				padding : 45px 0;
				display : block;
				height : 222px;
				width : 500px;
				position : relative;
			}
		
		#slider span {
			display : block;
			color : black;
		}
	
		#slider .cdCode {
			font-size : 13px;
			color : #5a5a5a;
			margin-top : 20px;
		}
		
		#slider .cdTitle {
			font-size : 30px;
			margin-top : -5px;
			cursor : pointer;
		}
		
		#slider .cdLabel {
			color : #595959;
			font-size : 14px;
			margin-bottom : 25px;
		}
		
		#slider .cdDescription {
			font-size : 17px;
		}
		
		#slider .cdCategory {
			font-size : 14px;
			color : #595959;
		}
		
		a.toCd,
		a.textButton,
		.submitButtonProjects {
		        position : absolute;
		        text-decoration : none;
		        color : #414141;
		        right : 0;
		        bottom : 25px;
		}
		      a.textButton {
		              right : auto;
		              left : 15px;
		              bottom : 15px;
		      }
		      a.toCd:hover,
		      a.textButton:hover,
		      .submitButtonProjects:hover { color : #f0f0f0; }

/* End-Slider */
/* Nieuws */
#nieuwsContainer {
	border : 1px solid #9f9f9f;
	height : 450px;
	position : relative;
	overflow : hidden;
	display : block;
	width : 607px;
	float : left;
}		
    .nieuws {
        display: block;
        width: 100%;
        height: 100%;
        overflow: hidden;
        background : #efeaea;
    }
    .nieuwsContainer {
        display: block;
        position: relative;
        left: 0;
        top: 0;
        z-index: 2;
        width: 11000px;
        height: 100%;
    }

    .slideArrow {
        display: block;
        width: 30px;
        height: 30px;
        position: absolute;
        left: -15px;
        top: 50%;
        margin-top: -15px;
        background: red;
        z-index: 5;
        cursor: pointer;
    }
        .slideArrow.right { left: auto; right: -15px; }
        .slideArrow:hover { filter: alpha(opacity=70); opacity: 0.7; }
                        
    .slideBubbles {
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 579px;
        padding: 6px 15px;
        background: #AC1414;
        border-top: 1px solid #9f9f9f;
        z-index: 15;
    }
        .slideBubbles .bubble {
            display: block;
            width: 12px;
            height: 12px;
            border-radius: 50%;
            float: left;
            background: #ce9c9e;
            margin: 0 2px;
            cursor: pointer;
        }
            .slideBubbles .bubble.active, .slideBubbles .bubble:hover {
                background: #f5f5f5;
            }

/*
	.headlines {
		width : 270px;
		display : block;
		float : left;
		height : 100%;
		padding : 20px 0;
		position : relative;
		border-left : 1px solid #9f9f9f;
		background : url('../img/bg_red.jpg') no-repeat;
	}
	
		.headlines h2 {
			margin : 0 0 10px 20px;
			color : white;
			font-weight : normal;
			font-size : 21px;
		}
	
		.headlines a {
			color : black;
			display : block;
			font-size : 14px;
			padding : 5px 0px;
			width : 100%;
			text-decoration : none;
			border-bottom : 1px solid #e44f5d;
			padding-left : 20px;
		}
		
			.headlines a.active, .headlines a:hover {
				background : url('../img/bg-slider2.jpg') no-repeat right center;
				color : black;
			}
			
	*/
			.nieuws .nieuwsItem {
				width : 277px;
				display : block;
				float : left;
				font-size : 14px;
				padding: 15px 18px 25px 18px;
			}
			
				.nieuws .nieuwsItem a {
					text-decoration : none;	
				}
			
				.nieuwsItem .itemTitle {
					position : relative;
					display : block;
					width : 100%;
					height : 50px;
				}
				
					.nieuwsItem .itemTitle h2 {
						position : absolute;
						bottom : 0;
						left : 0;
						margin-bottom : 0;
						line-height : 1.2;
						font-size : 18px;
					}
					
					.nieuwsItem img {
						margin-bottom : 10px;
						display: block;
						width: 100%;
					}
					
					.nieuwsItem .itemTitle a {
						color : #444;
					}
					
				.nieuwsItem .date {
					font-size : 12px;
					color : #333333;
				}
/* End-Nieuws */
/* LabelsSlider */
        .sidebarBlok {
                border : 1px solid #9f9f9f;
                min-height : 220px;
                position : relative;
                overflow : hidden;
                display : block;
                width : 346px;
                float : left;
                margin-left : 20px;
                text-align : center;
                background : url('../img/bg-slider2.jpg') no-repeat right center;
        }
                #labelsSlider.sidebarBlok { margin-bottom : 10px; }
	
		.sidebarBlok h2 {
			padding : 5px 10px 10px 10px;
			width : 100%;
			display : block;
			background : #AC1414;
			color : white;
			font-weight : normal;
			-webkit-box-shadow: inset 0px 3px 3px 1px rgba(0, 0, 0, 0.3);
			-moz-box-shadow: inset 0px 3px 3px 1px rgba(0, 0, 0, 0.3);
			box-shadow: inset 0px 3px 3px 1px rgba(0, 0, 0, 0.3);
			text-align : left;
			margin-bottom : 0px;
			border-bottom : 1px solid #9f9f9f;
		}
		
		#labelsSlider h2 { margin-bottom : 5px; }
	
		#labelsSlider .labelContainer {
			width : 100%;
		}
		      #labelsSlider .labelContainer span {
		              display : none;      
		              position : relative;
		              width : 340px;
		              height : 170px;
		      }
		      #labelsSlider a.labelImage {
		              width : 150px;
		              height : 150px;
		              display : block;
		              float : left;
		              margin : 10px;
			     line-height : 150px;
			     overflow : hidden;
		      }
		
			#labelsSlider .labelContainer img {
				width: 150px;
			}
			
                .sidebarBlok .singleBar {
                        text-align : left;
                        text-decoration : none;
                        color : #434343;
                }			

/* End LabelsSlider */




/* Results */
	#results {
		display : block;
		border : 1px solid #9f9f9f;
		position : relative;
		background : #EFEAEA;
	}
	
		#results .title {
			padding : 0 0 0 21px;
			position : relative;
			height : 25px;
			border-bottom : 1px solid #9f9f9f;
			line-height : 25px;
		}
		
			#results .title .weergaveSelect, #results .title .weergaveSelect2 {
				float : right;
				height : 20px;
				display : block;
				width : 150px;
				text-align : right;
				font-size : 12px;
			}
			
			#results .title .weergaveSelect a, #results .title .weergaveSelect2 a {
				height : 25px;
				display : block;
				width : 28px;
				float : right;
				border-left : 1px solid #9f9f9f;
			}
		
				#results .title .weergaveSelect a .icon, #results .title .weergaveSelect2 a .icon {
					width : 19px;
					height : 14px;
					margin : 5px 4px;
				}
				
		.results {
			position : relative;
		}
		
	/* Results Grid View */
		#results .grid {
			padding : 10px 0px;
		}
		
			#results .grid .cd {
			        position : relative;
				width : 155px;
				float : left;
				display : block;
				margin : 10px 20px;
				font-size : 13px;
				text-align : center;
				padding : 5px 0;
				cursor : pointer;
			}
			
				#results .grid .cd span {
					width : 155px;	
					display : block;
				}
			
				#results .grid .cd img {
					width : 145px;
					height : 145px;
					display : block;
					border : 1px solid #9f9f9f;	
					margin : 0 4px 4px 4px;
				}
				
				#results .grid .cd .cdTitle {
					font-weight : bold;	
				}
				
				#results .grid .cd .cdCode, 
				#results .grid .cd .trackMatches {
					width : 50%;
					float : left;
				}
				
				#results .grid .cd .cdDescription, 
				#results .grid .cd .cdPublisher {
					display : none;
				}
				
				.newCdLabel {
				        background : url('../img/new_ribbon.png') no-repeat 0 0;
				        position : absolute;
				        top : 2px;
				        left : 2px;
				        width : 66px;
				        height : 66px;
				        display : none !important;
				}
				    .list .newCdLabel { left : 19px;}
				    .newcds .newCdLabel, .hasNewCdLabel .newCdLabel { display : block !important; }
				
				.ajaxloader {
					width: 100%;
					display: none;
					clear: both;
					padding: 5px 0px;
					text-align: center;
					background: #fff;
					border-top: 1px solid #ccc;
					border-bottom: 1px solid #ccc;
					margin: 5px 0;
				}
	/* End-Results Grid View */
	/* Results List View */
		
			#results .list .cd {
			        position : relative;
				display : block;
				font-size : 13px;
				padding : 5px 21px;
				cursor : pointer;
				height : 92px;
				border-bottom : 1px solid #9f9f9f;
			}
			
				#results .list .cd img {
					width : 90px;
					height : 90px;
					float : left;
					display : block;
					border : 1px solid #9f9f9f;	
					margin-right : 10px;
				}
				
				#results .list .cd span {
					width : 215px;	
					display : block;
					float : left;
				}
				
					#results .list .cd .cdTitle {
						font-weight : bold;	
					}
					
					#results .list .cd .cdCode, #results .list .cd .trackMatches {
						color : #444;
					}
					
					#results .list .cd .cdDescription, #results .list .cd .cdCategory {
						width : 370px;
						height : 77px;
						overflow : hidden;
						margin : 15px 0 0 20px;
					}
					
					#results .list .cd .cdCategory {
						width : 200px;
					}
				
	/* End-Results Grid View */
	/* Single cd-view */
	
				.cd .singleCdView {
					padding : 21px;
				}
				
				.singleCdView img.cover {
					width : 145px;
					height : 145px;
					display : block;
					float : left;
					border : 1px solid #9f9f9f;	
					margin : 0 20px 4px 4px;
				}
				
				.singleCdView span {
					width : 400px;	
					display : block;
					float : left;
				}
				
				.singleCdView .row1 {
					min-height : 160px;
				}
				
				.singleCdView .cdTitle {
					font-weight : normal;
					font-size : 25px;
					margin-top : 30px;
				}
				
				.singleCdView .cdCode, .singleCdView .trackMatches {
					color : #444;
				}
				
				.singleCdView .cdDescription, .singleCdView .cdCategory {
					width : 340px;
					overflow : hidden;
					margin : 40px 0 0 20px;
					font-size : 90%;
				}
				
				.singleCdView .cdCategory {
					width : 200px;
					margin-top : 15px;
					color : #444;
				}
	/* End-Single CDView */
	/* Expansion View */
		.expansionBar {
			display : none;
			width : 100%;
			background : lightgray;
			position : relative;
			clear : both;
		}
		
		      #expansionBarArrow {
		              position : absolute;
		              top : -14px;
		              left : 90px;
		              width : 17px;
		              height : 14px;
		              background : url('../img/icons.png') no-repeat -272px 0;
		      }
		              #expansionBarArrow.two { left : 285px;}
		              #expansionBarArrow.three { left : 480px;}
		              #expansionBarArrow.four { left : 675px;}
		              #expansionBarArrow.five { left : 870px;}
		
			.expansionBar .title {
				background : #444;
				color : white;
				height : 45px !important;
				line-height : 21px;
				overflow : hidden;
			}
			
			.expansionBar .viewCD {
				position: absolute;
				right : 10px;
				font-size : 14px;
				top : 10px;
			}
			
				.expansionBar .viewCD a, .addToProjectButton {
					color : #414141;
					text-decoration : none;
					padding : 2px 7px;
					border : 1px solid #cfcfcf;
				}
				
					.expansionBar .viewCD a:hover, .addToProjectButton:hover {
						color : #f0f0f0;
					}
			
			.expansionBar .title .legenda {
				font-size : 13px;
				display : block;
				margin-top : -3px;
			}
			
			.expansionBar .singleBar,
			.singleBar {
				display : block;
				clear : both;
				padding : 3px 0 3px 21px;
				border-bottom : 1px solid #9f9f9f;
				line-height : 30px;
				height : 30px;
				cursor : pointer;
				position : relative;
			}
			
				.expansionBar .trackVersions .singleBar {
					cursor : default;	
				}
			
				.expansionBar .singleBar.active {
					color : white;
				}
			
				.expansionBar .trackNr {
					width : 35px;
					display : block;
					float : left;
				}
				
				.expansionBar .trackLength {
					width : 60px;
					display : block;
					float : left;
					text-overflow : ellipsis;
					overflow : hidden;
					white-space : nowrap;
				}
				
				.expansionBar .trackTitle {
					width : 275px;
					display : block;
					float : left;
				}
				
				.expansionBar .trackDescription {
					width : 433px;
					display : block;
					float : left;
				}
				    .expansionBar .singleBar .trackDescription {
				            font-size : 80%;
				    }
				    
				    .expansionBar .singleBar .trackTitle {
				            margin : -6px 0 6px 0;
				    }
				    .expansionBar .singleBar.noHover .trackTitle {
				            margin : 0;
				    }
				
				.expansionBar .trackComposers {
				        position : absolute;
				        left : 55px;
				        top : 13px;
				        font-size : 11px;
				        color : #666;
				        width : 275px;
				}
				
				.clickPart .trackDescription { width: 403px; padding-right: 30px;background : url('../img/icon_expand.png') no-repeat 97% 50%; }
				.nonClick .clickPart .trackDescription { background : none; }
				.active .clickPart .trackDescription { background : url('../img/icon_collapse.png') no-repeat 97% 50%; }
				#results .singleBar.nonClick { background: #f5f5f5; cursor: default;}
				#results .singleBar.active { background: #9D1117; }
				
			.expansionBar .buttons a {
				float : left;
				width : 36px;
				height : 36px;
				margin-top : -3px;
				border-left : 1px solid #9f9f9f;
				border-right : 1px solid white;
			}
				
			.expansionBar .icon.play, .expansionBar .icon.stop {
				width : 18px;
				height : 22px;
				margin : 6px 0 0 10px;
			}
			
			.buttons a.stop { display : none; }
			.buttons.playing a.stop { display : block;}
			.buttons.playing a.play { display : none;}
			
			.expansionBar .icon.project,
			.expansionBar .icon.deleteproject,
			.expansionBar .icon.addedToProject {
				width : 24px;
				height : 24px;
				margin : 5px 0 0 8px;
			}
			
			.expansionBar .icon.download,
			.expansionBar .icon.warning  {
				width : 22px;
				height : 24px;
				margin : 7px 0 0 7px;
			}
			
			.expansionBar .trackVersions, .expansionBar .trackVersions .title {
				background : #a3a3a3;
				position : relative;
				color : black;
			}
				.expansionBar .trackVersions .trackTitle {
					width : 175px;	
				}
				.expansionBar .trackVersions .trackDescription {
					width : 708px; /* 518px */
				}
				
			.trackVersions {
				display: none;
			}
			
		.expansionBar .buttons a:hover {
			background : #444;
		}
	
	/* End-Expansion */
/* End-Results */

/* Text Pages */
	#textPage {
		padding : 21px;
		display : block;
		border : 1px solid #9f9f9f;
		position : relative;
		background : #EFEAEA;
		overflow : hidden;
	}
	
	       #textPage.nieuwsPage .item {
	               width : 550px;
	               display : block;
	               float : left;
	               margin-right : 70px;
	       }
	       
	       #textPage.nieuwsPage .headlines {
	               margin-top : -21px;
	               width : 300px;
	       }
	               #textPage.nieuwsPage .headlines a{
	                       width : 91%;         
	               }
		
		#projectenContainer {
			width: 978px; 
			margin-left: -21px; 
			border-top: 1px solid #9f9f9f;	
		}
		
		      #projectenContainer .singleBar.selectProject a {
		              text-decoration : none;
		              width : 100%;
		              display: block;
		              color : #414141;
					  float: left;
					  position:relative;
					  z-index: 1;
		      }
			  
			  #projectenContainer .singleBar.selectProject span {
		              width : 600px;
					  position: absolute;
					  right: 0px;
		              display: block;
		              color : #555;
					  float: left;
					  font-style: italic;
					  font-size: 12px;
					  line-height: 34px;
					  z-index: 0;
		      }
			  
			  #projectenContainer .singleBar.selectProject input {
					  position: absolute;
					  right: 125px;
					  top: 12px;
		              display: block;
		              color : #555;
					  z-index: 99;
		      }
			  
			  #projectenContainer .singleBar.selectProject label {
					  position: absolute;
					  right: 10px;
		              display: block;
		              color : #555;
					  float: left;
					  font-size: 12px;
					  line-height: 34px;
					  z-index: 99;
		      }
	
		.pageTitle {
			width : 100%;
			min-height : 30px;
			padding : 10px 25px;
			background : #ac1414;
			margin : -21px 0 15px -21px;
			font-size : 25px;
			color : #f0f0f0;
			text-transform : capitalize;
		}
		
		.pageTitle.myProjects select {
			font-size : 16px;
		}
		
		.pageTitle.myProjects input.input-text {
			display : none;
		}
	
	.item {
		clear : both;
		line-height : 1.4;
		margin-bottom : 20px;
	}
	
	.contenttype1 h2, 
	.contenttype2 h2,
	.contenttype3 h2,
	.contenttype4 h2,
	.contenttype5 h2,
	.contenttype6 h2 {
		display : block;
		margin-bottom : 5px;
	}                
	
	.contenttype2 img {
		float : left;
		margin : 0 30px 10px 0;
		width : 29%;
	}
	
	.contenttype3 img {
		float : right;
		margin : 0 0 10px 30px;
		width : 29%;
	}
	                
	.contenttype4 img {
		width : 100%;
		display : block;
		margin : 0 0 10px 0;
	}  
	
	.contenttype5 img {
		width : 100%;
		display : block;
	}
	
	.projectLinks {
		display : none;
		position : absolute;
		top : 15px;
		right : 5px;
	}
	
	.projectLinks a {
		display : block;
		float : left;
		background : url('../img/icons_project.png') no-repeat 0 0;
		color : white;
		text-decoration : none;
		font-size : 11px;
		height : 15px;
		padding-top : 40px;
		text-align : center;
		width : 41px;
		margin : 0 5px;
	}
	
		.projectLinks a.download { background-position : 7px 0; width: 50px;}
		.projectLinks a.print { background-position : 0 -94px; }
		.projectLinks a.mail { background-position : 0 -186px; }
		.projectLinks a.trash { background-position : 0 -278px; }
		.projectLinks a.share { background-position : 0 -369px; }
		.projectLinks a.rename { background-position : 0 -449px; }
		.projectLinks a:hover {
			opacity : 0.7;
			filter : alpha(opacity=70);
		}
/* End-Text Pages */

/* Popover */

		#overlay {
			width : 100%;
			height : 100%;
			position : fixed;
			background : url('../img/black70.png');
			background : rgba(0,0,0,0.7);
			z-index : 100;
			display : none;
		}
		
			.overlayWindow {
				overflow : hidden;
				display : none;
				position : fixed;
				z-index : 9999;
				left : 50%;
				top : 50%;
				width : 295px;
				height : 280px;
				padding : 20px;
				margin : -140px 0 0 -175px;
				background : white url('../img/bg-slider2.jpg') no-repeat top left;
				-webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.8);
				-moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.8);
				box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.8);
			}
			
				.overlayWindow .login,
				.overlayWindow .register,
				.overlayWindow .shareProject,
				.overlayWindow .switchProject,
				.overlayWindow .register,
				.overlayWindow .project {
					display: none;
				}
			
				.overlayClose {
					position : absolute;
					top : -3px;
					right : 3px;
					padding : 5px;
					font-size : 18px;
					cursor : pointer;
					text-shadow : #9f9f9f 0px 1px 0px;
					color : #f0f0f0;
					display : block !important;
				}
				
					.overlayClose:hover {
						color : red;
						text-shadow : #9f9f9f 0px 1px 0px;
					}
			
				.overlayWindow h2 {
					height : 30px;
					margin-bottom : 20px;
					color : white;
					text-transform : capitalize;
					font-weight : normal;
					font-size : 22px;
				}
				
				#register label, #mydata label {
					width: 125px;
					display: block;
					float: left;
					height: 30px;
					line-height: 32px;
				}

				.overlayWindow .input-text, #register .input-text, #mydata .input-text, #feedback .input-text {
					background-color : #f0f0f0;
					border-radius : 3px;
					border : 1px solid #b3b3b3;
					color : #444;
					font-size : 16px;
					height : 30px;
					line-height : 30px;
					margin : 2px 0;
					padding : 6px;
					text-shadow : white 0px 1px 0px;
					width : 279px;
					-webkit-box-shadow: inset 0px 1px 4px 0px #575757;
					-moz-box-shadow: inset 0px 1px 4px 0px #575757;
					box-shadow: inset 0px 1px 4px 0px #575757;
				}
				    .overlayWindow input#remember { margin-top : 6px;}
				    #register .input-text, #mydata .input-text, #feedback .input-text {
				            background : white;
				            -webkit-box-shadow: inset 0px 0px 0px 0px #575757;
                                        -moz-box-shadow: inset 0px 0px 0px 0px #575757;
                                        box-shadow: inset 0px 0px 0px 0px #575757;
				    }
				    
				            #feedback label {
				                    margin-top : 5px;
				                    display : block;
				            }
                                        #feedback textarea {
                                                border-radius: 3px;
                                                border: 1px solid #b3b3b3;
                                                color: #444;
                                                font-size: 16px;
                                                margin: 2px 0;
                                                padding: 6px;
                                                width: 279px;
                                                height : 75px;
                                        }
				
					.overlayWindow select.input-text,
					#register select.input-text, #mydata select.input-text {
						height : 35px;
						width : 293px;
					}
					
					#register .formSection, #mydata .formSection {
					        position : relative;
					        display : block;
					        float : left;
					        width : 50%;
					}
					
					.overlayWindow .project input.input-text {
						display : none;
					}
					
					.overlayWindow .switchProject input.input-text {
						display : none;
					}
				
				.overlayWindow .login a, .overlayWindow .register a {
						color : #9f9f9f;
						font-size : 13px;
						text-decoration : none;
					}
					
						.overlayWindow .login a:hover, .overlayWindow .register a:hover {
							color : #0084ff;
						}

				.overlayWindow a.input-button,
				#register a.input-button, #mydata a.input-button {
					border-radius : 3px;
					border : 1px solid #9f9f9f;
					color : #444;
					font-size : 16px;
					height : 22px;
					line-height : 22px;
					margin : 2px 0;
					padding : 6px;
					float : right;
					text-align : center;
					text-shadow : white 0px 1px 0px;
					-webkit-box-shadow: 0px 1px 4px 0px #575757;
					-moz-box-shadow: 0px 1px 4px 0px #575757;
					box-shadow: 0px 1px 4px 0px #575757;
					display : block;
					text-decoration : none;
				}
				    .overlayWindow .downloadSong a.input-button,
				    .overlayWindow .downloadSongs a.input-button {
				            float : none;
				    }
				    .downloadSong, .downloadSpongs { color : #f1f1f1; }
				
				    #register a.input-button, #mydata a.input-button {
				            float : left; }
				
					.overlayWindow a.input-button:hover,
                                        #register a.input-button:hover {
						color : white;	
						text-shadow : black 0px 1px 0px;
					}
				
				.overlayWindow .login .bottom {
					position : absolute;
					bottom : 0px;
					left : 0px;
					font-size : 13px;
					width : 100%;
					padding : 6px 0 20px 15px;
					background : #EFEAEA;
					border-top : 1px solid #9f9f9f;
				}
				
				    .overlayWindow .loginError {
				            padding : 4px 21px;
				            margin : -10px 0 5px -21px;
				            border-top : 1px solid #9f9f9f;
				            border-bottom : 1px solid #9f9f9f;
				            width : 100%;
				            color : #a71315;
				            background : #EFEAEA;
				            font-size : 13px;
				            display : block;
				    }
				
					.overlayWindow .login .bottom a {
						color : #0084FF;
					}
					
					.overlayWindow .login .bottom a:hover {
						color : #a71315;
					}
				
				.overlayWindow .login .forgotPassword, .overlayWindow .register .forgotPassword {
					display : block;
					float : right;
					margin : 10px 20px 0 0;
					width : 190px;
				}
				
					 .overlayWindow .login .createAccount, .overlayWindow .register .createAccount {
					 	margin : 5px 0 0 0;
					 }

/* End-Popover */

/* Contactform */
		#contactinfo {
			float:right;
			width: 400px;
		}	
			
		#contactform {
			padding-left : 23px;
			width: 400px;
			float: left;
		}
		
		#contactform label {
			clear : both;
			display : block;
			margin : 5px 0 2px 0;
		}
		
			#contactform label.error {
				color : red;
			}
		
		#contactform input,
		 #projectNameForm .input-text {
			display : block;
			line-height : 20px;
			width : 300px;
			margin-bottom : 10px;
			position : relative;
			border : 1px solid #ccc;
			background : white;
			padding : 2px 7px;
			font-size : 15px;
			background-color : white;
		}
		
			#contactform input.required,  #contactform input.correct, #contactform input.error { 
				background-image : url('../img/contact_icons.png');
				background-repeat : no-repeat; 
				background-position : 100% 5px; 
			}
			#contactform input.correct { background-position : 100% -29px; }
			#contactform input.error { background-position : 100% -63px; }
		
			#contactform .floatlabel {
				float : left;
				clear : none;
			}
		
			#contactform input#checkbox {
				width : 15px;
				padding : 0;
				margin : 0;
			}
			
				#contactform input#checkbox.floatcheckbox {
					float : left;
					margin : 7px 10px 15px 0;
					clear : both;
				}
		
		#contactform textarea {
			width : 300px;
			height : 100px;
			border : 1px solid #ccc;
			background : white;
			padding : 2px 7px;
		}
		
		#contactform input.error, #contactform textarea.error {
			background-color : #ffcece;
		    	border : 1px solid #DE3737;
		    	-moz-box-shadow:0 0 5px #DE3737, 0 0 5px rgba(0,0,0,0.2) inset;
			-webkit-box-shadow:0 0 5px #DE3737, 0 0 5px rgba(0,0,0,0.2) inset;
			box-shadow:0 0 5px #DE3737, 0 0 5px rgba(0,0,0,0.2) inset;
		}
		
		#contactform input.correct, #contactform textarea.correct {
			border : 1px solid #9adf8f;
			-moz-box-shadow:0 0 5px #9adf8f, 0 0 5px rgba(0,0,0,0.2) inset;
			-webkit-box-shadow:0 0 5px #9adf8f, 0 0 5px rgba(0,0,0,0.2) inset;
			box-shadow:0 0 5px #9adf8f, 0 0 5px rgba(0,0,0,0.2) inset;
		}
		
		#contactform #contactsubmit, #feedback #submit {
			width : auto;
			display : inline-block;
			float : left;
			background-color : #9d1117;
			border : 1px solid #e44f5d;
			color : #f0f0f0;
			font-size : 15px;
			padding : 6px 24px;
			text-decoration : none;
			text-shadow : 1px 1px 0px #414141;
		}
		
			#contactform #contactsubmit:hover, #feedback #submit:hover {
				background-color : #ce9c9e;
				text-shadow : none;
				color : #333;
			}
		
			#contactform #contactsubmit:active, #feedback #submit:active {
				background : #820000;
				color : #f0f0f0;
			}
		
		#contactform .loading, #feedback .loading {
			float : left;
			margin : 10px 0 0 10px;
			display : none;
		}
/*  Contactform-end */
			.categoryChooser {
				display : block;
				position : relative;
				width : 936px;
				height : 450px;
				overflow : hidden;
			}
			
				.categoryChooser div {
					width : 240px;
					display : block;
					float : left;
					margin-right : 15px;
					position : relative;
					height : 99%;
				}
					.categoryChooser .row1 { width : 130px; margin-top : -4px;}
				
					.categoryChooser .cont {
						background : white;
						border : 1px solid #afafaf;
						overflow-y : auto;
						overflow-x : hidden;
						height : 100%;
						width : 100%;
					}
						.categoryChooser .row4 { margin-right : 0; }
					
						.categoryChooser a.actionsButton {
							text-decoration : none;
							display : block;
							border : 1px solid #afafaf;
							margin : 4px 0;
							padding : 0px 5px;
							height : 28px;
							line-height : 28px;
							font-size : 14px;
							color : #303030;
						}
						
							.categoryChooser .cont a.actionsButton {
								margin : 0;
								border : 0;
								border-bottom : 1px solid #afafaf;
							}
						
						.categoryChooser .cont .placeholder {
							height : 99%;
							line-height : 450px;
							text-align : center;
							color : #666;
						}
						
						.categoryChooser a.actionsButton.selected {
							color : #f0f0f0;
						}
						
						.categoryChooser a.actionsButton.selected .addToSearch {
							color : #303030;
						}
						
						.actionsButton .addToSearch {
							display: block;
							float: right;
							font-weight: bold;
							height: 28px;
							padding: 0px 5px;
							background: #fff;
							border-right: 1px solid #ccc;
							border-left: 1px solid #ccc;
						}
						
						.actionsButton .addToSearch:hover {
							background: #ddd;
						}
						
						.categoryChooser .clickPart {
							width : 88%;
							display : block;
							float : left;
						}
						
						.chooseCategories {
					        float: left;
					        margin-right: 0px;
						}
						.genreSearch h2 {
							font-weight : normal;
							color : #414141;
						}
						
						#register h3 { font-weight : normal; }
						
							.appliedFilter .genreSearch h2 {
								color : #f0f0f0;
							}
						
						#assignedCategories {
							display : block;
							width : 250px;
						}
						
						#assignedCategories .appendedCategory {
							display : block;
							float : left;
							margin : 2px;
							background : white;
							height: auto;
						}
						
						#assignedCategories .appendedCategory .removeFilter {
							padding-left : 5px;
						}
						
		/* End-categories */
		/* Tweet 5 */
		
		        .twitterBird {
                                width : 19px;
                                height : 16px;
                                float : left;
                                display : block;
                                background : url('../img/tweetBird.png') 0 0 no-repeat;
                                margin : 8px 4px 6px 70px;
                        }
                        
                        .tweetContainer {
                                position : relative;
                        }
                        
                        .twitterContainer a {
                                color : #a71315;
                                text-decoration : none;
                        }
                                .twitterContainer a:hover { color : #f0f0f0; }
                        
                        .twitterFeed {
                                width : 100%;
                                height : 34px;
                                display : block;
                                overflow : hidden;
                                z-index : 1;
                                background : #C2C2C2;
                                position : absolute;
                                left : 0;
                                bottom : 0;
                                text-indent : 65px;
                        }
                        
                                ul.tweetList {
                                        list-style-type : none;
                                        display : block;
                                        margin : 0;
                                        padding : 0;
                                        width : 100%;
                                        position : relative;
                                        overflow : hidden;
                                }
                
                                .tweetsLoading {
                                        margin : 5px auto;
                                        display : block;
                                        width : 16px;
                                        height : 16px;
                                        background : url('../img/loading.gif');
                                }
                
                                        ul.tweetList li.singleTweet {
                                                clear : both;
                                                display : block;
                                                width : 100%;
                                                position : relative;
                                                z-index : 1;
                                                padding : 0 12px;
                                                height : 34px;
                                                overflow : hidden;
                                                line-height : 34px;
                                                margin : 0;
                                                color : #414141;
                                        }
                        
                                                        .twitterContainer {
                                                                width : 100%
                                                                 display : block;
                                                                margin-bottom : 20px;
                                                                position : relative;
                                                                height : 63px;
                                                        }
                                                        
                                                        .twitterAvatar, .twitterAvatar img {
                                                                display : block;
                                                                float : left;
                                                                width : 63px;
                                                                height : 63px;
                                                                position : absolute;
                                                                top : 0;
                                                                left : 0;
                                                                z-index : 2;
                                                        }
                        
                                                        .twitterContainer a.replyButton .tweetIcon.reply { background-position : 0 0; }
                                                        .twitterContainer a.replyButton:hover .tweetIcon.reply { background-position : -15px 0; }
                                                        .twitterContainer a.retweetButton .tweetIcon.retweet { background-position : 0 -15px; }
                                                        .twitterContainer a.retweetButton:hover .tweetIcon.retweet { background-position : -15px -15px; }
                                                        li.singleTweet a.replyButton:hover, 
                                                        li.singleTweet a.retweetButton:hover {
                                                                color : #333;   
                                                        }
                        
                                                        .twitterContainer .tweetTime,
                                                        .twitterContainer .twitterUsername,
                                                        .twitterContainer a.replyButton,
                                                        .twitterContainer a.retweetButton {
                                                                display : block;
                                                                float : left;
                                                                margin : 0px 3px;
                                                                font-size : 13px;
                                                                line-height : 20px;
                                                                text-decoration : none;
                                                        }
                                                        
                                                                .twitterContainer .twitterUsername,
                                                                .twitterContainer a.replyButton,
                                                                .twitterContainer a.retweetButton { color : #414141; }
                                                                .twitterContainer .twitterUsername:hover,
                                                                .twitterContainer a.replyButton:hover,
                                                                .twitterContainer a.retweetButton:hover { color : #a71315; }
                                                                .twitterContainer .twitterUsername { margin : 0px 0 0 2px;}
                                                                .twitterContainer .tweetTime { margin-left : 605px;}
                                                                .tweetLinks { position : absolute; left : 90px; top : 6px; display : block; }
                                                        
                                                        ul.tweetList span.tweetUpdate {
                                                                display : none;
                                                                height : 0;
                                                                width : 0;
                                                        }
                                        
                /* End Tweet5 */