/* Facebook Developers Site Menubar CSS */

/* clearfix ----------------------------------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
* .clearfix {display: block;}
*/* End hide from IE-mac */

/* Links */
a:link,
a:visited { 
  color: #3b5998; 
  text-decoration: none; 
  outline: none; /* suppress outline in FF */
}
a:hover,
a:active { text-decoration: underline; }

/* CSS Code Common to All Pages ------------------------------------------------------- */

#header_bar {
  background: #3b5998;
  font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
  padding: 0;
  margin: 0;
  text-align: left;
}

#header_logo2 {
  display: block;
  height: 22px;
  margin: 0 8pt;
  padding: 18px 0 0 9px;
}

#header_logo2 a {
  background: transparent url('header_logo_f.gif') no-repeat!important;
  display: block;
  height: 15px;
  width: 175px;
}

#header_logo2 h1 {
  display: none;
}

/* FACEBOOK MENUBAR  -------------------------  */
#devsite_menubar {
  background: #dfdfdf;
  border-bottom: solid 1px #c1c1c1;
  font-size: 11px;
  height: 29px;
  margin: 0;
  padding: 0;
}

#devsite_menubar div.center_box {
  margin: 0 8pt;
  padding: 0;
  overflow: visible;
}

#devsite_menubar #fb_menubar_core {
  float: left;
  padding: 0;
}

/*  MENU TITLES */
#devsite_menubar .fb_menu {
  display: block;
  float: left;
}

#devsite_menubar .fb_menu .fb_menu_title {
  padding: 2px 0 0 0;
}

#devsite_menubar .fb_menu .fb_menu_title a {
  color: #444;
  display: block;
  font-weight: bold;
  height: 24px;
  line-height: 24px;
  outline: 0;
  padding: 1px 11px 2px 11px;
  z-index: 102;
}

#devsite_menubar .fb_menu .fb_menu_title a:hover {
  color: #000;
  text-decoration: none;
}

#devsite_menubar .fb_menu .fb_menu_title .hover {
  background: #7a7a7a;
  border-top:   1px solid #7a7a7a;
  border-right: 1px solid #7a7a7a;
  border-left:  1px solid #7a7a7a;
  color: #fff !important; /* Overrides #devsite_menubar .fb_menu .fb_menu_title a:hover */
  padding: 0 10px 2px 10px;
}

/*  DROPDOWN MENU  */
#devsite_menubar .fb_menu .fb_menu_dropdown {
  background: #fff;
  border: 1px solid #a6a6a6;
  padding: 5px 0;
  position: absolute;
  z-index: 100;
}

/*  MENU ITEMS  */
#devsite_menubar .fb_menu_dropdown .fb_menu_item {
  z-index: 101;
}

#devsite_menubar .fb_menu_dropdown .fb_menu_item a {
  border: 0;
  display: block;
  margin: 0;
  padding: 4px 36px 4px 20px;
  text-decoration: none;
  text-align: left;
}

#devsite_menubar .fb_menu_dropdown .fb_menu_item a:hover {
  background: #6d84b4;
  border-top:    1px solid #617aad;
  border-right:  1px solid #7a7a7a;
  border-bottom: 1px solid #3b5998;
  border-left:   1px solid #7a7a7a;
  color: white;
  margin: 0 -1px;
  padding: 3px 36px 3px 20px;
  text-decoration: none;
}

#devsite_menubar .fb_menu_dropdown .fb_menu_item small {
  background-position: -16px 0;
  background-repeat: no-repeat;
  display: block;
  float: left;
  font-size: 11px;
  height: 16px;
  margin: -1px 6px 0px 0px;
  width: 16px;
}
#devsite_menubar .fb_menu_dropdown .fb_menu_item a:hover small {
  background-position: 0px 0px;
}

#devsite_menubar .fb_menu_dropdown .fb_menu_item_disabled span {
  color: #808080;
  cursor: default;
  display: block;
  padding: 4px 36px 4px 20px;
}

#devsite_menubar .fb_menu_dropdown .fb_menu_separator {
  padding: 2px 4px 0px 4px;
}
#devsite_menubar .fb_menu_dropdown .fb_menu_separator hr {
  border: 0px;
  border-top: 1px solid #e0e0e0;
}

.hidden_elem {
  display: none;
}

#devsite_menubar .fb_menu .fb_menu_title .fbmenuhover {
  background: #7A7A7A;
  color: white;

}

#devsite_menubar .fb_menu .fb_menu_title .fbmenuhover:hover {
color: white;
}
