/* CSS Document */

/* forces vertical scroll to avoid layout shifts between pages */
#scroll {
	position:absolute;
	top:0;
	bottom:-0.1px;
	width:1em;
	z-index:-1;
}

/* table cell holding links at the bottom of the page */
.footer{
	text-align:left;
	background-color:#8AA173;
	color:#3A3B38;
	font-size: 9pt;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	padding: 10px;
	text-decoration: none;
}

/* text style for links in the footer */
.footerLink{
	text-decoration: none; 
	color:#000000;
}

/* style for links in the 2nd level of the left side menu */
.subMenu{
	text-align:left;
	background-color:#4A6630;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:bold;
	color:#FEF8B8;
}

/* main text in the content section of the page*/
.bodyText{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#000000;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;  
}


/* main text in the content section of the page*/
.bodyTextNoPad{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#000000;
	padding-bottom: 5px;
}

A { 
	color:#295584;
	text-decoration: underline;
} 

/* smaller label text in left menu bar*/
.menubarlabel{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:bold;
	color:#8AA173;
	padding-bottom: 10px;
}


/* bold main text in the content section of the page*/
.bodyTextBold{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	color:#000000;
}

/* subheadings contained in the body text in the content section of the page */
.bodySubHeader{
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	color:#295584;
}

/* subheadings contained in the body text in the content section of the page */
.bodySubGreenHeader{
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	color:#667951;
}

/* disclaimer text in the content section of the page*/
.disclaimer{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#000000;
	padding-bottom: 10px;
}

/* disclaimer grey text in the content section of the page*/
.disclaimerGrey{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#666666;
	padding-bottom: 0px;
}

/* disclaimer text in the content section of the page*/
.disclaimerBold{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:bold;
	color:#295584;
	padding-bottom: 10px;
}

/* right side column in homepage*/
.rightColText{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#000000;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 14px;
}

/* background for header cell at the top of the page (align left) */
.headerBG{
	text-align:left;
	background-color:#8AA173;
}

/* background for header cell at the top of the page (align right) */
.headerBG2{
	text-align:right;
	background-color:#8AA173;
}

/* forgot password link */
.forgotPasswd{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:bold;
	color:#AB003E;
	text-decoration:underline;
}

/* why should i register link */
.whyReg{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	color:#295584;
	text-decoration:underline;
}

/* learn more link in homepage */
.learnMore{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	color:#295584;
	text-decoration:underline;
	padding-top: 4px;
	
}

/* first part of bread crumb trail (the other sections) */
.breadCrumb1{
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#295584;
	text-decoration:none;
}

/* second part of bread crumb trail (aka the subheader that tells you what section you are in) */
.breadCrumb2{
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#295584;
	text-decoration:underline;
}


/* positioning for the photo in the upper right corner of the content section */
.photoPos{
	position: relative;

	float: right;
	left: 10px;
	margin-left: 3px;
}

/* customization of the input fields */
.textInput{
	width: 120px;
	height: 19;
	font-size: 9pt;	
}

/* customization of the input fields */
.searchInput{
	width: 145px;
	height: 19;
	font-size: 9pt;
	position: relative;
	right: 5px;
}

/* customization of the input fields */
.myAccountForm{
	height: 19;
	font-size: 9pt;
}

.myAccountFormSmall{
	height: 19;
	font-size: 9pt;
	width: 50pt;
}

.myAccountFormSmall2{
	height: 19;
	font-size: 9pt;
	width: 25pt;
}

/* color and text formatting for table headers */
.tblHeader{
	background-color:#DDE0CF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color:#667951;
	font-weight:bold;
	padding-right: 8px;
	padding-left: 8px;
}

/* color and text formatting for tables */
.tblRow{
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color:#667951;
	padding-right: 8px;
	padding-left: 8px;
}

.tblRowCell{
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 8pt;
	padding-right: 8px;
	padding-left: 8px;
}

/* text formatting for form */
.tblFormCol1{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color:#667951;
	font-weight:bold;
	padding-right: 8px;
	padding-left: 8px;
}

/* style for the login welcome greeting */
.welcome{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color:#667951;
	font-weight:bold;
}

/* style for the login full name*/
.fullName{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color:#295584;
	font-weight:bold;
}

/* positioning for subheader image text */
.subHeaderPos{
	position:relative;
	top:5px;
}


/* CSS classes for chart */
.bgTable{
	background-color: #000000;
	width: 555px;
}	

#contentTable{
	width: 555px;
}

#contentTable td{
	font-family: arial;
}	

.topHeader{	
	font-size: 12px;
	background-color: #998B7D;
	color: #FFFFFF;
}

.topHeader td{
	padding: 6px 4px 5px 4px;
	vertical-align: bottom;	
}

.greenHeader{
	padding: 6px 4px 5px 4px;
	font-size: 12px;
	background-color: #E5E8DF;
	color: #000000;
}

.whiteHeader{
	padding: 6px 4px 5px 4px;
	font-size: 12px;
	background-color: #FFFFFF;
	color: #000000;
}

.subHeader{	
	font-size: 12px;
	color: #FEFEFE;
	font-weight: bold;
}

.subHeader td{
	padding: 1px 0px 1px 4px;
}

.rowHeader{
	padding: 1px 0px 1px 4px;
	background-color: #E5E8DF;
	color: #000000;
	font-size: 10px;
}

.cellsA{
	padding: 1px 0px 1px 4px;
	background-color: #FFFFFF;
	font-size: 10px;
	vertical-align: middle;
}

.cellsB{
	padding: 1px 0px 1px 4px;
	background-color: #E5E8DF;
	font-size: 10px;
	vertical-align: middle;
}

#table1 #whiteMask{
	position: absolute; 
}

#annualPercentage{
	position: relative;
}

#annualPercentage .greenMask{
	background-color: #4C6136;
	border: 1px solid black;
	position: absolute;
	width: 10px;
	height: 100%;
}

/* input text field*/
.BodyTextSmall{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#000000;
}

.bodySmall{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#000000;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;  
}

/* text style for validation/error messages */
.errorText{
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:bold;
	color:#b30808;
	text-decoration:none;
}

/* text style for required fields */
.reqField{
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:bold;
	color:#295584;
	text-decoration:none;
}