/********************************************************
**
**  Navigation Styles
**
**  Copyright (c) 2007, Nimisoft LTD. All rights reserved.
**  for more information visit http://nimisoft.com/
**/

#navigation {
    font-size: 11px;
    height:41px;
    background-image: url("../images/navigation/bg.gif");
}


/***************************************
*           Section Styles
*/
#navigation .section {
    float:left;
    position: relative;
    cursor:pointer;
    cursor:hand;
}

#navigation .button {
    position: relative;
}


#navigation .exit {
    float:right;
    cursor:pointer;
    cursor:hand;
}


#navigation .hseparator {
    float:left;
    width:2px;
    height:100%;
}


/***************************************
*             Menu Styles
*/
#navigation .menu {
    position: absolute;
    z-index: 1000;
    top: 37px;
    left:1px;
    background-color: #f6f7f8;
    border: 1px solid #d3d8de;
}


#navigation .menu_items {
    width: 180px;   /* menu minimal width */
    margin: 2px;
}

#navigation .vseparator div {
    margin-left:5px;
    margin-right:5px;
    height: 5px;
    font-size: 0;
    background: url('../images/navigation/vseparator.gif') 50% 50% repeat-x;
}

#navigation .menu_item td {
    height: 21px;
    line-height: 20px;
}

/* Отстояние от краищата на менюто */
#navigation .menu_item .first, 
#navigation .menu_item .first img,
#navigation .menu_item .last, 
#navigation .menu_item .last img {
    width: 6px;
}

#navigation td.text_over {
    background-image: url("../images/navigation/menu_item_h.gif");
}

#navigation td.first_over  {
    background-image: url("../images/navigation/menu_item_left_h.gif");
}

#navigation td.last_over {
    background-image: url("../images/navigation/menu_item_right_h.gif");
}

#navigation a {
    font-size: 11px;
    color: black;
    text-decoration: none;
}


/***************************************
*             Submenu Styles
*/


#navigation .last .container {
    width: 0px;
    height: 0px;
    position: relative;    
}

#navigation .arrow {
    width: 10px;
    height: 10px;   
    position: absolute;
    top:  -8px;
    _top:  -13px; /* IE6 */    
    left: -5px;    
    background: url("../images/navigation/arrow.gif") 50% 50% no-repeat;    
}

#navigation .menu .menu .arrow {    
    top:  -7px;        
}


#navigation .menu .menu {
    position: absolute;
    z-index: 1001;
    top: -17px;
    left: 8px;    
}

#navigation .menu .menu .menu {    
    top: -16px;   
}