/********** 

Upgraded AMM 201207 
1) Streamlined/improved page design and layout
2) Fixed print layout
3) Cross browser check without hacks
4) Removed redundant code
5) Formatted CSS
6) Validated CSS

**********/

/*********************** MAIN ****************************************/

body {
  background-color: #E8EEEC; /* dirty white */
  margin: 0;
  overflow-x: hidden;
  position: relative;
  font-size: 100%;  
  szoom: 125%;
  s-moz-transform: scale(1.25);
  s-moz-transform-origin: center 0;
  swidth: 1345px;
}

#page {
  background-color: #FFF;
  margin: 0 auto;
  overflow-x: hidden;  
  padding: 10px 5px 0 5px;
  position: relative;
  width: 990px;
}

/*********************** HEADER ****************************************/

#logo {  
  float: left;
  height: 70px;
  width: 350px;
  margin-bottom: 20px;
}

#header_utility_links {
  float: right;
  margin: 5px 0 10px 0;
}


#header_utility_links  ul { 
  display: inline; 
}

#header_utility_links  li { 
  display: inline;
}


#header_utility_links  li a {
  color: #303030; /* blackish */
  font: bold 11px Verdana, Arial; /*orig*/
  font: bold 14px Verdana, Arial;
  height: 10px;
  padding: 0 7.5px 0 5px;
  text-decoration: none;
}

#header_utility_links  li a:hover { 
  color: #D7451A; /* orange */
  text-decoration: underline;
}

#search {
  clear: right;
  float: right;
  margin: 0;
  padding: 0;
}

#search a {
  border: 1px solid white;
  color: #FFF;
  background-color: #D7451A; /* orange */
  font: bold 12px Verdana, Arial, sans-serif; /*orig*/
  height: 22px;
  margin: 0;
  padding: 4px 10px;
  width: 100px; 
  text-decoration: none;
  text-transform: uppercase;
}

#search a:hover {
  background-color: #A83715; /* dark orange */
}


/* NEW GLOBAL MARKETS NAV - START */

#global_markets_nav {
  clear: both;
  height: 58px;
  margin: 0;  
  padding: 0;
}

.global_nav_text {
  display: none;
}

#global_markets_nav img {
  float: left;
  margin: 0;
  padding: 0;
}

/****************** LOCAL MARKET NAV AND AUX BAR ********************/

/* country navigation */

#local_market_nav {
  background: url('/images/country_title_bg.jpg?ver=20131017') repeat-x left;
  height: 49px;
}

#market {
  border-collapse: collapse;
  display: table;
  *display: block;
  float: left;
  height: 49px;
}

#market_title_text {
  color: #FFF;
  color: #25465B;
  display:table-cell;  
  *display: block;
  font-family: Georgia;
  font-size: 23px; /*orig*/
  font-size: 25px;
  *margin-top: 10px;
  padding-left: 20px;
  padding-top: 5px;  
  vertical-align: middle;      
}

.rg_image {background: url('/images/ctitle-regional.jpg') no-repeat top left;}
.bn_image {background: url('/images/ctitle-brunei.jpg') no-repeat top left;}
.kh_image {background: url('/images/ctitle-cambodia.jpg ') no-repeat top left;}
.cn_image {background: url('/images/ctitle-china.jpg ') no-repeat top left;}
.hk_image {background: url('/images/ctitle-hongkong.jpg ') no-repeat top left;}
.id_image {background: url('/images/ctitle-indonesia.jpg ') no-repeat top left;}
.jp_image {background: url('/images/ctitle-japan.jpg ') no-repeat top left;}
.kr_image {background: url('/images/ctitle-korea.jpg ') no-repeat top left;}
.la_image {background: url('/images/ctitle-lao.jpg ') no-repeat top left;}
.my_image {background: url('/images/ctitle-malaysia.jpg ') no-repeat top left;}
.mm_image {background: url('/images/ctitle-myanmar.jpg ') no-repeat top left;}
.ph_image {background: url('/images/ctitle-philippines.jpg ') no-repeat top left;}
.sg_image {background: url('/images/ctitle-singapore.jpg ') no-repeat top left;}
.th_image {background: url('/images/ctitle-thailand.jpg ') no-repeat top left;}
.vn_image {background: url('/images/ctitle-vietnam.jpg ') no-repeat top left;}
.if_image {background: url('/images/ctitle-islamicfinance.jpg ') no-repeat top left;}

#local_market_nav .standard_links {
  display: table;
  float: right;
  margin: 0;
  padding: 0;
}

#local_market_nav .standard_links ul{ 
  display: table-cell; 
  *display: block;
  height: 49px;
  margin-left: 0;  
  vertical-align:bottom; 
}

#local_market_nav .standard_links li {
  background:url('/images/mnav-btntab-default.gif') #c0c0c0 top left no-repeat;  
  list-style-type: none;
  float: left;
  margin: 0;
  *margin-top: 27px;
  padding: 0 0 0 8px;  vertical-align:bottom;   
}

#local_market_nav .standard_links li a {
  background:url('/images/mnav-btntab-default.gif') transparent top right no-repeat;
  color: #FFF;
  display: block;
  font: normal 10px Verdana, Arial; /*orig*/
  font: normal 12px Verdana, Arial;
  text-decoration: none;
  padding: 6px 10px 4px 0;
}

#local_market_nav .standard_links li.active,
#local_market_nav .standard_links li:hover {
  background:url('/images/mnav-btntab-mouseover.gif') #3375b2 top left no-repeat;
}

#local_market_nav .standard_links li.active a,
#local_market_nav .standard_links li:hover a {  
  background:url('/images/mnav-btntab-mouseover.gif') transparent top right no-repeat;
  display: block;
  font: normal 10px Verdana, Arial; /*orig*/
  font: normal 12px Verdana, Arial;
  color: #4B681F; /* moss green */
  padding: 6px 10px 4px 0;
  text-decoration: none;  
}


/* breadcrumbs */

#breadcrumbs {
  font: normal 11px Verdana, Arial; /*orig*/
  font: normal 14px Verdana, Arial;
  clear: both;
  margin: 0.75em 0;
}

#breadcrumbs ul, #breadcrumbs li {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 2px 0 0 0;
} 

#breadcrumbs ul ul:before { 
  content: ">>		";
  color: #888;  /* gray */
  font: normal 11px Verdana, Arial; /*orig*/
  font: normal 13px Verdana, Arial;
}

#breadcrumbs li.active a {
  font-weight: bold !important; 
}

#breadcrumbs li a {
  color: #888; /* gray */
  text-decoration: none;
}

#breadcrumbs li a:hover {
  text-decoration: underline;
}


/* auxiliary bar - regional and china only, plus market homepage amm */


#auxiliary_bar {
  color: #4C6818;  /* moss green */  
  font: bold 11px Verdana,Arial; /*orig*/
  font: bold 13px Verdana,Arial;
  margin-bottom: 0px;
  padding-bottom: .5em;  
  width: 100%;
  overflow:auto;
}

#regional_description, 
#hongkong_link {
  color: #171717;  /* blackish */
  font: normal 11px Verdana,Arial; /*orig*/
  font: normal 13px Verdana,Arial;
  float: right;
  margin-right: 15px;   
}

#regional_description { 
  margin-top: 0.25em;
}

#hongkong_link {
  margin-top: .75em;
}

#hongkong_link a {
  color: #244E6A;  /* blue */
  font-weight: bold;  
  text-decoration: underline;
}

#hongkong_link a:hover {
  color: #4C6818;  /* dark moss green */
}


/******** LEFT NAV - MARKET STRUCTURE, MARKET SUMMARY, and NEWS amm ******/

#left_nav {
  background: url('/images/leftnav-topcurve.gif') no-repeat top left;
  float: left;
  height: 100%;
  padding: 0;
}

#left_nav ul {
  margin: 10px 0 20px 0;
  padding: 0 0 0 3px;
  text-align: left;
  width: 213px;
}


#left_nav li{
  border-bottom: 1px solid #b0bc9d; /* pale green */
  list-style: none outside none;
  padding: 10px 0 10px 0;
  text-align: left;
  width: 75%;
}

#left_nav a{
  color: #141414;  /* blackish */
  display: block;
  font: normal 11px Verdana, Arial; /**/
  font: normal 13px Verdana, Arial;
  padding-left: 10%;
  text-decoration: none;
}

#left_nav a:hover {
  background: url('/images/bullet-greenarrow.gif') no-repeat left;
  color: #3D521E;
}

#left_nav li.active a { 
  background: url('/images/bullet-greenarrow.gif') no-repeat left;
  color: #688B33;  /* green */
  font-weight: bold;
}

/* second level elements of left nav amm; overrides style declared above */

#left_nav li.active ul {
  width: 100%;
  padding: 0;
  margin-bottom: 0;
}

#left_nav li.active li {
  border-bottom: none;
  padding: 5px 0;
  width: 100%;
}

#left_nav li.active ul a {  
  background-image: none;
  color: #141414; /* blackish */
  font: normal 11px Verdana, Arial; /*orig*/
  font: normal 13px Verdana, Arial;
  padding-left: 10%;
}

#left_nav li.active ul li.active a, 
#left_nav li.active ul a:hover {
  color: #688B33;  /* green */ 
}

#left_nav li.active ul li.active a {
  font-weight: bold;
}

/***************** ACTUAL BODY (CONTENT SECTION) ******************/


#title {
  background: url('/images/sec-titlebgtile.gif') repeat-x top left;
  color: #FFF;
  font: bold 28px Verdana, Arial;  
  margin: 0 0 1em 0;
  padding: 0;
}

.standard_content {
  color: #575757;
  display: block;
  font: normal 11px Verdana, Arial; /*orig*/
  font: normal 16px Verdana, Arial;
  line-height: 1.7em;
  padding: 0 20px 20px 215px; /* fix padding later on amm */
  text-align: justify;  
}

.standard_content .subheading {
  color: #4B681F; /* dark moss green */
  font: bold 14px Verdana, Arial; /*orig*/
  font: bold 16px Verdana, Arial;
  margin: 25px 0;
  padding: 10px 0 0 0;
}

/* table inside content */
.standard_content td {   
  font: normal 11px Verdana, Arial; /*orig*/
  font: normal 14px Verdana, Arial;
  padding: 5px 10px 5px 0 ;
  text-align: left;  
}

.standard_content p a { 
  color: #225A6E; /* dark blue */  
}

.standard_content p a:hover { 
  color: #688B33;  /* green */
}

.standard_content .related_articles {
  margin-top: 2em;
}

.standard_content .related_articles .title {
  color: #3A5F46;
  font-weight: bold;
  font-size: 12px; /*orig*/
  font-size: 16px;
}

.standard_content .related_articles ul {
  padding-left: 30px;
}

.standard_content .related_articles li {
  line-height: 15px; 
  padding: 0 0 0 10px;
  margin: 0 0 .5em 0;
  text-align: left;
  width: 90%;
}

.standard_content .related_articles li.webpage {
  list-style-image: url('/images/icon-bullet-link.gif');
}

.standard_content .related_articles li.word {
  list-style-image: url('/images/icon-bullet-doc.gif');
}

.standard_content .related_articles li.pdf {
  list-style-image: url('/images/icon-bullet-pdf.gif');
}

.standard_content .related_articles li.excel {
  list-style-image: url('/images/icon-bullet-excel.gif');
}


.standard_content .related_articles li a {
  font: normal 11px Verdana, Arial; /*orig*/
  font: normal 13px Verdana, Arial;
  color: #225A6E;
  text-align: left;
  text-decoration: none;
}

.standard_content .related_articles li a:hover {
  text-decoration: underline;
}

a img {
  border: 0 none;
  text-decoration: none;
}

/* Market Ratings in Market Summary->Participants->Rating Agencies */

#ratings {
  margin-bottom: 1.5em;
}

#ratings td {
  color: #114E63;
  font: bold 11px Verdana, Arial; /*orig*/
  font: bold 13px Verdana, Arial;
  padding: .75em 1.5em .75em .5em;  
}

#ratings .rating_agency {
  background-color: #ACE8E8;
}

#ratings .rating_date, 
#ratings .rating {
  background-color: #C4F8F8;  
}

/*********************** FOOTER ****************************************/


#footer {
  background-image: url('/images/footer-bg.gif');
  clear: both;
  margin: 40px 0 0 0;  
  padding: 30px 0 0 0;
  overflow: auto;
}

#copyright {
  color: #575757;
  float: left;
  font: normal 10px Verdana, Arial, sans-serif; /* orig */
  font: normal 13px Verdana, Arial, sans-serif;
  line-height: 1.25em;
  padding: 0 0 0 7px;
  width: 80%;  
}

#footer .standard_links {
  float: right;  
  margin-right: 2.5%;   
  text-align: right;  
}

#footer .standard_links ul {
  margin-bottom: 0;
  margin-top: 0;
}

#footer .standard_links li {
  list-style-type: none;
}

#footer .standard_links li a {
  color: #303030; /* same as header utility links */
  font: bold 11px Verdana, Arial; /*orig*/
  font: bold 13px Verdana, Arial;
  text-decoration: none;
}

#footer .standard_links li a:hover {
  color: #D7451A;  /* orange */
  text-decoration: underline;
}	

#footer .footer_blue_bottom_border {
  background-image: url('/images/footer-bottom-blue-bg.gif');
  clear: both;
  float: left;    
  margin-top: 20px;
  width: 100%;
}

.market_trade_link
{	swidth: 20%;
	margin-top: 1px;
	float: left;
}

.market_trade_link a
{	height: 20px;

	font: normal 11px Verdana, Arial; /*orig*/
	font: normal 13px Verdana, Arial; /*orig*/
	color: #4B681F;
	
	text-decoration: none;
}

.market_trade_link a:hover
{	text-decoration: underline; 
	sbackground-color: #cccccc;
}