#page-nav {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#page-nav li {
	float: left;
	padding: 5px 0 5px 10px;
	border-left: 1px solid #CCC;
	margin: 0 10px 13px 0;
}

#page-nav li:first-child {
	padding-left: 0;
	border-left: 0 none;
}

#print {
	float: right;
	padding-top: .5em;
}

#pages {
	clear: both;
}

#pages .page {
	list-style: none;
	position: relative;
	width: 612px;
	height: 810px;
	padding: 0;
	margin: 0;
	background: no-repeat 0 0;
}

#page1 .page {
	background-image: url(/individual/img/content/quarterlystatements-page1.jpg);
}

#page2 .page {
	background-image: url(/individual/img/content/quarterlystatements-page2.jpg);
}

#page3 .page {
	background-image: url(/individual/img/content/quarterlystatements-page3.jpg);
}

#page4 .page {
	background-image: url(/individual/img/content/quarterlystatements-page4.jpg);
}

#page5 .page {
	background-image: url(/individual/img/content/quarterlystatements-page5.jpg);
}

#page6 .page {
	background-image: url(/individual/img/content/quarterlystatements-page6.jpg);
}

#page7 .page {
	background-image: url(/individual/img/content/quarterlystatements-page7.jpg);
}

#pages .stmt-clicktip {
	position: absolute;
	width: 25px;
}

#pages .stmt-clicktip .quick-help {
	display: block;
}

#pages .stmt-clicktip .quick-help span {
	display: block;
	height: 25px;
	background: url(/individual/img/clear.gif) no-repeat 0 0;
}

#pages .stmt-clicktip .quick-help.open span {
	background: url(/individual/img/icon/i-ball-blue.png) no-repeat 0 0;
	background-size: 25px 25px;
}

#pages .stmt-clicktip .stmt-clicktip-content {
	display: none;
}

#pages .cg-popover {
	padding: 0;
}

#pages .cg-popover.bottom .cg-arrow:after {
	border-bottom-color: #E5E5E5;
}

#pages .cg-popover .cg-popover-title {
	display: table;
	width: 284px;
	background-color: #E5E5E5;
	text-transform: uppercase;
}

#pages .cg-popover .cg-popover-title > * {
	display: table-cell;
	vertical-align: top;
	padding: 3px 8px 3px 0;
}

#pages .cg-popover .cg-popover-title > :first-child {
	width: 100%;
	padding: 3px 3px 3px 8px;
}

#pages .cg-popover .cg-popover-title .close-cg-popover {
	white-space: nowrap;
	font-size: 12px;
}

#pages .cg-popover .cg-popover-title .close-cg-popover span {
	color: #999;
	font-family: AvenirNextLTCom-Regular, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	font-size: 1rem;
	text-transform: lowercase;
}

#pages .cg-popover .cg-popover-content {
	padding: 3px 8px;
}

#pages .cg-popover .cg-popover-content .hedge.symbol {
	margin-left: 7px;
	font-family: AvenirNextLTCom-Regular, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

#pages .cg-popover .cg-popover-content .hedge span.symbol {
	margin-left: -7px;
}

.top {
	float: right;
	margin: 1em 0 1em 0;
}

/* Page 1 info-tips */
#account-number { top: 59px; left: 348px;}
#portfolio-value {top: 290px; left: 226px;}
#begin-value {top: 335px; left: 113px;}
#additions {top: 348px; left: 15px;}
#withdrawals {top: 363px; left: 113px;}
#setup-annual-fees {top: 375px; left: 15px;}
#investment {top: 403px; left: 152px;}
#div-capGains-cash {top: 430px; left: 192px;}
#portfolio-rate-return {top: 501px; left: 183px;}
#ending-value {top: 342px; left: 140px;}
#portfolio-allocation { top:333px; left: 465px;}
#value-history {top: 557px; left: 183px;}

/* Page 2 info-tips */
#portfolio-at-glance {top: 125px; left: 200px;}

/* Page 4 info-tips */
#dividends-capGains {top: 445px; left: 136px;}