/*************************************************************************************************/
/* Author:			VINCIS / Remco Rispens  	                                               	 */
/* Description:		Stylesheet for search module                                       		 	 */
/*************************************************************************************************/
@media screen 
{	
	/*********************************************************************************************/
	/* Classes (searchform)                                                            	 		 */
	/*********************************************************************************************/
	body #content #searchForm table, body #content #searchForm td
	{
		margin:					8px 0 0 0;
		padding:				4px 0 4px 0;
		border:					none;
		color:					#565656;
		font-size:				0.8em;
		background-color:		#FFFFFF;
	}

	/*********************************************************************************************/
	/* Classes (search)                                                            	 			 */
	/*********************************************************************************************/
	
	#containerSearchContent
	{
		margin:				0 0 0 4px;
	}
		
	.searchAdjust a, .searchTabSelected a
	{
		font-size:			0.8em;
	}	
	
	#containerSearchOptions
	{
		display:			block;
		margin:				5px;
		padding:			0;
		position:			relative;
		width:				581px;
	}
		
		#containerSearchOptions li, #containerSearchLegend li
		{
			background-image:		none;
		}
		
		#containerSearchOptions fieldset
		{
			position:			relative;
			display:			block;
			
			width:				559px;
			padding:			10px 10px 10px 10px;
			margin:				0px 0px 5px 0px;
		
			border:				1px solid #333;
		}
		
		#containerSearchOptions fieldset.empty
		{
			padding:			10px 10px 0px 10px;
			
			border-top:			1px solid #333;
			border-bottom:		0px solid #333;
			border-left:		0px solid #333;
			border-right:		0px solid #333;
		}
		
			#containerSearchOptions fieldset legend
			{
				color:				#000000;
				font-weight:		bold;				
			}
			
			#containerSearchOptions table, #onlineCatalogTypes table
			{
				position:			relative;
				display:			block;
				
				width:				559px;
				padding:			0px 0px 0px 0px;
				margin:				0px 0px 0px 0px;
			}
			
				#containerSearchOptions table th, #onlineCatalogTypes table th
				{
					position:			relative;
	
					width:				150px;
					padding:			2px 0 2px 0;
					margin:				0;
				
					font-weight:		normal;
					text-align:			left;
					vertical-align:		top;
					font-variant:		normal;
				}
				
				#containerSearchOptions table td, #onlineCatalogTypes table td
				{
					position:			relative;
	
					width:				303px;
					padding:			2px 0 2px 0;
					margin:				0;
				
					font-weight:		normal;
					text-align:			left;
					vertical-align:		top;
				}
				
					
					#onlineCatalogTypes table td ul
					{
						position:				relative;
						display:				block;
						
						width:					303px;
						padding:				0;
						margin:					0;
			
						list-style-type: 		none;
					}
					
						#onlineCatalogTypes table td ul li
						{
							position:			relative;
							display:			block;
							
							padding:			2px 10px 0 0;
							margin:				0;
						}
			
			

			#containerSearchOptions #infotypes
			{
				display:				none;
			}
			
				#containerSearchOptions #infotypes.displayblock
				{
					display:				block;
					font-size:				0.8em;
				}
	
				#containerSearchOptions #infotypes div.infotypesHeader
				{
					position:				relative;
					display:				block;
					
					width:					451px;
					padding:				5px 0px 5px 0px;
					margin:					0px 0px 0px 0px;
				}
				
				#containerSearchOptions #infotypes div.infotypes
				{
					position:				relative;
					display:				block;
					
					width:					557px;
					padding:				2px 0px 2px 0px;
					margin:					0px 0px 10px 0px;

					background-color:		#e8e8e8;
					
					border:					1px solid #333;
				}
				
					#containerSearchOptions #infotypes div.infotypes ul
					{
						position:				relative;
						display:				block;
						
						width:					557px;
						padding:				0;
						margin:					0;
			
						list-style-type: 		none;
					}
					
						#containerSearchOptions #infotypes div.infotypes ul li
						{
							position:			relative;
							display:			block;
							float:				left;
							
							width:				268px;
							padding:			2px 10px 0 0;
							margin:				0;							
						}
	
	
			#containerSearchOptions div.metaDefinition
			{
				position:				relative;
				display:				none;
				
				width:					557px;
				padding:				0px 0px 0px 0px;
				margin:					0px 0px 10px 0px;
			}
			
				#containerSearchOptions div.metaDefinition div.metaValues
				{
					position:				relative;
					display:				block;
					
					width:					557px;
					padding:				2px 0 2px 0;
					margin:					0 0 10px 0;
					
					background-color:		#e8e8e8;
					
					border:					1px solid #333;
				}
				
					#containerSearchOptions div.metaDefinition div.metaValues ul
					{
						position:				relative;
						display:				block;
						
						width:					557px;
						padding:				0;
						margin:					0;
			
						list-style-type: 		none;
					}
					
						#containerSearchOptions div.metaDefinition div.metaValues ul li
						{
							position:			relative;
							display:			block;
							float:				left;
							
							width:				268px;
							padding:			2px 10px 0 0;
							margin:				0;
						}
	
	
			#containerSearchOptions #documentExtensions
			{
				display:				none;
			}
	
				#containerSearchOptions #documentExtensions div.documentExtensionsHeader
				{
					position:				relative;
					display:				block;
					
					width:					557px;
					padding:				5px 0 5px 0;
					margin:					0;
				}
				
				#containerSearchOptions #documentExtensions div.documentExtensions
				{
					position:				relative;
					display:				block;
					
					width:					557px;
					padding:				2px 0 2px 0;
					margin:					0 0 10px 0;
					
					background-color:		#e8e8e8;
					
					border:					1px solid #333;
				}
				
					#containerSearchOptions #documentExtensions div.documentExtensions ul
					{
						position:				relative;
						display:				block;
						
						width:					557px;
						padding:				0;
						margin:					0;
			
						list-style-type: 		none;
					}
					
						#containerSearchOptions #documentExtensions div.documentExtensions ul li
						{
							position:			relative;
							display:			block;
							float:				left;
							
							width:				268px;
							padding:			2px 10px 0 0;
							margin:				0;
						}
			
			
			
			#containerSearchOptions #onlineCatalogTypes
			{
				display:				none;
			}
	
				#containerSearchOptions #onlineCatalogTypes div.onlineCatalogTypesHeader
				{
					position:				relative;
					display:				block;
					
					width:					451px;
					padding:				5px 0px 5px 0px;
					margin:					0px 0px 0px 0px;
				}
				
				#containerSearchOptions #onlineCatalogTypes div.onlineCatalogTypes
				{
					position:				relative;
					display:				block;
					
					width:					451px;
					padding:				2px 0px 2px 0px;
					margin:					0px 0px 10px 0px;
					
					background-color:		#e8e8e8;
					
					border:					1px solid #333;
				}
				
					#containerSearchOptions #onlineCatalogTypes div.onlineCatalogTypes ul
					{
						position:				relative;
						display:				block;
						
						width:					451px;
						padding:				0px 0px 0px 0px;
						margin:					0px 0px 0px 0px;
			
						list-style-type: 		none;
					}
					
						#containerSearchOptions #onlineCatalogTypes div.onlineCatalogTypes ul li
						{
							position:			relative;
							display:			block;
							float:				left;
							
							width:				215px;
							padding:			2px 10px 0px 0px;
							margin:				0px 0px 0px 0px;
						}
	
	
	#containerSearchOptionsButtons
	{
		position:			relative;
		display:			block;
		
		width:				474px;
		padding:			10px 0px 0px 0px;
		margin:				0px 0px 0px 0px;
	}

	#containerSearchLegend
	{
		position:				relative;
		display:				block;
		
		width:					559px;
		padding:				10px;
		margin:					10px 0 0 0;

		background-color:		#e8e8e8;
		
		border:					1px solid #333;
	}
	
		#containerSearchLegend h2
		{
			position:				relative;
			display:				block;
			
			width:					559px;
					
			padding:				8px 0px 8px 0px;
			margin:					0;
			
			font-size:				1em;
		}
		
		#containerSearchLegend ul
		{
			position:				relative;
			display:				block;
			
			width:					559px;
					
			padding:				0;
			margin:					5px 0 10px 0;
			
			list-style-type:		none;
		}
	
			#containerSearchLegend ul.keywords li
			{
				position:				relative;
				display:				block;
				width:					549px;
						
				padding:				2px 10px 2px 0;
				margin:					0;
				
				background-image:		none;
			}
			
				#containerSearchLegend ul.keywords li span.keywords
				{
					font-weight:			bold;
				}
	
	
			#containerSearchLegend ul.infotypes li
			{
				position:				relative;
				display:				block;
				float:					left;
				
				width:					177px;
				
				padding:				2px 10px 2px 20px;
				margin:					0px 0px 0px 0px;
				
				background-repeat:		no-repeat;
				background-position:	0px 5px;
			}
						
			#containerSearchLegend ul.doctypes li
			{
				position:				relative;
				display:				block;
				float:					left;
				
				width:					177px;
				padding:				2px 10px 2px 20px;
				margin:					0px 0px 0px 0px;
			}
	
			#containerSearchLegend ul.doctypes li.doc
			{
				background-image:		url('/sjablonen/1/images/doctypes/doc.gif');
				background-position:	0px 0px;
				background-repeat:		no-repeat;
			}
			
			#containerSearchLegend ul.doctypes li.pdf
			{
				background-image:		url('/sjablonen/1/images/doctypes/pdf.gif');
				background-position:	0px 0px;
				background-repeat:		no-repeat;
			}
			
			#containerSearchLegend ul.doctypes li.ppt
			{
				background-image:		url('/sjablonen/1/images/doctypes/ppt.gif');
				background-position:	0px 0px;
				background-repeat:		no-repeat;
			}
			
			#containerSearchLegend ul.doctypes li.xls
			{
				background-image:		url('/sjablonen/1/images/doctypes/xls.gif');
				background-position:	0px 0px;
				background-repeat:		no-repeat;
			}
			
			#containerSearchLegend ul.onlineCatalogTypes li
			{
				position:				relative;
				display:				block;
				float:					left;
				
				width:					177px;
				
				padding:				2px 10px 2px 0px;
				margin:					0px 0px 0px 0px;
				
				background-repeat:		no-repeat;
				background-position:	0px 0px;
			}
				
	div.tab
	{
		position:				relative;
		display:				block;
		float:					left;
	
		padding:				3px 3px 3px 3px;
		margin:					0px 2px 0px 0px;
		
		background-color:		#e8e8e8;

		border-left:			1px solid #333;
		border-right:			1px solid #333;
		border-top:				1px solid #333;
	}
		
		div.tab a, div.tab a:hover
		{
			color:					#333;
			text-decoration:		none;
		}

	div.searchTabSelected
	{
		background-color:		#333;
	
		border-left:			1px solid #333;
		border-right:			1px solid #333;
		border-top:				1px solid #333;
	}
	
		div.searchTabSelected a, div.searchTabSelected a:hover
		{
			color:					#FFFFFF!important;
		}
	
	
	div.searchAdjust
	{
		position:				relative;
	
		padding:				3px 3px 3px 0px;
		margin:					0px 2px 20px 0px;
	}
		
	#containerSearchResults
	{
		position:				relative;
		display:				block;
		clear:					both;
		color:					#565656;
		
		font-size:				0.8em;
		font-weight:			normal;
		line-height:			175%;
		
		width:					581px;
		padding:				0;
		margin:					0 0 10px 0;

		border-top:				1px solid #333;
		border-bottom:			1px solid #333;
	}
	
		div.searchError
		{
			position:				relative;
			display:				block;
			
			width:					581px;
			padding:				10px 0 0px 0;
			margin:					13px 0 13px 0;
		}
		
			div.searchError ul
			{
				margin-top:			9px;
			}
			
				div.searchError ul li
				{
				}
	
	
		div.searchResult
		{
			position:				relative;
			display:				block;
			clear:					both;
			
			width:					581px;
			padding:				10px 0 10px 0;
			margin:					0;
		}
			
			div.searchResultBorder
			{
				border-top:			1px solid #ACD3EB;
			}
	
	
			div.searchResult div.icon
			{
				display:				block;
				position:				relative;
				float:					left;
				
				width:					40px;
				padding:				0;
				margin:					4px 0 0 0;
			}
			
				div.searchResult div.icon img
				{
					margin: 0!important;
				}
			
			div.searchResult div.title
			{
				display:				block;
				position:				relative;
				float:					left;
				
				width:					541px;
				padding:				0;
				margin:					0;
				color:					#333;
			}
			
				div.searchResult div.title a, div.searchResult div.title a:hover
				{
					font-weight:			bold;
					text-decoration:		none;
					color:					#333;
				}
			
			div.searchResult div.body
			{
				display:				block;
				position:				relative;
				float:					left;
				
				width:					541px;
				padding:				0;
				margin:					0;
			}
		
			div.searchResult div.path
			{
				display:				block;
				position:				relative;
				clear:					both;
				
				width:					541px;
				padding:				0 0 0 40px;
				margin:					5px 0 0 0;
				
				color:					#76a000;
				font-size:				0.9em;
			}
		
				div.searchResult div.path a
				{
					text-decoration:		none;
					color:					#333;
				}
		
				div.searchResult div.path a:hover
				{
					text-decoration:		underline;
					color:					#333;
				}
}