/* 

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

   $Id: ui.css,v 1.9 2003/06/11 22:10:51 cmil Exp $ 
*/


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

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

a:hover
{
  text-decoration: underline;
}


/* ==== External links ==== */

a.extern:before
{
  content: url("/china/css/graphics/link_extern_blue.gif");
}

a.doclink:before
{
  content: url("/china/css/graphics/link_doc_blue.gif");
}

#bu-print
{
background: transparent;
}

/* ==== Links to related sites ==== */

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

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

#bu-related-sites li.exportgov a { background-image: url("/china/css/graphics/icon_exportgov.gif"); }
#bu-related-sites li.buyusacom a { background-image: url("/china/css/graphics/icon_buyusacom.gif"); }
#bu-related-sites li.partner a { background-image: url("/china/css/graphics/icon_people.gif"); }
#bu-related-sites li.asianow a   { background-image: url("/china/css/graphics/icon_asianow.gif"); }
#bu-related-sites li.europe a    { background-image: url("/china/css/graphics/icon_europe.gif"); }
#bu-related-sites li.world a     { background-image: url("/china/css/graphics/icon_world.gif"); }
#bu-related-sites li.magazine a  { background-image: url("/china/css/graphics/icon_magazine.gif"); }
#bu-related-sites li.offices a   { background-image: url("/china/css/graphics/icon_offices.gif"); }




/* ==== China site navigation ==== */


#bu-leftnav { width: 187px; overflow: hidden; }

#bu-leftnav a:active
{
  text-decoration: none;
}



#bu-leftnav li a
{
  font-size: 11px;
  background-repeat: no-repeat;
  background-position: 6px .4em;
  padding-left: 26px;
}



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


* html #bu-leftnav li.subsubmenu a
{
  font-size: 11px;
  background-position: 12px .45em; /* IE/Mac \*/
  background-position: 12px .5em;  /* IE/Win */
}


* html #bu-leftnav li.subsubsubmenu a
{
  font-size: 10px;
  background-position: 30px .45em; /* IE/Mac \*/
  background-position: 30px .5em;  /* IE/Win */
}

#bu-leftnav li.mmenu a   { font-size: 11px;  }
#bu-leftnav li.submenu a   { background-image: url("/china/css/graphics/icon_menu.gif"); font-size: 11px; background-color: #c7c7c7;}
#bu-leftnav li.subsubmenu a   { background-image: url("/china/css/graphics/icon_menub.gif"); font-size: 10px; background-color: #efefef;}
#bu-leftnav li.subsubsubmenu a   { background-image: url("/china/css/graphics/icon_menub.gif"); font-size: 10px; background-color: #efefe1;}


ul#bu-leftnav li.submenu        { border-bottom: 1px solid white; }
ul#bu-leftnav li.subsubmenu        { border-bottom: 1px solid white; }
ul#bu-leftnav li.subsubsubmenu        { border-bottom: 1px solid white; }



#bu-left li.fsubmenu 
{ 
  margin: 0;
  padding: 0;
  border-bottom: 1px solid white;
  background-image: url("/china/css/graphics/icon_menu.gif");
  font-size: 11px; 
  background-color: #c7c7c7;
}

#bu-leftnav li.fsubmenu a   { background-image: url("/china/css/graphics/icon_menu.gif"); font-size: 11px; background-color: #c7c7c7;}


/* ==== China site navigation ==== */




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

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

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 */
}

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

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

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


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

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

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

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

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


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

/* lists in the left column */
#bu-left ul
{ 
  margin: 0;
  padding: 0;
  list-style-type: none;
  border-top: 1px solid white;
}

#bu-left ul ul { border-top: none; }

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

#bu-left ul ul li { border-bottom: none; }


#bu-left a
{
  display: block;
  padding: 4px 4px 4px 6px;
  color: black;
  font-size: 11px;
  text-decoration: none;
}

#bu-left a:hover
{
  background-color: #c6c6c6;
  text-decoration: none;
}

#bu-left a:active
{
  text-decoration: underline;
}

#bu-left a.current
{
  background-color: #efefef;
}

/* font-size for sub levels */
#bu-left ul ul a    { font-size: 10px; }


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

/* clear browser defaults */
ul#bu-leftnav, ul#bu-leftnav ul 
{
  margin: 0;
  padding: 0;
  list-style-type: none;
  background-color: #dedede;
}
ul#bu-leftnav li
{
  margin: 0;
  padding: 0;
  height: auto; /* seems to be crucial for IE/Win */
}

/* keep space to related links */
ul#bu-leftnav { margin-bottom: 3em; }

/* set borders */
ul#bu-leftnav           { border-top: 0px solid white; }
ul#bu-leftnav li        { border-bottom: 1px solid white; }
/*
   Instead of simply defining:

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

   we emulate the border using a background image to work around
   IE/Win's incapacity to dotted borders.
*/
ul#bu-leftnav ul li
{
  border-bottom: none;
  padding-top: 0px;
  background-image: url("/china/css/graphics/bg_dotted_white.gif");
  background-repeat: repeat-x;
  background-position: left top;
}

/* navigation links */
ul#bu-leftnav a         { display: block; padding: 4px; }
ul#bu-leftnav a:hover   { background-color: #c6c6c6;  }
ul#bu-leftnav a.current { background-color: #efefef; }



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

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

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

ul#bu-bottomnav li.first  /* the first nav item doesn't need a separator */
{
  border-left: 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;
}


/* ==== 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;
}

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

#bu-aux ul li#bu-timestamp
{
  padding-left: 130px;
  padding-top: 40px;
  background-image: url("/china/css/graphics/fg_banner.gif")
}


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

#bu-qsearch
{
  margin: 0;
  padding: 4px 6px 3px 8px;
  background-color: #d6d6d6;
  font-size: 11px;
}

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

#bu-qsearch-field
{
  width: 140px;
  padding: 2px;
  border: 1px solid #b0b0b0;
  background-color: #fff;
  color: #646464;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  display: block;
  margin: 0 3px 0 -1px;
  float: left;
}

/*


#bu-qsearch-button
{
  color: #b0b0b0;
  background-color: transparent;
  background-color: #dedede;
  cursor: pointer;
  border: solid 1px #b0b0b0;
  font-weight: bold;
  font-size: 12px;
  padding: 0 5px 0 5px;
}
*/



/* ==== Right Nav ==== */


#bu-right ul
{ 
  margin: 0;
  padding: 0;
  list-style-type: none;
  border-top: 1px solid white;
}

#bu-right ul ul { border-top: none; }

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

#bu-right ul ul li { border-bottom: none; }


#bu-right a
{
  display: block;
  padding: 4px 4px 4px 6px;
  color: black;
  font-size: 11px;
  text-decoration: none;
}

#bu-right a:hover
{
  background-color: #cfcfcf;
  text-decoration: none;
}

#bu-right a:active
{
  text-decoration: underline;
}

#bu-right a.current
{
  background-color: #efefef;
}

/* font-size for sub levels */
#bu-right ul ul a    { font-size: 10px; }


#bu-rightnav { width: 200px; overflow: hidden; }

#bu-rightnav a:active
{
  text-decoration: none;
}



#bu-rightnav li a
{
  font-size: 11px;
  background-repeat: no-repeat;
  background-position: 6px .4em;
  padding-right: 26px;
  
}




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