/* Styles for fee statement examples */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
}
.sample-statement-container-1, .sample-statement-container-2 {
	width:900px;
	height:1198px;
	margin-left:auto;
	margin-right:auto;
	border:4px solid #f6f6f6;
}
h1.statement-heading {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
	background-color:#f6f6f6;
	color:#505050;
	font-size:1.125rem;
	font-weight:400;
	text-transform:uppercase;
	font-family:"Roboto Condensed", sans-serif;
	padding:20px;
}
.info-dot-tooltip {
	position:relative;
	display:inline-block;
	border-radius:50%;
	background-color:#cc3300;
	height:30px;
	width:30px;
	line-height:30px;
	text-align:center;
	color:#ffffff;
	cursor:pointer;
}
.info-dot-tooltip .info-dot-tooltip-text {
	text-align:left;
	width:370px;
	background-color:#000000;
	color:#ffffff;
	border-radius:4px;
	padding:10px 25px;
	line-height:1.2em;
	box-sizing:content-box;
	/* Position the tooltip */
	position:absolute;
	z-index:1;
	cursor:default;
	box-shadow:0 2px 10px rgba(0, 0, 0, 0.4);
}
/*
.info-dot-tooltip:hover .info-dot-tooltip-text {
	visibility:visible;
}

.info-dot-tooltip-text {
	visibility:visible;
}*/

.info-dot-tooltip .info-dot-tooltip-text p {
	color:#ffffff;
}
.info-dot-tooltip .info-dot-tooltip-text a {
	color:#90cef4;
}
.info-dot-tooltip .info-dot-tooltip-text-top-right {
	bottom:140%;
	left:-370px;
}
.info-dot-tooltip .info-dot-tooltip-text-top {
	bottom:140%;
	left:50%;
	margin-left:-210px;
}
.info-dot-tooltip .info-dot-tooltip-text-bottom-left {
	top:140%;
	left:-30%;
}
.info-dot-tooltip .info-dot-tooltip-text-bottom {
	top:140%;
	left:50%;
	margin-left:-210px;
}
.info-dot-tooltip .info-dot-tooltip-text-top-right::after, .info-dot-tooltip .info-dot-tooltip-text-top::after, .info-dot-tooltip .info-dot-tooltip-text-bottom-left::after, .info-dot-tooltip .info-dot-tooltip-text-bottom::after {
	content:" ";
	position:absolute;
	margin-left:-8px;
	border-width:8px;
	border-style:solid;
}
.info-dot-tooltip .info-dot-tooltip-text-top-right::after {
	top:100%;
	left:385px;
	border-color:#000000 transparent transparent transparent;
}
.info-dot-tooltip .info-dot-tooltip-text-top::after {
	top:100%;
	left:50%;
	border-color:#000000 transparent transparent transparent;
}
.info-dot-tooltip .info-dot-tooltip-text-bottom-left::after {
	bottom:100%;
	left:24px;
	border-color:transparent transparent #000000 transparent;
}
.info-dot-tooltip .info-dot-tooltip-text-bottom::after {
	bottom:100%;
	left:50%;
	border-color:transparent transparent #000000 transparent;
}
.info-dot-close {
	position:absolute;
	top:0;
	right:0;
	background-color:#505050;
	border-top-right-radius:4px;
	display:block;
	padding:5px 10px;
	text-decoration:none;
	color:#ffffff!important;
	font-weight:400;
	font-size:1.5em;
}
.info-dot-close:hover {
	color:#e5e5e5!important;
}
.align-center {
	text-align:center;
}