@charset "UTF-8";

/*************************************************************
 
 PART: THEME
 
***************************************************************/

ul.dropdown {
    font-weight: bold;
    border: 1px solid black;
    /*border-style: solid solid none solid;*/
    border-style: none ;
    /*border-radius: 7px 7px 0px 0px;*/
    /* background-color: #D1D1D1; */
    /* box-shadow: 0px -10px 20px 7px #CCC inset; */ 
}

/* */
ul.dropdown *.dir {
    padding-right: 10px;
    background-image: url(../images/nav-arrow-down.png);
    background-position: 100% 40%;
    background-repeat: no-repeat;
}


/* ----------------- level 1  ------------------- */


ul.dropdown a:link,
ul.dropdown a:visited   { 
    display: block;
    padding: 4px 11px;
    border-style: none dotted;
    border-width: 1px;
    border-color: #BBB;
    color: #222;
    text-decoration: none; 
    font-weight: bold;
    zoom: 1;
    list-style: none;
    text-align:center;
    
    /* 
    background:  #FFD89E;   
    box-shadow: 0 20px 60px -20px #FF9B3F inset; 
    */    
}


ul.dropdown li:hover a {
    color: black;
    
    background-color:  #FFD89E;    
    box-shadow: 0 20px 60px -20px #FF9B3F inset; 
    
    border-style: none solid none solid;
    border-color: #444;
    border-width: 1px;     
    
    /*
    background-color: #91D4B9;
    box-shadow: 0 20px 60px -20px #2AB47B inset;
    */ 
}

ul.dropdown a.selected {
    background-color: #E0E0E0;
    box-shadow: 0 -15px 4px -8px #DDD inset;
}

ul.dropdown a.firstItem {
   /* border-radius: 7px 0px 0px 0px; */
}

ul.dropdown a.lastItem {
   /* border-radius: 0px 7px 0px 0px; */
}


/* ----------------- level 2  ------------------- */

ul.dropdown ul {
    min-width:190px;
    width: auto;
    margin-top: 1px;
    border-style: solid;
    border-color: #444;
    border-width: 1px; 
}

ul.dropdown ul li a:link,
ul.dropdown ul li a:visited { 
    display: block;
    padding: 2px 7px;
    color: #283158; 
    text-decoration: none; 
    
    font-weight: bold; 
    border-style: solid; 
    border-width: 1px 1px 1px 0; 
    border-color: #fff #d9d9d9 #d9d9d9;  
    background-color: #f6f6f6;   
    width: auto;
    text-align:left;
    
    box-shadow: none;

}

ul.dropdown ul li a:hover, 
ul.dropdown ul li a:active {
    color:#000;
    
    
    background-color: #FFC269;   
    border-color: #FF9330;
      
    /*
    background-color: #91D4B9;
    border-color: #2AB47B;    
    */   
}



/*************************************************************
 
 PART: LAYOUT
 
***************************************************************/

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
 
ul.dropdown {
    position: relative;
    /* z-index: 497; */
    float: left;
}

ul.dropdown li {
    float: left;
    min-height: 1px;
    line-height: 1.3em;
    vertical-align: middle;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
    position: relative;
    z-index: 499;
    cursor: default;
}

ul.dropdown ul {
    visibility: hidden;  /* */
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 498;
    /* width: 100%; */
}

ul.dropdown ul li {
    float: none;
}

ul.dropdown ul ul {
    top: 1px;
    left: 99%;
}

ul.dropdown li:hover > ul {
    visibility: visible;
}