/*************************************************************************************************/
/* Author:			VINCIS / Remco Rispens  	                                               	 */
/* Description:		Stylesheet for search module                                       		 	 */
/*************************************************************************************************/
@media screen 
{	
	/*********************************************************************************************/
	/* Classes (search)                                                            	 			 */
	/*********************************************************************************************/
	div.searchResult
	{
		display:				block;
		clear:					both;
		
		width:					468px;
		padding:				10px 0px 10px 0px;
		margin:					0px 0px 0px 0px;
	}
		
		div.searchResultBorder
		{
			border-top:			1px solid #ACD3EB;
		}


		div.searchResult div.icon
		{
			display:				block;
			float:					left;
			
			width:					25px;
			padding:				0px 0px 0px 0px;
			margin:					0px 0px 0px 0px;
		}
		
			#content div.searchResult div.icon img
			{
				padding:				2px 0 0 0;
				margin:					0;
				
				background-color:		#fff7db;	/* =8 */
				
				border:					0px solid #87898a;	/* =10 */
			}
		
		#content div.searchResult div.title
		{
			display:				block;
			float:					left;
			
			margin-bottom:			0.13333em;
			
			color:					#553500;	/* =2 */
			font-size:				1.1em;
			font-weight:			bold;
		}
		
			#content div.searchResult div.title a
			{
				color:				#553500;	/* =2 */
				text-decoration:	none;
			}
			
				#content div.searchResult div.title a:hover
				{
					color:			#a16400;	/* =1 */
					text-decoration:	underline;
				}
		
		div.searchResult div.body
		{
			display:				block;
			/* overflow-x:			hidden; */
			clear:					both;
			
			width:					440px;
			padding:				0px 0px 0px 25px;
			margin:					0px 0px 0px 0px;
		}
	
		div.searchResult div.path
		{
			display:				block;
			clear:					both;
			
			width:					460px;
			padding:				0px 0px 0px 25px;
			margin:					5px 0px 0px 0px;
			
			font-size:				0.9em;
			color:					#802991;
		}
	
			div.searchResult div.path a
			{
				text-decoration:		none;
				color:					#172983;
			}
	
			div.searchResult div.path a:hover
			{
				text-decoration:		underline;
				color:					#bfaeb4;
			}	
				
	#containerContent ul
	{
		margin:				0;
		padding:			0;
		list-style:			none;
	}
	
		#containerContent ul li
		{
			background-image:		none;
		}
	
	#containerContent a
	{
		text-decoration:		none;
	}
	
	#containerContent #containerSearchOptions
	{
		position:			relative;
		width:				100%;
	}

	
		#containerContent #containerSearchOptions fieldset
		{
			position:				relative;

			padding:				10px;
			margin-bottom:			5px;
		}
		
		#containerContent #containerSearchOptions fieldset.empty
		{
			padding-bottom:			10px;
		}
		
			#containerContent #containerSearchOptions fieldset legend
			{
				color:				#000000;
				font-weight:		bold;				
			}
			
			#containerContent #containerSearchOptions table, #containerContent #onlineCatalogTypes table
			{
				position:			relative;
				display:			block;

				padding:			0;
				margin:				0;
				text-align:			left;
			}
			
				#containerContent #containerSearchOptions table th, #containerContent #onlineCatalogTypes table th
				{
					position:			relative;
	
					width:				150px;
					padding:			2px 0px 2px 0px;
					
					font-weight:		normal;
				}
				
				#containerContent #containerSearchOptions table td, #containerContent #onlineCatalogTypes table td
				{
					position:			relative;
	
					padding:			2px 0px 2px 0px;
				}
				
					
					#containerContent #onlineCatalogTypes table td ul
					{
						position:				relative;
						display:				block;
						
						padding:				0;
						margin:					0;
			
						list-style-type: 		none;
					}
					
						#onlineCatalogTypes table td ul li
						{
							position:			relative;
							display:			block;
							
							padding:			2px 10px 0px 0px;
						}

			#containerContent #containerSearchOptions #infotypes
			{
				display:				none;
			}
			
				#containerContent #containerSearchOptions #infotypes div.infotypesHeader
				{
					position:				relative;
					display:				block;

					padding:				5px 0;
				}
				
				#containerContent #containerSearchOptions #infotypes div.infotypes
				{
					position:				relative;
					display:				block;

					padding:				2px 0;
					margin:					0 0 10px 0;
			
					border-width:			1px;
				}
				
					#containerContent #containerSearchOptions #infotypes div.infotypes ul
					{
						position:				relative;
						width:					537px;
						padding:				0;
						margin:					0;
			
						list-style-type: 		none;
					}
					
						#containerContent #containerSearchOptions #infotypes div.infotypes ul li
						{
							float:				left;
							width:				130px;
							padding:			2px 10px 0 0;							
						}
			
			.infotype1
			{
				background-image:	url('/sjablonen/1/images/infotypes/1.gif')!important;
			}
			
			.infotype15
			{
				background-image:	url('/sjablonen/1/images/infotypes/15.gif')!important;
			}	
			
			.infotype18
			{
				background-image:	url('/sjablonen/1/images/infotypes/18.gif')!important;
			}		
			
			.infotype23
			{
				background-image:	url('/sjablonen/1/images/infotypes/23.gif')!important;
			}						
			
			.infotype32
			{
				background-image:	url('/sjablonen/1/images/infotypes/32.gif')!important;
			}
			
			.infotype40
			{
				background-image:	url('/sjablonen/1/images/infotypes/40.gif')!important;
			}
			
			.infotype41
			{
				background-image:	url('/sjablonen/1/images/infotypes/41.gif')!important;
			}
			
			.infotype44
			{
				background-image:	url('/sjablonen/1/images/infotypes/44.gif')!important;
			}
			
			.infotype45
			{
				background-image:	url('/sjablonen/1/images/infotypes/45.gif')!important;
			}
			
			.infotype46
			{
				background-image:	url('/sjablonen/1/images/infotypes/46.gif')!important;
			}
			
			.infotype47
			{
				background-image:	url('/sjablonen/1/images/infotypes/47.gif')!important;
			}
			
			.infotype48
			{
				background-image:	url('/sjablonen/1/images/infotypes/48.gif')!important;
			}
			
			.infotype49
			{
				background-image:	url('/sjablonen/1/images/infotypes/49.gif')!important;
			}
	
			.infotype70
			{
				background-image:	url('/sjablonen/1/images/infotypes/70.gif')!important;
			}
	
			.cm_input.search
			{
				width:					305px!important;
			}
	
			.cm_select.search
			{
				width:					125px!important;
			}
			
			.block
			{
				display:				block;
			}
			
			#containerContent #containerSearchOptions div.metaDefinition
			{
				position:				relative;
				display:				none;

				padding:				0;
				margin-bottom:			10px;
			}
			
				#containerContent #containerSearchOptions div.metaDefinition div.metaValues
				{
					position:				relative;
					display:				block;

					padding:				2px 0px;
					margin:					0;

					background-color:		#eaf4cc;
					
					border-width:			1px;
				}
				
					#containerContent #containerSearchOptions div.metaDefinition div.metaValues ul
					{
						position:				relative;
						display:				block;

						padding:				0;
						margin:					0;
			
						list-style-type: 		none;
					}
					
						#containerContent #containerSearchOptions div.metaDefinition div.metaValues ul li
						{
							position:			relative;
							display:			block;
							float:				left;
							
							width:				170px;
							padding:			2px 10px 0 0;
						}
	
	
			#containerContent #containerSearchOptions #documentExtensions
			{
				display:				none;
			}
	
				#containerContent #containerSearchOptions #documentExtensions div.documentExtensionsHeader
				{
					position:				relative;
					display:				block;

					padding:				5px 0px 5px 0px;
				}
				

				#containerContent #containerSearchOptions #documentExtensions div.documentExtensions
				{
					position:				relative;
					display:				block;

					padding:				2px 0;
					margin-bottom:			10px;
					
					background-color:		#edf3dd;
					
					border-width:			1px
				}
				
					#containerContent #containerSearchOptions #documentExtensions div.documentExtensions ul
					{
						position:				relative;
						width:					537px;
						padding:				0;
						margin:					0;
			
						list-style-type: 		none;
					}
					
						#containerContent #containerSearchOptions #documentExtensions div.documentExtensions ul li
						{
							float:				left;
							width:				250px;
							padding:			2px 10px 0 0;							
						}
			
			#containerContent #containerSearchOptions #onlineCatalogTypes
			{
				display:				none;
			}
	
				#containerContent #containerSearchOptions #onlineCatalogTypes div.onlineCatalogTypesHeader
				{
					position:				relative;
					display:				block;

					padding:				5px 0;
				}
				
				#containerContent #containerSearchOptions #onlineCatalogTypes div.onlineCatalogTypes
				{
					position:				relative;
					display:				block;

					padding:				2px 0;
					margin-bottom:			10px;
					
					background-color:		#eaf4cc;
					
					border-width:			1px;
				}
				
					#containerContent #containerSearchOptions #onlineCatalogTypes div.onlineCatalogTypes ul
					{
						position:				relative;
						display:				block;
						
						padding:				0;
						margin:					0;
			
						list-style-type: 		none;
					}
					
						#containerContent #containerSearchOptions #onlineCatalogTypes div.onlineCatalogTypes ul li
						{
							position:			relative;
							display:			block;
							float:				left;
							
							width:				170px;
							padding:			2px 10px 0 0;
						}
	
	
	#containerContent #containerSearchOptionsButtons
	{
		position:			relative;
		display:			block;

		padding-top:		10px;
	}
	
	#containerContent #containerSearchLegend
	{
		position:				relative;
		float:					left;
		width:					448px;
		
		margin-top:				0px;

		background-color:		#D9EBFF;
		border:					1px solid #0053B1;

	}
	
		#containerContent #containerSearchLegend h2
		{
			position:				relative;
			display:				block;
			clear:					left;

			padding:				8px 0px 0px 10px;
			margin:					0;
			
			font-size:				1em;
		}
		
		#containerContent #containerSearchLegend ul
		{
			position:				relative;
			display:				block;
			float:					left;
			
			padding-left:			10px;
			margin-bottom:			8px;
		}
	
			#containerContent #containerSearchLegend ul li
			{

				padding:				2px 10px 2px 10px;
				background-repeat:		no-repeat;
				background-position:	left center;
			}
			
				#containerContent #containerSearchLegend span.keywords
				{
					font-weight:			bold;
				}
	
			#containerContent #containerSearchLegend ul.infotypes li
			{
				position:				relative;
				float:					left;
				width:					150px;
				padding-left:			20px;
			}
						
			#containerContent #containerSearchLegend ul.doctypes li
			{
				position:				relative;
				float:					left;
				width:					150px;

				padding-left:			20px;
			}
	
			#containerContent #containerSearchLegend ul.doctypes li.doc
			{
				background-image:		url('/sjablonen/1/images/doctypes/doc.gif');
			}
			
			#containerContent #containerSearchLegend ul.doctypes li.pdf
			{
				background-image:		url('/sjablonen/1/images/doctypes/pdf.gif');
			}
			
			#containerContent #containerSearchLegend ul.doctypes li.ppt
			{
				background-image:		url('/sjablonen/1/images/doctypes/ppt.gif');
			}
			
			#containerContent #containerSearchLegend ul.doctypes li.xls
			{
				background-image:		url('/sjablonen/1/images/doctypes/xls.gif');
			}
			
			#containerContent #containerSearchLegend ul.onlineCatalogTypes li
			{
				position:				relative;
				float:					left;
				
				width:					150px;
				
				padding:				2px 10px 2px 0;
				margin:					0;
				
				background-repeat:		no-repeat;
			}
				
	#containerContent .tab
	{
		position:				relative;
		float:					left;
	
		padding:				3px 12px 3px 12px;
		margin-right:			2px;
		
		background-color:		#b1cbeb;

		border-left:			1px;
		border-right:			1px;
		border-top:				1px;
	}
		
		#containerContent .tab a, #containerContent .tab a:hover
		{
			color:					#FFFFFF;
			text-decoration:		none;
			font-weight:			bold;
			
			
		}

	#containerContent .searchTabSelected
	{
		background-color:		#0053B1;
	
		border-left:					1px;
		border-right:				1px;
		border-top:				1px;
		font-weight:			bold;
	}
	
		#containerContent div.searchTabSelected a, .searchTabSelected a:hover
		{
			color:					#FFFFFF!important;
			text-decoration:		none!important;
		}
	
	#containerContent div.searchAdjust
	{
		position:				relative;
	
		padding:				3px 3px 3px 0;
		margin:					0 2px 20px 0;
	}			
			
	/*#containerContent #containerSearchResults
	{
		position:				relative;
		
		width:					100%;
		margin-bottom:			10px;
		padding-bottom:			10px;
		
		border-top-width:		1px;
		border-bottom-width:	1px;
	}*/
	
		#containerContent div.searchError
		{
			position:				relative;
			clear:					left;
			float:					left;

			background-color:		#d9ebff;
			border:					solid 1px #0053b1;

			margin-top:				10px;
			width:					448px;
		}
		
			#containerContent div.searchError div
			{
				margin:				10px;
			}
		
			#containerContent div.searchError ul
			{
				margin:					10px 0px 0px 20px;
				padding:				0;
				list-style:				none;
			}
			
				#containerContent div.searchError ul li
				{
					position:				relative;
					padding:				1px 0px 1px 10px;
					
					background-image:		url('/sjablonen/1/images/general/arrow_blue.png');
					background-repeat:		no-repeat;
					background-position:	left 8px;
				}
	
		#containerContent .searchResult
		{
			position:				relative;
			width:					100%;
			padding:				20px 0px 16px 0px;
		}

			#containerContent  .contrast
			{
				background-color:		#f4f4ff;
			}
		
			#containerContent .searchResult p
			{
				margin:					0;
				padding:				0;
			}
	
			#containerContent .searchResult .icon
			{
				position:				absolute;
				left:					10px;
				top:					22px;
				width:					16px;
				height:					16px;
			}
			
			#containerContent .searchResult .title
			{
				display:				block;
				padding-left:			32px;
			}
			
				#containerContent .searchResult .title a
				{
					font-weight:			bold;
				}
			
			#containerContent .searchResult .body
			{
				display:				block;				
				padding:				0px 25px 0px 32px;
			}
		
			#containerContent .searchResult .path
			{
				display:				block;
				padding:				0px 0px 0px 32px;
				margin:					0px 0px 0px 0px;
				
				font-size:				0.85em;
				color:					#999999;
			}
			 
				#containerContent .searchResult .path a
				{
					color:					#999999;
				}
				

}