/*
--------------------------------------------------------------------------------------------------
 Title:			ADXMenu Styles
 Created on: 	14-10-2008
 Author:     	Roberto De Vivo
 Client:		Vincis
 Project:		Raadsplein
 Copyright:  	Vincis B.V. The Netherlands
 
 =1 body 		#fff;
 =2 			#333;
 =3	broodtext	#777;
 =4	shortcuts	#999;
 =5 medium grey	#aaa;
 =6	light grey	#ddd;
 
 =7 white green	#b5dda4;
 =8 base green	#55b02e;
 =9	dark green	#3d7e21;
*/
@media screen 
{
		/*********************************************************************************************/
		/* =Standard colors		  							                                     	 */
		/*********************************************************************************************/
		#adxmenu li a
		{
			color:					#999; 				/* =4 */
			
			border-left:			1px solid #c0c0c0; 	/* =unique */
			border-right:			1px solid #c0c0c0; 	/* =unique */
		}
		
		#adxmenu a:hover
		{
			color:					#777; 				/* =3 */
			
			border-left:			1px solid #e3e3e3; /* =unique */
			border-right:			1px solid #e3e3e3; /* =unique */
		}
		
		#adxmenu a:hover, 	#adxmenu li a
		{
			background-color:		#cfcfcf; 			/*= unique */
		}
		
		/* selected*/
		#totalContainer #adxmenu .selected a:hover, #totalContainer #adxmenu .selected span:hover,
		#totalContainer #adxmenu .selectedPath a:hover, #totalContainer #adxmenu .selected a,
		#totalContainer #adxmenu .selected span, #totalContainer #adxmenu .selectedPath a
		{
			color:					#fff;				/* =1 */
		}
		
		#totalContainer #adxmenu .selected a, #totalContainer #adxmenu .selected span, #totalContainer #adxmenu .selectedPath a
		{
			background-color:		#0079c2; 			/*= unique */
		}
		
		#totalContainer #adxmenu .selected a:hover, #totalContainer #adxmenu .selected span:hover,
		#totalContainer #adxmenu .selectedPath a:hover
		{
			background-color:		#00569f; 			/*= unique */
		}
		
		#totalContainer #adxmenu .selected a:hover, #totalContainer #adxmenu .selected span:hover,
		#totalContainer #adxmenu .selectedPath a:hover,	#totalContainer #adxmenu .selected a,
		#totalContainer #adxmenu .selected span, #totalContainer #adxmenu .selectedPath a
		{
			border-left:			1px solid #777; 	/* =3 */
			border-right:			1px solid #777; 	/* =3 */
		}



	/*********************************************************************************************/
	/* =adxmenu				          			                  								 */
	/*********************************************************************************************/
	#adxmenu
	{
		position:				absolute;
		left:					17px;
		top:					72px;
		z-index:				1;
		
		width:					650px;
		min-width:				10px;
		height:					44px;
	}
		
		#adxmenu ul
		{	
			width:					900px;
			height:					44px;
			margin:					0;
			padding:				0;
			
			list-style: 			none;
			white-space:			nowrap;
		}
			#adxmenu li 
			{
				position:				relative;
				
				float:					left;
				display:				inline;
		
				min-width:				68px;
				width:					68px;
				height:					44px;
				min-height:				44px;
				margin:					0 5px 0 0;
				
				font-size:				1.09em;
			}
			*>#adxmenu li 
			{
				width:					auto;
			}
			
				#adxmenu li a
				{
					display:				block;
	
					min-width:				50px;
					width:					50px;
					height:					30px;
					min-height:				30px;
					padding:				4px 9px 0 9px;
					margin:					10px 0 0 0;
					
					/*color:					#777; =10 */
					text-decoration:		none;
					font-weight:			bold;
					
					background-image:		none;
					background-repeat:		repeat-x;
					background-position:	left -36px;
					background-image:		url(/sjablonen/1/images/general/custom/background_tab.gif);
				/*	background-color:		#cfcfcf; = unique */
					
				/*	border-left:			1px solid #c0c0c0;  =12 */
				/*	border-right:			1px solid #c0c0c0;  =12 */
					
					white-space:			nowrap;
				}
				*>#adxmenu li a
				{
					width:					auto;
				}
		
					#adxmenu a:hover
					{
						min-width:				50px;
						width:					50px;
						height:					32px;
						min-height:				32px;
						padding:				4px 9px 0 9px;
						margin:					8px 0 0 0;

					/*	color:					#888;  =unique */
						text-decoration:		none;
						
					/*	background-color:		#cfcfcf; = unique */
						background-position:	left top;
						
					/*	border-left:			1px solid #e3e3e3; /* =12 */
					/*	border-right:			1px solid #e3e3e3; /* =12 */
					}
					*>#adxmenu li a:hover
					{
						width:					auto;
					}
					
					/* selected*/
					#totalContainer #adxmenu .selected a, #totalContainer #adxmenu .selected span, #totalContainer #adxmenu .selectedPath a
					{
						display:				block;
						
						min-width:				50px;
						width:					50px;
						height:					32px;
						min-height:				32px;
						margin:					2px 0 0 0;
						padding:				10px 9px 0 9px;
						
					/*	color:					#fff;*/
						font-weight:			bold;
						
						text-decoration:		none;
						
						background-position:	left -72px;
					/*	background-color:		#0079c2;  unique */
						background-image:		url(/sjablonen/1/images/general/custom/background_tab.gif);
						
					/*	border-left:			1px solid #81bcea; =unique */
					/*	border-right:			1px solid #81bcea;  =unique */
						
						white-space:			nowrap;
					}
					*>#totalContainer #adxmenu .selected a, *>#totalContainer #adxmenu .selected span, *>#totalContainer #adxmenu .selectedPath a
					{
						width:					auto;
					}
					
						#totalContainer #adxmenu .selected a:hover, #totalContainer #adxmenu .selected span:hover, #totalContainer #adxmenu .selectedPath a:hover
						{
							min-width:				50px;
							width:					50px;
							height:					34px;
							min-height:				34px;
							margin:					0;
							padding:				10px 9px 0 9px;
							
						/*	color:					#e6f2f9;*/
							text-decoration:		none;
							
							background-position:	left bottom;
						/*	background-color:		#00569f;= unique */
							
						/*	border-left:			1px solid #81bcea;  =unique */
						/*	border-right:			1px solid #81bcea;  =unique */
						}
						*>#totalContainer #adxmenu .selected a:hover, *>#totalContainer #adxmenu .selected span:hover, *>#totalContainer #adxmenu .selectedPath a:hover
						{
							width:					auto;
						}

}

@media print
{
}
