body { font-family: Arial, Helvetica, sans-serif; font-size: 12px;  }
header, nav, section, footer, aside, video, { display: block; }

.wrapper { margin: 0 auto; width: 978px; }
.tw-normal { font-weight: normal !important; }
.tt-normal { text-transform: none !important; }
.hidden-text { margin-left: -9999px; position: absolute; }
.lower { text-transform: lowercase !important; }
.left { float: left !important; }
.clear { clear: both; }
/* Begin Header Styles */
	header { padding: 0 0 30px 0; background: #fff; }
	header .logo { margin: 30px 0 15px 0; }
	header p { margin-bottom: 0 !important; }
	header p a {text-decoration: none; }
	header p a:hover { text-decoration: underline; }
	
	header .wrapper .row { margin: 0 0 15px 0; }
	header .login-wrapper,
	header .login-plan-dd { text-align: right; vertical-align: text-top; float: right; }
	header .login-plan-dd { padding: 0 10px 0 0; }
	header .login-wrapper .logged-in { display: inline-block; margin: 10px 12px 0 0; }
	header .login-wrapper .logged-in ul { padding: 0; }
	header .login-wrapper .logged-in ul li { display: inline-block; font-size: 14px; font-weight: bold; padding: 0 8px; text-transform: capitalize; }
	
	header .login-wrapper .logged-in p { padding: 8px 0 0 8px; }
	header .login-wrapper .logged-in .mac-link a { margin: 0 12px 0 0; padding: 0 12px 0 0; border-right: 1px solid #000; }
	header .login-wrapper .logged-in .help-link a { margin: 0 0 0 12px; padding: 0 0 0 12px; border-left: 1px solid #000; }
	header .login-wrapper .dist-co-tab { display: inline-block; vertical-align: top; }
	header .login-wrapper .dist-co-tab ul { border-radius: 0 0 4px 4px; font-size: 12px; font-weight: bold; padding: 0 20px 5px 20px; }
	header .login-wrapper .dist-co-tab ul li { padding: 8px 0; text-align: center; }
	header .login-wrapper .dist-co-tab ul li.name { text-transform: uppercase; }
	header .login-plan-dd h2 { margin-bottom: 0 !important; }
	header .login-wrapper .plan span { color: #777; padding: 0 8px 0; text-transform: uppercase; }
	/* layout of the drop-down menus */
	.drop-down { display: inline-block; margin: 15px 0 0; text-transform: uppercase; }
	
	header .mobile-view { visibility: hidden; height: 0 !important; }
	
	/* Begin - Custom drop-down nav styles */
		#nav { text-transform: capitalize ; clear: both; font-weight: bold;} /* Change By Tanmoy D*/
		#nav > a { display: none; }
		#nav li { position: relative; z-index: 9999 !important; }
		#nav li a { display: block; text-decoration: none; }
		#nav span:after { width: 0; height: 0; border: 0.413em solid transparent; /* 5 */ border-bottom: none; content: ''; vertical-align: middle; display: inline-block; position: relative; right: -4px; top: -1px; /* 5 */ }
		
		/* first level */
		#nav > ul { height: 40px; /* 60 */ }
		#nav > ul > li { width: 20%; height: 100%; float: left; }
		#nav > ul.six > li { width: 16.65%; height: 100%; float: left; }
		#nav > ul > li > a { height: 100%; font-size: 13px; /* 24 */ line-height: 40px; /* 60 (24) */ text-align: center; }		

		/* second level */
		#nav li ul { display: none; position: absolute; top: 100%; z-index: 9999 !important; }
		#nav li:hover ul { display: block; left: 0; right: 0; }
		#nav li:not( :first-child ):hover ul { left: -1px; }
		#nav li ul a { font-size: 12px; padding: 8px 20px; }
		
	/* End - Custom drop-down nav styles */
	
	header h2.plan-name {  }
	
/* End - Header Styles */
	
	/* Main Content Styles */
	.content { padding: 0 0 30px 0; }
	h1 { font-size: 19px; font-weight: bold; margin: 0 0 8px 0;  }
	h2 { font-size: 17px; font-weight: bold; margin: 0 0 8px 0; }
	h3 { font-size: 16px; font-weight: bold; margin: 0 0 8px 0; }
	h4 { font-size: 14px; font-weight: bold; text-transform: uppercase; margin: 0 0 8px 0; }
	h5 { font-size: 13px; font-weight: bold; margin: 0 0 8px 0; }
	h6 { font-size: 12px; font-weight: bold; margin: 0 0 8px 0; }
	
	p { font-size: 12px; line-height: 18px; margin: 0 0 20px 0; }
	.content .main-content a { text-decoration: underline; }
	.content .main-content a:hover { text-decoration: none; }
	.content aside a { text-decoration: none; }	
	.content aside a:hover { text-decoration: underline; }
	
	.landing-wrapper { width: 100%; margin: 0 0 30px 0; }
	.landing-wrapper h2 { padding: 30px 0 0 0; }
	.landing-wrapper .intro-blue { display: inline-block; vertical-align: top; }
	.landing-wrapper .intro-blue h2,
	.landing-wrapper .intro-blue p { width: 620px; padding-right: 20px; }
	.landing-wrapper .intro-blue.home h2,
	.landing-wrapper .intro-blue.home p { width: 550px; padding-right: 20px; }
	.landing-wrapper .lw-inner-wrapper img { display: inline-block; margin: 20px 0; }
	.landing-wrapper .lw-inner-wrapper .fields img,
	.login-wrapper .forgot-pass img { display: inline-block; margin: 0 !important; }
	.landing-wrapper .lw-inner-wrapper img.home { display: inline-block; margin: 0; vertical-align:top; }
	
	.content .main-content { padding: 0 0 20px 0; }
	.content .main-content ul,
	.content .main-content ol { padding: 0 25px; margin: 0 0 12px 0; }
	.content .main-content ul li { list-style-type: disc; margin: 0 0 8px 0; }
	.content .main-content ol li { list-style-type: decimal; }
	
	/* Home Page Content Blocks based on Mobile View */
	.content .main-content #home-container { display: block; }
	.content .main-content #mobile-dashboard { display: none; }
	
	.radio-wrapper { list-style-type: none; padding: 0 !important; margin: 0 0 0 8px !important; display: inline-block; }
	.radio-wrapper li { display: inline-block; margin: 0 8px 0 0; }
	.tabs-container { margin-bottom: 20px; }

    .tabs-menu { display: block; height: 29px; font-size: 0; padding: 0; margin: 0; }
	.tabs-menu ul { padding: 0 !important; }
    .tabs-menu ul li { height: 29px; line-height: 29px; display: inline-block; font-size: 12px; font-weight: bold; }
    .tabs-menu ul li.active,
    .tabs-menu ul li:hover { position: relative; z-index: 5; }
    .tabs-menu ul li a,
	.tabs-menu ul li a:hover { padding: 10px 18px; text-decoration: none !important; }
     /*NUI-92:Commented by OS .tabs-menu ul li.last { border-right: 1; } */ 
    .tabs-wrapper { width: auto; }

    .tabs-content { width: 608px; padding: 15px; display: none; }
	.tabs-content.no-js { display: block !important; }
	
	.tabs-content.no-js .pror-wrapper { height: 600px; }
	
	.cw-container { display: block; font-size: 0; width: 100%; }
	.cw-container .chart-wrapper { display: inline-block; width: 50%; }
	.chart-wrapper-full { width: 100%; }
	.chart-wrapper-full div { margin: 0 auto; }
	
	/* Planning Section Styles */
	
	.video-container, .video-container .videoResize { width: 100%; }
	
	.content .main-content .planning { margin: 30px 0; }
	.content .main-content .planning ul,
	.content .main-content .related-content .rc-container ul { padding: 0 !important; }
	.content .main-content .planning ul li,
	.content .main-content .related-content .rc-container ul li { list-style-type: none !important;}
	.content .main-content .planning ul li a,
	.content .main-content .related-content .rc-container ul li a { font-weight: bold; } 
	.content .main-content .planning ul li .desc { padding: 0 !important; margin: 0 !important; }
	.content .main-content .planning h2 { padding: 0 0 0 36px; margin: 0 0 10px 0 !important; line-height: 25px !important; }
	.content .main-content .planning .articles,
	.content .main-content .planning .calculators,
	.content .main-content .planning .icharts { border-bottom: 1px solid #d8d8d8; margin: 0 0 20px 0; padding: 0 0 8px 0; }
	
	.content .main-content a.more { font-weight: bold; }
	
	.content .main-content .related-content { overflow: hidden; }
	.content .main-content .related-content .rc-container { padding: 20px; }
	.content .main-content p.seperator { border-bottom: 1px solid #d8d8d8; padding: 0 0 20px 0; }
	
	.content .main-content .related-content .rc-container .type { text-transform: lowercase; }

	.content .main-content .hidetab { line-height: 14px; font-weight: bold; font-size: 14px !important; }
	.content .main-content .hidetab .ht-text { position: relative; top: -1px; }
	.content .main-content .hidetab img { margin: 0 8px 0 0; }

	/* Home Sources Styles */
	.content .main-content .home-sources-container { width: 100%; clear: both; margin: 20px 0; }
	.content .main-content .hsc-wrapper { width:49%; display: inline-block; vertical-align: top; margin: 0 0 15px 0; }
	.content .main-content .hsc-wrapper .row { width: 100%; margin: 0 0 8px 0; }
	.content .main-content .hsc-wrapper .row .bar { height: 15px; float: left; margin: 0 12px 0 0; max-width: 49%; }
	.content .main-content .hsc-wrapper .row .balance { display: inline-block; font-weight: bold; }


	/* Message Styles */	
	.content .main-content .message-wrapper a { padding: 8px; text-decoration: none !important; display: block; font-weight: bolder; }
	.content .main-content .message-wrapper a span { display: inline-block; margin: 0 15px 0 0; }
	
	/* Statement styles*/
	.statement-wrapper { width: 650px; clear: both; overflow:hidden; display:block; padding: 10px 15px; }
	.statement-wrapper .sr-left { float: left; width: 49%; }
	.statement-wrapper .sr-right { float: left; width: 50%; vertical-align: top; }
	
	/* Inner Page Nav */
	.content ul.inner-nav { width: 100%; list-style-type: none; height: 25px; margin: 0 0 15px 0; text-transform: uppercase; padding: 0 !important; }
	.content ul.inner-nav li { display: inline-block; float: left; }
	.content ul.inner-nav li a { padding: 5px 15px; display: block; line-height: 15px; font-weight: bold; height: 15px; text-decoration: none; }
	.content ul.inner-nav li a:hover,
	.content ul.inner-nav li.active a { text-decoration: none !important; }
	.content ul.inner-nav li.active div { background: url(../Images/bg-inner-nav-active.png) no-repeat; height: 5px; width: 9px; margin: 0 auto; }
	
	/* Chart Fix */
	.ig-chart { overflow: hidden; }
	
	/* Table Styles */
	.table {}
	.table-header { padding: 12px 0; font-weight: bold; }
	.table-header span,
	.table-row span { display: inline-block; vertical-align: middle; padding: 0 2%; }
	.table-row { border-top: 1px solid #dedede; padding: 7px 0; }
	
	/* Plan Selector */
	.table.plan-select { width: 400px; }
	.table.plan-select .district { width: 70%; }
	.table.plan-select .plan-type { width: 20%; text-align: right; }
	
	/* Home Sources */
	.table.home-sources { border: solid 1px #d7dcde; }
	.table.home-sources .source,
	.table.home-sources .totals { font-weight: bold; }
	.table.home-sources .source,
	.table.home-sources .balance,
	.table.home-sources .vesed-balance { width: 33%; }
	
	/* Button Styles */
	.button-wrapper { padding: 22px 0; clear: both; }
	.button-link { padding: 8px 24px; margin: 0 12px 0 0; text-transform: uppercase; font-size: 13px; font-weight: bold; border: 0; }
	.button-link-pag { padding: 2px 5px; margin: 0 0 0 8px; text-transform: uppercase; font-size: 13px; font-weight: bold; border: 0; }
	.button-wrapper.right { text-align: right; }
	.button-wrapper.right .button-link { margin: 0 0 0 12px !important; }
    .button-link-disabled { opacity:0.5; cursor:none; }
    .button-link-with-no-link { cursor:pointer; }
	
	.print-wrapper { margin: 22px 0 0 0; text-align: right; }
	
	.print.alink { text-indent: -9999px; }
	
	/* Right Column Styles */
	.content aside { width: 304px !important; margin-bottom: 20px; }
	.content aside .section .qv-content { padding: 12px; display: none; }
	.content aside .section .qv-content div { border: 0; }
	.content aside .section.margin26 { margin-top: 26px; }
	.content aside h2 { line-height: 20px; padding: 2px 15px; margin: 0; text-transform: capitalize; background: #d8d8d8; }
	.content aside h3 { font-size: 12px; font-weight: bold; text-transform: capitalize; line-height: 20px; padding: 12px 4% 0 4%; cursor: pointer; background: url(../Images/ico-accordion-down.png) right 17px no-repeat; width: 89%;}
	.content aside h3.active { background: url(../Images/ico-accordion-up.png) right 17px no-repeat; }
	.content aside h3 span { display: inline-block; vertical-align: middle; }
	.content aside h3 .normal { text-transform: none !important; border: 0 !important; }
	
	.content aside h3 span.star { background: url(../Images/star.png) no-repeat; height: 20px; width: 19px; margin: 0 0 0 5px; }
	
	.content aside h4 { font-size: 12px; font-weight: bold; text-transform: uppercase; margin-bottom: 2px !important; }
	.content aside ul.account-summary { margin: 0 0 10px 0; list-style-type: none; }
	.content aside ul.account-summary li { margin: 0 0 6px 0; /*padding: 0 0 4px 0; border-bottom: 1px dotted #9f9f9f;*/ }
	.content aside ul.account-summary.lines li { padding: 0 0 4px 0; border-bottom: 1px dotted #9f9f9f; }
	.content aside ul.account-summary.lines li.last { border-bottom: 0; }
	.content aside ul.account-summary li span,
	.content aside .account-summary-totals span { display: inline-block; }
	.content aside ul.account-summary li .name { font-weight: bold; width: 69%; }
	.content aside ul.account-summary li .value { width: 29%; text-align: right; vertical-align: top; }
	.content aside ul.account-summary li .valuePos { width: 29%; text-align: right; vertical-align: top; color :green  ; } /* Added by Tanmoy D NUI-152 */
    .content aside ul.account-summary li .valueNeg { width: 29%; text-align: right; vertical-align: top;color :red  ; }   /* Added by Tanmoy D NUI-152 */ 
    .content aside ul.account-summary li .valuePosDup { width: 100%; text-align: right; vertical-align: top; color :green  ; } /* Added by Tanmoy D NUI-152 */
    .content aside ul.account-summary li .valueNegDup { width: 100%; text-align: right; vertical-align: top;color :red  ; }   /* Added by Tanmoy D NUI-152 */ 
	.content aside .account-summary-totals { padding: 8px 0 0; text-transform: uppercase; font-size: 12px; font-weight: bold; }
	.content aside .account-summary-totals .name { width: 69%; }
	.content aside .account-summary-totals .value { width: 29%; text-align: right; }
	.content aside .divider { height: 3px; border: 0; margin: 8px 12px; }
	.content aside .qv-chart-wrapper div { margin: 0 auto; }
	.content aside ul.account-summary li.inv-elect .name,
	.content aside ul.account-summary li.inv-elect .value { font-weight: normal !important; }
	.content aside ul.account-summary.loan-dist-wrapper { border-bottom: 1px solid #d8d8d8 !important; padding-bottom: 12px; margin-bottom: 18px; }
	
	.content aside .cont-summary ul.account-summary, 
	.content aside .cont-summary ul.account-summary li { margin-bottom 0 !important; }
	.content aside ul.account-summary li.rca-row-hdl { font-weight: bold; margin: 12px 0 0 0; }
	.content aside ul.account-summary li.rca-row { margin: 0 0 12px 0; }
	.content aside ul.account-summary li.rca-row-hdl span,
	.content aside ul.account-summary li.rca-row span { width: 33% !important; text-align: center; }
	.content aside ul.account-summary li.rca-row-hdl span.last,
	.content aside ul.account-summary li.rca-row span.last { margin-left: -4px !important; }
	
	/* Footer Styles */
	footer { width: 100%; padding: 20px 0; font-size: 14px; }
	footer h3 { font-size: 14px; font-weight: bold; text-transform: uppercase; padding: 0 0 2px 0; margin: 0 0 8px 0 !important; display: inline-block; }
	footer a:hover { text-decoration: none;}
	footer ul { clear: both; margin: 0 0 6px 0; overflow: hidden; }
	footer ul li { font-size: 12px; padding: 0 8px; display: inline-block; float: left; text-transform: capitalize; }
	footer li:first-child { padding-left: 0 !important; }
	footer .col6 { text-align: right; }
	
	/* Quicklinks - Carousel Syles */
	.quick-links { height: 120px; position: relative; overflow: hidden; }
	.links .inner-mask { overflow: hidden; margin: 0 auto; height: 90px; position: relative; left: 22px; }
	.links .inner-mask.expanded { overflow: visible; }
	.links ul { margin: 0; padding: 0; }
	.links ul li { list-style: none; float: left; height: 90px; width: 231px; }
	.links ul li.disabled { cursor: text; opacity: 0.6; filter: alpha(opacity=60); }	
	
	.links ul li .stand { display: block; width: 100%; height: 90px; font-size: 12px; position: relative; text-align: center; padding: 12px 0 0 0; cursor: pointer; }
	.links ul li .stand .ql-icon { margin: 0 auto; display: block; height: 55px; width: 56px; }
	.links ul li .stand h3 { text-align: center; vertical-align: text-bottom; margin: 6px 0 0 0; text-transform: none !important; font-size: 11px; line-height: 12px; }
	
	.links ul li .detail-panel { position: absolute; left: 50%; top: 56%; width: 0; margin: -50px 0 0 0; z-index: 8999; overflow: hidden; }
	.links ul li .detail-panel .inner-detail { position: relative; height: 70px; width: 449px; padding: 10px; display: block; margin: 0 auto; }
	.links ul li .detail-panel .close { position: absolute; top: 8px; right: 9px; cursor: pointer; }
	.links ul li .detail-panel .inner-detail .ql-icon { float: left; display: inline-block; margin: 3px 10px 0 0; height: 56px; width: 56px; }
	.links ul li .detail-panel .inner-detail .ql-content { float: left; display: inline-block; width: 375px; height: 70px !important; }
	.links ul li .detail-panel .inner-detail .ql-content h3 { margin: 0 0 5px 0 !important; text-align: left !important; font-size: 14px; }
	.links ul li .detail-panel .inner-detail .ql-content h3 a { text-decoration: none; } 
	.links ul li .detail-panel .inner-detail .ql-content p { font-size: 10px; font-weight: bold; line-height: 15px }
	.links ul li .detail-panel .inner-detail .ql-content a { text-decoration: none; }
	.links ul li .detail-panel .inner-detail .ql-content p span { text-decoration: underline; }
	.links ul li .detail-panel .inner-detail .ql-content a:hover { text-decoration: none; }
	.links ul li .detail-panel h3 { text-align: center; margin: 10px 0; display: block; }
		
	.links .controls { position: relative; width: 978px; }	
	.links .controls .pager-next { height: 90px; width: 22px; position: absolute; display: block; top: 0; right: 0; z-index: 999; }
	.links .controls .pager-next span { display: block; height: 16px; width: 11px; position: relative; top: 35px; right: -6px; }
	.links .controls .pager-prev { height: 90px; width: 22px; position: absolute; display: block; top: 0; left: 0; z-index: 999;  }
	.links .controls .pager-prev span { display: block; height: 16px; width: 11px; position: relative; top: 35px; left: 6px; }
	.links .controls li { display: none; }
	
	.links .controls span a:hover,
	.links .controls span a.active {  }
	
	.links .controls.disabled span a,
	.links .controls span a.disabled,
	.links .controls span a.disabled span,
	.links .controls span a.disabled:hover { cursor: text; opacity: 0.6; filter: alpha(opacity=60); }
	
	/* Form Styles */
	.form {}
	.form .row { margin: 0 0 12px 0; }
	.form .row .label { display: inline-block; font-weight: bold; padding: 5px 12px 5px 0; text-align: right; font-size: 14px; }
	.form .row .label.top,
	.form .row .fields.top { vertical-align: top; }
	.form .row .fields { display: inline-block; }
	
	.form .row .fields label { margin: 0 12px 0 0; }
	.form .row .fields input { margin: 0 12px 0 0; }
	.form .row .fields input[type=text],
	.form .row .fields input[type=password],
	.content .main-content input.text { font-size: 14px; padding: 5px; line-height: 15px; height: 15px; width: 300px; }
	
	.tabs-wrapper .form .row .fields input[type=text] { width: 225px !important; }
	
	.form .row .fields textarea { font-size: 14px; padding: 5px; width: 300px; }
	
	.form.contact-us .row .label { width: 75px; }
	.form.profile .row .label { width: 95px; }
	.form.password .row .label,
	.form.loan-plan .row.label { width: 175px; }
	.form.username .row .label,
	.form.census .row .label { width: 140px; }
	.form.email .row .label { width: 180px; }
	.form.enroll .row .label { width: 200px; }
	.form.transaction .row .label { width: 160px; }
	.form.plan .row .label { width: 325px; }
	.form.report .row .label { width: 115px; }
	.form.literature-request .row .label { width: 100px; }
    .form.transaction-approval .row .label { width: 120px; }

	.button-wrapper.contact-us .button-link.first { margin: 0 12px 0 90px; }
	.button-wrapper.profile .button-link { margin: 0 0 0 110px; }
	.button-wrapper.password .button-link.first { margin: 0 12px 0 190px; }
	.button-wrapper.username .button-link { margin: 0 0 0 155px; }
	.button-wrapper.email .button-link { margin: 0 0 0 180px; }
	.button-wrapper.enroll .button-link { margin: 0 0 0 215px; }
	.button-wrapper.transaction .button-link.first { margin: 0 0 0 175px; }
	.button-wrapper.plan .button-link.first { margin: 0 12px 0 340px; }
	.button-wrapper.report .button-link.first { margin: 0 12px 0 130px; }
	.button-wrapper.census .button-link.first { margin: 0 12px 0 155px; }
	.button-wrapper.invest-election .button-link.first { margin: 0 12px 0 120px; }
     .button-wrapper.transaction-approval .button-link.first { margin: 0 12px 0 90px; }
	
	/* Misc Styles */
	.tree-view img, .carrierInfo img { margin: 0 12px 0 0; }
	select { padding: 4px 1px 4px 4px; line-height: 25px; height: 25px; }
	select option { padding: 5px 10px 5px 5px; }	
	.calc-wrapper { margin: 0 0 8px 0; }
	
	.lit-wrapper .col4 { margin-left: 0; !important; width: 321px !important; }
	.lit-wrapper .form .row .label { text-align: left; }
	.lit-wrapper select { height: 200px !important; width: 90%; }
	.lit-wrapper .check { padding-top: 12px; }
	
	/* Login Specific Styles */
	header.login { overflow: hidden; }
	header.login .time-out { font-size: 15px; font-weight: bold; padding: 15px 20px; margin: 40px 0 0 0; }
	
	.landing-wrapper.login .wrapper { padding: 50px 0;}
	.landing-wrapper.login .wrapper a { text-decoration: none; }
	.landing-wrapper.login .wrapper a:hover { color:; text-decoration: underline; }
	
	.landing-wrapper.login .login-wrapper { display: inline-block; }
	.landing-wrapper.login .container { width: 303px; padding: 40px 30px; display: inline-block; margin: 0 0 5px 0; }
	.landing-wrapper.login .container p { font-weight: bold; }
	.landing-wrapper.login .container p.login { font-size: 17px; font-weight: bold; margin: 0 0 11px 0; }
	.landing-wrapper.login .container label { text-transform: uppercase; display: block; font-weight: bold; margin: 19px 0 6px 0; }
	.landing-wrapper.login .container input.text { font-size: 18px !important; height: 35px; width: 266px; line-height: 25px; font-size: 13px; padding: 0 5px; }
	
	.landing-wrapper.login .container .button-link { float: right; margin: 19px 25px 0 0; }
	
	.landing-wrapper.login .login-info { display: inline-block; vertical-align: top; width: 415px; margin: 0 0 0 63px; }
	.landing-wrapper.login .login-info p { margin: 0 0 12px 0; }
	.landing-wrapper.login .login-info h6 { text-transform: uppercase; margin: 0 0 6px 0; }
	.landing-wrapper.login .login-info .warning { font-weight: bold; padding: 0 0 0 30px; margin: 0 0 25px 0; display: inline-block; }
	.landing-wrapper.login .login-info .lock { font-weight: bold; text-transform: uppercase; padding: 0 0 0 22px; display: inline-block; }
	.landing-wrapper.login .login-info .one,
	.landing-wrapper.login .login-info .two,
	.landing-wrapper.login .login-info .three { line-height: 16px; padding: 0 0 0 22px; display: inline-block; }	
	
	.landing-wrapper.login .container.reminder { width: 350px; }
	
	/* Conbtribution Rate */
	.contribution-rate div { margin: 0 0 12px 0; line-height: 20px; }
	.contribution-rate span { display: inline-block; text-align: right; margin: 0 0 0 25px; vertical-align: text-top; }	
	.contribution-rate span label { position: relative; top: -1px; }

	/* Conbtribution Rate */
    .contribution-resubmit { margin-top: 10px; padding:5px; } 
    	
	footer.login ul { float: right; }
	footer.login ul li { font-size: 11px; padding: 0 8px !important; display: inline-block; float: left; }
	footer.login ul li a { text-decoration: none; }
	footer.login ul li a:hover { text-decoration: underline; }

	/* OLD STYLES Imorted from OLD Site that are still in use.  Some have been removed from site, but others are still in Use  */

	/* BEGIN MESSAGE BOX */
	.messagebox { width: 139px; padding: 12px; border: solid 1px #d4dadc; margin-top: 20px; }
	.messagetitle { color: #724a4e; font-weight: bold; display: block; margin-bottom: 5px; }
	/* END MESSAGE BOX */	
	
	/* BEGIN CONTENT */
	.heading { display: block; font-weight: bold; margin: 7px 0; }
	.datatable_border { margin: 0 0 12px 0; text-align :left; }
	.datatable_bg { border: solid 1px #d7dcde; }
	.datatable { border: 0; color: #000; width: 100%; }
	.datatable td, .datatable th { 
        /*border-top: 1px solid #dedede;*/ 
        padding: 7px 7px 7px 0; text-align: right; vertical-align:top;}
	.datatable tr.first-row td, .datatable tr.first-row th { border-top: 0 !important; }
	.datatable .first-row th { text-align: right; }
    .datatable_bg .first-row th.txtLft { text-align: left !important; } /*AC-2420*/
    .datatable_bg td.txtLft { text-align: left !important; } /*AC-2420*/
	.datatable .first-row { font-weight: bold; }
	.legend { display: inline-block; height: 8px; width: 8px; margin: 0 4px 0 0; }

    /* AC-1957 These are for the Contribution Summary Grid on the PlanInformation\Contributions page*/
	.contgrid { border: 0; color: #000; width: 100%; }
	.contgrid td { border-top: 1px solid #dedede; padding: 7px 1px 7px 0; }
    .contgrid th { border-top: 1px solid #dedede; text-align: center; }
	.contgrid tr.first-row td, .contgrid tr.first-row th { border-top: 0 !important; }
	.contgrid .first-row th { text-align: center; }
	.contgrid .first-row { font-weight: bold; }
	
	.datatable.invest-election .invest-left { text-align: left !important; }
	
	.editmode { background: #eee; border-top: solid 1px #dedede; padding: 5px 0; }
	.datatable tr td a:link,
	.datatable tr td a:visited,
	.datatable tr td a:active { text-decoration: underline !important; }
	.datatable tr td a:hover { text-decoration: none !important; }	
	.cleared { color: #000; }
	.pending { color: #000; }
	.confirmed { color: #000; font-weight: bold; }
	.notice { color: #000; font-weight: normal; }
	
	/* Home Page Sources Legend */
	.sources-wrapper { text-align: center; }
	.sources-wrapper .sources { margin: 0 5px 0 0; }
	.sources-wrapper .sources.balance { margin-left: 15px; }
	.sources-wrapper .legend.hps-balance { background: #74A6BA; }
	.sources-wrapper .legend.hps-vested-balance { background: #BECA89; }
	
	/* Table elements for mobile */
	.datatable.rd-table {}
	.datatable.rd-table th.fund-name { width: 30%; text-align: left; }
	.datatable.rd-table td.fund-name { width: 30%; text-align: left; }
	.datatable.rd-table .items-10 { width: 10%; text-align: right; } 
	.datatable.rd-table .items-15 { width: 15%; text-align: right; } 
	.datatable.rd-table .items-20 { width: 20%; text-align: right; } 
	
	.datatable.summary th.fund-name { width: 45%; text-align: left; }
	.datatable.summary td.fund-name { width: 45%; text-align: left; }
	.datatable.summary .items-10 { width: 10%; text-align: right; } 
	.datatable.summary .items-15 { width: 15%; text-align: right; } 
	.datatable.summary .items-20 { width: 20%; text-align: right; } 
	
	/* Site Map Styles*/
	.site-map { width: 100%; }
	.site-map .left { width: 50%;  display: inline-block; }
	.site-map .right { width: 50%; display: inline-block; margin-left: -4px; }
	.site-map h3 a { text-decoration: none !important; }
	.site-map h3 a:hover { text-decoration: underline !important; }
	/* END CONTENT */
	
	/* FORM */
	
	/* Colored Styles removed from Project but kept in-case some missed */

	.greenlt { font-weight: normal; }	
	.redlt { 
        font-weight: normal; 
        color:red;
	}
	.greenlg { font-weight: normal; }
	.redlg { font-weight: normal; }
	
	.plandate { margin-bottom: 12px; }
	.pager { font-size: 12px; }
	
	.rbAlignment label, .rbAlignment input[type="radio"] { vertical-align: middle; }
	
	/*
	Section for SPARK summary data on the homepage
	*/
	#divLinkToHomePage { width: 50px; }
	#divSourceGrid { border: 0; display: block; position: relative; }
	#divSourceGridHeader div, #divSourceGridSource, #divSourceGridBalance, #divSourceGridVestedBalance, #divSourceGridLoan, .div-source-grid-legend-icon { margin: 0 0 10px 0; }
	#divSourceGridHeader div { border-bottom: 1px solid #dedede; display: block; float: left; position: relative; width: 180px; }
	#divSourceGridHeader div: last-of-type { text-align: right; }
	#divSourceGridSource, #divSourceGridBalance, #divSourceGridVestedBalance, #divSourceGridLoan, .div-source-grid-legend-icon { float: left; font-weight: bold; position: relative; width: 175px; }
	#divSourceGridSource { text-align: left; display: block; clear: both; }
	#divSourceGridBalance { text-align: right; width: 75px; }
	#divSourceGridTotalBalance { border: 1px solid #dedede; border: 0; float: left; margin: 0 0 0 103px; width: 180px; }
	#divSourceGridTotalVestedBalance, #divSourceGridLoanBalance { border: 1px solid #dedede; border: 0; margin: 0 0 0 35px; width: auto; }
	#divSourceGridVestedBalance, #divSourceGridLoan { text-align: right; width: 275px; }
	#divSourcesChartContainer { border: 1px solid #dedede; border: 0; display: block; margin: 0 0 25px 0; position: relative; }
	
	#divEmployees {}
	
	.balancebar { background: #2581BA !important; float: left; height: 16px; margin: 0 10px 0 0; }
	.balanceNumberFormat { color: #000; font-weight: bold; }
	.balance-section { margin: 10px 0 15px 0; clear: both; overflow: hidden; border-bottom: 1px solid #D3DADD; }
	.balance-section-balance-label, .balance-section-investment-provider-label { text-transform: uppercase; }
	.balance-section-investment-provider-label { float: left; width: 59%; }
	.constituentLabelFormat { border: 1px solid #dedede; border: 0; display: block; float: left; position: relative; width: 330px; }
	.constituentNumberFormat { color: #000; font-weight: bold; }
	
	.content .main-content .balance-wrapper { padding: 15px 0 15px 15px; overflow: hidden; }
	.carrierInfo { width: 59%; display: block; float: left; font-weight: bold;  }
	.carrierBalanceTableRowAlign { display: block; float: left; width: 41%; }
	
	.date-as-of-header { background-color: #eee;; }
	
	.legend-icon, 
	.legend-icon-vested { height: 12px; width: 12px; margin: 0 8px 0 0; padding: 0 !important; }
	.legend-icon-vested { background: #c0c0c0 !important; display: inline-block; }
	.legend-icon-vested-container { margin: 0 0 8px 0; width: 75px; }	
	
	.grid { width: 535px; }
	.grid-header { border-bottom: 1px solid #dedede;}
	.grid-item { text-align: right; }
	
	.headerLabel { background: #eee; margin: 10px 0; padding: 10px; overflow: hidden; text-transform: uppercase; }
	.source-bar-row-description {  }
	.source-bar-row { float: left; vertical-align: top; width: 330px; }
	.source-balance-bar { border: 1px solid #dedede;; display: block; float: left; height: 15px; position: relative; }
	.source-balance-bar-number { color: #000; display: block; float: left; font-weight: bold; height: 12px; margin: 0 0 0 10px; position: relative; width: 100px; }
	.spark-header-link { margin: 0 15px 0 0; }
	.spark-header-links { margin: 0 0 15px 0; }
	.spark-position-error-label { display: block; margin: 25px 0 0; position: relative; }
	.radioButton tr td input { border: 0; }
    

    .datatableRowOverride{ text-align:left !important;} /* NUI-177, NUI-263*/
     .datatableRowOverrideCenter{ text-align:center  !important;} /* NUI-177, NUI-263*/
     .print-wrapperPrice { margin: 22px 0 0 0; text-align: left ; width :100%; }
.fundDetailBalancesFooter
{
    font-weight:bold;
}
.selectParticipantOverride{padding:0 !important;border: 0 !important;} /* NUI-346 & NUI-393 */

.shomeclass{text-align:left !important;}
.riSingle .riTextBox, .RadForm.rfdTextbox .riSingle input.rfdDecorated[type="text"] {
    min-height: 1.833em;
}/* NUI-442 */

 /* AC-2124 Make Transaction Approval grid look like other grids (alternating row style and alignment*/
.TARowColor {background-color: white !important;}

.TAaltRowColor {background-color: #d7dcde !important;}

/* AC-2442 new css for Telerik RadDatetimePicker controls */
.TelerikDatePicker { width: 125px !important;}

.TAalignleft{text-align:left !important;}
.TAaligncenter{text-align:center !important;}
.TAalignright{text-align:right !important;}

 /* [AA] [AC-2547] */
.table-bundled-fees { font-size: 12px; color: #000; width: 300px; border-right: 1px solid #dedede; }
.table-bundled-fees td { border: 1px solid #dedede; border-bottom: none;  border-right: none; text-align: left; padding: 10px; }
.table-bundled-fees td:last-child { font-weight: bold; text-align: right !important; }
.table-bundled-fees td tfoot { border-top: 1px solid #dedede; padding-top: 10px; }
.table-bundled-fees tfoot td { border-left: none; }
.table-bundled-fees tfoot td:last-child { background-color: #dedede; }

 /* [AA] [AC-2575] */
.table-tr-status { font-size: 12px; color: #000; width: 500px; border-right: 1px solid #dedede; }
.table-tr-status th:first-child { border: none !important; }
.table-tr-status td, .table-tr-status th { border: 1px solid #dedede; border-bottom: none;  border-right: none; text-align: center; padding: 10px; }
.table-tr-status tr:last-child td { border-bottom: 1px solid #dedede; }
.table-tr-status td:first-child, .table-tr-status th { font-weight: bold; }
.table-tr-status td:first-child { text-align: right; }
.div-tr-status.Processed .span-tr-status-processed { color: green; display: block !important; }
.div-tr-status.Cancelled .span-tr-status-cancelled { color: #CC3300; display: block !important; }
.div-tr-status.Failed .span-tr-status-failed { color: #CC3300; display: block !important; }

.participantSearchTable,
.transactionSearchTable {
    width : 100%;
}

.participantSearchTable .participantSearchCel,
.transactionSearchTable .transactionSearchCell {
    margin:5px; 
    padding:5px;
}

.participantSearchTable th,
.transactionSearchTable th {
    padding: 2px 5px;
    font-weight: bold;  
    font-size: 13px; 
    color:#5b5b5b;
}

.participantSearchTable .participantSearchButton,
.transactionSearchTable .transactionSearchButton {
    margin:0;
    padding: 5px 20px;
}

.sa-plus {
    background: url(../Images/plus_circle.png) no-repeat;
    width: 21px;
    height: 21px;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    margin-right: 5px;
}

.sa-minus {
    background: url(../Images/minus_circle.png) no-repeat;
    width: 21px;
    height: 21px;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    margin-right: 5px;
}

.divAdminHome .rgHeader{color:#4c607a !important; padding:10px 10px !important; font-size:13px !important;}

.divAdminHome .rgMasterTable{ border:2px solid #9fa6ae; padding:5px; font-size:13px;}
.divAdminHome .rgMasterTable td{ padding:10px 5px;}

.divAdminHome .RadGrid_Windows7 .rgRow {
    background-color: #ffffff !important;
}

.divAdminHome .RadGrid_Windows7 .rgAltRow{ background-color: #ffffff !important;
}

.divAdminHome .RadGrid_Windows7 .rgRow > td {
    border-color: #ebeff3; border-width:1px !important;
}

.divAdminHome .RadGrid_Windows7 .rgAltRow > td {
    border-color: #ebeff3 !important; border-width:1px !important;
}

/*#ctl00_cphBodyMain_rd_ParticipantInfo_ctl00 td{ font-weight:bold !important; color:#596d76;}*/

.divAdminHome .rgMasterTable{padding:0 !important;}

.divAdminHome .RadGrid .rgRow > td, .divAdminHome .RadGrid .rgAltRow > td, .divAdminHome .RadGrid .rgEditRow > td, .divAdminHome .RadGrid .rgFooter > td {
    padding-bottom: 8px !important;
    padding-top: 8px !important;
    font-size: 13px !important;
    padding-right:10px !important;
    padding-left:10px !important;
}

.divAdminHome .RadGrid .rgRow.rgHoveredRow > td,
.divAdminHome .RadGrid .rgAltRow.rgHoveredRow > td {
    background-color: #eee !important;
}

.divAdminHome .RadGrid .rgRow.rgSelectedRow > td,
.divAdminHome .RadGrid .rgAltRow.rgSelectedRow > td {
    background-color: #ddd !important;
}

.divAdminHome .RadGrid .rgMasterTable, .divAdminHome .RadGrid .rgDetailTable, .divAdminHome .RadGrid .rgEditForm table {
    border-collapse: collapse !important;
}

.divAdminHome .rgDetailTable
{
    border-color: #ebeff3 !important;
    border-width: 1px !important;
    background-color:#d8d8d8 !important;
}

.divAdminHome .rgMasterTable .rgDetailTable .rgDetailTable {
     background-color:#ffffff !important;
}

.divAdminHome .rgMasterTable{
    background-color:#9f9f9f !important;
}

.cboParticipantSearchCel .rcbInputCellLeft{
    background:none !important;
    border: 1px solid #d7dcde !important;
    padding: 3px !important;
    border-radius:2px 0 0 2px !important;
}

.cboParticipantSearchCel .rcbArrowCellRight{
    background:url(../Images/select_btn_arrow.jpg) no-repeat top left #d7dcde !important;
    padding: 0 4px 0 5px;
    border: 1px solid #d7dcde !important;
}

.cboParticipantSearchCel{
    padding:0px !important;
}

 .participantSearchCel1{
     width:88%;
 }

 .rcbWidth {
     width:100% !important;
 }

 .button-linksearch {
    border: 0 none;
    font-size: 13px;
    font-weight: bold;
    
    padding: 6px 24px 5px;
    text-transform: uppercase;
    background: #466280 none repeat scroll 0 0;
    color: #fff !important;
    text-decoration: none !important;
    display:block;
}

 
.form .row .fields1 {
    display: block;
    float: left;
    margin-right: 5px;
}

    .form .row .fields1 select { height:27px;
    }
    .form .row .fields1 input[type="text"] {
        
       
        padding: 5px;
        border: 1px solid #9f9f9f;
    }

    .form .row .label1 {
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 12px 5px 0;
    text-align: right;
    float:left;
}

.row1 {
    background-color:#f6f6f6 !important ;
}
.altrow1 {
    background-color:#fff !important ;
}

 .label-padding {
     padding: 0.5%;
     margin-bottom:10px;
 }
.form .row .nonb {
    font-weight: normal !important;
}
.returnH{display:block;
         background-color:#74884f;
         padding:5px 10px; 
         color:#ffffff !important; 
         text-decoration:none !important;
         font-weight:bold;}

.openButton{display:block;padding:5px 10px;
background-color:#788b9f;width:13%;
 text-align:center;color:#ffffff !important;text-decoration:none !important; float:right;}

.openButton:hover{  background-color: #d2d2d2;
}
.openDisbButton {
    display: block;
    padding: 5px 10px;
    background-color: #d2d2d2;
    width: 13%;
    text-align: center;
    color: #959799 !important;
    text-decoration: none !important;float:right;
}

/*** table stripped ***/
.table-stripped {
    border-collapse: collapse;
    width: 100%;
}

.table-stripped td,.table-stripped th {
    border: 1px solid #f3f3f3;
    padding: 4px;
}

.table-stripped tr:nth-child(even) {
    background-color: #f3f3f3;
}
