/*

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

#container span.annual,
#container span.monthly,
#container span.showmonth,
#container span.showyear	{
	display: none;
	}

#flexallspent.show,
#flexallow2.show,
#flexallbal.show,
#flexhow.show,
#flexsal.show	{
	width: 0px;
	position: absolute;
	left: -9999px;
	overflow: hidden;
	}

#flexallspent,
#flexallow2,
#flexallbal,
#flexallspent.hide,
#flexallow2.hide,
#flexallbal.hide,
#flexhow.hide,
#flexsal.hide	{
	position: relative;
	width: 100%;
	left: 0;
	}

#flexallow {
  display: block;
  width: 100%;
  text-align: right;
  padding: .25em;
  }
#container div.showhidewrap	{
	clear: left;
	width: 100%;
	display: block;
	white-space: nowrap;
	}
	
body	{
	background: #ffffff url('../images/body-background.jpg') top right no-repeat;
	background-attachment: fixed;
	}

#MBCHOICE1 #container table.details	{
	position: relative;
	width: 100%;
	left: 0;
	}
	
.rowhide	{
	visibility: collapse;
	}

.rowshow	{
	visibility: visible;
	}

.hidemonth,
.hideyear	{
	display: inline;
	}

.showmonth,
.showyear	{
	display: none;
	}

td img	{
	position: absolute;
	}

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

#section1img,
#section2img,
#section3img,
#section4img	{
	position: relative;
	}

#container div.showhidewrap	{
	clear: left;
	width: 100%;
	display: block;
	white-space: nowrap;
	}
	
/*
=4. typography
============================
*/

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

.positive	{
	}

h3 em	{
	color: inherit;
	}

noscript h2     {
	color: #a7193f;
	}

.noborder-bot tfoot td  {
	text-align: right;
	}
	
th strong       {
	text-decoration: underline;
	color: #14456A;
	font-style: italic;
	}
	
.nofloat
	{
	position: relative;
	float: none;
	clear: both;
	}
	
#footer p       {
	position: absolute;
	top: 0.18em;
	color: #ffffff;
	font-size: 0.8em;
	right: 2%;
	}

.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;
	}
	
strong.highlight	{
	color: #39b44a;
	text-decoration: underline;
	font-weight: normal;
	}

em.highlight    {
	color: #39b44a;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	}

.hilite  {
	font-weight: bold;
	color: #39b44a;
	}

ul.cookietrail  {
	margin: 0;
	float: left;
	margin-bottom: 1.5em;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #999999;
	width: 100%;
	border-bottom: 0px solid #ccd0d4;
	}
	
ul.cookietrail li       {
	display: inline;
	float: left;
	margin: 0;
	margin-right: 1%;
	padding: 0.15em 0.5%;
	width: 23%;
	border: 1px solid #ccd0d4;
	text-align: center;
	}
	
ul.cookietrail li.end   {
	background-image: none;
	margin: 0;
	}
	
ul.cookietrail li em    {
	color: #4853a3;
	font-style: normal;
	}

.inline {
	display: inline;
	padding-right: 0.3em;
	}
	
/* 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;
	}


#reminder p strong      {
	color: #ffffff;
	}
	

span.nitax      {
	background: transparent url('../images/nitax.gif') top left no-repeat;
	width: 17px;
	height: 13px;
	float: left;
	padding-top: 3px;
	}

span.nitax em   {
	width: 0px;
	position: absolute;
	left: -9999px;
	overflow: hidden;
	}
	
.hang   {
	float: left;
	padding-left: 5px;
	}
	
body.tancsubmit ul ul {
  list-style-type: none;
  }
/*
=5. layout
============================
*/

#container      {
	padding: 0 2em;
	}

#containerwelcome       {
	float: none;
	position: relative;
	padding-left: 3%;
	padding-right: 0;
	margin-right: 260px;
	}

#container p,
#containerwelcome p     {       
	float: none;
	width: auto;
	}

#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: #ffffff url('../images/body-background.jpg') top right no-repeat;
	background-attachment: fixed;
	}

#wait p {
	padding: 0;
	margin: 0;
	margin-top: 20%;
	color: #4853a3;
	font-size: 1.5em;
	}

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

#header h1      {
	position: absolute;
	left: 444px;
	bottom: 0;
	width: 160px;
	height: 31px;
	margin: 0;
	padding: 0;
	background: transparent url('../images/brand.gif') top left no-repeat;
	}
	
#reminder       {
	float: right;
	clear: both;
	padding: 0 0 1em 0;
	margin: 0 -230px 1em 0;
	width: 200px;
	min-height: 190px;
	border: 1px solid #959cc6;
	min-height: 37em;
	background: #e9eaee url('../images/reminder-background.jpg') bottom left no-repeat;
	}
	
#reminder h3    {
	padding: 0 7px;
	width: 186px;
	line-height: 1.5;
	font-weight: bold;
	font-size: 1.5em;
	margin-bottom: 1em;
	color: #fff;
	background-color: #959cc6;
	}

#reminder p     {
	padding: 0 7px;
	color: #332322;
	margin-bottom: 0.75em;
	}

#reminder em    {
	white-space: nowrap;
	color: #332322;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 1.3158em;
	display: block;
	}


#reminder p.reminderlink	{
	text-align: center;
	}
	
#makechoices	{
	border: 0px solid;
	}
	
#pensionlink,
#flexlink       {
	float: left;
	width: 45%;
	margin-right: 2%;
	border: 1px dashed #d4d4d4;
	padding: 1.5em 1em;
	padding-bottom: 0;
	margin-bottom: 1.5em;
	}

#pensionlink    {
	width: 24%;
	padding-bottom: 50px;
	background: #ffffff url('../images/nest.jpg') bottom right no-repeat;
	}

#flexlink       {
	width: 65%;
	}

.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: #ffffff url('../images/footer-background.gif') top left repeat-x;
	height: 40px;
	border-top: 0px solid #d8d6d8;
	}
	
.clear  {
	clear: both;
	}
	
h2.clear	{
	padding-top: 1em;
	}

#MBCHOICE4 h2.clear     {
	padding-top: 0;
	}

#printoption {
	font-weight: bold;
	}

#pensioninvestmentlink {
	float: left; 
	padding: 0; 
	}

#container p.toggle{
float: right;
background: transparent url('../images/tableft.gif') left 1px no-repeat;
padding: 0;
margin: -3.3em 0 1em 0;
}

#MBCHOICE2 #container p.toggle{
}

#MBCHOICE3 #container p.toggle{
}

#MBCHOICE4 #container p.toggle{
}

#togglebutton strong{
width: 100%;
display: block;
padding: 2px 1em 1px 0;
margin: 0;
text-align: center;
background: transparent url('../images/tabright.gif') right 1px no-repeat;
cursor: pointer;
text-decoration: underline;
}

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

/*Top navigation setup*/

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

#menu2	{
	background: transparent url('../images/menu2.gif') top left no-repeat;
	}

#menu3	{
	z-index: 105;
	marg in-left: 11px;
	background: transparent url('../images/menu3.gif') top left no-repeat;
	width: 88px !important;
	}

#menu4	{
	z-index: 115;
	margin-left: 5px;
	background: transparent url('../images/menu4.gif') top left no-repeat;
	width: 119px !important;
	}

#menu5	{
	z-index: 125;
	margin-left: 6px;
	background: transparent url('../images/menu5.gif') top left no-repeat;
	width: 72px !important;
	border-right: 0px solid #fff !important;
	}

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

#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: 20px;
	pad ding-bottom: 2px;
	width: 100%;
	background-image: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
	}

#home_menu	{
	top: 0;
	width: 100%;
	padding-top: 2px;
	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: 20px;
	background-color: #EDF4FC;
	color: #332322;
	}

.dropdownMenu	 {
	visibility:inherit;
	cursor:default;
	font-style: normal;
	font-weight: normal;
	padding: 3px 10px;
	color: #332322;
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border:	0px solid #fff;
	font-size: 11px;
	text-transform: none;
	}
	
#d	{
	border:	0px solid #fff;
	padding: 0;
	}
	
#menu200	{
	border:	0px solid #c6bacc;
	border-color: #c6bacc !important;
	border-width: 0px 1px 1px 1px !important;
	}

#menu300	{
	margin-left: 0;
	border:	0px solid #a89aae;
	border-color: #c6bacc !important;
	border-width: 0px 1px 1px 1px !important;
	}

#menu400	{
	margin-left: 4px;
	border:	0px solid #c6bacc;
	border-color: #c6bacc !important;
	border-width: 0px 1px 1px 1px !important;
	}

#menu500	{
	margin-left: 6px;
	border:	0px solid #c6bacc;
	border-color: #c6bacc !important;
	border-width: 0px 1px 1px 1px !important;
	}

.ddMenuMout,
.ddMenuMover		{
	cursor:default;
	font-size: 11px;
	padding: 3px 10px;
	font-style: normal;
	font-weight: normal;
	color: #332322;
	background-color: #fff;
	border:	0px solid #fff;
	text-transform: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
.ddMenuMover		{
	cursor: pointer;
	padding: 3px 10px;
	background-color: #959cc6;
	color: #fff;
	text-transform: none;
	text-decoration: underline;
	}

 /*Left navigation setup */
 
 #LineLayer	{
	background: transparent url('../images/left-nav-border.gif') top right repeat-y;
	}

#HeadLayer	{
	width: 110px;
	background: #fff url('../images/top-curves.gif') 0 55px no-repeat;
	border-top: 1px solid #a89aae;
	}
		
#DataLayer	{
	background: transparent url('../images/left-nav-border.gif') top right repeat-y;
	width: 110px;
	}
		
#posLayer	{
	width: 110px;
	background: #ffffff url('../images/left-nav-curve.gif') 0 50px no-repeat;
	}
	
#upscrollLayer,
#dnscrollLayer	{
	color: #0077be;
	background-color: #fff;
	}

#upscrollLayer	{
	margin-top: 0;
	background-color: #fff;
	}

#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: 110px;
	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 table	{
	width: 110px;
	}
	
#HeadLayer td.sideBar	{
	font-size: 12px;
	background-color: transparent;
	padding: 0;
	font-weight: normal;
	color: #c6252b;
	}

#HeadLayer td.sideBar b	{
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0px;
	color: #494a4d;
	}

#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;
	}

#HeadLayer .sideBar	{
	color: #f6851f;
	}

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

td.sideBar b	{
	color: #666666;
	}

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

#DataLayer a.sideBar:link,
#DataLayer a.sideBar:visited	{
	font-size: 1em;
	display: block;
	width: 97px;
	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;
	}

#DataLayer a.sideBar:hover,
#DataLayer a.sideBar:active,
#DataLayer a.sideBar:focus	{
	text-decoration: underline;
	}

a.sideBar:link,
a.sideBar:visited	{
	color: #494a4d;
	}

a.sideBar:hover,
a.sideBar:active,
a.sideBar:focus	{
	color: #c6252b;
	text-decoration: none;
	}
	
/* User Toolbar setup */

#idPrintLogoff	{
	background: transparent url('../images/idprint-background.gif') top left no-repeat;
	height: 22px;
	padding: 0;
	margin-top: 1px;
	width: 230px;
	}
	
#idPrintLogoff table		{
	width: auto;
	margin: 0;
	padding: 0;
	border: 0px solid #9ea0a2;
	background-image: none;
	border-collapse: collapse;
	}
	
#idPrintLogoff table td {
	margin: 0;
	padding: 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	{
	text-decoration: underline;
	}

#switchLink  {
	position: absolute;
	z-index: 2;
	top: 0;
	right: 2%;
	width: auto;
	font-size: 1em;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background: #f47e53 url('../images/switch.gif') bottom left no-repeat;
	}
	
#switchLink a  {
	display: block;
	width: 6.5em;
	background: transparent url('../images/switch-r.gif') bottom right no-repeat;
	padding: 0.25em 0.45em 0.55em;
	}
	
#switchLink a:link,
#switchLink a:visited  {
	color: #fff;
	text-decoration: none;
	}
	
#switchLink a:hover,
#switchLink a:active  {
	color: #cccccc;
	text-decoration: underline;
	}
	
#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   {
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	width: 100%;
	color: #605E5F;
	}
		
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;
	}
	
#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,
.BUTTON,
.BUTTONCLASS    {
	background: #e7e7e8 url('../images/greys ubmit.gif') center left repeat-x;
	color: #605e5f;
	font-size: 0.9em;
	padding: 4px 0;
	margin-right: 1em;
	width: auto;
	border: 1px solid #d4d4d4;
	}

input.homebutton	{
	width: 14.5em;
	}

input.backbutton	{
	width: 17em;
	}

#MBCHOICE3 input.backbutton {
  width: 18em;
  }

input.homebutton	{
	width: 6em;
	}

input.resetbutton       {
	width: 15em;
	}

input.savebutton	{
	width: 15.5em;
	}

input.continuebutton    {
	width: 20em;
	}

input.submitbutton      {
	width: 17em;
	}

input.continuebutton,
input.submitbutton,
button.continuebutton,
button.submitbutton     {
	background: #ea5f66 url('../images/sub mit.gif') center left repeat-x;
	color: #f7f7f7;
	padding: 2px 0;
	border: 1px solid #9c252b;
	}
	
input.viewchangebutton  {
	width: 9em;
	}

.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    {
	float: left;
	clear: both;
	width: 100%;
	border: 0px solid #d4d4d4;
	border-top: 0px solid #d4d4d4;
	padding: 0;
	}

.submit-wrap input      {
	margin: 0.25em 1em 1em 0;
	padding: 2px 0;
	}
		
.submit-wrap h3 {
	font-size: 1em;
	font-weight: bold;
	}

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

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

#container table	{
	width: 100%;
	padding: 0;
	margin-bottom: 1.5em;
	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;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	color: #4853a3;
	background: #e9e8ef url('../images/thead-background.gif') bottom left repeat-x;
	background: #ECF3FB url('../images/tfoo t-background.gif') bottom left repeat-x;
	}

#container tfoot td strong   {
	color: #4853a3;
	}

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

#container tfoot a:link,
#container tfoot a:visited,
#container tfoot a:hover,
#container tfoot a:active,
#container tfoot a:focus   {
	color: #494A4D;
	}

#container tfoot a:hover,
#container tfoot a:active,
#container tfoot a:focus   {
	color: #c6252b;
	text-decoration: none;
	}

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

#container table.noborder-bot,
#container table.details,
#container table.ruler,
#container table.datablock      {
	width: 100%;
	margin: 0 auto 1.5em auto;
	border: 1px 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   {
	text-align: left;
	background: #e9e8ef url('../images/thead-background.gif') bottom left repeat-x;
	background: #959CC6 url('../images/tfoo t-background.gif') bottom left repeat-x;
	color: #f7f7f7;
	font-size: 1.1513em;
	font-weight: bold;
	line-height: 1.3028;
	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;
	}

#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: #959CC6 url('../images/tf oot-background.gif') bottom left repeat-x;
	background: #f7f7f7 url('../images/tfoo t-background.gif') bottom left repeat-x;
	font-weight: bold;
	color: #4853a3;
	}
	
#container table.details tfoot   {
	background: #959CC6 url('../images/tfo ot-background.gif') bottom left repeat-x;
	background: #f7f7f7 url('../images/tfoo t-background.gif') bottom left repeat-x;
	}
	
#container table.details tfoot td	{
	background: #959CC6 url('../images/tfoo t-background.gif') bottom left repeat-x;
	background: #f7f7f7 url('../images/tfoo t-background.gif') bottom left repeat-x;
	font-weight: bold;
	color: #4853a3;
	}
	
#MBCHOICE1 #container table.ruler #addrow td,
#MBCHOICE1 #container table.ruler #addfoot td     {
	background: #f7f7f7 url('../images/tfoo t-background.gif') bottom left repeat-x;
	font-weight: bold;
	color: #4853a3;
	}
	
#MBCHOICE1 #container table.ruler #addfoot td input     {
	width: 108px;
	}
	
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: #4853a3;
	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: 1px solid #f7f7f7;
	}

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

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

#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 td,
#MBCHOICE4 #container table.td25 td   {
	width: 29%;
	}

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

.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-color: #fff;
	}

#left   {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 110px;
	min-height: 200px;
	background: #fff url('../images/login-left-nav-curve.gif') top right no-repeat;
	}
	
#left ul	{
	border: 0px dashed #d6d3d6;
	margin: 1.5em 10px 1em 0;
	padding: 0 0 0 1em;
	list-style: none;
	}

#left li	{
	margin-bottom: 0.5em;
	}

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

#logon,
#pwdreset,
#idreminder,
#popupinfo      {
	width: 98%;
	}

#logon #container,
#pwdreset #container,
#idreminder #container,
#popupinfo #container   {
	margin: 2em 0;
	padding: 0;
	}

#logon #introduction,
#logon #logonbox,
#pwdreset #introduction,
#pwdreset #logonbox,
#idreminder #introduction,
#idreminder #logonbox,
#popupinfo #introduction,
#popupinfo #logonbox    {
	float: left;
	width: 41%;
	padding: 0;
	margin-left: 3%;
	padding-top: 1.5em;
	}

#logon #logonbox,
#pwdreset #logonbox,
#idreminder #logonbox,
#popupinfo #logonbox    {
	border: 1px solid #cccccc;
	background-color: #E9EAEE;
	padding-top: 0;
	margin-top: 0.5em;
	}
	
#logonnested,
#popupinfo #logonbox    {
	margin-bottom: 7px;
	padding: 1.5em 12px 0 1.5em;
	}
	
#logon p,
#pwdreset p,
#idreminder p   {
	position: relative;
	float: none;
	display: block;
	clear: both;
	margin-bottom: 1.5em;
	}

#logonbox h2,
#pwdreset h2,
#idreminder h2  {
	line-height: 1.5;
	font-weight: bold;
	font-size: 1.5em;
	color: #fff;
	background-color: #959cc6;
	margin-bottom: 0;
	padding: 0.5em 1em;
	}

#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%;
	margin-bottom: 1.5em;
	}

#logon label,
#logon input,
#pwdreset label,
#pwdreset input,
#idreminder label,
#idreminder input       {
	float: left;
	width: 32%;
	margin: 0;
	padding: 0;
	margin-right: 1%;
	}

#logon input,
#pwdreset input,
#idreminder input       {
	width: 40%;
	padding: 1px 0;
	border: 1px solid #d4d4d4;
	}
	
#logon button,
#pwdreset button,
#idreminder button      {
	padding: 0;
	border: 1px solid #d4d4d4;
	margin: 0;
	}
	
#logon input.button,
#logon button.button    {
	margin-left: 33%;
	width: 4.5em;
	padding: 2px 0;
	}

#pwdreset input.button,
#idreminder input.button,
#pwdreset button.button,
#idreminder button.button       {
	margin-left: 0;
	width: 4.5em;
	padding: 2px 0;
	}

#pwdreset button.submitbutton       {
	margin-left: 0;
	width: 13.5em;
	padding: 2px 0;
	}

#formactions    {
	float: none;
	clear: both;
	padding: 0;
	margin: 0;
	margin-bottom: 1em;
	list-style: none;
	}

#formactions li {
	display: inline;
	}

#logon form ul,
#pwdreset form ul,
#idreminder form ul     {
	padding: 0;
	}

#logon form ul li,
#pwdreset form ul li,
#idreminder form ul li  {
	list-style-type: none;
	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
	}
	
#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}




*/