/*
--------------------------------------------------------------------------------------------------
 Title:			Statenvragen Styles
 Created on: 	26-01-2010
 Author:     	Roberto De Vivo
 Client:		Vincis
 Project:		Provinsje Fryslân Corporate Website
 Copyright:  	Vincis B.V. The Netherlands

--------------------------------------------------------------------------------------------------
 Index:
--------------------------------------------------------------------------------------------------

 
--------------------------------------------------------------------------------------------------
 Colors:
--------------------------------------------------------------------------------------------------
 =1 Content Background 	#fff	(white)
 =2	Logo Blue			#2b56a1	(blue)
 =3	Logo Red			#c73326	(red)
 =4 Body background		#f3f5f6	(light grey)
 =5 Direct nei Frysk	#e28e8a	(light red)
 
 
 =10	Body text		#777	(medium gray)			- also Resize font
 =11	Shortcuts		#999	(medium light gray)
 =12	Menu underline	#c0c0c0	(light gray)			- also Download-size
 =13	Shortcuts MO	#333	(dark grey)

 * Kleurenblokken *
 =A		Cultuur			#714194	(purple)
 =A1	CultuurFr		#aa8dbf	(purple, 60%)
 =B		Natuur			#c6d746	(green)
 =B1	NatuurFr		#d7e37d	(green, 60%)
 =C		Onderwijs		#1c78be	(blue)
 =C1	OnderwijsFr		#77aed8	(blue, 60%)
 =D		Veiligheid		#850059	(wine)
 =D1	VeiligheidFr	#b6669b	(wine, 60%)
 =E		Verkeer			#df8c31	(orange)
 =E1	VerkeerFr		#e9Ae6f	(orange, 60%)
 =F  	Ondernemen		#4a328e	(dark blue)
 =F1	OndernemenFr	#9284bb	(dark blue, 60%)
 =G		Wonen			#ad006b	(purple)
 =G1	WonenFr			#ce66a6	(purple, 60%)
 =H		Zorg			#f0c341	(light orange)
 =H1	ZorgFr			#f3cf67	(light orange, 60%)
 =I		Internationaal	#25a2e1	(light blue)
 =I1	InternationaalFr	#7cc7ed	(light blue, 60%)
 */

@media screen 
{
	/* Overrides of main styles */
	#totalContainer #content
	{
		width:					615px; 	

	}

	#totalContainer #content h1
	{
		width:					551px;
	}
	
	#totalContainer #sideBar
	{
		display:				none;
		visibility:				hidden;
	}
	
	#totalContainer #searchType,
	#totalContainer #searchPeriodFrom,
	#totalConatiner #searchPeriodTo
	{
		width:					75px;
	}
	
	#totalContainer #searchPeriodToLabel
	{
		clear:					none;
	}
	
	/*********************************************************************************************/
	/* =Global		  							                                      			 */
	/*********************************************************************************************/
	#results h2
	{
		padding:				0;
		margin:					0 0 2px 0;
		
		font-size:				1.18em;
	}
	
	/*********************************************************************************************/
	/* =results	  							                                      				 */
	/*********************************************************************************************/
	#totalContainer  #results 
	{
		border-top:				1px solid #CFE2FF;	/* =unique */
	}
		
		#totalContainer  #results  li
		{
			margin:					0;
			padding:				11px 13px 11px 26px;
			
			background-repeat:		no-repeat;
			background-position:	6px 12px;
			
			list-style:				none;
			border-bottom:			1px solid #CFE2FF;	/* =unique */
			
			background-color:		#fff;
		}
		
		#totalContainer  #results  li dl
		{
			float:				left;
			
			color:				#666;
		}
		
			#totalContainer  #results  li dt
			{
				float:				left;
				
				padding:			0 4px 0 0;
			}
			
			#totalContainer  #results  li dd
			{
				float:				left;
				
				padding:			0 13px 0 0;
				width:				220px;

				font-weight:		bold;
			}
		
		/* answered */
		#totalContainer  #results  li .answered
		{
			float:				left;
			
			padding:			4px;
			margin:				4px 0 0 -5px; 
			
			color:				#586f58;
			
			background-color:	#d1ffcf;
			border:				1px solid #898;
		}
		
			#totalContainer  #results  li .answered dt
			{
				float:				left;
				
				padding:			0 4px 0 0;
				

			}
			
			#totalContainer  #results  li .answered dd
			{
				float:				left;
				
				padding:			0 13px 0 0;
				width:				206px;
	
				font-weight:		bold;
			}
			
			#totalContainer  #results  li .answered dd.summary
			{
				float:				left;
				
				padding:			0 13px 0 0;
				width:				470px;
	
				font-weight:		normal;
			}
			
			#totalContainer  #content #results  li .answered dd.summary,
			#totalContainer  #content #results  li .answered dt.summary
			{
				padding-top:		8px;
			}

		/* icons */
		#totalContainer  #results  .odd
		{
			background-color:		#F7FAFF;
		}
		
			#totalContainer #results .scriptType1
			{
				background-image:		url(/sjablonen/1/images/infotypes/1.gif);
			}
			
			#totalContainer #results .scriptType9
			{
				background-image:		url(/sjablonen/1/images/infotypes/9.gif);
			}
			
			#totalContainer #results .scriptType10
			{
				background-image:		url(/sjablonen/1/images/infotypes/10.gif);
			}
			
			#totalContainer #results .scriptType11
			{
				background-image:		url(/sjablonen/1/images/infotypes/11.gif);
			}
			
			#totalContainer #results .scriptType14
			{
				background-image:		url(/sjablonen/1/images/infotypes/14.gif);
			}
			
			#totalContainer #results .scriptType15
			{
				background-image:		url(/sjablonen/1/images/infotypes/15.gif);
			}
			
			#totalContainer #results .scriptType16
			{
				background-image:		url(/sjablonen/1/images/infotypes/16.gif);
			}
			
			#totalContainer #results .scriptType18
			{
				background-image:		url(/sjablonen/1/images/infotypes/18.gif);
			}
			
			#totalContainer #results .scriptType19
			{
				background-image:		url(/sjablonen/1/images/infotypes/19.gif);
			}
			
			#totalContainer #results .scriptType23
			{
				background-image:		url(/sjablonen/1/images/infotypes/23.gif);
			}
			
			#totalContainer #results .scriptType29
			{
				background-image:		url(/sjablonen/1/images/infotypes/29.gif);
			}
			
			#totalContainer #results .scriptType30
			{
				background-image:		url(/sjablonen/1/images/infotypes/30.gif);
			}
			
			#totalContainer #results .scriptType31
			{
				background-image:		url(/sjablonen/1/images/infotypes/31.gif);
			}
			
			#totalContainer #results .scriptType32
			{
				background-image:		url(/sjablonen/1/images/infotypes/32.gif);
			}
			
			#totalContainer #results .scriptType33
			{
				background-image:		url(/sjablonen/1/images/infotypes/33.gif);
			}
			
			#totalContainer #results .scriptType34
			{
				background-image:		url(/sjablonen/1/images/infotypes/34.gif);
			}
			
			#totalContainer #results .scriptType35
			{
				background-image:		url(/sjablonen/1/images/infotypes/35.gif);
			}
			
			#totalContainer #results .scriptType36
			{
				background-image:		url(/sjablonen/1/images/infotypes/36.gif);
			}
			
			#totalContainer #results .scriptType37
			{
				background-image:		url(/sjablonen/1/images/infotypes/37.gif);
			}
			
			#totalContainer #results .scriptType38
			{
				background-image:		url(/sjablonen/1/images/infotypes/38.gif);
			}
			
			#totalContainer #results .scriptType39
			{
				background-image:		url(/sjablonen/1/images/infotypes/39.gif);
			}
			
			#totalContainer #results .scriptType40
			{
				background-image:		url(/sjablonen/1/images/infotypes/40.gif);
			}
			
			#totalContainer #results .scriptType41
			{
				background-image:		url(/sjablonen/1/images/infotypes/41.gif);
			}
			
			#totalContainer #results .scriptType44
			{
				background-image:		url(/sjablonen/1/images/infotypes/44.gif);
			}
			
			#totalContainer #results .scriptType45
			{
				background-image:		url(/sjablonen/1/images/infotypes/45.gif);
			}
			
			#totalContainer #results .scriptType46
			{
				background-image:		url(/sjablonen/1/images/infotypes/46.gif);
			}
			
			#totalContainer #results .scriptType47
			{
				background-image:		url(/sjablonen/1/images/infotypes/47.gif);
			}
			
			#totalContainer #results .scriptType48
			{
				background-image:		url(/sjablonen/1/images/infotypes/48.gif);
			}
			
			#totalContainer #results .scriptType49
			{
				background-image:		url(/sjablonen/1/images/infotypes/49.gif);
			}
			
			#totalContainer #results .scriptType61
			{
				background-image:		url(/sjablonen/1/images/infotypes/61.gif);
			}
			
			#totalContainer #results .scriptType67
			{
				background-image:		url(/sjablonen/1/images/infotypes/67.gif);
			}
			
			#totalContainer #results .scriptType70
			{
				background-image:		url(/sjablonen/1/images/infotypes/70.gif);
			}
			
			#totalContainer #results .scriptType71
			{
				background-image:		url(/sjablonen/1/images/infotypes/71.gif);
			}
			
			#totalContainer #results .scriptType72
			{
				background-image:		url(/sjablonen/1/images/infotypes/72.gif);
			}
			
			#totalContainer #results .scriptType109
			{
				background-image:		url(/sjablonen/1/images/infotypes/109.gif);
			}
			
			#totalContainer #results .scriptType110
			{
				background-image:		url(/sjablonen/1/images/infotypes/110.gif);
			}
			
			#totalContainer #results .scriptType115
			{
				background-image:		url(/sjablonen/1/images/infotypes/115.gif);
			}
			
			#totalContainer #results .scriptType116
			{
				background-image:		url(/sjablonen/1/images/infotypes/116.gif);
			}
			
			#totalContainer #results .scriptType117
			{
				background-image:		url(/sjablonen/1/images/infotypes/117.gif);
			}

	/*********************************************************************************************/
	/* =addQuestion	  							                                      			 */
	/*********************************************************************************************/
	#totalContainer #content .cm_button
	{
		float:					left;
		display:				inline;
		
		margin:					13px 8px 13px 0;
		line-height:			1.48em;
		height:					15px;
	}
	
	#totalContainer #content input.cm_button
	{
		height:					21px;
	}
	
	#totalContainer #content .cm_button.delete
	{
		margin-left:			13px;
		
		color:					#2b56a1;	/* =2 */
		text-decoration:		underline;
		font-weight:			normal;

		background-color:		#fff;
		background-image:		none;
	}
	
		#totalContainer #content .cm_button.delete:hover
		{
			color:					#4a328e;	/* =F */
			text-decoration:		underline;

			background-color:		#fff;
			background-image:		none;
		}
		
		#totalContainer  .highlight
		{
			margin:					0;
			padding:				0 13px 11px 13px;
			
			
			list-style:				none;
			border-bottom:			1px solid #CFE2FF;	/* =unique */
			border-top:				1px solid #CFE2FF;	/* =unique */
			
			background-color:		#F7FAFF;
		}

	#content .mceToolbarTop img
	{
		display:			inline;
		padding:			0;
		margin:				0;
	}
}