.hr-popout {
	display: none;
	z-index: 99999 !important;
	outline: none;
	border: 1px solid #28656e;
	overflow: visible;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

.hr-popout p {
	margin: 12px 0;
	font-family: 'Arial';
	font-style: 12px;
	line-height: normal;
}

.ui-dialog-content.ui-widget-content.hr-popout {
	background-color: #bce5eb;
	color: #606a72;
	font-size: 12px;
	overflow: visible;
}

.hr-popout .ui-dialog-titlebar {
	display: none;
}

.hr-popout .popout-arrow {
	width: 16px;
	height: 8px;
	position: absolute;
	background: url('../images/ui/arrow.png');
}

.hr-popout .popout-arrow.top-left { top: -8px; left: 50px; }
.hr-popout .popout-arrow.top-right { top: -8px; right: 50px; }
.hr-popout .popout-arrow.bottom-left { background-position: -16px 0; bottom: -8px; left: 50px; }
.hr-popout .popout-arrow.bottom-right { background-position: -16px 0; bottom: -8px; right: 50px; }
.hr-popout .popout-arrow.left { background-position: -32px 0; width: 8px; height: 16px; top: 18px; left: -8px; }
.hr-popout .popout-arrow.right { background-position: -40px 0; width: 8px; height: 16px; top: 18px; right: -8px; }



#fee-matrix-lightbox {
	width: 995px;
	height: 830px;
	padding: 0;
}

#fee-matrix-popout {
	border: 0;
	padding: 6px 12px;
}


.fee-matrix {
	padding: 30px 0;
}

.fee-matrix .matrix-cell {
	float: left;
	width: 200px;
	background: #f5f5f5;
	margin: 0 10px;
	color: #7d7d7d;
	padding: 8px 10px;
	font-family: 'Klavika';
	font-size: 14px;
	text-align: center;
	height: 18px;
	line-height: normal;
	font-weight: 200;
}
.fee-matrix .matrix-cell.left-cell {
	text-align: left;
}
.fee-matrix .matrix-row.multi-line .matrix-cell {
	height: 32px;
}
.fee-matrix .matrix-cell.upgrade-cell {
	padding: 6px 0;
	height: 44px;
	background-color: #ffffff;
	width: 220px;
}

.fee-matrix .heading-1 { font-size: 18px; }
.fee-matrix .heading-2 { font-size: 16px; font-weight: normal; }

.fee-matrix .white-cell { background-color: #ffffff; }
.fee-matrix .grey-cell { background-color: #dfdfdf; }
.fee-matrix .teal-cell { background-color: #c4e7ec; }
.fee-matrix .maroon-cell { background-color: #780345; color: #ffffff; }

.fee-matrix .title-cell { 
	height: 36px;
	line-height: 18px;
	font-weight: 600;
}
.fee-matrix .column-title-cell { font-style: italic; padding-left: 35px; width: 175px;}
.fee-matrix .title-wrapper {
	display: table-cell;
	vertical-align: bottom;
	height: 36px;
}
.fee-matrix .maroon-text {
	color: #780345;
}

.fee-matrix .cap-cell { 
	height: 40px;

	-moz-border-top-left-radius: 20px;
	-webkit-border-top-left-radius: 20px;
	-khtml-border-top-left-radius: 20px;
	border-top-left-radius: 20px;

	-moz-border-top-right-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-khtml-border-top-right-radius: 20px;
	border-top-right-radius: 20px;
 }
 .fee-matrix .foot-cell { 
 	height: 40px;
 	
	-moz-border-bottom-left-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-khtml-border-bottom-left-radius: 20px;
	border-bottom-left-radius: 20px;

	-moz-border-bottom-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-khtml-border-bottom-right-radius: 20px;
	border-bottom-right-radius: 20px;
 }
.fee-matrix .section-header-cell { color: #780345; }
.fee-matrix .section-body-cell { background-color: #fcfcfc; }

.fee-matrix .divider-row .matrix-cell {
	padding: 0 10px;
	height: 1px;
}
.fee-matrix .divider {
	height: 1px;
	background-color: #e2e2e2;
}
.fee-matrix .divider.light-grey { background-color: #f2f2f2; }
.fee-matrix .divider.teal { background-color: #dff8fb; }
.fee-matrix .divider.maroon { background-color: #a2527f; }

.fee-matrix .hexagon { 
	background-image: url('../images/ui/matrix-sprite.png'); 
	height: 16px;
	width: 14px;
	margin: 2px auto;
}
.fee-matrix .multi-line .hexagon {
	margin: 7px auto;
}
.fee-matrix .hexagon.grey {
	background-position: -13px 0;
}
.fee-matrix .hexagon.maroon {
	background-position: 0 0;
}
.fee-matrix .upgrade-link {
	height: 44px;
	line-height: 44px;
	background: url('../images/ui/arrow-white.png') no-repeat 200px center;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
.fee-matrix .upgrade-link.multi-line span {
	line-height: 14px;
	height: 26px;
	padding: 9px 0 9px 12px;
}
.fee-matrix .upgrade-link a,
.fee-matrix .upgrade-link a:hover,
.fee-matrix .upgrade-link a:visited {
	width: 100%;
	height: 44px;
	display: block;
	color: #ffffff;
	text-decoration: none;
	font-style: italic;
	font-family: 'Klavika';
	letter-spacing: 0;
	font-size: 12px;
	font-weight: 600;
	text-align: left;
}
.fee-matrix .upgrade-link span {
	padding-left: 12px;
	display: inline-block;
}

.fee-matrix .upgrade-link.pro-upgrade {
	background-color: #7d7d7d;
}
.fee-matrix .upgrade-link.proplus-upgrade {
	background-color: #860f54;
}

/* Toggle cell styles */
.fee-matrix .toggle-cell {
	cursor: pointer;
}
.fee-matrix .toggle-text {
	float: left;
	line-height: 19px;
	padding-left: 6px;
	font-weight: 700;
}
.fee-matrix .toggle-icon {
	background-image: url('../images/ui/matrix-sprite.png'); 
	height: 16px;
	width: 12px;
	margin: 1px 0;
	float: left;
	background-position: -26px 0;
}
.fee-matrix .expanded .toggle-icon {
	background-position: -38px 0;
}

.fee-matrix .toggle-section-body {
	display: none;
}

.fee-matrix .toggle-section-body .matrix-cell,
.fee-matrix .expanded .matrix-cell {
	background-color: #fcfcfc;
}

/* four-column Fee Matrix Overrides */
.fee-matrix.four-column {
	letter-spacing: -1px;
}
.fee-matrix.four-column .matrix-cell {
	width: 160px;
	margin: 0 5px;
}
.fee-matrix.four-column .upgrade-cell {
	width: 180px;
}
.fee-matrix.four-column .upgrade-link {
	background-position: 160px center;
}
.fee-matrix.four-column .column-title-cell {
	width: 150px;
	padding-left: 20px;
}

.fee-matrix.four-column .contact-us-cell {
	padding: 0;
	width: 180px;
	height: 34px;
	line-height: 16px;
}

#fm-dedicated,
#fm-doc-management,
#fm-saas {
	font-size: 12px;
}