﻿/*################################################################*/
/* TIAA-CREF © 2005 - MICROSITES INTERFACE STYLES				  */
/*################################################################*/

html {height:100%; }

body {
	margin: 5px 0px 0px 5px; /*top right bottom left*/
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

td {
	margin: 0px 0px 0px 0px; /*top right bottom left*/
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

/*################################################################*/
/* NEW STYLES 
/*################################################################*/

.navTopOn2
{
	background-color: #ebebeb;
	color: #1A5D91;
	font-weight: bold;
	font-size: 8pt;
	text-decoration: none;
	padding: 2px 2px 2px 2px;  /* 'top' 'right' 'bottom' 'left' */
}

.navSideOn2
{
	background-color: #ebebeb;
	color: #1A5D91;
/*	font-weight: bold;*/
	text-decoration: none;
	padding: 2px 2px 2px 0px;  /* 'top' 'right' 'bottom' 'left' */
}

/*################################################################*/
/* TOP NAVIGATION											  */
/*################################################################*/
.navTopOff2 {color: #1A5D91; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size:8pt;line-height: 22pt;text-decoration: none;}
a.navTopOff2:link 	 {color: #1A5D91;}
a.navTopOff2:visited {color: #1A5D91; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size:8pt;line-height: 22pt;}
a.navTopOff2:hover 	 {color: #1A5D91; text-decoration: underline;}


.navSideOff2 {color: #1A5D91; font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size:9pt;line-height: 16pt;text-decoration: none;}
a.navSideOff2:link 	  {color: #1A5D91; text-decoration: none;}
a.navSideOff2:visited {color: #6D8D58; font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size:9pt;line-height: 16pt;}
a.navSideOff2:hover   {color: #9E4D57; text-decoration: underline;}

.topRow
{
	background-image: url("../images/toprow.gif");
	height:90px;
	background-repeat: repeat-x;
}

.levelSideNav
{
	list-style-type: none;
	background-image: url("../images/bullet_01.gif");
	background-position: 0px 1px;		
	background-repeat: no-repeat;
	padding-left: 15px;
	padding-bottom: 5px;
	line-height:  1.5em;
	margin:0px;
} 

.levelSideNavOn
{
	background-color: #1C5D91;
	color: white;
	font-weight: bold;
	text-decoration: none;
	list-style-type: none;
	background-image: url("../images/bullet_01.gif");
	background-position: 0px 1px;		
	background-repeat: no-repeat;
	padding-left: 15px;
	padding-bottom: 5px;
	line-height:  1.5em;
	margin:0px;
} 

.nextLevelSideNav
{
	list-style-type: none;
	background-position: 0px 1px;		
	background-repeat: no-repeat;
	padding-left: 15px;
	padding-bottom: 5px;
	line-height:  1.5em;
	margin:0px;
	border: 1px solid #fffcf4;
} 

.nextLevelSideNav
{
	list-style-type: none;
	background-position: 0px 1px;		
	background-repeat: no-repeat;
	padding-left: 15px;
	padding-bottom: 5px;
	line-height:  1.5em;
	margin:0px;
} 
.cntDiv1
{
	line-height: 14pt;
	padding: 5px 10px 10px 15px;
}
.cntAlertDiv1
{
	line-height: 14pt;
	padding: 0px 2px 0px 0px;
}

.cntDiv
{
	line-height: 14pt;
	padding: 0px 10px 10px 15px;
}

.cntDivwithColor
{
	background-color: #FFFFCC;
	line-height: 14pt;
	padding: 0px 10px 10px 15px;
		
}

.cntDivwithColor ul li {
	list-style-type: none;
	background-image: url("../images/newbullet_03.gif");
	background-repeat: no-repeat;
	padding-left: 10px;
	line-height:  1.5em; 
	background-color: #FFFFCC;
} 

.cntDivwithColor ol li {
	list-style-type: decimal;
	background-repeat: no-repeat;
        line-height:  1.5em; 
        background-color: #FFFFCC;
       	    
} 

.cntDivwithColor ul
{
	margin:0px;
	border: 1px solid #FFFFCC;
	padding: 0px 10px 0px 15px;
	background-color: #FFFFCC;
}

.cntDivwithColor ol
{
	margin:0px;
	border: 1px solid #FFFFCC;
	padding: 0px 0px 0px 40px;
}  

.cntDivNoSpace
{
	line-height: 14pt;
	padding: 0px 10px 0px 10px;
}

.cntDiv ul li {
	list-style-type: none;
	background-image: url("../images/bullet_03.gif");
	background-repeat: no-repeat;
	padding-left: 20px;
	line-height:  1.5em; 
} 

.cntDiv ol li {
	list-style-type: decimal;
	background-repeat: no-repeat;
        line-height:  1.5em; 
        
       	    
} 

.cntDiv ul
{
	margin:0px;
	border: 1px solid #ffffff;
	padding: 0px 10px 0px 15px;
}

.cntDiv ol
{
	margin:0px;
	border: 1px solid #ffffff;
	padding: 0px 0px 0px 40px;
}  

.cntDivNoSpace ul
{
	margin:0px;
	border: 1px solid #ffffff;
	padding: 0px 5px 0px 0px;
} 

.cntDivNoSpace li {
	list-style-type: none;
	background-image: url("../images/bullet_03.gif");
	background-repeat: no-repeat;
	padding-left: 10px;
	line-height:  1.4em; 
} 

.cntDiv a:link 	{color: #1A5D91; text-decoration: underline;}
.cntDiv a:visited {color: #6D8D58; text-decoration: underline;}
.cntDiv a:hover 	{color: #9E4D57; text-decoration: underline;}

.cntDivNoSpace a:link 	{color: #1A5D91; text-decoration: underline;}
.cntDivNoSpace a:visited {color: #6D8D58; text-decoration: underline;}
.cntDivNoSpace a:hover 	{color: #9E4D57; text-decoration: underline;}

/*################################################################*/
/* OLD STYLES IN PROCESS OF CLEANING
/*################################################################*/

.cntArea
{
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	margin-right: 0px; 
	padding: 30px 0px 0px 0px; /* 'top' 'right' 'bottom' 'left' */
}

.ttlHdr01
{
	color: #567847;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0px 10px 0px 15px; 
}

.ttlHdr02 , .ttlHdr02 p {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-transform: capitalize;
	margin: 0;
	padding: 10px 0px 10px 15px;  /* 'top' 'right' 'bottom' 'left' */
	display: block;
}

.cntHdr01
{
	color: #567847;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0px 10px 2px 15px; /* 'top' 'right' 'bottom' 'left' */
}

.cntHdr02
{
	color: #567847;
	font-size: 11pt;
	font-weight: bold;
	text-transform: none;
	padding: 0px 10px 5px 15px;
}

.cntHdr03
{
	color: #567847;
	font-size: 9pt;
	font-weight: bold;
	text-transform: none;
	padding: 0px 10px 0px 15px;
}

/*################################################################*/
/* MAINFRAME											  */
/*################################################################*/

.sideCol	{ background:#1C5D91; background-color:#1C5D91;}
.pl20 	{ padding-left: 20px;}
.pt20 	{ padding-top: 20px;}
.ptl10 	{ padding-top: 10px; padding-left: 10px;}



#enrollBtn01 {
	float:right; position:relative; top:3px; margin-right:5px;
}


/* CONTENT AREA  				 							 	  */
/*################################################################*/

#ctnTable01 {
	padding-bottom: 5px;
	padding-right: 5px;
}

.banner01 a:link 	{color: #1A5D91; text-decoration: underline;}
.banner01 a:visited {color: #6D8D58; text-decoration: underline;}
.banner01 a:hover 	{color: #9E4D57; text-decoration: underline;}

.banner01 {	 
	border: 1px solid #CCCCCC; 
	border-collapse: collapse;  
	margin-right: 0px; 
	color: #567847;
	background:#fff;
}

.homeBannerBottom
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	text-indent: 0px;
	text-transform: None;
}

.bannerTtl {
	color: #567847;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 5px;
}

td.cntTxt01, .cntTxt01 p, td.cntTxt01 p {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	vertical-align: top;
	line-height: 14pt;
	text-transform: None;
	padding: 10px 10px 10px 8px;
}

.cntTxt01
{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	vertical-align: top;
	/*line-height: 14pt;*/
	text-transform: None;
	padding: 0px 10px 0px 8px;
}


a.cntTxt01:link 	{color: #000000; text-decoration: none;}
a.cntTxt01:visited 	{color: #000000; text-decoration: none;}
a.cntTxt01:active 	{color: #000000; text-decoration: none;}
a.cntTxt01:hover 	{color: #AA0000; text-decoration: underline;}

.cntTxt01 ul {
	margin: 0;
	padding-left: 10px; 
}
.cntTxt01 ul ul {
	margin: 0;
	padding-left: 10px; 
}

* html .cntTxt01 ul ul /* hack for IE to bring bullet image closer to text */
{ 
	margin: 0;
	padding-left: 0px; 
}

.cntTxt01 li {
	list-style-type: none;
	background-image: url("../images/bullet_03.gif");
	background-repeat: no-repeat;
	padding-left: 10px;
	line-height:  1.5em; 
} 

* html .cntTxt01 li /* hack for IE to bring bullet image closer to text */
{
	background-position: 0px 2px;
	text-indent: 0px;
	padding-left: 10px;
	list-style-position: outside;
	
	}


/*################################################################*/
/* RIGHT NAVIGATION  				 							  */
/*################################################################*/
#rNavTable {
	/*background:#fffcf4;*/
	/*background-color: #fffcf4;*/
	padding-top: 32px;
	padding-left: 10px; 
}

.rNavTable {
	background:#fffcf4;
	background-color: #fffcf4; 
}

.rNavHdr01 {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 10pt;
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0px 0px 5px 0px;  /* 'top' 'right' 'bottom' 'left' */
	display: block;
}

.rNav01 {
	background:#FFFCF4; background-color:#FFFCF4;
	text-transform: none;
	padding-top: 0px;
	padding-right: 13px; 
}

.rNav01 ul {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	margin: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-left:0px;
	padding-left:0px;
	margin-top:0px;
	/*
	
	padding: 0px 5px 25px 20px;   'top' 'right' 'bottom' 'left' 
	text-indent: 0px;
	vertical-align: top;
	line-height:  1.5em;
	text-decoration:none;*/
	}


* html .rNav01 li /* hack for IE to bring bullet image closer to text */
{
	/* background-position: 0px 2px; */
	background-position: 0px 7px;	
	text-indent: 0px;
	padding-left: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
	list-style-position: outside;
	
	}



/*################################################################*/
/* FOOTER				 										  */
/*################################################################*/

td.ftr01 {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	font-weight: normal;
	line-height: 22pt;
	background:#1C5D91; background-color:#1C5D91;
	text-align:center;
}
td.ftr01 a	{color: #ffffff; text-decoration: none;}
td.ftr01 a:visited {color: #ffffff; text-decoration: none;}
td.ftr01 a:active 	{color: #ffffff; text-decoration: none;}
td.ftr01 a:hover 	{color: #ffffff; text-decoration: underline;}

td.ftr02 {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	line-height: 14pt;
	text-indent: 10px;
	background:#FFFFFF; background-color:#FFFFFF;
	text-align:center;
	padding-top: 10px;
}
td.ftr02 a	{color: #1A5D91; text-decoration: none;}
td.ftr02 a:link 	{color: #1A5D91; text-decoration: none;}
td.ftr02 a:visited {color: #1A5D91; text-decoration: none;}
td.ftr02 a:hover 	{color: #9E4D57; text-decoration: underline;}



/*################################################################*/
/* TABLE DATA STYLES  				 							 	 	  */
/*################################################################*/

/*alternating colors*/
.odd{
	background-color:#fff;
}
.even{
	background-color:#e8eef4;
}

.dataHdrL, .dataHdrC, .dataHdrR, tr.dataHdr td {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:7pt;
	color:#666;
	border-bottom:1px solid #666;
}
td.dataHdrL {
	text-align:left;
}
td.dataHdrC {
	text-align:center;
}
td.dataHdrR {
	text-align:right;
}

.dataRN, td.dataRN, .dataRB, td.dataRB, .dataLN, td.dataLN, .dataLB, td.dataLB, .dataRNdot, td.dataRNdot, .dataRBdot, td.dataRBdot, .dataLNdot, td.dataLNdot, .dataLBdot, td.dataLBdot, .dataCN, td.dataCN, .dataCB, td.dataCB, .dataCBdot, td.dataCBdot, .dataCNdot, td.dataCNdot {
	line-height: 14pt;
}

/*tabular data - no collumn lines*/
.dataCN, td.dataCN{
	text-align:center;
	font-weight:normal;
	padding: 0px 3px 0px 0px; /* 'top' 'right' 'bottom' 'left' */
}
.dataCB, td.dataCB{
	text-align:center;
	font-weight:bold;
	padding: 0px 3px 0px 0px; /* 'top' 'right' 'bottom' 'left' */
}
.dataRN, td.dataRN{
	text-align:right;
	font-weight:normal;
	padding: 0px 3px 0px 0px; /* 'top' 'right' 'bottom' 'left' */
}
.dataRB, td.dataRB{
	text-align:right;
	font-weight:bold;
	padding: 0px 3px 0px 0px; /* 'top' 'right' 'bottom' 'left' */
}
.dataLN, td.dataLN{
	text-align:left;
	font-weight:normal;
	padding: 0px 0px 0px 3px; /* 'top' 'right' 'bottom' 'left' */
}
.dataLB, td.dataLB{
	text-align:left;
	font-weight:bold;
	padding: 0px 0px 0px 3px; /* 'top' 'right' 'bottom' 'left' */
}

/*tabular data - WITH collumn lines*/
.dataRNdot, td.dataRNdot{
	text-align:right;
	font-weight:normal;
	padding: 0px 3px 0px 0px; /* 'top' 'right' 'bottom' 'left' */
	border-left:1px dotted #9fcfc2;
	border-right:1px dotted #9fcfc2;	
}
.dataRBdot, td.dataRBdot{
	text-align:right;
	font-weight:bold;
	padding: 0px 3px 0px 0px; /* 'top' 'right' 'bottom' 'left' */
	border-left:1px dotted #9fcfc2;
	border-right:1px dotted #9fcfc2;	
}
.dataCNdot, td.dataCNdot{
	text-align:center;
	font-weight:normal;
	padding: 0px 3px 0px 0px; /* 'top' 'right' 'bottom' 'left' */
	border-left:1px dotted #9fcfc2;
	border-right:1px dotted #9fcfc2;	
}
.dataCBdot, td.dataCBdot{
	text-align:center;
	font-weight:bold;
	padding: 0px 3px 0px 0px; /* 'top' 'right' 'bottom' 'left' */
	border-left:1px dotted #9fcfc2;
	border-right:1px dotted #9fcfc2;	
}
.dataLNdot, td.dataLNdot{
	text-align:left;
	font-weight:normal;
	padding: 0px 0px 0px 3px; /* 'top' 'right' 'bottom' 'left' */
	border-left:1px dotted #9fcfc2;
	border-right:1px dotted #9fcfc2;	
}
.dataLBdot, td.dataLBdot{
	text-align:left;
	font-weight:bold;
	padding: 0px 0px 0px 3px; /* 'top' 'right' 'bottom' 'left' */
	border-left:1px dotted #9fcfc2;
	border-right:1px dotted #9fcfc2;	
}
.top10{
	font-size:8pt;
	font-weight:normal;
	margin-left:5px;
	text-transform: uppercase;
	text-align:right;
	vertical-align:top;
	color:#666666;
}
.maturityDate{
	font-size:8pt;
	font-weight:normal;
	line-height:9pt;
	margin-left:0px;
	text-align:center;
	color:#000;
	padding: 0px 2px 0px 2px; /* 'top' 'right' 'bottom' 'left' */
	white-space: nowrap;
}

/*################################################################*/
/* BOX STYLES  				 							 	 	  */
/*################################################################*/


/* #actionBtn{ float:right; width:170px; margin-right:10px;} */
/* #actionBtn div, #actionBtn a:link, #actionBtn a:visited  { */
/* 	width:76px; */
/* 	height:20px; */
/* 	border: 1px solid #fff; */
/* 	text-align:center; */
/* 	vertical-align:middle; */
/* 	line-height:20px; */
/* 	color:#FFFFFF; */
/* 	font-weight: bold; */
/* 	display:block; */
/* 	text-decoration: none; */	
/* } */
/* .print{float:left;} */
/* .close{float:right;} */



.box {
	padding: 5px 0px 5px 0px; /* 'top' 'right' 'bottom' 'left' */
}
.boxHdr {
	padding: 2px 0px 0px 5px;
	color: #FFFFFF;
	background-color:#1C5D91;
	font-size: 9pt;
	font-weight: bold;
	text-transform:capitalize;
	vertical-align: middle;
}
.boxCtn {
	padding: 5px 0px 0px 5px;
	font-size: 9pt;
	font-weight: normal;
	line-height: 11pt;
}

.boxCtnDot {
	padding: 5px 0px 0px 0px;
	font-size: 9pt;
	font-weight: normal;
	border-bottom:1px dotted #1c5d91;
}

/*################################################################*/
/* DOC VIEW SPECIFIC STYLES				 								  */
/*################################################################*/

.trueCondition, TD.trueCondition {
	background-color: #FFFFFF;
}

.falseCondition, TD.falseCondition {
	background-color: #FFFFFF;
}