/* vX */
/* Begin CSS Reset */
/**

* Percents could work for IE, but for backwards compatability purposes, we are using keywords.


* x-small is for IE6/7 quirks mode.

*

**/
/* Font size conversion chart

10px = 77%

11px  = 85%

12px  =	93%

13px  =	100%

14px  =	108%

15px  = 116%

16px  =	123.1%

17px  =	131%

18px  =	138.5%

19px  =	146.5%

20px  =	153.9%

21px  =	161.6%

22px  =	167%

23px  =	174%

24px  =	182%

25px  =	189%

26px  =	197%

*/
body {
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
font-size:small;
font:x-small;
}

table {
font-size:inherit;
}

/**



	 * 99% for safari; 100% is too large



	 */
select,input,textarea {
font-size:99%;
font-family:Arial, Helvetica, sans-serif;
}

/**



	 * Bump up !IE to get to 13px equivalent



	 */
pre,code {
font:115% monospace;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
margin:0;
padding:0;
border:0;
vertical-align:baseline;
}

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display:block;
}

body {
line-height:1;
}

ol,ul {
list-style:none;
}

blockquote,q {
quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
content:'';
content:none;
}

table {
border-collapse:collapse;
border-spacing:0;
}

em,dfn,code,samp,kbd,var,cite {
font-weight:normal;
}

/* End CSS Reset  */
/* === Begin global link treatment === */
a	{
	color: #0F57C2;
	text-decoration: none;
	font-family: arial, helvetica, sans-serif;
}

a:visited	{
	color:#800080;
	text-decoration: none;
}

a:active, a:focus	{
	color:#E74B00;
	text-decoration: underline;
}

a:hover	{
	text-decoration: underline;
}
/* === End global link treatment === */
/* Begin Utility Classes */
.bold {
font-weight:bold;
}

.unbold {
font-weight:normal;
}

.emphasis {
font-style:italic;
}

.underline {
text-decoration:underline;
}

.grey-hr {
border-bottom:1px solid #DBDCDE;
clear:both;
height:1px;
margin:0;
padding:0;
}

.hr-for-ie {
display:none;
}

.clear-both {
clear:both;
}

.off-screen {
position:absolute;
left:-5000px;
width:1px;
height:1px;
overflow:hidden;
}

.uppercase {
text-transform:uppercase;
}

/* End Utility Classes */
/* Begin Layout Classes */
#page-container {
width:995px;
}

#outer-region-wrapper {
width:995px;
}

#home-page #layout-region-1 {
width:995px;
}

#home-page #layout-region-2 {
width:995px;
}

#home-page #layout-region-3 {
width:995px;
clear:both;
}

#home-page #outer-region-wrapper .left-side {
width:727px;
float:left;
margin:0 0 20px 9px;
}

#home-page #layout-region-4 {
width:727px;
}

#home-page #layout-region-5 {
width:727px;
}

#home-page #layout-region-6 {
width:727px;
}

#home-page #outer-region-wrapper .right-side {
width:231px;
float:right;
margin:0 8px 0 0;
}

#home-page #layout-region-7 {
width:231px;
}

#home-page #layout-region-8 {
margin-bottom: 15px;
width:231px;
}

#home-page #layout-region-9 {
width:231px;
}

#home-page #layout-region-10 {
width:995px;
clear:both;
margin-left: 9px;
}

/* Begin 2-column-article Layout Classes */
#two-column-article .page-container {
width:995px;
}

#two-column-article #layout-region-1 {
width:995px;
}

#two-column-article #layout-region-2 {
width:995px;
margin-left:10px;
}

#two-column-article #layout-region-3 {
width:995px;
margin:0px 0px 10px 10px;
overflow:hidden;
}

#two-column-article #layout-region-4 {
width:995px;
}

#two-column-article #outer-region-wrapper {
width:995px;
}

#two-column-article #outer-region-wrapper .left-side {
width:580px;
float:left;
}

#two-column-article #layout-region-5 {
width:580px;
margin-left:10px;
}

#two-column-article #outer-region-wrapper .right-side {
width:390px;
float:right;
}

#two-column-article #layout-region-6 {
width:390px;
margin-bottom:25px;
}

#two-column-article #layout-region-7 {
width:390px;
}

#two-column-article #layout-region-8 {
width:995px;
clear:both;
}

/* End 2-column-article Layout Classes */

#authentication-component #layout-region-1 {
width:995px;
margin-bottom:20px;
}

#authentication-component #outer-region-wrapper {
width:985px;
margin-bottom:20px;
margin-left:10px;
}

#authentication-component #layout-region-2 {
width:727px;
float:left;
border:none;
}

#authentication-component #layout-region-3 {
width:231px;
float:left;
border:none;
margin-left:17px;
}

#authentication-component #layout-region-4 {
width:985px;
margin-top:20px;
}

#authentication-component #layout-region-5 {
width:975px;
margin-top:60px;
}


#ng-client-chooser-page #layout-region-1 {
width:995px;
margin-bottom:20px;
}

#ng-client-chooser-page #outer-region-wrapper {
width:985px;
margin-left:10px;
}

#ng-client-chooser-page #outer-region-wrapper #layout-region-2 {
width:355px;
float:left;
border:none;
}


.financial-portfolio {
width:727px;
font-family:Arial, Helvetica, sans-serif;
background-image:url(../../../images/css/fidelity-logo-small.gif);
background-position:620px 0;
background-repeat:no-repeat;
margin:0 0 20px;
clear:both;
display:inline-block;
}

.financial-portfolio.no-logo {
background-image:url();
background-position:0 0;
background-repeat:no-repeat;
}

.financial-portfolio .black {
color:#000;
}

.financial-portfolio .header table {
width:100%;
}

.financial-portfolio .header table th {
text-align:left;
display:inline;
font-size:138.5%;
color:#0F57C2;
font-weight:bold;
margin:0 0 0 10px;
vertical-align:bottom;
}

.financial-portfolio .header h1 {
}

.financial-portfolio .header table .right {
text-align:right;
}

.financial-portfolio .header table td.hide-account-details {
font-size:85%;
text-align:left;
width:240px;
}

.financial-portfolio .header table td.hide-account-details-no-tabs {
font-size:85%;
text-align:right;
width:294px;
}

.financial-portfolio .header table td.elections {
font-size:108%;
width:502px;
color:#0F57C2;
font-weight:bold;
background-image:url(../../../images/css/bullet.gif);
background-position:0 6px;
background-repeat:no-repeat;
padding:0 0 0 18px;
}

.financial-portfolio .inner-wrapper-4-tab-1 {
vertical-align:top;
min-height:290px;
background-image:url(../../../images/css/port-container-4-tabs-first-selected.png);
background-position:0 10px;
background-repeat:no-repeat;
}

.financial-portfolio .inner-wrapper-4-tab-2 {
vertical-align:top;
min-height:290px;
background-image:url(../../../images/css/port-container-4-tabs-second-selected.png);

background-position:0 10px;
background-repeat:no-repeat;
}

.financial-portfolio .inner-wrapper-4-tab-3 {
vertical-align:top;
min-height:290px;
background-image:url(../../../images/css/port-container-4-tabs-third-selected.png);
background-position:0 10px;
background-repeat:no-repeat;
}

.financial-portfolio .inner-wrapper-4-tab-4 {
vertical-align:top;
min-height:290px;
background-image:url(../../../images/css/port-container-4-tabs-fourth-selected.png);
background-position:0 10px;
background-repeat:no-repeat;
}

.financial-portfolio .inner-wrapper-3-tab-1 {
vertical-align:top;
min-height:290px;
background-image:url(../../../images/css/port-container-3-tabs-first-selected.png);
background-position:0 10px;
background-repeat:no-repeat;
}

.financial-portfolio .inner-wrapper-3-tab-2 {
vertical-align:top;
min-height:290px;
background-image:url(../../../images/css/port-container-3-tabs-second-selected.png);
background-position:0 10px;
background-repeat:no-repeat;
}

.financial-portfolio .inner-wrapper-3-tab-3 {
vertical-align:top;
min-height:290px;
background-image:url(../../../images/css/port-container-3-tabs-third-selected.png);
background-position:0 10px;
background-repeat:no-repeat;
}

.financial-portfolio .inner-wrapper-2-tab-1 {
vertical-align:top;
min-height:290px;
background-image:url(../../../images/css/port-container-2-tabs-first-selected.png);
background-position:0 10px;
background-repeat:no-repeat;
}

.financial-portfolio .inner-wrapper-2-tab-2 {
vertical-align:top;
min-height:290px;
background-image:url(../../../images/css/port-container-2-tabs-second-selected.png);
background-position:0 10px;
background-repeat:no-repeat;
}

.financial-portfolio-1-tab {
vertical-align:top;
min-height:290px;
background-image:url(../../../images/css/port-container-1-tab.png);
background-position:0 10px;
background-repeat:no-repeat;
}

.financial-portfolio .inner-wrapper-no-tabs {
vertical-align:top;
min-height:290px;
background-image:url(../../../images/css/single-acct-rule.png);
background-position:0 10px;
background-repeat:no-repeat;
clear:both;
}

.financial-portfolio .nav-list {
display:inline;
float:left;
width:173px;
margin:27px 0 0 10px;
vertical-align:top;
}

.financial-portfolio .nav-list ul {
display:inline;
float:left;
}

.financial-portfolio .nav-list ul li {
font-size:108%;
color:#333;
font-weight:bold;
line-height:123.1%;
height:60px;
}

.financial-portfolio .nav-list ul li .account-total-active {
color:#666;
font-weight:bold;
}

.financial-portfolio .nav-list ul li a.unselected {
color:#0F57C2;
text-decoration:none;
}

.financial-portfolio .nav-list ul li a.selected {
color:#000;
font-size:108%;
text-decoration:none;
}

.financial-portfolio .nav-list ul li .account-total-inactive {
font-size:93%;
color:#666;
font-weight:bold;
}

.ie7 .financial-portfolio .nav-list {
margin:27px 10px 0 -5px;
}

.ie7 .financial-portfolio .nav-list ul li {
font-size:100%;
}

.ie8 .financial-portfolio .nav-list {
margin:27px 10px 0 -5px;
}

.ie8 .financial-portfolio .nav-list ul li {
font-size:100%;
}

.financial-portfolio .data-table {
display:inline;
float:left;
width:544px;
margin:20px 0 0;
}

.financial-portfolio .data-table table {
padding:0;
margin:0;
border-bottom:2px solid #DBDCDE;
width:100%;
}

.financial-portfolio .data-table caption {
position:absolute;
top:0;
left:-5000px;
}

.financial-portfolio .data-table th {
font-family:Arial,sans-serif;
padding:8px 5px 9px;
text-align:left;
border-bottom:1px solid #DBDCDE;
vertical-align:top;
}

.financial-portfolio .data-table td {
font-family:Arial,sans-serif;
padding:8px 5px 9px;
text-align:left;
border-bottom:1px solid #DBDCDE;
vertical-align:top;
}

.financial-portfolio .data-table th a {
font-family:Arial,sans-serif;
font-size:108%;
font-weight:bold;
}

.financial-portfolio .data-table th .acc-type {
font-family:Arial,sans-serif;
font-size:85%;
display:block;
padding:3px 0 0;
color:#666666;
font-weight:normal;
}

.financial-portfolio .data-table td .acc-number {
font-family:Arial,sans-serif;
font-size:108%;
color:#333333;
font-weight:bold;
white-space:nowrap;
}

.financial-portfolio .data-table td .enroll {
font-family:Arial,sans-serif;
font-size:108%;
color:#333333;
font-weight:bold;
background-image:url(../../../images/css/11_11_bullet_b.gif);
background-repeat:no-repeat;
background-position:0 2px;
padding:0 0 0 18px;
}

.financial-portfolio .data-table td .as-date {
font-family:Arial,sans-serif;
font-size:85%;
display:block;
padding:3px 0 0;
color:#666666;
font-weight:normal;
}

.financial-portfolio .data-table td .quick-link {
background-image:url(../../../images/css/quick-links-bg.gif);
background-position:0 0;
background-repeat:no-repeat;
font-size:85%;
padding:5px 0 6px 8px;
text-align:left;
width:91px;
display:inline-block;
}

.financial-portfolio .data-table .middle {
vertical-align:middle;
}

.financial-portfolio .data-table .right {
text-align:right;
}

.financial-portfolio .data-table th {
width:53%;
}

.financial-portfolio .data-table th + td {
width:22%;
}

.financial-portfolio .data-table th + td + td {
width:25%;
}

.financial-portfolio .data-table .data-table-element {
float:left;
width:544px;
border-bottom:1px solid #DBDCDE;
padding:0 0 8px 5px;
}

.financial-portfolio .data-table .data-table-element p {
font-family:Arial,sans-serif;
font-size:93%;
font-weight:normal;
line-height:146.5%;
padding:0;
margin:0;
}

.financial-portfolio .data-table .portfolio-list {
padding:19px 0 0 5px;
clear:both;
}

.financial-portfolio .data-table .portfolio-list h3 {
color:#333333;
font-family:arial, sans-serif;
font-weight:bold;
font-size:85%;
text-transform:uppercase;
padding:0 0 9px;
margin:0;
}

.financial-portfolio .data-table .portfolio-list ul {
list-style-type:none;
margin:0;
padding:0;
width:496px;
}

.financial-portfolio .data-table .portfolio-list ul li {
width:236px;
float:left;
background-image:url(../../../images/css/blackbulsq.gif);
background-repeat:no-repeat;
background-position:0 0;
padding:0 0 11px 12px;
margin:0;
font-family:arial, helvetica, sans-serif;
font-weight:normal;
font-size:93%;
}

.clear {
clear:both;
}

.no-wrap {
white-space:nowrap;
}

.financial-portfolio .top-quick-link {
background-image:url(../../../images/css/quick-links-bg.gif);
background-position:0 0;
background-repeat:no-repeat;
font-size:85%;
padding:5px 0 6px 8px;
margin:0 0 0 37px;
text-align:left;
width:91px;
display:inline-block;
}

.financial-portfolio .top-quick-link a {
color:#666666;
}

.financial-portfolio .inner-wrapper-no-tabs .nav-list {
width:65px;
}

.financial-portfolio .inner-wrapper-no-tabs .data-table {
width:652px;
}

/*BEGIN CSS CLASSES FOR THE DC ONLY VERSION OF COMPONENT*/
.financial-portfolio .dc-only .black {
color:#333;
}

.financial-portfolio .dc-only .header th .black {
font-size:116%;
margin-left:22px;
}

.financial-portfolio .dc-only .header table th {
text-align:left;
display:inline;
font-size:138.5%;
color:#0F57C2;
font-weight:bold;
margin:0 0 0 10px;
vertical-align:baseline;
}

.financial-portfolio .dc-only .header table .right {
text-align:right;
vertical-align:top;
}

.financial-portfolio .dc-only  .header table td.hide-account-details-no-tabs {font-size:93%;line-height:108%;text-align:right;width:174px;}

.financial-portfolio .dc-only .inner-wrapper-no-tabs {
vertical-align:top;
min-height:290px;
background-image:url(../../../images/css/single-acct-rule.png);
background-position:0 0;
background-repeat:no-repeat;
clear:both;
}

.financial-portfolio .dc-only .data-table {
display:inline;
float:left;
width:544px;
margin:6px 0 0 20px;
}

.financial-portfolio .dc-only .data-table table {
padding:0;
margin:0;
border-bottom:0 solid #DBDCDE;
width:100%;
}

.financial-portfolio .dc-only .data-table th {
font-family:Arial,sans-serif;
padding:8px 5px;
text-align:left;
border-bottom:1px solid #DBDCDE;
vertical-align:bottom;
}

.financial-portfolio .dc-only .data-table thead th {
font-size:85%;
text-align:right;
font-weight:normal;
}

.financial-portfolio .dc-only .data-table th.last-row {
border-bottom:0;
width:700px;
text-align:right;
}

.financial-portfolio .dc-only .data-table td {
font-family:Arial,sans-serif;
padding:8px 4px 8px 5px;
text-align:right;
border-bottom:1px solid #DBDCDE;
vertical-align:top;
}

.financial-portfolio .dc-only .data-table th .total {
font-size:116%;
}

.financial-portfolio .dc-only .data-table th .total .accountDetail a {
display:block;
font-weight:normal;
font-size:85%;
margin-top:6px;
}

.financial-portfolio .dc-only .data-table thead th.left {
text-align:left;
}

.financial-portfolio .dc-only .data-table thead th {
width:225px;
}

.financial-portfolio .dc-only .data-table thead th + th {
width:115px;
}

.financial-portfolio .dc-only .data-table thead th + th + th {
width:115px;
}

.financial-portfolio .dc-only .data-table thead th + th + th +th {
width:115px;
}

.financial-portfolio .dc-only .data-table thead th + th + th + th +th {
width:130px;
}

.financial-portfolio .dc-only .data-table tbody th {
width:225px;
text-align:left;
}

.financial-portfolio .dc-only .data-table tbody th + td {
width:115px;
}

.financial-portfolio .dc-only .data-table tbody th + td + td {
width:115px;
}

.financial-portfolio .dc-only .data-table tbody th + td + td + td {
width:115px;
}

.financial-portfolio .dc-only .data-table tbody th + td + td + td + td {
width:130px;
}

.financial-portfolio .dc-only .data-table .gain {
color:#008000;
}

.financial-portfolio .dc-only .data-table .loss {
color:#cc0000;
}

.financial-portfolio .dc-only .data-table .portfolio-list {
padding:8px 0 0 5px;
width:500px;
float:left;
}

.financial-portfolio .dc-only .data-table .portfolio-list h3 {
color:#333333;
font-family:arial, sans-serif;
font-weight:bold;
font-size:85%;
text-transform:uppercase;
padding:0 0 10px;
margin:0;
}

.financial-portfolio .dc-only .data-table .portfolio-list ul li {
width:185px;
float:left;
background-image:url(../../../images/css/blackbulsq.gif);
background-repeat:no-repeat;
background-position:0 3px;
padding:0 0 12px 12px;
margin:0;
font-family:arial, helvetica, sans-serif;
font-weight:normal;
font-size:93%;
}

.financial-portfolio .dc-only .data-table .logo {
float:right;
margin-top:46px;
}

.financial-portfolio .dc-only .top-quick-link {
background-image:url(../../../images/css/quick-links-bg_lg.gif);
background-position:0 0;
background-repeat:no-repeat;
font-size:93%;
padding:5px 0 0 8px;
margin:0 0 0 49px;
text-align:left;
width:120px;
height:24px;
display:inline-block;
}

.financial-portfolio .dc-only .inner-wrapper-no-tabs .data-table {
width:707px;
}

/*END OF CSS CLASSES FOR THE DC ONLY VERSION OF COMPONENT*/
/*START OF CSS CLASSES FOR THE NO-TAB VERSION OF HEALTH BENEFITS COMPONENT*/
.financial-portfolio .header-section table {
width:100%;
}

.financial-portfolio .header-section table th {
text-align:left;
display:inline;
font-size:138.5%;
color:#0F57C2;
font-weight:bold;
padding:0 0 0 14px;
vertical-align:bottom;
}

.financial-portfolio .header-section table td.view-elections {
width:502px;
color:#0F57C2;
font-weight:normal;
background-image:url(../../../images/css/bullet.gif);
background-position:0 6px;
background-repeat:no-repeat;
padding:0 0 0 18px;
}

.financial-portfolio .plan-table {
display:inline;
float:left;
width:727px;
margin:20px 0 0;
}

.financial-portfolio .plan-table table {
padding:0;
margin:0;
border-bottom:2px solid #DBDCDE;
width:100%;
}

.financial-portfolio .plan-table th {
font-family:Arial,sans-serif;
padding:8px 0 9px 14px;
text-align:left;
border-bottom:1px solid #DBDCDE;
vertical-align:middle;
}

.financial-portfolio .plan-table th a {
font-family:Arial,sans-serif;
font-size:108%;
font-weight:bold;
}

.financial-portfolio .plan-table td {
font-family:Arial,sans-serif;
padding:8px 0 9px;
text-align:left;
border-bottom:1px solid #DBDCDE;
vertical-align:middle;
}

.financial-portfolio .plan-table td .plan-name {
font-family:Arial,sans-serif;
font-size:108%;
color:#333333;
font-weight:bold;
}

.financial-portfolio .plan-table .middle {
vertical-align:middle;
}

.financial-portfolio .plan-table .right {
text-align:right;
}

.financial-portfolio .plan-table th {
width:60%;
}

.financial-portfolio .plan-table th + td {
width:25%;
}

.financial-portfolio .plan-table th + td + td {
width:auto;
}

.financial-portfolio .quick-links-box {
background-image:url(../../../images/css/quick-links-bg.gif);
background-position:0 2px;
background-repeat:no-repeat;
font-size:93%;
padding:6px 0 6px 8px;
margin:0 0 0 33px;
text-align:left;
width:91px;
display:inline-block;
}

.financial-portfolio .quick-links-box a {
color:#333333;
text-decoration:none;
}

.financial-portfolio .show-accounts {
font-family:Arial,sans-serif;
font-size:85%;
display:block;
padding:6px 0 0;
color:#666666;
font-weight:normal;
}

.financial-portfolio .show-accounts a {
float:right;
margin-right:5px;
}

/*END OF CSS CLASSES FOR THE NO-TAB VERSION OF HEALTH BENEFITS COMPONENT*/
/*START OF CSS CLASSES FOR THE FINANCIAL PORTFOLIO ERROR COMPONENT*/
.financial-portfolio .inner-wrapper-error {
background-image:url(../../../images/css/single-acct-rule.png);
background-position:0 10px;
background-repeat:no-repeat;
clear:both;
overflow:auto;
}

.financial-portfolio .error-message {

    clear: both;

    display: block;

    margin: 20px 0 0 16px;

    overflow: auto;

}



.financial-portfolio .error-message img {
padding-right:8px;
vertical-align:middle;
display:block;
float:left;
}

.financial-portfolio .error-message p {
font-size:93%;
color:#000000;
line-height:138.5%;
float:left;
width:80%;
background-image:url(../../../images/css/warning_msg_icon.gif);
background-position:0 0;
background-repeat:no-repeat;
clear:both;
padding:0 0 1px 24px;
}

/*END OF CSS CLASSES FOR THE FINANCIAL PORTFOLIO ERROR COMPONENT*/
/*START OF CSS CLASSES FOR DISPLAY OF DIFFERENT TEXT TYPES WITHIN THE COMPONENT*/
.financial-portfolio .data-table td .acc-message {
font-family:Arial,sans-serif;
font-size:108%;
color:#333333;
font-weight:bold;
}

.financial-portfolio .data-table td .acc-message-normal {
font-family:Arial,sans-serif;
font-size:108%;
color:#333333;
font-weight:normal;
}

.financial-portfolio .data-table td .acc-message-link {
font-family:Arial,sans-serif;
font-size:108%;
color:#0F57C2;
font-weight:bold;
}

/*END OF CSS CLASSES FOR DISPLAY OF DIFFERENT TEXT TYPES WITHIN THE COMPONENT*/

/*START CLASSES NEEEDED FOR SingleDC header formatting*/
.financial-portfolio .header table th .acc-type {font-family:Arial,sans-serif; font-size:64%; display:block; padding:5px 0px 10px 10px; color:#666666; font-weight:normal;}
.financial-portfolio .data-table th .acc-type {font-family:Arial,sans-serif; font-size:85%; display:block; padding:3px 0px 0px 0px; color:#666666; font-weight:normal;}

/*START CLASSES NEEEDED FOR SingleDC header formatting*/

/*Class needed to correct formatting of Dojo Fly Out menu in the Financial Portfolio component*/
.financial-portfolio .data-table .right .ofMenu {text-align:left;}


.financial-portfolio .plan-table td .acc-message {

    color: #333333;

    font-family: Arial,sans-serif;

    font-size: 108%;

    font-weight: bold;

}




.life-changes-component {
width:727px;
margin:0;
padding:0;
}

.life-changes-component h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:138.5%;
font-weight:bold;
color:#333333;
padding:0 0 10px 14px;
}

.life-changes-component .content {
background:url(../../../images/css/header-bottom.png) no-repeat 0 0 transparent;
padding:17px 0 0 14px;
}

.life-changes-component .content p {
font-family:Arial, Helvetica, sans-serif;
font-size:93%;
font-weight:normal;
color:#000000;
line-height:138.5%;
padding:0 0 23px;
}

.life-changes-component .content ul {
padding:0;
margin:0;
}

.life-changes-component .content ul li {
padding:0;
margin:0 45px 0 0;
list-style-type:none;
float:left;
width:48px;
}

.life-changes-component .content ul li span {
font-family:Arial, Helvetica, sans-serif;
font-size:93%;
font-weight:normal;
color:#0F57C2;
line-height:108%;
text-align:center;
display:block;
padding:4px 0 0;
}

.emergency-message-bricklet {
border:1px solid #90abc8;
background-color:#FFFFFF;
padding:15px 15px 13px;
width:965px;
margin:0 0 15px;
}

.emergency-message-bricklet p {
font-size:100%;
font-family:arial;
font-weight:bold;
margin:0;
padding:0;
}

.emergency-message-bricklet p img {
float:left;
margin:0 10px 0 0;
}

.emergency-message-bricklet p a {
font-size:100%;
font-family:arial;
font-weight:bold;
color:#0F57C2;
}

.emergency-message-bricklet .close-button {
float:right;
}

.client-news-bricklet {
margin:0px 0 0 10px;
width:260px;
}

.client-news-bricklet h2 {
font-family:Arial;
font-weight:bold;
color:#333333;
margin-bottom:15px;
padding:0 0 10px;
font-size:138.5%;
background-image:url(../../../images/css/gradient-line.gif);
background-repeat:no-repeat;
background-position:0 bottom;
}

.client-news-bricklet .client-list span {
font-family:arial;
font-size:85%;
color:#666666;
margin:0 0 0 3px;
}

.client-news-bricklet .client-list ul {
padding:7px 0 5px;
}

.client-news-bricklet .client-list li {
font-family:arial;
font-size:93%;
line-height:123.5%;
background:url(../../../images/css/blackbulsq.gif) no-repeat;
list-style-type:none;
background-position:0 5px;
margin:0 0 0 5px;
padding:0 0 13px 10px;
font-size:93%;
}

.client-news-bricklet .news-link img {
margin:0 0 0 3px;
}




.client-news-bricklet .news-link a {
font-weight:bold;
padding:0 0 0 15px;
background-image: url(../../../images/css/11_11_bullet_b.gif);
background-position: 0px 2px;
background-repeat: no-repeat;
}

.enrollment-option-component  {
width:995px;
border:1px solid #CCCCCC;
float:left;
height:110px;
}

.enrollment-option-component h2 {
font-family:arial;
font-size:200%;
line-height:32px;
margin-bottom:10px;
color:#002061;
}

.enrollment-option-component .enrollment-option-content {
width:600px;
float:left;
margin:20px 20px 0 80px;
}

.enrollment-option-component .enrollment-option-content p {
font-size:108%;
font-family:arial;
color:#000000;
font-weight:bold;
margin-right:60px;
text-align:right;
}

.enrollment-option-component .source {
color:grey;
font-size:87.5%;
left:840px;
position:absolute;
text-transform:uppercase;
top:190px;
z-index:99;
}

.enrollment-option-component a img {
margin-top:45px;
}

.enrollment-option-component {
background:#b1cde0;
/* Old browsers */
background:0;
/* FF3.6+ */
background:0 color-stop(55%,#ffffff));
/* Chrome,Safari4+ */
background:0;
/* Chrome10+,Safari5.1+ */
background:0;
/* Opera11.10+ */
background:0;
/* IE10+ */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#B1CDE0',endColorstr='#FFFFFF',GradientType=1);
/* IE6-9 */
background:linear-gradient(left,#b1cde01%,#ffffff55%);
}/* W3C */

}

.footer-component {
margin-top:10px;
padding:0 0 0 0px;
}

.footer-component p {
color:#666666;
margin:0;
line-height:108%;
padding-bottom:10px;
font-size:85%;
}

.footer-component ul li {
display:inline;
padding-right:3px;
margin:0;
color:#999999;
font-size:85%;
}

.footer-component ul a {
padding:0 6px 0 0;
font-size:100%;
color:#0F57C2;/*Added for Prelogin pages*/
}

.footer-component strong {
font-weight: 800;
}


.image-comp {
width:231px;
height:290px;
}

.messaging-component {
border:1px solid #DBDBDB;
padding:0 10px 0 11px;
/*margin-bottom:20px;*//*Commented for Prelogin page*/
height:290px;/*Height added for Prelogin page*/
}

.messaging-component h2 {
font-size:197%;
line-height:28px;
margin:15px 0 0;
padding:0 0 12px;
}

.messaging-component p {
font-size:100%;
line-height:16px;
padding:0 0 15px;
}

.messaging-component img {
padding:0 0 12px;
}

.messaging-component .call-to-action {
background-image:url(../../../images/css/11_11_bullet_b.gif);
background-position:0 2px;
background-repeat:no-repeat;
font-size:93%;
padding:0 0 11px 17px;
font-size:100%;
line-height:16px;
}

.messaging-component .disclosure-mesg {
font-size:77%;
line-height:14px;
color:#333333;
float:right;
padding:0 0 2px;
}

.clear {
clear:both;
}

.breadcrumb-dotted {
border-bottom:1px dotted #DBDCDE;
padding:6px 0 10px;
font-family:Arial,sans-serif;
}

.breadcrumb-dotted ul {
margin:0;
}

.breadcrumb-dotted li {
display:inline;
list-style:none;
margin:0;
padding:0;
vertical-align:middle;
color:#666666;
font-size:85%;
}

.breadcrumb-dotted li a {
color:#666666!important;
}

/*breadcrumb-component starts*/
.breadcrumb {
font-family:arial, sans-serif;
font-size:85%;
padding:0 0 8px;
margin:0;
color:#666666;
margin:10px 0;
}

.breadcrumb ul {
padding:0;
margin:0;
display:inline;
}

.breadcrumb ul li {
display:inline;
font-weight:bold;
}

/*breadcrumb-component ends*/
.page-title-with-icon img {
display:inline;
float:left;
vertical-align:middle;
}

.page-title-with-icon h1 {
display:inline;
float:left;
font-size:182%;
margin:16px 0 0 15px;
font-family:arial;
font-weight:normal;
vertical-align:middle;
}

.life-events-tabs {
font-size:13px;
font-weight:bold;
}

.life-events-tabs ul {
padding:0px;
margin:0 0 0 10px;
white-space:nowrap;
}

.life-events-tabs li {
float:left;
margin:3px 0 0;
padding:0;
line-height:116%;
background:transparent url(../../../images/css/tabbg.gif) repeat-x scroll 257px 0;
border-right:1px solid #999999;
white-space:nowrap;
height:47px;
}

.life-events-tabs li.first-item {
background-position:left top;
height:47px;
}

.life-events-tabs li.selected {
background-image:none;
background-color:#FFFFFF;
margin:0 0 0 -2px;
border-top:1px solid #999999;
border-left:1px solid #999999;
border-right:1px solid #999999;
color:#333333;
position:relative;
top:1px;
z-index:3;
display:block;
padding:8px 30px 8px 9px;
white-space:nowrap;
height:33px;
}

.life-events-tabs li a {
color:#0F57C2;
display:block;
padding:9px 30px 7px 9px;
}

.life-events-tabs li a:visited {
color:#0F57C2;
text-decoration:none;
height:70%;
}

.life-events-tabs li a:hover {
text-decoration:underline;
}

.life-events-tabs li a:active {
color:#e74b00;
text-decoration:underline;
}

.life-events-tabs li a:focus {
color:#e74b00;
text-decoration:underline;
}

.life-events-tabs li {
cursor:pointer;
}

.life-events-tabs li.selected {
cursor:default!important;
border-bottom:none!important;
}

.tab-base .clear {
clear:both;
}

.tab-base {
background:transparent url(../../../images/css/tabareabg.png);
border-bottom:1px solid #999999;
margin:0;
padding:0;
}

/*life-events-details-tabs*/
.life-events-details-tabs {
font-size:13px;
font-weight:bold;
}

.life-events-details-tabs ul {
padding:9px 0 0;
margin:0 0 0 10px;
white-space:nowrap;
}

.life-events-details-tabs li {
float:left;
margin:3px 0 0;
padding:0;
line-height:116%;
background:transparent url(../../../images/css/tabbg.gif) repeat-x scroll 257px 0;
border-right:1px solid #999999;
white-space:nowrap;
height:47px;
}

.life-events-details-tabs li.first-item {
background-position:left top;
height:47px;
}

.life-events-details-tabs li.last-item {
background-position:right top;
border-right:none;
}

.life-events-details-tabs li.selected {
background-image:none;
background-color:#FFFFFF;
margin:0 0 0 -2px;
border-top:1px solid #999999;
border-left:1px solid #999999;
border-right:1px solid #999999;
color:#333333;
position:relative;
top:1px;
z-index:3;
display:block;
padding:8px 30px 8px 9px;
white-space:nowrap;
height:33px;
}

.life-events-details-tabs li a {
color:#0F57C2;
display:block;
padding:9px 30px 7px 9px;
}

.life-events-details-tabs li a:visited {
color:#0F57C2;
text-decoration:none;
height:70%;
}

.life-events-details-tabs li a:hover {
text-decoration:underline;
}

.life-events-details-tabs li a:active {
color:#e74b00;
text-decoration:underline;
}

.life-events-details-tabs li a:focus {
color:#e74b00;
text-decoration:underline;
}

.life-events-details-tabs li {
cursor:pointer;
}

.life-events-details-tabs li.selected {
cursor:default!important;
border-bottom:none!important;
}

/*life-events-details-tabs*/
/*life-events-details-txt-block-component*/
.life-events-details-txt-block-component h2 {
font-size:131%;
font-color:#333333;
line-height:161.6%;
margin:0;
padding:0 0 5px;
}

.life-events-details-txt-block-component p {
font-size:93%;
line-height:138.5%;
padding:0 0 20px;
}

/*life-events-details-txt-block-component*/
.bullet-list-label-component h2 {
font-size:108%;
color:#333333;
padding:0 0 15px;
}

.bullet-list-label-component h3 {
font-size:108%;
color:#333333;
padding:0 0 15px;
}

.life-events-details-check-list-component {
width:550px;
}

.life-events-details-check-list-component h3 {
font-size:93%;
line-height:138.5%;
}

.life-events-details-check-list-component ul {
margin:0;
}

.life-events-details-check-list-component li {
background:url(../../../images/css/blackbulsq.gif) no-repeat;
list-style-type:none;
background-position:0 7px;
margin:0;
padding:0 0 9px 11px;
font-size:93%;
line-height:138.5%;
}

#two-column-article .bullet-list-label-component {
margin-top:25px;
}

.bullet-list-element-component ul {
margin:0;
}

.bullet-list-element-component li {
background:url(../../../images/css/blackbulsq.gif) no-repeat;
list-style-type:none;
background-position:0 5px;
margin:0;
padding:0 0 14px 10px;
font-size:93%;
}

.bullet-list-element-component li.subtext	{
list-style: none;
background-image: none;
margin-top: -10px;
}

/*content-component starts*/
.client-articles {
width:541px;
}

.client-articles .article-item {
border-bottom:1px solid #DBDCDE;
padding:0 0 18px;
line-height:18px;
margin-bottom:7px;
}

.client-articles .article-item.last-list-item {
border-bottom:none;
}

.client-articles .article-item h3 {
padding-bottom:5px;
}

.page-heading h1 {
font-size:182%;
padding:0 0 10px;
margin:0;
font-weight:normal;
}

/*content-component ends*/
/*post-login-footer component*/
.post-login-footer {
border-top:2px solid #666666;
padding-top:10px;
}

.post-login-footer .left {
width:49%;
float:left;
text-align:left;
}

.post-login-footer .right {
width:49%;
float:right;
text-align:right;
}

.post-login-footer .right .copyright {
padding:0 0 2px;
margin:-4px 0 0;
}

.post-login-footer .right p {
font-size:85%;
color:#666666;
line-height:138.5%;
}

.post-login-footer .right ul {
margin:15px 0 0;
padding:0;
}

.post-login-footer .right ul li {
display:inline;
font-size:85%;
}

.post-login-footer .right .grey-pipe {
color:#666666;
margin:0 4px 0 5px;
}

/*post-login-footer component ends*/
.page-title h1 {
font-size:182%;
padding:0 0 10px;
margin:0;
font-weight:normal;
}

.text-block-component {
margin:0;
padding:0;
}

.text-block-component p {
font-size:93%;
margin:0;
padding:0 0 15px;
line-height:138.5%;
}

.faqs-content {
margin:0;
padding:0;
width:600px;
font-family:Arial, Helvetica, sans-serif;
}

.faqs-content .page-title h1 {
font-size:182%;
margin:0;
padding:0 0 20px;
font-weight:normal;
}

.faqs-content .list-black-bullet ul {
padding:0;
margin:0;
}

.faqs-content .list-black-bullet li {
background:url(../../../images/css/blackbulsq.gif) no-repeat;
list-style-type:none;
background-position:0 4px;
margin:0;
padding:0 0 14px 11px;
font-size:93%;
}

.faqs-content .question-answer-top-link h3 {
font-size:108%;
padding:1px 0 9px;
margin:0;
line-height:138.5%;
}

.faqs-content .question-answer-top-link p {
font-size:93%;
padding:0 0 7px;
margin:0;
line-height:18px;
}

.faqs-content .question-answer-top-link .top {
float:right;
padding:0;
margin:0 0 15px;
font-size:85%;
color:#0F57C2;
}

.large-icon-grid {
font-family:arial;
font-weight:normal;
}

.large-icon-grid .row1 ul {
padding:0;
margin:0;
}

.large-icon-grid .row1 ul li {
padding:0;
float:left;
text-align:center;
margin:0 45px 0 0;
list-style-type:none;
width:48px;
}

.large-icon-grid .row1 ul li span {
font-size:93%;
font-weight:normal;
color:#0F57C2;
line-height:108%;
text-align:center;
display:block;
padding:6px 0 0;
}

.large-icon-grid .row2 ul {
padding:0;
margin:13px 0 0;
}

.large-icon-grid .row2 ul li {
padding:0;
float:left;
text-align:center;
margin:0 45px 0 0;
list-style-type:none;
width:48px;
}

.large-icon-grid .row2 ul li span {
font-size:93%;
font-weight:normal;
color:#0F57C2;
line-height:108%;
text-align:center;
display:block;
padding:6px 0 0;
}

<!-- NAVLESS HEADER CSS BEGINS -->
.navless {}

.navless {
height:75px;
margin:0 0 2px;
overflow:hidden;
border-bottom:solid #999999 4px;
background-color:#FFFFFF;
/*padding-top:20px;*/
}

.navless .left {
width:730px;
float:left;
margin:0 20px 0 0;
}

.navless .right {
width:223px;
float:right;
/*margin:30px 0px 0 0;*/
position:relative;
height:68px;

}

.navless .right img {margin: 24px 10px 0 0;float: right;}

.navless .left .logo {
margin:0 0px 0 0px;
float:left;
}

.navless .left .logo img {
display:inline;
vertical-align:middle;
}

.navless .left .text {
font-size:138.5%;
color:#333333;
float:left;
margin:0px 0 0;
padding-top:28px;
}

.navless .right ul.single-link {position:absolute;bottom:0;}
.navless .right ul.single-link li{
background-image:url(/bin-public/03_Global_Login_Pages/images/css/wi/nb/disney/11_11_bullet_b.gif);
background-position:0 1px;
background-repeat:no-repeat;
font-size:93%;
padding:0 0 0 19px;
line-height:normal;
}
.navless .right ul li {
display:inline;
font-size:93%;
font-weight:bold;
margin-left:0;
}



<!-- NAVLESS HEADER CSS ENDS -->
<!-- LOGIN COMPONENT CSS BEGINS -->
#authentication-component .login-component {
padding:0;
border:none;
background-color:#FFF;
}

#authentication-component .login-component .log-in-form {
padding-left:0;
}

.login-component {
/*Added padding-left:20px and changed padding-top:10px,padding-bottom:19px as change to prelogin page*/
padding-top:19px;
padding-right:0px;
padding-bottom:18px;
padding-left:21px !important;
border:1px solid #DBDCDE;
/*background-color:#EFEFEF;*//*Commented for Prelogin Page*/
width:698px;/*Added for Prelogin page*/
height:253px;
}

.ie7 .login-component{border:1px solid #DBDCDE !important;padding-top:19px !important;height:270px !important;}/*Added for prelogin page*/
.ie8 .login-component{height:252px !important;padding-bottom:20px !important;}/*Added for prelogin page*/


.login-component .log-in-form {
width:333px;/*changed from 335px to 333px for Prelogin page*/
padding:0 15px 0 13px;
float:left;
border-right:1px solid #DBDCDE;
margin-right:-1px;/*Added for Prelogin page*/
}

.login-component .log-in-form h1 {
/*float: left;*/
font-size: 138.5%;/*Changed for Prelogin page from 18 to 20 */
padding: 0px 0 8px;/*Added padding-top as change to prelogin page*/
width: 70.5%;/*changed from 60% to 70.5% as change to prelogin page*/
margin-bottom:2px;/*Added padding-top as change to prelogin page*/
margin-left:-7px !important;/*Added as change to prelogin page*/
margin-top:-2px;
/*margin-right:10px;*/
color:#333333;/*Added as change to prelogin page*/
}
.ie6 .login-component .log-in-form h1 {margin-top:0px;margin-left:0px !important;}/*Added for pre login page ie6 issue*/
.ie7 .login-component .log-in-form h1 {margin-left:-7px !important;margin-top:-6px;}
.ie8 .login-component .log-in-form h1 {margin-left:-7px !important;margin-top:-6px;}

.login-component .log-in-form  p {margin-left:-7px;font-size:93%;padding-bottom:3px;line-height:138.5%}/*Added padding-top as change to prelogin page*/
.ie6 .login-component .log-in-form p {margin-left:0px;}/*Added for pre login page ie6 issue*/
.ie7 .login-component .log-in-form  p {margin-bottom:-1px}/*Added padding-top as change to prelogin page*/
.ie8 .login-component .log-in-form  p {margin-bottom:-1px;}/*Added padding-top as change to prelogin page*/
.ie7 .login-component .log-in-form h1{padding-top:5px;}/*Added padding-top as change to prelogin page*/

.login-component .log-in-form h2 {
float:left;
font-size:138.5%;
padding:0 0 10px;
margin:0;
width:50%;
}

/*.login-component .log-in-form .manage-log-in {
float:left;
font-size:100%;/*Changed from 93% to 100%*/
/*color:#0F57C2;*/
/*width:49%;*//*commented as a change to prelogin page as change to prelogin page*/
/*text-align:right;
width:39.5%;
}*/

/*.login-component .log-in-form .manage-log-in a {
font-size:93.5%;/*Changed for prelogin page from 100% to 93.5%*/
/*}*/

.login-component .log-in-form label {
font-size:93%;
color:#333333;
display:block;
padding-top:15px;
margin-bottom:-20px;/*Added for prelogin page*/
margin-left:-7px;/*Added for prelogin page*/
}
.ie6 .login-component .log-in-form label{margin-left:0px;}/*Added for pre login page ie6 issue*/
.login-component .log-in-form .txtfield {
width:230px;
font-size:93%;
display:inline;/*Changed from display:block to display:inline for Prelogin page */
margin:7px 8px 0px 0px;/*changed from margin:6px 0; for prelogin page*/
float:left;/*Added for prelogin page*/
}

.login-component .log-in-form .pwdQuesImg {margin-left:-3px}/*Added for prelogin page*/

.login-component .log-in-form a {
color:0;
margin:0 0 25px;
}

.login-component .log-in-form .remember-me {
display:block;
margin-top:25px;/*changed from margin-top:15px to 25px for prelogin page*/
margin-left:72px;/*Added for prelogin page*/
margin-bottom:10px;/*Added for prelogin page*/
}

.login-component .log-in-form .remember-me a{	color: #0F57C2 !important;}

.ie7 .login-component .log-in-form .remember-me{margin-top:-4px;margin-bottom:8px;margin-left:67px !important;}/*Added for prelogin page*/
.ie8 .login-component .log-in-form .remember-me{margin-top:22px;margin-bottom:7px;margin-left:67px !important;}/*Added for prelogin page*/

.login-component .log-in-form .remember-me .checkbox {
font-size:93%;
color:#0F57C2;
margin:0 14px 0 -2px;/*changed margin-right:14px and added margin-left:-2px as a change to Prlogin page*/
}


.login-component .log-in-form .remember-me .remember-me-link{font-size:100%;}/*Added for Prelogin page*/

.login-component .log-in-form .remember-me img {
margin-left:15px;
margin-bottom:-5px;
margin-top:11px;
}

/*.login-component .log-in-form .remember-me {
padding:0 0 24px;
}*/ /*Commented as a change to Prelogin page*/

/*label changed to span with class rem-label*/
.login-component .log-in-form .remember-me .rem-label {
display:inline;
padding-top:10px;
font-size:93%;/*Added for prelogin page*/
color:#333333;/*Added for prelogin page*/
margin-bottom:-20px;/*Added for prelogin page*/
margin-left:-7px;/*Added for prelogin page*/
}

.login-component .first-time .note {
background-image:url(/bin-public/03_Global_Login_Pages/images/css/lock_green.gif);/*Changed as a part of Prelogin page*/
background-position:2px 15px;/*Changed as a part of Prelogin page*/
background-repeat:no-repeat;
display:block;
font-size:85%;
padding:2px 0 0 15px;/*Padding top:2px added as a change to the Prelogin page*/
margin-top:115px;/*Added for pre login page*/
margin-left:-3px;/*Added for pre login page*/
}

.ie7 .login-component .first-time .note {background-position:3px 15px;}/*Added for pre login page*/

.login-component .log-in-form .note a {
font-size:100%;
}

/*Added for pre login page*/
.login-component .log-in-form .login-btn{
margin-left:35px;/*Added for pre login page*/
margin-bottom:-5px;
margin-top:2px;}/*Added for pre login page*/
.ie6 .login-component .log-in-form .login-btn {margin-bottom: 0px;}/*Added for pre login page ie6 issue*/
.ie7 .login-component .log-in-form .login-btn input{margin-top:27px !important;}/*Added for pre login page*/
.ie8 .login-component .log-in-form .login-btn input{margin-top:4px !important;}/*Added for pre login page*/
.clear {
clear:both;
}

.login-component .first-time {
float:left;
border-left:1px solid #DBDCDE;
/*margin-left:-1px;*//*Commented for Prelogin page*/
padding-left:15px;/*Changed from padding-left:14px; to padding-left:15px;*/
}

.login-component .first-time h2 {
font-size:138.5%;
margin:0;
padding:2px 0 22px;/*Added padding-top:2px as change to prelogin page*/
color:#333333;/*Added padding-top as change to prelogin page*/
}

.login-component .first-time p {
line-height:18px;
font-size:93%;
padding:0 0 16px;/*Changed padding-botton:17px to padding-bottom:15px as change to prelogin page*/
width:250px;
}

.login-component .first-time .note {padding-top:13px;}
.login-component .first-time a.link {
background-image:url(/bin-public/03_Global_Login_Pages/images/css/11_11_bullet_b.gif);
background-position:0 2px;/*Changed position from 0 1px to 0 2px*/
background-repeat:no-repeat;
font-size:93%;
padding:0 0 0 17px;
font-weight:bold;
}


/*CSS for Prelogin page with no tabs begins*/
.password-text {margin-left:13px !important;margin-top:10px !important;}
.login-component .no-tabs {padding-left:14px;border-left: 1px solid #DBDCDE;float: left;padding-left: 15px; width:47%;}
.login-component .no-tabs h2{font-size:93%;font-weight:bold;line-height:116%;padding-bottom:1px;}
.login-component .no-tabs ul li {background: url("../../../images/11_11_bullet_b.gif") no-repeat scroll 0 9px transparent;padding:7px 11px 3px 18px;}
.login-component .no-tabs .new-user {margin-top:23px;}
.login-component .no-tabs .new-user a {color: #0F57C2 !important;}
.login-component .no-tabs .help-section {margin-top:16px;}
.login-component .no-tabs .help-section  ul {height:158px;}
.login-component .no-tabs .help-section  a {color: #0F57C2 !important;}
.ie7 .login-component .no-tabs .help-section {margin-top:15px;}
.ie8 .login-component .no-tabs .help-section {margin-top:15px;}
.login-component .no-tabs .help-section .note {background:url(../../../images/lock_grey.gif);
background-position:0px 3px;
background-repeat:no-repeat;
	display:block;
	font-size:85%;
	padding:2px 0 0 16px;
	margin-left:1px;
/*	margin-top:102px!important;
*/}
.ie7 .login-component .no-tabs .help-section .note {padding:1px 0 0 15px !important;}
.ie8 .login-component .no-tabs .help-section .note {padding:0px 0 0 15px !important;}
.login-component .no-tabs .help-section .note a {font-size:100%;}
.hidden{display:none;}

.login-component .no-tabs .tab-btm-border {border-bottom:1px solid #CCC;height:1px;clear:both;}
/*CSS for Prelogin page with no tabs ends*/

/*CSS for Prelogin page with Dual tabs begins*/
.login-component .dual-tabs {padding-left:14px;border-left: 1px solid #DBDCDE;float: left;padding-left: 9px;padding-top:4px;}
.login-component .dual-tab-list a:visited {color:#0F57C2;}
.login-component .dual-tab-list ul li {line-height:138.5%;float: left;margin: 0px -1px -5px 0px;border-top: 1px solid #CCC;border-bottom: 1px solid #CCC; padding:7px 11px 10px 12px;border-left:1px solid #CCC;border-right:1px solid #CCC;text-align:center;font-weight:bold;font-size:100%; background: -moz-linear-gradient(center top , #FFFFFF, #EEEEEE) repeat scroll 0 0 transparent;}
.ie7 .login-component .dual-tab-list ul li {background-color:#EEEEEE !important;margin-bottom:-6px !important;padding-left:11px}
.ie8 .login-component .dual-tab-list ul li {background-color:#EEEEEE !important;margin-bottom:-6px !important;padding-left:11px;}
.login-component .dual-tab-list ul li.selected {
	background: -moz-linear-gradient(center top , #FFFFFF, #FFFFFF) repeat scroll 0 0 transparent;
	background-color: #FFFFFF !important;
    border-bottom: 1px solid #FFFFFF !important;
    border-right: 1px solid #CCC;
    border-top: 1px solid #CCC;
    padding: 9px 11px 11px 12px;
    position: relative;
    top: -3px;
    text-align:center;width: width: 43%;font-weight:bold;color:#000000;line-height:138.5%;}
.ie7 .login-component .dual-tab-list ul li.selected {background-color:#FFFFFF;padding-left:11px !important;}
.ie8 .login-component .dual-tab-list ul li.selected {background-color:#FFFFFF;padding-left:11px !important;padding-bottom:12px !important;}
.login-component .dual-tab-list ul li.selected .type-of-nb-emp {color:#000000;}
.login-component .dual-tab-list ul li.selected .sub-text a{color:#000000;}
.login-component .dual-tab-list ul li.selected a:visited {color: #000000;}
.login-component .dual-tab-list ul li.selected a:hover {color: #000000; text-decoration: none !important;}
.login-component .dual-tab-list .type-of-nb-emp {}
.login-component .dual-tab-list .type-of-nb-emp .bold{display:block;font-size:93%;margin-bottom:-5px;}
.login-component .dual-tab-list .type-of-nb-emp .sub-text {font-size:85%;font-weight:normal;font-size:85%;}
.login-component .dual-tab-content {padding-left:12px;padding-bottom:22px;}
.ie7 .login-component .dual-tab-content {padding-bottom:22px !important;}
.ie8 .login-component .dual-tab-content {padding-bottom:27px !important;}
.login-component .dual-tab-content h2{font-size:108%;font-weight:bold;line-height:116%;padding-bottom:4px;}
.ie7 .login-component .dual-tab-content h2{font-size:108%;font-weight:bold;line-height:116%;padding-bottom:5px;}
.ie8 .login-component .dual-tab-content h2{font-size:108%;font-weight:bold;line-height:116%;padding-bottom:5px;}
.login-component .dual-tab-content ul li {font-size:93%;background: url("../../../images/11_11_bullet_b.gif") no-repeat scroll 0 5px transparent;padding:2px 0px 2px 18px;line-height:138.5%;}
.login-component .dual-tab-content .new-user {margin-top:17px;}
.login-component .dual-tab-content .new-user a{color: #0F57C2 !important;}
.login-component .dual-tab-content .help-section {margin-top:13px;width:317px;}
.login-component .dual-tab-content .help-section a{height: 98px;}
.login-component .dual-tab-content .help-section a{color: #0F57C2 !important;}
.ie7 .login-component .dual-tab-content .help-section {margin-top:11px;width:317px;}
.ie8 .login-component .dual-tab-content .help-section {margin-top:11px;width:317px;}
.login-component .dual-tab-content .note {margin-bottom:-24px;margin-top:10px;background:url(../../../images/lock_grey.gif);background-position:0px 1px;
background-repeat:no-repeat;	display:block;	font-size:85%;	padding:2px 0 0 16px;	margin-left:1px;}
.login-component .dual-tab-content .note a {font-size:100%;color: #0F57C2 !important;}
.hidden{display:none;}

.login-component .dual-tabs .tab-btm-border {border-bottom:1px solid #CCC !important;height:1px;clear:both;}
.ie7 .login-component .dual-tabs .tab-btm-border {width:331px;margin-top:-3px;}
.ie8 .login-component .dual-tabs .tab-btm-border {width:331px;margin-top:-3px;}

.ie7 .login-component .dual-tab-content .note {background:url(../../../images/lock_grey.gif);background-position:0px 2px !important;background-repeat:no-repeat;}
.ie8 .login-component .dual-tab-content .note {background:url(../../../images/lock_grey.gif);background-position:0px 3px !important;padding-left:15px !important;background-repeat:no-repeat;}
/*CSS for Prelogin page with Dual tabs ends*/

.login-component #useSaved {margin:10px 0px 0px 0px;display:none;}

<!-- LOGIN COMPONENT CSS ENDS -->
/*article content component starts*/
.article-content-component {
padding:0;
}

.article-content-component h1 {
font-size:167%;
padding:0 0 20px;
}

.article-content-component .article-content {
border-right:1px solid #DBDCDE;
padding-right:5px;
}

.article-content-component .article-content p {
padding:0 0 18px;
}

/*article content component ends*/
/*blackbullet list starts*/
.black-bullet-list h3 {
font-family:Arial;
font-weight:bold;
color:#333333;
padding:0 0 10px;
font-size:138.5%;
}

.black-bullet-list ul {
padding:7px 0 5px;
}

.black-bullet-list li {
font-family:arial;
font-size:93%;
line-height:123.5%;
background:url(../../../images/css/blackbulsq.gif) no-repeat;
list-style-type:none;
background-position:0 5px;
margin:0 0 0 5px;
padding:0 0 13px 10px;
font-size:93%;
}

/*blackbullet list ends*/
<!--client chooser css begins-->
.client-chooser-bricklet h1 {
font-size:182%;
font-weight:normal;
color:#000;
line-height:28px;
padding:20px 0 10px;
}

.client-chooser-bricklet h2 {
font-size:131%;
font-weight:bold;
line-height:153.9%;
padding:0 0 5px;
}

.client-chooser-bricklet p {
font-size:93%;
font-weight:normal;
color:#000;
line-height:138.5%;
padding:0 20px 18px 0;
}

.client-chooser-bricklet ul li {
font-size:108%;
font-weight:bold;
color:#0F57C2;
background:url(../../../images/css/11_11_bullet_b.gif) no-repeat;
padding:0 0 18px 15px;
}

<!--client chooser css ends-->
/* alert message bricket*/
.alert-message-bricklet {
border:1px solid #90abc8;
background-color:#FFFFFF;
padding:15px 15px 13px;
}

.alert-message-bricklet p {
font-size:100%;
font-weight:bold;
}

.alert-message-bricklet p img {
float:left;
padding:0 10px 0 0;
}

.alert-message-bricklet p a {
padding-left:5px;
}

/* alert message bricket*/
/*data-table-component*/
.data-table-component table {
padding:0;
margin:0;
border-bottom:2px solid #DBDCDE;
width:100%;
}

.data-table-component th {
font-family:Arial,sans-serif;
padding:8px 5px 9px;
text-align:left;
border-bottom:1px solid #DBDCDE;
vertical-align:top;
}

.data-table-component td {
font-family:Arial,sans-serif;
padding:8px 5px 9px;
text-align:left;
border-bottom:1px solid #DBDCDE;
vertical-align:top;
}

.data-table-component th a {
font-family:Arial,sans-serif;
font-size:108%;
font-weight:bold;
}

.data-table-component th .acc-type {
font-family:Arial,sans-serif;
font-size:85%;
display:block;
padding:3px 0 0;
color:#666666;
font-weight:normal;
}

.data-table-component td .acc-number {
font-family:Arial,sans-serif;
font-size:108%;
color:#333333;
font-weight:bold;
}

.data-table-component td .enroll {
font-family:Arial,sans-serif;
font-size:108%;
color:#333333;
font-weight:bold;
background-image:url(../../../images/css/11_11_bullet_b.gif);
background-repeat:no-repeat;
background-position:0 2px;
padding:0 0 0 18px;
}

.data-table-component td .as-date {
font-family:Arial,sans-serif;
font-size:85%;
display:block;
padding:3px 0 0;
color:#666666;
font-weight:normal;
}

.data-table-component .middle {
vertical-align:middle;
}

.data-table-component .right {
text-align:right;
}

.data-table-component th {
width:53%;
}

.data-table-component th + td {
width:22%;
}

.data-table-component th + td + td {
width:25%;
}

/*data-table-component*/
/*enrollment-checklist-component*/
.enrollment-checklist-component {
width:770px;
margin-left:10px;
}

.enrollment-checklist-component .left {
width:490px;
float:left;
}

.enrollment-checklist-component img {
vertical-align:middle;
padding:0 9px 0 0;
margin:0 0 -3px;
}

.enrollment-checklist-component h2 {
display:inline;
margin:0;
}

.enrollment-checklist-component .checklist ul {
margin:0;
padding:0;
}

.enrollment-checklist-component .checklist ul li {
background:url(../../../images/css/check-box.jpg) no-repeat;
list-style-type:none;
background-position:0 2px;
margin:0 0 0 50px;
padding:5px 0 2px 28px;
font-size:93%;
line-height:18px;
}

.enrollment-checklist-component .right {
width:280px;
float:left;
}

.clear-both {
clear:both;
}

/*enrollment-checklist-component*/
/*error-message*/
.error-message img {
padding-right:8px;
vertical-align:middle;
display:block;
float:left;
}

.error-message p {
font-size:93%;
color:#000000;
line-height:138.5%;
float:left;
width:80%;
}

/*error-message*/
/*msg-four-col-text component*/
.msg-four-col-text {
border:1px solid #CCCCCC;
height:110px;
width:995px;
}

.msg-four-col-text .text-headline {
font-family:arial;
font-size:212%;
line-height:32px;
color:#002061;
padding:15px 0 0 26px;
}

.msg-four-col-text .text-content {
width:415px;
margin:0;
display:inline-block;
vertical-align:top;
}

.ie7 .msg-four-col-text .text-content {
zoom:1;
display:inline;
}

.msg-four-col-text .text-content p {

line-height:19px;
font-size:108%;
font-family:arial;
color:#333333;
padding:0 0 0 26px;
}

.msg-four-col-text .text-content h2 sup {
vertical-align:top;
line-height:22px;
font-size:50%;
color:#002061;
}

.msg-four-col-text img {
padding-top:17px;
display:inline-block;
margin-left:2px;
}

.ie7 .msg-four-col-text img {
zoom:1;
display:inline;
}

/*msg-four-col-text component*/
/*navless-header*/
.navless-header {
}

.navless-header {
height:51px;
margin:0;
overflow:hidden;
border-bottom-width:4px;
border-bottom-style:solid;
padding:20px 0 0;
}

.navless-header .left {
width:730px;
float:left;
margin:0 20px 0 0;
}

.navless-header .left .logo {
margin:0 18px 0 26px;
float:left;
}

.navless-header .left .logo img {
display:inline;
vertical-align:middle;
}

.navless-header .left .text {
font-size:138.5%;
color:#a5a2a5;
float:left;
}

.navless-header .right {
width:220px;
float:right;
margin:30px 0 0;
}

.navless-header .right ul li {
display:inline;
font-size:93%;
font-weight:bold;
margin-left:0;
}

.navless-header .right .first a {
padding:0 0 0 7px;
}

.navless-header img {
border:none;
}

.navless-header.texttron {
border-bottom-color:#999;
background-color:#F0F0F0;
}

.navless-header.netbenefits {
border-bottom-color:#699F7E;
background-color:#FFFFFF;
}

#authentication-component .footer-component {
border-top:3px double #DBDCDE;
font-family:arial;
padding-top:10px;
}

/*navless-header*/
/*NG article landing starts*/
/*content-component starts*/
.main-content-bricklet {
}

.main-content-bricklet ul li {
border-bottom:1px solid #DBDCDE;
padding:10px 0 20px;
line-height:18px;
}

.main-content-bricklet .last-list-item {
border-bottom:none;
margin-bottom:60px;
}

.main-content-bricklet ul {
padding-top:10px;
}

.main-content-bricklet h3 {
padding-bottom:5px;
}

/*content-component ends*/
/*footer component*/
.primary-footer {
text-align:right!important;
border-top:2px solid #666666!important;
}

.primary-footer .fid-logo {
float:left!important;
padding:0!important;
margin:10px 0 0!important;
}

.primary-footer p {
font-size:85%!important;
color:#666666!important;
line-height:18px;
}

.primary-footer .copyright {
padding:0 0 2px!important;
margin:4px 0 0!important;
}

.primary-footer ul {
margin:22px 0 0!important;
padding:0!important;
}

.primary-footer .first {
background:none!important;
}

.primary-footer ul li {
display:inline!important;
font-size:85%!important;
background:transparent url(../../../images/css/grey-pipe.gif) no-repeat scroll 1% 50%!important;
padding:0 0 0 5px!important;
}

/* footer component ends*/
/*Ng article ends */
/*client-chooser starts*/
.client-chooser-bricklet {
}

.client-chooser-bricklet h1 {
font-size:182%;
font-weight:normal;
color:#000;
line-height:28px;
padding:20px 0 10px;
}

.client-chooser-bricklet h2 {
font-size:131%;
font-weight:bold;
line-height:153.9%;
padding:0 0 5px;
}

.client-chooser-bricklet p {
font-size:93%;
font-weight:normal;
color:#000;
line-height:138.5%;
padding:0 20px 18px 0;
}

.client-chooser-bricklet ul li {
font-size:108%;
font-weight:bold;
color:#0F57C2;
background:url(../../../images/css/11_11_bullet_b.gif) no-repeat;
padding:0 0 18px 15px;
}

/*client-chooser ends*/
.article-detail-component {
width:400px;
}

.article-detail-component h1 {
font-size:182%;
font-weight:normal;
padding:0 0 3px;
}

.article-detail-component h2 {
font-size:108%;
line-height:18px;
padding:0 0 2px;
margin-top:5px;
}

.article-detail-component h3 {
font-size:100%;
color:#333333;
line-height:18px;
padding:0 0 3px;
}

.article-detail-component h4 {
font-size:93%;
color:#333333;
line-height:18px;
padding:0 0 2px;
}

.article-detail-component .source {
font-size:77%;
font-weight:normal;
color:#666666;
line-height:18px;
text-transform:uppercase;
}

.article-detail-component p {
font-size:93%;
line-height:18px;
padding:0 0 8px;
}

.article-detail-component ul {
padding:0 0 3px;
}

.article-detail-component ol {
padding:0 0 13px;
}

.article-detail-component ul li {
font-size:93%;
line-height:18px;
background:url(../../../images/css/blackbulsq.gif) no-repeat;
list-style-type:none;
background-position:0 7px;
margin-left:8px;
padding:0 0 8px 13px;
}

.article-detail-component ol li {
font-size:93%;
line-height:18px;
list-style-type:decimal;
margin-left:25px;
padding:0;
}

/*Added by a325869 ------ */

.ofMenu {
	position: absolute;
}

.ofMenu ul {
	border-left: solid 1px #ccc;
	border-right: solid 3px #666 !important;
	background-color: #fff;
	width: 120px !important;
}

.ofMenu li a {
    width:120px;
    display:block;
	padding:3px 3px 1px 5px;
}

.ofMenu ul.ofFirstChild,
.ofMenu li.ofHasChild ul {
	border-top: solid 1px #ccc;
	border-right: solid 3px #666;
}

.ofMenu ul.ofLastChild,
.ofMenu li.ofHasChild ul {
	border-bottom: solid 3px #666;
	border-right: solid 3px #666;
}

.ofMenu li.ofLastChild {
	border-bottom:1px solid #ddd;
	padding-bottom:5px !important;
}

.ofMenu li li.ofLastChild,
.ofMenu ul.ofLastChild li.ofLastChild {
	border-bottom:none;
}

.ofMenu a:hover,
.ofMenu a:focus,
.ofMenu a:active {
	text-decoration:underline;
}

.ofMenu li.ofHasChild {
	background: transparent url("../../../images/css/rt-caret.gif") no-repeat 160px 7px;
}

.ofMenu li.ofHasChild a:hover,
.ofMenu li.ofHasChild a:focus,
.ofMenu li.ofHasChild a:active,
.ofMenu li.ofHasChild.ofSelected {
	background: #eee url("../../../images/css/rt-caret.gif") no-repeat 120px 7px
}

.ofMenu li.ofHasChild li a:hover,
.ofMenu li.ofHasChild li a:focus,
.ofMenu li.ofHasChild li a:active {
	background-image: none !important
}

.ofSubItem {
	font-size:90% !important;
	color: #666
}

.ofMenuLink {
	font-size: 90%;
	float: right;
}

.ofMenu .ofMenuLink {
	font-size: 100%;
	float: none;
}

.ofMenu {
	margin-top: 16px;
	position: absolute;
    left: 0px;
	top: 0px;
	z-index:999 !important;
}

.ofMenu ul.ofSubMenu {
	position:absolute;
	top:95px;
	left:175px;
}
/* Non-component CSS */
.ofHidden {
	display:none
}

/*
    Accessibility style
*/
.ofOffScreen {position: absolute;left: -5000px;width: 1px;height: 1px;overflow: hidden;}

/*
    Fly-out menu style
    */
   .ofMenu ul {

    border-left: solid 1px #ccc;

    background-color: #fff;

    width: 210px !important;

    padding:0px 0px 6px 0px;

    }

    .ofMenu {

    margin-top: 16px;

    position: absolute;

    left: 0px;

    top: 0px;

    z-index:999 !important;

    border-bottom: solid 1px #666;

    border-right: solid 1px #666;

    }

    .ofMenu li a {

    display:block;

    padding:3px 3px 3px 5px;

    }

    .ofMenu ul.ofFirstChild {

    border-top: solid 1px #ccc;

    border-right: solid 1px #666;

    }

    .ofMenu ul.ofLastChild {

    border-bottom: solid 1px #666;

    border-right: solid 1px #666;

    }







/*CSS added to implement the changes to the Pre-Login page starts here*/
div.helpIcon
{
	cursor: pointer;
    margin-top: 9px;
	width: 25px;
	height: 11px;
	background-image: url('/bin-public/03_Global_Login_Pages/images/css/11_11_question1.gif');
	background-position:1px 0px;/*Added for prelogin page*/
	background-repeat: no-repeat;
	display: block;
	float:left;
}

.ie7 div.helpIcon{margin-left:2px;}/*Added for prelogin page*/
.ie8 div.helpIcon{margin-left:2px;}

.idField {
    float: left;
    width: 230px;
	margin-right:8px;
}

.ie6 .idField{
	position:relative;
	left:10px;
}

div.errorMessage
{
	font-size: 12px;
	color: #CC0000;
	font-weight: normal;
	margin-top: 4px;
	margin-bottom: 6px;
	min-height: 18px;
}

.ofToolTipContainer {
left:-3000px;
min-height:100px;
position:absolute;
top:-3000px;
width:252px;
z-index:99999;
}

.ofToolTipContainer .ofTopArrow {
display:block;
left:212px;
position:absolute;
}

.ofBubbleWrapper {
background-color:#FFFFFF;
border:1px solid #000000;
margin-top:17px;
}

.ofBubbleText {
	/*padding: 10px;*//*Commented for Prelon pages*/
	/*Added for Prelogin pages*/
	margin-left: -3px;
    padding-bottom: 12px;
    padding-right: 8px;
    margin-top: -2px;
}


.close {
	float:right;
	z-index:100;
}

.close img {
	margin:5px 5px 0 0;
	vertical-align:middle;
	border: none;
}

.close a {
	font-size: 13px;
}

.ofBubbleText ul {
	margin: 0;
	padding: 0 0 0 15px;
}


.errorBox {
	padding: 7px 10px 12px 30px;
	margin-top: 10px;
	margin-bottom: 15px;
	border: 1px solid #CC0000;
	font-size: 14px;
	line-height: 1.5em;
	color: #CC0000;
	min-width: 225px;
	width: 700px;
	background: url('../images/error_msg_icon.gif') no-repeat scroll 10px 10px transparent;
}

.errorBox h2 {
	margin: 0px;
	font-size: 14px;
	font-weight: normal;
}

.bluebulletlist ul {
	list-style-type:none;
	padding-left: 0 !important;
	margin-left: 0 !important;
}

.bluebulletlist ul li {
	background-image:url("../../../images/11_11_bullet_b.gif");
	background-position:0 2px;
	background-repeat:no-repeat;
	font-size: 12px;
	padding:0 0 10px 17px;
}

.bluebulletlist span {
	display: block;
}

.bluebulletlist a {
	line-height: 1em;
}

p.cancelLink {
	background:url("../../../images/close_small_icon.gif") no-repeat scroll left 2px transparent;
	padding-left: 18px;
	margin-left: -1px;
	font-family: Arial, Helvetica, sans-serif !important;
	text-decoration: none;
	font-size: 12px;
}

div.offScreen
{
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}


.login-component .log-in-form .txt {float:right;margin-bottom:25px;}
.ie7 .login-component .log-in-form .txt {float:right;margin-bottom:21px !important;}
.ie8 .login-component .log-in-form .txt {float:right;margin-bottom:22px !important;}

.login-component .log-in-form .ofBubbleWrapper .ofBubbleText ul {list-style:disc outside none;}/*Added as part of FnF of the SS Homepage*/

.dual-tabs {display:inline-block;float:left;}/*Width:349px removed for the Prelogin page*/
.dual-tab-list ul li {float: left;margin: 0px -1px -5px 0px;font-size:100%; border-top: 1px solid #999999;border-bottom: 1px solid #999999; padding:11px 10px 10px 13px;border-left:1px solid #999999;border-right:1px solid #999999;text-align:center;font-weight:bold;font-size:100%;background: -moz-linear-gradient(center top , #FFFFFF, #EEEEEE) repeat scroll 0 0 transparent;}
.dual-tab-list ul li.selected {background-color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF !important;
    border-right: 1px solid #999999;
    border-top: 1px solid #999999;
    padding: 14px 11px 10px 12px;
    position: relative;
    top: -3px;
    text-align:center;width: width: 43%;font-weight:bold;color:#000000;font-size:100%;background:none !important;}
.dual-tab-list ul li.selected .type-of-nb-emp {color:#000000;}
.dual-tab-list ul li.selected .sub-text a{color:#000000;}
.dual-tab-list ul li.selected a:visited {color: #000000;}
.dual-tab-list ul li.selected a:hover {color: #000000; text-decoration: none !important;}
.dual-tab-list .type-of-nb-emp {}
.dual-tab-list .type-of-nb-emp .bold{display:block;font-weight:104%;}
.dual-tab-list .type-of-nb-emp .sub-text {font-size:85%;font-weight:normal;}
.dual-tab-content {padding-left:14px;}
.dual-tab-content h2{font-size:93%;font-weight:bold;line-height:116%;}
.dual-tab-content ul li {background: url("../../../images/11_11_bullet_b.gif") no-repeat scroll 0 5px transparent;padding:4px 0px 0px 19px;}
.dual-tab-content .new-user {margin-top:17px;}
.dual-tab-content .help-section {margin-top:16px;}
.dual-tab-content .help-section .note {background:url("../../../images/lock_grey.gif");
background-position:0px 3px;
background-repeat:no-repeat;
	display:block;
	font-size:85%;
	padding:2px 0 0 16px;
	margin-left:1px;
	margin-top:30px;}
.dual-tab-content .help-section .note a {font-size:100%;}
.hidden{display:none;}

.dual-tabs .tab-btm-border {border-bottom:1px solid #999999;height:1px;clear:both;}

/*CSS added to implement the changes to the Pre-Login page ends here*/

/* START: TP CHANGES HERE */

/* nav changes */
#authentication-component #layout-region-1 {
    width: auto;
}
#navless {
    display: flex;
    justify-content: space-between;
}
.navless .left {
    float: none;
    width: auto;
}
.navless .right {
    float: none;
    width: auto;
}
.navless .clear-both {
    display: none;
}
.navless .right img {
    margin: 24px 18px 0 0;
}

/* center the page */
#page-container {
    margin: auto;
    width:100%;
}

#authentication-component #layout-region-3 {
    margin: auto;
}

#authentication-component #outer-region-wrapper {
    width:100%;
    /* 995 - 20 for margin*/
    max-width: 975px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-flow: wrap;
}

#layout-region-2 .login-component {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    width: auto;
    border: none;
    height: auto;
    margin: auto;
}
.login-component .log-in-form {
    border-right: 0;
}
.login-component .dual-tabs {
    border-left: 0;
}
.login-component .log-in-form h1 {
    margin-left: 0 !important;
}
.login-component .log-in-form label {
    margin-left: 0 !important;
}
.login-component .log-in-form .login-btn {
    margin-bottom: 20px !important;
}
.login-component .log-in-form .txtfield {
    border-color: rgb(127, 127, 127);
    border-style: solid;
    border-radius: 3px;
	border-width: 1px;
}

#authentication-component #layout-region-5 {
    width: 100%;
}
.footer-component {
    padding: 10px;
}
.image-comp {
	width: auto;
}
.image-comp img {
	width:100%;
}

@media only screen and (max-width: 960px){
    #layout-region-3 {
        display: none;
    }
}
/* Fidelity logo chopped off*/
@media only screen and (max-width: 450px){
    #navless .right img{
        display: none;
    }
}
/* END: TP CHANGES HERE */