/*
   This style sheet defines the appearance of the main user interface
   (e.g. the top, left and bottom navigation, the search form etc.).
*/


/* ==== Default link style ==== */

a {
  color: #00f;
  background: transparent;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}


/* ==== External and document links ==== */

/* workaround with inline images for IE */
a.extern img { display: none; }
a.doclink img { display: none; }
* html a.extern img { display: inline; }
* html a.doclink img { display: inline; }

a.extern:before {
  content: url("../../../../build/fragments/fl_bg_master_stylesheets/graphics/link_extern.gif");
}

a.doclink:before {
  content: url("../../../../build/fragments/fl_bg_master_stylesheets/graphics/link_doc.gif");
}


/* ==== Breadcrumb menus ==== */

ul.breadcrumb {
  margin: 0;
  padding: 0;
  font-size: 11px;
  list-style-type: none;
}

ul.breadcrumb li {
  display: inline;
  margin: 0;
  padding: 0;
}

body.rtl ul.breadcrumb li span {
  direction: rtl;
  unicode-bidi: bidi-override;
  background-color: red;
}


/* ==== Top navigation ==== */

ul#bu-topnav {
  list-style-type: none;
  margin: 0;
  font-size: 90%;
}

ul#bu-topnav li {
  display: inline;
  padding: 0px;
  padding-left: 5px;
  /* IE/Mac doesn't see this \*/
  border-left: 1px solid #fff;
  /* IE/Mac is back here */
}

body.rtl ul#bu-topnav li {
  padding-left: 0;
  padding-right: 5px;
  border-left: none;
  border-right: 1px solid #fff;
}

ul#bu-topnav li.first { /* the first item must not have a separator */
  border-left: none;
  padding-left: 0;
}

body.rtl ul#bu-topnav li.first {
  padding-right: 0;
  border-right: none;
}

#bu-topnav a {
  color: #fff;
  text-decoration: none;
}

#bu-topnav a:hover {
  text-decoration: underline;
}


/* ==== Auxiliary navigation in page header ==== */

#bu-alt-sites ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 11px;
}

#bu-alt-sites li {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid white;
}

#bu-alt-sites li a {
  display: block;
  padding: 3px 6px 3px 8px;
  color: black;
  text-decoration: none;
}

#bu-alt-sites li a:hover {
  background-color: #efefef;
}


/* ==== Left navigation ==== */

/* Clear browser defaults for lists */

#bu-left ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  background-color: #dedede;
}

#bu-left ul li {
  margin: 0;
  padding: 0;
  height: auto; /* seems to be crucial for IE/Win */
}

/* Set borders */

#bu-left ul           { border-top: 1px solid white; }
#bu-left ul ul        { border-top: none; }
#bu-left ul li        { border-bottom: 1px solid white; }
#bu-left ul ul li { border-bottom: none; border-top: 1px dotted white; }

/* work around for IE/Win's incapacity to draw dotted borders we */
* html #bu-left ul ul li {
  border-bottom: none;
  border-top: none;
  padding-top: 1px;
  background-image: url("../../../../build/fragments/fl_bg_master_stylesheets/graphics/bg_dotted_white.gif");
  background-repeat: repeat-x;
  background-position: left top;
}


/* Navigation links */

#bu-left ul a {
  display: block;
  padding: 4px;
  color: black;
  font-size: 90%;
  text-decoration: none;
  position: relative; /* IE6 */
}

#bu-left ul a:hover   { background-color: #c6c6c6; }
#bu-left ul a:active  { text-decoration: underline; }
#bu-left ul a.current { background-color: #efefef; }

#bu-left ul ul a      { font-size: 85%; }

/* Indentation using padding; widths are crucial for IE/Win */

#bu-left ul a                { padding-left:  6px; width: 177px; }
#bu-left ul ul a             { padding-left: 16px; width: 167px; }
#bu-left ul ul ul a          { padding-left: 26px; width: 157px; }
body.rtl #bu-left ul a       { padding-left:  4px; }
body.rtl #bu-left ul a       { padding-right:  6px; width: 177px; }
body.rtl #bu-left ul ul a    { padding-right: 16px; width: 167px; }
body.rtl #bu-left ul ul ul a { padding-right: 26px; width: 157px; }
/* box model hack for IE5/Win */
* html #bu-left ul a         { width: 187px; w\idth: 177px; }
* html #bu-left ul ul a      { width: 187px; w\idth: 167px; }
* html #bu-left ul ul ul a   { width: 187px; w\idth: 157px; }


/* keep space to related links */
ul#bu-leftnav { margin-bottom: 3em; }
/* the 'New' flag */
ul#bu-leftnav a em.new  { color: #e00; font-style: normal; }


#bu-related-sites li a {
  background-repeat: no-repeat;
  background-position: 6px .4em;
}

* html #bu-related-sites li a {
  background-position: 6px .45em; /* IE/Mac \*/
  background-position: 6px .5em;  /* IE/Win */
}

body.rtl #bu-related-sites li a    { background-position: 167px .4em;}

#bu-related-sites li.worldwide a { background-image: url("../../../../build/fragments/fl_bg_master_stylesheets/graphics/icon_worldwide.gif"); }
#bu-related-sites li.exportgov a { background-image: url("../../../../build/fragments/fl_bg_master_stylesheets/graphics/icon_exportgov.gif"); }
#bu-related-sites li.buyusacom a { background-image: url("../../../../build/fragments/fl_bg_master_stylesheets/graphics/icon_buyusacom.gif"); }
#bu-related-sites li.asianow a   { background-image: url("../../../../build/fragments/fl_bg_master_stylesheets/graphics/icon_asianow.gif"); }
#bu-related-sites li.europe a    { background-image: url("../../../../build/fragments/fl_bg_master_stylesheets/graphics/icon_europe.gif"); }
#bu-related-sites li.americas a  { background-image: url("../../../../build/fragments/fl_bg_master_stylesheets/graphics/icon_americas.gif"); }
#bu-related-sites li.useac a     { background-image: url("../../../../build/fragments/fl_bg_master_stylesheets/graphics/icon_useac.gif"); }

#bu-related-sites li a             { padding-left: 26px; width: 157px; }
body.rtl #bu-related-sites li a    { padding-left: 4px; padding-right: 26px; width: 157px;}
/* box model hack for IE5/Win */
* html #bu-related-sites li a      { width: 187px; w\idth: 157px; }



#bu-left { overflow: hidden; }


/* ==== Bottom navigation ==== */

ul#bu-bottomnav {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  font-size: 11px;
}

ul#bu-bottomnav li {
  display: inline;
  padding: 0 0 0 5px;
  border-left: 1px solid #000;
}


ul#bu-bottomnav li.first { /* the first nav item doesn't need a separator */
  border: none;
  padding-left: 0px;
}

ul#bu-bottomnav li a {
  color: black;
  text-decoration: none;
}

ul#bu-bottomnav li a:hover {
  text-decoration: underline;
}

p#bu-copyright {
  float: right;
  margin: 0;
  font-size: 11px;
}

body.rtl p#bu-copyright { float: left; }


/* ==== Print link & Timestamp ==== */

#bu-aux ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 11px;
}

#bu-aux ul li {
  display: block;
  float: left;
  padding: 0px 20px;
  background-repeat: no-repeat;
  background-position: left center;
}

body.rtl #bu-aux ul li { float: right; background-position: right center;}

#bu-aux ul li#bu-print-link {
  padding-left: 24px;
  background-image: url("../../../../build/fragments/fl_bg_master_stylesheets/graphics/icon_printer.gif")
}

body.rtl #bu-aux ul li#bu-print-link { padding: 0px 24px 0 20px; }

#bu-aux ul li#bu-timestamp {
  padding-left: 16px;
  background-image: url("../../../../build/fragments/fl_bg_master_stylesheets/graphics/icon_calendar.gif")
}

body.rtl #bu-aux ul li#bu-timestamp { padding: 0px 16px 0 20px; }


/* ==== Quicksearch ==== */

#bu-search form {
  position: absolute;
  left: 0;
  bottom: 5px;
  margin: 0;
  padding: 0 6px 0 8px;
  width: 186px;
  font-size: 90%;
}

body.rtl #bu-search form { left: auto; right: 0; padding: 0 8px 0 6px;}

#bu-search label {
  display: block;
  margin-bottom: 1px;
}

#bu-search-field {
  vertical-align: top;
  display: inline;
  width: 140px;
  padding: 2px;
  margin: 0 3px 0 -1px;
  border: 1px solid #b0b0b0;
  background-color: #fff;
  color: #646464;
  font-family: Verdana, Arial, sans-serif;
  font-size: 90%;
}

body.lang-ar #bu-search-field { font-family: Arial, Verdana, sans-serif; }

#bu-search-button {
  display: inline;
  vertical-align: top;
}


/* experimental #magic-search */

form#magic-search {
  display: none;

  position: absolute;
  top: 60px;
  right: 0px;
  z-index: 99;

  width: 190px;
  height: 70px;
  padding: 5px;
  background-color: #d6d6d6;
}

form#magic-search:target { display: block; }


/* ==== Search results ==== */

ol#bu-searchresults {
  margin: 1em 0;
  padding: 0;
  list-style-position: inside;
}

ol#bu-searchresults li {
  margin-bottom: .5em;
}