/* Utilities */
.bottom-border {
	border-bottom: 1px solid #CCC;
}

.no-border {
	border: 0 none !important;
}

/* Begin Accounts Nav Widget */
.ns-accounts-nav .nav-bar {
	padding: 4px 4px 0;
	background: #999999; /* Old browsers */
	background: -moz-linear-gradient(top,  #999999 0%, #666666 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#666666)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #999999 0%,#666666 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #999999 0%,#666666 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #999999 0%,#666666 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #999999 0%,#666666 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#666666',GradientType=0 ); /* IE6-9 */
}

.ns-accounts-nav .nav-bar .nav-link {
	background: url(/etc.clientlibs/capital-group/clientlibs/clientlib-site/resources/images/sprites/tab-spacer1X50cg.png) 0px 1px no-repeat;
}

.ns-accounts-nav .nav-bar .nav-link:first-child {
	background-image: none;
}

.ns-accounts-nav .nav-bar .nav-link a:hover,
.ns-accounts-nav .nav-bar .nav-link.active,
.ns-accounts-nav .nav-bar .nav-link.active a {
	color: #333;
	background: #FFF;
}

.ns-accounts-nav .nav-link a {
	display: block;
	font-size: 14px;
	font-size: 1rem;
	line-height: 18px;
	line-height: 1.2857142857142857142857142857143rem;
	color: #FFF;
}

/* End Accounts Nav Widget */

/******
 *
 * Message center section
 *
 *****/

.message-section .msgContainer > li  ~ li {
	border-top: 1px solid #e6e6e6;
}

.message-section li > div{
	margin: 15px 0;
	padding: 0 15px;
}
li.actionable div{
	border-left: 5px solid #FECC99;
}
.message-section h4 {
	padding: 5px 20px;
}

#message-center p.hedge{
	width: 645px !important;
}
#message-center div.more {
	padding: .5em 1em;
}
#message-center ul p{
	width: 490px;
}
#message-center ul li.grouped table th, #message-center li.grouped table td {
	text-align: left;
}
#message-center ul li.grouped table .client-name {
	width: 220px;
}
#message-center #message-types {
	position: relative;
	top: -30px;
}
.expand-msg {
	position: relative;
	padding: 2px; /* adjust to taste */
	overflow: hidden
}
.expand-link {
	display: block;
	float: right;
}
.days-to-expire {
	display: block;
	float: right;
}

.no-msgs {
	padding: 15px;
}
#message-center .tooltip strong {
	display: inline;
}
div#message-center div#message-types,
div#message-center div#reminders h4,
div#message-center div#notifications h4,
div#message-center + p.hedge {
	display: none;
}

.delivered * {
	color: #666;
}

/* Begin Portfolio-Level Navigation */
.portfolio-nav {
	background: url("../img/accounts/portfolio-nav-bar-bg.jpg") repeat-x scroll center top #F2F2F2;
}

.portfolio-nav.qtr-right-rail .ns-outer-control {
	background: url("../img/accounts/portfolio-nav-bar-bg.jpg") repeat-x scroll center top, #FFF url("/etc.clientlibs/capital-group/clientlibs/clientlib-site/resources/images/bgs/bg-one-qtr-filler.png") repeat-y scroll right top;
}

.portfolio-nav + .ns-body-wide.qtr-right-rail .ns-outer-control {
	background: #FFF url("/etc.clientlibs/capital-group/clientlibs/clientlib-site/resources/images/bgs/bg-one-qtr-filler.png") repeat-y scroll right top;
}

.portfolio-nav.fullwidth .ns-outer-control {
	background: url("../img/accounts/portfolio-nav-bar-bg.jpg") repeat-x scroll center top #FFF;
}

/* IE 8 */
html.ie8 .portfolio-nav.qtr-right-rail .ns-outer-control {
	background: #FFF url('../img/accounts/bg-cntrl-qtr-right-rail.png') repeat-x scroll center top;
}

html.ie8 .portfolio-nav.fullwidth .ns-outer-control {
	background: #FFF url('../img/accounts/portfolio-nav-bar-bg.jpg') repeat-x scroll center top;
}

#portfolio-nav .nav-bar {
	padding: 0;
	background: none;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); /* IE6-9 */
}

#portfolio-nav .nav-bar .nav-link {
	background-image: none;
}

#portfolio-nav .nav-tabs > li > a {
	border: 0 none;
}

#portfolio-nav li.profile-settings,
#portfolio-nav li.custom-portfolio {
	float: right;
}

#portfolio-nav a {
	padding: 16px 18px;
	color: #FFF;
}

#portfolio-nav li.active a,
#portfolio-nav li:hover a {
	color: #333;
	background-color: #EAEAEA;
}

#portfolio-nav li.profile-settings a:hover .icon,
#portfolio-nav li.profile-settings.active a .icon {
	background-position: -32px 0;
}

#portfolio-nav li.custom-portfolio a:hover .icon {
	background-position: -64px -16px;
}

#portfolio-nav li.custom-portfolio a.active .icon {
	background-position: -80px -32px;
}

#portfolio-nav li.custom-portfolio a.active:hover .icon {
	background-position: -80px -16px;
}

#portfolio-nav #custom-views-dropdown {
	display: none;
	position: absolute;
	z-index: 10;
	padding-top: .5em;
	background-color: #5C5C5C;
}

#portfolio-nav #custom-views-dropdown li.manage-views {
	padding-top: .5em;
	border-top: 1px solid #FFF;
}

#portfolio-nav #custom-views-dropdown li a {
	padding: 0 1em .5em;
	color: #FFF;
	background-color: #5C5C5C;
}

#portfolio-nav #custom-views-dropdown li:hover a {
	background-color: #5C5C5C;
}

.active-portfolio-option {
	text-decoration: underline !important;
}

/* End Portfolio-Level Navigation */

/******
 *
 * Tools (Print, Download, etc.)
 *
 *****/
#tools.ns-content-utility li {
	padding-top: 0;
}
#tools.ns-content-utility li:last-child {
	padding-right: 0;
}

/******
 *
 * Table elements
 *
 *****/
table.row-separators tbody.thead:not(:first-of-type) th[scope="col"] {
	padding-top: 20px;
}

table.row-separators tfoot th {
	border-top: 3px solid #E5E5E5;
	padding-top: 15px;
}

table.row-separators th.col-larger{
	border-color: #E5E5E5;
	border-style: solid;
	border-width: 1px 0 3px;
	padding: 1em 13px;
}

.negative,
.negative a {
	white-space: nowrap;
	color: red;
}

.sort a,
.sorting span,
.sorting_asc span,
.sorting_desc span {
	padding-right: 17px;
	background: url(../img/accounts/icon-unsorted.png) no-repeat 100% 75%;
	color: #1D5799;
	cursor: pointer;
}

.dt-responsive .sorting span,
.dt-responsive .sorting_asc span,
.dt-responsive .sorting_desc span {
	display: table-cell;
}

.dt-responsive .sorting span.heading,
.dt-responsive .sorting_asc span.heading,
.dt-responsive .sorting_desc span.heading {
	padding-right: 0;
	background: none;
}

.disabled thead .sort a {
	background-image: none;
	cursor: default;
}

.asc a,
.sorting_asc span {
	background-image: url(../img/accounts/icon-sorted-up.png);
}

.desc a,
.sorting_desc span {
	background-image: url(../img/accounts/icon-sorted-down.png);
}

.sorting span:hover,
.sorting_asc span:hover,
.sorting_desc span:hover,
.sorting:hover,
.sorting_asc:hover,
.sorting_desc:hover {
	text-decoration: underline;
}

/*****
* CG Popover
*****/
.cg-popover {
	width: 400px;
	text-align: left;
}

.cg-popover .close-cg-popover {
	font-family: AvenirNextLTCom-Demi, Arial, Helvetica, sans-serif !important;
}

/******
 *
 * Tooltip section
 *
 *****/
.ttip {
	/*position: absolute;*/
	width: 350px;
	height: 100px;
	color: #fff;
	padding: 20px;
	box-shadow: 0 1px 2px #303030;
	border-radius: 8px 8px 8px 8px;
	background-image:-moz-linear-gradient(top, #F45000, #FF8000);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F45000), to(#FF8000));
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F45000', endColorstr='#FF8000', GradientType=0);*/
	background-color:#000;
	display: none;
}
.tooltip {
	display: none;
	position: absolute;
	border: 1px solid #bfbfbf;
	margin: 10px;
	font-size: 14px;
	z-index: 2;
	opacity: unset;
}
.tooltip .container-fluid {
	padding: 0 6px;
}
.tooltip h4 {
	background: #e9e9e9;
	background: -moz-linear-gradient(left, #e9e9e9, #f7f7f7);
	background: -webkit-linear-gradient(left, #e9e9e9, #f7f7f7);
	background: -o-linear-gradient(left, #e9e9e9, #f7f7f7);
	background: -ms-linear-gradient(left, #e9e9e9, #f7f7f7);
	background: linear-gradient(to right, #e9e9e9, #f7f7f7);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#e9e9e9', endColorstr='#f7f7f7');
	color: #333;
	margin: 0 -6px 6px;
	padding: 6px;
}
.tooltip h4 .close {
	opacity: unset;
}
.tooltip p {
	color: #666;
}

div.arrow-up {
	width: 0;
	height: 0;
	border-left: 15px solid transparent;  /* left arrow slant */
	border-right: 15px solid transparent; /* right arrow slant */
	border-bottom: 15px solid #F4F4F4; /* bottom, add background color here */
	font-size: 0;
	left: 118px;
	line-height: 0;
	position: absolute;
	top: -15px;
}

/* Tabs */
.account-services .tabs {
	border: 0 none;
	border-radius: 0;
	font-size: 14px;
	margin-left: 1.5em;
}

.tab-link > a, .nav-tabs > li > a, .ns-accordian-trigger > a{
	padding: 9px 11px;
}

.tab-content-wrapper {
	clear: both;
	padding: 30px 0 0;
	margin-bottom: 30px;
}

.tab-content-wrapper.boxed {
	padding: 13px;
	border: 1px solid #CCC;
}
/******
 *
 * Loading, Errors
 *
 *****/
.loading {
	background: transparent url(../img/accounts/icon-loader.gif) no-repeat center 0;
	text-align:center;
	padding-top: 40px;
}

/* Messages/Boxes inside padded table cells; remove padding using negative margin */
table.row-separators td .loading,
table.row-separators td .box-error,
table.row-separators td .box-message {
	margin: 0 -13px;
}

/* Messages/Boxes inside condensed tables; reset to standard font */
table.condensed .loading p,
table.condensed .box-error p,
table.condensed .box-message p {
	font-family: AvenirNextLTCom-Regular, Arial, Helvetica, sans-serif;
}

/******
 *
 * account navigation
 *
 *****/
.account-menu ul {
	display: inline-block;
	width: 100%;
}

.account-menu li {
	margin-right: 1px;
	float: left;
	background-color: #762157;
	color: #FFF;
}

.account-menu li.buy,
.account-menu li.sell {
	min-width: 10%;
}

.account-menu li.exchange {
	min-width: 12%;
}

.account-menu li.rebalance {
	min-width: 16%;
}

.account-menu li.menu-manage-plans {
	min-width: 18%;
}

.account-section .account-menu li.spacer {
	min-width: 33.35%;
	padding: 8px 0;
}

.account-menu li.auto-transactions {
	min-width: 25%;
}

.account-section .account-menu li.auto-spacer {
	min-width: 26.35%;
	padding: 8px 0;
}

.account-menu li a,
.account-menu li div[role~="link"] {
	padding: 8px 0;
}

.account-menu li a:not(.inactive):hover,
.account-menu li div[role~="link"]:not(.inactive):hover {
	background-color: #B42573;
}

.account-menu a[href],
.account-menu div[role~="link"] {
	color: #FFF;
}

.account-menu ul li.dropdown {
	z-index: 1;
}

.account-menu ul li.dropdown ul {
	border: 1px solid #999DA2;
	border-top: 0;
	display: none;
	/*left: 740px;*/
	position: absolute;
	/*top: 34px;*/
	min-width: 170px;
	width: 100px;
	margin-left: 0px;
}

.account-menu ul li.dropdown ul li {
	display: block;
	margin: 0;
	width: 100%;
	background-color: #FFF;
	color: #333;
}

.account-menu ul li.dropdown ul li:last-child {
	padding: 0;
}

.account-menu ul li.dropdown li span {
	padding: 10px 0 0 10px;
}

.account-menu ul li.dropdown ul li a[href] {
	color: #1D5799;
	display: block;
	padding: 2px 5px 2px 10px;
}

.account-menu ul li.dropdown ul li a:hover {
	background: #F2F2F2;
}

.account-menu ul.more {
	display: none;
	width: 100%;
	margin-bottom: 4px;
}

.account-menu ul.more li {
	display: block;
	float: none;
	width: 100%;
	border-bottom: 1px solid #FFF;
	margin: 0;
	background-color: #CCEBF9;
	color: #000;
}

.account-menu ul.more li a {
	display: block;
}

.account-menu ul.more li a:not(.inactive):hover,
.account-menu ul.more li div[role~="link"]:not(.inactive):hover {
	color: #FFF;
	background-color: #A4A4A4;
}

.account-menu ul.more li a[href],
.account-menu ul.more li div[role~="link"] {
	color: #333;
}

/*** hover tip ***/
/* Infotip */
.js dl.infotip,
.js dl.infotip dt {
	margin-bottom: 0;
}

.js .infotip-trigger {
	display: inline-block;
	border-bottom: 1px dashed #1B8BFE;
}

.js .capital-blue.alt .infotip-trigger {
	border-color: #FFF;
}

.js .disabled .infotip-trigger,
.js .infotip-trigger.disabled {
	border-bottom-color: #999;
}

.js a.infotip-trigger {
	color: inherit !important;
	cursor: inherit !important;
}

.js dl.infotip dd,
.js .infotip-info {
	display: none !important;
}

div.infotip-layer {
	display: none;
	position: absolute;
	top: 0; /* top & left need to be set to get around bug in Webkit's implementation of getComputedStyle */
	left: 0;
	z-index: 1050;
	width: 20em;
	padding: .5em;
	border: 1px solid #009ADF;
	background-color: #FFF;
	font-weight: normal;
}


/**********
 * account dropdown selection
 * ***********/
.account-dropdown {
	display: inline-block;
	position: relative;
	z-index: 4;
	min-width: 665px;
	min-height: 64px;
	border: 1px solid #009ADF;
	margin: 0 0 2em;
}

.account-dropdown ul {
	margin: 0;
}

.account-dropdown li {
	overflow: auto;
	padding: .5em 1em;
}

.account-dropdown li div {
	display: inline-block;
	width: 65%;
	vertical-align: top;
}

.account-dropdown li div.account-module-value {
	float: right;
	width: 25%;
	margin-right: 14px;
	text-align: right;
}

#dropdown-account-selection li {
	display: none;
	margin: 0;
	cursor: pointer;
}

#dropdown-account-selection li.selected {
	display: block;
	background: transparent url(../img/accounts/icon-account-dropdown.png) no-repeat right 10px center;
}

#dropdown-account-selection li:hover,
#dropdown-account-selection.dropdowned li.selected:hover {
	background-color: #ECF7FD;
}

#dropdown-account-selection.opened ul {
	position: absolute;
	left: -1px;
	width: 100.5%;
	border: 1px solid #009ADF;
	border-top: 0 none;
	background: #FFF;
}

.ns-body-wide.fullwidth .vcsp-logo {
	background-image: url("../img/accounts/vcsp-logo.gif");
	background-position: right 16px;
	background-repeat: no-repeat;
}

/* Iframe */
#login-iframe {
	height: 400px;
}

.options input[type="radio"], .options input[type="checkbox"] {
	float: left;
	height: 18px;
	margin: 0 10px;
}


/* --- Steps --- */
/* shared */

/* Step indicator (only display current step) */
#steps > li:before {
	display: inline-block;
	position: static;
	width: 1em;
	height: 1em;
	padding: 3px;
	margin-right: 8px;
	margin-left: 0;
	border-radius: 1em;
	color: #FFF;
	background-color: #333;
	line-height: 1em;
	text-align: center;
}

#step-indicator {
	position: relative;
	margin: 0 0 1em 6em;
}

#step-indicator span {
	position: absolute;
	width: 6em;
	margin-left: -6em;
}

/* Step indicators (show all steps with current highlighted) */
#steps {
	overflow: hidden;
	padding-bottom: 13px;
	margin: 0 0 30px;
	font-family: AvenirNextLTCom-Demi, Arial, Helvetica, sans-serif;
}

#steps > li {
	display: block;
	float: left;
}

#steps > li.active {
	color: #333;
}

#steps > li:before {
	background-color: #66C2EC;
}

#steps > li.active:before {
	background-color: #66C2EC;
}
/* Step indicators (end) */
/* --- Steps (end) --- */

/****
 * **
 * Transaction page -- filter section
 * **
 * **/
 .account-activity .account-menu {
	margin: 0;
}
#account-activity #ui-datepicker-div {
	z-index: 4 !important;
}
.transaction-filter-form optgroup option {
	margin-left: 1.5em;
}

#transaction-filter-container fieldset {
	display: inline-block;
}

#transaction-filter-container > div {
	width: 97%;
	padding: 10px 0 20px;
	margin: 0 10px;
}

#transaction-filter-container > div:first-child {
	border-bottom: 1px solid #DCDCDC;
}

#transaction-filter-container select[disabled] {
	color: #ACA899;
	background-color: #EBEBE4;
}

fieldset#date-range {
	padding-right: 30px;
}

fieldset#date-range select,
fieldset#date-filter select {
	width: 200px;
}

fieldset#custom-date-range label {
	margin-right: 0.5em;
}

fieldset#custom-date-range label:first-child {
	margin-left: 20px;
}

fieldset#custom-date-range input {
	width: 95px;
	padding: 3px 9px 4px;
}

fieldset#custom-date-range img {
	position: relative;
	left: -20px;
}

#custom-date-range #date-range-error {
	display: none;
	margin-bottom: 0;
	color: red;
}

fieldset#fund-name {
	padding-right: 30px;
	float: left;
	display: block;
}

fieldset#fund-name select {
	min-width: 400px;
}

fieldset#transaction-amount {
	margin-left: 30px;
}

fieldset#transaction-amount label {
	margin-right: 0.5em;
}

fieldset#transaction-amount input {
	padding: 3px;
	width: 80px;
	margin-right:1em;
}

fieldset#submit {
	margin-left: 30px;
}

fieldset#transaction-filters {
	padding: 6px 0 8px;
	margin-bottom: 6px;
}

fieldset#transaction-filters span {
	float: left;
	padding: 6px 25px 0 10px;
	margin: 0;
}

fieldset#transaction-filters label {
	float: left;
	padding-top: 6px;
	margin-right: 46px;
}

fieldset#transaction-filters label:last-child {
	margin-right: 0;
}

fieldset#transaction-filters input {
	margin-right: 5px;
}

#account-activity #account-transactions {
	display: none;
}

/****
 * **
 * Value History Chart
 * **
 * **/

#value-history-panel #chart {
	width: 100%;
	height: 305px;
}

/**********
Section portfolio
**********/
/******
 *
 * portfolio summary
 *
 *****/
#account-summary .ns-promo {
	padding: 13px;
}

#account-summary .promo-links li {
	display: inline-block;
	*display: inline;
	margin-right: .2em;
	vertical-align: middle;
	*zoom: 1;
}

#account-summary .promo-links span {
	margin-right: .2em;
}

.account-total-value {
	display: inline-block;
	margin-top:10px;
}
.account-total-value strong {
	display: block;
	margin: 0;
}

.accounts-header table {
	border-bottom: 3px solid #666;
}


#account-summary .collegeamerica-account-banner {
	width: 73%;
}

.account-module {
	margin-bottom: 1em;
	vertical-align: top;
}
.account-module:first-child {
	margin-top: 0;
}

#account-summary .account-module-header .expand {
	display: none;
	width: 16px;
	vertical-align: middle;
}

#account-summary .expand .add .icon {
	background-position: -192px -112px;
}

#account-summary .expand .subtract .icon {
	background-position: -208px -112px;
}

#account-summary .account-module-header .registration {
	height: 1px;
}

.account-module .account-menu {
	margin: 0;
}

.global-account-names,
.global-top-account-values {
	display: inline-block;
	vertical-align: top;
}
.global-account-names {
	min-height: 3em;
	padding: 0 0 1em;
	width: 480px;
}
.global-top-account-values {
	padding: 0 0 1em;
	width: 230px;
}
.global-top-account-values strong {
	display: block;
}
.view-all-transactions {
	margin: .5em 0 0;
}

.global-account-value {
	border-color: #E5E5E5;
	padding: 25px 0;
}
.global-account-value strong{
	display: block;
}

/******
 *
 * Statements and tax forms
 *
 *****/
#statements-and-tax-forms {
	position: relative;
}
#statements-tax-forms{
	margin: 0 -5px 40px 0;
	width: 100%;
}
#statements-and-tax-forms .ns-promo {
	padding: 13px;
	min-height: 115px;
 }
#statements-tax-forms .year-selection{
	position: relative;
	z-index: 2;
}
#statements-tax-forms .year-selection ul{
	margin: 0;
}
#statements-tax-forms .year-selection ul li{
	height:14px;
	list-style: none;
	padding: 10px 0 13px;
	text-align: center;
	width: 108px;
}
#statements-tax-forms .year-selection ul li.selected{
	background: transparent url(../img/accounts/bg-statements-taxforms.png) no-repeat 0 0;
	padding-right: 20px;
}
#statements-tax-forms .year-selection .selected a{
	color: #fff;
}
#statements-tax-forms-section {
	min-height: 250px;
	padding: 13px 0;
}
#statements-tax-forms-section ul{
	margin-left: 15px;
}

#statements-and-tax-forms #year-option li a {
	color: #fff !important;
}

#statements-and-tax-forms .section-margin-left {
	margin-left: -20px;
}

#statements-tax-forms .statements-section,
#statements-tax-forms .tax-forms-section {
	margin-left: 45px;
	padding-right: 10px;
	width: 256px;
	padding-right: 10px;
}

.statements-section,
.tax-forms-section {
	margin: 0 !important;
	padding-left: 40px;
}
#statements-tax-forms-section .statementListing,
#statements-tax-forms-section .taxformsListing{
	display: none;
	margin: 0;
}

#statements-and-tax-forms #reaching-outcomes {
	width: auto;
	background-color: #EAEAEA;
}

#statements-and-tax-forms #reaching-outcomes img {
	padding-left: 25px;
}

.statementListing li,
.taxformsListing li{
	list-style: none;
}
.statementListing li.date, .taxformsListing > li {
	border-bottom: 1px dotted #b7b7b7;
	border-top: 1px dotted #b7b7b7;
	margin: 2em 0 1em;
	padding: 1em 0;
}
.statementListing li.download{
	border-bottom: 1px dotted #b7b7b7;
	margin: 0 0 15px;
	padding: 0 0 10px;
}
#statements-tax-forms-section .statementListing li ul,
#statements-tax-forms-section .taxformsListing li ul{
	margin-left: 30px;
}
.statementListing li li,
.taxformsListing li li{
	list-style: disc;
}
.taxformsListing li li{
	margin: 0 0 4px;
}
.no-statements,
.no-taxforms{
	border-bottom: 1px dotted #b7b7b7;
	border-top: 1px dotted #b7b7b7;
	margin: 30px 0 15px;
	padding: 10px 5px;
}
#taxform-link {
	cursor: pointer;
	color: #009ADF;
	font-family: AvenirNextLTCom-Demi, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

/******
 *
 * Overlay
 *
 *****/
#roa-overlay,
#soi-overlay,
#taxform-overlay{
	display: none;
}

.roa-no-close .ui-dialog-titlebar-close,
.roa-no-title .ui-dialog-titlebar,
.roa-ui .ui-widget-header,
.soi-ui .ui-widget-header {
	display: none;
}

#roa-title #roa-dialog-close,
#soi-title #soi-dialog-close,
#roa-title #roa-error-close,
#soi-title #soi-error-close,
#roa-title #roa-dialog-close-deferred,
#soi-title #soi-dialog-close-deferred {
	margin-top: -25px;
}

#soi-overlay #soi-panel,#roa-overlay #roa-panel {
	font: 14px/18px AvenirNextLTCom-Regular, Arial, Helvetica, sans-serif !important;
}
/******
 *
 * account settings
 *
 *****/
#profiles-settings   {
	margin: 0 0 10em;
}
/**************************
* Account Services
**************************/

form#account-selection {
	padding: 4px 4px 6px;
	background: #999999; /* Old browsers */
	background: -moz-linear-gradient(top,  #999999 0%, #666666 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#666666)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #999999 0%,#666666 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #999999 0%,#666666 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #999999 0%,#666666 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #999999 0%,#666666 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#666666',GradientType=0 ); /* IE6-9 */
}

form#account-selection strong {
	margin-right: 1em;
	color: #FFF;
}

#account-services .ui-dialog button.ui-button-icon-only {
	padding: 0;
	text-indent: -5em;
}

#account-services #services {
	overflow: visible;
	height: 1%;
}
.option-wrapper li {
	overflow: hidden;
}
.option-wrapper li a.inactive {
	display: inline-block;
	margin-bottom: 9px;
}
.option-wrapper dt {
	font: 14px/18px AvenirNextLTCom-Regular, Arial, Helvetica, sans-serif;
}
dt.truncate-short,
li.truncate-short {
	width: 75%;
}

dt.truncate-long,
li.truncate-long {
	width: 95%;
}

dt.truncate-short, dt.truncate-short div, dt.truncate-long, dt.truncate-long div, li.truncate-short, li.truncate-short div, li.truncate-long, li.truncate-long div {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#rebalance dd span {
	float: left;
	margin-left: 2em;
}
#rebalance #multi-shares {
	float: none;
}

/******** beneficiaries section ********/
#beneficiaries-spinner {
	padding-top: 8px;
	padding-bottom: 32px;
}
#beneficiaries-summary .tools-options #help{
	display: block;
	margin: 0 0 5px;
}
#beneficiaries-summary .tools-options div{
	padding: 0.5em 0 3em;
	width: 100%;
}
#beneficiaries-summary .tools-options div a{
	color: #009ADF;
	cursor: pointer;
	font-family: AvenirNextLTCom-Demi, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#beneficiaries-summary th,
#beneficiaries-summary td{
	width: 135px;
}
#beneficiaries-summary .expand {
	vertical-align: middle;
	width: 20px;
}
#beneficiaries-summary .expand a{
	cursor: pointer;
}
#beneficiaries-summary .add .icon {
	background-position: -192px -112px;
}
#beneficiaries-summary .subtract .icon {
	background-position: -208px -112px;
}
#beneficiaries-summary .name {
	width: 365px;
}
#beneficiaries-summary td > strong,
div.bene-detail-section.expanded {
	display:block;
}
#beneficiaries-summary .tooltip-options{
	width: 245px;
}
#beneficiaries-summary .value {
	width: 180px;
}
.bene-detail-section {
	border: 1px solid #E5E5E5;
	display:none;
}
.bene-detail-section div.beneficiary-info{
	border-right: 1px solid #E5E5E5;
	min-height: 220px;
	padding-left: 1em;
	overflow-wrap: break-word;
}
.bene-detail-section div ul {
	padding: 0 0 18px;
}
#beneficiaries-summary .download-section {
	display: inline;
	margin-left: 1em;
	position: relative;
	top: -40px;
}

/*
 *
  Returns
 *
 */

#results-breakdown{
	margin: 1em 0 0;
}
table.row-separators td.capital-blue20,
table.row-separators th.capital-blue20 {
	border-color: #fff;
}
.personal-rate-return-container strong{
	border-top: 1px solid;
	display: block;
	margin: 0;
	padding: 15px 0 0;
}
#rate-returns-hedge{
	margin: 6em -1em -1em;
	padding: 2em 1em 1em;
}
#rate-returns-hedge h3{
	border:none;
}

/****
Allocations
****/
.analysis-breakdown {
	width: 100%;
}
.col-2,
.col-3 {
	display: inline-block;
	width: 100%;
}
.col-2 > div,
.col-3 > div {
	float: left;
}
.col-2 > div + div:last-child,
.col-3 > div + div:last-child {
	float: right;
}
.col-2 > div {
	margin-right: 15px;
	padding-left: 3px;
	width: 48%;
}

#returns-analysis #breakdown #chart-objectives {
	width: 230px;
	height: 230px;
}

#returns-analysis #chart-asset-mix,
#returns-analysis #chart-bond-quality,
#returns-analysis #chart-market-cap {
	width: 185px;
	height: 185px;
}

#composition .wrapper{
	margin: 0 0 2em;
}

#composition .col-2 div:first-child .wrapper{
	margin: 0 0 4.5em;
}

#composition .highlight-box {
	margin: 1em 1em 1em 0;
	padding: 1em;
}

.chart table.row-separators tbody tr:first-child td,
.chart table.row-separators tbody tr:first-child th{
	border-top:0;
}

table#fund-allocation-table tbody:not([class~="thead"]) tr:last-child td,
table#fund-allocation-table tbody:not([class~="thead"]) tr:last-child th {
	border-bottom-color: #E5E5E5;
}

#fund-allocation-table tr.highlight td.highlightable,
.underlying-funds-table tr.highlight td.highlightable,
#fund-allocation-table tr.subtotal th.highlightable {
	color: #FF6633;
}
#fund-allocation-table .fund-allocation-total th {
	border-style: dashed;
	border-width: 1px 0 0;
}
.underlying-funds th.highlightable,
.underlying-funds td.highlightable {
	visibility: hidden;
}
.underlying-funds .highlight th.highlightable,
.underlying-funds .highlight td.highlightable {
	visibility: visible;
}

#returns-analysis #breakdown .funds table img {
	margin-right: .3em;
}
.highlight td,
.highlight th {
	background-color: #f3f3f3 !important;
	cursor: pointer;
}

.btn-fund-selection-next {
	margin-left: 1em;
}

/* DST Transactions */
.section-header {
	padding: 6px 13px;
	color: #333;
	background-color: #F2F2F2;
}

/******
Responsive
*******/

.visible-sm-breakpoint,
.visible-up-to-tablet {
	display: none !important;
}

/******
DataTables
*******/

.transaction-table .amount {
	text-align: right;
}

.transaction-table thead th.amount span {
	display: table-cell;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th.dtr-control:before,
table.dataTable.dtr-column > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-column > tbody > tr > th.dtr-control:before,
table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
	top: 16px;
	border: 0 none;
	color: inherit;
	box-shadow: none;
	background: transparent url(/etc.clientlibs/capital-group/clientlibs/clientlib-site/resources/images/sprites/icons@1x.png) -96px -48px no-repeat;
	content: "";
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before,
table.dataTable.dtr-column > tbody > tr.parent td.dtr-control:before,
table.dataTable.dtr-column > tbody > tr.parent th.dtr-control:before,
table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
	background: transparent url(/etc.clientlibs/capital-group/clientlibs/clientlib-site/resources/images/sprites/icons@1x.png) -64px -48px no-repeat;
	content: "";
}

table.dataTable > tbody > tr.child {
	background-color: #F2F2F2;
}

table.dataTable > tbody > tr.child:hover {
	background: #F2F2F2 !important;
}

table.dataTable > tbody > tr.child ul.dtr-details {
	width: 100%;
}

table.dataTable > tbody > tr.child ul.dtr-details > li {
	border-bottom: 1px solid #999;
	padding: 6px 0;
	margin: 0;
	white-space: normal;
}

table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
	padding-bottom: 0;
}

table.dataTable > tbody > tr.child span.dtr-title {
	min-width: 0;
}

#account-activity table.dataTable > tbody > tr.child span.dtr-title {
	display: table-cell;
	padding-right: 6px;
}

#account-activity table.dataTable > tbody > tr.child span.dtr-data {
	display: table-cell;
}

/******
AngularJS
*******/
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
	display: none !important;
}

#history img {
       width: 100%;
}

#custom-port-msg {
	border: 1px solid #fecc99;
	background-color: #fff4ce;
	padding: 13px;
	margin: 0 0 15px 0;
	font-family: AvenirNextLTCom-Demi, Arial, Helvetica, sans-serif;
}

.drawer-wrapper .drawer-content {
	display: none;
	padding: 5px 0;
}

.drawer-wrapper .navigation {
	color: #1d5799;
	font-family: AvenirNextLTCom-Demi, Arial, Helvetica, sans-serif;
}

.drawer-content p {
	margin: 0 0 2px;
}

#module-options {
	clear: both;
}

#new-view .btn {
	padding: 13px;
	background: #fff;
	color: #1d5799 !important;
	border: 1px solid #fff;
}

#portfolio-nav li.manage-views a span.icon:hover,
#portfolio-nav li.manage-views a:hover span.icon {
	background-position: -32px -32px !important;
}

#new-view .custom-add-icon {
	background-image: url(/individual/img/plus-icon.png);
	background-repeat: no-repeat;
	background-size: 16px 16px;
}

.anchor-disable {
	pointer-events: none;
	cursor: default;
	color: #ACA899 !important;
}

.underline-link {
	color: blue;
	text-decoration: underline;
	font-weight: bold;
}