/*
                                    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.
*/

/*--------------------------------------------------- One deprecated class from past menu: begin */
.b-menu{
	width:950px;
	height: 23px;
}
/*--------------------------------------------------- One deprecated class from past menu: end */

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

.negeso_menu {
	width: 830px;
	margin: 0;
	padding: 0;
	display: block;
	list-style: none;
}

.negeso_menu li ul {
	position: absolute;
	left: 0;
	top: 23px;
	margin: 0;
	padding: 0;
	z-index: 2;
	list-style: none;
	display: none;
}

.negeso_menu li ul li ul {
	left: 211px;
	top: 0;	
}

/*--------------------------------------------------- Middle item: begin ---------------------------------------------------*/

/*--------------------------------- Top level: begin ---------------------------------*/
.negeso_menu li {
	width: auto;
	float: left;
	margin: 0;
	padding: 0 30px;
	position: relative;
	cursor: pointer;
	height: 23px;
	line-height: 23px;
	color: black;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	border-right: 1px solid #6c6c6c;
	border-left: 1px solid #bcbcbc;
}

.negeso_menu li.item_over,
.negeso_menu li.item_selected {
	background: transparent url(/site/core/images/negeso_menu/mio_top_middle.gif) bottom repeat-x;
	color: white;
}
/*--------------------------------- Top level: end ---------------------------------*/

/*--------------------------------- Other levels: begin ---------------------------------*/
.negeso_menu li ul li {
	padding: 0;
	padding-left: 12px;
	width: 198px;
	float: none;
	background: #FFFFFF url(/site/core/images/menu_bg.gif) bottom repeat-x;
	height: 16px;
	line-height: 16px;
	color: black;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	border-right: 1px solid #787878;
	border-bottom: 1px solid #2A2A2A;
	border-left: none;
}

.negeso_menu li ul li.item_over,
.negeso_menu li ul li.item_selected  {
	background: #BA0000 url(/site/core/images/menu_bgr.gif) bottom left no-repeat;
	color: white;
}
/*--------------------------------- Other levels: end ---------------------------------*/

/*--------------------------------------------------- Middle item: end ---------------------------------------------------*/

/* Next adds (till end of this file) are special for Internet Explorer, because of it's don't understand "color: inherit;" 
   
   Correct solution in this case:
   .negeso_menu li a { color: inherit; text-decoration: none; }
   
   ...That's all. But IE 7- doesn't recognize "inherit". thus I'd used hardcode.
   
   Hardcoded for 5 levels :-(
   
*/
.negeso_menu li a,
.negeso_menu li.item_selected li a,
.negeso_menu li.item_over li a,
.negeso_menu li.item_selected li.item_selected li a,
.negeso_menu li.item_over li.item_over li a,
.negeso_menu li.item_selected li.item_selected li.item_selected li a,
.negeso_menu li.item_over li.item_over li.item_over li a,
.negeso_menu li.item_selected li.item_selected li.item_selected li.item_selected li a,
.negeso_menu li.item_over li.item_over li.item_over li.item_over li a {
	color: black;
	text-decoration: none;
}

.negeso_menu li.item_selected a,
.negeso_menu li.item_over a,
.negeso_menu li.item_selected li.item_selected a,
.negeso_menu li.item_over li.item_over a,
.negeso_menu li.item_selected li.item_selected li.item_selected a,
.negeso_menu li.item_over li.item_over li.item_over a,
.negeso_menu li.item_selected li.item_selected li.item_selected li.item_selected a,
.negeso_menu li.item_over li.item_over li.item_over li.item_over a,
.negeso_menu li.item_selected li.item_selected li.item_selected li.item_selected li.item_selected a,
.negeso_menu li.item_over li.item_over li.item_over li.item_over li.item_over a {
	color: white;
	text-decoration: none;
}