a {
	color: #002677;
	font-weight: normal;
	text-decoration: none;
}
a:hover{
	color: #3369ff;
}
a.linkWithoutUnderline:link {
    color: #3369ff;
    font-size: 120%;
    font-weight: bold;
    text-decoration: none;
}

a.linkWithoutUnderline:visited {
    color: #3369ff;
    font-size: 120%;
    font-weight: bold;
    text-decoration: none;
}

a.linkWithoutUnderline:hover {
    color: #3369ff;
    font-size: 120%;
    font-weight: bold;
    text-decoration: none;
}

a.linkWithoutUnderline:active {
    color: #3369ff;
    font-size: 120%;
    font-weight: bold;
    text-decoration: none;
}
button1.a:hover,
button2.a:hover,
button3.a:hover,
button4.a:hover,
button5.a:hover,
button6.a:hover{
	text-decoration:none;
}
#noScore{
	color: #3369ff;
}
#noScore:visited{
	color: #7299c6;
}
#noScore:focus,
#noScore:hover{
	text-decoration:underline;
}
.inline-link{
	color: #3369ff;
	font-size: 120%;
	text-decoration:underline;
}
.inline-link:hover{
	color: #3369ff;
}

 {
    font-size: 120%;
}

a.link1:link {
    color: #3369ff;
    font-size: 200%;
    text-decoration: underline;
}

a.link1:visited {
    color: #002677;
    font-size: 200%;
    text-decoration: none;
}

a.link1:hover {
    color: #002677;
    font-size: 200%;
    text-decoration: underline;
}

a.link1:active {
    color: #3369ff;
    font-size: 200%;
    text-decoration: none;
}

a.link2:link {
    color: #3369ff;
    font-size: 200%;
    font-weight: bold;
    text-decoration: underline;
}

a.link2:visited {
    color: #002677;
    font-size: 200%;
    font-weight: bold;
    text-decoration: none;
}

a.link2:hover {
    color: #002677;
    font-size: 200%;
    font-weight: bold;
    text-decoration: underline;
}

a.link2:active {
    color: #3369ff;
    font-size: 200%;
    font-weight: bold;
    text-decoration: none;
}

a.link3:link {
    color: #3369ff;
    font-size: 160%;
    text-decoration: underline;
}

a.link3:visited {
    color: #002677;
    font-size: 160%;
    text-decoration: none;
}

a.link3:hover {
    color: #002677;
    font-size: 160%;
    text-decoration: underline;
}

a.link3:active {
    color: #3369ff;
    font-size: 160%;
    text-decoration: none;
}

a.link4:link {
    color: #3369ff;
    font-size: 160%;
    font-weight: bold;
    text-decoration: underline;
}

a.link4:visited {
    color: #002677;
    font-size: 160%;
    font-weight: bold;
    text-decoration: none;
}

a.link4:hover {
    color: #3369ff;
    font-size: 160%;
    font-weight: bold;
    text-decoration: underline;
}

a.link4:active {
    color: #3369ff;
    font-size: 160%;
    font-weight: bold;
    text-decoration: none;
}

a.link5:link {
    color: #002677;
    font-size: 120%;
    text-decoration: underline;
}

a.link5:visited {
    color: #002677;
    font-size: 120%;
    text-decoration: none;
}

a.link5:hover {
    color: #002677;
    font-size: 120%;
    text-decoration: underline;
}

a.link5:active {
    color: #3369ff;
    font-size: 120%;
    text-decoration: none;
}

a.link6:link {
    color: #3369ff;
    font-size: 100%;
    font-weight: bold;
    text-decoration: underline;
}

a.link6:visited {
    color: #002677;
    font-weight: bold;
}

a.link6:hover {
    color: #002677;

}

a.link6:active {
    color: #3369ff;
    font-size: 100%;
    font-weight: normal;
    text-decoration: none;
}

a.link7:link {
    color: #3369ff;
    font-size: 100%;
    font-weight: lighter;
    text-decoration: none;
}

a.link7:visited {
    color: #3369ff;
    font-size: 100%;
    font-weight: lighter;
    text-decoration: none;
}

a.link7:hover {
    color: #3369ff;
    font-size: 100%;
    font-weight: lighter;
    text-decoration: underline;
}

a.link7:active {
    color: #3369ff;
    font-size: 100%;
    font-weight: lighter;
    text-decoration: none;
}

a.link8:link {
    color: #3369ff;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
}

a.link8:visited {
    color: #3369ff;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
}

a.link8:hover {
    color: #3369ff !important;
    font-size: 100%;
    font-weight: bold;
    text-decoration: underline;
}

a.link8:active {
    color: #3369ff;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
}

a.link9:link {
    color: #3369ff;
    font-size: 110%;
    text-decoration: none;
}

a.link9:visited {
    color: #3369ff;
    font-size: 110%;
    text-decoration: none;
}

a.link9:hover {
    color: #3369ff;
    font-size: 110%;
    text-decoration: underline;
}

a.link9:active {
    color: #3369ff;
    font-size: 110%;
    text-decoration: none;
}

a.link10:link {
    color: #002677;
    font-size: 140%;
    text-decoration: none;
    font-weight: bold;
}

a.link10:visited {
    color: #002677;
    font-size: 140%;
    text-decoration: none;
    font-weight: bold;
}

a.link10:hover {
    color: #3369ff;
    font-size: 140%;
    text-decoration: none;
    font-weight: bold;
}

a.link10:active {
    color: #002677;
    font-size: 140%;
    text-decoration: none;
    font-weight: bold;
}

a.link1{
    font-size: 200%;
}
a.link2{
    font-size: 200%;
	font-weight: 600;
}

a.link3{
    font-size: 160%;
}
a.link4{
	font-size: 160%;
	font-weight: 600;
}
a.link5{
	font-size: 120%;
}
a.link6{
	font-size: 120%;
	font-weight: 600;
}
a.link8{
	/* font-size: 110%; */
	font-weight: 600;
} 
a.link9{
	font-size: 110%;
}
a.link10{
	font-size: 110%;
} 

a.link7{
    font-size: 110%;
}
a.tableOrder{
    font-size: 110%;
}
a.tableOrder:link {
    color: #3369ff;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
}

a.tableOrder:visited {
    color: #3369ff;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
}

a.tableOrder:hover {
    color: #3369ff;
    font-size: 100%;
    font-weight: bold;
    text-decoration: underline;
}

a.tableOrder:active {
    color: #3369ff;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
}


.printTableLinkIcon {
	padding-left: 25px !important;
	/* font-size: 130% !important; */
	font-size: 14px !important;
	padding-top: -1px;
	font-weight:bold;
}

/* black title end */
/* document text css start */
.title1,.title2,.title3,.title4,.title13,.title14,.title16{
    color:#000;
}
.title5,.title6,.title7,.title8,.title9,.title10,.title11,.title12{
    color:#000;
}

.title1 {
    font-size: 200%
}

.title2 {
    color: #FFFFFF;
    font-size: 200%;
    font-weight: bold;
}

.title2.planListTitle{
	line-height: 1.8;
	color: #000;
}
.title3 {
    /* font-size: 180% */;
	font-size: 200%;
}

.title4 {
    /* font-size: 180%; */
    font-size: 200%;
    font-weight: 600;
}

.title5 {
    font-size: 120%;
}

.title6 {
    font-size: 120%;
    font-weight: 600;
}

#bdHeader .title5, #bdHeader .title6 { color: #f5f5f5; }

.title7 {
    /* font-size: 100%; */
	font-size: 120%;
}

.title8 {
    /* font-size: 100%; */
	font-size: 120%;
    font-weight: 600;
}

.title9 {
    font-size: 100%;
}

.title10 {
    /* font-size: 140%; */
    font-size: 150%;
    font-weight: 600;
}

.title11 {
   /*  font-size: 110%; */
    font-size: 120%;
    font-weight: 600;
}

.title12 {
    /* font-size: 140%; */
    font-size: 150%;
}

.assetsChartSectionPieChartListItem, .title12 {
	 font-size: 140% !important;
	 line-height: 1.4em !important;
}

.title13 {
    font-size: 160%;
}

.title14 {
    /* font-size: 160%; */
    font-size: 150%;
    font-weight: 600;
}

.assetsChartSectionPieChartListTitle, .title14 {
	font-size: 200% !important;
	font-weight: 400 !important;
}

.assetsChartSectionPieChartListTitle {
	margin-left: 0 !important;
}

.assetsChartSectionPieChartList {
	margin-left: 1.5em !important;
}

.title15 {
    color: #ffffff;
    font-size: 110%;
    font-weight: 600;
}
.title16 {
   /*  font-size: 170%; */
   font-size: 160%;
    font-weight: 600;
}



/* black title end */
/* document text css start */
.text1 {
    color:#555555;
    font-size: 120%;
}
.text2 {
    color: #555555;
    font-size: 120%;
    font-weight: bold;
}
.investArea text2
.text2.reportingTitle
.balanceArea li.text2 {
    color: #555555;
    font-size: 120%;
    font-weight: bold;
}

.sponsorLandingPageOnePlanContainer .text2,
.landingPageOnePlanContainer .text2 {
    color: #FFFFFF;
    font-size: 130%;
    font-weight: 400;
}

.balanceArea .text2 {
	font-size: 130%;
	font-weight: 400;
}

.text3 {
    color:#555555;
    /* font-size: 110%; */
    font-size: 120%;
}

#nav401 .text3 {
    color: #ffffff;
    text-align: left !important;
}

#sessionTimeoutWarning .text3 {
 	color: #000000;
}

.sponsorTopDateContainer .text3 {
	color: #555555;
}

.text4 {
    color:#555555;
    font-size: 120%;
    font-weight: 600;
}

.text5 {
    color: #3369ff;
    font-size: 100%;
}

.text6 {
    color: #ffffff;
    font-size: 100%;
    font-weight: 600;
}

.text7 {
    color:#555555;
    font-size: 125%;
}

.text8 {
    color:#555555;
    font-size: 120%;
    font-weight: 600;
}

.text9 {
    color:#555555;
    /* font-size: 110%; */
    font-size: 120%;
}

.text10 {
    color: #555555;
    font-size: 100%;
}

.text11 {
    color: #555555;
    font-size: 140%;
}

.text12 {
    color: #555555;
    font-size: 160%;
    font-weight: 600;
}
.actionTips{
    font-size: 138%;
    margin: 10px 0;
    color: #000000;
}
.actionTips strong {
	font-weight: bold;
}

.text13 {
    color: #f5f5f5;
    font-size: 100%;
}
.text14 {
	color: #555555;
	font-size: 130%;
}
.red-text{
	color: #d75553;
}

.assetsViewTitle {
    font-weight: 400;
    font-size: 14px;
    margin-top: 7px !important;
}

.process li.current{
	color:#348081;
}
.process li.current:hover{
	color:#32557c;
}
/* document text css end */

.pageTitle1 {
	color: #002677;
    font-size: 200%;
    font-weight: 600;
}
.pageTitle2 {
    font-size: 160%;
    font-weight: 300;
    font-size: 30px;
    top: 6px;
    position: relative;
    margin-right: auto;
    pointer-events: none;
    color: #3369ff;
}

.pageTitle3 {
    font-size: 140%;
    font-weight: 600;
    color: #000000;
}

.pageTitle5 {
    font-size: 120%;
    font-weight: 600;
    color: #002677;
}

.pageTitle4 {
    font-size: 200%;
    color: #002677;
}

.pageTitle6 {
    font-size: 240%;
    color: #002677;
}

.pageTitle7 {
    font-size: 160%;
    font-weight: 600;
    color: #378531;
}

.pageTitle8 {
    color: #3369ff;
    font-size: 140%;
    font-weight: 600;
}

.pageTitle9 {
    font-size: 160%;
    font-weight: 600;
    color: #6c757d;
}

/* the title color is rose end */
.split {
    padding: 0 0.4em 0 0.8em;
    font-size: 12px !important;
    color: #555555 !important;
    font-weight: 300;
}

.inputbox { border: 1px solid #f5f5f5; height: 16px; padding: 1px; font-size: 120%; color: #333;  }

.disableBox {background: #f5f5f5 !important;opacity: .6;}

/* button css start */

.disabledButton {
	overflow: visible;
	width: auto;
	border: 0;
	height: 26px;
	line-height: 26px;
	padding: 0 12px;
	font-size: 130%;
	font-weight: normal;
	font-family: roboto;
	display: block;
	text-align: center;
	background:none;
	background-color: #002677;
	border-radius: 5em;
	color: #ffffff;
	/*border: 1px solid #a2bdda;*/
	cursor:default;
}

input#compareInvestmentsButton {
	margin: 10px 4px;
}

input#compareInvestmentsButton:hover {
	background: #3369ff;
}

/* Sso Return (models button1 by default) */
.ssoReturnClass{
	overflow:visible;
	width:auto;
	border:0;
    color: #FFFFFF;
	height:26px;
	line-height:26px;
	padding:0 8px;
    font-size: 130%;	
    font-weight:normal;
    display: block;
	text-align:center;
	background:none;
    background-color: #004DB2;
	cursor:pointer;
	border-radiu: 5em;
}
.ssoReturnClass:hover,
.ssoReturnClass:focus{
	background-color: #002677;
}
/* Modis Return (models button1 by default) */
.modisReturnClass{
	overflow:visible;
	width:auto;
	border:0;
    color: #FFFFFF;
	height:26px;
	line-height:26px;
	padding:0 8px;
    font-size: 130%;	
    font-weight:normal;
    display: block;
	text-align:center;
	background:none; 
    background-color: #002677;
	cursor:pointer;
	border-radius: 5em;
}
.modisReturnClass:hover,
.modisReturnClass:focus{
	background-color: #002677;
}
/* purple button */
body .dropDownListTitleInactive.btModle a,
.x-container .x-btn-primary-medium span{
	 color: #fff;
}

body #filterSumbitButton,
body #transactionHistory #requestThisStatement,
.x-container .x-btn-primary-medium,
/* body .payrollListContainer .addNewPayrollHeader .addNewPayrollTitle, */
body #changeInvestmentShow,
body #changContributionTitle,
body #requestThisStatement,
body #changeInvestmentShow,
body #changContributionTitle,
body #transactionHistory #requestThisStatement{
	background:none;
	background-color: #002677;
	color: #fff;
	cursor:pointer;
	border-radius: 5em;
}
body #transactionHistory #requestThisStatement:hover,
body .dropDownListTitleInactive.btModle:hover a,
body .x-btn-primary-medium:hover,
/* body .payrollListContainer .addNewPayrollHeader .addNewPayrollTitle:hover, */
body #changeInvestmentShow:hover,
body #changContributionTitle:hover,
body #requestThisStatement:hover,
body #changeInvestmentShow:hover,
body #changContributionTitle:hover,
body #requestThisStatement:hover{
	background-color: #3369ff;
	border-color: #3369ff;
    text-decoration: none;
	color: #fff;
}
body #filterSumbitButton:active,
body #transactionHistory #requestThisStatement:active,
body .dropDownListTitleInactive.btModle:active a,
body .x-btn-primary-medium:active,
body .payrollListContainer .addNewPayrollHeader .addNewPayrollTitle:active,
body #changeInvestmentShow:active,
body #changContributionTitle:active,
body #requestThisStatement:active,
body #changeInvestmentShow:active,
body #changContributionTitle:active,
body #requestThisStatement:active{
	background-color: #002677;
	border-color: #a2bdda;
    text-decoration: none;
	color: #fff;
}
body #filterSumbitButton:active:hover,
body #transactionHistory #requestThisStatement:active:hover,
body .dropDownListTitleInactive.btModle:active:hover a,
body .x-btn-primary-medium:active:hover,
body .payrollListContainer .addNewPayrollHeader .addNewPayrollTitle:active:hover,
body #changeInvestmentShow:active:hover,
body #changContributionTitle:active:hover,
body #requestThisStatement:active:hover,
body #changeInvestmentShow:active:hover,
body #changContributionTitle:active:hover,
body #requestThisStatement:active:hover{
	background-color: #002677;
	border-color: #a2bdda;
    text-decoration: none;
	color: #fff;
}
.button1{
	overflow:visible;
	width:auto;
	border:0;
	height:26px;
	line-height:26px;
	padding:0 8px;
	font-size: 130%;
	font-weight:normal;
	display: block;
	text-align:center;
	background:none;
	color: #FFFFFF;
	background-color: #002677;
	border: 1px solid #002677;
	cursor:pointer;
	text-transform: capitalize;
	border-radius: 5em;
}
.button1:active{
	background-color: #002677;
    border: 1px solid #a2bdda;
	color: #fff;
}
.button1:hover{
	background-color: #3369ff;
	border-color: #3369ff;
	color: #fff;
}
.button1:active:hover{
	background-color: #002677;
    border: 1px solid #a2bdda;
	color: #fff;
}
/* gray button */

.button2 { 
	overflow:visible;
	width:auto;
	border:0;
	background:none;
	height:26px;
	line-height:26px;
	padding:0 8px;
	font-size:130%;
	font-weight:normal;
	display:block;
	text-align:center;
	color: #ffffff;
	border: 0;
	background-color: #6c757d;
	cursor:pointer;
	text-transform: capitalize;
	border-radius: 5em;
  }
.button2:active{
	background-color: #737373;
	border-color: #6c757d;
	color: #fff;
}
.button2:hover{
	background-color: #737373;
	border-color: #737373;
	color: #fff;
}
.button2:active:hover{
	background-color: #737373;
	border-color: #737373;
	color: #ffffff;
}
/* blue button */

.button3,
.newFeeRequestArea a,
#forfeitureAccountsViewHistoryButton
 {
	overflow:visible;
	width:auto;
	border:0;
	line-height:26px !important;
	padding: 4px 8px;
	font-size:130%;
	font-weight: 400;
	display:block;
	text-align:center;
	background:none;
	color: #FFFFFF;
	background-color: #002677;
	cursor:pointer;
	text-transform: capitalize;
	border-radius: 5em;
}

.uploadFileContainer:active label,
.button3:active{
	background-color: #002677;
	/*border: 1px solid #a2bdda;*/
	color: #fff;
}
.uploadFileContainer:hover label,
.button3:hover,
.newFeeRequestArea a:hover,
#forfeitureAccountsViewHistoryButton:hover {
	background-color: #3369ff;
	color: #fff;
}
.uploadFileContainer:active:hover label,
.button3:active:hover{
	background-color: #3369ff;
	color: #fff;
}

.button4 {
	overflow:visible;
	width:auto;
	border:0;
	line-height:26px;
	height:28px;
	padding: 0 10px;
    font-weight: 600;
    display: inline-block;
	text-align:center;
	font-size:130%;
	background:none; 
	color: #FFFFFF;
	background-color: #002677;
	border: 1px solid #002677;
	cursor:pointer;
	text-transform: capitalize;
	border-radius: 5em;
}
.button4:active{
	background-color: #002677;
    border: 1px solid #a2bdda;
	color: #fff;
}
.button4:hover{
	background-color: #3369ff;
	border-color: #3369ff;
	color: #fff;
}
.button4:active:hover{
	background-color: #002677;
	border-color: #a2bdda
	color: #fff;
}

.button5{
    padding:18px 40px 16px;
    width: 53px;
    margin: auto;
    font-size: 140%;
    overflow:visible;
    border:0;
    height:26px;
    line-height:26px;  
    font-weight:normal;
    display: block;
    text-align:center;
    cursor:pointer;
	text-transform: capitalize;
	background:none; 
	color: #FFFFFF;
	background-color: #002677;
	border: 1px solid #002677;
	border-radius: 5em;
}
.button5:active{
	background-color: #002677;
    border: 1px solid #a2bdda;
	color: #fff;
}
.button5:hover{
	background-color: #3369ff;
	border-color: #3369ff;
	color: #fff;
}
.button5:active:hover{
	background-color: #3369ff;
	color: #fff;
}
.button5DisabledButton{
	overflow: visible;
    border: 0;
    width: 53px;
    line-height: 26px;
    height: 26px;
    margin: auto;
    padding:18px 40px 16px;
    font-size: 140%;
    font-weight: normal;
    display: block;
    text-align: center;
	background:none; 
	background-color: #a2bdda;
    color: #f5f5f5;
    border: 1px solid #a2bdda;
    cursor:default;
	text-transform: capitalize;
}
/*Purple color and disable buttons for Streamline Enrollment Page*/
.button6{
    overflow: visible;
    width: 150px;
    line-height: 37px;
    height: 70px;
    padding: 18px 0px 16px;
    font-size: 140%;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    float: left;
    margin: auto;
    font-size: 140%;
    border:0;
    line-height:26px;  
    font-weight:normal;
    display: block;
    text-align:center;
	background:none; 
	color: #FFFFFF;
	background-color: #002677;
	border: 1px solid #002677;
    cursor:pointer;
	text-transform: capitalize;
	border-radius: 5em;
}
.button6:active{
	background-color: #002677;
    border: 1px solid #a2bdda;
	color: #fff;
}
.button6:hover{
	background-color: #3369ff;
	border: 1px solid #3369ff;
	color: #fff;
}
.button6:active:hover{
	background-color: #002677;
	border: 1px solid #a2bdda;
	color: #fff;
}
.button6DisabledButton {
    overflow: visible;
    border: 0;
    width: 150px;
    line-height: 37px;
    height: 70px;
    padding: 18px 0px 16px;
    font-size: 140%;
    font-weight: normal;
    text-align: center;
	background:none; 
	background-color: #a2bdda;
    color: #f5f5f5;
    border: 1px solid #a2bdda;
    cursor:default;
	text-transform: capitalize;
}

.buttonMarginRight {
	margin-right: 1em;
}

.buttonMarginLeft {
	margin-left: 1em;
}

.smartPlan{
	
}

.corner{
	width:60%;
	background:#f5f5f5;
	border:1px solid #7299c6;
	padding:0.5em 0 0.5em 0.2em;
}

/*button css end*/

.logoutArea {
    position: absolute;
    top: 0px;
    right: 0px;
	text-align: right;
	z-index: 1;
}

.logoutArea  li img {
	margin-right:0.4em;
	vertical-align:middle;		
}
.menuArea {
    line-height: 2em;
}

.downArrow {
    display:inline-block;
    font: 0 / 0;
    border: 4px solid;
    border-color: #d75553 #fff #fff #fff;
    float: left;
    margin: 8px 0 0 2px;
}

.upArrow {
    display:inline-block;
    font: 0 / 0;
    border: 4px solid;
    border-color: #fff #fff #d75553 #fff;
    float: left;
    margin: 8px 0 0 2px;
}

.leftArrow {
    display:inline-block;
    font: 0 / 0;
    border: 4px solid;
    border-color: #fff #fff #fff #d75553;
    float: left;
    margin: 8px 0 0 2px;
}

.rightArrow {
    display:inline-block;
    font: 0 / 0;
    border: 4px solid;
    border-color: #fff #d75553 #fff #fff;
    float: left;
    margin: 8px 0 0 2px;
}

.dataSheet {
    width: 100%;
    float: left;
    border-collapse: collapse;
}

.dataSheet th {
    color: #000;
    border-bottom: 2px solid #ddd;
    padding: 0.6em 0;
    vertical-align:bottom;
}

.dataSheet tbody td {
    padding: 0.6em 0;
    border-bottom: none;
	color:#000000;
}

.dataSheet img {
    vertical-align: middle;
}
#main-wrapper .dataSheet th{
	background:none;
	border-bottom: 2px solid #f5f5f5;
	vertical-align: bottom;
 	line-height: 1.2;  /* edited DB */
 	font-size: 13px;

}
/*
.dataSheet tbody tr:nth-of-type(even){
	background-color: #f5f5f5;
}*/
#reportsDataSheet tbody tr:nth-of-type(4n + 3){
	background-color: #f5f5f5;
}
#main-wrapper tbody .dataSheetSpiltLine{
	display:none;
}
tfoot {
	display: table-row-group;
}
/*
 * sub data sheet
 */
.subDataSheet {
    width: 100%;
    border-collapse: collapse;
    background: #f5f5f5;
    font-size: 120%;
}

.subDataSheet th {
    color: #333333;
    border-bottom: 1px solid #f5f5f5;
    vertical-align: bottom;
    font-weight: 600;
    background: none;
}

.subDataSheet tbody td {
    border-bottom: 1px solid #f5f5f5;
    color: #333333;
}
.overlay {
    width: 100%;
}

.menuArea li ul li {
    line-height: 1.8em;
}

.textLeft {
    text-align: left
}

.textCenter{
	text-align:center;
}

.textRight {
    text-align: right;
}
.floatLeft {
    float: left;
}
.floatRight {
    float: right;
}

.assetsChartSectionPieChartListItem .columnSpacer {
	width: 20px !important;
}

.listSquare{
	width:0;
	height:0;
	display:inline-block;
	float:left;
	vertical-align:middle;
	margin: 6px 9px 0 0;
	border: 3px solid #737373;
	font-size:0;
	line-height:0;
}
.listWithSquare li{
	position:relative;
	padding-left: 1em;
	word-wrap:break-word;
}
.listSquareEnhance{
	width:0;
	height:0;
	vertical-align:middle;
	border: 3px solid #737373;
	position: absolute;
	top: 6px;
	left:0;
	font-size:0;
	line-height:0;
}
.yui-overlay{
	position:absolute;
}

.overlayHead {
    height: 31px;
    background: #f5f5f5;
    text-align: right;
}
.overlayHead img{
	cursor:pointer;
}
.overlayContent{
	background:#ffffff;
}
.clear{
	clear:both;
}
.clearFix {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearLeft{
	clear:left;
}
.verticalMiddle{
	vertical-align:middle;
}
.verticalTop{
	vertical-align: top;
}
.hide{
	display:none;
}
.dataSheet tbody .negativeNumber {
    color: #d75553;
}

.negativeNumber, .warningMessage {
	color: #d75553;
}

/* paging start */
.paging {
	font-size: 120%;
	font-size: 13px !important;
	color: #555555;
	text-align:center;
	padding:0.5em 0;

}

.paging span {
	padding: 0 0.2em;
}

.paging a:link {
    text-decoration: none;
    border: 1px solid #f5f5f5;
    padding: 0.1em 0.4em;
    text-decoration: none;
    color: #555555;
}

.paging a:visited {
    text-decoration: none;
    border: 1px solid #3369ff;
    padding: 0.1em 0.4em;
    text-decoration: none;
    color: #555555;
}

.paging a:hover {
    text-decoration: none;
    border: 1px solid #3369ff;
    padding: 0.1em 0.4em;
    text-decoration: underline;
    color: #555555;
}

.paging a:active {
   text-decoration: none;
   border: 1px solid #6c757d;
   padding: 0.1em 0.4em;
   text-decoration: none;
   color: #555555;
}

.paging a.enable:link {
    text-decoration: none;
    border: 1px solid #6c757d;
    padding: 0.1em 0.4em;
    text-decoration: none;
    color: #555555;
}

.paging a.enable:visited {
    text-decoration: none;
    border: 1px solid #6c757d;
    padding: 0.1em 0.4em;
    text-decoration: none;
    color: #555555;
}

.paging a.enable:hover {
    text-decoration: none;
	border: 1px solid #6c757d;
	padding: 0.1em 0.4em;
    text-decoration: none;
	color: #555555;
}

.paging a.enable:active {
   text-decoration: none;
   border: 1px solid #6c757d;
   padding: 0.1em 0.4em;
   text-decoration: none;
   color: #555555;
}

.paging a.disable{
    text-decoration: none;
    border: 1px solid #f5f5f5;
    background:#f5f5f5;
    padding: 0.1em 0.4em;
    color: #6c757d;
    cursor:default;
}
/* paging end */

#assetsViewDropDown a:hover {
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    color: #555555;
}

/*Analytics*/
.analytics {
	color: white !important;
	font: 13px arial !important;
}

.analyticsEm {
	margin-top: 4px !important; 
	border: 6px solid transparent !important; 
	border-top: 6px solid #ffffff !important;
}

.analyticsButton{
	display:inline-block !important;
	background-color:#002677 !important;
	padding:5px !important;
	text-decoration: none !important;
}
.analyticsButton, .dropDownListTitleActive {
	border: 1px solid #002677;
}

.analyticsDescription{
	padding-left:20px !important;
	padding-bottom:20px !important;
	font: 13px arial !important;
	line-height:19px !important;
	width: 475px !important;
}

/* Drop down start */
.button3.dropDownListTitleActive {
    background-color: #002677;
    /* border: 1px solid #002677; */
}


 .dropDownListTitleInactive, 
 .dropDownListTitleActive {
	text-decoration: none !important;
	filter:none;
	border: 1px solid #f5f5f5;
	padding: 5px 15px 4px 15px;
	color: #000000;
	font-weight: 400 !important;
	font-size: 14px !important;
}
 .dropDownListTitleInactive a, 
 .dropDownListTitleActive a {
 	color:#002677 !important
 }
.dropDownListTitleActive {
	color: #ffffff;
}

 td .dropDownListTitleInactive, 
 td .dropDownListTitleActive {
	border: none;
	padding: 0;
	font-size: 13px !important;
}

.dropDownListTitleInactive a, 
.dropDownListTitleActive a {
	font-size: 14px !important;
}

.dropDownListTitleInactive em {
	width: 0;
    height: 0;
    border: 4px solid gray;
    border-top: 4px solid #fff;
    display: inline-block;
    margin-top: 6px;
    margin-left: 2px;
}

.button3.dropDownListTitleActive a:link {
    color: #ffffff;
}
.button3.dropDownListTitleActive a:visited {
    color: #ffffff;
}

.button3.dropDownListTitleActive a:hover {
    color: #ffffff;
}

.button3.dropDownListTitleActive a:active {
    color: #ffffff;
}

.button3.dropDownListTitleActive .downArrow {
    border-color: #ffffff #6c757d #6c757d #6c757d;
    display: inline-block;
}
.dropDownListTitleInactive {
	color:#002677;
	text-decoration: none;
	filter: none;
}
.dropDownListTitleInactive.btModle a {
	color: #fff;
}
.dropDownListTitleInactive em {
	width: 0;
    height: 0;
    border: 4px solid #fff;
    border-top: 4px solid #d75553;
    display: inline-block;
    margin-top: 6px;
    margin-left: 2px;
}
.selectedItem {
/* 	background-color: #ebebeb87; */
}
li.selectedItem a {
    padding: .5em;
}

.dropdownListContainer {
	border:none !important;
	padding-top:0!important;

}

.dropdownListContainer li a {
    font-size: 14px;
    font-weight: 400;
    color:white;
    padding: 6px 12px !important;

}
div.dropdownListContainer ul li a:hover {
	color: #3369ff;
}
.dropdownListContainer li a:hover {
    background: #AEDAFF;
}
.dropdownListContainer li:not(:last-of-type) a {
	border-bottom: 1px solid #3369ff;
}
.dropdownListContainer li a.summaryOfAllAccountsLink {
	font-weight: bold;
	color: #3369ff;
}
.dropdownListContainer li a.summaryOfAllAccountsLink:hover {
	color: #002677;
}
div#topPlanSelect .dropdownListContainer li:not(:last-of-type) a:hover {
	color: #002677;
}
.selectedItem a {
   background:transparent;
}

a.link6.planActionLink:hover {
	color: #3369ff;
}

/* Drop down end */

/* Slide Panel */
.slidePanelHeader {
    cursor: pointer;
    margin: 0 0 1em 0;
	display:inline-block;
}

.slidePanel {
    height: 0;
    width: 100%;
    overflow: hidden;
    text-align: center;
}

.slidePanelBody {
    padding: 1em 0 1em 1.8em;
    text-align: left;
    display: block;
}

.slidePanel img, .slidePanelBody img, .slidePanelHeader img {
    vertical-align: middle;
    padding-right: 3px;
}

/*Calendar*/

#calendarBody_nav_month{
	width:90%;	
}
#payrollFilterContent.enhancedPayrollFilterContent,
#feesQueryHiddenFilterArea.feesQueryHiddenFilterArea,
body #planParticipantsContent.planParticipantsContent,
#withdrawalsHistoryFilterContainer.withdrawalsHistoryHiddenFilterArea,
.processContent #filterParticipant,
#feesHiddenFilterArea.feesHiddenFilterArea,
#planParticipantsContent.planParticipantsContent,
body .filterContainer,
body .filterBackground,
body #availableReportsFilter,
body #payrollFilterContent,
body .withdrawalsHiddenFilterArea,
body #loanRequestsFilterContainer,
#outstandingLoans #outstandingLoansFilterContainer {
	padding-top: 0 !important;
	border: none;
	border-radius: 0 !important;
	padding: 5px;
	padding: 0 18px 18px;
	box-sizing: border-box;
	background: none #ebebeb !important;
}


body #availableReportsFilter {
	width:100%;
	box-sizing:border-box;
	padding-top:0;
}

sup {
    vertical-align: super;
}

sup.fidSourceSup {
	font-size: xx-small;
}

pre{
	font: 13px / 1.231 'Roboto', sans-serif;
    font-size: 65%;
    text-align: left;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}
.breakWord {
	word-wrap: break-word;
}
div.changeCommunications .breakWord {
	margin-bottom: 10px;
}
.yui-skin-sam .yuimenuitemlabel {
	font-size: 120%;
	display:block !important;
}
#_yuiResizeMonitor {
	display: none;
}
.topSponsorSelectMaxLength{
	max-width: 510px;
	overflow-x: hidden;
	white-space: nowrap;
	display: inline-block;
}
.topPlanSelectMaxLength{
	max-width: 779px;
	overflow-x: hidden;
	white-space: nowrap;
	display: inline-block;
	line-height: 18px;
}

.participantSearchInput {
    width: 14em !important;
    color: #6c757d;
    font-size: 13px;
    vertical-align: top;
}

div.sponsorTopSearch .participantSearchGoButtonDisabled,
div.fromSponsorTopSearch .participantSearchGoButtonDisabled {
    background-color: #737373 !important;
    margin-left: 0.5em !important;
    font-size: 140% !important;
    font-weight: 300 !important;
    padding: 0 0.9em 0 0.9em !important;
    height: 28px !important;
    color: #ffffff !important;
    border-radius: 5em;
}

div.sponsorTopSearch .participantSearchGoButton,
div.fromSponsorTopSearch .participantSearchGoButton {
    margin-left: 0.5em !important;
    border: none;
    display: inline-block;
    color: #FFFFFF;
    font-size: 140% !important;
    font-weight: 300 !important;
    padding: 0 0.9em 0 0.9em !important;
    text-align: center;
    background: none !important;
    background-color: #3369ff !important;
    cursor: pointer;
    vertical-align: top;
    height: 28px !important;
    border-radius: 5em;
}

#calendarDialogT .tracwebCalendarDialog{
	width:170px;
	overflow: hidden;
	font-size: 100%;
	padding: 0;
}
#calendarDialogT .tracwebCalendarBody{
	padding: 14px;
	border: none;
}
@media print {
	* {
		filter: none;
	}
	.hasOverlay	#main-wrapper {
		display: none !important;
	}
	.mask {
		display: none !important;
	}
	.underlay {
		display: none !important;
	}
	.yui-overlay .process {
		display: none;
	}
	.hasOverlay .yui-panel-container.shadow{
		top:0px !important; 
		left:0px !important;	
	}
	.hasOverlay .yui-module.yui-overlay.yui-panel{
		border: 1px solid #6c757d !important;
	}
	.noPrint {
		display: none !important;
	}
	.hasOverlay .processContent,
	.hasOverlay #makeYourEditsBody,
	.hasOverlay #middlenArea,
	.hasOverlay .dataSheet{
		float: none \9 !important; 
		clear: both \9 !important;
	}
}

/* orange button */
.button4 {
	background-color: #efb252;
	overflow:visible;
	width:auto;
	border:0;
    color: #FFFFFF;
	line-height:26px;
	height:28px;
	padding: 0 10px;
    font-weight: 600;
    display: inline-block;
	text-align:center;
    border: solid 1px #efb252;
	background: #efb252; /* Old browsers */
	cursor:pointer;
	font-size:130%;
}


/* Begin TWI-2468 */
.profileContent .profileAddressInformation 
{
	height: 223px;
}

.profileContent .profileInformationHeader .split {
	display: none;
}

.profileContent .profileAddressInformation .contactInformation { 
	display: none;
}
/* End TWI-2468 */

body .alertMessage {
	background-color: transparent;
	border:0;
	color: #000 !important;
	padding: 0 10px 6px 2px;
	border-bottom: 3px solid #00a982;
	width: auto;
	margin-bottom: 1em;
	font-size: 13px;
}
body .alertMessage li {
    background-position: 1px 1.4px;
    padding-left: 25px !important;
    background-size: 20px;
    margin-bottom: 5px;
}


div .process li.current {
    color:#002677;
}

div .myPortfolioTopNav, div .contributionNav, div .researchTopNav {
     background: none repeat scroll 0% 0% #3369ff;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"!important;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)!important;
}

/*TWI-2737*/

.sep
{
	width: 800px;
	float: right;
}

#footer #bottomFooter
{
    background-color: #FFFFFF;
    bottom: 0;
    clear: both;
    color: #FFFFFF;
    display: block;
    margin-left: -2px;
    padding-right: 1px;
    padding-top: 12px;
    text-align: right;
    float: right;
	list-style: none outside none;
	margin: 0;
	width: auto;
	top: -64px;
	position: relative;
	right: -10px
}
/* this style is duplicitous of the rule on layouts.css - but it is not applied on the error and login screens */
div#cmsSiteHeader {
	background-color: #002677;
	
/* 	this rulle can take the place of the more specific rule at 1918 and 2029 if it doesn't cause isues elesewhere */
}

#cmsSiteHeader #topHeader
{
    background-color: #FFFFFF;
    bottom: 0;
    clear: both;
    color: #FFFFFF;
    display: block;
    margin-left: -2px;
    padding-right: 1px;
    padding-top: 12px;
    text-align: right;
    float: right;
	list-style: none outside none;
	margin: 0;
	width: auto;
	top: 31px;
	position: relative;
}

div#footer_b #nav li a {
    border-right: 1px solid;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: normal;
    padding: 0 10px 0 11px;
    text-align: center;
    text-decoration: none;
}

div#bottomFooter li,
div#topHeader li,
div#sub-footer li {
    float: left;
    line-height: 1.3em;
    list-style: none outside none;
    position: relative;
}

div#bottomFooter li a,
div#topHeader li a,
div#sub-footer li a
{
    border-right: 1px solid;
    color: #002677;
    display: block;
    float: left;
    font-size: 120%;
    font-weight: normal;
    padding: 0 10px 0 11px;
    text-align: center;
    text-decoration: none;
}

#nav203 .lastLink,
#nav104 .lastLink,
#nav301 .lastLink
{
	border-right: 0;
    color: #002677;
    display: block;
    float: left;
    font-size: 120%;
    font-weight: normal;
    padding: 0 10px 0 11px;
    text-align: center;
    text-decoration: none;
}

#sub-footer {
    background-color: #FFFFFF;
    bottom: 0;
    clear: both;
    color: #FFFFFF;
    display: block;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding-right: 1px;
    padding-top: 12px;
    position: relative;
    text-align: left;
    top: -37px;
    width: auto;
	left: -10px
}

.footerDisc
{
    padding-left: 10px;
	padding-right: 10px;
    position: relative;
    text-align: left;
    top: 51px;
}

#bottomFooter
{
	position: relative;
	width: 736px;
	border: 1px solid;
}

#footer  .footerDisc .text3
{
	color: #6c757d;
}

#logoInside
{
	display:block;
	margin: auto;
}
.successMessage
{
	margin-bottom:20px;clear:both!important
}

/*TWI-3960*/
#rebalancingConfirm #cmsOverlayStepFooter p,#exchangeConfirm #cmsOverlayStepFooter p,.yui-overlay div#cmsOverlayFooter{font-weight:normal!important;font-size:1.2em!important}

/* TWI-3319 */
.modelPortfolioConfirmTag .processContent #modelPortfolioConfirm table {
    margin: 1em 0 .8em;
}

.processContent #modelPortfolioConfirm .changeInvestmentFooter {
	padding: 1em 0 0;
}

/*TWI-3337*/
.processContent #exchangeConfirm .changeInvestmentFooter{
    padding: 1em 0 0;
}

/*TWI-4066*/
.processContent #autoInvestmentConfirm .title5{width: 101%;}

/* TWI-4048 */
#enrollmentContributionsBodyContent .enrollmentChangeAmountButton input {
    display: inline-block;
    font-weight: 600;
}

/*TWI-4131*/
#preTaxContributionDescriptionPanel .overlayContent{padding:14px;}
#rothContributionDescriptionPanel .overlayContent{padding:14px;}
#postTaxContributionDescriptionPanel .overlayContent{padding:14px;}


/*TWI-4182*/
#summary5_container_content1 .summaryContent .summaryBodyTop .contactInformationContent .split{display:none}
.profileInformationSection .contactInformation{display:none}

#enrollment .yui-panel-container .beneficiaryDescriptionPanel .overlayContent{padding:10px;}
#enrollment .yui-panel-container .beneficiaryDescriptionPanel .overlayHead{padding:2px;}
#beneficiaries .yui-panel-container .beneficiaryDescriptionPanel .overlayContent{padding:10px;}
#beneficiaries .yui-panel-container .beneficiaryDescriptionPanel .overlayHead{padding:2px;}
/*TWI-4306*/
.beneficiaryDescriptionPanel {width: 72em !important;}

#automaticFutureElectionsDescriptionPanel_c #automaticFutureElectionsDescriptionPanel .overlayContent {background-color: #FFFFFF; padding: 7px;}

/* TWI-4296 */
#beneficiaries #confirmDialog .bd, #enrollment #confirmDialog .bd { color: #555555; font-size: 120%; }

/*TWI-4182 Enrollment Summary page - remove the splits*/
.summaryContent  .contactInformationContent .split{display:none;}
.summaryContent .contactInformationContent #changeAddressContactInfo{display:none;}

/*4077*/
#enrollmentContent #summary6_container #summary6_container_content1 .summaryContent .summarySubTitle .floatRight #enrollmentSummaryLogout{display:none;}
#enrollmentContent #summary6_container #summary6_container_content1 .summaryContent .summarySubTitle .floatRight .split{display:none;}
/*TWI-4320*/
#summaryOverviewPageBody .summaryOverviewPageRight .viewPageContinueGroupButton #overViewLogout{display:none;}


/*TWI-4306*/
.beneficiaryDescriptionPanel {width: 72em !important;}

/*TWI-4136*/
.shortTermTraderFee, .exchangeRestriction{color: #000000;}
.shortTermTraderWarning .warningMessage{color: #000000;}
#futureElectionDataSheet .warningMessage{color: #000000;}
/*TWI-6627*/
#exchangeTo .warningMessage{color:#000000;}

#chooseModel .processContentDoubleArrow{
	display: none;
	padding:2em 0;
}

/*ADA*/
.off-screen {position: absolute;left: -999px;top: auto;width: 1px;height: 1px;overflow: hidden;}

.dropDownListTrigerListModle {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #f5f5f5;
    text-align: left;
}
.yui-overlay {
    position: absolute;
}

.loanInformationAction .loanInformationActionBody ul li
{
	display: inline-block;
}

#contribution #viewDetialsOverlay .overlayContent
{
	padding: 10px;
}

#loanInformationAction #yui-gen4 .button3{color: #ffffff!important;}
#loanInformationAction div.dropDownListTrigerButtonModle ul { overflow:hidden; /* TWI-5072 PG2 */ }
#loanInformationAction div.dropDownListTrigerButtonModle ul li { display: inline-block; padding-right: 5px;/* TWI-5072 PG2 */ }
#loanInformationAction .loanInformationActionHeader span{ color: #FFFFFF; /* TWI-5072 PG2 #2*/ }
#loanInformationAction .loanInformationActionBody ul li a.link6 { padding: 3px 6px; /* TWI-5072 PG2 #3*/ }
.process a.current li{ color: #555555!important;font-weight: 600;}
.process a.activity li{ color: #3369ff!important;cursor: pointer;}
/* TWI-5401 */
div.processTag ul.process a li.current span{ color:#000000; }
div.processTag ul.process a li.current span.overlaySteps{ color:#FFFFFF; }
/* TWI-5082 */
#viewDetialsOverlay .overlayContent{ padding:10px; }
#viewDetialsOverlay .overlayContent p.text7{ padding-top: 10px; }
/* ADA END */


/*TWI-6530*/
#enrollmentContent #chooseModel .alertMessage, #enrollmentContent #autoInvestmentConfirm .alertMessage, #enrollmentContent #modelPortfolioConfirm .alertMessage, #enrollmentContent #futureElections #futureElectionsForm .alertMessage, #enrollmentContent #futureElectionsConfirm .alertMessage
{ display: none; } 

/*TWI-6874*/
#changeContributionsAmountsContent .planContributions #changeAmountSignIncrease{width:447px;}

/* Contribution overlay problem DT41307 */
#contribution .changeContributionAmountBody{
	width: 950px;
}

.changeContributionAmountBody .processContent{
	width: 780px;
}

#contribution .processContent #changeAmountContainer
{ width: 780px;}

/*TWI-8768*/
#advancedAnalysisMainPage #payrollAnalysisContent .rosterNotes {
    display: none;
    margin: 1em 0;
}
.reportFooterIndent { padding-left: 1.0em; text-indent: -.7em;}

/*Make single plan name not a finger but a pointer*/
#topPlanTitle #topPlanSelect .planNameSpanWidth{cursor: default;}

/*line up "View" and "View as of:" properly.  It was 1px off*/
#holdings .linereport2 .holdingViewDate{padding-top:1px;}

/*Increase width of Contributions table on right side of page*/
#contribution .totalContributionText{
    clear: none;
    float: left;
    margin-left: 30px;
    margin-right: 30px;
    padding: 0;
    width: 39%;
}

/*Fix color of "Actions" on Payroll*/
#payrollList #yui-gen8 a span {
     color: #002677;
}

#payrollList #yui-gen8 a span:hover {
     color: #efb252;
}

/*TWI-9202*/
.enrollmentLeft {
    display: none;
}

#enrollment #enrollmentContent .enrollmentRight {
    float: left;
    padding-right: 4px;
    width: 407px;
}

#compliance .complianceTestingArea {border-bottom: none;}

/*TWI-10061*/
#planInformation #withdrawalInformationContent .dataSheet .title5 .textCenter{visible:hidden;}

/*TWI-9979*/
#holdings #autoInvestmentConfirm .changeInvestmentFooter #confirmMessage, #participants #autoInvestmentConfirm .changeInvestmentFooter #confirmMessage{display:none;}

/*TWI-7934*/
.FusionCharts{ visibility: inherit !important; } 

/*TWI-10498*/
#loginIndex .clientContent{overflow:visible;}

/* RSIM-8226
#loginIndex #contactUsSpan #contactUsClick {
     visibility: hidden;
}
*/

#loginIndex #main-wrapper-bd #loginIndexContainer .loginContentRight .titlePart {
    font-size: 28px;
    margin-top: 90px;
    margin-left: 30px;
}

.loginContentRight .pageTitle1{
	color: #ebebeb;
	font-weight: 400;
	max-width: 400px;
	font-size: 175%;
}

div.contentRight div.titlePart h1.pageTitle1 {
	color: #ebebeb;
	font-weight: 450;
	max-width: 500px;
	font-size: 56px;
	margin-top: 90px;
	margin-left: 30px;
	
}

#loginIndex #loginIndexContainer .loginContentLeft {
	background: rgba(255,255,255,.32);
	border: none;
	width: auto;
}

div#loginCommonError div.commonErrorMessageDefaultClass {
	max-width: 175px;
}

body.LoggedInAsParticipant div#main-wrapper-bd .contentLeft {
	background: rgba(255,255,255,.32);
	border: none;
	width: auto;
	height: 275px;
}

body.LoggedInAsParticipant#LoginTrans_enterCustUIDView div.contentLeft ul li input {
	width: 220px;
}

body.LoggedInAsParticipant#LoginTrans_enterCustUIDView div.contentLeft ul li input[type="password"] {
	padding: 0.34em !important;
	font-size: 13px !important;
	background: #ffffff;
	border: 1px solid black;
}
body.LoggedInAsParticipant#LoginTrans_enterCustUIDView div.contentLeft span.text2 {
	color: white;
}
body.LoggedInAsParticipant#LoginTrans_enterCustUIDView div.contentLeft h2.pageTitle2 {
	color: black;
	font-weight: 500;
	padding-bottom: 20px;
}

body.LoggedInAsParticipant#LoginTrans_enterCustUIDView div.contentLeft ul li input[type="text"] {
	border: 1px solid black;	
}
#loginIndex .clientContent .contentLeft {
	background: none;
}

#loginIndexContainer .loginContentLeft .pageTitle2 {
	font-weight: 450;
	font-size: 30px;
	padding-bottom: 20px;
	color: #141412;
}

#loginIndex .loginContinueButton {
	font-size: 14px;
	height: 35px;
	width: 230px;
	position: relative;
	top: 0px;
	border-radius: 5em;
}

#loginIndex .loginContentRight .clientContent .contentLeft {
	padding: 0;
	border: none;
	background: none;
	width: 700px;
}

.greenHeaderBar .pageTitle1{
    color: #4f4f4f;
    font-size: 200%;
    font-weight: normal;
}

#loginIndex .loginContentLeft hr {visibility:hidden;}

#loginIndex #main-wrapper #main-wrapper-bd #loginIndexContainer .loginContentLeft #changPassword {color: #ffffff;font-size: 14px;}
#loginIndex #main-wrapper #main-wrapper-bd #loginIndexContainer .loginContentLeft #changPassword:hover {color: #00A892; font-size: 14px;}
#loginIndex  #main-wrapper #main-wrapper-bd #loginIndexContainer  .loginContentLeft #passwordReset{color: #ffffff;font-size: 14px;}
#loginIndex  #main-wrapper #main-wrapper-bd #loginIndexContainer  .loginContentLeft #passwordReset:hover{color: #00A892; font-size: 14px;}

#loginIndex .disabledButton{background:#002677;}

#loginIndex .loginIndexInputText {
    width: 220px;
}

#loginIndex .loginSecurityLogo{visibility:hidden;}

#loginIndex #main-wrapper #main-wrapper{
    min-width: 1007px;
    width: 104.3em!important;
}

#logoOutside{
	margin:auto;
}

#loginIndex #main-wrapper #main-wrapper-hd {
    background: none repeat scroll 0 0 #ffffff;
}
#loginIndex .contactUsLink {
    left: 877px;
    position: relative;
    top: -30px;
	color: #ffffff;
	font-size: 120%;
    font-weight: normal;
}

#loginIndex #main-wrapper #main-wrapper-ft {
    background: none repeat scroll 0 0 #002677;
    clear: both;
    margin-top: 0;
    position: relative;
    top: -63px;
}

#loginIndex #loginCommonError .commonErrorMessageDefaultClass{
    animation: none;
    background: none repeat scroll 0 0 #eaeaea;
    border: none;
    margin: 9px 0;
    padding: 1.1em 1.2em 1.1em 4.35em;
    text-align: left;
    position: relative;
}
.commonErrorMessageDefaultClass > img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    left: 10px;
}


/*Footer*/
.hdln-connect {
    display: inline-block;
    float: left;
    line-height: 52px;
    margin-right: 16px;
	padding-left: 28px;
	font-size: 16px;
}

.facebook {
    padding-right: 5px;
    text-align: right;
	padding-top:10px;
}

.confidence{
     display: inline-block;
     float: left;
     font-size: 14px;
     line-height: 52px;
     margin-right: 16px;
     padding-left: 11px;
  	 color:#ffffff;
}

.hdln-confidence{
    display: inline-block;
    float: left;
    line-height: 52px;
    margin-right: 16px;
	padding-left: 28px;
	font-size: 16px;
}


.footerDisclaimer{
     display: inline-block;
     float: left;
     font-size: 12px;
     margin-right: 16px;
     padding-left: 11px;
	 color: #ffffff;
}

.sponsorFooterLinks{color:#1fc0dc; font-size: 12px; margin-right: 16px; padding-left: 11px;}
.breakFooter{color:#1fc0dc;	font-size:140%;}

#sessionError #main-wrapper{
    min-width: 1007px;
}

#sessionError .contactUsLink {
    color: #ffffff;
    font-size: 120%;
    font-weight: normal;
    left: 877px;
    position: relative;
    top: -30px;
}

#sessionError  #main-wrapper-bd #bdContent {
    padding: 15px
}

/*TWI-10871*/
#loginIndex #main-wrapper #main-wrapper-bd #loginIndexContainer .loginContentRight {
    float: left;
    height: 305px;
    width: 70%;
}

.sponRightContent {
    color: #ffffff;
    display: inline-block;
    float: left;
    font-size: 16px;
    line-height: 52px;
    margin-right: 16px;
    padding-left: 0;
	text-decoration:underline;
}

.text15 {
    color: #ffffff;
    font-size: 22px;
    font-weight: 600;
}
.text16 {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
}

/*END TWI-10871*/

.planToolsSpecialList
{
	background-position: 0 3px;
    background-repeat: no-repeat;
    padding: 0 0 0 15px;
}

#nav401 .lastLink
{
	 border-right: 0;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 120%;
    font-weight: normal;
    padding: 0 10px 5px 0px;
    /* text-align: center; */
    text-decoration: underline;
}

/*TWI-11349*/
#reportsMainPage .reportsTopLink .reportSettingLink{visibility:hidden;}

/*TWI-11747*/
.customTabLink1 {font-size: 12px; padding-left: 35px;}
.customTabLink2 {font-size: 12px; padding-left: 50px;}
.formsTablesExtraIndent1 {font-size: 12px; padding-left: 15px;}
.formsTablesExtraIndent2 {font-size: 12px; padding-left: 28px;}
.formsTablesExtraIndent3 {font-size: 12px; padding-left: 50px;}
.formsTablesExtraIndent4 {font-size: 12px; padding-left: 50px;}
.formsTables {font-size: 12px;padding-left: 10px;}

/*TWI-11479*/
#compliance #main-wrapper #main-wrapper-bd #bdContent #contentSection #leftContentSection .alertMessage{visibility:hidden;} 

/*TWI-11000*/
#payrollEmailNotification p.text7 {color: #000000; width:100%; word-wrap:break-word; word-break :normal;white-space:normal;}
/*END TWI-11000*/

/*RSD-4040*/
.title16{color: #000000; font-size: 170%; font-weight: 600;}
.displayInline{display:inline;}
.displayNone{display:none;}
.displayBlock{display:block;}
.displayTable{display:table;}
/*END RSD-4040*/

/*TWI-8897*/
#mapColumnContent .dataSheet {width:100%; float:left; border-collapse:collapse; table-layout:fixed;}
#mapColumnContent .dataSheet td{word-wrap:break-word;}
/*END TWI-8897*/

/* RSIM-623 */
body#beneficiaries div.ft #yui-gen1,
body#beneficiaries div.ft #yui-gen3,
body#beneficiaries div.ft #yui-gen5,
body#beneficiaries div.ft #yui-gen7,
body#beneficiaries div.ft #yui-gen9
{
	display:none;
}
/* END RSIM-623 */

/*RSIM-3389*/
#complianceContainerBody .whatLink{
    display:none;
}
/*End RSIM-3389*/

/*RSIM-3574*/
#companyPayrollTellMeMoreLink{
    display:none;
}
/*End RSIM-3574*/

/* RSIM-3806 */

#textboxleftlogin {
    background-color: white;
    left: 40px;
    opacity: 0.9;
    padding: 10px 20px;
    position: absolute;
    top: 35px;
    width: 270px;
}

#textboxleftlogin h2 {
  color: #1fc0dc;
  font-size: 160%;
  font-weight: 600;
}

#textboxleftlogin p {
    color: #000000;
    font-size: 100%;
    margin-bottom: 10px;
    line-height: 140%;
}

#textboxleftlogin button {
  background: #002677;
  border: 0 none;
  color: #f5f5f5;
  font-size: 14px;
  color: #ffffff;
  cursor: pointer;
  padding: 5px 20px
}

/* End RSIM-3806 */

/*RSIM-4126*/
#enrollmentMaterials .link6{
    padding-top:14px;
}
/*End RSIM-4126*/

/* Hide for RSIM-8226 (Originally in RSIM-4260)
#contactUsContent #dataPart{
    display:none;
}
End RSIM-8226*/

/*RSIM-4914*/
div.withdrawalOverviewBody .printableContent {
    height:auto;
    overflow:hidden;
    padding: 15px 18px 42px 125px;
}
/*End RSIM-4914*/


/*RSIM-4874*/
#fundYourPayroll #expenseAccountDataSheet {
    display: none;
}
/*END RSIM-4874*/

/*RSIM-5431*/
.loansWithdrawalVerifyRedFont{
	color: black !important;
}
/*End RSIM-5431*/

/*RSIM-5675*/
.modisContextHeader{
	display:none;
	visibility: hidden;
}
/*END RSIM-5675*/

/*inote-message*/
.inote-message{
	border: 1px solid #00A892;
	background-color: #ebebeb;
	color: #4f4f4f;
    font-size: 115%;
    min-width: 35em;
    margin-top: 1em;
    margin-bottom: 15px;
    max-width: 729px;
}

.inote-message p{
	background: no-repeat url(https://betaretirementsolutions.financialtrans.com/myPLANCATWebApp/td/common/images/messageIcon.png) 4px 4px;
	padding: 4px 0 4px 24px;
}
#main-wrapper #main-wrapper{
	width:auto;
}

/*RSIM-8192*/
/*Remove Loan Maintenance option from Fee type*/
.requestFeeSelectFeeTypeOptions #loanMaintanceType {
	display: none;
}

.requestFeeSelectFeeTypeContainer a:nth-last-child(2) {
	visibility: hidden;
}
/*RSIM-8313*/
.twoLayerCard {
	display: block;
	padding: 20px;
	margin-top: 5px;
	width: 250px;
	text-align: center;
	box-shadow: 0px 1px 4px 1px rgba(199,199,199,1);
}
.twoLayerCard img {
	height: 15px;
}
.twoLayerCard span {
	border-bottom: 1px solid #d6d6d6;
	text-align: center;
	display: block;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.twoLayerCard h3 {
	display: inline;
}
.twoLayerCard + img {
	display: block;
	margin-bottom: 10px;
}
.showAgeBased,
.showDiversifiedPortfolios {
	display: none;
}
#chooseModelPortfolio-d .showDiversifiedPortfolios,
#chooseTargetDateFund-d .showAgeBased,
#chooseModelPortfolio-d ~ .showDiversifiedPortfolios,
#chooseTargetDateFund-d ~ .showAgeBased {
	display: block;
}
#holdings #chooseModel .normalUL {
	list-style-type: disc;
	padding-left: 40px;
	padding-top: .25em;
	width: auto;
}
#holdings #chooseModel .normalUL li {
	list-style-type: disc;
	font-size: 120%;
}
.assetAlloCharts {
	margin: 0;
	width: 300px;
}
.assetAlloCharts img {
	width: 300px;
}
.assetAlloCharts figcaption{
	text-align: center;
	padding: 5px;
}
/* END RSIM-8313*/
/*RSIM-8313*/
/*Remove "Receive documents by mail" radial button*/
.documentationLoanRequestEnhancedMidColumn #recmailid, 
.documentationLoanRequestEnhancedMidColumn label[for="recmailid"] {
	display: none;
}
/*Remove "Sign and mail documents" radial button*/
.documentationLoanRequestEnhancedMidColumn #signmailid, 
.documentationLoanRequestEnhancedMidColumn label[for="signmailid"] {
	display: none;
}
#payrollTopNavContainer .payrollTopNav,
#complianceTopNavContainer .complianceTopNav,
#withdrawalsTopNavContainer .withdrawalsTopNav,
#feesTopNavContainer .feesTopNav,
#loansTopNavContainer .loansTopNav,
#contributionNavBar,
#financialsTopNav,
.beneficiariesTableContainer thead th,
#myPortfolioTopNavContainer .myPortfolioTopNav,
#planInformationTopNavContainer .planInformationTopNav,
#customPageModulesTopNavContainer .customPageModulesTopNav,
#researchTopNavContainer .researchTopNav{
    background: none;
    /*background-color: #3369ff;*/
}
#payrollTopNavContainer .payrollTopNav a:hover,
#complianceTopNavContainer .complianceTopNav a:hover,
#withdrawalsTopNavContainer .withdrawalsTopNav a:hover,
#feesTopNavContainer .feesTopNav a:hover,
#loansTopNavContainer .loansTopNav a:hover,
#contributionNavBar a:hover,
#financialsTopNav a:hover,
.beneficiariesTableContainer thead th a:hover,
#myPortfolioTopNavContainer .myPortfolioTopNav a:hover,
#planInformationTopNavContainer .planInformationTopNav a:hover,
#customPageModulesTopNavContainer .customPageModulesTopNav a:hover,
#researchTopNavContainer .researchTopNav a:hover{
    color: #fff;
}
input{
	padding: 2px;
}

input[type="text"] {
	padding: 0.34em !important;
	border: 1px solid #a6a6a6;
	font-size: 13px !important;
	background: #ffffff;
}

#loginContentInputArea p.detailInputContent input#PASSWORD {
	border: .1px solid black;
	padding: 0.34em !important;
	font-size: 13px !important;
	background: #ffffff;
}

#loginContentInputArea p.detailInputContent input#OPERATOR-ID {
	border: .1px solid black;
}

select {
	padding: .3em;
}

body .participantSearchLabelSection {
	position: absolute;
	right: 70px; /*  moved serach field in a bit DB */
}

/* reposition participant search box on home page for employer with multiple Plans  */
/* code is nested differently on these pages */
#topSponsorSelect #planNameContainer + .participantSearchText {
    width: auto;
    position:absolute;
    right:70px;
}

.participantSearchLabelSection .participantSearchWidth{
	    float: none;
}

#topSponsorSelect {
    position: relative;
    width: auto;
    border-bottom: 2px solid #f5f5f5;
    /*padding: 10px 5px 18px 5px !important;*/
}

#topSponsorSelect .participantSearchLabelSection .participantSearchText,
.participantSearchAlign {
	    font-size: 12px;
}
.planDetail span{
	font-size: 12px;
	font-weight: 600;
}
.planDetail .planType{
	margin-left: 10px;
}

/* keep clear div from taking up extra scape in the layout */
.planDetail.clear > .clear {
    height:0;
    line-height:0;
    padding:0 !important;
}

#topSponsorSelect .planDetail,
#topSponsorSelect .planName{
	padding-top: 0;
	float: left;
	clear: left;
}
	
body #topSponsorSelect .sponsorTopDateContainer{
	    margin-top: 0;
	    clear: left;
	    float: left;
	    margin-right: 10px;
	    margin-left: 2px;
	    width:auto;
}

.topSponsorSelectLeftSection .planName,
#planNameContainer .planName,
#planNameContainer .planName + .clear{
	display:none;
}

#topSponsorSelect .sponsorTopDateContainer ~ .planDetail,
#topSponsorSelect .sponsorTopDateContainer ~ .planName{
	clear:both;
	padding-left: 2px;
}

body #topSponsorSelect{
	position: relative;
	width: auto;
	border-bottom: solid #f5f5f5 2px;
	padding: 10px 0;
	margin: 0.5em 0 0 0 !important;
	width: 100%;
	box-sizing: border-box;
}

.footer-links div{
	display:inline-block;
	vertical-align:top;
	width: 200px;
	padding: 0 2%;
	padding-bottom: 20px;
}
.footer-links h3{
	font-size: 160%;
    border-bottom: 1px solid #fff;
	color: #fff;
    padding-bottom: 1px;
}
.footer-links a{
	display:block;
	padding: 5px 0;
	font-weight: 600;
	font-size: 12px;
	color: #fff;
}
.footer-links a:hover{
	text-decoration:underline;
}
body .fiduciaryToolkitSquare{
	color: #000;
	background-color: #000;
}
#compliaceRightContectSection .fiduciaryToolkitArea,
#feeDisclosureContentContainer .disclosureSummary{
	background: #ebebeb;
    border: none;
	border-radius : none;
}

.rightAnimation .LO4_RS_TopGlblNav_TopMainNav #iWantToAnimBody{
	color: #000;
}

/* Just remove border*/ 
body #loginContainerContent{
	border:none;
}

/* Page width*/
html,
body {
 height: 100%;
 position: relative;
}

#main-wrapper-ft,
body #main-wrapper{
	width: 100%;
	margin:0;
	padding:0;
}
#main-wrapper-hd{
	    
}

body #main-wrapper{
	min-height: 100vh;
	overflow: hidden;
	display: block;
	position: relative;
	padding-bottom: 220px;
	box-sizing: border-box;
	margin-bottom: -20px;
}

body#loginIndex #main-wrapper {
	background-image: url("https://betaretirementsolutions.financialtrans.com/myPLANCATWebApp/td/axa-b/images/spon_login_image.jpg");
	background-color: #c2c2c4;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 0 150px;
}
body.LoggedInAsParticipant#LoginTrans_enterCustUIDView #main-wrapper {
	background-image: url("https://betaretirementsolutions.financialtrans.com/myPLANCATWebApp/td/axa-b/images/spon_login_image.jpg");
	background-color: #c2c2c4;
	background-size: contain;
	background-repeat: no-repeat;
	padding-bottom: 0;
	background-position: 0 225px;
}

body#loginIndex div#main-wrapper-bd {
	background: none;
}

body.LoggedInAsSponsor#loginIndex div#main-wrapper-bd {
	/*margin-bottom: 200px;*/
}

body#loginIndex #main-wrapper #main-wrapper-ft,
#main-wrapper-ft{
	position: relative;
	top: initial; 
	bottom: 0;
}
#breadcrumbTrailSelectUl,
#main-wrapper-bd{
    width: 1100px;
    margin: auto;
}

body .sponsorSelectFilterPlan ul input{
	padding: 2px;
}

body .slidingPanelSection > li{
	border-bottom:none;
}

li.slidingPanelSectionFirst {
    padding-top: 6px;
}

body #sponsorTopDate {
	 margin:0;
}
/* Lining up button and title and split*/
.reportsTopLink .pageTitle2,
#planParticipantsHead,
body .summaryCalendarHeader,
body .withdrawalRequestsHeader {
	line-height:26px;
	margin-top:0;
}

.dataSheet .dropDownContainer {
	word-break: break-word;
}
body .feesQueryHiddenFilterArea>ul .lastChild{
	width: auto;
}
body .companyPayrollActionHeader a span.floatLeft{
	font-weight: 600;
	color:#3369ff;
}
.companyPayrollActionHeader .dropDownListTitleActive a:link span{
	color:#3369ff;
}
#companyPayrollsList a.yui-dt-sortable{
	color: #3369ff;
}
#companyPayrollsList a.yui-dt-sortable:hover{
	color: #3369ff;
}
.reportsSplitLine{
	display:none;
}

body .lastContributionTitle{
	text-align: left;
}
#LastContributionAmount .lastContributionTitle,
#LastContributionAmount{
	text-align:right;
}
.withdrawalInformationActionBody li{
	display: inline-block;
}
.withdrawalInformationActions span{
	line-height: 26px;
}
#sponsorSelectionPage logoutArea .topLeft{
	margin-left: 11%;
}
#loginUpdateQuestionAndAnswer logoutArea .topRight{
	margin-right: 11%;
} 
body .printTableLinkIcon{
	background: url(../images/printIcon.png) no-repeat;
	display: inline-block;
	line-height: 1;
	margin-left: 5px;
}
/* Report Landing Page*/

.beforeReports{
	/* display:none; */
}
.beforeReports + div{
    float: left;
    width: 75.5%;
    margin-right: .5%;
	margin-top: 25px;
}
.summaryReportsBox + .sectionDivider{
	display:none;
}
#contentSection .summaryReportsBox{
	width: 31.2%;
	margin: 20px 10px 0 10px;
    display: inline-block;
    /*height: 450px;*/
    float: none;
    vertical-align: top;
    box-sizing: border-box;
	min-height: 225px;
	position: relative;
	box-shadow: 5px 2px 6px -1px rgba(0,0,0,0.41);
}
.summaryReportsBoxTextContent div{
	text-align: center;
}
.summaryReportsBoxTextContent span{
	text-align: center;
}
.summaryReportsBox .title5{
	font-size: 140%;
	padding-top: 20px;
}
.summaryReportsBox .pageTitle2 {
    font-size: 220%;
    font-weight: 300;
	display: block;
	color: #000;
	padding-bottom: 20px;
}
.summaryReportsBox .summaryReportsBoxTextContent{
	height: auto;
	min-height: 340px;
}
.summaryReportsBox .button3{
	min-width: 200px;
	display: inline-block;
	margin-left: -20px;
}
.summaryReportsBox .floatLeft{
	float:none;
	text-align:center;
	position: absolute;
    bottom: 15px;
	left: calc(50% - 80px);
}
.customReportLinks{
	float: right;
	width: 22%;
	padding-top: 5px;
	margin-top: 25px;
	box-shadow: 5px 2px 6px -1px rgba(0,0,0,0.41);
}
.customReportLinks div{
	margin-bottom: 25px;
}
.customReportLinks h3{
	font-size: 220%;
    font-weight: 300;
	color: #000;
}
.customReportLinks a{
	border-bottom: 1px solid #ddd;
    padding: 7px 0;
    display: block;
    font-size: 150%;
}
.customReportLinks a:first-of-type {
    border-top: 1px solid #ddd;
}



/* ------------  Sponsor List Page ------------------- */


.sponsorSelectionPageFilter {
    margin: 12px 0 15px 0 !important;
}

p.pageTitle2.sponsorSelectionPageTitle {
    margin: 23px 0 6px;
}
.sponsorSelectionPageFilter #printTable {
/* 	background:#fff; */
	padding-right:15px;
	width:99%;
}


/* ------------  Plan Participants Page ------------------- */

/* shared style to reposition the full view buttons - overriding the applied floatleft class  */
.viewCalenderButton,
#addParticipants,
.addNewPayrollSection,
a#requestFeeLink,
.requestDemandReport  {
	float:right !important;
}

/* shared styles for styling the hide and show filter areas */
span#printTable,
.summaryCalendarHeader2,
.reportLinkContainer{
    display: inline-block;
    width: 100%;
    text-align: right;
    margin: 12px 0 0 0;
    clear: both;
    float: left;
    background-color: #ebebeb;
    padding: 8px;
    box-sizing: border-box;
}



/* Plan Participants - retrieve button
      overide from participant.css  ( hence the important tags) */
#submitPlanParticipants {
    float: left !important;
    clear: none !important;
    width: auto !important;
    margin-left: 30px;
    /* padding-top: 6px; */
}

/*  overide from participant.css  DB  */
#planParticipantsList{
	overflow: visible !important; 
}

#planParticipants {
	margin-top: 2em !important;
}

div#planParticipantsContent {
    margin-top: 0;
    padding: 0 12px 18px !important;
}

/*  overide from participant.css  */
#planParticipantsHead{
	margin-bottom: 0 !important;   /* removed DB */
}

/* remove split after page title */
.pageTitle2 + .split {
	display:none
}

/* Shared style for Filter link Areas */
#planParticipants .actionFilter,
#reportsFilterHide,
#reportsFilterShow {
	line-height: 39px;
	font-size:14px !important;
	vertical-align: middle;
}

div#participantsPagingContent {
    margin-top: 14px;
}
.filterPayrollButtonArea .filterPayrollButton {
	font-weight:400 !important;
}

/* --update Participant Modal --*/

#participantInformationNavContainer.process {
/*     display: flex !important; /*  negates float and dislays steps inline */ 
/*     width: 100% !important; */
    margin-bottom: 18px;
    width: 21%; 
    box-sizing: border-box;
}
#participantInformationNavContainer ~ #stepContentWrapper {
	width: 75%;
}

#participantInformationNavContainer.process li {
	margin-top:15px
}

.participantContentContainer {
	padding-left: 8px;
	max-width: 720px;
	margin-top: 20px;
}
.participantContentContainer .pageTitle2 {
	font-size: 23px;
	margin-bottom: 1em;
}

.beneficiaryDescriptionPanel .overlayContent {
	padding: 20px;
}

#personalAndEmployeeInfoBody h3.pageTitle2 {
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 1em;
}
/* edit compliance */

div#complianceContainer,
#participantCompliance_Container {
	width: 100%;
}

#complianceContainer #currentYearHeader,
#complianceContainer #priorYearHeader {
	height: auto;
	display: block;
	background: #ffffff;
	box-sizing: border-box;
	width: 100%;
	padding: .5em;
	margin-bottom: 1em;
	vertical-align: middle;
}

#complianceContainer #currentYearHeader img,
#complianceContainer #priorYearHeader img,
#complianceContainer #currentYearHeader .pageTitle3,
#complianceContainer #priorYearHeader .pageTitle3 {
	vertical-align: middle;
	padding-right: 2px;
}

.beneficiaryNav {
	background: none #ebebeb !important;
}

/* update participant page */
.participantIforButtonGroup {
	border-top: 2px solid #ededed;
	margin:12px 20px 0 0 !important;
	left:0;
	padding-top:12px;
}

.addParticipantsFilterHeader {
	display:block;
	overflow:auto;
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
	padding: 12px 0;
}
#searchParticipantEdit .addParticipantsFilterHeader .pageTitle2 {
	font-size: 22px;
}

#addParticipantsFilter {
	background:none #ededed!important;
	border:none !important;
	padding: 17px 8px !important;
	box-sizing:border-box;
}

.addParticipantsFilterHeader .filterDisplayControl1 {
	font-size:12px !important;
	width:auto;
	padding-right:20px;
}
.addParticipantsFilterHeader .filterDisplayControl1 img {
	height:16px !important;
	width:16px !important;
}
.participantsFilterButton{
	padding-top:23px!important
}



#addParticipantsFilter input[type="text"], 
#addParticipantsFilter input[type="password"], select {
    padding: 4px !important;
    border: 1px solid #a6a6a6 !important;
    font-size: 13px !important;
    background: #ffffff !important;
    line-height: 18px !important;
    border: 1px solid #a6a6a6 !important;
}


/* keep required asterisk from impacting space between input and labels */
.requiredField {
	line-height: 0; 
}

/* participant > change my investments screen */
div[id^="sponChangeInvestmensOverlay"] #chooseModel .choice li ul {
	width: 100%;
}
#chooseModel .choice li ul li div {
	width: 90%!important;
}

/* -------------  Plan Calendar Page --------------- */

.sponsorSelectionPageFilter {
    width: 99%;
}

.summaryCalendarHeader2 #requestSearchShowFilter,
.summaryCalendarHeader2 #requestSearchHideFilter{
	font-size:14px;
	/* line-height: 26px; */
	padding: 0.2em 0;
}
body .planCalendarTable {
	margin-top:24px
}


/* --------------  PayRoll and withdrawal pages---------------------------*/



/* create background color behind filter and print buttons with background gradient */
div#payrollFilterHeader,
.withdrawalRequestsHeader {
	background: #ffffff;
	background: linear-gradient(0deg, rgba(235,235,235,1) 42px, rgba(255,255,255,1) 35px);
	width: 100%;
}

#payrollFilterHeader .filterDisplayControl1 a,
#payrollFilterHeader .printTableLinkIcon,
.withdrawalRequestsHeader .filterShow a {
    font-size: 14px;
    vertical-align: middle;
    font-weight: 400;
}
body .withdrawalRequestsHeader {
	margin-bottom: 0;
	width: 100%;
}
.widthdrawalsRequestHeaderTitle.pageTitle2 {
	margin-bottom: 38px;
}

.withdrawalRequestsHeader .filterShow {
	display: block;
	float: right;
}
body .withdrawalsRequestsArea .actionTips {
	padding: 0 18px 12px !important;
	background: #ebebeb;
	margin: 0;
	clear: none;
}

.withdrawalRequestsHeader #printTable {
	margin-top: 0 !important;
}
body .withdrawalsHiddenFilterArea {
	width: 100%;
	box-sizing: border-box;
}

/* main payroll page filter area */
#payrollFilterHeader #printTable,
.withdrawalRequestsHeader #printTable {
    float:right;
    width: auto;
    padding: 0px 12px 0 0 !important;
    vertical-align: middle;
}


/* increase space below button */
#payrollFilterHeader #addNewPayroll {
	padding-bottom: 17px;
	display:inline-block;
}


#payrollFilter #payrollFilterContent {
    margin: 0;
    padding-top: 16px !important;
    display: block;
}


#payrollList .payrollDataSheet {
	margin-top: 25px;
}

/* overide from payrolllist.css  DB  */


#payrollSearchForm h3.text4 {
    margin: 0 0 6px 0;
    font-size:14px;
    font-weight:400;
}


/* overide from payrolllist.css  DB  */
.payrollDate {
    padding: 0 !important;
    margin: 0 !important;
}


.addNewPayrollSection .addNewPayrollHeader .downArrow {
    margin-top: 14px !important;
}

li.payrollFilterContentSubLiElement2 {margin-right: 21px;}

.payrollStatusNo1 {
    padding: 0 0 22px 32px !important;
     box-sizing: border-box; 
}

.payrollDate {
    width: auto !important;
}


#payrollTableBody .text7 {
	font-size: 14px;
	line-height:1 !important;
} 

#batchNumberAction .dropDownListTitleInactive a span, 
#batchNumberAction .dropDownListTitleActive a span {
    color: #3369ff !important;
    font-weight:600;
    font-size:12.5px
}

#batchNumberAction .dropDownListTitleInactive a:hover span, 
#batchNumberAction .dropDownListTitleActive a:hover span {
    color: #002677 !important;
}




.payrollStatusNo1 + .clear {
    margin: 0 0 18px;
    border-top: 1px solid #f5f5f5;
}

#batchNumberAction .dropDownListTitleActive,
#batchNumberAction .dropDownListTitleInactive {
	padding:.25em .7em;
	font-size:12px !important;
}
.payrollDowmArrow {
	position:relative;
	top:-3px;
}

div#payrollAmountContainer {
    padding: 0 22px 0 0;
    width: auto !important; /* override of payrolllist.css */
}


div#payrollDateContainer {
    margin: 0 0 8px 0;
    padding: 0 37px 0 0;
    box-sizing: border-box;
}

.payrollAmount {
    padding: 0 !important; /* override of payrolllist.css */
}


/* override of payrolllist.css */
.payrollHeaderTipArea {
    width: auto !important;
    border: 0 !important;
}

.payrollAmountAllContainer {
    padding: .4em 0 !important;
}

.payrollAmount ul li {
    padding-top: 0 !important;
}

div#payrollAmountErrorField {
    margin-bottom: 0.6em;
}



.filterPayrollButtonArea .filterPayrollButton {
    margin: 12px 0 -1px !important;
}

/* ----  Payroll - add new modal window  -------- */
 .addPayrollText {
 	margin: 0 0 25px !important;
 }
 #editPayrollMakeEditsContinueButton.button3 { 
    height:26px;
    padding:0 .5em;
 }
 

/*  process indicator styling overides */

.process.addNewPayrollProcess,
div[id^="importFile"] .process {
    display: flex; /*  negates float and dislays steps inline */
    width: 100%;
    margin-top: 12px;
}
.process.addNewPayrollProcess {
	overflow:initial !important;
}

.process.addNewPayrollProcess li {
    flex: 1 1 200px;
}
.process.addNewPayrollProcess li span{
    padding-top:8px
}


/* remove tabbed look from steps */
.process li {
    border: none !important;
    margin: 0;
}


.process li label + span {
    font-size: 16px !important;
    font-weight: 400;
    color: #000000;
    opacity: 0.5;
    line-height: 1.1;
}

.process li label {
    position:relative;
    z-index:1;
    font-weight: 300;
    height: 33px !important;
    width: 33px !important;
    line-height: 1.675 !important;
    background: none !important;
    font-size: 21px;
    margin-right:9px;
}

/* create the colored circle behind numbers */
.process label:after {
    content:"";
     display: block;
    height: 100%;
    width: 100%;
    display: inline-block;
    background: #717174;
    text-align: center;
    position:absolute;
    z-index:-1;
    left: 0;
}


.process li.current label:after {
    background:#00A892;
}
.process li.activity label + span {
	opacity: 1;
}

.process li.current label + span {
    opacity:1;
}


div#searchParticipantContentBody {
    width: 100%;
    margin-top: 30px;
}

.processContent {
    border: 0 !important;
    padding: 0 !important;
    margin-left: 3px;
}


.searchParticipantSectionsHeader {
    background: none #EBEBEB!important;
    padding: 0.9em 1.1em .9em 1em!important;
    margin-bottom: 1em;
    margin-top: 1em;
    display: inline-block;
    border: none !important;
}

.searchParticipantSectionsHeader > .title10{  
	margin-left:6px;
}

.participantCriteriaContent {
    background: #EBEBEB !important;
    background: #fff!important;
    margin-bottom: 12px;
    margin-top: 0; 
    border-bottom: 0 !important;
    padding: 0 1em .5em  !important;
    
}
.participantCriteriaHiddenBodyContent {
    padding: 0 1em .5em  !important;
    width:97.7%;
}


h3.participantCriteriaContentHeader {
    background: #fff;
    padding: 0.9em 0.65em;
    background: #EBEBEB;
}

h3.participantCriteriaContentHeader img {
	margin: 0 0 4px 0;
}
h3 img.displayHide {
	margin: 0;
}

.participantCriteriaContentHeader .title10 {
    font-weight: 400;
    padding-left: .5em;
}
.participantCriteriaShowSubTitle {
    color: #000000 !important;
}

#payrollList .columnsCategoryTitle {
    margin: 0px 0 12px;
    border-top: 1px solid #f5f5f5;
    padding-top: 23px;
}

#payrollList  .processContent {
	width:100%;
}

/* --- new payroll step 2 ----*/
#makeYourEditsBody .actionTips {
    margin: 20px 0 20px 0 !important;
}

tr#makeYourEditPaging td {
    padding: 9px;
    border-bottom: 1px solid #00A892;
}
div#searchParticipantContentBody label {
   font-size:14px; 
}

/* ------------- payroll- add new payroll  ------------- */
#editPayrollFundYourPayrollForm  input#ROSTER-PAYROLL-DTE {
    margin: 0 0 10px 0;
}
.payrollEditMessagesArea {
	margin-top:12px;
}
.moneyType {
	width:auto !important;
}
.moneyType .columnsCategoryItem li:nth-child(odd) {
    background: #ebebeb;
}

.moneyType .columnsCategoryItem li {
    padding: 2px 7px;
}
#complianceTesting .title6 {
    font-size: 13px;
    padding:.6em 0 .6em;
}



/* make table fill avaiaible width */
div#makeYourEditsBody {
    width: 100% !important;
}

#participantsDataSheet {
    width: 100% !important;
}


div[id^="editPayrollMakeYourEdits"] #recalculateMatching {
    padding: 18px 0  12px 0;
    background: #ebebeb;
    margin: 0 0 8px;
    position: relative;
}

#payrollList #printTable {
    margin-top: 0 !important;
}


dl#payrollDateWarning {
/*     increase z-index to push above the stylized step counters */
    z-index: 2;
    background: #ededed;
    border: none;
    padding: 5px;
}

div#payrollDateWarningContainer {
    margin-bottom: 13px;
}


/* ---- view Payroll modal ----- */

#viewPayrollBody {
	padding-top: 20px !important;
}

#payrollViewButtonArea {
	margin-top:30px
}

#viewPayroll1_container_content1  #printTable,
#viewPayrollAnotherFeatures #printTable{
    padding: .7em .7em;
    margin-top:15px !important;
    margin-bottom: 19px !important;
    /* background: transparent; */
}

#viewPayroll1_container_content1 #payrollViewButtonArea {
	padding-top:23px;
}





/* edit  PAYROLL  */


h6.text4 {
	margin-bottom: 0.35em !important;
}

#editPayrollMakeYourEdits1_container .title5 {
	font-size: 14px !important;
}


#editPayrollMakeYourEdits4_container_content1 #printTable,
#makeYourEditsBody #printTable {
    padding-top:12px;
}


div[id^="editPayrollMakeYourEdits"] .process
 {
    display: flex;
    justify-content: space-between;
    width: 90%;
}

div[id^="editPayrollMakeYourEdits"] h1,
.processHeader {
padding-top:20px;
color:red
}

ul.process.defineFormatProcess {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 6px 0 23px;
}

div[id^="importFile"] #previewImportFile {
	margin-top:34px
}

.defineFileTypeButtons {
	margin-top:28px
}

.payrollEditErrorField.payrollEditErrorMessage {
	background: #f4f4f4;
	padding-left:12px;
}
#payrollDateWarningMessage {
	color:#d21e1e !important;
	padding-top:.25em !important;
	line-height: 1.25;
	font-size: 14px;
}


/* ------------------  Calendar -------------------------- */

/* overide from summary.css */
.selectedPlanCalendar {
	margin-top: 0 !important;
}

.selectedPlanCalendar .actionTips {
	margin: 0 0 12px;
	font-size: 14px;
	color: #000;
}

.planCalendarArea {
	background: #ebebeb;
	width: 100% !important;
	padding: 20px 20px 10px 20px;
	box-sizing: border-box;
	margin: 0;
	float:none !important;
	box-sizing: border-box;
}
.selectedPlanCalendarRequestsArea .summaryCalendarHeader2 {
	padding: 4px 0px;
}

#requestSearchHideFilter,
#requestSearchShowFilter,
{
	float:none;
	font-size: 14px;
	line-height: 24px;
	vertical-align: middle;
}

/* -------------------  Fees --------------------------------------  */

/* overide from fees.css */
.feeRequestsHeader {
    width: 100% !important;
}

/* Shared style fof filter link Icons */
/* Hide / how filter icons */
#requestSearchShowFilter > img, 
#requestSearchHideFilter > img,
#showFilter img, 
#hideFilter img,
.actionFilter img,
#reportsFilterHide img,
#reportsFilterShow img,
.feesFilter img,
.feesQueryFilter img {
    vertical-align: middle;
}



/* -------------  ALERTS ------------------------- */

/* dialog alerts - increase font size */
div#Dialog {
    font-size: 14px;
}
#ErrorDialog {
    font-size: 14px;
}


/* Timeout message */

.yui-skin-sam .yui-panel .hd {
 font-size:16px !important;
 font-weight:400  !important;
 color:#000  !important;
 background:none #ffffff  !important;
 border-bottom:3px solid #00A892  !important;
 
}
.yui-skin-sam .yui-panel .text3 {
 font-size:14px !important;

 
}

.yui-skin-sam .yui-panel .default button {
	background:#3369ff;
}

.yui-skin-sam .yui-panel button{
	/* color: #3369ff; */
	text-decoration: none !important;
	filter: none;
	border: 1px solid #3369ff;
	outline: none !important;
	padding: 0 12px;
	color: #3369ff;
	font-weight: 400 !important;
	font-size: 14px !important;
	background-image:none !important;
	background: transparent;
	border-radius: 5em;
}

.yui-skin-sam .yui-panel button:hover {
	background-color:#002677;
	color: white;
}
.yui-skin-sam .yui-panel .default button:hover { 
    background:#002677;
    border-color:#002677;
}

/* tell more popup */
.feesTellMeMoreContent {
    font-size: 14.5px;
    font-weight: 400;
}
/* tellmore icon */
img[src*="icon-about-step"] {
	padding-left:.3em;
	position: relative;
	top: -3px;
}


/* Success Message */
#contactUsSuccessMessage  {
    border: none;
    padding: 10px 8px 8px 28px;
    background-position: 1px center;
    font-size:13px;
    line-height: 1.2;
    color: #000;
    position:relative;
    border-bottom:2px solid #7D9845;
    width: fit-content;
    margin: 12px 1px 10px 1px;
}

.successMessage strong {
    color: #333;
}


/* NEW adddtions: 3/2 */



/* ----- Payroll Verifiy New Payroll ----- */

#verifyAndSubmitNewPayroll {
	margin-top:2em;
	width:auto !important
}

div#editPayrollMakeYourEdits1_container .dataSheet th {
    background: #ededed;
    border-bottom:2px solid #00A892;
}


/* ----- add participant modal ------   */
#addParticipanContent .pageTitle6 {
	margin-bottom: 20px;
}

/* #personalAndEmployeeInfoBody {
	padding-top:20px
} */

/* adjust button size and position */
#personalAndEmployeeInfoBody  #vertifySecurityNumber {
	line-height:16px;
	margin: -4px 0 0 6px;
	vertical-align:middle;
}

#personalAndEmployeeInfoBody h3.pageTitle2 {
	font-size: 20px;
	font-weight:400;
	margin-bottom: 1em;

}

#personalAndEmployeeInfoBody .informationList li {
    padding: 0 23px 11px 0;
    /* outline:2px solid green; */
}

#personalAndEmployeeInfoBody #rehiredQuestionArea, 
#personalAndEmployeeInfoBody #affiliatedQuestion, 
#personalAndEmployeeInfoBody #suspendedQuestion {
	margin: 20px 0;
}

.socialSecurityNumberArea {
	margin-top:20px
}

.changedPayrollDataSheet table {
    margin-top:13px;
}
div#addAnotherAddress {
    box-sizing: border-box;
    padding: 12px;
}

.payrollVerifySummaryDataTable th {
   color:#333;
   font-size:13.5px !important;
   font-weight:600;
   padding: 6px 0
}
.payrollVerifySummaryDataTable td {
   padding: 6px 0
}
.payrollVerifySummaryDataTable + table {
   margin-top:12px
}
.payrollVerifySummaryDataTable tfoot td {
	border-top: 1px solid #00A892 !important;
	padding-top:8px;
}




/* removes YUI border stying on dialogs */
.yui-skin-sam .yui-button .first-child {
     outline:none!important;
    background:transparent !important;
    border:none !important;
}
.yui-skin-sam .yui-button {
     outline:none!important;
     background:transparent !important;
     border:none !important;
}




/* ----- View Payroll Modal ---- */


div[id^="editPayrollMakeYourEdits"] #topArea {
	border:none;
}

#viewPayrollNav .viewPayrollNavRow span {
    font-size: 13px;
}
#viewPayrollNav .viewPayrollNavRow .title14 {
    padding-right:23px;
    font-size: 13px !important;
}

#viewPayrollAnotherFeatures {
	font-size:12px;
}

.payrollTotalsContainer {
    border-top: 1px solid #00A892;
}
.feesInfoViewOverlayContainer #partInfoContainner {
    padding-left: 2px !important;
}

#payrollViewDataSheetPaging td {
    padding: 17px 0 11px !important;
}


/* Add New Payroll / make edits */
div[id^="editPayrollMakeYourEdits"] #recalculateMatchingFirst {
    padding: 5px 15px 0 0;
    position: absolute;
    right: 0;
}

div[id^="editPayrollMakeYourEdits"] #recalculateMatchingFirst a, 
#payrollViewCopyPayroll {
    font-size: 13px;
    padding: 0.5em;
    text-align:center;
    color: #3369ff;
    border: 1px solid #3369ff;
    background-color: #fff;
    /* margin-left:12px; */
}
div[id^="editPayrollMakeYourEdits"] #recalculateMatchingFirst .split {
	display:none;
}
div[id^="editPayrollMakeYourEdits"] #addRemoveColumnsLinks:hover,
#payrollViewCopyPayroll:hover {
	background-color: #002677;
	color:white;
}

div[id^="editPayrollMakeYourEdits"] #recalculateMatchingGroup {
	padding:0 0 0 30px

}

#makeYourEditsDataSheetFoot #addParticipants.link5,
#makeYourEditsDataSheetFoot #deleteSelectedParticipants {
	float: none !important;
	font-size: 14px;
}

#makeYourEditsDataSheetFoot td {
	padding-top: 12px !important;
}

/*--------------------------------------------------- end view payroll Modal */

p.floatingMessageLogin {
	font-style: normal;
	font-size: 50px;
	font-weight: 60;
}

.sponFooterLinks{
	display: flex;
	background: #EBEBEB;
	justify-content: center;
}

.card-container {
	background: #FFFFFF;
	box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.1);
}

.cardContainerDiv {
	display: block;
	background: #FFFFFF;
	margin: 0 30px;
}

.card-content {
	margin: 25px;
	max-width: 250px;
	height: 305px;
}

.sponFooterLinksTools .card-content {
	max-width: unset;
}

.eyebrow {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 10px;
	color: #6c757d;
}

.list-dividers>li {
	line-height: 22px;
	padding: 10px 0;
	border-top: 2px solid #EBEBEB;
	font-size: 14px;
}

div.headline h3 {
	margin-bottom: 1em;
	font-weight: 350;
	line-height: 1.2;
	color: inherit;
	font-size: 25px;
}

div.cmp-text p {
	font-size: 14px;
	font-weight: 400;
}

.card-container img {
	width: 300px;
}

.card-container .arrowImage img {
	width: auto;
}

.card-content .arrowImage {
	position: absolute;
}

.card-content .richtext {
	height: 145px;
}

.blueFooterBar {
	width: 100%;
	background: #066B9C;
}

.blueFooterBarContent {
	margin: auto;
	width: 1037px;
}

p.blueFooterTitle {
	font-size: 250%;
	color: white;
	padding-top: 20px;
}

p.blueFooterSub {
	color: white;
	font-size: 150%;
	font-weight: 80;
	margin-right: 200px;
	padding-bottom: 30px;
}

.bigArrowImage {
	float: right;
	margin-top: -85px;
	margin-right: 40px;
}

.footerContainer {
	width: 1037px;
	margin: auto;
}

.footerContainer .brand {
	display: block;
	margin-bottom: 30px;
	margin-top: 30px;
	border-bottom: #B1B1B1 1px solid;
	padding-bottom: 30px;
}

.missionSimple {
	margin-bottom: 30px;
}

.footerRows {
	display: block;
	font-size: 14px;
	color: #ffffff;
}

.footerRows p {
	line-height: 2;
}

.missionTagline {
	margin-bottom: 30px;
	width: 50%;
	float: left;
}

.missionSimple p:first-of-type {
	color: #B1B1B1;
}

.connectSocial {
	float: left;
	width: 16.66667%;
	line-height: 2;
}

ul.connect-links-list a {
	color: #ffffff;
}

ul.connect-links-list a:hover {
	color: #00A892;
}

li.connectTitle {
	color: #B1B1B1;
	font-weight: bold;
}

.companyOverviewRow {
	float: left;
	width: 16.66667%;
	line-height: 2;
}

ul.footer-list-unstyled a {
	color: #ffffff;
}

ul.footer-list-unstyled a:hover {
	color: #00A892;
}

.aboutUsRow {
	float: left;
	line-height: 2;
	width: 16.66667%;
}

.copyrightFooter {
	display: inline-block;
	font-size: 14px;
	color: #ffffff;
	margin-top: 20px;
	margin-bottom: 30px;
}

.topFooterSection {
	background: #EBEBEB;
	height: 650px;
	border-top: 40px solid #ffffff;
	border-bottom: 44px solid #ffffff;
}

.cardHeader {
	width: 1037px;
	margin: auto;
	padding-top: 40px;
}

.cardHeader p.title1 {
	font-size: 35px;
	font-weight: 100;
	margin-bottom: 35px;
	margin-left: 15px;
}

/*Reporting page*/
img.reportImages {
	margin-left: -20px;
	margin-top: -26px;
	padding-bottom: 10px;
	width: 324px;
}

#bdContent #contentSection .customReportLinks div {
	padding: 10px 10px 24px 10px;
}

.summaryReportsBox .clear.horizontalDivider{
	display: none;
}

.needAssistance {
	font-size: 12px;
}
.needAssistance p a.link6 {
	color: #00A892;
	border-bottom: none;
}
.needAssistance p a.link6:hover {
	color: #3369ff;
}

#loginContentInputArea label.text2 {
	color: #000;
}

div.sponsorSelectDetail td.sponsorSelectinPageTableLink a {
	font-size: 12px;
}

div#main-wrapper ul.logoutArea a {
	color: #ffffff;
}

div#main-wrapper ul.logoutArea a:hover {
	color: white;
	text-decoration: underline;
}

/* remove just for demo */
div#topNavigation li#invoicePaymentNav {
	display: none;
}

div.summaryContainer div.noValuesMessage {
	background: #ebebeb;
	border: 1px solid #ebebeb;
}

div.modelPortfoliosArea div.noBalanceMessage {
	background: #ebebeb;
	border: 1px solid #ebebeb;
	padding: 10px;
}

div#payrollFilterHeader span.pageTitle2 {
	margin-bottom: 20px;
	margin-top: -20px;
}

p.sponPlanInformationInvestmentOptionsTitle span a.link6 {
	font-size: 13px;
	padding-left: 10px;
}

div.peopleContactsContainerBody a.link7 {
	font-weight: bold;
}

div.planDocumentControlArea a.link6 {
	font-size: 12px;
}

span a.smartPlan {
	color: #002677;
}

p.researchTopSection span a#changeInvestmentShow {
	width: fit-content;
	line-height: 24px;
	border-radius: 5em;
	padding: 0 12px;
}
a#partLogoutLink {
	background: #002677;
}

body.LoggedInAsParticipant div.contentLeft h2 img {
	display: none;
}

body.LoggedInAsParticipant #main-wrapper {
	padding-bottom: 0;
}
div#educationToolsTab a.link6 {
	font-size: 12px;
}
.errorMsgNoChart {
	width: 100%;
}
.myRetirementGoalsWithInflationActionTextSection .dottedLine {
	border-top: none;
}
.myRetirementGoalsWithInflationActionTextSection {
	float: left;
	margin: 10px;
}
p.profileInformationHeader a#addressShow {
	background: none;
	border: none;
	font-size: 12px;
	font-weight: 500;
	margin-left: -7px;
}
div.profileInformationSection a.link6 {
	font-size: 12px;
}
div#grantAccessContent a.link9 {
	font-size: 12px;
}
div.withdrawalInfoHeader div#withdrawalInformationAction div.button3 {
	background: #3369ff;
}
div#withdrawalInformationAction div.dropDownListTitleInactive {
	background: #3369ff;
}
.withdrawalInformationActionHeader {
	line-height: 26px;
}
div.withdrawalInfoHeader div#withdrawalInformationAction div.button3:hover {
	background: #002677;
}
p.viewAvailableAmountsArea a.linkWithoutUnderline:hover {
	color: #00A892;
}
a#withdrawalInformationActions span:hover {
	color: #00A892;
	background: #002677 !important;
}
p.viewAvailableAmountsArea a.linkWithoutUnderline {
	color: #002677;
}
input#trySmartPlanLink {
	background: #3369ff;
	margin-left: 23px;
}
input#trySmartPlanLink:hover {
	background: #002677;
}
.inquiryBoxContent .inquiryBoxTriangle.firstBox,
.inquiryBoxContent .inquiryBoxTriangle.secondBox,
.inquiryBoxContent .inquiryBoxTriangle.thirdBox {
	border-left-color: #00A892;
}
.inquiryBoxContent .inquiryBox.firstBox,
.inquiryBoxContent .inquiryBox.thirdBox {
	background-color: #3369ff;
}
.inquiryBoxContent .inquiryBox.secondBox {
	background-color: #002677;
}
.inquirySection .inquiryHeader {
	color: #002677;
}
.withdrawalInfoHeader #withdrawalInformationAction .withdrawalInformationActionBody ul li a {
	border: none;
}
.withdrawalInfoHeader #withdrawalInformationAction .withdrawalInformationActionBody ul li a#modelWithdrawalShow:hover {
	color: white;
}
.withdrawalInfoHeader .viewAvailableAmountsArea a.linkWithoutUnderline,
.withdrawalInfoHeader .viewAvailableAmountsArea a.linkWithoutUnderline:hover {
	color: white;
	font-weight: 400;
	font-size: 13px;
	line-height: 28px;
}
.withdrawalInfoHeader .viewAvailableAmountsArea {
	padding: 0;
}
.withdrawalInformationActionBody.dropdownListContainer.dropDownListTrigerButtonModle {
	margin-right: -2px;
}
p.researchTopSection a#changeInvestmentShow {
	margin: 10px 0 10px 0;
}

/*taken from trp reskin */
#payrollTopNavContainer .payrollTopNav a:hover,
#complianceTopNavContainer .complianceTopNav a:hover,
#withdrawalsTopNavContainer .withdrawalsTopNav a:hover,
#feesTopNavContainer .feesTopNav a:hover,
#loansTopNavContainer .loansTopNav a:hover,
#contributionsNavBar a:hover,
#financialsTopNav a:hover,
.beneficiariesTableContainer thead th a:hover,
#myPortfolioTopNavContainer .myPortfolioTopNav a:hover,
#planInformationTopNavContainer .planInformationTopNav a:hover,
#customPageModulesTopNavContainer .customPageModulesTopNav a:hover,
#researchTopNavContainer .researchTopNav a:hover {
	color: fff;
}

/* RSIM-9108 */
#leftContentSection div.landingPageOnePlanContainer ul {
	width: 20%;
	border-right: none;
}

div.percentWrapper {
	width: auto;
}

div.noDataMessage p img {
	height: 15px;
	margin: 4px 4px -2px 8px;
}
/*RSIM-9339*/
div.messageBanner img {
	height: 15px;
	margin: -2px 0 2px 0;
}
ul.myRetirementGoalsWithInflationActionTextSection .dottedLine {
	display: none;
}
div.errorMsgNoChart.messageBanner {
	margin: 10px;
}
a#myRetirementGoalsWithInflation_UpdateMyGoalsShow {
	font-size: 160%;
	float: right;
	margin-right: 10px;
}
p.noPerformanceMessage img {
	height: 15px;
	margin: -2px 4px;
}
div#loanInformationAction div.dropdownListContainer li a:hover {
	color: white;
}
div.loanInformationActionBody ul {
	background: none !important;
}
/*END RSIM-9339*/

body#dailyConfirms .yuimenubaritem #planAdministrationNav,
body#auditPackage .yuimenubaritem #planAdministrationNav,
body#messagecenter .yuimenubaritem #planAdministrationNav {
	background: transparent;
	border: none;
	color: #737373 !important;
}
body#messagecenter div.yuimenubar .yuimenubaritem #communicationsNav {
	color: #00a982 !important;
}
body.yui-skin-sam #globalNavigation .yuimenubarnav .yuimenubaritemlabel{
	border-bottom: 3px solid #00a982;
	color: #00a982 !important;
	/*padding: 5px 0 8px 0;*/
	padding: 15px 15px;
	margin: 0 0 10px 0;
	color: #737373;
}
body#dailyConfirms .yuimenubaritem #reportingAnalysisNav,
body#auditPackage .yuimenubaritem #reportingAnalysisNav,
body#messagecenter .yuimenubaritem #communicationsNav,
body#reportTypesMainPage li.yuimenubaritem #reportingAnalysisNav {
	border-bottom: 3px solid #00a982 !important;
	color: #00a982 !important;
}
body:not(#reportsMainPage) .yuimenubaritemlabel:not(#planAdministrationNav){
	background-color:transparent;
	border: none;
	color: #737373 !important;
}
#reportsMainPage .yuimenubaritemlabel:not(#reportingAnalysisNav),
#reportTypesMainPage .yuimenubaritemlabel:not(#reportingAnalysisNav) {
	background: white !important;
	color: #737373 !important;
	border: none;
}
.yuimenubaritemlabel-hassubmenu-selected,
#reportsMainPage .yuimenubaritemlabel-hassubmenu-selected,
#reportTypesMainPage #reportingAnalysisNav.yuimenubaritemlabel-hassubmenu-selected,
.yui-skin-sam #globalNavigation .yuimenubar a:active,
body:not(#xx) .yuimenubaritemlabel:not(#xx).yuimenubaritemlabel-hassubmenu:hover {
	/*border-bottom: 3px solid #002677;*/
	background: rgb(0,217,167,.1);
}
body:not(#reportsMainPage):not(#payrollLandingPage) .yuimenubaritemlabel:not(#payrollNav):hover,
#reportsMainPage .yuimenubaritemlabel#reportingAnalysisNav:hover,
#payrollLandingPage .yuimenubaritemlabel#payrollNav {
	/*border-bottom: 3px solid #00a982;*/
	background: rgb(0,217,167,.1) !important;
	/*color: #00a982 !important;*/
}
body#reportTypesMainPage .yuimenubaritemlabel:not(#reportingAnalysisNav):hover {
	/*background:#0060f0 !important;
	color:#fff;*/
	border-bottom: 3px solid white;
}
.yuimenubaritemlabel:hover {
	/*background-color: #0060f0 !important;
	color: #ffffff;*/
	/*border-bottom: 3px solid #00a982;*/
}
#reportsMainPage #communicationsNav:hover, #reportsMainPage #planAdministrationNav:hover {
    /*border-bottom: 3px solid white !important;*/
    background: rgb(0,217,167,.1) !important;
}
body.yui-skin-sam #globalNavigation .yuimenubaritem-selected a{
	color: #737373 !important;
}
body.yui-skin-sam #globalNavigation .yuimenubaritem-selected a{
	color: #737373 !important;
}
.yui-skin-sam #globalNavigation .yuimenubaritem-selected {
	color:#737373 !important;
}
.yui-skin-sam #globalNavigation .yuimenubaritem-selected a {
	color: black!important;
}
.yui-skin-sam #globalNavigation .yuimenubar a:active {
	background-color: #e8e8e8;
	color: #002677;
}
body.yui-skin-sam #globalNavigation .yuimenubarnav .yuimenuitemlabel.yuimenubaritemlabel-selected{
    /*color: #002677 !important;*/
}
div.noBalanceMessage.title6 {
	width: auto;
	padding: 12px 0;
}
h1.loginHeader {
	margin: 0;
}
a#IWantToViewAnalyticsTabLink {
	border-radius: 5em;
}
.header-logo-container {
    width: 1100px;
    margin: auto;
    padding: 30px 0 24px 0;
}
div.addNewPayrollBody {
	background: none;
}
div.actionOptionList {
	border: none !important;
}
div.planInformationHeader {
	border: none;
}
div.planInformationHeader a.link6 {
	padding-left: 4px;
	font-size: 12px;
}
div.goToOnlineForm,
div.goTo5500Sunguard {
	border-radius: 5em;
	border: 2px solid #3369ff;
}
div.goToOnlineForm a, 
div.goTo5500Sunguard a {
	font-size: 12px !important;
}
input#addNewMessageClick {
	margin: 15px;
}
div#addMessages ul.alertMessage span {
	color: #002677;
}
div.noDataMessage {
	border: none;
	background: #ebebeb;
}
table.landingPageMultiPlanDataSheet tbody td {
	border: none;
}

.header-logo-container #logo {
	width: 124px;
}

.boxContent #alerts h3 {
    background: none;
    padding: 0 14px;
    font-size: 18px;
    color: #3369ff;
}

.yui-skin-sam .yui-navset div.yui-content {
	border: none;
}
div.massagesAndAlertsOverlay a#hideAllAlerts {
    padding: 2px;
}

.yui-skin-sam .yuimenubarnav a.yuimenubaritemlabel-hassubmenu {
    background: url(https://betaretirementsolutions.financialtrans.com/myPLANCATWebApp/yui/menu/assets/skins/sam/menubaritem_submenuindicator.png) center right -5px no-repeat;
}

div.newLook p.newLookAlert {
    color: #002677;
    padding: 12px 4px 12px 12px;
    font-weight: 500;
}

p.newLookMessage {
    color: #3369ff;
    padding: 12px 12px 12px 0;
}

div.newLook {
    display: inline-flex;
    border: 1px solid #3369ff;
    margin: 12px 0;
}

div.newLook p {
    font-size: 16px;
    font-weight: 300;
}

div#fromSponsor .fromSponsorAlert {
	color: #002677;
}
div.fromSponsorTopSearch p.participantSearchText {
    color: #002677;
    font-weight: 500;
}
div.loanInformationActionHeader {
    padding: 0px 15px;
}
li.title1.portfolioPerformanceValue{
	color: #00a982;
}

#exchangeToDataSheetHeader tr.title6 th,
#futureElectionsDataSheetHeader tr.title6 th {
    background: #ebebeb;
    border: none;
}

#customLinks div#printLink {
	display: none;
}

div#loginContainer2 input#updateContinue {
    font-size: 130%;
}

div#investmentsControlSection div#filterSection {
    background: #ebebeb;
    border: none;
}

div#filterAndFeesSection {
    border: none;
}

div.investmentNameActionBody {
    background: none;
}
tr.investmentNameRows {
    background: #EAF5FF;
}

div.investmentDataSheetBody span.title6.multipleTitle {
    color: black;
}
td.monthlyPerformanceItems span.multipleTitle.text2 {
    color: #333333;
}
div#planDocumentsContainer a.linkWithoutUnderline {
    color: #002677;
}
div#planDocumentsContainer a.linkWithoutUnderline:hover {
    color: #3369ff;
}
div#planInformationContentSection h2 a {
    color: #002677;
    font-weight: 600;
}
div#planInformationContentSection h2 a:hover {
    text-decoration: none;
    color: #3369ff;
}
input#addBeneficiaryContainerButton {
    height: auto;
}
div.beneficiaryContainerHeader div.beneficiaryTotalPercentage {
    right: 0;
}

body#planInformation div#cmsModuleFooter li a:hover {
    color: #3369ff;
}

body#planInformation div#cmsModuleFooter li a {
    font-size: 12px;
}
body#investmentOptions div#cmsSiteFooter div p {
    color: white;
}
/*RSIM-9926*/
p.footerPhone {
    font-weight: 600;
    border-bottom: 2px solid #00a982;
    margin-bottom: 12px;
}
/*RSIM-10293*/
.researchInvestmentsMessage {
    padding: 12px;
    border: 2px solid #3369ff;
    width: 70%;
    margin-bottom: 14px;
}
.researchInvestmentsMessage p {
    color: #002677;
    font-weight: bold;
    /* font-family: roboto, sans-serif; */
}
.researchInvestmentsMessage a {
    /* text-decoration: underline; */
    font-weight: bold;
    color: #3369ff;
}
.researchInvestmentsMessage a:hover {
    text-decoration: underline;
}
/*end RSIM-10293*/

/*RSIM-10866*/
div#feeDisclosureCombo {
    right: 65px;
    width: 250px !important;
}
a#planDocButton {
    width: 47px !important;
    border-radius: 14px !important;
    height: 28px;
}
body.LoggedInAsSponsor.viewAsParticipant div.researchInvestment-subHeader,
body.LoggedInAsParticipant div.researchInvestment-subHeader {
	margin-top: -44px !important;
	margin-bottom: 45px !important;
}
/*end RSIM-10866*/

/*RSIM-413 remove display none when SUPRS-558 is resolved*/
.quickEnrollContent p.investmentsFund.modelLongName {
    display: none;
}
input#enrollNowLink {
    background: #3369ff;
    border: #3369ff;
    font-size: 18px;
}
input#enrollNowLink:hover {
    background: #002677;
    border: #002677;
}
input#termsDeclineLink {
    background: #5b5b5b;
    border: #5b5b5b;
}
input#termsDeclineLink:hover {
    background: #002677;
    border: #002677;
}
input#enrollNowLink.button6DisabledButton {
    border-radius: 5em;
    background: #5b5b5b;
}
div.quickEnroll, div.fullEnroll {
    background-color: #f5f5f5;
    width: 500px;
    margin: 4px;
}
div.quickEnroll, 
div.fullEnroll {
    background-color: #f5f5f5;
    width: 500px;
    margin: 4px;
}
body#enrollment div#bdContent p, 
body#enrollment div#bdContent h1 {
    color: #002677;
    font-weight: 600;
}
h2.chooseEnrollTitle.pageTitle2 {
    font-size: 22px;
}
div.quickEnroll p, div.fullEnroll p {
    padding: 0 40px;
    font-size: 16px;
}
body#enrollment p.pageTitle2.welcomeText {
    color: #002677;
    font-weight: 600;
    padding: 20px 0 8px 0;
}
.quickEnrollHelpContent h1 {
    color: #3369ff;
}
.enrollmentPageAlignmentControl.quickEnrollContent h2 {
    color: #002677;
}
p.pageTitle2.welcomeText {}

body#enrollment p.pageTitle2.welcomeText {
    color: #3369ff;
    font-weight: 600;
    padding: 40px 0 8px 0px;
}
.quickEnrollHelpContent h1 {
    color: #002677;
}
.enrollmentPageAlignmentControl.quickEnrollContent {
    background: #f5f5f5;
    width: 998px;
}
.enrollmentPageAlignmentControl.quickEnrollContent h2 {
    color: #3369ff;
}
span.enrollHighlight {
    color: #3369ff;
}
div#fixedRatesGroupSection .selectedOption {
    background-color: #E0F1FF;
}
div#fixedRatesGroupSection span.checkmark .tagActive,
div#customRate .tagActive {
    background-color: #00A982;
}
div.enrollPercent {
    border: none;
    width: 264px;
}
a#switchToGuided {
    border: 1px solid #002677;
    padding: 12px;
    border-radius: 20px;
    background: #002677;
    color: white;
}
.enrollmentPageAlignmentControl:first-of-type {
    margin-top: 40px;
    width: 1056px;
}
span#iAgreeDownIcon {
    border: none;
}
body#enrollment div#termsAndConditions {
    background: #f5f5f5;
    width: 998px;
    padding: 0 22px 30px 44px;
}
div#exclusiveEnrollmentInvestmentContent.exclusiveContentForResearchInvestment {
    background: white;
    font-size: 14px;
    font-weight: 400;
    box-shadow: none;
    border: 2px solid #002677;
    border-radius: 5px;
}
body#enrollment h1.pageTitle2 span[aria-hidden="true"] {
    display: none;
}
body#enrollment .summaryOverviewPageRight .planNotesDetail {
    display: none;
}
#enrollment input.continueRetirementPageButton {
    padding: 20px 40px;
    line-height: 1px;
}
/*end RSIM-413*/
#participantsPagingContainer td.participantBreakWord {
    word-break: keep-all !important;
}
.withdrawalHistoryHeader {
    line-height: revert;
}
div.assetsDownloadContainer a.dropDownListTitleInactive,
div.assetsDownloadContainer a.dropDownListTitleActive:hover{
    padding: 0;

}