/******************************************************************
 * Menu file
 *
 * Author: Christina Ivanchuk <cris@altertech.net>, Roman Matiiv <rmatiiv@altertech.net>
 * Created: 02.01.2009
 *
 * $Id: menu.css,v 1.5 2009-07-23 18:29:39 rmatiiv Exp $
 ******************************************************************/
#nav {
    margin-right: 27px !important;
    margin-right: 0;
    padding-right: 0 !important;
    padding-right: 27px;
    list-style: none; 
    height: 18px; 
    background: #dbdbdd; 
    position: relative; 
    z-index: 1500; 
    font-family: arial, sans-serif;
    float: right;
}

#nav li.top {
    display: block; 
    float: left; 
    height: 18px;
}

#nav li a.top_link {
    background: url('../img/menu/main_square_gray.gif') top left no-repeat;
    background-color: #dbdbdd;
    color: #010101;
    display: block; 
    float: left; 
    height: 18px; 
    line-height:18px;
    text-decoration: none;
    font-weight: normal; 
    margin: 0;
    padding: 0px 15px; 
    cursor: pointer;
}

#nav li a.top_link:hover,
#nav li:hover a.top_link:hover, 
#nav li.iehover a.top_link:hover,
#nav li a#activeItem:hover {
    background: url('../img/menu/main_square_white.gif') top left no-repeat;
    background-color: #999999;
    color:#ffffff;
    display: block; 
    float: left; 
    height: 18px; 
    line-height:18px;
    text-decoration: none;
    font-weight: normal; 
    margin: 0;
    padding: 0px 15px; 
    cursor: pointer;
}

#nav li a#activeItem {
    background: url('../img/menu/main_square_gray.gif') top left no-repeat;
    background-color: #ffffff;
    color: #010101;
    display: block; 
    float: left; 
    height: 18px; 
    line-height:18px;
    text-decoration: none;
    font-weight: normal; 
    margin: 0;
    padding: 0px 15px; 
    cursor: pointer;
}

#nav li:hover a, 
#nav li.iehover a {
    background: url('../img/menu/main_square_white.gif') top left no-repeat;
    background-color: #999999;
    color: #ffffff;
    cursor: pointer;
}


/* Default list styling */

#nav li:hover {
    position: relative; 
    z-index: 1200; 
    cursor: pointer;
}

#nav li:hover ul.sub { 
    top: 17px;
    left: 0;
    display: block;
    cursor: pointer;
    padding: 0;
    white-space: nowrap;  
    z-index: 1300; 
    width: 172px;
}

#nav li:hover ul.sub li {
    border: 1px solid #808186;
    border-top: none;
    cursor: pointer;
    display: block; 
    float: left;
    font-weight: normal;
    height: auto;
    position: relative;
    width: auto;
}

#nav li:hover ul.sub li a {
    background: url('../img/menu/main_square_gray.gif') top left no-repeat;
    background-color: #dbdbdb;
    color: #010101;
    cursor: pointer;
    display: block;
    font-weight: normal;
    height: auto;
    line-height: 18px;  
    text-decoration: none; 
    padding: 0px 15px;
    width: 200px;
    white-space: normal;
    z-index: 1300 !important;
}

#nav li:hover ul.sub li a:hover {
    background: url('../img/menu/main_square_white.gif') top left no-repeat;
    background-color: #fca12f;
    color: #010101;
    padding: 0px 15px;
}

#nav li:hover ul.sub li a.menu3Level {
    background: url('../img/menu/main_square_white.gif') 8px 0px no-repeat;
    background-color: #999999;
    color: #ffffff;
    padding: 0px 15px 0px 23px;
    width: 192px;
    
}

#nav li:hover ul.sub li a.menu3Level:hover {
    background: url('../img/menu/main_square_white.gif') 8px 0px no-repeat;
    background-color: #fca12f;
    color: #010101;
    padding: 0px 15px 0px 23px;
}

#nav li:hover ul.sub li .act {
	background: url('../img/menu/main_square_white.gif') top left no-repeat;
	background-color: #535258;
	color: #ffffff;
}

#nav li:hover ul.sub li a.menu3LevelActive {
	background: url('../img/menu/main_square_white.gif') 8px 0px no-repeat;
	background-color: #535258;
    color: #ffffff;
    
    padding: 0px 15px 0px 23px;
    width: 192px;
    
}

#nav li:hover ul.sub li a.menu3LevelActive:hover {
	background-position: 8px 0px;
	background-color: #fca12f;
	color: #010101;
	padding: 0px 15px 0px 23px;
    width: 192px;
}

#nav ul, 
#nav li:hover ul {
    position: absolute; 
    left: -9999px; 
    top: -9999px; 
    width: 0; 
    height: 0; 
    margin: 0; 
    padding: 0; 
    list-style: none;
    z-index: 1300;
}