/*
                                    Title: CSS classes for menu.
                                    Author: Rostislav Brizgunov, 2008

======================================= Classes Architecture ===============================================
.negeso_menu
  |
  +---li (different for TOP-level and others, may be for 2nd something special too)
  |     |
  |     +----li.item_over (simple menu item HOVER, me be different for each submenu-level)
  |     |
  |     +----li.item_selected (selected menu item. Style may be the same as HOVER-style. 
  |                            Also, hovering selected item is the same as for any other item.
  |                            .item_selected and .item_over - works together)
  |
  +----li.item_first (first items in list)
  |     |
  |     +----li.item_first_over     (HOVER for first items in list)
  |     |
  |     +----li.item_first_selected (selected first item in each sub-menu. May be different for TOP-level and others.
  |                                  .item_first_selected and .item_first_over - works together)
  |
  +----li.item_last (last items in list)
  |     |
  |     +----li.item_last_over     (HOVER for last items in list)
  |     |
  |     +----li.item_last_selected (selected last item in each sub-menu. May be different for TOP-level and others.
  |                                .item_last_selected and .item_last_over - works together)
  |
  +----li.item_single (single items in list)
        |
        +----li.item_single_over     (HOVER for single items in list)
        |
        +----li.item_single_selected (selected single item in each sub-menu. May be different for TOP-level and others.
                                    .item_single_selected and .item_single_over - works together)
============================================================================================================

Remember, that each CSS class, described upwards, may vary for top-level, second-level, etc.
*/

UL.negeso_menu_1{
	width:191px;
	padding-left:5px;
	padding-right:3px;
	background:transparent url(../images/menu/1-level-bg.png) repeat-y;
	margin-left:10px;
	background-color:transparent;
	float:left;
}

* html UL.negeso_menu_1{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site/core/images/menu/1-level-bg.png', sizingmethod='scale');
}

UL.negeso_menu_1 LI{
	padding:10px 5px 10px 37px;
	border-bottom:1px #e8e8e8 solid;
	background-image:url(../images/menu/marker.gif);
	background-position:25px center;
	background-repeat:no-repeat;
	position:relative;
	
}

UL.negeso_menu_1 LI.footer
{
	position:static;
}

UL.negeso_menu_1 LI.item_selected, UL.negeso_menu_1 LI.item_over{
	background-image:url(../images/menu/selected-marker.gif);
}

UL.negeso_menu_1 LI.item_selected A, UL.negeso_menu_1 LI.item_over A{
	color:#6aaed4;
}

UL.negeso_menu_1 LI A{
	color:#00639b;
}

UL.negeso_menu_1 LI.item_selected UL.negeso_menu_2 LI A,
UL.negeso_menu_1 LI UL.negeso_menu_2 LI A
{
	color:#00639b;
}

UL.negeso_menu_1 LI.item_selected UL.negeso_menu_2 LI.item_selected A, 
UL.negeso_menu_1 LI.item_over UL.negeso_menu_2 LI.item_over A{
	color:#6aaed4;
}


UL.negeso_menu_1 LI.head, UL.negeso_menu_1 LI.footer
{
	padding:0;
	border:none;
	background:none;
	line-height:0;
	font-size:0;
}

UL.negeso_menu_1 LI.head{
	margin-left:-5px;
	margin-top:-1px;
}

UL.negeso_menu_1 LI.footer{
	margin-left:-5px;
	margin-bottom:-1px;
}

UL.negeso_menu_2 LI.head{
	margin-left:-3px;
	margin-top:-2px;
}

UL.negeso_menu_2 LI.footer{
	background:transparent url(../images/menu/2-level-footer.png);
	background-repeat:no-repeat;
	height:10px;
	width:169px;
	background-position:2px 0px;
	position:relative;
	top:4px;
	cursor:default;
	z-index:3;
	
}

* html UL.negeso_menu_2 LI.footer{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site/core/images/menu/2-level-footer.png', sizingmethod='scale');
	
}

UL.negeso_menu_2 LI{
	padding-right:0;
	background-image:none;
	padding-left:15px;
	cursor:pointer;
}

UL.negeso_menu_2 LI.item_selected, UL.negeso_menu_2 LI.item_over{
	background-image:none;
}

UL.negeso_menu_1 UL.negeso_menu_2{
	display:none;
	position:absolute;
	width:163px;
	padding-left:3px;
	padding-right:0px;
	background:transparent url(../images/menu/2-level-bg.png) repeat-y;
	margin-left:10px;
	background-color:transparent;
	left:179px;
	top:-5px;
}

* html UL.negeso_menu_2{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site/core/images/menu/2-level-bg.png', sizingmethod='scale');
}

/*=================================================== NEGESO MENU -- BEGIN ===================================================*/