/************************************************************************************************/
/* Author:			VINCIS Rinse van Dijk         					                   	  		*/
/* Description:		ADXMENU stylesheet					                              			*/
/* Site name:		Ouderenzorg 2010 Internet				                           	  		*/
/* Date created:	03-02-2010							                               	  		*/
/************************************************************************************************/

/*----------------------------------------------------------------------------------------------*/
/* Colors	                                               										*/
/*----------------------------------------------------------------------------------------------*/
/* 	Grey:			#747576;
/*	Blue (light)	#0095d8;
/*	Blue (dark)		#004494;
/*

/************************************************************************************************/
/* Screen styles                                           										*/
/************************************************************************************************/
@media screen 
{
	/********************************************************************************************/
	/* Global																					*/
	/********************************************************************************************/
	ul#liMenu
	{
		float:					left;
		display:				inline;
		width:					234px;
		height:					10px;
								
		margin:					0;
		padding:				0;
		
		
		font-size:				1.05em;
		font-weight:			bold;
		
	}
	*>ul#liMenu
	{
		min-height:				10px;
		height:					auto;
	}
	
	/********************************************************************************************/
	/* Niveau 1																					*/
	/********************************************************************************************/	
	ul#liMenu li
	{
		float:					left;
		margin:					0;
		padding:				0;
	}
	
		ul#liMenu li  div
		{
			float:					left;
		}
		
			ul#liMenu li  div a, 
			ul#liMenu li  div span
			{
				display:				block;
				color:					#0095d8;
				font-weight:			bold;
				text-decoration:		none;
				
				width:					208px;
				height:					21px;
				
				margin:					0;
				padding:				5px 0 0 26px;
				
				background-image:		url(/Content/Images/General/bg_liMenu_item.gif);
				background-repeat:		no-repeat;
			}
		
			
			ul#liMenu li#liMenu_item_1 div a, 
			ul#liMenu li#liMenu_item_1  div span
			{
				width:					208px;
				background-image:		url(/Content/Images/General/bg_liMenu_item_first.gif);
				background-position:	0 0;
				border:					0;
			}
			
			
			ul#liMenu li#liMenu_item_1.hasNoChildren.selected a, 
			ul#liMenu li#liMenu_item_1.hasNoChildren.selected span, 
			ul#liMenu li#liMenu_item_1.hasNoChildren.selectedPath a ,
			ul#liMenu li#liMenu_item_1.hasChildren.selected a, 
			ul#liMenu li#liMenu_item_1.hasChildren.selected span, 
			ul#liMenu li#liMenu_item_1.hasChildren.selectedPath a  			
			{	
				background-image:		url(/Content/Images/General/bg_liMenu_item_first_selected.gif);
			}
			
			
			
			ul#liMenu li.lastItem  div a, 
			ul#liMenu li.lastItem  div span
			{
				background-image:		url(/Content/Images/General/bg_liMenu_item_last.gif);
			}
			
				/*
				ul#liMenu li.lastItem.hasNoChildren.selected div a, 
				ul#liMenu li.lastItem.hasNoChildren.selected div span,
				ul#liMenu li.lastItem.hasNoChildren.selectedPath div a, 
				ul#liMenu li.lastItem.hasNoChildren.selectedPath div span
				{
					background-image:		url(/Content/Images/General/bg_liMenu_item_last_selected.gif);
					width:					208px;
					background-position:	0 0;
					border:					0;
				}
				*/
			
			
				ul#liMenu li.hasNoChildren.selected a, 
				ul#liMenu li.hasNoChildren.selectedPath a ,
				
				ul#liMenu li.hasChildren.selected a, 
				ul#liMenu li.hasChildren.selected span, 
				ul#liMenu li.hasChildren.selectedPath a ,				
				
				ul#liMenu li.lastItem.hasChildren.selected div a, 
				ul#liMenu li.lastItem.hasChildren.selected div span,
				ul#liMenu li.lastItem.hasChildren.selectedPath div a, 
				ul#liMenu li.lastItem.hasChildren.selectedPath div span				
				{	
					width:					204px;
					background-image:		url(/Content/Images/General/arrowUnder.gif);
					background-position:	12px 1px;
					
					border-left:			2px solid #d4eaf8;
					border-right:			2px solid #d4eaf8;
				}
				
				ul#liMenu li.hasNoChildren.selected span 
				{
					background-image:		url(/Content/Images/General/bg_liMenu_item_last_last_selected.gif);
					height:					23px;
					background-position:	0 -3px;
				}

				
				
				ul#liMenu li.hasChildren.selected span, 
				ul#liMenu li.hasChildren.selectedPath a
				{	
				
				}
				*>ul#liMenu li.hasChildren.selected span, 
				ul#liMenu li.hasChildren.selectedPath a
				{

				}
				
				
			
				ul#liMenu li  div a:hover
				{
					text-decoration:		underline;
				}
			
	
	/********************************************************************************************/
	/* Niveau 2																					*/
	/********************************************************************************************/
	
	ul#liMenu li ul
	{
		float:					left;
		height:					auto;
		
		width:					234px;
		padding:				0 0 0 0;
	}
	
		ul#liMenu li ul li
		{
	
		}
		
			ul#liMenu li ul li div
			{
			
			}
			
			
				ul#liMenu li#liMenu_item_1.selected ul li div a, 
				ul#liMenu li#liMenu_item_1.selected ul li div span, 
				ul#liMenu li#liMenu_item_1.selectedPath ul li div a,
				ul#liMenu li#liMenu_item_1.selectedPath ul li div span
				{
					width:					192px;
					background-position:	26px 2px;
					
					border-left:			2px solid #d4eaf8;
					border-right:			2px solid #d4eaf8;
				}				
			
			
				ul#liMenu li.hasChildren.selected ul li div a, 
				ul#liMenu li.hasChildren.selectedPath ul li div a,
				ul#liMenu li.hasChildren.selected ul li div span, 
				ul#liMenu li.hasChildren.selectedPath ul li div span,
				ul#liMenu li.hasChildren.selectedPath ul li.selected div span,
				ul#liMenu li.selectedPath ul li.selected div span,
				ul#liMenu li.lastItem.hasChildren.selected ul li div a, 
				ul#liMenu li.lastItem.hasChildren.selected ul li div span,
				ul#liMenu li.lastItem.hasChildren.selectedPath ul li div a, 
				ul#liMenu li.lastItem.hasChilderen.selectedPath ul li div span
				{
					
					width:					192px;
					height:					21px;
				
					margin:					0;
					padding:				5px 0 0 38px;
					
					color:					#747576;
					border-bottom:			none;
					font-weight:			normal;
					
					background-image:		url(/Content/Images/General/arrowLeft.gif)!important;
					background-position:	26px 2px;
					
					border-left:			2px solid #d4eaf8;
					border-right:			2px solid #d4eaf8;
				}
				*>ul#liMenu li.hasChildren.selectedPath ul li div a,
				ul#liMenu li.hasChildren.selected ul li div span, 
				ul#liMenu li.hasChildren.selectedPath ul li div span,
				ul#liMenu li.hasChildren.selectedPath ul li.selected div span,
				ul#liMenu li.selectedPath ul li.selected div span,
				ul#liMenu li.lastItem.hasChildren.selected ul li div a, 
				ul#liMenu li.lastItem.hasChildren.selected ul li div span,
				ul#liMenu li.lastItem.hasChildren.selectedPath ul li div a, 
				ul#liMenu li.lastItem.hasChilderen.selectedPath ul li div span
				{
					min-height:				21px;
					height:					auto;
				}
				
	
				
					ul#liMenu li.selectedPath.lastItem ul li.selected div a,
					ul#liMenu li.selectedPath.lastItem ul li.selected div span,
					ul#liMenu li.selectedPath ul li.selected div a,
					ul#liMenu li.hasChildren.selectedPath ul li.selected div span
					{
						text-decoration:			underline;
						font-weight:				bold;
					}
					
					
					
					ul#liMenu li.hasChildren.lastItem.selected ul,
					ul#liMenu li.hasChildren.lastItem.selectedPath ul
					{
						padding:					0 0 5px 0;
						background-image:			url(/Content/Images/General/bg_liMenu_Under.gif)!important;
						background-repeat:			no-repeat;
						background-position:		0px bottom;
					}
					
							
					ul#liMenu li.lastItem.hasNoChildren.selected div a
					{
					
					}
					*>ul#liMenu li.lastItem.hasNoChildren.selected div a
					{
						width:						208px;
						padding:					5px 0 5px 26px;
						background-image:			url(/Content/Images/General/bg_liMenu_item_last_selected.gif)!important;
						background-repeat:			no-repeat;
						background-position:		0px bottom;
						border:						0;
					}
				
				/*	
					ul#liMenu li.lastItem.hasChildren.selected ul li div a, 
					ul#liMenu li.lastItem.hasChildren.selected ul li div span,
					ul#liMenu li.lastItem.hasChildren.selectedPath ul li div a, 
					ul#liMenu li.lastItem.hasChilderen.selectedPath ul li div span
					{
						border-left:			2px solid #d4eaf8;
						border-right:			2px solid #d4eaf8;
						width:					192px;
						
					}
					
					ul#liMenu li.lastItem.hasChildren.selected ul li.lastItem div a, 
					ul#liMenu li.lastItem.hasChildren.selected ul li.lastItem div span,
					ul#liMenu li.lastItem.hasChildren.selectedPath ul li.lastItem  div a, 
					ul#liMenu li.lastItem.hasChilderen.selectedPath ul li.lastItem div span
					{
						background-image:		url(/Content/Images/General/bg_liMenu_item_last_last_selected.gif)!important;
						height:					31px;
						width:					196px;
						background-position:	0px 0px;
						border:					0;
					}
					
					ul#liMenu li.lastItem.hasChildren.selected ul,
					ul#liMenu li.lastItem.hasChildren.selectedPath ul
					{
						padding:					0;
						border:						0;
					}
			
			
						ul#liMenu li.lastItem.hasChildren.selectedPath ul li.selected div a, 
						ul#liMenu li.lastItem.hasChilderen.selectedPath ul li.selected div span
						{
							font-weight:				bold;
						}
		*/	
}


/************************************************************************************************/
/* Print styles                                                                 				*/
/************************************************************************************************/
@media print
{
}
