body { margin: 0; padding: 0; background: #fff;  color: #000; font-family: Helvetica, Arial, sans-serif; line-height: 1.2; }
h1, h2, h4, h5, h6 { margin: 0.5em 0; }
p #performance h3 { margin: 0; }
th { font-weight: normal; }
thead th { font-weight: bold; }
hr.divider { display: none; }

/*Manulife styles*/
a:link { color: #000; }
a.hd2:link { color: #063; }
a:visited { color: #808080; }
a:link:active; a:visited:active { color: #090; }

.type0, .pulldown, select { font-size: 8pt; }
p, div, .type1, span, h3, h2.type4, #objectives h1.type4 defn, #allocsectors h1.type4 defn { font-size: 9pt; }
.type2 { font-size: 16pt; font-weight: bold; }
.type3 { font-size: 11pt; color: #666; }
.type4 { font-size: 11pt; font-weight: bold; }

h1.type4, h2.type4, p.type4, #objectives dfn, #allocsectors h1.type4 defn { text-transform: uppercase; }

.hd1 { font-size: 9pt; font-weight: bold; color: #3C6; }
.hd2 { font-size: 8pt; font-weight: bold; text-decoration: none; color: #063; }

.field, input[type="text"] { font-size: 10pt; font-family: "courier new",courier,monospace; }

/*Global styles*/
.boldtext { font-weight: bold; }
.center { text-align: center; }
.left { text-align: left; }
.leftB { float: left; }
.rightB { float: right; }
.inlineLeft { display: inline; }
.mlcolor { color: #090; }
.mlbg1 { background: #EEE; }
.subcategory { font-style: normal; color: #000 !important; }
.dingbat { font-family:Wingdings,dingbats;text-transform:none; }
#header, #navigation { display: none; }
#content { position: relative; top: -1pt; padding-top: 76pt; border: 1pt solid #999; border-top-style: none; clear: both; width: 100%; }
 bod\y #content { padding-top: 82pt; }
#content div { padding: 0; }
#content div p, #content div h1, #content div h2, #content div h3, #content div img, #content div table { margin: 4pt; }
#footer { text-align: center; }
#footer p { padding: 8pt; }

/*CPO styles*/
#cpo #performance h1.type4, #cpo #returns h2.type4 { text-transform: none; }
#cpo #returns table { margin-bottom: 1em; }
#cpo #fundcategory p.type4 { text-transform: none; }

/*ILC FI styles*/
#ilc-fi #commentary { border-top: none;  }

/*Page sections*/
#objectives { background: #EEE; border-bottom: 1pt solid #999; border-top: 1pt solid #999; }
#objectives h1.type4 { text-transform: none; }
#objectives dfn { font-style: normal; font-weight: bold; background: #EEE; }
#objectives dfn:after { content: ": " }
#objectives p.leftB { margin-left: 2pt; margin-top: 0; }
 html>body #objectives p.leftB { margin-left: 3pt; }

#performance { clear: both; border-top: 1pt solid #999;  }
#overall { border-top: 1pt solid #999; }
#interest { border-top: 1px solid #999; }  
#returns { border-top: 1pt solid #999; }
#returns .date, #holdings .date, #allocsectors .date, #overall .date, #ilc-fi #performance .date { font-weight: normal; text-transform: none; color: #000 !important; }

#allocsectors { clear: both; }
#allocsectors h1.type4 { text-transform: none; }
h1#rrspcontent { padding-bottom: 0.5em; }
#holdings { float: left; }
#holdings h1.type4 { text-transform: none; }
#holdings pre { font-family: Verdana, Arial, sans-serif;  }
#commentary { border-top: 1pt solid #999;  }
#commentary h1.type4 { text-transform: none; }

#volatility,{ position: absolute; top: 0; left: 0; width: 66.6%;  border-top: 1pt solid #999;  height: 25pt;}
#fundname, #fundtype, #fundcategory { position: absolute; top: 0; left: 0; width: 33.3%; border-right: 1pt solid #999; border-top: 1pt solid #999;  height: 25pt;}
#volatility { height: 75pt; }
#fundtype { left: 33.3%; width: 33.3%; height: 25pt; border-right: none; }
#fundcategory { left: 66.6%; border-right: none; }
#fundcategory p.type4 { color: #999; }
#fundname { top: 30pt; left: 33.3%; width: 66.6%; background: #DDD; height: 50pt; border-right: none; }
 bod\y #fundname { margin-left: 1pt; }
