/*

Table of contents

============================

Styling for Allianz Flex

Benefit screens handled by benefit.style.css

Generic site wide settings, including colours, typographic 

styles etc. are controlled by basic.css

============================

        last-updated: 2 July 2012

        updated by Matt Addison

        =1. universal reset (see basic.css)

        =2. accessibility features (see basic.css)

        =3. html and body (see basic.css)

        =4. typography (see basic.css)

        =5. layout

        =6. main navigation

        =7. form

        =8. tables

        =9. logon styles

============================

*/

/*

=3. html and body

============================

*/

body    {

        }



/*Show & hide settings */

.rowhide        {

        visibility: collapse;

        display: none;

        }



.rowshow        {

        visibility: visible;

        display: table-row;

        }



.hidemonth,

.hideyear       {

        display: none;

        }


.showmonth,

.showyear       {

        display: inline;

        }



#container span.annual,
#container span.monthly,
#container span.showmonth,
#container span.showyear        {

        display: inline;

        }



/*#flexallow2.hide,

#flexallbal.hide,

#flexhow.show   {

        display: none;

        }



*/#flexhow.show,

#flexsal.hide,

#flexsal1.hide,

#flexallow2.show,

#flexallspent.show,

#flexallbal.show,

#flexsaltotal.hide      {

        width: 0px;

        height: 0px;

        position: absolute;

        left: -9999px;

        overflow: hidden;

        }



#flexhow.hide,

#flexsal.show,

#flexsal1.show,

#flexallow2.hide,

#flexallspent.hide,

#flexallbal.hide,

#flexsaltotal.show      {

        position: static;

        left: 0;

        width: auto;

        height: auto;

        }



#flexallow,

#flexsal,

#flexbonus2     {

        }



#container div.showhidewrap     {

        display: block;

        clear: both;

        width: 100%;

        }



#container tfoot div.showhidewrap       {

        display: inline;

        float: right;

        clear: none;

        width: auto;

        }



td.show {

        display: block;

        width: auto !important;

        height: auto;

        position: static;

        overflow: auto;

}



td img  {

        display: none;

        }



td font img,

td p img        {

        display: inline;

        position: static;

        }



#section1img,

#section2img,

#section3img,

#section4img    {

        position: static;

        }



.nofloat        {

        position: static;

        float: none;

        clear: both;

        }



/*

=4. typography

============================

*/

#MBCHOICE1 h2,

#MBCHOICE2 h2,

#MBCHOICE3 h2,

#MBCHOICE4 h2,

#MBCHOICE5 h2,

#MBCHOICE5S h2  {

        clear: both;

        /*margin-top: 1.25em;*/

        }



#MBCHOICE1 h2 em,

#MBCHOICE2 h2 em,

#MBCHOICE3 h2 em,

#MBCHOICE4 h2 em,

#MBCHOICE5 h2 em,

#MBCHOICE5S h2 em       {

        }



h3 em   {

        color: inherit;

        }



noscript h2     {

        color: #a7193f;

        }



#container p,

#containerwelcome p     {       

        float: none;

        width: auto;

        }



#containerwelcome p     {       

        color: #525252;

        }



#containerwelcome p.swap2     {       

        color: #c36;

        }



#maininner #reminder p {

        font-size: 12px;

        position: absolute;

        top: 113px;

        right: 8px;

        width: 163px;

        text-align: center;

        margin: 0;

        }



#footer p       {

        position: absolute;

        top: 0.18em;

        color: #333333;

        font-size: 1em;

        right: 2%;

        }



.standout       {

        border-top: 1px solid #a5acb2;

        padding: 1em 0;

        margin: 0.5em 0;

        }

       

.legal  {

        clear: both;

        font-size: 1em;

        color: #999999;

        margin-top: 1.5em;

        }



.information    {

        display: block;

        width: 100%;

        line-height: 1.5;

        }



.inline {

        display: inline;

        padding-right: 0.3em;

        }



.hang   {

        display: block;

        width: 180px;

        padding-left: 5px;

        }



body.tancsubmit ul ul {

  list-style-type: none;

  }



.vformat {

  margin-top: -2.5em;

}



.noborder-bot td.heading,

#benefitsummary .heading,

.ruler td.heading,

#MBCHOICE4 #table7 tbody td.heading     {

                background-color: #898d94;

        }


.heading em     {

        font-weight: normal;

        padding: 0;

        display: block;

        width: auto;

                color: #fff;

        }



#MBCHOICE2 tbody td.heading em span,

#MBCHOICE3 #benefitsummary tbody td.heading em span,

#MBCHOICE4 .ruler tbody td.heading em span,

#MBCHOICE5 tbody td.heading em span      {

        width: auto;

                display: block;

        padding: 0;

        }



.newwindow      {

        }



.newwindow #container {

        background: #fff url('../images/banner-fade.jpg') 0 0 no-repeat;

        background-attachment: fixed;

        padding-top: 24px;

        }



.newwindow li p {

        font-size: 1em;

        }



.newwindow ol {

        padding: 0 24px;

        }



.newwindow li ul {

        list-style-type: disc;

        }



.newwindow li h3 {

        font-size: 1.67em;

        margin-left: -24px;

        }



.newwindow h1 em,

.newwindow h2 em,

.newwindow h3 em,

.newwindow h4 em {

        color: #2f4647;

        }



.print  {

        background: transparent url("../images/print.gif") 0 1px no-repeat;

        padding-left: 23px;

        }



.pdf,

.pdf2   {

        background: transparent url('../images/pdf.gif') 0 0 no-repeat;

        padding-left: 23px;

        }



.bullet,

.bullet2        {

        background: transparent url('../images/bullet.gif') 5px 3px no-repeat;

        padding-left: 23px;

        }



.negative       {

        color: #EE1C23;

        font-weight: bold;

        }



.positive       {

        font-weight: bold;

        }



.nobullets      {

        list-style: none;

        padding: 0;

        }



/* Rules for Change password form */

h1.password,

p.password,

em.password,

ul.password     {

        margin-left: 20px;

        font-weight: normal;

        }



h1.password     {

        margin-bottom: -0.5em;

        }



p.password      {

        margin-bottom: 1.5em;

        }



p.password,

em.password,

ul.password     {

        font-size: 0.8em;

        }



ul.password li  {

        font-size: 1em;

        }



/*

=5. layout

============================

*/

#container      {

        padding: 0 2em;

        }



#chgpwd #container #content-primary {

        padding-top: 46px;

}



#WELCOME .prefs {

        padding-top: 82px;

}



#WELCOME,

#MBCHOICE1,

#MBCHOICE2,

#MBCHOICE3,

#MBCHOICE4,

#MBCHOICE5,

#MBCHOICE5S     {

        }



body    {

        }



body form       {

        }



#MBCHOICE1 #container,

#MBCHOICE2 #container,

#MBCHOICE3 #container,

#MBCHOICE4 #container,

#MBCHOICE5 #container,

#MBCHOICE5S #container,

#DEPDETV #container,

#AMRND1F #container,

#AMRND2 #container     {

        padding-top: 87px;

        padding-left: 0;

        }



#formslib #container    {

        padding: 2em;

        }



#containerwelcome       {

        float: left;

        width: 96%;

        padding-left: 0;

        padding-right: 3%;

        overflow: hidden;

        padding-top: 58px;

        }



.htmlbanner {

        }



#banner {

        padding: 0; 

        margin: 0;

        border: 0px solid #fff; 

        background: transparent url('../images/logo-top.png') bottom right no-repeat;

        }



#header {

        position: relative; 

        padding: 0; 

        margin: 0;

        height: 49px;

        border: 0px solid #fff; 

        overflow: hidden; 

        }



#header h1      {

        position: absolute;

        width: 180px;

        height: 56px;

        top: 18px;

        margin: 0;

        padding: 0;

        }



#header h2      {

        margin: 0;

        padding: 0;

        }



#wait   {

        position: absolute;

        top: 0;

        left: 0;

        padding: 0;

        padding-top: 100px;

        margin: 0;

        height: 1000px;

        width: 100%;

        text-align: center;

        font-style: italic;

        font-weight: normal;

        z-index: 500;

        background-color: #fff;

        }



#wait p {

        padding: 0;

        margin: 0 auto 1em auto;

        font-weight: normal;

        font-style: normal;

        font-family: Arial, Helvetica, sans-serif;

        font-size: 1.8em;

        line-height: 1;

        color: #fff;

        width: 180px;

        padding: 5px;

        background-color: #00a9e0;

        }



#wait p.align {

        text-align: center;

        width: auto;

        background-color: transparent;

        }



#mainpanel      {

        margin-bottom: 27px;

        padding: 0;

                width: 100%;

                border: 1px solid #ccc;

                /*background: #efefef url('../images/bg-slinky.jpg') bottom right no-repeat;*/
                background: #fff url('../images/bg-azf-badge.jpg') bottom right no-repeat;
  max-width: 980px;

        float: left;

        }



#maininner      {

        position: relative;

                width: 100%;

                min-height: 350px;

        float: left;

        }

                

#panelwrap .inner,

#maininner .inner      {

                padding: 27px;

                float: left;

        }

#maininner .inner {
  padding: 27px 183px 27px 27px;
}



#maininner h2 {

        color: #003781;

        font-weight: normal;

        font-size: 2.4em;

        line-height: 0.75;

}



#panelcountdown {

        background: #ce0037 url('../images/countdown-bl.png') bottom left no-repeat;

        width: 40%;
  min-width: 290px;

        float: left;

}



#panelcountdown .align {

        float: left;

        text-align: left;

        width: 47%;

        padding: 20px 0 20px 5%;

}



#panelcountdown #tickerwrap {

        float: right;

        text-align: center;

        padding: 20px 0;

        width: 44%;

}



#panelcountdown p,

#panelcountdown h3,

#panelcountdown h4 {

        color: #fff;

        font-weight: normal;

}



#panelcountdown button.button {

        background-image: none;

        height: auto;

        line-height: 18px;

        background-color: #00677f;

        border: 2px solid #862633;

        padding: 3px 5px;

        cursor: pointer;

        outline: none;

}



#panelcountdown button.button:hover {

        background-color: #00728f;

}



#panelcountdown button span {

        padding: 0;

}



#panelcountdown #ticker h3 {

        font-size: 3em;

        margin-bottom: 0.3em;

        font-weight: bold;

}



#panelcountdown #ticker h4 {

        font-size: 1.8em;

        margin-bottom: 0;

        font-weight: bold;

}



#epa-banners    {

        float: right;

        width: 400px;

        margin-left: 20px;

        }



#epa-banners #reminder  {

        width: 100%;

        float: none;

        }



#panelwrap      {

        clear: both;

        float: left;

        width: 100%;

        margin-bottom: 1.16em;

        }



#panel1,

#panel2,

#panel3 {

        min-height: 180px;

}



#panel1 {

        float: left;

        width: 41%;

}



#panel2,

#panel3 {

        float: left;

        width: 28%;

        background: #ccc url('../images/panel-bl.png') bottom left no-repeat;

}



#panel3 {

        float: right;

}



#panel1 .inner {

        padding: 0 27px 27px 25px;

}



#panel2 h3,

#panel2 p,

#panel3 h3,

#panel3 p {

        color: #003781;

}



#panel2 p,

#panel3 p {

        margin: 0;

}



#panel2 a,

#panel3 a {

        text-decoration: underline;

}



.tl     {

        }



.br     {

        }



.bl     {

        }



.tr     {

        position: relative;

        }



#panelwrap .tr  {

        }



.panelinner4 h3,

.panelinner4 table,

.panelinner4 p  {

        position: absolute;

        z-index: 100;

        width: 96%;

        top: 0;

        left: 0;

        z-index: 100;

        padding: 0 2%;

}



#panelwrap .panelinner4 h3      {

        top: 12%;

}



#panelwrap #panel2 .panelinner4 p       {

        top: 37%;

}



#panelwrap .panelinner4 h3 a:link,

#panelwrap .panelinner4 h3 a:visited    {

        font-family: "Eaton-Regular", Arial, Helvetica, sans-serif;

        color: #fff;

        font-size: 1.3em;

        line-height: 1;

        font-weight: normal;

        padding-right: 34px;

        text-decoration: none;

        background: transparent url('../images/panel-arrow.png') center right no-repeat;

}



#panelwrap .panelinner4 h3 a:focus,

#panelwrap .panelinner4 h3 a:hover,

#panelwrap .panelinner4 h3 a:active     {

        text-decoration: underline;

}



#panelwrap .panelinner4 p a:link,

#panelwrap .panelinner4 p a:visited     {

        font-family: "Eaton-Regular", Arial, Helvetica, sans-serif;

        color: #fff;

        font-size: 1.5em;

        line-height: 1;

        font-weight: normal;

        text-decoration: none;

}



#panelwrap .panelinner4 p a:focus,

#panelwrap .panelinner4 p a:hover,

#panelwrap .panelinner4 p a:active      {

        text-decoration: underline;

}



#panelwrap #panel2 span {

        display: block;

        font-family: "Eaton-Regular", Arial, Helvetica, sans-serif;

        color: #fff;

        font-size: 0.91em;

        font-weight: normal;

}



.panelinner4 table      {

        top: 37%;

        left: 2%;

}



.panelinner4 caption    {

        font-family: "Eaton-Regular", Arial, Helvetica, sans-serif;

        color: #fff;

        font-size: 1.5em;

        line-height: 1;

        font-weight: normal;

        margin: 0;

        padding: 0 0 25px 0;

        text-align: center;

        background: transparent url('../images/caption-beninfo.png') bottom center no-repeat;

}



.panelinner4 table th,

.panelinner4 table td   {

        color: #fff;

        background-color: transparent;

        padding-right: 3px;

}



.panelinner4 table th   {

        padding-top: 0;

        font-size: 1.3em;

        font-weight: normal;

        background: transparent url('../images/background-th.png') bottom left no-repeat;

}



.panelinner4 table td ul        {

        font-size: 0.917em;

        list-style: none;

        padding: 0;

}



.panelinner4 table td ul li     {

        list-style-image: none;

        padding: 0;

        margin: 0;

}



.panelinner4 table .col1,

.panelinner4 table .col2,

.panelinner4 table .col3        {

        width: 33%;

}



.panelinner4 table .col2        {

        width: 34%;

}



.panelinner4 td a:link,

.panelinner4 td a:visited       {

        color: #fff;

        text-decoration: none;

}



.panelinner4 td a:focus,

.panelinner4 td a:hover,

.panelinner4 td a:active        {

        text-decoration: underline;

}



p.link a        {

        display: block;

        width: auto;

}



ul.link {

        list-style: none;

        padding: 0;

        margin: 0;

}



.link li {

        list-style-image: none;

        padding-top: 16px;

        padding-left: 60px;

        min-height: 44px;

        margin: 0;

}



.link li.forms {

        background: transparent url('../images/icon-forms.png') center left no-repeat;

}



.link li.videos {

        background: transparent url('../images/icon-videos.png') center left no-repeat;

}



.link li.contacts {

        background: transparent url('../images/icon-contacts.png') center left no-repeat;

}



.link a:link,

.link a:visited {

        display: block;

        width: 100%;

}



.link a:focus,

.link a:hover,

.link a:active  {

}



ul.cookietrail  {

        float: left;

        width: 96%;

        padding: 3px 2%;

        margin: 0 auto 1.5em auto;

        line-height: 27px;

        background: #fefefe url('../images/bg-button.png') bottom left repeat-x;

        border: 1px solid #d6d6d6;

        }



ul.cookietrail li  {

        float: left;

                line-height: 27px;

        padding: 0 12px 0 0;

        margin-bottom: 0;

        list-style: none;

        text-align: center;

        }



ul.cookietrail li.end  {

        }



ul.cookietrail li em  {

        display: block;

        width: auto;

        padding: 0 6px;

        font-weight: normal;

        background-color: #bad7e0;

        /*background: #32a8db url('../images/bg-button.png') 0px 0px repeat-x;*/

        }



#footer {

        }



.clear  {

        clear: both;

        }



h2.clear        {

        padding-top: 1em;

        }



#MBCHOICE4 h2.clear     {

        padding-top: 0;

        }



#printoption {

        float: right;

        width: 176px;

        }



#pensioninvestmentlink {

        float: left;

        width: 70%;

        padding: 19px 12px 0 12px;

        background-color: #e5e5e5; 

        }



#container p.toggle     {

        position: static;

        right: 0;

        float: right;

        margin: -39px 0 0 0;

        font-weight: normal;

        text-align: center;

        font-size: 1.4em;

        width: auto;

        line-height: 25px;

        height: 25px;

        padding: 0;

        background-color: #199dd7;

        background-image: none;

        color: #fff;

        border: 1px solid #d6d6d6;

        }



#container p.toggle:hover     {

        background: #32a8db url('../images/bg-button.png') 0px 0px repeat-x;

        }



#container p.toggle strong     {

        display: block;

        line-height: 25px;

        height: 25px;

                font-weight: normal;

        padding: 0 3px;

        }



#MBCHOICE4 #container p.toggle  {

        }



#togglebutton strong    {

        cursor: pointer;

        }



#contact #container,

#disclaimer #container,

#schemeInfo #container  {

        margin-top: 0;

        padding-top: 1.5em;

        }



#contact #header,

#disclaimer #header,

#schemeInfo #header     {

        height: 83px;

        border: 0px solid;

        background: #c7332b url('../images/header3.jpg') top right no-repeat;

        }



#contact #header h2,

#disclaimer #header h2,

#schemeInfo #header h2  {

        position: absolute;

        top: 63px;

        left: 0;

        width: 100%;

        height: 20px;

        border: 0px solid;

        background: #c7332b url('../images/nav-background2.jpg') bottom right no-repeat;

        }



.warning        {

        border: 1px solid #d4d4d4;

        padding: 1em;

        padding-bottom: 0;

        margin-bottom: 1.5em;

        background: #fff9dd url('../images/panel-fade.gif') top left repeat-x;

    font-size: 1em;

        }



.warning h3     {

        color: #0e4e96;

        }



.warning p      {

        margin-bottom: 1.5em;

        }



.submit-wrap,

#netPayWrap    {

        clear: both;

        width: 100%;

        border: 0px solid #d4d4d4;

        border-top: 0px solid #d4d4d4;

        padding: 0;

        }



#container .submit-wrap p  {

        text-align: left;

                float: left;

                width: 100%;

        }



#netPayWrap span.continuebutton  {

        float: right;

        }



.format {

        margin-bottom: 1.5em;

        }



.nitax  {

        float: left;

        width: 14px;

        height: 14px;

        margin-right: 5px;

        background: #fff url('../images/nitax.gif') top left no-repeat;

        }



/* Easy Slider */

.sliderwrap     {

        position: relative;

        }



        .slider ul,

        .slider li,

        .slider2 ul,

        .slider2 li     {

                margin: 0;

                padding: 0;

                list-style: none;

                }



        .slider font,

        .slider font a  {

                display: none;

                }



        .slider2        {

                margin-top: 1em;

                }



        .slider li,

        .slider2 li     { 

                /* 

                        define width and height of list item (slide)

                        entire slider area will adjust according to the parameters provided here

                */ 

/*              width: 266px;

                height: 168px;

*/              overflow: hidden; 

                }

       

        /* numeric controls */  

        ol#controls     {

                position: absolute;

                top: 9px;

                right: 10px;

                margin: 0 0 0 0;

                padding: 0;

                height: 18px;   

                }



        ol#controls li  {

                margin: 0 2px 0 0; 

                padding: 0;

                float: left;

                list-style: none;

                height: 18px;

                line-height: 18px;

                }



        ol#controls li a        {

                float: left;

                line-height: 18px;

                border: 0px solid #c5c4c4;

                background: transparent;

                color: #231F20;

                padding: 0 4px 0;

                font-weight: bold;

                text-decoration: none;

        font-family: Arial, Helvetica, Sans-Serif;

                }



        ol#controls li.current a        {

                line-height: 18px;

                background-color: #f15742;

                color: #fff;

                font-weight: bold;

                border: 0px solid #999;

                }



        ol#controls li a:focus  {

                }



        .slider { 

                }

       

        .slider ul      {

                width: auto;

                }



        #prevBtn a:link,

        #nextBtn a:link,

        #prevBtn a:visited,

        #nextBtn a:visited      {

                text-decoration: none;

                }



        #prevBtn img,

        #nextBtn img    {

                border: 0px solid;

                margin-top: 8px;

                }



        #prevBtn,

        #nextBtn        {

                }



        #prevBtn a:focus,

        #nextBtn a:focus        {

                outline: none;

                }



        /* item images controls */      

        li.story        {

                height: 134px;

                position: relative;

                }



        li.story div    {

                padding: 0 38% 0 0;

                margin: 0;

                }



        li.item1 div    {

                background: transparent url('../images/ad-1.jpg') 90% 100% no-repeat;

                min-height: 105px;

                }



        li.item2 div    {

                background: transparent url('../images/ad-2.jpg') 92% 100% no-repeat;

                }



        li.item3 div    {

                background: transparent url('../images/ad-3.jpg') 92% 98% no-repeat;

                }



        li.item4 div    {

                background: transparent url('../images/ad-4.jpg') 96% 100% no-repeat;

                }



        li.story p      {

                margin-bottom: 0px;

                font-weight: normal;

                font-size: 1.08333em;

                }



        li.story p a:link,

        li.story p a:visited    {

                color: #000;

                font-weight: bold;

                text-decoration: none;

                display: block;

                width: 100%;

                }



        li.story p a:focus,

        li.story p a:hover,

        li.story p a:active     {

                text-decoration: underline;

                }



/* Easy Slider End */

#formslib  .panelinner2 p,

#flx_beninfo .panelinner2 p     {

        margin-right: 4px;

        margin-left: 4px;

        padding-top: 105px;

        }



#formslib  .panelinner2 p       {

        padding-top: 0;

        }



#phi1content p  {

        background: transparent url('../images/ben-phi1.png') top center no-repeat;

        }



#cii1content p  {

        background: transparent url('../images/ben-cii1.png') top center no-repeat;

        }



#cii2content p  {

        background: transparent url('../images/ben-cii2.png') top center no-repeat;

        }



#lif2content p  {

        background: transparent url('../images/ben-lif2.png') top center no-repeat;

        }



#splifapp h4 a  {

        background: transparent url('../images/ben-lif2.png') bottom center no-repeat;

        }



#chi1content p  {

        background: transparent url('../images/ben-chi1.png') top center no-repeat;

        }



#lif1content p  {

        background: transparent url('../images/ben-lif1.png') top center no-repeat;

        }



#hsc1content p  {

        background: transparent url('../images/ben-hsc1.png') top center no-repeat;

        }



#hsc2content p  {

        background: transparent url('../images/ben-hsc2.png') top center no-repeat;

        }



#den1content p  {

        background: transparent url('../images/ben-den1.png') top center no-repeat;

        }



#cyc1content p  {

        background: transparent url('../images/ben-cyc1.png') top center no-repeat;

        }



#cycha h4 a     {

        background: transparent url('../images/ben-cyc1.png') bottom center no-repeat;

        }



#pmi1content p  {

        background: transparent url('../images/ben-pmi1.png') top center no-repeat;

        }



#pmiuapp h4 a   {

        background: transparent url('../images/ben-pmi1.png') bottom center no-repeat;

        }



#pai1content p  {

        background: transparent url('../images/ben-pai1.png') top center no-repeat;

        }



#pai2content p  {

        background: transparent url('../images/ben-pai2.png') top center no-repeat;

        }



#hol1content p  {

        background: transparent url('../images/ben-hol1.png') top center no-repeat;

        }



#rvr1content p  {

        background: transparent url('../images/ben-rvr1.png') top center no-repeat;

        }



#trv1content p  {

        background: transparent url('../images/ben-trv1.png') top center no-repeat;

        }



#pnn1content p  {

        background: transparent url('../images/ben-pnn1.png') top center no-repeat;

        }



#MBCHOICE4 h2,

#MBCHOICE4 p {

        float: left;

        clear: none;

        width: 70%;

}



#MBCHOICE4 .printoption h2,

#MBCHOICE4 .printoption p {

        float: none;

        clear: both;

        width: auto;

}



/*

=6. main navigation

============================

*/

/*Top navigation setup*/

.htmlmenu {

        background: #fff url('../images/bg-menu.png') bottom left repeat-x;

        height: 62px;

        }



body.cell1      {

        background: transparent url('../images/logo-bot.png') top right no-repeat;

        }



.cell1 table  {

        width: 100%;

        margin: 0;

        padding: 0;

        height: 62px;

        position: relative;

        border-collapse: collapse;

        }



.cell1 form  {

        height: 62px;

        margin: 0;

        }



.cell1 form table  {

        }



.cell1 form table td  {

        background-color: transparent;

        background-image: none;

                line-height: 32px;

        background: #fff url('../images/bg-menu.png') bottom left repeat-x;

        }



.mbar   {

        background-color: none;

        }



.topMenu        {

        visibility: visible;

        cursor: pointer;

        vertical-align: middle;

        font-size: 14px;

        color: #4b4b4b;

        font-weight: normal;

        }



#home_menu,

#menu1,

#menu2,

#menu3,

#menu4,

#menu5  {

        height: 62px !important;

        margin: 0;

        padding: 0;

        position: absolute;

        border-top-color: #656565 !important;

        border-right-color: #656565 !important;

        border-bottom-color: #656565 !important;

        border-left-color: #656565 !important;

        border-top-width: 0px !important;

        border-right-width: 0px !important;

        border-bottom-width: 0px !important;

        border-left-width: 0px !important;

        background: transparent;

        vertical-align: middle;

        }



#home_menu  {

        }



#menu200  {

        margin-left: -1px;

        }



#menu300  {

        margin-left: -1px;

        }



#menu5,

#menu500  {

        display: none !important;

        }



#menu500  {

        margin-left: -1px;

        }



#home_menu table,

#menu1 table,

#menu2 table,

#menu3 table,

#menu4 table,

#menu5 table  {

        }



div.selectedMenu  {

        background-color: #ccc;

        }



div.selectedMenu table  {

        /*background: transparent url('../images/background-menu-right.gif') top right no-repeat;*/

        }



.selectedMenu   {

        visibility: visible;

        cursor: pointer;

        position: relative;

        font-size: 14px;

        color: #4b4b4b;

        font-weight: normal;

        vertical-align: middle;

        }



.selectedMenu td,

.selectedMenu th,

.topMenu td,

.topMenu th       {

        margin: 0;

        padding: 0;

        }



form #home_menu         {

        font-size: 14px;

        color: #4b4b4b;

        font-weight: normal;

        background-image: none;

        vertical-align: top;

        position: static;

                padding-right: 10px;

        line-height: 32px;

        height: 62px !important;

        text-align: right;

        background: #fff url('../images/bg-menu.png') bottom left repeat-x;

                text-transform: lowercase;

        }



td.topMenu              {

        visibility: visible;

        cursor: pointer;

        font-weight: normal;

        padding-top: 0;

        background-color: transparent;

        text-align: center;

                vertical-align: top;

                line-height: 32px;

        }



.selectedMenu table{

        border: 0px solid #656565  !important;

        border-width: 0px 0px;

        height: 62px;

        }



td.selectedMenu {

        visibility: visible;

        cursor: pointer;

        padding-top: 0;

        font-weight: normal;

        color: #199DD7;

        background-color: transparent;

        text-align: center;

                vertical-align: top;

        line-height: 32px;

        }



#menu200,

#menu300,

#menu400,

#menu500        {

        background-color: #656565 !important;

        width: auto !important;

        height: auto !important;

        padding: 5px 0;

        border-right-color: #656565 !important;

        border-bottom-color: #656565 !important;

        border-left-color: #656565 !important;

        border-right-width: 0px !important;

        border-bottom-width: 0px !important;

        border-left-width: 0px !important;

        position: fixed !important;

        top: 0px !important;

        }



#d {

        display: none;

}



.dropdownMenu   {

        visibility: inherit;

        cursor: default;

        font-size: 12px;

        font-style: normal;

        font-weight: normal;

        padding: 6px 8px;

        margin: 0 0 0 10px;

        width: 175px;

        color: #fff;

        text-decoration: none;

        font-family: Arial, Helvetica, sans-serif;

                background: transparent url('../images/arrow-menu.png') 0px -39px no-repeat;

        }



.ddMenuMout,

.ddMenuMover     {

        cursor: default;

        font-style: normal;

        font-weight: normal;

        padding: 6px 8px;

        margin: 0 0 0 10px;

        width: 175px;

        font-size: 12px;

        color: #fff;

        text-decoration: none;

        font-family: Arial, Helvetica, sans-serif;

                background: transparent url('../images/arrow-menu.png') 0px -39px no-repeat;

        }



.ddMenuMover     {

        cursor: pointer;

        font-style: normal;

        font-weight: normal;

        padding: 6px 8px;

        text-decoration: underline;

        margin: 0 0 0 10px;

        width: 175px;

        color: #199DD7;

        text-decoration: none;

        font-size: 12px;

                background: transparent url('../images/arrow-menu.png') 0px 13px no-repeat;

        }



/*Left navigation setup */

#leftframe {

}



#leftframe form {

        background-image: none;

        background-color: transparent;

}



#LineLayer      {

        width: 145px;

        margin-left: 22px;

        text-align: left;

        }



#HeadLayer      {

        width: 145px;

        margin-left: 22px;

        margin-top: -16px;

        text-align: left;

        }



#DataLayer      {

        width: 145px;

        margin-left: 22px;

        text-align: left;

        }



#posLayer       {

        width: 145px;

        margin-left: 22px;

        z-index: 1500;

        }



#upscrollLayer,

#dnscrollLayer  {

        color: #000;

        background-color: #fff;

        width: 172px !important;

        margin-left: 22px;

        }



#upscrollLayer  {

        left: 0 !important;

        background-color: #fff;

        }



#upscrollLayer  {

        text-align: center;

        }



#dnscrollLayer  {

        margin-right: 1px;

        background-color: #fff;

        }



#upscrollLayer td,

#dnscrollLayer td,

#upscrollLayer a font,

#dnscrollLayer a font,

#upscrollLayer td font,

#dnscrollLayer td font  {

        background-color: transparent;

        text-align: center;

        }



#upscrollLayer a font   {

        font-family: webdings !important;

        }



#dnscrollLayer td font  {

        font-family: webdings !important;

        }



#LineLayer table,

#HeadLayer table,

#DataLayer table        {

        width: 145px;

        margin: 0;

        background-color: transparent;

        background-image: none;

        }



#HeadLayer table        {

        position: relative;

        z-index: 2000;

        margin-top: 50px;

        }



#DataLayer table        {

        }



#posLayer table,

#posLayer table table,

#HeadLayer table table,

#DataLayer table table  {

        width: 145px;

        margin: 0;

        background-image: none;

        }



#DataLayer table table  {

        width: 145px;

        margin: 0;

        background-image: none;

        }



#HeadLayer td.sideBar   {

        }



#HeadLayer td.sideBar b {

        }



#posLayer td,

#HeadLayer td,

#DataLayer td,

#LineLayer td   {

        background-color: transparent;

        height: auto;

        min-width: 0px;

        }



#HeadLayer td   {

        }



#posLayer td td,

#HeadLayer td td,

#DataLayer td td,

#LineLayer td td        {

        }



#LineLayer td   {

        padding: 0;

        }



#posLayer td img,

#HeadLayer td.sideBar img,

#DataLayer td img,

#LineLayer td img       {

        display: none;

        }



#HeadLayer img,

#DataLayer img  {

        display: none;

        }



#posLayer img   {

        display: none;

        }



#posLayer td a img      {

        display: none;

        }



#HeadLayer .sideBar,

#DataLayer .sideBar     {

        }



#HeadLayer .sideBar     {

        }



.sideBar b      {

        }



td.sideBar b    {

        }



#DataLayer td   {

        vertical-align: middle;

        padding: 0;

        width: 0;

        height: 0;

        }



/* User Toolbar setup */



#idPrintLogoff  {

        padding: 0;

        margin-top: 8px;

        margin-right: 8px;

        width: auto;

        }



#idPrintLogoff table td {

        margin: 0;

        padding: 0;

        border: 0px solid;

        vertical-align: middle;

        background-color: transparent;

        }



#idPrintLogoff table td img {

        display: none;

        }



 /*

=7. form

============================

*/

font input      {

        width: auto;

        }



table input,

table label,

table select    {

        float: none;

        display: inline;

        padding: 0;

        }



table input,

table select {

        margin: 0;

        padding: 0;

        float: none;

        }



table option {

        margin: 0;

        padding: 0;

        }



table label  {

        margin: 0;

        padding: 0;

        float: none;

        width: auto;

        }



/*#MBCHOICE3 table label  {

        padding: 0 10px;

        width: 200px;

        display: block;

        }



*/      

#benefitsummary input   {

        width: auto;

        }



.button,

.buttonclass,

.Button,

.Buttonclass,

.BUTTON,

.BUTTONCLASS    {

        font-size: 1em;

        font-weight: normal;

        text-align: center;

        width: auto !important;

        line-height: 25px;

        height: 25px;

        margin: 0;

        padding: 0 10px 0 10px;

        border: 1px solid #d6d6d6;

        background: #fefefe url('../images/bg-button.png') 0px -172px repeat-x;

        }



span.button,

span.buttonclass,

span.Button,

span.Buttonclass,

span.BUTTON,

span.BUTTONCLASS    {

        padding: 0;

        margin-right: 4px;

        float: left;

        border: 0px solid #e6e6e6;

        }

                

span.viewchangebutton {

        float: none;

        margin: 0;

}



span .button:hover,

span .buttonclass:hover,

span .Button:hover,

span .Buttonclass:hover,

span .BUTTON:hover,

span .BUTTONCLASS:hover    {

        background: #eaeaea url('../images/bg-button.png') 0px -100px repeat-x;

        }



.continuebutton,

.submitbutton     {

        background-color: #199dd7;

        background-image: none;

        color: #fff;

        }



#chgpwd #container #content-primary input {

        margin: 0 !important;

}



span .continuebutton:hover,

span .submitbutton:hover     {

        background: #32a8db url('../images/bg-button.png') 0px 0px repeat-x;

      }



span.continuebutton,

span.submitbutton {

        }



span.continuebutton:hover,

span.submitbutton:hover {

        }



.homebutton,

#logonbox .button,

td input.BUTTONCLASS,

center .Buttonclass     {

/*      font-weight: normal;

        margin: 0;

        padding: 0 0 2px 0;

        width: 58px !important;

        height: 28px;

        margin-right: 4px;

        border: 0px solid #ef4f91;

        border-width: 0;

        background: transparent url('../images/background-home.gif') 0 0 no-repeat;

*/      }



.homebutton:hover,

#logonbox .button:hover,

td input.BUTTONCLASS:hover,

center .Buttonclass:hover       {

/*      background: transparent url('../images/background-home.gif') -58px 0 no-repeat;

*/      }



#MBCHOICE1 .ruler td input.button     {

/*      margin: 0;

        width: 53px !important;

        height: 24px;

        padding: 0 0 2px 0;

        font-weight: normal;

        border: 0px solid #00b4af;

        background: transparent url('../images/background-action-sml.gif') 0 0 no-repeat;

*/      }



#MBCHOICE1 .ruler td input.button:hover     {

/*      background: transparent url('../images/background-action-sml.gif') -53px 0 no-repeat;

*/      }



#MBCHOICE1 .ruler #addfoot #adddependant     {

/*      margin: 0 0 0 0;

        width: 131px !important;

        height: 28px;

        padding: 0 0 2px 0;

        font-weight: normal;

        background: transparent url('../images/background-mbchoice1.gif') 0 0 no-repeat;

*/      }



#MBCHOICE1 .ruler #addfoot #adddependant:hover     {

/*      background: transparent url('../images/background-mbchoice1.gif') -131px 0 no-repeat;

*/      }



#MBCHOICE2 .noborder-bot tbody .viewchangebutton,

#MBCHOICE5 .noborder-bot tbody .viewchangebutton,

#MBCHOICE5S .noborder-bot tbody .viewchangebutton,

#VEVEACTIVITY .noborder-bot tbody .viewchangebutton,

#VEVEACTIVITY .noborder-bot tbody .viewActivity {

/*        margin: 0 0 0 4px;

*/        }



#MBCHOICE2 .noborder-bot tbody .viewchangebutton:hover,

#MBCHOICE5 .noborder-bot tbody .viewchangebutton:hover,

#MBCHOICE5S .noborder-bot tbody .viewchangebutton:hover,

#VEVEACTIVITY .noborder-bot tbody .viewchangebutton:hover,

#VEVEACTIVITY .noborder-bot tbody .viewActivity:hover     {

/*      background: transparent url('../images/background-view.gif') -89px 0 no-repeat;

*/      }



#MBCHOICE3 .submitbutton     {

/*      width: 173px !important;

        background: transparent url('../images/background-mbchoice3.gif') 0 0 no-repeat;

*/      }



#MBCHOICE3 .submitbutton:hover     {

/*      background: transparent url('../images/background-mbchoice3.gif') -173px 0 no-repeat;

*/      }



.radio     {

        border: 0px solid #A5ACB2;

        }



.radiolabel     {

        width: 7em;

        border: 0px solid #A5ACB2;

        }



form.home       {

        float: left;

        width: 100%;

        border: 0px solid #bdbdbd;

        border-top: 1px solid #bdbdbd;

        padding: 1.5em 0;

        min-height: 1%;

        }



#MBCHOICE1 .ruler td input,

#MBCHOICE1 .ruler td select     {

        border: 1px solid #bdbdbd;

        }



#MBCHOICE1 .ruler td input     {

        padding: 1px 0;

        width: 100%;

        }



#MBCHOICE1 .ruler td input.button     {

        border: 1px solid #bdbdbd;

        padding: 0 3px;

        }



#MBCHOICE1 .ruler td.col5 input     {

        width: 74px;

        }



#MBCHOICE3 #p_terms     {

        float: none;

        }



#p_terms        {

        margin-left: 6px;

        }



/*

=8. tables

============================

*/

table   {

        clear: both;

        float: none;

        }



.noborder-bot,

.details,

.ruler,

.datablock      {

        width: 100%;

        margin-bottom: 1.5em;

        border: 3px solid #e6e6e6;

        background-color: transparent;

        }



.td25 thead {

        display: none;

        }



.noborder-bot th,

.noborder-bot td,

.details th,

.details td,

.ruler th,

.ruler td,

.datablock th,

.datablock td   {

        border: 0px solid #fff;

        padding: 9px;

        }



.noborder-bot th,

.details th,

.ruler th,

.datablock th,

#MBCHOICE4 #table7 th   {

        padding: 9px 0 9px 7px;

        }



.newwindow th   {

        border-bottom: 0px solid #fff;

        }



.noborder-bot td,

.details td,

.ruler td,

.datablock td       {

        }



.noborder-bot tfoot td,

.details tfoot td,

.ruler tfoot td,

.datablock tfoot td       {

        }



.noborder-bot tfoot td  {

        text-align: right;

        }



th.td1  {

        width: 81px;

        }



th.td5  {

        width: 87px;

        }



th.td8  {

        width: 115px;

        }



th.td31 {

        width: 31%;

        }



#benefitsummary th.td31 {

        width: auto;

        }



.td20 td   {

        width: 20%;

        vertical-align: top;

        }



.td25 td   {

        width: 25%;

        }



.pd1 td    {

        width: 25%;

        vertical-align: top;

        }



#MBCHOICE2 .col5     {

        text-align: center;

        vertical-align: middle;

        }



#MBCHOICE1 .details,

#MBCHOICE2 #table5,

#MBCHOICE2 #table8,

#MBCHOICE4 .td25     {

        border: 6px solid #e6e6e6;

        }



#MBCHOICE2 #table8 thead th     {

        border-bottom: 0px solid #e6e6e6;

        }



#MBCHOICE2 #table6 td.col5,

#MBCHOICE3 #table6 td.col5,

#MBCHOICE5 #table6 td.col5 {

        vertical-align: middle;

        }



#MBCHOICE1 .details thead,

#MBCHOICE2 #table5 thead,

#MBCHOICE4 .td25 thead,

#MBCHOICE5 .td25 thead     {

        display: none;

        }



#MBCHOICE4 .ruler thead     {

        display: table-header-group;

        }



#MBCHOICE1 .details td,

#MBCHOICE4 .td25 td     {

        width: 25%;

        text-align: left;

        font-weight: normal;

        padding: 9px 0 9px 7px;

        }



#MBCHOICE3 #MBCHOICE4 .td25 td,

#MBCHOICE4 .td25 td     {

        width: 25%;

        }



#MBCHOICE3 #MBCHOICE4 .td25 tfoot td,

#MBCHOICE4 .td25 tfoot td     {

        text-align: right;

        }



#MBCHOICE4 .ruler td.heading     {

        padding: 0;

        }



#MBCHOICE1 .details td.col1,

#MBCHOICE1 .details td.col3,

#MBCHOICE2 #table5 tbody td.col1,

#MBCHOICE2 #table5 tbody td.col3,

#MBCHOICE2 #table8 tbody td.col1,

#MBCHOICE3 .noborder-bot tbody td.col1,

#MBCHOICE3 .noborder-bot tbody td.col3,

#MBCHOICE4 .td25 tbody td.col1,

#MBCHOICE4 .td25 tbody td.col3,

#tblviewpd1 tbody td.col1,

#tblviewpd1 tbody td.col3     {

        text-align: left;

        font-weight: normal;

        padding: 9px 0 9px 7px;

        }



#MBCHOICE4 #table7 tbody th.col1,

#MBCHOICE4 #table7 tbody th.col2,

#MBCHOICE4 #table7 tbody th.col3,

#MBCHOICE4 #table7 tbody th.col4,

#MBCHOICE4 #table7 tbody td.col1,

#MBCHOICE4 #table7 tbody td.col2,

#MBCHOICE4 #table7 tbody td.col3,

#MBCHOICE4 #table7 tbody td.col4     {

        width: 33%;

        }



#MBCHOICE4 #table7 tbody td.heading     {

        width: auto !important;

        }



#MBCHOICE4 #table7 tbody th.col3,

#MBCHOICE4 #table7 tbody td.col3     {

        width: 90px;

        text-align: right;

        }



#MBCHOICE4 #table7 tbody th.col4,

#MBCHOICE4 #table7 tbody td.col4     {

        width: auto;

        }



#MBCHOICE1 .details td.col1,

#MBCHOICE2 #table5 tbody td.col1,

#MBCHOICE2 #table8 tbody td.col1,

#MBCHOICE3 .noborder-bot tbody td.col1,

#MBCHOICE4 .td25 tbody td.col1,

#tblviewpd1 tbody td.col1

     {

        }



#MBCHOICE3 #benefitsummary th.td2       {

        }



#MBCHOICE3 #benefitsummary tbody td.col4        {

        width: 200px;

        }



#MBCHOICE2 #table8 tbody td.col1 span,

#MBCHOICE3 #benefitsummary tbody td.col1 span {

        }



#MBCHOICE1 .ruler,

#MBCHOICE4 .ruler       {

        border-collapse: separate;

        }



#MBCHOICE1 .ruler th,

#MBCHOICE1 .ruler td,

#MBCHOICE4 .ruler th,

#MBCHOICE4 .ruler td    {

        }



#MBCHOICE1 .ruler th,

#MBCHOICE4 .ruler th    {

        border-bottom: 0px solid #fff;

        }



#MBCHOICE1 .ruler td    {

        vertical-align: middle;

        padding: 9px 2px;

        }



#MBCHOICE4 .ruler td    {

        vertical-align: middle;

        }



#MBCHOICE1 .ruler #addrow td,

#MBCHOICE1 .ruler #addfoot td,

#MBCHOICE4 .ruler #addrow td,

#MBCHOICE4 .ruler #addfoot td     {

        font-weight: bold;

        background-color: #e2e2e2;

        }



#MBCHOICE2 #table8 tbody td.heading     {

        }



#MBCHOICE2 .td25 td,

#MBCHOICE3 .td25 td,

#MBCHOICE5 .td25 td   {

        width: 25%;

        vertical-align: top;

        text-align: left;

        font-weight: normal;

        }



#MBCHOICE2 .td25 .col4,

#MBCHOICE3 .td25 .col4,

#MBCHOICE5 .td25 .col4   {

        padding-left: 7px;

        }



#MBCHOICE2 .td25 td.parameter,

#MBCHOICE3 .td25 td.parameter,

#MBCHOICE4 .td25 td.parameter,

#MBCHOICE5 .td25 td.parameter {

        text-align: left;

        font-weight: normal;

        }



#MBCHOICE4 td.show      {

        }



#WELCOME .prefs table td {

        background-color: transparent;

}



#WELCOME .prefs #table5 {

        margin-bottom: 18px;

}



#WELCOME .prefs #table5 .row4 td,

#WELCOME .prefs #table5 .row5 td,

#WELCOME .prefs #table5 .row6 td {

        padding: 4px 0;

}



#WELCOME .prefs #table5 .row6 td.PROMPTCLASS {

        font-size: 1.4em !important;

        font-weight: normal !important;

}



#WELCOME .prefs b {

        display: block;

        padding: 6px 0;

}



#WELCOME .prefs .PROMPTCLASS br {

        display: none;

}



.options        {

        }



.noborder       {

        border: 0px solid;

        }



.colwidth       {

        width: 10em;

        }



.colwidth-wide  {

        width: 11em;

        }



.noborder-bot #benefitcosts,

#flexhow .align,

.align,

#flexhow #componentcost,

#salhow #componentValue  {

        text-align: right;

        }



.noborder-bot #benefitcosts     {

        text-align: center;

        }



.noborder-bot tbody td.align  {

        text-align: right;

        width: 10em;

        }



thead.aligned th        {

        text-align: center;

        }



#rulerImage     {

        width: auto;

        text-align: center;

        }



#MBCHOICE2 .td25 td #salhow,

#MBCHOICE3 .td25 td #salhow,

#MBCHOICE4 .td25 td #salhow,

#MBCHOICE5 .td25 td #salhow,

#MBCHOICE2 .td25 td #flexhow,

#MBCHOICE3 .td25 td #flexhow,

#MBCHOICE4 .td25 td #flexhow,

#MBCHOICE5 .td25 td #flexhow    {

        margin-bottom: 0;

                width: 100%;

        }



#MBCHOICE2 .td25 td #salhow th,

#MBCHOICE2 .td25 td #salhow td,

#MBCHOICE3 .td25 td #salhow th,

#MBCHOICE3 .td25 td #salhow td,

#MBCHOICE4 .td25 td #salhow th,

#MBCHOICE4 .td25 td #salhow td,

#MBCHOICE5 .td25 td #salhow th,

#MBCHOICE5 .td25 td #salhow td,

#MBCHOICE2 .td25 td #flexhow th,

#MBCHOICE2 .td25 td #flexhow td,

#MBCHOICE3 .td25 td #flexhow th,

#MBCHOICE3 .td25 td #flexhow td,

#MBCHOICE4 .td25 td #flexhow th,

#MBCHOICE4 .td25 td #flexhow td,

#MBCHOICE5 .td25 td #flexhow th,

#MBCHOICE5 .td25 td #flexhow td {

        padding: 0 0 9px 4px;

        text-align: left;

        font-weight: normal;

        width: auto;

                font-size: 1.2em;

                line-height: 1.5;

        }



#MBCHOICE2 .td25 td #salhow th,

#MBCHOICE3 .td25 td #salhow th,

#MBCHOICE4 .td25 td #salhow th,

#MBCHOICE5 .td25 td #salhow th,

#MBCHOICE2 .td25 td #flexhow th,

#MBCHOICE3 .td25 td #flexhow th,

#MBCHOICE4 .td25 td #flexhow th,

#MBCHOICE5 .td25 td #flexhow th {

        }



#MBCHOICE2 .td25 td #salhow td,

#MBCHOICE3 .td25 td #salhow td,

#MBCHOICE4 .td25 td #salhow td,

#MBCHOICE5 .td25 td #salhow td,

#MBCHOICE2 .td25 td #flexhow td,

#MBCHOICE3 .td25 td #flexhow td,

#MBCHOICE4 .td25 td #flexhow td,

#MBCHOICE5 .td25 td #flexhow td {

        }



#MBCHOICE2 .td25 td #salhow tfoot td,

#MBCHOICE3 .td25 td #salhow tfoot td,

#MBCHOICE4 .td25 td #salhow tfoot td,

#MBCHOICE5 .td25 td #salhow tfoot td,

#MBCHOICE2 .td25 td #flexhow tfoot td,

#MBCHOICE3 .td25 td #flexhow tfoot td,

#MBCHOICE4 .td25 td #flexhow tfoot td,

#MBCHOICE5 .td25 td #flexhow tfoot td   {

                font-weight: bold;

                padding: 5px 0 4px 4px;

                background-color: #F5F6F6 !important;

        }



#MBCHOICE2 .td25 td #salhow tfoot span,

#MBCHOICE3 .td25 td #salhow tfoot span,

#MBCHOICE4 .td25 td #salhow tfoot span,

#MBCHOICE5 .td25 td #salhow tfoot span,

#MBCHOICE2 .td25 td #flexhow tfoot span,

#MBCHOICE3 .td25 td #flexhow tfoot span,

#MBCHOICE4 .td25 td #flexhow tfoot span,

#MBCHOICE5 .td25 td #flexhow tfoot span   {

                margin-right: -3px;

        }



#MBCHOICE2 .td25 td #flexhow .col2,

#MBCHOICE3 .td25 td #flexhow .col2,

#MBCHOICE4 .td25 td #flexhow .col2,

#MBCHOICE5 .td25 td #flexhow .col2      {

        text-align: right;

        }



#componentcost  {

        }



span.tick {

        background: transparent url('../images/symbols.gif') 0 0 no-repeat;

        height: 16px;

        width: 16px;

        display: inline-block;

}



span.cross {

        background: transparent url('../images/symbols.gif') -16px 0 no-repeat;

        height: 16px;

        width: 16px;

        display: inline-block;

}



span.spot {

        background: transparent url('../images/symbols.gif') -32px 0 no-repeat;

        height: 16px;

        width: 16px;

        display: inline-block;

}



#lifeevents td,

#lifeevents th {

        width: 7%;

        padding: 0 3px;

        vertical-align: middle;

        text-align: center;

}



#lifeevents td.col1,

#lifeevents th.col1 {

        width: 9%;

        padding: 3px;

        text-align: left;

}



#taxsavings .col2,

#taxsavings .col3,

#taxsavings .col4 {

        text-align: center;

}



/*

=9. logon styles

============================

*/

#logon,

#pwdreset,

#idreminder,

#popupinfo      {

        width: 100%;

        }



#logon #border,

#pwdreset #border,

#idreminder #border,

#popupinfo #border {

        height: 111px;

        background: #fff url('../images/bg-menu.png') bottom left repeat-x;

        }

        

#logon #banner,

#pwdreset #banner,

#idreminder #banner,

#popupinfo #banner {

        background: transparent url('../images/logo-bot.png') bottom right no-repeat;

        height: 90px;

        }

        

#logon #header,

#pwdreset #header,

#idreminder #header,

#popupinfo #header {

        background: transparent url('../images/logo-top.png') bottom right no-repeat;

        height: 49px;

        }

        

#logon #header h1,

#pwdreset #header h1,

#idreminder #header h1,

#popupinfo #header h1 {

        height: 0;

        }

        

#logon #container,

#pwdreset #container,

#idreminder #container,

#popupinfo #container   {

        position: relative;

        width: 100%;

        padding: 0;

        float: left;

        padding-top: 55px;

        }

        

#logon #introduction,

#logon #logonbox,

#pwdreset #introduction,

#pwdreset #logonbox,

#idreminder #introduction,

#idreminder #logonbox,

#popupinfo #introduction,

#popupinfo #logonbox    {

        float: left;

        width: 44%;

        padding: 27px 0 0 0;

        margin-left: 3%;

        margin-right: 3%;

        }



#logon #logonbox,

#pwdreset #logonbox,

#idreminder #logonbox,

#popupinfo #logonbox    {

        width: 40%;

                padding: 26px 3% 150px 3%;

                border: 1px solid #ccc;

        margin-left: 0;

                background: #EFEFEF url('../images/bg-slinky-sml.jpg') bottom right no-repeat;

        }

                

#logon h1,

#pwdreset h1,

#idreminder h1,

#popupinfo h1 {

        color: #003781;

        font-weight: normal;

        font-size: 2.4em;

        line-height: 0.75;

        margin-bottom: 0.75em;

}



#logon h1 em,

#pwdreset h1 em,

#idreminder h1 em  {

        color: #003781;

}



#logon p,

#pwdreset p,

#idreminder p   {

        position: relative;

        float: none;

        display: block;

        clear: both;

        }



#logonbox h3,

#pwdreset h3,

#idreminder h3  {

        color: #003781;

        }



#logon form,

#pwdreset form,

#idreminder form        {

        width: 100%;

        padding: 0;

        }



#logon form p,

#pwdreset form p,

#idreminder form p      {

        clear: both;

        float: left;

        width: 100%;

        color: #003781;

        margin-bottom: 14px;

        }



#logon label,

#logon input,

#pwdreset label,

#pwdreset input,

#idreminder label,

#idreminder input       {

        float: left;

        width: 32%;

        margin: 0;

        padding: 0;

        font-weight: bold;

                line-height: 20px;

        }



#logon input,

#pwdreset input,

#idreminder input       {

        width: 145px;

        position: relative;

        width: auto;

        border: 1px solid #b4b4b4;

        line-height: 18px;

        }



#logon button span,

#pwdreset button span,

#idreminder button span {

        padding: 0;

        }



#pwdreset input.button,

#idreminder input.button,

#pwdreset button.button,

#idreminder button.button       {

        margin-left: 0;

                color: #414141;

        }



#pwdreset input.submitbutton,

#idreminder input.submitbutton,

#pwdreset button.submitbutton,

#idreminder button.submitbutton {

                color: #fff;

        }



#logon input.submitbutton:hover,

#pwdreset #logonbox input.submitbutton:hover,

#idreminder #logonbox input.submitbutton:hover,

#logon button.submitbutton:hover,

#pwdreset #logonbox button.submitbutton:hover,

#idreminder #logonbox button.submitbutton:hover {

        background: #32a8db url('../images/bg-button.png') 0px 0px repeat-x;

        }



#pwdreset button.submitbutton       {

        margin-left: 0;

        }



#formactions    {

        float: none;

        clear: both;

        padding: 0 0 1.5em 0;

        margin: 0;

        list-style: none;

        }



#formactions {

        margin-left: 32%;

        width: 68%;     

        }



#formactions li {

        display: inline;

        float: left;

        }



#logon form ul,

#pwdreset form ul,

#idreminder form ul,

#footer ul     {

        padding: 0;

        clear: both;

        }



#logon form ul li,

#pwdreset form ul li,

#idreminder form ul li,

#footer ul li  {

        display: inline;

        margin-right: 12px;

        list-style-image: none;

        }



/* Pension record top frame entries */

#pensionheader h1 span,

#pensionheader h2 span {

        width: 0px;

        position: absolute;

        left: -9999px;

        overflow: hidden;

        }



#pensionheader  {

        position:relative; 

        width:96%;

        padding: 0 2%; 

        height:62px; 

        overflow:auto; 

        background-color: #001d68;

        }



#pensionheader h1       {

        position: absolute;

        display: inline;

        background: #001d68 url('../images/ww.gif') no-repeat top left;

        width: 120px;

        height: 62px;

        margin: 0;

        padding: 0;

        color: #fff

        }



#pensionheader h2       {

        position: absolute;

        display: inline;

        height: 62px;

        width: 240px;

        margin-left: 150px;

        padding: 0;

        color: #fff;

        margin-right:0; margin-top:0; margin-bottom:0

        }



/*Table Sub Heading*/

tr.headlightyellow,

td.headlightyellow      {

        }



td.headlightyellow      {

        padding: 0;

        margin: 0;

        }



/*Subheadings*/

.subheading1{

          font-size:1em;

   }



/* Nomination Details entries - tabs */



#idTabs {

        width: 392px !important;

        padding: 0;

        margin: 0 auto 0 0;

        text-align: left;

        }

        

#idTabs td              {

        font-size: 1.4em;

                font-weight: bold;

        padding:  9px;

        white-space: nowrap;

        vertical-align: middle;

        }

        

#idTabs img       {

        position: absolute;

        left: -9999px;

                height: 0;

                overflow: none;

        }

        

td.clsTab {

        cursor: pointer;

        background: #f5f6f6/* url('../images/eowback.gif') top left repeat-x*/;

        color: #414141;

                width: 196px !important;

        padding: 0;

        border: 1px solid #f5f6f6;

        border-width: 1px 1px 0 1px;

        }

        

td.clsTabSelected {

        cursor: pointer;

        color: #414141;

        background: #e2e2e2/* url('../images/eowBackSelect.gif') top left repeat-x*/;

        padding: 0;

                width: 196px !important;

        border: 1px solid #e2e2e2;

        border-width: 1px 1px 0 1px;

        }

        

table td.clsTabBar              {

        border-top: 1px solid #e2e2e2;

        padding: 0;

        background-color: #e2e2e2;

        height: 0px !important;

        }

        



#pmsContent {

 border:  6px solid #e6e6e6;

 border-width: 0px 1px 1px 1px;

 margin-bottom: 1.8em;

}



#pmsContent,

#pmsContent table       {

        width: 100%;

        }



#pmsContent table       {

        margin: 0;

        width: 100%;

        }



#pmsContent td.PROMPTCLASS,

#pmsContent table td.PROMPTCLASS        {

        width: 120px;

        font-size: 1.4em;

        padding: 9px;

        font-weight: bold;

        }



#pmsContent td,

#pmsContent table td        {

        font-size: 1.4em;

        padding: 9px;

        }



/*Text labels and column headings*/

.promptclass,

.PROMPTCLASS    {

        font-weight: bold;

        font-size: 0.9em;

        }

#AMRND1F td.PROMPTCLASS,

#AMRND2 td.PROMPTCLASS {

 font-size: 1.4em;

}



#AMRND1F td img,

#AMRND2 td img {

 display: inline-block;

}



#AMRND1F .ruler .col4,

#AMRND1F .ruler .col6 {

 text-align: center;

}



#AMRND1F .ruler .col5 {

 text-align: right;

}



/*Field data*/

.textclass,

.TEXTCLASS      {

        }



input.textclass,

input.TEXTCLASS {

        width: 200px;

        }



/*List of Values Drop down button*/

.lovbuttonclass{ 

                 height:20px; 

                 font-size:.8em; 

                 font-weight:bold; 

                 background-color:white; 

                 color:#333333; 

                 border:0; 

                 border-left: 1px solid gray; 

                 border-right: 1px solid gray; 

                 border-top: 1px solid gray; 

                 border-bottom: 1px solid gray; 

                 cursor:pointer}



/*

Additional styling for Target Retirement Date / Age

*/

#p_target_date  {

        width: 7em;

        }



#p_target_date,

#p_age_years,

#p_age_months   {

        float: none;

        }



/*List of members/schemes/locations - highlight selected row*/

tr.headdarkblue{font-size:1em; color:red; background-color:white}



/*MI Dashboard*/

   .toolTip{  font-size: 1em; text-decoration: none}



   td.toolTip{  font-size: 1em; text-decoration: none}



   a.toolTip{font-size: 1em; color:#333333; text-decoration: none}



   a.toolTip:hover{cursor:help; font-size: 1em; color: #67BAA7; text-decoration: none}



   a.toolTip:active{font-size: 1em; text-decoration: none}



   a.toolTip:visited{font-size: 1em; text-decoration: none}



   td.sectionHeading{font-size:1em; font-weight:bold; color:#c0c0c0}



/*Summary and Confirmation Statements*/   

  .ReviewBar{ font-size: 1em; text-decoration: none}



   td.ReviewBar{ font-size: 1em; text-decoration: none}



   a.ReviewBar{font-size: 1em;  color:#bae5fa; text-decoration: none}



   a.ReviewBar:hover{ font-size: 1em; color: #bae5fa; text-decoration: none}



   a.ReviewBar:active{ font-size: 1em; text-decoration: none}



   a.ReviewBar:visited{ font-size: 1em; text-decoration: none}



/* DIV for on screen content of Enrolment and Cont Decision Summary print*/   

#msg_data table

{

        margin: 0;

        padding: 0;

        width: auto;

        font-size: 1em;

        border: 0px solid;

        }



/* Nomination Details entries - tabs */

.clsTab

{

        font: bold 65% arial,helvetica,sans-serif;

        cursor:pointer;

        color:DARKBLUE;

        background-color:#D6E0ED;

        font-size:1em;

}



.clsTabSelected

{

        font: bold 65% arial,helvetica,sans-serif;

        cursor:pointer;

        color:DARKBLUE;

        background-color:#B0C4DE;

        font-size:1em;

}



.clsTabBar

{

        font: bold 65% arial,helvetica,sans-serif;

        cursor:auto;

        color:#FFFFCC;

        background-color:#B0C4DE;

        font-size:1em;

}



idTabs TD.clsTab {

        background-color: lightyellow;

        cursor: pointer;

        border-left: 1px solid #003266;

        border-right: 1px solid #003266;

        border-top: 1px solid #003266;

        border-bottom: 1px inset #003366;

}



idTabs TD.clsTab A, TD.clsTab A:hover, TD.clsTab A:active {

        font-size:95%;

        color: #FFFFFF;

        text-decoration: none;

}



idTabs TD.clsTabSelected {

        border-left: 0px outset #003266;

        border-right: 0px outset #003266;

        background-color: #003266;

}



idTabs TR.clsTblHead TD {

        border-top: 2px groove #d4d4d4;

        border-bottom: 1px outset #d4d4d4;

}



idTabs TD.clsTabSelected A, TD.clsTabSelected A:hover, TD.clsTabSelected A:active {

        font-size:95%;

        color: #000000;

        text-decoration: none;

        font-weight: bold;

}



/* Test area for trying out things*/

#menu table {text-decoration: underline}



#menu1 table {text-decoration: underline}



#menu100 table {text-decoration: underline}



#menu101 table {text-decoration: underline}



#d table {text-decoration: underline}



#INETA1 table {text-decoration: underline}



/* Styling question */

.dhtmlgoodies_question  {

        /* Start layout CSS */

        /* End layout CSS */

        overflow: hidden;

        cursor: pointer;

        }



/* Parent box of slide down content */

.dhtmlgoodies_answer    {

        /* Start layout CSS */

        /* End layout CSS */

        visibility: hidden;

        height: 0px;

        overflow: hidden;

        position: relative;

        }



/* Content that is slid down */

.dhtmlgoodies_answer_content    {

        position: relative;

        }



dt.dhtmlgoodies_question        {

        font-size: 1.15384em;

        line-height: 1.2666;

        margin-bottom: 1.26666em;

        }



#containerwelcome dl    {

        margin-left: 20px;

        }



.dhtmlgoodies_answer p  {

        font-size: 0.93637em;

        }



#tbllifeevents td img {

        display: inline;

}



#tbllifeevents td {

        vertical-align: middle;

        text-align: center;

}



.printThis {

        display:none;

}