/* The first item to the left (not really a menuItem) */
.Urgence
{
	background-color: #FFFFFF;
	border-left: solid 1px #E7241A;
	border-bottom: solid 1px #E7241A;
	color: #E7241A;	
	cursor: pointer;
	font-family: tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: normal;
	padding: 0px;
	text-align: center;
	text-transform: none;
	text-decoration: none;	
	width: 160px;
}

/* The second menu item (must also have a special CSS class because no need of the border-left */
.secondRootElement, .secondRootElement_Over
{
	background-color: #E7241A;
	color: #ffffff;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
}

.secondRootElement_Over
{
	background-color: #A30000;
	color: #FFFFFF;	
}

.RootItem, .RootItemOver
{
	background-color: #E7241A;
	border-left: solid 1px #ffffff;
	color: #ffffff;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
}

.RootItemOver
{	
	background-color: #A30000;
	color: #FFFFFF;
}

.menugroupHorizontal
{
	background-color: #E7241A;
}

.MenuGroupBorder
{
	background-color: #ffffff;
	border: solid 2px #E7241A;
}

.MenuItemPopup, .MenuItemPopupBorder, .MenuItemPopupOver, .MenuItemPopupOverBorder
{
	cursor: pointer;
}

.MenuItemPopup, .MenuItemPopupBorder
{
	background-color: #ffffff;
	color: #000000;
	padding-top: 5px;
	padding-bottom: 5px;
}

.MenuItemPopupOver, .MenuItemPopupOverBorder
{	
	background-color: #E7241A;
	color: #ffffff;
	padding-top: 5px;
	padding-bottom: 5px;
}
 
.MenuItemPopupBorder, .MenuItemPopupOverBorder
{
	border-bottom: solid 1px #E7241A;
}