/* esr.css */

.ss {
	font-size: 10px;
	vertical-align: bottom;
}

.ss2 {
	font-size: 9px;
	vertical-align: bottom;
}

h2 { margin-top:0px; margin-bottom:12px; }

.icons {
	margin-top: 20px;
	font-size: 11px;
	color: #333333;
}

.icons td {
	font-size: 11px;
	color: #333333;
	padding-right: 3px;
}

.icons td img {
	margin-right: 3px;
}

.leftnav {
	border-bottom: 1px solid #336699;
	width: 146px;
}

.leftnav a { text-decoration: none; }
.leftnav a:hover { text-decoration: none; }
.leftnav a:visited { color:#336699; text-decoration: none; }
.leftnav a:visited:hover { color:#FF6633; text-decoration: none; }

.leftnav td.level2 {
	font-size: 11px;
	border-top: 1px solid #336699;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 3px;
}

.leftnav td.level2selected {
	background-color: #E5F3FB;
	font-weight: bold;
	font-size: 11px;
	border-top: 1px solid #336699;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 3px;
}

.leftnav td.level3 {
	background-color: #E5F3FB;
	font-size: 11px;
	padding-left: 16px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 2px;
}

.leftnav td.level3sm {
	font-size: 11px;
	padding-left: 16px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 2px;
}

.leftnav td.level3selected {
	font-weight: bold;
	background-color: #E5F3FB;
	font-size: 11px;
	padding-left: 16px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 2px;
}

.leftnav td.level4 {
	background-color: #E5F3FB;
	font-size: 11px;
	padding-left: 28px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 2px;
}

.leftnav td.level4sm {
	font-size: 11px;
	padding-left: 28px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 2px;
}

.leftnav td.level4selected {
	font-weight: bold;
	background-color: #E5F3FB;
	font-size: 11px;
	padding-left: 28px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 2px;
}


.horiznav a { text-decoration: none; }
.horiznav a:hover { text-decoration: none; }
.horiznav a:visited { color:#336699; text-decoration: none; }
.horiznav a:visited:hover { color:#FF6633; text-decoration: none; }

.horiznav td.off {
	font-size: 11px;
	border-top: 1px solid #336699;
	border-bottom: 1px solid #336699;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: bold;
}

.horiznav td.on {
	background-color: #E5F3FB;
	font-weight: bold;
	font-size: 11px;
	border-top: 1px solid #336699;
	border-bottom: 1px solid #336699;
	padding-top: 2px;
	padding-bottom: 2px; 
}


.tboxnav a { text-decoration: none; }
.tboxnav a:hover { text-decoration: none; }
.tboxnav a:visited { color:#336699; text-decoration: none; }
.tboxnav a:visited:hover { color:#FF6633; text-decoration: none; }

.tboxnav td.off {
	font-size: 11px;
	border-top: 1px solid #336699;
	border-bottom: 1px solid #336699;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: bold;
	padding-left: 6px;
	padding-right: 6px;
	text-align: center;
}

.tboxnav td.off2 {
	border-bottom: 1px solid #336699;
}

.tboxnav td.on {
	background-color: #E5F3FB;
	font-weight: bold;
	font-size: 11px;
	border-top: 1px solid #336699;
	padding-top: 2px;
	padding-bottom: 2px; 
	padding-left: 6px;
	padding-right: 6px;
	text-align: center;
}

.tboxnav td.on2 {
	background-color: #E5F3FB;
}

.content {
	background-color: #E5F3FB;
	border-left: 1px solid #336699;
	border-right: 1px solid #336699;
	border-bottom: 1px solid #336699;
/*	padding: 10px; */
}

.content .title {
	color: #0099CC;
	font-weight: bold;
	font-size: 11px;
	margin: 0px;
}

.content p.item {
	margin-top: 6px;
	margin-bottom: 0px;
}


.tbl tr.heading {
/*	color: #0099CC;
	font-weight: bold; */
}

.tbl .title {
	color: #0099CC;
	font-weight: bold;
}

.tbl tr.heading td {
	padding-top: 12px;
	padding-bottom: 1px;
	border-bottom: 1px solid #0085D5;
}

.tbl tr.blueline td {
	border-bottom: 1px solid #0085D5;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 11px;
}

.tbl tr.line td {
	border-bottom: 1px solid #CCCCCC;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 11px;
}

.tbl tr.doubleline td {
	border-top: 1px solid #0085D5;
	border-bottom: 1px solid #0085D5;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 11px;
}

.tbl tr.noline td {
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 11px;
}

/*

.box-operating {
	border-left: 1px solid #604479;
	border-right: 1px solid #604479;
	border-bottom: 1px solid #604479;
	margin-bottom: 18px;
}

.box-reviewing {
	border-left: 1px solid #F48E00;
	border-right: 1px solid #F48E00;
	border-bottom: 1px solid #F48E00;
	margin-bottom: 18px;
}

.box-informing {
	border-left: 1px solid #B5D00D;
	border-right: 1px solid #B5D00D;
	border-bottom: 1px solid #B5D00D;
	margin-bottom: 18px;
}

.box-discovering {
	border-left: 1px solid #3366CC;
	border-right: 1px solid #3366CC;
	border-bottom: 1px solid #3366CC;
	margin-bottom: 18px;
}

.box {
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	font-size: 11px;
}

.boxtitle {
	margin-bottom: 3px;
}

.boxlink {
	padding-left: 7px;
	padding-right: 7px;
	font-size: 11px;
}

*/

.box { margin-bottom: 18px; }
.box td { font-size: 11px; }
.box p, .boxlink p { font-size: 11px; margin: 0px; }
.box p.item {
	margin-top: 6px;
}
.box a, .box a:hover { font-size: 11px; text-decoration: none; }
p.boxtitle { margin-bottom: 3px; font-weight: bold; }

p.title {
	color: #0099CC;
	font-weight: bold;
	margin: 0px;
	margin-bottom: 4px;
}

p.subtitle {
	margin: 0px;
	margin-bottom: 4px;
}


.smalltext {
	font-size: 11px;
}

.caption {
	font-size: 11px;
	color: #0099CC;
	margin: 0px;
	margin-top: 6px;
}

.captionauthor {
	font-size: 11px;
	color: #3F3F3F;
	margin: 0px;
	margin-top: 6px;
	/* margin-bottom: 18px; */
}

.xsmallfootnote {
	font-size: 10px;
	color: #666666;
}

.piccaption {
	font-size: 11px;
	color: #0099CC;
	margin: 0px;
}


/* override font size for breadcrumb */
p.breadcrumb, p.breadcrumb a { font-size: 11px; }


.gri {
	border-bottom: 1px solid #CCC;
}

.gri th {
	background-color: #FFFFFF;
	border-top: 1px solid #0085D5;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 1px;
	text-align: left;
	font-weight: normal;
	font-size: 11px;
}

.gri th.group {
	background-color: #E5F3FB;
}

.gri td {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 1px;
}

.gri td.linetop {
	border-top: 1px solid #CCC;
}

.tta, .tta:link, .tta:visited {
	color: #000000;
	text-decoration: none;
}

.tta:hover, .tta:visited:hover {
	color: #000000;
	text-decoration: none;
	cursor:default;
}


.ind {
	position: relative;
}

.indicator {
	border: 1px solid #0085D5;
	position:absolute;
	width:225px;
	background-color:#E5F3FB;
	padding:4px;
	visibility: hidden;
	z-index: 1000;
	font-size: 11px;
/*	left: 80px;  
	margin: 2px; */
}

.indicator2 {
	border: 1px solid #0085D5;
	position:absolute;
	width:225px;
	background-color:#E5F3FB;
	padding:4px;
	visibility: hidden;
	z-index: 1000;
	font-size: 11px;
	left: 365px;
	margin: 2px;
}


/* map div styles */
#mapbg { position: absolute; top: 260px; left: 150px; width:608px; height:323px; visibility: visible; }

#map0 { position: absolute; top: 260px; left: 150px; width:289px; height:323px; visibility: visible; }
#map1 { position: absolute; top: 260px; left: 150px; width:289px; height:323px; visibility: hidden; }
#map2 { position: absolute; top: 260px; left: 150px; width:289px; height:323px; visibility: hidden; }
#map3 { position: absolute; top: 260px; left: 150px; width:289px; height:323px; visibility: hidden; }
#map4 { position: absolute; top: 260px; left: 150px; width:289px; height:323px; visibility: hidden; }
#map5 { position: absolute; top: 260px; left: 150px; width:289px; height:323px; visibility: hidden; }

#info0 { position: absolute; top: 272px; left: 451px; width:295px; height:299px; visibility: visible; }
#info1 { position: absolute; top: 272px; left: 451px; width:295px; height:299px; visibility: hidden; }
#info2 { position: absolute; top: 272px; left: 451px; width:295px; height:299px; visibility: hidden; }
#info3 { position: absolute; top: 272px; left: 451px; width:295px; height:299px; visibility: hidden; }
#info4 { position: absolute; top: 272px; left: 451px; width:295px; height:299px; visibility: hidden; }
#info5 { position: absolute; top: 272px; left: 451px; width:295px; height:299px; visibility: hidden; }
#info6 { position: absolute; top: 272px; left: 451px; width:295px; height:299px; visibility: hidden; }
#info7 { position: absolute; top: 272px; left: 451px; width:295px; height:299px; visibility: hidden; }
#info8 { position: absolute; top: 272px; left: 451px; width:295px; height:299px; visibility: hidden; }
#info9 { position: absolute; top: 272px; left: 451px; width:295px; height:299px; visibility: hidden; }
#info10 { position: absolute; top: 272px; left: 451px; width:295px; height:299px; visibility: hidden; }
#info11 { position: absolute; top: 272px; left: 451px; width:295px; height:299px; visibility: hidden; }
#info12 { position: absolute; top: 272px; left: 451px; width:295px; height:299px; visibility: hidden; }
#info13 { position: absolute; top: 272px; left: 451px; width:295px; height:299px; visibility: hidden; }
#info14 { position: absolute; top: 272px; left: 451px; width:295px; height:299px; visibility: hidden; }
#info15 { position: absolute; top: 272px; left: 451px; width:295px; height:299px; visibility: hidden; }
#info16 { position: absolute; top: 272px; left: 451px; width:295px; height:299px; visibility: hidden; }
#info17 { position: absolute; top: 272px; left: 451px; width:295px; height:299px; visibility: hidden; }
#info18 { position: absolute; top: 272px; left: 451px; width:295px; height:299px; visibility: hidden; }
#info19 { position: absolute; top: 272px; left: 451px; width:295px; height:299px; visibility: hidden; }
#info20 { position: absolute; top: 272px; left: 451px; width:295px; height:299px; visibility: hidden; }

#toolbox { position: relative; width: 577px; visibility: visible; }
#toolpg1 { position: absolute; width: 577px; visibility: visible; }
#toolpg2 { position: absolute; width: 577px; visibility: hidden; }
#toolpg3 { position: absolute; width: 577px; visibility: hidden; }
#toolpg4 { position: absolute; width: 577px; visibility: hidden; }
#toolpg5 { position: absolute; width: 577px; visibility: hidden; }
#toolpg6 { position: absolute; width: 577px; visibility: hidden; }
#toolpg7 { position: absolute; width: 577px; visibility: hidden; }



#csrChart {
	FONT-SIZE: 11px; COLOR: #000; FONT-FAMILY: Arial
}
#csrChart H1 {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 20px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px
}
#csrChart .chart {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; PADDING-BOTTOM: 12px; MARGIN: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
#csrChart .barTitle {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; align-text: left:
	padding-right:0 4px 0 0
}
#csrChart .bars {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; PADDING-BOTTOM: 12px; MARGIN: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
#csrChart .percentageLabel {
	PADDING-LEFT: 4px; COLOR: #666; FONT-STYLE: italic
}

/* CH amend 17/1 -------------------------------- */

#csrChart TABLE.multi {
	border: 0;
	margin: 0 0 30px 0;
	padding: 0;
}

/* end amend -------------------------------------- */

#csrChart TABLE TD {
	FONT-SIZE: 11px; LINE-HEIGHT: 12px
}
#csrChart TABLE TD.barLabel {
	PADDING-LEFT: 4px
}
#csrChart TABLE TD.barLabelTotal {
	FONT-WEIGHT: bold
}
#csrChart DIV.key {
	BORDER-RIGHT: #0587d6 1px solid; PADDING-RIGHT: 11px; PADDING-LEFT: 11px; PADDING-BOTTOM: 0px; BORDER-LEFT: #0587d6 1px solid; WIDTH: 175px; PADDING-TOP: 7px
}
#csrChart DIV.key H2 {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 12px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px
}
#csrChart DIV.keyFooter {
	
}


#csrTable {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000; FONT-FAMILY: Arial
}
#csrTable H1 {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 20px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px
}

/* CH amend 17/1 --------------------------------

#csrTable .tableHeader {
	FONT-WEIGHT: bold; COLOR: #0099cc
}
*/

#csrTable .tableHeader {
        font-weight:bold;
        color:#0099CC;
        padding:0 0 5px 0;
}
/* end amend -------------------------------------- */

#csrTable .tableHeaderUOM {
	PADDING-LEFT: 5px; FONT-WEIGHT: normal; COLOR: #000000; FONT-FAMILY: Arial
}
#csrTable TABLE.datatable {
	PADDING-RIGHT: 9px; FONT-WEIGHT: normal; FONT-SIZE: 12px;  MARGIN-BOTTOM: 18px; BORDER-BOTTOM: #0085d5 1px solid
}
#csrTable TABLE.datatable THEAD TR {
	VERTICAL-ALIGN: bottom
}
#csrTable TABLE.datatable THEAD TH {
	BORDER-TOP: #0085d5 1px solid; FONT-WEIGHT: normal; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BORDER-BOTTOM: #0085d5 1px solid; TEXT-ALIGN: left;
	BACKGROUND-COLOR: #FFFFFF;
}
#csrTable TABLE.datatable THEAD TH.data {
	TEXT-ALIGN: right;
	BACKGROUND-COLOR: #FFFFFF;
}
#csrTable TABLE.datatable TBODY TR {
	VERTICAL-ALIGN: bottom
}
#csrTable TABLE.datatable TBODY TH {
	FONT-WEIGHT: normal; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; TEXT-ALIGN: left;
	BACKGROUND-COLOR: #FFFFFF;
}
#csrTable TABLE.datatable TBODY TD {
	FONT-WEIGHT: normal; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; TEXT-ALIGN: right
}
#csrTable TABLE.datatable TBODY TH.percent {
	FONT-SIZE: 11px; COLOR: #666; PADDING-TOP: 0px; TEXT-ALIGN: left;
	BACKGROUND-COLOR: #FFFFFF;
}
#csrTable TABLE.datatable TBODY TD.percent {
	FONT-SIZE: 11px; COLOR: #666; PADDING-TOP: 0px; TEXT-ALIGN: right
}
#csrTable table.datatable tbody td.fakeFooter,
#csrTable table.datatable tbody th.fakeFooter{
	border-top:1px solid #0085D5;
}
#csrTable TABLE.datatable TFOOT TH {
	BORDER-TOP: #0085d5 1px solid; FONT-WEIGHT: normal; LINE-HEIGHT: 30px; TEXT-ALIGN: left;
	BACKGROUND-COLOR: #FFFFFF;
}
#csrTable TABLE.datatable TFOOT TD {
	BORDER-TOP: #0085d5 1px solid; FONT-WEIGHT: normal; LINE-HEIGHT: 30px; TEXT-ALIGN: right
}
#csrTable .footnote {
	FONT-SIZE: 11px; COLOR: #666; LINE-HEIGHT: auto
}