/* defaults */
* {
   border-style: none;
	border-color: inherit;
	border-width: 0px;
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	/* text-align: center; Val*/
}

/* generals */
body{ background-image: url(../images/back.gif);}
a, a:visited{ text-decoration:none; font-weight:bold; color:#4f0000;}
a img{   border: 0px;}
a:hover {text-decoration:underline;}
.SubMenu a:visited {color:#555;}
h2.fancy {font-style:italic; font-weight: bold; font-size: 1.9em; font-family:Times New Roman, Verdana;}
/*form table {margin: auto;}*/
/*form table td{ background-color:#bbb}*/
/*form td {padding: 3px;}*/

.white_border {border: solid 2px white}
/*ul{   list-style: none;}*/
ul li{   padding-left: 2em; margin-left: 2em}

.centered {text-align:center;
}
p
{
   padding-right:10px;
   padding-left:23px;
   padding-top:14px;
   padding-bottom: 10px;
}

h1
{
   font-size:1.6em;
   padding-top: 0.6em;
}


h2,
h3,
.newstext a:link,
.newstext a:visited,
.newstext a:hover,
.newstext a:active
{
   /*padding-left: 23px;*/
   padding-top:10px;
   font-size:12px;
   color: #4f0000;
   font-weight: bold;
   text-decoration: none;
}

label {color: #4f0000}
h2 {font-size:1.5em}
h3 {font-size:1.2em}

h2 p {margin-top:0.2em;}
h3 p {margin-top:0.2em;}
h1 p {margin-top:0.2em;}
p
{
   text-align:justify;
   margin:0;
   padding:0;
   margin-top:1em;
}
h3
{
   padding-top:5px;
   padding-left: 0px;
}

#container{width:785px; margin:auto;}
#header{width:100%;}
#mainmenu {width:100%}

input
{
   border: solid 1px #600;
   background-color: #e1e1e1;
   font-size: 12px;
/* height: 15px;*/
   color: #600;
   /* margin: 0.3em;*/
   /*margin: 0.3em;*/
}

input.number
{
   text-align:right;
}

input.calcbutton
{
   color: #600;
   padding: 0px;
   width: 1.4em;
   height: 1.4em;
}

tfoot tr td
{
   border-top: 3px solid #999;
   font-size:1.4em;
   font-style:italic;
   font-weight:bold;
   font-family:Times New Roman, Verdana
}

/* Classes and ids*/
#content
{
   width:785px;
   margin:auto;
   border-left: solid 1px white;
   border-right: solid 1px white;
}

#title
{
   font-size: 1.6em;
   color: #aaa;
   margin-left: 1em;
   margin-top: 1em;
   margin-bottom: 0em;
   float:left;
}

.primarynav{font-size: 13px;font-weight: bold;}
.primarynav a:hover {color: #999;}
.primarynav a:visited, a:active{color: #f0f;}

.homemain
{
   position:absolute;
   height: 328px;
   left:318px;
   top:27px;
   width:231px;
   background-image: url('/images/box_welcome.jpg');
   overflow:hidden;
   font-size:12px;
}

.homemain p
{
	text-align:left;		
}
.createaccountmain
{
   position:absolute;
   height: 328px;
   left:318px;
   top:27px;
   /*width:231px;*/
   background-image: url('/images/box_welcome.jpg');
   /*overflow:hidden;*/
   font-size:12px;
	width: 460px;
}

.homemain p
{
   margin-left:2.9em;
   margin-right:1em;
   color:#4f0000;
}

.homemain h2
{
   padding-left:2.9em;
   font-size:14px;
   padding-top: 5px;
}

.newstext h2
{
   font-size:13px;
   padding-top: 7px;
}

.innermain
{
   font-size: 12px;
   color: #000;
}

.newmain
{
   font-size: 11px;
   background-image: url('/images/box_whatsnew.jpg');
   width: 231px;
   height: 323px;
   position:absolute;
   right:0px;
   top:27px;
}
.newmain p{ padding-top:0px;  margin-left:1.2em;
   margin-right:0.5em; color:#4f0000}

.newstext
{
   padding-left:2.9em;
   padding-right:1em;
}

.newstext a:hover {
   text-decoration: underline;
}



.newmain h2 {padding-left: 1em;}
.login
{
	background:#aaa;
	border: solid 1px #888;
	padding: 0.5em;
	width: 350px;
	margin: 2em auto 0.5em auto;
}

.forgotpass
{
   background-image: url(/images/box_forgot.gif);
   width: 236px;
   height: 114px;
   top:241px;
   right:0px;
   position:absolute;
    padding:0em;
    margin:0em;

}

.loginCreate
{
   background-image: url(/images/box_create.gif);
   width: 236px;
   height: 330px;
   top:0px;
   right:0px;
   position:absolute;
    padding:0em;
    margin:0em;

}

.login form, .loginCreate form{  margin-left:25px;
	height: 109px;
}
.login form h3, .loginCreate form h3{  margin-left:0.7em;}

.login input, .loginCreate input{    padding:0em;
    margin:0em;
}

.newtitlereg
{
   font-size:12px;
   color: #4f0000;
   font-weight: normal;
}

.largetitle
{
   font-size: 16px;
   color: #4f0000;
   font-weight: bold;
}


.borderform{   padding-left:23px;}


#body
{
   width: 785px;
   position: relative;
   background-color: #ccc;
   color: black;
}

#subfooter
{
   font-size:16px;
   background-color: #aaa;
   height:24px;
   width:785px;
   color: #2B60DE;
   text-align: center;
   line-height:24px;
   vertical-align: middle;
}

#footer
{
   font-size:11px;
   background-image: url(../images/footer.jpg);
   height:77px;
   width:785px;
   color: white;
   text-align: center;
   line-height:77px;
   vertical-align: middle;
}

#footer a:link, #footer a:hover, #footer a:active, #footer  a:visited  {
   color: white;
}

.bg
{
   background-image: url(../images/content_back.jpg);
   background-repeat: repeat-x;
   background-position: left top;
   background-color: #eee;
}
.nobackground
{background:none;
	font-size: xx-small;
}

.icon
{
   margin: auto;
   text-align:right;
   padding-top: 0em;
   padding-bottom: 1em;
   background-repeat: no-repeat;
   background-position: top left;
}
.icon a
{
   color: #000;
   font-size:13px;
}

.button
{
	float:left;
   background-color: #4f0000;
   border: solid;
   border-color: #4f0000;
   font-size: 13px;
   color:white;
   height: 1.6em;
   cursor: hand;
}

input.button
{
   color:#bbb;
}

input.button:hover
{
   color:white;
}

.infoblock
{
   margin:auto;
   position: relative;

   background-repeat: no-repeat;
   background-position: left top;
   background-color: #ccc;

   color: #000;
   font-size: 12px;
   padding: 2em 1em 3em 1em;
}

.infoblock strong {  color: black;}
/*.infoblock *{color: #600;}*/
/*.infoblock table {width:100%;
	text-align: left;
}*/
.infoblock caption {font-weight:bold; font-size:1.2em; background-color:#600; color: white; padding-top:0.5em; padding-bottom:0.5em}
.darkcell{  background-color: #aaa; color: #600; }
.darkcell b{color: #600;}
.darkcell h1{color: #600;  font-size: 1.8em; }

.whitecell{ background-color:#efefef;}
.lightcell {background-color: #c0c0c0; color: #600;}


#profile .icon, #changepassword .icon {background-image: url(../images/title_myprofile.gif);}
#accountsummary .icon{  background-image: url(../images/title_accountsummary.gif);}
#accountsummary .icon{  background-image: url(../images/title_accountsummary.gif);}
#accountdetails .icon{  background-image: url(../images/title_activitydetail.gif);}
/*#plan .icon {background-image: url(images/plan.gif);}*/
/*#account .icon {background-image: url(images/account.gif);}*/
/*#fund .icon {background-image: url(images/fund.gif);}*/
#health .icon{ background-image: url(../images/title_health.gif);}
#links .icon{  background-image: url(../images/title_links.gif);}
#faq .icon{ background-image: url(../images/title_faq.gif);}
#documents .icon{ background-image: url(../images/title_documents.gif);}
#pension .icon{   background-image: url(../images/title_pension.gif);}

.infotable {width: 100%;}
.infotable td, th{   color: #600;   padding: 3px; }
.infotable th {   font-size: 1.2em; }
.infotable thead{text-align: left; }
.infotable thead th{color: #600; font-weight:bold; font-size: 1.1em;}
.infotable caption {font-size: 1.5em; padding-top: 0.5em; padding-bottom: 0.2em; font-weight: bold; text-align: left}
.buttons
{
   text-align: right;
   margin: 1em;
   margin-right: 0;
}

.buttons a
{
   background-color: #600;
   padding-top: 3px;
   padding-bottom: 3px;
   padding-left: 6px;
   padding-right: 6px;
   font-size: 1.2em;
   color: #ddd;
   font-weight: bold;
   margin-left: 1em;
}

.buttons a:hover
{
   color: #fff;
   text-decoration: none;
}

a.celllink {width: 100%; display:block;}
a.celllink:hover{background-color: #aaa; text-decoration: none;}
a.celllink:visited{color: #b55}

table.calctable
{
   width:100%;
   margin: 0;
   padding: 0;
}

.calctable td
{
   margin:0;
   padding-left:1em;
   padding-right:1em;
}

.black_overlay{
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}
.white_content {
    display: none;
    position: absolute;
    top: 40%;
    left: 40%;
    width: 20%;
    height: 20%;
    padding: 16px;
    border: 10px solid #aaa;
    background-color: white;
    z-index:1002;
    overflow: auto;
    color: black;
    text-align: center;
    font-size: 0.8em;
    vertical-align:middle;
}


#redirect
{
   color: black;
   padding-top: 2em;
   padding-bottom: 2em;
}

.daterangemenu
{
float: left;
}

.daterange
{
   right:0%;
   text-align:right;
}

hr
{
   background-color:#aaa;
   margin-top: 1em;
   margin-bottom: 1em;
}

.activitymenu
{
   margin: auto;
   width: 100%;
   padding-top: 1em;
   padding-bottom: 1em;
   text-align:center;
}

.activitymenu li
{
   padding-left: 1em;
   padding-bottom: 0.1em;
}

.centercell
{
   text-align: center;
}

.red
{color:red}
.white
{color:white}
.black
{color:black}

.narrow
{
   padding-top:0.1em;
   padding-bottom:0.1em;
   font-size:0.7em;
   margin-top:0;
   margin-bottom:0;
}

.description
{
   margin-left:1em;
   margin-right:3em;
   text-align:justify;
}

.motto
{
   text-align:center;
   font-size:1.1em;
   font-weight:bold;
   padding-top:1em;
   padding-bottom:1em;
}

/* **********************************************
*           Calendar section
*************************************************/
.todaycell
{
   background-color:#FEFF6F;
}

.regularcell
{
   background-color:#eef;
}
.infocell
{
   background-color:#aae;
}

.eventcell
{
   background-color:#A2EF68;
}
.eventcell li
{
   list-style:none;
   font-size:0.8em;
   list-style-position:outside;
   overflow:hidden;
   display:block;
   margin-top: 0.3em;
}

.calendaryeartable td
{
   vertical-align:top;
   text-align:left;
   padding:5px;
}

.calendaryeartable caption
{
   background-color:#888;
}

.calendaryearmonthtable
{
   background-color:#888;
   width:100%;
}

.calendaryearmonthtable caption
{
   background-color: #888;
   color: #eef;
   padding:0.2em;
}
.calendaryearmonthtable td
{
   width: 30px;
   height: 30px;
   color: #666;
   font-size:0.8em;
}

.calendaryearmonthtable th
{
   background-color: #888;
   color:#eef;
   font-size:0.9em;
   text-align:center;
}

.calendaryearmonth
{
   float:right;
   padding:1em;
}

span.eventpopup
{
   color: #244;
}

.calendarmonthtable td
{
   overflow:hidden;
   width: 14%;
}

.calendarmonthtable caption
{
   background-color:#888;
}

.calendarmonthtable th
{
   background-color: #888;
   color:#eef;
   font-size:0.9em;
   text-align:center;
}

.calendarweektable caption
{
   background-color:#888;
}

.calendarweektable td
{
   width:12.5%;
}


.calendarweektable th
{
   background-color: #888;
   color:#eef;
   font-size:0.9em;
   text-align:center;
}

.calendardaytable caption
{
   background-color:#888;
}

.calendardaytable th
{
   background-color: #888;
   color:#eef;
   font-size:0.9em;
   text-align:center;
}

.addlink
{
   width:100%;
   font-size:0.8em;
   text-align:right;
   vertical-align:bottom;
}

table.faqtable tr { padding:0; }
table.faqtable td { padding:0; }
table.faqtable  { margin-bottom:5px; padding:0; width:75%;}

 /* --- Secure Messaging -- */

   .secureMessageTable {border-collapse: collapse; width: 98%;  }
   .secureMessageTable caption {font-size:17px; margin-bottom:5px; font-weight:bold; color:#375B6F; }
   .secureMessageTable th { font-weight:bold; text-align:left; font-size:15px; }
   .border  {  border-bottom:solid 1px #000; border-top:solid 1px #000;}
   .limitHeight  {overflow-y: auto; overflow-x:hidden; height:200px; position:relative; }
   .secureMessageTable tbody tr:hover { background-color:#DFDDD1; }
   .secureMessageTable  td { padding:5px 0; }
   .secureMessageTable tfoot td { padding-top: 8px; }
   .secureMessageTable .num { width:5%; }
   .secureMessageTable .sender { width: 30%; }
   .secureMessageTable .subject { width: 20%; }
   .secureMessageTable .send {width: 15%; }
   .secureMessageTable .expires { width: 15%; }
   .secureMessageTable .attach { width: 15%; }


.timestamp
{
	font-size: 0.7em;
	color:Gray;
	font-style:italic;	
}

.right
{
	width:100%;
	text-align:right;	
}

.editformbuttons
{
	padding:2px;
	width:100%;
	text-align:right;
}

#Error
{
	font-size:1.5em;
	width:100%;
	margin:auto;
	text-align:justify;
	text-align:center;
	color:Red;
	text-decoration:blink;
}

.inlinebutton
{
	display:inline;
}

.floatedright
{
	position:relative;
	right:0px;	
	float:right;
	display:block;
}

.floatrighttop
{
	position:relative;
	top:0px;
	right:0px;	
	float:right;
	display:block;
}

.ConversationHeader
{
	width:100%;
	font-family:Verdana, Arial, Sans-Serif;
	font-size:1.1em;
	background-color:#411;
	color: White;
	font-weight:bold;
	padding: 5px 3px 5px 0px;
}

.PageTitle
{
	padding:0.5em 0 1em 0;
	font-size: 2em;
	color:#333;	
}

table.sortable thead {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    cursor: pointer;
    font-size:1.2em;
}

tr.EvenRow td
{
	background-color:#bbb	
}
table.sortable td 
{
	padding:0.1em;
}

table.formtable {}
table.formtable td.labelcell{ padding:0.3em; font-weight:bold; background-color:#444; color:White;}
table.formtable td.inputcell{ padding:0.3em; background-color: White; color:#444}


table.reporttable td{vertical-align:top; padding: 0 0.5em; background-color:#ddd; color:#333}
table.reporttable tr.oddrow td{background-color:#eee}
table.reporttable th{background-color:#333; color:#ddd; text-align:left; font-style:italic; padding:0.5em 0.5em;}

.right_buttons table
{ text-align:right;}
.marginauto{margin:auto;}

.lightgray{background-color:#aaa}
.darkgray{background-color:#888}
.eligibility_table td {padding:0.2em}

blockquote {color:#411; margin:1em; padding:1em; padding-left:70px; text-align:justify; 
            background: #aaa url(../images/information.png) no-repeat; background-position: left center; min-height:65px}
.repeateritem {background-color:#bbb; margin-left:2em; padding:1em;}            
.repeateritem p {margin: 0.5em 2em 0.5em 3em}
.repeateritem li {margin: 0.5em 2.5em 0.5em 5em}
.moneycell{text-align:right}
.reportviewer
{background-color:#aaa}

.FrontNews div{ padding:0.5em}
.FrontNews p{ margin: 0}
#news {font-size:0.9em}
#news h3{margin:0em}
#news p {font-size:0.8em; margin:0}

.newsarticle p
{ font-weight:normal;
  font-size: 12px;
  color:Black;
  margin:0px;
}
  
 #pagehelp { background: #cec; padding: 1em; margin: 1em;}
#pagehelpswitch
{
    cursor:help;
    width: 18px; height:18px; 
    background:url(/Images/help_16x16.png) no-repeat
}

span.attachments
{
    margin-left: 40px;
    display:block;
    font-size:0.7em;
    font-weight:normal;
    }
span.attachments a
{
    padding-left: 20px;
    background: url(../images/attachment_yellow_16x16.png) no-repeat;
    }
    
.oddrow{background-color:#efefef}