@charset "iso-8859-1";
/*SMART EmployerAccess Style Sheet (EA) */
/* Last Updated: Shayne Mexon 16.12.2005 */

/* Body Style */
body	{margin-top:0px; margin-left:0px; background-color:#ffffcc; background-position:center center; background-repeat:repeat; background-attachment:scroll; top:0px; left:0px; margin:0px; padding:0px 0px 0px 0px;}


/* Text to overlap on Page button image */
.buttext	{display:block;margin-top:-21px;text-align:center;}

/* Table to overlap on the logo image, center image, and right image in the header */
.logoclass	{background-color:transparent; background-image: url("EA_header_s1.jpg"); background-position:left top; background-repeat:no-repeat; width:160px; height:119; }
.centerclass	{background-color:transparent; background-image: url("EA_header_s2.jpg"); background-position:right top; background-repeat:no-repeat; width:360px; valign:middle;}
.rightclass	{background-color:transparent; background-image: url("EA_header_s3.jpg"); background-position:left top; background-repeat:no-repeat; width:235px;}

/* Header Background Color */
.hdrbgcolor	{background-color:#ffffff;}

/* Popup window Header Background Color */
.popheaderstyle	{background-color:transparent; background-image: url("pop_header.jpg"); background-position:left top; background-repeat:no-repeat;background-color:#ffffff;width:100%; border-style:solid;border-left-width:0px; border-top-width:0px; border-right-width:0px;border-bottom-width:0px; border-color:#006699;}}
	
/* Default Hyperlink Style */
a:link		{color:#333333; font-size:7pt; font-weight:normal; font-family:Arial; text-decoration:underline; background-color:transparent;}
a:visited	{color:#660066; font-size:7pt; font-weight:normal; font-family:Arial; text-decoration:underline; background-color:transparent;}
a:hover		{color:#ff3300; font-size:7pt; font-weight:normal; font-family:Arial; text-decoration:underline; background-color:transparent;}
	
/* Header Hyperlink Style */
a:link.hrefhead		{color:#00543d; font-size:8pt; font-weight:normal; font-family:Arial; text-decoration:none; background-color:transparent;}
a:visited.hrefhead	{color:#00543d; font-size:8pt; font-weight:normal; font-family:Arial; text-decoration:none; background-color:transparent;}
a:hover.hrefhead	{color:#00543d; font-size:8pt; font-weight:normal; font-family:Arial; text-decoration:underline; background-color:transparent;}
.header			{color:#00543d; font-size:8pt; font-weight:normal; font-family:Arial; text-decoration:none; border-top-color: #666666;}


/* Button Hyperlink Style */
a:link.buttonstyle	{color:#ffffff; font-size:8pt; font-weight:bold; font-family:Arial; text-align:center; text-decoration:none; font-style:normal; height:0px;}
a:visited.buttonstyle	{color:#ffffff; font-size:8pt; font-weight:bold; font-family:Arial; text-align:center; text-decoration:none; font-style:normal; height:0px;}
a:hover.buttonstyle	{color:#4c9c22; font-size:8pt; font-weight:bold; font-family:Arial; text-align:center; text-decoration:none; font-style:normal; height:0px;}

/* Footer Hyperlink Style */
a:link.hreffoot		{color:#ffffff; font-size:8pt; font-weight:normal; font-family:Arial; text-decoration:none; background-color:transparent;}
a:visited.hreffoot	{color:#ffffff; font-size:8pt; font-weight:normal; font-family:Arial; text-decoration:none; background-color:transparent;}
a:hover.hreffoot	{color:#ffffff; font-size:8pt; font-weight:normal; font-family:Arial; text-decoration:underline; background-color:transparent;}

/* Footer Border & Background Style */
.footer				{background-image: url("footer.jpg"); background-position:left top; background-repeat:no-repeat;color:#ffffff; font-size:8pt; font-weight:normal; font-family:Arial; text-decoration:none; background-color:#ffffff; width:100%; height:30px;}
/* Body Border & Background Style */
.bodystyle1			{background-color:#FFFFFF; width:100%; border-style:solid; border-width:6px; border-color:#ffffff;}
/* Body Border & Background Style (thin border) */
.bodystyle2			{background-color:transparent;width:100%;border-style:solid; border-width:0px;border-color:#ffffff;border-style: solid;}
/* Title Border & Background Style */
.titlestyle			{background-color:#ffffff; width:100%; border-style:solid; border-width:0px; border-color:#ffffff;}
/* Header Border & Background Style */
.headerstyle		{background-color:#ffffff;width:100%;border-style:solid;border-left-width:0px;border-top-width:0px;border-right-width:0px;border-bottom-width:1px;border-color:#ffffff;height: 119px;}
/* Message Border & Background Style */
.messagestyle		{background-color:#f9f9f9;width:100%;border-style:solid;border-width:0px;border-color:#ffccff;padding: 5px;}
/* Total Border & Background Style */
.totalstyle			{background-color:#ffffff; width:100%; border-style:solid; border-width:0px; border-color:#EAEAEA;}

/* Heading Style */
.subheader	{color:#00543d; font-size:13pt; font-weight:bold;font-family:Arial;font-style:normal;height:25px;vertical-align:bottom;}
.subheaderbody	{color:#333333; font-size:8pt; font-weight:bold;font-family:Arial;font-style:normal;height:25px;text-transform: uppercase;list-style-type: 8;}
legend		{color:#D60077; font-size:9pt; font-weight:bold; font-family:Arial; font-style:normal; height:auto;}
.access		{color:#000000; font-size:18pt; font-weight:normal;font-family:Arial;font-style:normal;vertical-align:middle;text-align:right;}
.accesspop	{color:#000000; font-size:18pt; font-weight:normal; font-family:Arial; font-style:normal; margin-left:5px; vertical-align:center;}

/* Field Title Style */
.title		{color:#333333; font-size:8pt; font-weight:bold; font-family:Arial; background-color:transparent; font-style:normal; height:25px; vertical-align:middle;}
.data		{color:#000000; font-size:8pt; font-weight:normal; font-family:Arial; background-color:transparent; font-style:normal; height:25px; vertical-align:middle;}
.asterix	{color:#ff3300; font-size:9pt; font-weight:bold; font-family:Arial; background-color:transparent; font-style:normal; vertical-align:top;}
.titlebody	{color:#333333; font-size:8pt; font-weight:bold; font-family:Arial; background-color:transparent; font-style:normal; height:25px; vertical-align:middle;}
.screenid	{color:#ffffff; font-size:8pt; font-weight:normal; font-family:Arial; background-color:transparent; font-style:normal;}

/* Common Website Style */
.line1 {color:#666666;height: 1px;width: 100%;}

/* Flat Screen Data Style */
.flatdata1	{color:#333333;font-size:8pt;font-weight:normal;font-family:Arial;background-color:#ffffff;height:22px;border-top-color: #666666;border-top-style: solid;border-top-width: 0px;}
.flatdata2	{color:#333333;font-size:8pt;font-weight:normal;font-family:Arial;background-color:#FFFFFF;height:22px;border-top-color: #666666;border-top-style: solid;border-top-width: 0px;}

.row1title	{color:#333333;font-size:8pt;font-weight:bold;font-family:Arial;}
.row2title	{color:#333333;font-size:8pt;font-weight:bold;font-family:Arial;}

.row1data	{color:#00543d;font-size:8pt;font-weight:bold;letter-spacing:1;font-family:Arial;}
.row2data	{color:#00543d;font-size:8pt;font-weight:bold;letter-spacing:1;font-family:Arial;}

/* Row height to display Image button. This has to be changed if the height is changed in the class flatdata1 and flatdata2 */
.flatdata3 {height:30px;}                                                      

/* Input field in Flat Screen */
.flatdatai	{color:#000000; font-size:8pt; font-weight:normal; font-family:Arial; background-color:#ffffff;}
.flatdata1i	{color:#000000; font-size:8pt; font-weight:normal; font-family:Arial; background-color:#ffffff;}
.flatdata2i	{color:#000000; font-size:8pt; font-weight:normal; font-family:Arial; background-color:#ffffff;}

/* Body text Style */
.bodytext1	{color:#000000; font-size:7pt; font-weight:normal; font-family:Arial;}
.bodytext2	{color:#000000; font-size:7pt; font-weight:normal; font-family:Arial;}

/* Body text style with height to display text like Note etc. This height should be similar to the height of class flatdata. */
.bodytext3 {color:#000000; font-size:7pt; font-weight:normal; font-family:Arial, Helvetica, sans-serif; height:30px;} 

/* Body text style with height to display Date and Time in Print page. This height should be similar to the height of class flatdata. */ 
.bodytext4 {color:#000000; font-size:8pt; font-weight:normal; font-family:Arial, Helvetica, sans-serif; height:30px;} 

/* Header and footer text. */
.hdrmsgtext	{color:#333333; font-size:8pt; font-weight:normal; font-family:Arial;}
.ftrmsgtext	{color:#333333; font-size:8pt; font-weight:normal; font-family:Arial;}

/* Browse list Column header Style */
.coltext	{color:#FFFFFF;font-size:7pt;font-weight:bold;font-family:Arial;text-align:left;background-color:#00966f; height:25px;text-transform: uppercase;}

/* Browse list Data Style */
.listdata1	{color:#333333;font-size:7pt;font-weight:normal;font-family:Arial;background-color:#efefef;height:25px;vertical-align:middle;border-top-color: #ffffff;border-top-style: solid;border-top-width: 2px;}
.listdata2	{color:#333333;font-size:7pt;font-weight:normal;font-family:Arial;background-color:#efefef;height:25px;vertical-align:middle;border-top-color: #ffffff;border-top-style: solid;border-top-width: 2px;}

/* Browse list Row height. This height should similar to listdata1 and listdata2 */
.listdata3 {height:25px;}                                                       

/* Input field in List */
.listdata1i	{color:#333333; font-size:8pt; font-weight:normal; font-family:Arial; background-color:#ffffff;}
.listdata2i	{color:#333333; font-size:8pt; font-weight:normal; font-family:Arial; background-color:#ffffff;}

/* Message Style */
.error		{color:#FF0000; font-size:7pt; font-weight:bold; font-family:Arial;}
.warning	{color:#FF0000; font-size:7pt; font-weight:bold; font-family:Arial;}
.info		{color:#333333; font-size:7pt; font-weight:bold; font-family:Arial;}
.message	{color:#333333; font-size:7pt; font-weight:bold; font-family:Arial;}
.errorbg 	{color:#ffffff; font-size:10pt; font-weight:bold; font-family:Arial; background-color:#ff0000; font-style:normal;}
.warningbg 	{color:#ffffff; font-size:10pt; font-weight:bold; font-family:Arial; background-color:#ff0000; font-style:normal;}
.infobg 	{color:#ffffff; font-size:10pt; font-weight:bold; font-family:Arial; background-color:#0000ff; font-style:normal;}
.messagebg	{color:#ffffff; font-size:10pt; font-weight:bold; font-family:Arial; background-color:#0000ff; font-style:normal;}

/* Fund & Employer Style */
.fundname	{color:#999999; font-size:8pt; font-weight:bold; font-family:Arial; background-color:transparent; font-style:normal; height:auto; vertical-align:middle; text-decoration:none;}
.empid		{color:#333333; font-size:8pt; font-weight:normal; font-family:Arial; background-color:transparent; font-style:normal; height:auto; vertical-align:middle; text-decoration:none;}
.empname	{color:#333333; font-size:8pt; font-weight:normal; font-family:Arial; background-color:transparent; font-style:normal; height:auto; vertical-align:middle; text-decoration:none;}
.memid		{color:#333333; font-size:8pt; font-weight:normal; font-family:Arial; background-color:transparent; font-style:normal; height:auto; vertical-align:middle; text-decoration:none;}
.memname	{color:#333333; font-size:8pt; font-weight:normal; font-family:Arial; background-color:transparent; font-style:normal; height:auto; vertical-align:middle; text-decoration:none;}

/* Next/Previous page links */
a:link.nextprevlink 	{color:#000000; font-size:8pt; font-weight:bold; font-family:Arial; text-align:center; text-decoration:none; font-style:normal;}
a:visited.nextprevlink	{color:#000000; font-size:8pt; font-weight:bold; font-family:Arial; text-align:center; text-decoration:none; font-style:normal;}
a:hover.nextprevlink	{color:#573899; font-size:8pt; font-weight:bold; font-family:Arial; text-align:center; text-decoration:underline; font-style:normal;}
.nextprevlink		{color:#000000; font-size:8pt; font-weight:normal; font-family:Arial; text-align:center; text-decoration:none; font-style:normal;}

/* Error in a list to highlight the row */
.listdata1err	{color:#000000; font-size:7pt; font-weight:normal; font-family:Arial; background-color:#ff0000; height:25px; vertical-align:middle;}
.listdata2err	{color:#000000; font-size:7pt; font-weight:normal; font-family:Arial; background-color:#ff0000; height:25px; vertical-align:middle;}

/* List row total and Page/Grand total */
.totali		{color:#000000; font-size:8pt; font-weight:normal; font-family:Arial; background-color:transparent; border-style: none; text-align: right;}
.totalib	{color:#000000; font-size:8pt; font-weight:bold; font-family:Arial; background-color:transparent; border-style: none; text-align: right;}

#menuOff {background-color:#efefef; visibility:hidden;}
#menuOn  {background-color:#FFFFFF; visibility:hidden;}

/* .tabtext3	{display:block; margin-top:-21px; text-align:center; text-decoration:none; font-style:normal;font-size:8pt;} */
a:link.tabtext3	    	{color:#ffffff; font-size:8pt; font-weight:bold; font-family:Arial; text-align:center; text-decoration:none; font-style:normal; height:20px;}
a:visited.tabtext3	{color:#ffffff; font-size:8pt; font-weight:bold; font-family:Arial; text-align:center; text-decoration:none; font-style:normal; height:20px;}
a:hover.tabtext3	{color:#00543d; font-size:8pt; font-weight:bold; font-family:Arial; text-align:center; text-decoration:none; font-style:normal; height:20px;}


/* Text to overlap on tab image when no link*/
.selectedtab	{color:#00543d; font-size:8pt; font-weight:bold; font-family:Arial; text-align:center; text-decoration:none; font-style:normal; height:20px;}

/* Styles inside the Tabs */
.accountbodystyle1	{background-color:#ffff66;border-style:solid; border-width:1px; border-color:#000000;}
.accountheaderstyle	{color:#ffffff; font-size:9pt; font-weight:bold; font-family:Arial; text-align:center;background-color:#333333;border-style:solid; border-width:2px; border-color:#ffffff;}
.accountbodystyle2	{background-color:#F4F4F4;border-style:solid; border-width:2px; border-color:#ffffff;padding:0px;}

/* List inside the Tab ????????????????*/
.bodystyle3			{background-color:transparent; border-style:solid; border-width:0px; border-color:#6C1B72;}


/* Amount on Y axis */
.graphamt	{color:#000000; font-size:7pt; font-weight:normal; font-family:Arial; background-color:transparent; font-style:normal; vertical-align:top;}
/* Year format on X axis */
.graphyear	{color:#000000; font-size:7pt; font-weight:normal; font-family:Arial, Helvetica, sans-serif; background-color:transparent; font-style:normal;}
/* Year format on X axis on selection */
.graphyear1	{color:#000000; font-size:7pt; font-weight:bold; font-family:Arial, Helvetica, sans-serif; background-color:transparent; font-style:normal;}
/* Bar Graph Legend */
.graphlegend	{color:#333333; font-size:7pt; font-weight:normal; font-family:Arial, Helvetica, sans-serif; background-color:transparent; font-style:normal;}

/* To position the menu xpixels from top and ypixels from left */
#menuPos {top:125px; left:6px; visibility:hidden; width:120; margin-bottom:1px;} 


/* Security Logo width and height */
#securitylogo {width:134px; height:61px;}

/* BPay, EFT, CHQ width and height */
.img.bpaylogo {width:38px; height:60px;}
.img.eft  {width:73px; height:39px;}
.img.chq  {width:90px; height:37px;}
/* Border style for BPAY Reference section */
.bpayref {background-color:transparent; border-top:1px solid #000000; border-right:1px solid #000000; border-bottom:1px solid #000000; border-left:1px solid #000000;}
/* Font Style for BPAY */
.bpayb  {color:#000000; font-size:14px; font-weight:bold; font-family:Arial; background-color:transparent; font-style:normal; line-height:14px;}
.bpay   {font-size:12px;}

/* Style sheet related to the Investments */
.investmentportfolio	{color:#000000; font-size:8pt; font-weight:bold; font-family:Arial; vertical-align:middle;}

/* Soft Coding Screen Sizes*/	
.screensize	 {width:775px;}
.accessposition	{left:175px; top:33px; width:585px; height:100; z-index:100;}
.popupscreensize	{width:650px;}
.popupbody	{margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px;}
.helpscreensize	{width:800px;}
.helpscreenbody	{width:800px; height:650px;}  

#menuAttr {width:160px; margin-bottom:1px; line-height:20px;}

/* TFN Terms of Use styles */
.tfnuse {color:#000066; font-size:9pt; font-weight:bold; font-family:Arial;background-color:transparent; font-style:normal; height:25px; vertical-align:middle; text-transform: none;}
a:link.hreftfnuse {font-size: 9pt; color: #000000; font-style: normal;  font-family: arial; text-decoration: underline; text-transform: none;}
a:visited.hreftfnuse  {font-size: 9pt; color: #000000; font-style: normal;font-family: arial; text-decoration: underline; text-transform: none;}
a:hover.hreftfnuse  {font-size: 9pt; color: #6699cc; font-style: normal; font-family: arial; text-decoration: underline; text-transform: none;}
/* TFN Terms of Use styles */


/* Contribution Details classes */
.greyedout {text-align: right; font-size: 8pt;border-color: #C0C0C0;background-color: #C0C0C0;font-family: arial;}