/*

Table of contents
============================

Advanced styling for Flex

Generic site wide settings, including colours, typographic 
styles etc. are controlled by basic.css

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

        last-updated: 23 December 2008
        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
============================
*/

html    {
        height: 100%;
        /*background: #fff url('../images/background-main.jpg') bottom left no-repeat;*/
        background-color: #fff;
        }
        
td img  {
        position: absolute;
        }

td font img,
td p img        {
        position: relative;
        }

#section1img,
#section2img,
#section3img,
#section4img    {
        position: relative;
        }
        
.rowshow        {
        display: table-row;
}

.rowhide        {
        display: none;
}

body {
        min-height: 100%;
}

/*
=4. typography
============================
*/

.clear  {
        clear: both;
        }
        
.nofloat
        {
        position: relative;
        float: none;
        clear: both;
        }
        
.standout       {
        border-top: 1px solid #a5acb2;
        padding: 1em 0;
        margin: 0.5em 0;
        }       
        
.legal  {
        clear: both;
        font-size: 0.9em;
        color: #999999;
        margin-top: 1.5em;
        }
        
.inline {
        display: inline;
        }
        
.format {
        margin-bottom: 1.5em;
        }
        
/* 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,
p.password em,
em.password,
ul.password     {
        font-style: normal;
        font-weight: bold;
        }

ul.password li  {
        font-size: 1em;
        }

/* End rules for Change password form */

#containerwelcome li {
        }
        
.pageHeading    {
        background: #fff url('../images/pageHeading.png') top left no-repeat;
        color: #d00000;
        height: 111px;
        padding-left: 18px;
}

.pageHeading span.legal{
        font-size: 0.5em;
}

#container h2   {
        font-size: 1em;
        margin-bottom: 1.1513em;
        padding-bottom: 0.2467em;
        border-bottom: 1px solid #d00000;
}

#container h2 em        {
        font-style: normal;
}

#togglebutton   {
        background: #ccc url('../images/background-grey-button.png') top left no-repeat;
        float: right;
        height: 33px;
        line-height: 33px;
        text-align: center;
        width: 165px;
        cursor: default;
}

#togglebutton:hover     {
        background: #ccc url('../images/background-grey-button.png') top right no-repeat;
}

#MBCHOICE2 #netPayButton        {
        margin-left: 1em;
        background: #ccc url('../images/background-button-submit.png') top left no-repeat;
        width: 110px !important;
}

#MBCHOICE2 #netPayButton:hover  {
        margin-left: 1em;
        background: #ccc url('../images/background-button-submit.png') top right no-repeat;
}

/*
=5. layout
============================
*/

#container      {
        margin: 0 3%;
        width: 94%;
}

#containerwelcome       {
        width: 96%;
        position: relative;
        margin-left: 20px;
        float: left;
        padding: 0;
        margin-top: 0;
        }
        
#chgpwd #containerwelcome       {
        margin: 0;
}
        
#containerwelcome h1    {
        font-family: Verdana, Arial, Geneva, sans-serif;
}

#mainpanel      {
        float: left;
        width: 98%;
        position: relative;
        padding-left: 0;
        padding-right: 2%;
        margin-bottom: 1.5em;
        }

#mainpanel h1   {
        font-size: 1.5em;
        line-height: 1;
        margin-bottom: 1em;
        font-weight: bold;
        font-family: Verdana, Geneva, sans-serif;
        }

#wait   {
        position: absolute;
        top: 0;
        left: 0;
        padding: 0;
        margin: 0;
        height: 100%;
        width: 100%;
        text-align: center;
        font-style: italic;
        font-weight: bold;
        background: #fff /*url('../images/background-cube-2010.jpg') 100% 90% no-repeat*/;
        background-attachment: fixed;
        z-index: 100;
        }

#wait p {
        padding: 0;
        margin: 0;
        color: #d00000;
        font-size: 1.5em;
        text-align: center;
        }

#wait p.align {
        margin-top: 20%;
        color: #d00000;
        }

#header {
        position:relative; 
        padding: 0; 
        height: 63px; 
        overflow: hidden; 
        border-bottom: 0px solid #ffffff;
        background: #FFF url('../images/background-header-top.png') top right no-repeat;
        }

#header h1      {
        position: absolute;
        left: 0;
        top: 0;
        width: 187px;
        height: 63px;
        margin: 0;
        padding: 0;
        background: #FFF url('../images/background-h1.png') top left no-repeat;
        }
        
#header h2      {
        position: absolute;
        right: 20px;
        top: 30px;
        margin: 0;
        padding: 0;
        color: #d00000;
        text-transform: uppercase;
        font-family: Verdana, Arial, Geneva, sans-serif;
        }
        
#reminder       {
        float: right;
        margin: -4.5em 0 1.5em 2%;
        padding: 1.5em 10px 0 10px;
        width: 33%;
        border: 1px solid #ccc;
        }
        
#reminder h2,
#subpanelwrap h3    {
        font-weight: bold;
        font-size: 1.151em;
        line-height: 1.286;
        margin-bottom: 1.286em;
        }

#reminder p     {
        }

#reminder p.reminderlink        {
        text-align: center;
        min-height: 46px;
        line-height: 46px;
        }
        
#reminder p.reminderlink a:link,
#reminder p.reminderlink a:visited      {
        color: #fff;
        font-weight: bold;
        display: block;
        width: 100%;
        height: 100%;
        font-family: Verdana, Geneva, sans-serif;
        letter-spacing: -1px;
        background: #fff url('../images/background-reminder-button.png') top center no-repeat;
        }
        
#reminder p.reminderlink a:focus,
#reminder p.reminderlink a:hover,
#reminder p.reminderlink a:active       {
        text-decoration: underline;
        background: #fff url('../images/background-reminder-button.png') bottom center no-repeat;
        }
        
#maininner {
        float: left;
        width: 100%;
}
        
.alert {
        width: 48%;
        margin-right: 4%;
        float: left;
        background: #f0f1f1 /*url('../images/background-alert.png') top left no-repeat*/;
}
        
.alert-inner {
        /*margin: 35px 10px 10px 77px;*/
        margin: 18px;
        min-height: 150px;
}

#mychoice-panel {
        margin-right: 0;
        float: left;
        background: #f0f1f1 /*url('../images/background-alert.png') top left no-repeat*/;
}
        
.alert h3 {
        color: #d00000;
}
        
#subpanelwrap   {
        position: relative;
        float: left;
        clear: both;
        width: 98%;
        margin-bottom: 1.5em;
}
        
#subpanelwrap div       {
        position: relative;
        float: left;
        width: 25%;
        margin: 0;
        background-color: #f0f1f1;
}
        
#subpanelwrap div div   {
        width: auto;
        min-height: 142px;
        padding: 35px 10px 10px 71px;
        background-color: transparent;
}

#subpanelwrap #subpanel2 {
        background: #f0f1f1 url('../images/background-discounts.png') top left no-repeat;
}
        
#subpanelwrap #subpanel3 {
        background: #f0f1f1 url('../images/background-recognition.png') top left no-repeat;
}
        
#subpanelwrap #subpanel4 {
        background: #f0f1f1 url('../images/background-mychoice.png') top left no-repeat;
}
        
#subpanelwrap #subpanel5 {
        background: #f0f1f1 url('../images/background-giving.png') top left no-repeat;
}
        
#subpanelwrap #subpanel6 {
        background: #f0f1f1 url('../images/background-sharesave.png') top left no-repeat;
}
        
#subpanelwrap #subpanel7 {
        background: #f0f1f1 url('../images/background-staff.png') top left no-repeat;
}

#subpanelwrap #subpanel8 {
        background: #f0f1f1 url('../images/background-pension.png') top left no-repeat;
}

#subpanelwrap #subpanel9 {
        background: #f0f1f1 url('../images/background-BI.png') top left no-repeat;
        width: 50%;
}

#subpanelwrap #subpanelBI {
        background: #f0f1f1 url('../images/background-BI.png') top left no-repeat;
        width: 17.5%;
        height: 90px;
}

#subpanelBI p {
        margin-left: -20px;
        margin-top: 10px;
}

        
#subpanelwrap p {
}
        
#subpanelwrap p a       {
/*      display: block;
        width: 100%;
*/}
        
.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;
        }

#footer {
        background-color: #fff;
        height: 40px;
        border-top: 0px solid #ccc;
        }
        
#footer p      {
        position: absolute;
        right: 15px;
        top: 0;
        width: 396px;
        height: 43px;
        margin: 0;
        padding: 0;
        background: #FFF url('../images/footer-logos.gif') top left no-repeat;
        }
        
#webtandcfr ol  {
        font-weight: bold;
        }

#webtandcfr ol ol       {
        font-weight: normal;
        list-style: none;
        }

#webtandcfr ol ol span  {
        margin-left: -35px;
        position: absolute;
        font-weight: bold;
        }
        
center img      {
        height: 37px;
        position: relative;
        }

#introWrap,
#linkGroup      {
        float: left;
        width: 48%;
        margin-right: 2%;
        }
        
div.link        {
        float: left;
        clear: both;
        width: 100%;
        }
        
#containerwelcome p.link        {
        float: left;
        width: auto;
        }

#containerwelcome       {
        background-color: transparent;
}
        
#containerwelcome #linkGroup font       {
        float: none;
        clear: left;
        }
        
a img   {
        border: 1px solid #ccc;
        }

a:hover img     {
        border: 1px solid #d00000;
        }
        
.cookietrail    {
        float: left;
        width: 100%;
        font-size: 1em;
        margin-bottom: 1.1513em;
        border-bottom: 1px solid #d00000;
        padding: 0 0 0.2467em 0;
}

.cookietrail li {
        float: left;
        width: auto;
        padding: 0 10px 0 7px;
        margin: 0;
        list-style: none;
        font-weight: bold;
        background: #fff url('../images/bullet.png') center right no-repeat;
}

.cookietrail li.end     {
        background-image: none;
}

.cookietrail li em      {
        font-style: normal;
        color: #d00000;
}

/*
=6. main navigation
============================
*/

/*Top navigation setup*/

.cell1  {
        background-color: #000;
        background-image: none;
        height: 22px;
        }
        
.cell1 table    {
        margin: 0;
        width: 100%;
        height: 22px;
        background-image: none;
        }
        
.cell1 form     {
        background-color: #000;
        }
        
.cell1 form table       {
        margin: 0;
        width: 100%;
        background: transparent url('../images/background-nav.png') -120px bottom no-repeat;
        }
        
#home_menu,
#menu1,
#menu2,
#menu3,
#menu4,
#menu5  {
        position: absolute;
        height: 22px;
        margin: 0;
        padding: 0;
        z-index: 100;
        border: 0px solid #fff;
        border-left: 0px solid #fff !important;
        }

#home_menu,
#menu1 table,
#menu2 table,
#menu3 table,
#menu4 table,
#menu5 table    {
        position: relative;
        height: 22px !important;
        width: 100%;
        top: 0;
        color: #fff;
        }

#menu2 table    {
        z-index: 102;
        margin-left: 0px;
        }

#menu3 table    {
        z-index: 110;
        margin-left: 0px;
        }

#menu4 table    {
        z-index: 120;
        margin-left: 0px;
        }

#menu5 table    {
        z-index: 130;
        margin-left: 0px;
        }

#home_menu,
#menu1 table td,
#menu2 table td,
#menu3 table td,
#menu4 table td,
#menu5 table td {
        position: relative;
        height: 22px;
        width: 100%;
        background-image: none;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 13px;
        text-align: center;
        }

#home_menu      {
        top: 0;
        width: 100%;
        text-align: left;
        padding-left: 34px;
        background: transparent url('../images/menuhome.gif') 1px 0 no-repeat;
        }


#menu1 table td.selectedMenu,
#menu2 table td.selectedMenu,
#menu3 table td.selectedMenu,
#menu4 table td.selectedMenu,
#menu5 table td.selectedMenu     {
        visibility: visible;
        cursor: pointer;
        height: 22px;
        background-color: #666;
        color: #fff;
        }

#menu200,
#menu300,
#menu400,
#menu500        {
        width: 170px;
        /*min-height: 165px;*/
        height: auto !important;
        /*padding-right: 100px;*/
        background-color: #fff !important;
        background: #fff /*url('../images/background-menu.png') bottom right no-repeat*/;
        border: 0px solid #ccc;
        border-color: #ccc !important;
        border-width: 0px 1px 1px 1px !important;
        z-index: 10 !important;
        }

#d      {
        display: none;
        }
        
.dropdownMenu    {
        visibility: inherit;
        cursor: default;
        font-style: normal;
        font-weight: normal;
        padding: 10px 10px;
        color: #006699;
        background-color: transparent !important;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        border: 0px solid #fff;
        font-size: 12px;
        text-transform: none;
        position: relative;
        }
        
.ddMenuMout,
.ddMenuMover            {
        cursor: default;
        font-size: 12px;
        font-style: normal;
        font-weight: normal;
        padding: 10px 10px;
        color: #006699;
        background-color: transparent !important;
        border: 0px solid #fff;
        text-transform: none;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        position: relative;
        }
        
.ddMenuMover            {
        cursor: pointer;
        padding: 10px 10px;
        color: #000;
        background-color: transparent;
        color: #d00000;
        text-transform: none;
        text-decoration: underline;
        }

 /*Left navigation setup */
 
#LineLayer      {
        background-color: transparent;
        width: 163px;
        margin-left: 25px;
        }

#HeadLayer      {
        background-color: transparent;
        width: 163px;
        margin-left: 25px;
        }
                
#DataLayer      {
        background-color: transparent;
        width: 163px;
        margin-left: 25px;
        }
                
#posLayer       {
        background-color: #f0f1f1;
        width: 163px;
        }
        
#upscrollLayer,
#dnscrollLayer  {
        color: #0077be;
        width: 100%;
        background-color: #f0f1f1;
        }

#upscrollLayer  {
        position: static !important;
        margin-top: 0;
        text-align: center;
        }

#dnscrollLayer  {
        margin-left: 25px;
        margin-right: 1px;
        }

#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 table    {
        margin: 0;
        width: 100%;
        }

#dnscrollLayer td font  {
        font-family: webdings !important;
        }

#LineLayer table,
#HeadLayer table,
#DataLayer table        {
        width: 100%;
        margin: 0;
        background-color: transparent;
        background-image: none;
        }

/*#LineLayer table,
#HeadLayer table,
#DataLayer table,
#Poslayer table,
#upscrollLayer table,
#dnscrollLayer table    {
        margin: 0;
        width: 110px;
        }
*/
#HeadLayer table        {
        line-height: 1;
        position: relative;
        z-index: 2000;
        }

#posLayer table {
        margin: 0;
        width: 100%;
        }
        
#HeadLayer td.sideBar   {
        font-size: 12px;
        background-color: transparent;
        padding: 0;
        font-weight: normal;
        color: #d00000;
        }

#HeadLayer td.sideBar b {
        font-size: 12px;
        font-weight: normal;
        letter-spacing: 0px;
        color: #d00000;
        display: block;
        }

#posLayer td,
#HeadLayer td,
#DataLayer td,
#LineLayer td   {
        background-color: transparent;
        }

#LineLayer td   {
        padding: 0;
        }

#posLayer td img,
#HeadLayer td.sideBar img,
#DataLayer td img,
#LineLayer td img       {
        position: absolute;
        left: -9999px;
        overflow: hidden;
        }

#HeadLayer img,
#DataLayer img  {
        position: absolute;
        left: -9999px;
        overflow: hidden;
        }
        
#posLayer img   {
        position: relative;
        overflow: auto;
        left: 0;
        }
        
#posLayer td a img      {
        position: relative;
        overflow: auto;
        left: 0;
        }

#HeadLayer .sideBar,
#DataLayer .sideBar     {
        font-size: 0.9em;
        font-family: Verdana, Arial, Geneva, sans-serif;
        }

#HeadLayer .sideBar     {
        color: #d00000;
        }

.sideBar b      {
        font-size: 0.9em;
        }

td.sideBar b    {
        color: #666666;
        }

#DataLayer td   {
        vertical-align: middle;
        padding: 0;
        width: 0px;
        height: 0;
        }

#DataLayer a.sideBar:link,
#DataLayer a.sideBar:visited    {
        font-size: 1em;
        display: block;
        margin: 0 0 0 0;
        padding: 5px 0 5px 0;
        border: 0px solid #c7c8ca;
        background: transparent url('../images/dotted.gif') bottom left repeat-x;
        font-weight: normal;
        font-size: 12px;
        text-decoration: none;
        color: #d00000;
        }

#DataLayer a.sideBar:hover,
#DataLayer a.sideBar:active,
#DataLayer a.sideBar:focus      {
        color: #006699;
        }

a.sideBar:link,
a.sideBar:visited       {
        color: #006699;
        font-family: Verdana, Arial, Geneva, sans-serif;
        }

a.sideBar:hover,
a.sideBar:active,
a.sideBar:focus {
        color: #d00000;
        }
        
/* User Toolbar setup */

#idPrintLogoff  {
        background: transparent url('../images/idprint-background.gif') top left no-repeat;
        height: 22px;
        padding: 0;
        margin-top: 0;
        margin-right: 0;
        width: auto;
        z-index: 5;
        }
        
#idPrintLogoff table,
#container #idPrintLogoff table         {
        width: auto;
        margin: 0;
        padding: 0;
        border: 0px solid #9ea0a2;
        background-image: none;
        border-collapse: collapse;
        }
        
#idPrintLogoff table td {
        margin: 0;
        padding: 3px 0 0 0;
        border: 0px solid;
        font-size: 12px;
        vertical-align: middle;
        }
        
#idPrintLogoff table td img {
        position: absolute;
        left: -9999px;
        height: 0;
        width: 0;
        }
        
#idPrintLogoff a.sideBar:link,
#idPrintLogoff a.sideBar:visited        {
        font-weight: normal;
        display: block;
        padding: 0 7px 0 0;
        text-decoration: none;
        }

#idPrintLogoff a.sideBar:hover,
#idPrintLogoff a.sideBar:active,
#idPrintLogoff a.sideBar:focus  {
        }

#IdPrintTableTwo        {
        position: absolute;
        top: -6px;
        }
        
 /*
=7. form
============================
*/

fieldset p      {
        clear: both;
        }

legend  {
        display: block;
        font-size: 1.3158em;
        text-align: left;
        line-height: 1.125em;
        margin-bottom: 1.125em;
        }

fieldset.dependant legend       {
        font-size: 1em;
        font-weight: bold;
        font-family: Arial, Helvetica, sans-serif;
        }

label   {
        float: left;
        width: 11.5132em;
        padding-right: 1em;
        }

select,
input,
button   {
        float: left;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 1em;
        width: 100%;
        color: #605E5F;
        }
                
button   {
        float: none;
        }
                
table input,
table label,
table select
        {
        float: none;
        display: inline;
        padding: 0;
        }
        
font input      {
        width: auto;
        }
        
#container table input,
#container table select {
        margin: 0;
        padding: 0;
        float: none;
        font-size: 0.9em;
        }
        
#MBCHOICE1 #container table input.button {
        background: url('../images/background-dependants.png') top left no-repeat;
        width: 55px !important;
        height: 33px;
        }
        
#MBCHOICE1 #container table input.button:hover {
        background: url('../images/background-dependants.png') top right no-repeat;
        }
        
#MBCHOICE1 #container table #adddependant {
        background: url('../images/background-add.png') top left no-repeat;
        width: 118px !important;
        height: 33px;
        }
        
#MBCHOICE1 #container table #adddependant:hover {
        background: url('../images/background-add.png') top right no-repeat;
        }
        
#container table option {
        margin: 0;
        padding: 0;
        }
        
#container table label  {
        float: none;
        margin: 0;
        padding: 0;
        width: auto;
        }
        
#benefitsummary input   {
        width: auto;
        }
        
input.radio     {
        width: 2em;
        }
        
#MBCHOICE3 #p_terms     {
        float: none;
        }
        
label.radiolabel        {
        width: 7em;
        }

.button,
.buttonclass,
.Buttonclass,
.BUTTON,
.BUTTONCLASS    {
        background: #e42528 url('../images/background-button.png') top left no-repeat;
        color: #fff;
        font-weight: bold;
        font-size: 0.9em;
        margin-right: 1em;
        width: auto;
        border: 0px solid #ccc;
        letter-spacing: -1px;
        height: 33px;
        }

.button:hover,
.buttonclass:hover,
.Buttonclass:hover,
.BUTTON:hover,
.BUTTONCLASS:hover    {
        background: #e42528 url('../images/background-button.png') top right no-repeat;
        }
        
#chgpwd .buttonclass    {
        width: 88px !important;
}

input.homebutton        {
        background: #ccc url('../images/background-grey-homebutton.png') top left no-repeat;
        width: 155px !important;
        color: #333;
        }

input.homebutton:hover,
input.resetbutton:hover,
input.savebutton:hover  {
        background: #ccc url('../images/background-grey-homebutton.png') top right no-repeat;
        }

input.backbutton,
input.resetbutton,
input.savebutton        {
        background: #ccc url('../images/background-grey-button.png') top left no-repeat;
        width: 165px !important;
        color: #333;
        }

input.backbutton:hover,
input.resetbutton:hover,
input.savebutton:hover  {
        background: #ccc url('../images/background-grey-button.png') top right no-repeat;
        }

input.continuebutton,
input.submitbutton,
button.continuebutton,
button.submitbutton,
.alert a.button     {
        background: #ea5f66 url('../images/background-submit.png') top left repeat-x;
        color: #fff;
        width: 220px !important;
        }
        
.alert a:link,
.alert a:visited {
        display: block;
        font-weight: bold;
        text-align: center;
        line-height: 33px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 1em;
}
        
input.continuebutton:hover,
input.submitbutton:hover,
button.continuebutton:hover,
button.submitbutton:hover,
.alert a.button:hover     {
        background: #ea5f66 url('../images/background-submit.png') top right repeat-x;
        color: #fff;
        }
        
.alert a.button-wide     {
        background: #ea5f66 url('../images/background-submit-wide.png') top left repeat-x;
        width: 270px !important;
        color: #fff;
        letter-spacing: -1px;
        }
        
.alert a.button-wide:hover     {
        background: #ea5f66 url('../images/background-submit-wide.png') top right repeat-x;
        width: 270px !important;
        color: #fff;
        letter-spacing: -1px;
        }
        
#MBCHOICE2 input.continuebutton,
#MBCHOICE2 input.submitbutton,
#MBCHOICE2 button.continuebutton,
#MBCHOICE2 button.submitbutton,
#MBCHOICE3 input.continuebutton,
#MBCHOICE3 input.submitbutton,
#MBCHOICE3 button.continuebutton,
#MBCHOICE3 button.submitbutton     {
        background: #ea5f66 url('../images/background-button-long.png') top left repeat-x;
        color: #fff;
        width: 165px !important;
        }
        
#MBCHOICE2 input.continuebutton:hover,
#MBCHOICE2 input.submitbutton:hover,
#MBCHOICE2 button.continuebutton:hover,
#MBCHOICE2 button.submitbutton:hover,
#MBCHOICE3 input.continuebutton,
#MBCHOICE3 input.submitbutton,
#MBCHOICE3 button.continuebutton,
#MBCHOICE3 button.submitbutton     {
        background: #ea5f66 url('../images/background-button-long.png') top right repeat-x;
        color: #fff;
        }
        
input.viewchangebutton  {
        width: 87px !important;
        }

.formoptions    {
        border-top: 1px solid #d4d4d4;
        }
        
form.home       {
        float: left;
        width: 100%;
        border: 0px solid #d4d4d4;
        border-top: 1px solid #d4d4d4;
        padding: 1.5em 0;
        min-height: 1%;
        }

.submit-wrap    {
        border-top: 0px solid #d4d4d4;
        padding: 0;
        margin-bottom: 1.14em;
        }

.submit-wrap input      {
        float: none;
        }
                
.submit-wrap h3 {
        font-size: 1em;
        font-weight: bold;
        }

.submit-wrap p  {
        float: none;
        margin: 0;
        text-align: left;
        }

.format,
.submit-wrap p.format   {
        margin-bottom: 1.5em;
        }
/*
=8. tables
============================
*/

#welcomePageTable       {
        margin-bottom: 0;
        }
        
#container table        {
        width: 100%;
        margin: 0 auto 1.5em auto;
        border: 0px solid #ccd0d4;
        clear: both;
        float: none;
        }

#container table table  {
        margin: 0;
        padding: 0;
        }
                
#container th,
#container td   {
        border-collapse: collapse;
        border: 0px solid #ccd0d4;
        }

#container th   {
        font-weight: bold;
        text-align: left;
        color: #000;
        }

#container tfoot td.col2   {
        text-align: right;
        }

.negative,
#container tfoot td strong.negative     {
        color: #005891;
        font-weight: bold;
        }

#container tfoot a:link,
#container tfoot a:visited,
#container tfoot a:hover,
#container tfoot a:active,
#container tfoot a:focus   {
        }

#container tfoot a:hover,
#container tfoot a:active,
#container tfoot a:focus   {
        }

#container tbody td     {
        border-collapse: separate;
        }

#container table.noborder-bot,
#container table.details,
#container table.ruler,
#container table.datablock      {
        border: 0px solid #ccc;
        }

#container table.details th,
#container table.details td,
#container table.ruler th,
#container table.ruler td,
#container table.noborder-bot th,
#container table.noborder-bot td,
#container table.datablock th,
#container table.datablock td   {
        padding: 0.5em 0.5833em;
        border-collapse: collapse;
        border: 1px solid #ccc;
        border-width: 0 0 1px 0;
        vertical-align: top;
        background-color: #fff;
        }

#container table.details th,
#container table.ruler th,
#container table.noborder-bot th,
#container table.datablock th   {
        font-family: Arial, Helvetica, sans-serif;
        text-align: left;
        background-color: #F0F1F1;
        color: #000;
        font-size: 1em;
        font-weight: bold;
        line-height: 1.5;
        padding: 0.3257em 0.5em;
        }

#MBCHOICE1 #container table.noborder-bot tr.hide th,
#container table.noborder-bot tr.hide th   {
        border: 0px solid;
        }

#MBCHOICE1 #container table.details,
#container table.noborder-bot   {
        border-bottom: 0px solid;
        border-collapse: separate;
        }

#MBCHOICE3 #container table.ruler th.col1,
#MBCHOICE3 #container table.ruler td.col1,
#MBCHOICE3 #container table.ruler th.col2,
#MBCHOICE3 #container table.ruler td.col2   {
        width: 27%;
        }

#MBCHOICE3 #container table.ruler th.col3,
#MBCHOICE3 #container table.ruler td.col3   {
        width: 16%;
        }

#MBCHOICE3 #container table.ruler th.col4,
#MBCHOICE3 #container table.ruler td.col4   {
        width: 27%;
        }

#MBCHOICE3 #container table.ruler thead td.col4,
#MBCHOICE3 #container table.ruler tfoot td.col1,
#MBCHOICE3 #container table.ruler tfoot td.col2,
#MBCHOICE3 #container table.ruler tfoot td.col3   {
        width: auto
        }

#container table.td25 td   {
        width: 25%;
        }

caption {
        text-align: left;
        }
        
tr.ruled        {
        background-color: #f2f2f2;
        position: relative;
        width: auto;
        }
        
#container table.details tfoot td,
#container table.ruler tfoot td,
#container table.noborder-bot tfoot td,
#container table.datablock tfoot td       {
        background-color: #ECECED;
        font-weight: bold;
        }
        
#container table.details tfoot   {
        background-color: #ECECED;
        }
        
#container table.details tfoot td       {
        background-color: #ECECED;
        font-weight: bold;
        }
        
#container table.details tfoot td div,
#container table.ruler tfoot td div,
#container table.noborder-bot tfoot td div,
#container table.datablock tfoot td div       {
        font-weight: normal;
        }
        
fieldset fieldset table {
        border-collapse: collapse;
        border: 0px solid #ccd0d4;
        width: 100%;
        }
/*Table column spacing and formatting*/

th.td1  {
        width: 10%;
        }

th.td2  {
        width: 15%;
        }

th.td3  {
        width: 15%;
        }

th.td4  {
        width: 15%;
        }

th.td5  {
        width: 10%;
        }

th.td6  {
        width: 10%;
        }

th.td7  {
        width: 7%;
        }

th.td8  {
        width: 18%;
        }

th.td31 {
        width: 31%;
        }
        
td.heading em   {
        }

table.td20 td   {
        width: 20%;
        vertical-align: top;
        }

table.td25 td   {
        width: 32.5%;
        vertical-align: top;
        }

table.pd1 td    {
        width: 25%;
        vertical-align: top;
        }

table.td25 td.parameter {
        width: 17.5%;
        }

#container #flexhow th   {
        text-align: left;
        background-color: transparent;
        color: #1B4B89;
        font-size: 1em;
        font-weight: bold;
        line-height: 1.5;
        padding: 0 0.5em;
        border-bottom: 0;
        border-right: 0px solid #ccc;
        text-align: left;
        }

#container #flexhow td   {
        background-color: transparent;
        font-size: 1em;
        line-height: 1.5;
        padding: 0 0.5em;
        border-bottom: 0;
        border-right: 0px solid #ccc;
        }

#container #flexhow tfoot td   {
        padding: 0 0.25em;
        text-align: left;
        }

#MBCHOICE2 #container table.td25 th,
#MBCHOICE2 #container table.td25 td   {
        border-right: 0px solid #f7f7f7;
        }

#MBCHOICE2 #container table.td25 .col1,
#MBCHOICE2 #container table.td25 .col3,
#MBCHOICE3 #container table.td25 .col1,
#MBCHOICE3 #container table.td25 .col3,
#MBCHOICE4 #container table.td25 .col1,
#MBCHOICE4 #container table.td25 .col3   {
        width: 22% !important;
        }

#MBCHOICE2 #container table.td25 .col2,
#MBCHOICE2 #container table.td25 .col4,
#MBCHOICE3 #container table.td25 .col2,
#MBCHOICE3 #container table.td25 .col4,
#MBCHOICE4 #container table.td25 .col2,
#MBCHOICE4 #container table.td25 .col4   {
        text-align: right;
        }

/*#MBCHOICE2 #container table #p_flexhow,
#MBCHOICE2 #container table #p_flexsal,
#MBCHOICE3 #container table #p_flexhow,
#MBCHOICE3 #container table #p_flexsal,
#MBCHOICE4 #container table #p_flexhow,
#MBCHOICE4 #container table #p_flexsal   {
        width: 13% !important;
        }

#MBCHOICE2 #container table.td25 td,
#MBCHOICE2 #container table.td25 td,
#MBCHOICE3 #container table.td25 td,
#MBCHOICE3 #container table.td25 td   {
        width: 37%;
        }

*/#MBCHOICE4 #container table.td25 th,
#MBCHOICE4 #container table.td25 td   {
        width: 29%;
        }

#MBCHOICE4 #container table.td25 td.col1,
#MBCHOICE4 #container table.td25 td.align   {
        width: 13%;
        }

#MBCHOICE4 #container #table5 th,
#MBCHOICE4 #container #table5 td   {
        width: 25%;
        text-align: left;
        }

.colwidth       {
        width: 10em;
        }

.colwidth-wide  {
        width: 11em;
        }

.noborder-bot #benefitcosts,
#flexhow .align,
.align,
#container #flexhow #componentcost  {
        text-align: right;
        }
        
#container .noborder-bot #benefitcosts  {
        text-align: right;
        }
        
.noborder-bot tbody td.align  {
        text-align: right;
        width: 11em;
        }
                
thead.aligned th        {
        text-align: center;
        }
        
.options        {
        background-color: #e3f3fd;
        color: #7f7f7f;
        }

.noborder       {
        border: 0px solid;
        }
        
td p    {
        margin: 0;
        }
        
/*#container div.showhidewrap   {
        width: 100%;
        display: block;
        background-color: #993333;
        clear: left;
        white-space: nowrap;
        }

#MBCHOICE1 #container table.details   {
        border-width: 1px 0px 1px 0px;
        }
        
#MBCHOICE1 #container table.details td  {
        border: 0px solid;
        }
        
#MBCHOICE4 #container table.td25 #terms {
        width: 200px;
        }
*/
        
#rulerImage     {
        width: auto;
        text-align: center;
        }

td.sideBar b    {
        }
        
/*
=9. logon styles
============================
*/

#logon-left-nav {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-image: none;
        background: #ffffff url('../images/background-leftnav-home.png') bottom left no-repeat;
        }

#logon h1,
#pwdreset h1,
#idreminder h1,
#popupinfo h1 {
        color: #000;
        font-size: 1.5em;
        line-height: 1;
        margin-bottom: 1em;
        text-transform: none;
        }

#logon-left-nav h2 {
        position: relative;
        top: 0;
        left: 50px;
        color: #d00000;
        width: 170px;
        text-transform: uppercase;
        }

#left   {
        position: relative;
        top: 150px;
        left: 40px;
        width: 170px;
        }
        
#left a:link,
#left a:visited {
        font-size: inherit;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #d00000;
        text-decoration: none;
        }

#left a:focus,
#left a:hover,
#left a:active  {
        color: #006699;
        }

#left ul        {
        border: 0px dashed #d6d3d6;
        margin: 1.5em 10px 1em 0;
        padding: 0 0 0 1em;
        list-style: none;
        }

#left ul li     {
        margin-bottom: 0.5em;
        list-style-image: none;
        }

#left li a      {
        display: block;
        width: 100%;
        }

#logon,
#pwdreset,
#idreminder,
#popupinfo   {
        /*background: #ffffff url('../images/background-main-home.png') bottom left no-repeat;
        background-attachment: fixed;*/
        background-color: #fff;
        background-image: none;
        margin: 0;
        padding: 0;
        width: 99%;
        }

#logon #container,
#pwdreset #container,
#idreminder #container,
#popupinfo #container   {
        margin: 0 3% 2em 3%;
        padding: 0;
        width: 94%;
        background: transparent url('../images/background-cube-2010.jpg') top right no-repeat;
        }

#logon #header h1   {
        background-image: none;
        width: 40px;
        }        

#logon #introduction,
#pwdreset #introduction,
#idreminder #introduction,
#popupinfo #introduction   {
        margin: 0 270px 0 40px;
        padding: 0;
        width: auto;
        }

#logon #logonbox,
#pwdreset #logonbox,
#idreminder #logonbox,
#popupinfo #logonbox   {
        margin: 0 270px 0 40px;
        padding: 12px;
        width: auto;
        border: 1px solid #ccc;
        }

#logon #logonbox h2,
#pwdreset #logonbox h2,
#idreminder #logonbox h2,
#popupinfo #logonbox h2   {
        border-width: 0px;
        }

#popupinfo #logonbox   {
        padding: 0;
        border: 0px solid #ccc;
        }

#logon form,
#pwdreset form,
#idreminder form,
#popupinfo form   {
        float: none;
        clear: both;
        position: relative;
        display: block;
        }

#logon p.linewrap,
#pwdreset p.linewrap,
#idreminder p.linewrap,
#popupinfo p.linewrap   {
        float: left;
        width: 100%;
        clear: both;
        }

#logon label,
#pwdreset label,
#idreminder label,
#popupinfo label   {
        float: left;
        width: 40%;
        margin: 0;
        }

#logon label   {
        float: left;
        width: 25%;
        margin: 0;
        }

#logon input,
#pwdreset input,
#idreminder input,
#popupinfo input   {
        float: left;
        width: 45%;
        padding: 2px;
        border: 1px solid #ccc;
        }

#logon ol,
#pwdreset ol,
#idreminder ol,
#popupinfo ol,
#logon ul,
#pwdreset ul,
#idreminder ul,
#popupinfo ul   {
        float: none;
        clear: both;
        padding: 0;
        list-style: none;
        }

#logon li,
#pwdreset li,
#idreminder li,
#popupinfo li   {
        padding: 0;
        list-style: none;
        }

#logon ol li,
#pwdreset ol li,
#idreminder ol li,
#popupinfo ol li   {
        margin: 0 auto;
        height: 33px;
        width: auto;
        display: inline;
        }

#logon button,
#pwdreset button,
#idreminder button,
#popupinfo button   {
        background: #fff url('../images/background-button-short.png') top left no-repeat;
        border: 0px solid #ccc;
        height: 33px;
        width: 82px;
        margin: 0;
        }

#logon button:hover,
#pwdreset button:hover,
#idreminder button:hover,
#popupinfo button:hover   {
        background: #fff url('../images/background-button-short.png') -82px 0 no-repeat;
        height: 33px;
        padding: 0;
        width: 82px;
        margin: 0;
        }

#pwdreset ol,
#idreminder ol,
#pwdreset ul,
#idreminder ul   {
        margin: 0 auto;
        height: 33px;
        position: relative;
        width: 252px;
        }

#logon ol   {
        margin: 0 auto;
        height: 33px;
        position: relative;
        width: 82px;
        }

#logon ul   {
        margin: 1.5em auto 0 auto;
        height: 33px;
        position: relative;
        width: 80%;
        }

#logon ul li   {
        margin: 0 auto;
        height: 33px;
        display: inline;
        float: left;
        }

#logon ul li.right   {
        float: right;
        }

#idreminder ol   {
        margin: 0 auto;
        height: 33px;
        position: relative;
        width: 169px;
        }

#pwdreset ol li,
#idreminder ol li   {
        float: left;
        }

#pwdreset button.submitbutton   {
        width: 165px;
        height: 33px;
        margin-left: 5px;
        background: #0099FF url('../images/background-button-long.png') top left no-repeat;
        }

#idreminder button.submitbutton {
        margin-left: 5px;
        }

#pwdreset button.submitbutton:hover   {
        width: 165px;
        background: #0099FF url('../images/background-button-long.png') top right no-repeat;
        height: 33px;
        }

/*#logon #header,
#pwdreset #header,
#idreminder #header,
#popupinfo #header      {
        position: relative;
        height: 97px;
        background: #F0DEDD  url('../images/logo.gif') top right no-repeat;
        margin-bottom: 33px;
        z-index: 500;
        }
        
#logon #header h1,
#pwdreset #header h1,
#idreminder #header h1,
#popupinfo #header h1   {
        position: absolute;
        top: 20px;
        left: 2%;
        height: 97px;
        width: 98%;
        background: transparent  url('../images/tagline.gif') top left no-repeat;
        }
        
#logon #header h2,
#pwdreset #header h2,
#idreminder #header h2,
#popupinfo #header h2   {
        position: absolute;
        top: 0;
        left: 0;
        height: 97px;
        width: 100%;
        background: transparent  url('../images/header.gif') -80px bottom no-repeat;
        }
        

#logon form,
#pwdreset form,
#idreminder form,
#popupinfo form {
        border-bottom: 1px solid #D8C4C3;
        margin-bottom: 1em;
        }
        
#logon form p,
#pwdreset form p,
#idreminder form p,
#popupinfo form p       {
        text-align: center;
        margin: 0 auto;
        margin-bottom: 1.5em;
        width: 60%;
        }
        
#logon label,
#pwdreset label,
#idreminder label,
#popupinfo label        {
        font-size: 1.1513em;
        line-height: 1.3028;
        color: #005890;
        display: block;
        width: 50%;
        margin-left: 22.5%;
        text-align: left;
        padding: 0;
        }
        
#logon label,
#pwdreset label,
#idreminder label,
#popupinfo label,
#logon input,
#pwdreset input,
#idreminder input,
#popupinfo input        {
        float: none;
        }
        
#logon span.input,
#pwdreset span.input,
#idreminder span.input,
#popupinfo span.input   {
        background: transparent url('../images/input-l.gif') center left no-repeat;
        padding: 10px 0;
        }
        
#logon span.input input,
#pwdreset span.input input,
#idreminder span.input input,
#popupinfo span.input input     {
        padding: 10px;
        border: 0px solid;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        background: transparent url('../images/input-r.gif') center right no-repeat;
        width: 50%;
        }
        
#formactions    {
        height: 50px;
        margin: 0 auto 1.5em auto;
        padding: 0;
        position: relative;
        width: 20%;
        }
        
#formactions li {
        background: transparent url('../images/submit-l.gif') center left no-repeat;
        padding: 10px 0;
        text-align: center;
        width: 45.9%;
        margin: 0 1%;
        list-style: none;
        }
        
#logon #formactions li  {
        margin: 0 auto;
        }
        
#pwdreset #formactions li,
#idreminder #formactions li,
#popupinfo #formactions li      {
        display: inline;
        float: left;
        }
        
#logon button.submitbutton      {
        padding: 10px;
        width: 100%;
        border: 0px solid;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #ffffff;
        font-size: 1em;
        margin: 0;
        background: transparent url('../images/submit-r.gif') center right no-repeat;
        }
        
#pwdreset button.submitbutton,
#idreminder button.submitbutton,
#popupinfo button.submitbutton  {
        padding: 10px;
        width: 100%;
        border: 0px solid;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #ffffff;
        font-size: 1em;
        margin: 0;
        background: transparent url('../images/submit-r.gif') center right no-repeat;
        }
*/              
#IF_popup_concurrency   {
   position: absolute;
   z-index: 998;
   width: 700px;
   height: 430px;
   background-color: #fafafa;
   border: 10px solid #f15c26;
   display: none;
   top: 100px;
   left: 50px;
   }

#IF_popup_alert {
   position: absolute;
   z-index: 999;
   width: 700px;
   height: 430px;
   background-color: #fafafa;
   border: 10px solid #f15c26;
   display: none;
   top: 100px;
   left: 50px;
   }


/*Inherited from ePA and used*/ 

/*Buttons*/
/*Page Heading - SHDTX- */
/*td.pageHeading        {
        font-size: 1.5em;
        line-height: 1;
        }
*/
/*Table Sub Heading*/
tr.headlightyellow,
td.headlightyellow      {
        }
        
td.headlightyellow      {
        padding: 0;
        margin: 0;
        }
        
/*Subheadings*/

.subheading1{
          font-size:1em;
   }


/*Text labels and column headings*/
.promptclass,
.PROMPTCLASS    {
        font-weight: bold;
        font-size: 0.9em;
        }

/*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}

/* ePA Table inputs and select options*/

/*table input, table select       {
        margin: 0;
        padding: 0;
        width: auto;
        clear: none;
        font-size: 1em;
        color: #0A1633;
        float: none;
        }
*/
/*
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}
  
   
/*Inherited from ePA but not yet analysed

   a.dataexist{ font-size:.9em; font-weight:bold; color:#000062 }

   td.bold{ font-size:1em; font-weight:bold}
   td.default{ font-size:1em; color:#0A1633;}
   td.homepage{ font-size:1.1em; line-height:30px;}
   td.logon{ font-size:1em; color:000000}
   td.scrollbutton{ font-size:1em;}
   td.ext{ font-size:1.1em; font-weight:bold; color:#663399;}
   td.headgold{ font-size:.9em; font-weight:bold; COLOR:cccc99}
   td.white{ font-size:1em; COLOR:white}
   td.big{ font-size:1em; }

   tr.lightyellow{ font-size:1em; COLOR:black; background-color:lightyellow}
   tr.oddrow{ font-size:1em; COLOR:#000000; background-color:#FFFFF0}
   tr.evenrow{ font-size:1em; COLOR:#000000; background-color:#E6E6FA}

   big{ font-size:1em; font-weight:normal}
   small{ font-size:1em; font-weight:normal }
   
   td.headwhite{ font-size:.8em; font-weight:bold; COLOR:white}
   td.subhead{ font-size:.9em; }
   td.smallhead{ font-size:1em; font-weight:normal}
   td.red{ font-size:1.1em; font-weight:bold; color:CC0000}

   .backg_and_color_class{ font-size:.9em; font-style:italic; background-color:silver; color:darkgreen; font-weight:bold;}
   
   .enrolbuttonclass{ text-align:left; font-size:1em; font-weight:bold; background-color:#f0f0f0; color:#bae5fa; border:0px none;}
 
   td.enrolSubHeading{ font-size:1em; font-weight:bold; background-color:#bae5fa; color:#0A1633}

   .descclass{ font-size:.9em; cursor:default; color:#0A1633; border-width:0; }
   
   .btxt{font-family:verdana;
         font-size:8pt;
         color:darkblue;
         font-weight: bold;
         background-color:#E6E6FA;
         cursor:pointer;}
   .btn{height:27px;
        cursor:pointer;}
   .bs0{font-family:Wingdings;
        font-size:8pt;
        color:white;
        background-color:green;
        cursor:pointer;}
   .bs1{font-family:'Wingdings 3';
        font-size:9pt;
        color:white;
        background-color:green;
        font-weight: bold;
        cursor:pointer;}
   .bs2{font-family:'Wingdings 3';
        font-size:9pt;
        color:blue;
        background-color:orange;
        font-weight: bold;
        cursor:pointer;}
   .bs3{font-family:'wingdings 2';
        font-size:9pt;
        color:blue;
        background-color:orange;
        font-weight: bold;
        cursor:pointer;}
   .bs4{font-family:'Wingdings 2';
        font-size:9pt;
        color:white;
        background-color:green;
        font-weight: bold;
        cursor:pointer;}
   .bs5{font-family:'Wingdings 2';
        font-size:9pt;
        color:white;
        background-color:red;
        font-weight: bold;
        cursor:pointer;}
   .bs6{font-family:MS Outlook;
        font-size:9pt;
        color:white;
        background-color:green;
        font-weight: bold;
        cursor:pointer;}
   .bs7{height:20px;
        width:18px;
        cursor:pointer;}
   .bs8{font-family:'Wingdings 3';
        font-size:9pt;
        color:midnightblue;
        background-color:#E6E6FA;
        font-weight: bold;
        cursor:pointer;}
   .bs9{font-family:Webdings;
        font-size:8pt;
        color:white;
        background-color:green;
        cursor:pointer;}
   .bs10{font-family:Webdings;
        font-size:8pt;
        color:white;
        background-color:red;
        cursor:pointer;}
   .bs11{font-family:Webdings;
        font-size:8pt;
        color:blue;
        background-color:orange;
        cursor:pointer;}
     
   
   .DCpageHeading{ font-size:24px; font-weight:bold; font-family:'Arial'; color:#c0c0c0}
   .DCsubHeading{ font-size:13px; font-weight:bold; font-family:'Arial'; color:#c0c0c0}
   .DCsubHelp{ font-size:10px; font-family:'Verdana'; color:#999999}
   .DCHelp{ font-size:11px; font-family:'Verdana';  color:#999999;}
   .DCsectionHeading{ font-size:12px; font-family:'Verdana'; font-weight:bold;  color:midnightblue; }
   .DCtext{ font-size:12px; font-family:'Verdana';  color:#000000;}
   a.DClink:link{ font-size:12px; font-family:'Verdana';  color:BLUE; text-decoration: none}
   a.DClink:active{ font-size:12px; font-family:'Verdana'; color:BLUE; text-decoration: none}
   a.DClink:visited{ font-size:12px; font-family:'Verdana';  color:BLUE; text-decoration: none}
   a.DClink:hover{ font-size:12px; font-family:'Verdana';  color:RED; text-decoration: none}




*/

/* 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: 504px;
                height: 200px;
                overflow: hidden; 
                }       

        /* numeric controls */  

        ol#controls     {
                margin: 12px 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;
                height: 18px;
                line-height: 1;
                border: 1px solid #c5c4c4;
                background: #e4e2e2;
                color: #aaa;
                padding: 3px 8px 0;
                text-decoration: none;
        font: 100% Arial, Helvetica, Sans-Serif;
                }
                
        ol#controls li.current a        {
                background-color: #c5c4c4;
                color: #fff;
                font-weight: bold;
                border: 1px solid #999;
                }
                
        ol#controls li a:focus  {
                }

        .slider { 
                }       
                
        .slider ul      {
                width: 2016px;
                }

        #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.item1 {
                background: transparent url('../images/reminder-item1.jpg') bottom right no-repeat;
                } 
        
        
        li.item2 {
                background: transparent url('../images/reminder-item2.jpg') bottom left no-repeat;
                }
        
        li.item3 {
                background: transparent url('../images/reminder-item3.jpg') bottom left no-repeat;
                }
        
        li.story div    {
                padding: 10px;
                margin: 0;
                }
        
        li.story h4     {
                background-color: #ff4e2c;
                color: #fff;
                padding: 3px 6px;
                width: 43%;
                font-size: 1.3333em;
                margin-bottom: 11px;
                }
        
        li.item1 h4     {
                width: 52%;
                }
        
        li.story p      {
                margin-bottom: 0px;
                color: #fff;
                font-weight: bold;
                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 */
#statuslink  {
        position: fixed;
        top: 140px;
        left: 25px;
        font-weight: bold;
        text-decoration: none;
        display: block;
        width: 134px;
        height: 50px;
        background-color: #F0F1F1;
        vertical-align: top;
        padding: 9px 10px 9px 20px;
        z-index: 4000;
        }
#statuslink:link, 
#statuslink:visited  {
        color: #d00;
        }
#statuslink:hover,
#statuslink:active, 
#statuslink:focus  {
        color: #069;
        }

a.complete {
        background: #fff url('../images/enstatus.png') 100% 0px no-repeat;
        }

a.in-progress {
        background: #fff url('../images/enstatus.png') 100% -100px no-repeat;
        }

a.not-started {
        background: #fff url('../images/enstatus.png') 100% -200px no-repeat;
        }
#statuslink
        
h1 span.not-started {
        color: #C00;
}

h1 span.in-progress {
        color: #F63;
}

h1 span.complete {
        color: #093;
}