/* CSS Document */

	body {
		margin:0;
		border:0;
		padding:0;
		height:100%; 
		max-height:100%; 
		font-family:arial, verdana, sans-serif; 
		font-size:76%;
		overflow: hidden;
		text-align:left;
	}
	
	/* Only for Internet Explorer */
	
	* html body {
		padding:125px 0 0px 0; 
	}
	
	* html #contents {
		height:100%; 
		width:100%; 
	}
	
	/* No longer just for IE */
	
	#frame {
		margin:0px 0px 0px 0px;
		text-align:center;
	}
	
	html>body #frame { margin:auto; width:779px; }
 
	#footer {
		clear:both;
		margin:0px 0px 0px 0px;
	}

/*************************************************************/
/*                   MAIN PAGE STYLES                        */
/*************************************************************/

	#bodywrapper {
		width:779px;
		text-align:left;
	}

	#topic {
		width:376px;
		float:left;
		margin:30px 0px 20px 0px; 
	}

	#topic #name {
		text-align:center;
		color:#D3D3A5;
		font:Arial, Helvetica, sans-serif;
		font-size:18px;
		font-style:bold;
		margin:10px 0px 0px 0px;
		padding-bottom:10px;
	}
	
	html>body #topic #title { margin:0px; }
	
	#economic, #environmental, #political, #social {
		float:left;
		width:380px;
		clear:both;
		margin:0px;
	}
	
	#issue {
		float:left;
		margin:0px 2px 0px 2px;
	}
	
	.leftthumb { margin:0px; padding:0px; text-align:left; }
	.rightthumb { margin:0px; padding:0px; text-align:right;}
	
	#thumbname1, #thumbname2, #thumbname3, #thumbname4, #thumbname5, #thumbname6, #thumbname7, #thumbname8, #thumbname9, #thumbname10, #thumbname11, #thumbname12, #thumbname13, #thumbname14, #thumbname15, #thumbname16 {
		visibility:hidden;
	}
	
	#economic_names { margin-top:3px; }

	.economic1 { position:absolute; margin-left:3px; }
	.economic2 { position:absolute;	margin-left:98px; }
	.economic3 { position:absolute;	margin-left:192px; }
	.economic4 { position:absolute;	margin-left:287px; }

	#social_names { margin-top:3px; }
	.social1 { position:absolute; margin-left:3px; }
	.social2 { position:absolute; margin-left:98px; }
	.social3 { position:absolute; margin-left:192px; }
	.social4 { position:absolute; margin-left:287px; }
	
	html>body .economic1, html>body .economic2, html>body .economic3, html>body .economic4, html>body .social1, html>body .social2, html>body .social3, html>body .social4 { top: 121px; } 
	
	#political_names { height:18px; }
	.political1 { position:absolute; margin-left:3px; }
	.political2 { position:absolute; margin-left:98px; }
	.political3 { position:absolute; margin-left:192px; }
	.political4 { position:absolute; margin-left:287px; }
	
	#environmental_names { height:18px; }
	.environmental1 { position:absolute; margin-left:3px;}
	.environmental2 { position:absolute; margin-left:98px; }
	.environmental3 { position:absolute; margin-left:192px; }
	.environmental4 { position:absolute; margin-left:287px; }

	html>body .political1, html>body .political2, html>body .political3, html>body .political4, html>body .environmental1, html>body .environmental2, html>body .environmental3, html>body .environmental4 { top: 448px; } 
	
	
	#mainmap {
		height:250px;
		clear:right;
		margin:10px 75px 0px 75px;
	}
	
	html>body #mainmap { margin-top:0px; }
	
	#mainmap #map {
		float:left;
		clear:left;
	}
	
	#featuredmap_name {
		font-weight:bold;
		font-size:14px;
		color:#868640;
		clear:both;
		margin:0px 0px 0px 75px;
		padding-top:10px;
	}
	
	#mainmap #maptext {
		float:right;
		width:250px;
		height:150px;
		overflow:auto;
		padding-bottom:4px;
	}
	
	#mainmap #loginbox {
		float:right;
		width:250px;
		margin:5px 0px 0px 0px;
	}

/*	html>body #mainmap #mapsmenu2 { margin-bottom:20px; }  */
	
	#mainmap #maptext p {
		vertical-align:middle;
	}

	#maplink {
		float:left;
	/* cb	padding:20px 0px 0px 00px; */
		padding:5px 0px 0px 00px;
	}
	
	html>body #maplink { padding-top:19px; }
	
	#mainmap #mapsmenu #allmaps_menu { 
		visibility:hidden;
		background:white; 
		border:1px solid #ccc; 
		overflow-y:scroll;
		height:350px;  
		width:200px;
		padding:0px 3px 0px 4px;
	}
	
	#mainmap #mapsmenu {
		float:right;
		margin:20px 20px 0px 0px;
		clear:both;
	}

	.openmap {
		color: #007700;
		font-size: 90%;	
	}	

	#openmaptitle {
		color: black;
	}
	
	#maps_menu, #maple_menu, #maple_logo { text-align:center;}

	#login #clear, #login #clear #left { margin:0px; padding:0px; border:1px solid #fff; }
	
	/* ******************** */
	html>body #login { float:left;margin:auto;  }
	
	#login #left { padding-left:3px; margin:0px; }
	
	#login .input { font-size:10px; }
	
	#login .button { font-size:10px; }
	
	#login a, #login p {
		font-size:11px;
		margin:0px;
		padding:0px;
	}

	#noscript {
		width:300px;
		margin-left:20px;
		font-weight:bold;
	}

	.min {
		padding:0px;
		margin:0px;
	}

	#left {
		float:left;
	}
	
	#right {
		float:right;
	}
	
	#clear {
		clear:both;
		margin:0px;
	}

	hr { clear:both; }

/*************************************************************/
/*                TEXT & CS TEMPLATE STYLES                  */
/*************************************************************/

	#header {
		position:absolute; 
		top:0; 
		left:0; 
		width:100%; 
		height:54px; 
		overflow:auto; 
	}
	
	#contents {
		position:fixed; 
		top:115px;
		left:0;
		bottom:00px; 
		right:0; 
		overflow:auto; 
		background:#fff;
		padding-left:10px;
	}
	
	#topnav {
		position:absolute; 
		top:55; 
		left:0;
		width:100%; 
		height:75px; 
		overflow:auto; 
		text-align:left;
	}

	html>body #topnav { margin-top:50px; }
  
  	#topnav p{ font-size:12px;};

	#casestudy #bodywrapper { width:auto; }

	.navigation td.previous, .navigation td.up, .navigation td.next {
		width:29%;
		height:65;
 	}

	#casestudy #title, #text #title { float:left;}

	#title { float:left; }

	#close {
		float:left;
		margin:10px 0px 0px 10px;
	}

	#Fullmap p { font-size:80%; }


/*************************************************************/
/*                  TEXT STYLES                              */
/*************************************************************/
	.Hidden {
		/* visibility: hidden; */
		display: none;
	}

	p {
		margin:0px;
	}

	/* REMOVE REMOVE REMOVE REMOVE REMOVE REMOVE REMOVE REMOVE */
	/* Global risk digest styles *********************************************/

	h3.GlobalRisk {
		color: red;
		vertical-align: middle;
	}

	img.Bullet {
		float: left;
 		margin-right: 0.5em;
	}
	
	table.RiskBullets {
		border: 1px solid black;
		margin-bottom: 1em;
	}	

	table.RiskBullets td {
		white-space: nowrap;
	}	

	p.Bullet, p.BulletOp, p.BulletStrat, p.BulletOpStrat, p.BulletShortTerm, p.BulletMediumTerm, p.BulletLongTerm, p.BulletRiskStable, p.BulletRiskInc, p.BulletRiskDec {
          	display: list-item;
		margin-left: 20px;
		font-weight: bold;
	}

	p.Bullet {
		list-style-image:url(../../images/GLOBRISK/maple.png);
		white-space: normal;	
	}

	p.BulletOp {
		list-style-image:url(../../images/GLOBRISK/operational.png);
	}

	p.BulletStrat {
		list-style-image:url(../../images/GLOBRISK/strategic.png);
	}

	p.BulletOpStrat {
		list-style-image:url(../../images/GLOBRISK/oper_strat.png);
	}

	p.BulletShortTerm {
		list-style-image:url(../../images/GLOBRISK/short.png);
	}

	p.BulletMediumTerm {
		list-style-image:url(../../images/GLOBRISK/medium.png);
	}

	p.BulletLongTerm {
		list-style-image:url(../../images/GLOBRISK/long.png);
	}

	p.BulletRiskStable {
		list-style-image:url(../../images/GLOBRISK/stable.png);
	}

	p.BulletRiskInc {
		list-style-image:url(../../images/GLOBRISK/increasing.png);
	}

	p.BulletRiskDec {
		list-style-image:url(../../images/GLOBRISK/decreasing.png);
	}


	/************************************************************************/

	p.MenuItem {
		margin:0px;
	}

	.expandable {
		margin-left:0px;
	}

	div.toctoggle {
		float:left;
	}

    div.tocitem {
       clear: both;

    }
    div.tocitem div {
       /* indent to show hierarchy */
       margin-left: 1em;
    }
    div.hide {
       display: none;
    }
    div.show {
       display: block;
    }
	
    img.showhide {
        clear: left;
    }

	.MenuItem span{
		display:list-item;
		list-style-image:url(../../skins/default/dash.gif);
		margin:0px 0px 0px 15px;
		list-style-position:outside;
	}
	
	p.Footer {
		margin:7px;
		text-align:	center;
	}
	
	.middlelogo { padding-top:5px; }

        .rightlogo { float: right;
                     border: none; }
        .leftlogo { float: left }
	
/*************************************************************/
/*                  GENERATED CONTENT                        */
/*************************************************************/
	/* Doesn't work in IE. Have javascript funtion to compensate */
	table.AutoTable tr.body:hover {
		background-color: lightblue;
	}
	
	/* For IE, js function appends ItemHover to item.className */
	.ItemHover {
		background-color: lightblue;
	}

/*************************************************************/
/*                  OLD STYLES                              */
/*************************************************************/



/*********************************************************************************
/* NOTES */
/*********************************************************************************

/*
   Auto generated tables:

   - have a uniqe id, e.g. id="ChinaImports"
   - each column heading has id=colhead1, colhead2 etc. ... to allow selective styling of column headers
   - each column heading contains heading text and a sort symbol (implemented as a 2 element table)
     -> td.headingtext and td.sortsymbol allow styling
   - each td has class=col1, col2, ... to allow selective styling of columns
   - each row is either class=samerowgroup or class=newrowgroup to allow rows
     to be grouped by a border, for example (some comparison property determines grouping of rows, e.g.
     comparing ranks)

  NOTE: need to produce a default set of styles so these tables work 'out of the box' but can be customised
*/

/***********************************************************************/
/* Generic styles */
/***********************************************************************/

/* anything with traffic light shading */
.TlRed {
   background-color: #cc0000;
}

.TlGreen {
   background-color: #009900;
}

.TlAmber {
   background-color: #ff9933;
}

.Min {
	margin:0px;
	padding:0px;
}

.NewEvent {
	color: #ee0000;
}

/* no longer needed ?
.TextBox {
	display: block;
	background-color: #eeeebb;
	margin:0 0 15px 20px;
	padding:15px;
}
*/

p.Instruction {
	font-family: Courier, monospace;
	color: red;
}

p.ErrorMsg {
	font-weight: bold;
	color: red;
	text-align: center
}

p.Example {
	font-family: Courier, monospace;
	margin-left: 5%; 
}

/* p.QuoteText { 
	font-style: italic; 
	text-align: left; 
	margin-top: 0; 
	padding-left: 10%; 
	padding-right: 10%;
}
*/

#quote { padding:0px 5% 0px 5%;} 

p.Disclaimer {
	font-size: 80%;
	font-style: italic; 
	text-align: left; 
	margin-bottom: 0; 
	margin-left: 0; 
	margin-right: 0;  
}

p.Reference { 
	text-align: right; 
	font-size: 80%; 
	margin-left: 10%; 
	margin-top: 0.5em;
}

p.BackToTop {
	text-align: right; 
	font-weight: bold;
	margin-left: 10%; 
	margin-top: 0;
}

p.Caption { 
	font-style: italic; 
	text-align: left; 
	margin-top: 0; 
	margin-left: 10%; 
	margin-right: 10%;  
	margin-bottom: 30px;
}

p.Picture { 
	text-align: left; 
	margin-top: 5%; 
	margin-left: 10%; 
	margin-right: 10%;
}

/* allow for some paragraphs to be indented for emphasis */
p.Indented {
	margin-left: 25px;
}

li {
	margin-left: 25pt;
}

ul {
	margin-left: 0pt;
}

 html>body ul {
	margin-left: -24pt;
}

p.BulletText {
	display: list-item;
	margin-left: 25pt;
}

p.IndentText {
	margin-left: 25pt;
        margin-bottom: 10px;
}

p.ConferencesBullet {
	display: list-item;
	margin-left: 5px;
}

p.Close {
	margin-top: 0; 
	margin-bottom: 3pt; 
}

p.CloseBullet {
	display: list-item;
	margin-top: 0; 
	margin-bottom: 3pt; 
}

p.CloseHanging {
	padding-left: 15pt;
	text-indent: -15pt;
	margin-top: 0; 
	margin-bottom: 1pt; 
	text-align:left;
}


.FootnoteReference {
	vertical-align: top; 
	font-size: 90%;
}
	
td { 	
	vertical-align: top; 
}

td.bold {
 	vertical-align: top; 
	font-weight: bold; 
}

td.bottom {
 	vertical-align: bottom; 
}

td.Related {
	background-color: #cccc99;
	margin-left: 5;
	width: 20%;
}

th { 	vertical-align: top;
	text-align: center; 
      font-weight: bold; 
}

dt {
	margin-top: 12pt; 
	font-weight: bold; 
}



sub {
	font-size: 70%;
}

sup {
	font-size: 70%;
	vertical-align: top;
}

div.Related
{
	float:right;
	clear:right;
	width:25%;
	margin:0 0 15px 20px;
	padding:15px;
	border:1px solid black;
	background-color: #cccc99;
}

div.TextBox
{
	border: 1px solid black;
        padding: 1em 1em 0 1em;
	margin-bottom: 1em;
/*	margin:0 0 15px 20px;
	padding:15px;
	background-color: #eeeebb; */
}

div.TextBoxBorderNoFill
{
	margin:0 10px 0 10px;
	padding:10px;
	border:1px solid black;
}

.NoTopMargin {
	margin-top: 0;
}

.NoBottomMargin {
	margin-bottom: 0;
}




/*************************************************************/
/*                  TABLE STYLES                              */
/*************************************************************/

/* standard table */
table.StdTable {
   font-size: 80%;
   border-collapse: collapse;
}
table.StdTable td, table.StdTable th {
   border: 1px solid black;
}

/* 'premium items' table */
table.PremiumTable {
   font-size: 100%;
   border-collapse: collapse;
}
table.PremiumTable td {
   background-color: #EEEEEE;
   padding-top: 2px;
   padding-left: 5px;
   padding-right: 5px;
   padding-bottom: 2px;
   border-top: 1px solid white
}
table.PremiumTable th {
   background-color: #DDDDDD;
   padding: 5px;
}

/* quick hack: like standard table but for when the cell text is BodyText and therefore already small */
table.BodyTable {
   border-collapse: collapse;
}
table.BodyTable td, table.BodyTable th {
   border: 1px solid black;
}

/* another quick hack: similar to StdTable but called TableGrid because Word uses this style/class */
table.TableGrid {
   font-size: 90%;
   border-collapse: collapse;
}
table.TableGrid td, table.StdTable th {
   border: 1px solid black;
}

/* Auto tables: country in left-most column, bunch of numbers in the table itself */
table.AutoTable {
   border-collapse: collapse;
}
table.AutoTable table.heading {
   font-weight: bold;
   font-size: 130%;
}
table.AutoTable td {
   padding: 0.2em 0.5em 0.2em 0.5em;
}
table.AutoTable td.sortsymbol {

}
table.AutoTable td.headingtext, table.AutoTable td.sortsymbol {
   padding: 0;
   border: none;
   vertical-align: middle;
}
table.AutoTable td, table.AutoTable th {
   font-size: 80%;
   border: 1px solid black;
}
table.AutoTable td {
   text-align: right;
}
table.AutoTable td.headingtext {
   text-align: center;
}
table.AutoTable th#colhead1 td.headingtext, table.AutoTable td.col1 {
   text-align: left;
   white-space: nowrap;
}


/**********************************************************************
   BHP China maps
**********************************************************************/
#BHPCHINA {
   margin-top: 15px;
}
#BHPCHINA .body td.col2,
#BHPCHINA .body td.col3,
#BHPCHINA .body td.col4,
#BHPCHINA .body td.col5,
#BHPCHINA .body td.col6,
#BHPCHINA .body td.col7
{
   width: 100px;
}

/**********************************************************************

      2007 Human Rights maps styles

**********************************************************************/
.HRTABLES p.BodyText {
   margin: 0;
   padding-right: 5px;
}
.HRTABLES {
   margin-bottom: 15px;
}


/**********************************************************************

      (2006) Human Rights map styles

**********************************************************************/
.HRIGHTS .tocitem .tocitem .tocitem .tocitem {
       display: none;
}
#HrightsManageMatrix {
       border-collapse: collapse;
}
#HrightsManageMatrix th {
       border: 1px solid #246030;
       background-color: #B7CBBB;
}
#HrightsManageMatrix td {
       border: 1px solid #246030;
       background-color: #E6EBE6;
       padding: 0.5em;
}
.HrightsViolNames td {
       font-size: 80%;
       vertical-align: middle;
       height: 2.5em;
}
#HrightsRegTable 
   .col4, .col5, .col6, .col7, .col8, .col9, 
   .col10, .col11,.col12, .col13, .col14, .col15,
   .col16, .col17, .col18, .col19, .col20, .col21, .col22 {
       width: 1em;
}
#HrightsViolations {
       margin-left: 10pt;
}
#HrightsViolations table td{
       border: 0.2em solid #fff;
}
#HrightsViolations td.box, #HrightsViolKey td.box  {
      width: 1.5em;
}
#HrightsViolations .h, #HrightsViolKey .h{
      background-color: #330066;
}
#HrightsViolations .m, #HrightsViolKey .m{
      background-color: #704c93;
}
#HrightsViolations .l, #HrightsViolKey .l{
      background-color: #ad99c1;
}
#HrightsViolations .None, #HrightsViolKey .None{
      background-color: #ccc;
}


/* rank tables */
div.SortDirectionSymbol {
       font-family: Courier, monospace;
       display: inline;
}

table.RankTable {
       font-size: 100%;
       border:1px solid black;
       border-collapse:collapse;
}

table.RankTable th {
       font-size: 90%;
       border:1px solid black;
       padding: 5px;
       text-align: right;
}

table.RankTable td {
       font-size: 80%;
       border-left: 1px solid black;
       padding: 5px;
       text-align: right;
}

table.RankTable .Country {
       text-align: left;
}

tr.SameRank {
       border-top:none;
}

tr.DiffRank {
       border-top:1px solid black;
}

/*********************************************************************************/
/* China map tables */
/*********************************************************************************/
table.ChinaRD {
       border:1px solid black;
       border-collapse: collapse;
       font-size: 90%;
}       

table.ChinaRD td {
       border:1px solid black;
       text-align: right;
       padding: 0.2em;
       width: 8em;
}

table.ChinaRD td.Country {
       text-align: left;
       white-space: nowrap;
}

table.ChinaRD td.Heading {
       text-align: center;
}

/* auto-generated CHINA table */
/*****************************/

table#ChinaImportsExports {
       border:1px solid black;
       border-collapse: collapse;
       font-size: 80%;
}       

table#ChinaImportsExports th {
       vertical-align: middle;
       text-align: left;
}

table#ChinaImportsExports td, table#ChinaImportsExports th {
       border:1px solid black;
       padding: 0.2em;
}       

table#ChinaImportsExports table td.headingtext, table#ChinaImportsExports table td.sortsymbol {
      border: none;
      vertical-align: middle;
      font-size: 80%;
} 

table#ChinaImportsExports td {
       text-align: center;
}

table#ChinaImportsExports td.col1 {
       text-align: left;
       white-space: nowrap;
}
table.fsf_table {
       font-size: 90%;
       border: 1px solid black;
       border-collapse: collapse;
}
table.fsf_table td {
       border: 1px solid black;
       padding: 5px;
}

/********************************/
/* Conflict and geopolitics */
/********************************/
.CONFLICT2 .NormalTable {
   margin-left: 10%;
}
.CONFLICT2 .TableGrid {
   margin-left: 10%;
}
.CONFLICT2 .TableGrid td {
   padding: 5px;
}
.CONFLICT2 .TableGrid th {
   border: 1px solid black;
   color: #fff;
   background-color: #0d280b;
}