/*  Dropdown menu properties */
#fbar_dropdown_cat_menu {
  height: 27px;
  width: 220px;
  background-repeat: no-repeat;
  font-size: 12px;
  cursor: pointer;
}

#fbar_dropdown_cat_menu_text{
  margin-top: 5px;
  margin-left: 10px;
  position: absolute;
}

/*This is the version with one image, in the new assets version the button is made up of 2 parts*/
#fbar_dropdown_cat_menu.normal {
  background-image: url('/img/assets/category-menu/category-menu-but-normal.png');  
  color: #FFFFFF;
}

#fbar_dropdown_cat_menu:hover {
  background-image: url('/img/assets/category-menu/category-menu-but-hover.png');
  color: #C5E6FA;
}

#fbar_dropdown_cat_menu.pressed {
  background-image: url('/img/assets/category-menu/category-menu-but-pressed.png');
  color: #C5E6FA;
}


/*FBAR Dropdown */
#fbar_dropdown_list_container {
  background-image: url('/img/assets/category-menu/category-menu-dropdown-bottom.png');
  background-repeat: no-repeat;
  background-position: left bottom;
  padding-bottom: 11px; /* height of the bottom image (rounded corners) */
  width: 226px;
  margin-left: -3px;
  position: absolute;
  z-index: 10;
  display: none;
  line-height: 1em;
}

#fbar_dropdown_list, #fbar_dropdown_list ul {
  background-image: url('/img/assets/category-menu/category-menu-dropdown.png');
}

#fbar_dropdown_list li.hover {
  position: relative;
}

#fbar_dropdown_list li.has-children {
  background-image: url('/img/assets/category-menu/category-menu-arrow-normal.png');
  background-repeat: no-repeat;
  background-position: 200px center;
}

#fbar_dropdown_list li.has-children:hover {
  background-image: url('/img/assets/category-menu/category-menu-arrow-hover.png');
}
#fbar_dropdown_list li.has-children:hover > a {
  color: #0060AC !important;
}

#fbar_dropdown_list li a {
  background-image: url('/img/assets/category-menu/category-menu-dropdown-line.png');
  background-repeat: no-repeat;
  background-position: left bottom;
  display: block;
  padding-top: 9px; /*FIXME: this is not as guideline*/
  padding-bottom: 10px; /*FIXME: this is not as guideline*/
  padding-left: 13px; /* +3px because of the shadow (#fbar_dropdown_list_container margin-left: -3px)*/
  padding-right: 13px;
  color: #444444;
  text-decoration: none;
  font-size: 12px;
    padding: 10px 13px 10px;
}

#fbar_dropdown_list li.last a{
  background-image: none;
  padding-bottom: 2px;
    padding-top: 9px;
}

#fbar_dropdown_list li.first a{
  padding-top: 0px;
}

#fbar_dropdown_list li a:hover{
  color: #0060AC;
}

.fbar_dropdown_list_container_top {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 100%;
  background-image: url('/img/assets/category-menu/category-menu-dropdown-top.png');
  background-repeat: no-repeat;
  background-position: left top;
  padding-top: 11px; /* height of the bottom image (rounded corners) */
  width: 226px;
  position: absolute;
  margin-left: -7px; /* Hack to move second navigation menus to the left*/
  margin-top: -5px; /* Hack to move it up */
}

.fbar_dropdown_list_container_bottom {
  background-image: url('/img/assets/category-menu/category-menu-dropdown-bottom.png');
  background-repeat: no-repeat;
  background-position: left bottom;
  padding-bottom: 11px; /* height of the bottom image (rounded corners) */
  width: 226px;
  position: absolute;
}

#fbar_dropdown_list li.hover .fbar_dropdown_list_container_top {
  visibility: visible;
}