@charset "UTF-8";

/* 
Contents: 
1. Functional Styles
        These are the basic styles for the dropdown to function DO NOT edit them

2. Basic Styles (troubleshot for IE7-9)
        I suggest that you copy these to your own stylesheet and override what is necessary.


*/


/* 

1. Functional Styles
These are the basic styles for the dropdown to function DO NOT edit them

*/

ul.dropdown,

ul.dropdown li,

ul.dropdown ul {

 list-style: none;

 margin: 0;

 padding: 0;



}



ul.dropdown {

 position: relative;

 z-index: 597;

 float: left;

}



ul.dropdown li {

 float: left;

 vertical-align: middle;

 zoom: 1;

}



ul.dropdown li.hover,

ul.dropdown li:hover {

 position: relative;

 z-index: 599;

 cursor: default;

}



ul.dropdown ul {

 visibility: hidden;

 opacity: 0;

 position: absolute;

 top: 100%;

 left: 0;

 z-index: 598;

 width: 100%;


}



ul.dropdown ul li {

 float: none;

}



ul.dropdown ul ul {

 top: 1px;

 left: 99%;

}



ul.dropdown li:hover > ul {

 visibility: visible;

  opacity: 1;

 -webkit-transition: all .2s ease-in-out;

}



ul.dropdown li.rtl ul {

 top: 100%;

 right: 0;

 left: auto;

}



ul.dropdown li.rtl ul ul {

 top: 1px;

 right: 99%;

 left: auto;

}



/* 2. Editable Styles. 
I suggest that you copy these to your own stylesheet and override what is necessary */


ul.dropdown,
ul.dropdown ul,
ul.dropdown a,
ul.dropdown li{

    

}

ul.dropdown  a {
    color: #0e76bc;
    text-decoration: none;
}

ul.dropdown  li {
    height: 57px;
    padding-left:7px;
    padding-right:8px;
}

ul.dropdown li ul li {
    height: auto;
}

ul.dropdown  li:hover,
ul.dropdown li.selected {
    
    color: #084d7c;
}

ul.dropdown  li:hover a {

    color: #084d7c;

}

ul.dropdown  li:hover ul a {

   color: #0e76bc;

}

ul.dropdown  .dir ul {

    border-top: grey solid 3px;
    width: auto;
    margin:0;
    padding:0;
    box-shadow: 0 3px 17px 1px rgba(0,0,0,0.37);

}

ul.dropdown ul li.dir {

    background-image: url(../../images/dropbullet.png);
    background-repeat: no-repeat;
    background-position: right center;

}

ul.dropdown li.rtl li.dir{

    background-image: url(../../images/dropbullet-rtl.png);
    background-repeat: no-repeat;
    background-position: left center;

}

ul.dropdown  .dir ul li{

    color: grey;
    width: 150px;
    padding-left: 32px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #DEDEDE;

}

ul.dropdown  .dir ul li ul {

    margin-top:-4px;
    margin-left: 2px;

}

ul.dropdown  .dir ul li a{

    padding-top:10px;
    padding-bottom: 10px;
    width: 150px;
    text-transform: none;
    min-height: 10px;
    display: block;

}

ul.dropdown  .dir ul li:hover,
ul.dropdown .dir ul li.selected {
   background-color:#DEDEDE;
}