html,body,div,header,footer,nav,article,section,figure,aside,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,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{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;font-weight:inherit;vertical-align:baseline;background:transparent}body{line-height:1}header,footer,nav,article,aside,section,figure,figcaption,details,summary,small{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}a:focus img{outline:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:100%;line-height:1.25;padding:0 .5em;overflow-x:hidden}h1,h2,h3,h4,h5,h6,summary{font-weight:bold;margin-top:1em}h1{font-size:1.25em;margin:.5em 0}h2{font-size:1.2em}h3{font-size:1.15em}h4{font-size:1.1em}h5,summary,.more{font-size:1.05em}h6{font-size:1em}p,dl,ol,ul,figcaption,small{font-size:.875em;line-height:1.5}p p,p dl,p ol,p ul,dl p,dl dl,dl ol,dl ul,ol p,ol dl,ol ol,ol ul,ul p,ul dl,ul ol,ul ul,figcaption p,figcaption dl,figcaption ol,figcaption ul,small p,small dl,small ol,small ul{font-size:1em}ol,ul{margin-left:1.5em}ol{list-style:decimal}ul{list-style:disc}a[href^=tel]{text-decoration:none}strong,dt{font-weight:bold}em,cite{font-style:italic}a{text-decoration:none}a:hover,a:focus{text-decoration:underline}a:visited{text-decoration:none}a.tel{cursor:text}a.tel,a.dial{font-weight:bold}a.tel:hover,a.tel:focus,a.dial:hover,a.dial:focus{text-decoration:none}#figure{text-align:center;margin:1em 0}#figure img{max-width:100%}details{border:1px solid;border-width:1px 0;margin:1em -1em 0;padding:0 1em}details+details{margin-top:-1px}details summary{cursor:default;font-weight:normal;padding:.65em 1em .65em 1em;margin:0 -1em}details summary::-moz-details-marker,details summary::-ms-details-marker,details summary::-o-details-marker,details summary::-webkit-details-marker,details summary::details-marker{display:none}details summary:focus{font-weight:bold}details h3{margin-top:0;font-weight:normal;font-size:1em}.detailed details{background:url(/ftgw/pages/retail/images/mobileApp/arrow-right.png) 0.4em 0.25em no-repeat;padding:0 1em 0 2.25em}.detailed details[open],.detailed details.open{background-image:url(/ftgw/pages/retail/images/mobileApp/arrow-down.png);padding-bottom:1em}.detailed details>:last-child{margin-bottom:0}.detailed details summary{cursor:pointer;outline:none;padding:.65em 1em .65em 2.25em;margin:0 -1em 0 -2.25em}@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-ms-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2){.detailed details{background-image:url(/ftgw/pages/retail/images/mobileApp/arrow-right-2x.png);background-size:40px 30px}.detailed details[open],.detailed details.open{background-image:url(/ftgw/pages/retail/images/mobileApp/arrow-down-2x.png)}}.more{border-bottom:1px solid;border-top:1px solid;font-weight:bold;margin:0 -1em}.more a{display:block;padding:.5em 3em .5em 1em;text-decoration:none}table{border-collapse:collapse;margin:1em 0}table caption{font-style:italic;caption-side:bottom;width:100%}table th,table td{border:1px solid;padding:.25em .5em;vertical-align:top}table thead th{letter-spacing:.1em;text-align:center;text-transform:uppercase}table tbody th{text-align:left}table tfoot th,table tfoot td{border-width:0;border-top-width:1px}table td.numeric{text-align:right}label,legend{display:block;font-weight:bold;width:95%}label em,form .note{display:block;font-weight:normal;font-size:.9em;font-style:italic;margin-bottom:0}input,textarea{border:1px solid;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.2em;padding-left:.25em;padding-right:.25em;width:100%}
select{border:1px solid;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.2em;width:100%}form ol,form ul{font-size:1em;list-style:none;margin:0}form li{clear:both;margin-bottom:.75em}form .date{position:relative}form .date li{display:inline;display:inline-block;margin:0}form .date label{position:absolute;left:-999em}form .date select{display:inline-block;width:auto;margin-right:.25em}form .group li,form .confirm li{display:inline-block;width:49%;margin:0}form .group label,form .confirm label{cursor:pointer;display:block;font-weight:normal;overflow:visible;margin-bottom:-0.5em;margin-top:-0.5em;padding-left:1.7em;padding-bottom:.5em;padding-top:.5em;position:relative}form .group input,form .confirm input{border:auto;position:absolute;left:0.1em;bottom:.5em;width:auto;padding:0}form .yes-no li{width:auto;margin:0 1em 0 0}form li.error strong{font-weight:bold;font-size:.9em;display:block}form li.error label:before,form li.error legend b:before{content:"x ";font-family:Verdana}form li.error.group label:before{content:none}button,a.button{background:transparent;border:4px solid;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.125em;margin:5px 0;overflow:hidden;padding:0;width:100%;-webkit-appearance:none}button::-moz-focus-inner,a.button::-moz-focus-inner{border:none}button b,a.button b{border:1px solid;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;display:block;font-weight:bold;margin:-1px 0;padding:.5em 1em .6em;text-align:center;text-shadow:1px 1px 0 #fff}button.back,button.text,a.button.back,a.button.text{border:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;display:inline-block;font-size:.9em;float:right;height:1.25em;margin:0;padding:0;overflow:visible;text-decoration:underline;vertical-align:baseline;width:auto;position:relative;top:.15em;right:-1em}button.back,a.button.back{display:block;float:none;height:auto;line-height:44px;position:static;text-decoration:none}button.back::before,a.button.back::before{content:"\2190\00A0"}button:hover,button:focus,a.button:hover,a.button:focus{text-decoration:none}.buttons{margin-top:1em;padding-bottom:.25em;text-align:center}.notice{background:.7em .85em no-repeat;border:1px inset;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;padding:.8em 1em 1em 45px;margin:10px 0;width:auto}.notice h6{margin-bottom:.5em;padding-top:.25em}.notice>:first-child{margin-top:0}.notice>:last-child{margin-bottom:0}.notice ol,.notice ul{font-size:.875em}.notice li{margin-bottom:0}.notice .more{border-bottom:0}.notice .more a{-webkit-border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-ms-border-radius:0 0 10px 10px;-o-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px}.notice .more,.notice details{margin:0 -1em 0 -45px;-webkit-border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-ms-border-radius:0 0 10px 10px;-o-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px}.notice .more:last-child,.notice details:last-child{border-bottom-width:0;margin-bottom:-1em}.notice .buttons{margin-left:-45px;padding-left:1em}.notice .buttons+.more{margin-top:1em}.notice .buttons button,.notice .buttons a.button{margin:0}#banner{text-align:center;padding:0;margin:0 -1em}#logo{display:block;width:100%;padding:8px 0 6px;margin:0}#logo img{background:url(/ftgw/pages/retail/images/mobileApp/logo-reversed.png) no-repeat;display:inline-block;overflow:hidden;padding-top:27px;height:0;width:112px}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-ms-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2){#logo img{background-image:url(/ftgw/pages/retail/images/mobileApp/logo-reversed-2x.png);background-size:112px 27px}}#contentinfo{background:top left no-repeat;border-top:1px solid;margin:0 -1em;padding:1em;text-align:center}#contentinfo p{font-size:.6em}#contentinfo .promo{font-size:.72em}#contentinfo>:last-child{margin-bottom:0}#legal-disclosures{display:none}#social-links{font-size:1.2em;line-height:25px;margin:1.5em 0}#social-links a{display:inline-block;margin:0 0 0 .5em}#social-links a img{vertical-align:middle;position:relative;top:-2px}@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-ms-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2){#social-links a img{background:top left no-repeat;background-size:25px 25px;display:inline-block;height:0;width:25px;padding-top:25px;overflow:hidden}#social-links a img[src*=fb]{background-image:url(/ftgw/pages/retail/images/mobileApp/fb-2x.png)}#social-links a img[src*=twitter]{background-image:url(/ftgw/pages/retail/images/mobileApp/twitter-2x.png)}}#privacypolicy{margin-top:20px}#privacypolicy a{font-size:14px;text-decoration:none;font-weight:bold;border-bottom-width:1px;padding-bottom:0.5px;border-bottom-style:solid}@media screen and (min-width: 300px){body{padding:0 1em}}

/* button collapse and wrapping fix */
p.buttons{min-width: 145px; white-space:nowrap;}

li.matchError label:before{
    content: "x ";
    font-family: Verdana;
    color: #922026;
}
li.matchError label{
    color: #922026;
}
li.matchError input{
	border: 1px solid #922026;
}


/*
    Document   : fescoStyle
    Created on : Oct 26, 2012, 10:53:27 AM
    Author     : ca522877
    Description:
        Purpose of the stylesheet follows.
*/
/************************************************************************************
CONDITIONS (eg. NetBenefits Logout Copyright and investment section)
*************************************************************************************/
/*****This section from body to input[type="text"], input[type="password"], textarea is borrowed from the old base.css, without these the nbpart_login page
is not rendered correctly******/
header,nav,article,footer,section,aside,figure,figcaption{ float: left;}/* For older browsers */
body {
    width: 995px;
    font-family: arial,helvetica,clean,sans-serif;
    font-size: 90%;
    line-height: 1em;
}

p, dl, ol, ul, figcaption, small {
   font-size: 12px;
    line-height: 18px
}

label, legend {
    float: left;
    display: inline;
    width: 80px;
    font-size: 12px;
}

input[type="text"], input[type="password"], textarea {
    width: 175px;
    display:inline-block;
    border: 1px solid #999;
     -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
}

form ol li{
	padding: 0 0 15px 0;
}



p p, p dl, p ol, p ul, dl p, dl dl, dl ol, dl ul, ol p, ol dl, ol ol, ol ul, ul p, ul dl, ul ol, ul ul, figcaption p, figcaption dl, figcaption ol, figcaption ul, small p, small dl, small ol, small ul {
    font-size: 12px;
}

h1 {
    font-size: 1.5em;
    margin: 0 0;
    font-weight: normal;
}
h3 {
    font-size: 1.15em;
}


/****end******/
header{
    width:100%;
}
footer{
    width:100%;
}
select{
    width:184px;
    border-color: #999999;
}
header figure, #smallHeader figure, #mediumHeader figure{
    display:block;
    text-align:left;
    border-bottom:2px solid black;
    padding-bottom:10px;
    margin:5px 0 20px 20px;
    width:100%;
}
#verticalRule {
    background-color: #DBDBDB;
    float: left;
    height: 260px;
    width: 1px;
    margin-top:15px;
}

#smallHeader figure{
    width:380px;
}

#mediumHeader figure{
    width:480px;
}
/* This is causing grief in nbpart_login.vm, so I have*/
body{
    width:974px;
}

body #nbparticipantLogout, body #nbPartLogin{
    width:974px;
    margin-left:20px;
    margin-top:5px;
}

#nbparticipantLogout #copyrightAndAddress, #nbPartLogin #copyrightAndAddress{
    width: 100%;
    font-family:verdana,arial,sans-serif;
    color: #666;
    font-size:.80em;
    line-height:1.2em;
    margin-left:0px;
}
 #nbPartLogin #copyrightAndAddress{
      border-top:1px solid #eeeeee;
      padding-top: 20px;
 }

 #copyrightAndAddress{
    width: 100%;
    font-family:verdana,arial,sans-serif;
    color: #666;
    font-size:10px;
    line-height:1.2em;
    border-top:1px solid #eeeeee;
    padding-top: 20px;
    float:left;
    margin-left:20px;
    margin-top:20px;
 }
 /*********Need this to override the p property in nbparticipantLogout style****/
 #copyrightAndAddress p{
     font-size:1em;
     line-height:2.5;
 }
/************************************************************************************
END CONDITIONS (eg. NetBenefits Logout Copyright and investment section)
*************************************************************************************/

#nbparticipantLogout #loginAgain
{
    margin-top:1.20em;
    margin-bottom:2.1em;
    font-family:Arial;
    font-size:0.750em;
    font-weight:bold;
    padding-bottom: 17px;
    padding-top:10px;
}


#nbparticipantLogout figure{
    display:block;
    text-align:left;
    border-bottom:2px solid black;
    padding-bottom:2px;
    margin:5px 0 15px 20px;
}

#nbAciLogin figure,#nbParticipantAciUpgradeInvalidPin figure,#nbParticipantAciUpgrade figure{
    display:inline-block;
    text-align:left;
    margin:20px 0 15px 20px;
    border-bottom:0px;
}

#nbParticipantAciUpgradeInvalidPin figure, #nbParticipantAciUpgrade figure {
    margin-left:0px;
}


#nbparticipantLogout h2, #nbPartLogin h2{
    font-size: 16px;
}

#nbparticipantLogout p, #nbPartLogin p{
    margin-top:.85em;
    line-height:1.5em;
    font-size:0.80em;
}

#nbparticipantLogout #info p, #nbPartLogin #info p{
    margin-top:1.25em;
}

#nbParticipantAciUpgradeInvalidPin #returnAndTryAgain{
	padding: 7px 10px 12px 20px;
	margin-top: 10px;
	margin-bottom: 15px;
	font-size: 14px;
	line-height: 1.5em;
	color: #CC0000;
	min-width: 225px;
	width: 700px;
	background: url('/ftgw/pages/images/nbpart/defaultWeb/sm_rt_arrowgld.gif') no-repeat scroll 0px 10px  transparent;
}


#nbAciLogin #nbAciLoginBoxExit{
	padding: 7px 10px 12px 5px;
	margin-top: 10px;
	margin-bottom: 15px;
        margin-left:20px;
	font-size: 14px;
	line-height: 1.5em;
	color: #CC0000;
	min-width: 225px;
	width: 700px;
	background: url('/ftgw/pages/images/nbpart/defaultWeb/exit.gif') no-repeat scroll 0px 10px  transparent;
}


#nbParticipantAciUpgradeInvalidPin #goToLogin{
	padding: 7px 10px 12px 20px;
	margin-bottom: 15px;
        margin-top: 10px;
	font-size: 14px;
	line-height: 1.5em;
	min-width: 225px;
	width: 700px;
        display:block;
	background: url('/ftgw/pages/images/nbpart/defaultWeb/action_bullet.gif') no-repeat scroll 0px 10px  transparent;
}

#nbResetPin #errorBox, #nbTryAgain #errorBox, #nbCallRep #errorBox, #nbAciOnly #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/sso-test-harness-error.gif') no-repeat scroll 10px 10px  transparent;
}
#nbParticipantAciUpgradeInvalidPin #errorBox{
    	padding: 7px 10px 15px 30px;
	margin-top: 10px;
	border: 1px solid #CC0000;
	font-size: 13px;
	line-height: 0.02em;
	color: #CC0000;
	min-width: 225px;
	width: 438px;
        font-weight: normal;
	background: url('../images/sso-test-harness-error.gif') no-repeat scroll 10px 10px  ;
        background-color:#EEEEEE;
}
#nbParticipantAciUpgradeInvalidPin #errorBox h2{
   padding-top:10px;
}

#nbParticipantAciUpgrade #noteBox{
    	padding: 7px 10px 12px 5px;
	margin-top: 20px;
        margin-bottom:20px;
	border: 1px solid #839DD4;
	font-size: 11px;
	color: black;
	width: 365px;
        vertical-align: top;
        font-weight: normal;
        background-color:#ECF2F8;
        font-family:verdana, arial, sans-serif;
}

#nbEmbedHeader{
    width:100%;
    border-bottom: 2px solid black;
    padding-top:10px;
    margin-left:20px;
}
#nbEmbedHeader h2{
    margin-bottom: 5px;
}
 #embedNoteBox{
    	padding: 7px 10px 12px 5px;
	margin-top: 20px;
        margin-bottom:20px;
        margin-left:20px;
	border: 1px solid #839DD4;
	font-size: 11px;
	color: black;
	width: 180px;
        vertical-align: top;
        font-weight: normal;
        background-color:#ECF2F8;
        font-family:verdana, arial, sans-serif;
}
body #nbResetPin, body #nbTryAgain, body #nbCallRep, body #nbAciOnly,
body #nbParticipantAciUpgradeInvalidPin,body #nbParticipantAciUpgrade{
    color:#000000;
    font-family:Arial;
    font-size: 20px;
    margin-top:0px;
    margin-left:20px;
    display:block;
    clear:both;
}

body #nbParticipantAciUpgradeInvalidPin{
    margin-bottom:30px;
    width:420px;
}

#nbResetPin #errorBox h2, #nbTryAgain h2, #nbCallRep h2, #nbAciOnly h2{
    font-size:14px;
    font-weight:normal;
    margin:0;
}
#nbParticipantAciUpgrade #noteBox h2{
    font-family:verdana, Arial,helivitica,sans-serif;
    font-size:11px;
    font-weight:bold;
    margin-bottom:5px;
}
#nbParticipantAciUpgrade #noteBox p{
    font-family:verdana, Arial,helivitica,sans-serif;
    font-size:11px;
    font-weight:normal;
    margin-bottom:5px;
}
#nbParticipantAciUpgradeInvalidPin h2,#nbParticipantAciUpgrade h2{
    font-family:Arial,helivitica,sans-serif;
    font-size:13px;
    font-weight:bold;
}

#nbResetPin #pageOptions li#resetLink, #nbTryAgain #pageOptions li#loginLink, #nbTryAgain #pageOptions li#havingTroubleLink,*#nbCallRep #pageOptions li#returnToHomePageLink,
#nbAciOnly #pageOptions li#havingTroubleLink, #nbAciOnly #pageOptions li#loginLink{
    list-style-image:url("../images/sso-test-harness-bullet.gif");
    list-style-position:inside; /*to make this work in Chrome */
    background-position:0 2px;
    background-repeat:no-repeat;
    font-size: 12px;
    margin-left:-15px; /*to make this work in Chrome */
}


#nbCallRep p{
    padding-bottom:20px;
    list-style-position:outside;
    background-position:0 2px;
    background-repeat:no-repeat;
    font-size: 12px;
}

#nbParticipantAciUpgradeInvalidPin p,*#nbParticipantAciUpgrade p{
    font-family:verdana,Arial,helivitica,sans-serif;
    font-size:12px;
}

#nbResetPin #pageOptions li#resetLink{
     padding-bottom:20px;
}
#nbTryAgain #pageOptions li#loginLink, #nbAciOnly #pageOptions li#loginLink{
    padding-bottom: 10px;
}

#nbTryAgain #pageOptions li#havingTroubleLink, #nbAciOnly #pageOptions li#havingTroubleLink{
    padding-bottom:60px;
}

#nbCallRep #pageOptions li#returnToHomePageLink{
    padding-bottom:55px;
}

#nbResetPin #pageOptions li#cancelLink{
    list-style-image:url("../images/close_small.gif");
    list-style-position:inside;
    padding-bottom:70px;
    margin-left: -15px;
    font-family: Arial, Helvetica, sans-serif !important;
    text-decoration: none;
    font-size: 12px;
}

#viewUpgradeBox #loginBox,#nbAciLogin #loginBox,#nbParticipantAciUpgradeBox #loginBox, #nbParticipantAciUpgradeBox #loginBox{
    width:374px;
    margin-left:20px;
    padding-bottom:10px;
    margin-top:0px;
    padding-top:.75em;
}

#viewUpgradeBox #loginBox{
    border-bottom: rgb(207, 207, 207) 1px solid;
    border-right: rgb(207, 207, 207) 1px solid;
    border-left: rgb(207, 207, 207) 1px solid;
}

#nbAciLogin #loginBox{
    width:437px;
    margin-top:0px;
}

#viewUpgradeBox #loginBox form li, #nbAciLogin #loginBox form li{
    margin-bottom:-0.5em;
    margin-top:0.20em;
}

#nbParticipantAciUpgradeBox #loginBox form li{
    margin-bottom:0.20em;
    margin-top:0.20em;
}
#viewUpgradeBox #loginBox li,
#nbAciLogin #loginBox li,#nbParticipantAciUpgradeBox #loginBox li{
    color:black;
    font-size: 13px;
    display:inline-block;
    font-weight:normal;
    margin-bottom:0.25em;
    vertical-align:middle;
    padding-bottom:5px;
}

#nbAciLogin #loginBox ol{
    padding-bottom:20px;
    padding-top:20px;
}

#nbParticipantAciUpgradeBox #loginBox li{
    display:block;
}

#viewUpgradeBox #legend,
#nbAciLogin #legend, #nbParticipantAciUpgradeBox #legend{
    display:inline-block;
    width:374px;
    height:20px;
    background:#666666;
    font:700 13px Verdana, Arial, Helvetica;
    color:white;
    margin-top:-11px; /* to align it within the fieldset */
    margin-left:-1px;
    padding-right:2px;
}
#nbParticipantAciUpgradeBox #legend{
    width:374px;
    height:5px;
    background:#666666;
    font:700 13px Verdana, Arial, Helvetica;
    color:white;
    margin-top:15px; /* to align it within the fieldset */
}
#nbAciLogin #legend{
    background:#cccccc;
    color:black;
    width:437px;
    margin-top:0px;
    margin-left:-2px;
    padding-right:4px;
}



#viewUpgradeBox #loginBox input,#nbAciLogin #loginBox input{
    width: 210px;
   /* display: inline-block; */
    border: 1px solid #B0B0B0;
    height: 22px;
    vertical-align:middle;
}

#nbAciLogin #Login #loginBox{
    border: 1px rgb(207, 207, 207) solid;
    border-top:0px;
}
#nbParticipantAciUpgradeBox #loginBox input{
    width: 240px;
    display: inline-block;
    border: 1px solid #B0B0B0;
    height: 22px;
    vertical-align:middle;
}

#loginBoxDefault button,#viewUpgradeBox #loginBox input,#viewUpgradeBox #loginBox button, #viewUpgradeBox #loginBox a.button b, #viewUpgradeBox #loginBox button b,#nbAciLogin #loginBox input,#nbAciLoginBox button, #nbAciLoginBox a.button b, #nbAciLoginBox button b,#nbParticipantAciUpgradeBox #loginBox input,#nbParticipantAciUpgradeBox button, #nbParticipantAciUpgradeBox a.button b, #nbParticipantAciUpgradeBox button b {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border:1px solid rgb(207, 207, 207);
    height:22px;
}

#loginBoxDefault button,#loginBoxDefault buttons,#viewUpgradeBox #loginBox .buttons, #viewUpgradeBox #loginBox button,#viewUpgradeBox #loginBox  a.button b, #viewUpgradeBox #loginBox button b,#nbAciLoginBox #loginBox .buttons, #nbAciLoginBox #loginBox button,#nbAciLoginBox #loginBox  a.button b, #nbAciLoginBox #loginBox button b,#nbAciLoginBox  .buttons, #nbParticipantAciUpgradeBox #loginBox button, #nbParticipantAciUpgradeBox #loginBox a.button b, #nbParticipantAciUpgradeBox #loginBox button b, #nbParticipantAciUpgradeBox .buttons{
    border: 0.30px solid;
    border-color:#666666;
    display: inline-block;
}

#viewUpgradeBox #loginBox label, #nbAciLoginBox #loginBox label{
    display:inline-block;
    width:120px;
    text-align:right;
    font-weight:normal;
    margin-top:-1px;
    vertical-align:middle;
    font: 100 13px Arial, Helvetica;
}

#nbParticipantAciUpgradeBox #loginBox button b, #nbParticipantAciUpgradeBox .buttons{
    border: 0;
    display:none;
}
#nbParticipantAciUpgrade #loginText p{
    color:#287950;
    font-size:16px;
    font-weight:700;
}

#nbParticipantAciUpgradeBox #loginBox{
    padding: 2px 10px 5px 30px;
    margin-top: 25px;
    margin-bottom: 15px;
    border:1px solid #666666;
    border-top:5px solid #666666;
    font-size: 14px;
    line-height: 1.5em;
    color: #CC0000;
    min-width: 225px;
    width:338px;
    margin-left:0px;
    background-color: #eeeeee;
}
#nbParticipantAciUpgradeBox #loginBox #loginForm{
    margin-left:-15px;
 }
 #nbParticipantAciUpgradeBox #loginBox li{
    padding-top:10px;
 }
 #nbParticipantAciUpgradeBox #loginBox label{

    width:80px;
    text-align:right;
    font-weight:700;
    margin-top:0em;
    vertical-align:middle;
    color:#666666;
    font-family:verdana, arial, sans-serif;
 }
 #nbParticipantAciUpgrade #forgotUP{
     width:100%;
     padding-bottom: 20px;
 }
 #nbParticipantAciUpgrade #forgotUP figure{
     margin-top:0px;
     padding-right:10px;
 }
 #loginText{
     margin-bottom:-15px;
     padding-bottom:0px;
 }
 #nbParticipantAciUpgrade #forgotUP p{
     margin-bottom:0px;
     margin-top:0px;
 }
 #nbParticipantAciUpgrade #SSNInfo p{
    font-family:verdana, arial, sans-serif;
    font-size:10px;
    color:#666666;
 }
#nbAciLoginBox #loginBox label{
    width:195px;
}
#nbAciLoginBox #loginBox ol{
    margin-top:20px;
}
#nbAciLoginBox #nextButton{
    margin-left:30%;
    margin-right:30%;
    margin-top:10px;
}
#loginBoxDefault button,#viewUpgradeBox #loginBox button, #nbAciLoginBox  button, #nbParticipantAciUpgradeBox button{
    display:inline-block;
    width:65px;
    border: 1px solid #000;
    border-style:solid;
    background-color:#ccc;
    border-color:#7a7b7a;
    padding-top:0px;
    margin-top:0em;
    margin-left:20px;
    font:100 13px Verdana, Arial, Helvetica;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -ms-border-radius: 5px 5px 5px 5px;
    -o-border-radius:5px 5px 5px 5px;
    border-radius: 5px;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.16, rgb(207, 207, 207)),
        color-stop(0.79, rgb(252, 252, 252)));
    background:-moz-linear-gradient(
        center bottom,
        rgb(207, 207, 207) 16%,
        rgb(252, 252, 252) 79%);
    background:-ms-linear-gradient('FCFCFC','CFCFCF');
    background:linear-gradient('FCFCFC','CFCFCF');
    background: -o-linear-gradient('FCFCFC','CFCFCF');
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FCFCFC, endColorStr=#CFCFCF);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FCFCFC, endColorstr=#CFCFCF)";

}

#loginBoxDefault button{
    /* margin-top:20px; commented this for nbpart_login */
    margin-left:-10px;
    width:60px;
    font:100 12px  Arial, Helvetica;
}
#loginBoxDefault buttons,
#viewUpgradeBox #loginBox .buttons,#nbAciLoginBox #loginBox .buttons, #nbAciLoginBox #form #nextButton .buttons,
#nbParticipantAciUpgradeBox #loginBox .buttons, #nbParticipantAciUpgradeBox #loginBox .buttons{
    margin-top:.7em; /* controls login button top */
}

#viewUpgradeBox #loginBox ol{
    margin-top:20px;
}

#viewUpgradeBoxText{
    width:100%;
    display:block;
    margin-bottom:10px;
}

#viewUpgrade #viewUpgradeBoxText p, #nbAciLogin #nbAciLoginBoxText p{
    margin-left:20px;
    width:100%;
    font: 100 13px Arial, Helvitica;
}
#nbAciLogin #nbAciLoginBoxText p{
    width:437px;
    margin-top:5px;
}

body #multiClientUpgrade{
    width:350px;
}
#viewUpgrade #Footnote, #nbAciLogin #Footnote {
    margin-left:20px;
    margin-top:20px;
    font: 100 11px Arial, Helvitica;
    width:100%;
}
/* fixit not sure why this is different from the MultiClient and viewUpgrade */
#nbAciLogin #Footnote {
      margin-top:10px;
      text-align:right;
      width:480px;
      float:left;
}

#nbAciLogin h2{
    font: 700 16px Arial, Helvitica;
    margin-left:20px;
    margin-top:-5px;
}
#nbAciLogin p{
    font:12px Arial, Helvitica;
    color:#333333;
    margin-left:20px;
}

#nbpartMappingError figure, #nbpartGenericError figure{
    width:100%;
    display: inline-block;
    margin-left:20%;
    text-align:left;
}
#nbpartGenericError p, #nbpartMappingError p{
    font-size:1em;
    line-height:1.2em;
    margin-left:200px;
    margin-top:70px;
    display:block;
}

body #nbParticipantAciUpgrade{
    width:370px;
    font-weight:400;
    float:left;
    margin-top:10px;
}

/*
This is commented out for nbpart_login.vm, the R trademark was very tin
sup{
    color:#333333;
    font-size:11px;
    font-weight:400;
    vertical-align:super;
}
*/
/************************************************************************************
TITLE ICON
*************************************************************************************/
div.lockIcon{
	display: inline-block;
	margin-left: 3px;
	width: 15px;
	height: 15px;
	background-image: url('../images/sso-test-harness-lock.png');
	background-repeat: no-repeat;
}

lockIcon{
    background-image:url("../images/close_small_icon.gif");
    background-repeat:no-repeat;
    float:left;
    height:15px;
    margin-left:3px;
    margin-top:3px;
    width:15px;
}

#commonFooterLeft{
   margin-left:20px;
   border-top:1px solid black;
   width:15%;
   padding-top:10px;
}

#commonFooterRight, #commonFooterLeft, #commonFooterRightSmall {
    float:left;
}
#commonFooterRight p, #commonFooterRightSmall p{
 color:#666666;
 font:10px verdana, arial, sans-serif;
 line-height:1.3em;
 margin-left:16px;
 text-align:right;
}
#commonFooterRightSmall p.pageFooter{
    color:#000000;
    font:10px verdana, arial, sans-serif;
}
#commonFooterRight  #links, #commonFooterRightSmall #links{
    line-height:1.6em;
    padding-bottom:19px;
    padding-top:19px;
    color:#666666;
    font: 12px Arial, Helvetica, sans-serif;
}
#commonFooterRightSmall #links{
    margin-top:10px;
    font: 10px verdana,Arial, sans-serif;
    padding-top:0px;
}
#commonFooterRight #links{
    padding-top:0px;
    width:100%;
}
#commonFooterLeft, #nbPartLogin #nbPartLoginLeft{
   margin-left:20px;
   border-top:1px solid black;
   width:15%;
   padding-top:10px;
}

#commonFooterRight, #commonFooterRightSmall,#commonFooterRightSmallIP, #nbPartLogin #nbPartLoginRight {
   padding-top:10px;
   border-top:1px solid black;
   text-align: right;
}
#commonFooterRight{
     width: 600px; /*relative to #nbResetPin #errorBox*/
}
/* NbParticipantAciUpgradecommon.vm*/
#commonFooterRightSmall{
    width:250px;
}

/* NbParticipantAciUpgradeInvalidPin.vm*/
#commonFooterRightSmallIP{
    width:350px;
}
 #nbPartLogin #nbPartLoginRight {
   width: 820px; /*relative to #nbResetPin #errorBox*/
}


#commonFooterRight, #commonFooterLeft, #commonFooterRightSmall, #commonFooterRightSmallIP, #nbPartLogin #nbPartLoginRight,#nbPartLogin #nbPartLoginLeft{
    float:left;
}
#commonFooterRight p, #commonFooterRightSmall p, #commonFooterRightSmallIP p{
 color:#666666;
 font:10px verdana, arial, sans-serif;
 line-height:1.3em;
 margin-left:16px;
 text-align:right;
}

#commonFooterRight  #links, #commonFooterRightSmall #links, #commonFooterRightSmallIP #links{
    line-height:1.6em;
    padding-bottom:19px;
    padding-top:19px;
    color:#666666;
    font: 12px Arial, Helvetica, sans-serif;
}
#commonFooterRightSmall #links, #commonFooterRightSmallIP #links{
    margin-top:10px;
    font: 10px verdana,Arial, sans-serif;
}

#commonFooterRightSmall #links, #commonFooterRightSmallIP #links{
    padding-top:0px;
    width:100%;
}
/************************************************************************************
COLUMNS
*************************************************************************************/
#column-left{
	width: 363px;
	height: auto;
	float: left;
	margin: -10px 0px; /*nbpart*/
}

#column-right{
	height: auto;
	float: left;
	width: 360px;
	margin-left: 0px;
	margin-bottom: 20px;
	padding-left: 10px;
}

/* Short */
.hr{
	border-bottom: 1px solid #CCC;
	float: left;
	width: 740px;
	margin: 0 0 5px 10px;
}
/* Wide */
.hrWide{
	border-bottom: 1px solid #CCC;
	float: left;
	width: 980px;
	margin: 0 0 5px 10px;
}

#register-help h2{
    font-size:17px;
    padding-top:0px;
    margin: 10px 0 15px 0;
}
#register-help p{ margin: 0 0 20px 0; }


/************************************************************************************
FORM WITH REMBMER ME
*************************************************************************************/
#loginBoxRemMe { margin-left: 20px; }
#loginBoxRemMe ol li{ padding: 0 0 15px 0; }
#loginBoxRemMe h2{ margin-bottom: 40px; }
#loginBoxRemMe label{ margin: 3px 20px 0 0; text-align: right; }
#loginBoxRemMe .rememberMe{ margin: 0 0 0 0; width: 200px; }
#loginBoxRemMe button{ margin: 0 0 0 99px; padding: 0 4px; }
#loginBoxRemMe .needHelp{ width: 215px; }
/************************************************************************************
END FORM
*************************************************************************************/


/************************************************************************************
ALREADY MEMBER
*************************************************************************************/
#alreadyMember p {margin: 0 0 3px 0;}
/************************************************************************************
END ALREADY MEMBER
*************************************************************************************

/************************************************************************************
REGISTER-HELP
*************************************************************************************/

#register-help p{ margin: 0 0 20px 0; }
/************************************************************************************
END REGISTER-HELP
*************************************************************************************

/************************************************************************************
BECOME-MEMBER
*************************************************************************************/
#becomeMember h2{ margin: 20px 0; }
/************************************************************************************
END BECOME-MEMBER
*************************************************************************************

/************************************************************************************
DEFAULT CONDITIONS
*************************************************************************************/
#defaultConditions{width: 100%;
float:left;}
#defaultConditions p{
	font-size: .85em;
	margin: 10px 0;
    padding-left: 10px;
}
#defaultConditions .conditions {
	font-size: .75em;
}
#defaultConditions .conditions a {
	font-size: 1.1em;
}
/************************************************************************************
END CONDITIONS
*************************************************************************************/


/************************************************************************************
BUBBLE PROPERTIES
*************************************************************************************/
#usernameBubble{
	position:relative;
	z-index:999;
}
.bubble{
	width: 20px;
	height: 11px;
	background-image: url('../images/sso-test-harness-question.gif');
	background-repeat: no-repeat;
        background-position:center;
	position: relative;
        display:inline-block;
	text-decoration: none;
	/*margin: 5px 0 0px 5px;*/
}
.bubble div span{
	margin-left: -999em;
	position: absolute;
	opacity: 0;
	filter: alpha(opacity=0);
}
.bubble a{
	text-decoration: none;
}
.bubble a:hover div span,.bubble a:active div span{
	font-family: Arial,Calibri, Tahoma, Geneva, sans-serif;
	position: absolute; left: 1em; top: 4em; z-index: 99;
	margin: -25px 0 0 -248px; width: 250px;
	opacity: 1.0;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter:"progid:DXImageTransform.Microsfot.Alpha(Opacity=50)";
	/* transition */
	-webkit-transition: opacity .7s;
	-moz-transition: opacity .7s;
	transition: opacity .7s;
}
#usernameBubble, #passwordBubble{
	/*float: right;*/
        display:inline-block;
}
.bubbleArea{
	width: 100%;
	height: 100%;
	z-index: 999;
	position: absolute;
	left: 0;
	top: 0;
}
.bubbleProperties{
	padding: 10px;
	background: #FFF;
	border: 1px solid #666;
	color: #000;
}
.bubbleArrow{
	width: 22px;
	height: 19px;
	background-image: url('../images/sso-test-harness-arrow.gif');
	background-repeat: no-repeat;
	position: absolute;
	right: 20px;
	top: -18px;
}
.bubble ul li{
	list-style: disc outside none;
	padding: 0;
	margin: 0 0 0 10px;
}
form ol li {
    padding: 0 0 15px 0;
    font-family: Arial;
    font-size:12px;
}


/**** IE7 FIX ****/
a{
    z-index: 0;
    color:#0F57C2; /* color in nbpart_login.vm */
} /* keeps the bubble layer above other links if it overlays on top of others */
/************************************************************************************
END BUBBLE PROPERTIES
*************************************************************************************/



/************************************************************************************
FORM VALIDATION DEFAULT
*************************************************************************************/

#loginBoxDefault {
	margin-top: 20px;
        margin-bottom:40px;
}
#loginBoxDefault label{
	margin: 3px 20px 0 30px;
	text-align: right;
        font-weight:normal;
}

#loginBoxDefault .rememberMe input{
    width:10%;
    border:0px solid;
}

#loginBoxDefault h2{
	margin-bottom: 40px;
}

#loginBoxDefault .rememberMe{
	width: 203px;
	margin-bottom: 20px;
        border:0px solid;
}
#loginBoxDefault .nbWorldWide{
    width:300px;
    padding-top:2px;
}
.bulletIconWW{
	margin-left:100px;
        padding-top:10px;
        margin-top:0px;
        float:left;
	width: 11px;
	height: 11px;
	background-image: url('../images/sso-test-harness-bullet.gif');
	background-repeat: no-repeat;
}
.bulletIcon{
	margin: 3px 5px 0 0;
	float: left;
	width: 11px;
	height: 11px;
	background-image: url('../images/sso-test-harness-bullet.gif');
	background-repeat: no-repeat;
}
#loginBoxDefault .startPage{
	width: 244px;
	padding-top: 2px;
	margin-top: -10px;
}

.verticalRule{
	height: 210px;
	width: 1px;
	border-left: 1px solid #CCC;
	float: left;
}

#page-header{
    font-family: Arial;
    font-size:12px;
    margin-left:20px;
    margin-top:0px;
}
#page-header h2{
    font-size:17px;
    padding-bottom:17px;
    padding-top:0px;
}

#page-header p{
    font-size:1em;
    margin-top:10px;
    margin-right:10px;
}
#eReview{
    font-family: Arial;
    font-size:12px;
    margin-left:20px;
    margin-top:0px;
}
form ol, form ul {
    font-size: 1em;
    list-style: none outside none;
}
#warningBoxLarge{
	padding: 5px 5px 10px 40px;
	margin-top: 10px;
	margin-bottom: 10px;
        margin-left:20px;
	border: 1px solid #F4D204;;
	font-size: 14px;
	line-height: 1.0em;
	color: black;
	min-width: 225px;
	width: 558px;
        font-family:verdana, arial, sans-serif;
	background: url('/ftgw/pages/images/nbpart/defaultWeb/warning.png') no-repeat scroll 5px 5px  transparent;
}

#warningBoxSmall{
	padding: 5px 40px 5px 5px;
	margin-top: 10px;
	margin-bottom: 10px;
    margin-left:20px;
	border: 1px solid #F4D204;;
	font-size: 14px;
	line-height: 1.0em;
	color: black;
	min-width: 225px;
	width: 335px;
    font-family:verdana, arial, sans-serif;
}

#warningBoxSmall p{
	font-size:11px;
}

.showHide{
	display:none;
}

.showHide a{
  margin: -5px 20px 20px 150px;
}

.confirm{
    margin-top:-7px;
}

.confirm input{
    border-bottom: 0px;
    border-left:0px;
    border-top:0px;
    border-right:0px; 
    bottom:0.3em;   
}
#loginBoxDefault #Login #loginConfirm label{
    left:30px;
    width:120px;
    margin:-5px 20px 20px 96px;
    text-align: left;    
}

form li.error label:before, form li.error legend b:before {
    content: none;
}
form li.error label{
    background-image: url(/ftgw/pages/images/nbpart/defaultWeb/error2.gif);    
    background-repeat: no-repeat;
    width:80px;
}



.errorMessage
{
    font-size: 12px;
    color: #C00;
    font-weight: normal;
    margin: 0px 20px 0px 40px;
    text-align: center;
    background-color: #ccc;
}

.error input{
    border-color: #C00;
}

form li.error strong {
    color: #CC0000;
    display: block;
    font-weight: normal;
    min-height: 18px;
    font-size: 12px;
    margin: 5px 0 5px 130px;
    float: left;
    width:160px;
}

#nbParticipantAciUpgradeBox form li.error strong {
    margin: 5px 0 5px 110px; 
}

#nbParticipantAciUpgrade #nbParticipantAciUpgradeBox form li.error label{
	width:105px;
}