/*The styles are displayed in the order they are used (for a page with left side image) */

#bodylayout {padding:0px;margin:0px;float:left;}

/* Back to TIAA-CREF link */
.backfootnote {font: normal 0.9em Arial, Helvetica, sans-serif; color:#838383; text-align:right; padding:0px 16px 0px 0px;}

 /* Used in Arbor Day Landing */
 #ContentAreaPadding { 
 margin:0px 0px 0px 0px;
 padding:0px 15px 0px 15px;
 background:#ffffff;
 }

/* Image Container - displayed on the left side of the page */
#imgcontainer { 
  float:left;
  margin: 0px;
  margin-bottom:5px;
  }
  
/* Page Title(Header) and content displayed beside the image */
#title_content_container { 
float:left;
padding:14px 0px 18px 8px;  
margin:14px 0px 0px 0px;
font:  1.1em Arial, Helvetica, sans-serif; color:#2F2E2E;
     }
	 
/* Page Left Title(Header) and content displayed beside the image
Used in:
	3Q honors landing */
#TitleLeftContentContainerExtraPadding { 
float:left;
padding:14px 12px 18px 12px;  
margin:14px 0px 0px 0px;
font:  1.1em Arial, Helvetica, sans-serif; color:#2F2E2E;
     }
	 
/*Page Header */	
h1{font: bold 1.3em Arial, Helvetica, sans-serif; color:#685f4f; text-transform:uppercase;padding:0px 0px 17px 0px;margin:0px;}
h2{ padding-top:0px; margin-top:0px;color:#685f4f;}
h3 {color:#685f4f;padding:0px; margin:0px;}
.landheaderGrn {font: bold 1.3em Arial, Helvetica, sans-serif; color:#993333; text-transform:uppercase;padding:0px 0px 17px 0px;margin:0px;}
.landheaderOrg {font: bold 1.3em Arial, Helvetica, sans-serif; color:#236700; text-transform:uppercase;padding:0px 0px 17px 0px;margin:0px;}
.landheadGreenCol {font: bold 1.3em Arial, Helvetica, sans-serif; color:#084C13; text-transform:uppercase;padding:0px 0px 17px 0px;margin:0px;}
.landheaderPurple{font: bold 1.3em Arial, Helvetica, sans-serif; color:#300731; text-transform:uppercase;padding:0px 0px 17px 0px;margin:0px;}

/* Content Container with no image */
#content_container { 
  margin: 0px;
  padding: 0px;
  font:  1.1em Arial, Helvetica, sans-serif; color:#2F2E2E;
  clear:both;
     }

/* new style for landing pages */

/* overwritting global padding-left:16px; to 0 */
#compliancecontainer {padding-left:0;}

/* changed padding-top from 25px to 14px */	
.maincontent-full {padding:14px 0 0 0 !important; width:979px !important;}

/* changed margin-top from margin:20px 0 23px 0; to margin:0 0 10px 0; */	
#contentlevelcontainer {margin:0 0 10px 0;}

/* changed from margin:5px 16px 20px 16px; to margin:5px 22px 20px 22px; */
#ContentAreaADV,  #ContentAreaWide, #ContentArea, #contentareawide { border: 1px solid  #d3ccbb; margin:5px 18px 15px 22px; padding:16px 48px 16px 48px; background-color:#ffffff;}	

/* Page Left Title(Header) and content displayed beside the image */
/* removed width:850px; */
#TitleLeftContentContainer { float:left; padding:0; margin:0; width:840px; font:  1.1em Arial, Helvetica, sans-serif; color:#2F2E2E;}

/* Sub heading */	 
.subhead {font: bold 1.1em Arial, Helvetica, sans-serif; color:#685F4F; padding:0px;margin:0px;}
.subtitle {font: bold 1.2em Arial, Helvetica, sans-serif; color:#2e7cad;margin-bottom:0px;padding-bottom:0px;}	 
/* Highlight Area Content */
	 #HighlightContentArea {
 border: 1px solid  #EEEBE4;
 margin:0px;
 background-color:#EEEBE4;
 padding:16px;
 margin:15px 0 5px 0;
 font:  1.0em Arial, Helvetica, sans-serif; color:#59574B;;
 }
 
 	 #HighlightContAreaBdr {
 border: 1px solid  #EEEBE4;
 margin:0px;
 padding: 7px 16px 16px 16px;
 font:  1.0em Arial, Helvetica, sans-serif; color:#59574B;;
 }
 
 
 /* Highlight Area Content */
#CallOutContentArea {float:right; width: 286px; border: 1px solid  #EEEBE4; margin:10px 0px 15px 20px; background-color:#EEEBE4; padding:15px; font: 1.0em Arial, Helvetica, sans-serif; color:#59574B;} 
 
 /* Highlight Area Content */
	 #CallOutContentArea3q {
 float:right;
 width: 210px;
 border: 1px solid  #EEEBE4;
  margin:10px 0px 10px 15px;
 background-color:#EEEBE4;
 padding:15px;
 font:  1.0em Arial, Helvetica, sans-serif; color:#300731;;
 }
 
 /* Footnote Area Content */
	 #FootnoteContentArea {
 border: 1px solid  #d3ccbb;
 margin:0px;
 padding:10px 5px 10px 17px;
 font:  0.9em Arial, Helvetica, sans-serif; color:#838383;
 }
 /* Footnote Out Side the Box Content */
  
#footnoteoutsidebox,  #FootnoteOutsideBox, .FootnoteOutsideBox {
margin:0px 0px 0px 16px;
 padding:10px 16px 10px 16px;
 font:  1.0em Arial, Helvetica, sans-serif; color:#838383;
 }
 
.footnote {font:  0.9em Arial, Helvetica, sans-serif; color:#838383; text-align:right;}
.footnotetext {font:  0.9em Arial, Helvetica, sans-serif; color:#838383; text-align:left;}
.blkfootnotetext {font:  0.9em Arial Arial, Helvetica, sans-serif; color:#2F2E2E;}
.footnotetextOutsideBox {margin:0px 0px 0px 14px; padding:10px 16px 10px 16px; font: 0.9em Arial, Helvetica, sans-serif; color:#838383; text-align:left;}

/*----------------------------------------------------------------------------------------------------------------------*/
/* The following styles are used in rare occasions */
 
/* For Landing pages that has images on the right side of the page*/ 
#title_content_container_right_image { 
float:right;

  padding:15px 0px 5px 0px;
  margin:0px;
  font:  1.1em Arial, Helvetica, sans-serif; color:#2F2E2E;
     }

#right_imgcontainer { 
  float:left;
  padding:0px 2px 5px 8px;
  margin: 0px;
  width:180px;
 }
/* End Landing pages with image on the right side*/

/*For images with no whitespace on the top*/
#image_container_nowhitespace { 
  float:left;
  margin: 27px 0px 5px 0px;
  }
  /*End*/





/* Begin definitions for 2-container callout area */

#visitorattentioncontainerinitial  {background-color:#eeebe4;width:315px;float:left;border-right:1px solid #ffffff;padding:10px 10px 7px 10px;margin:0px 0px 15px 0px;}
#visitorattentioncontainerfollow  {background-color:#eeebe4;padding:10px 10px 7px 20px;margin:0px 0px 15px 324px;}
#visitorattentioncontainerbelow {clear:both;}
/* end definitions for 2-container callout area */

/* Begin  formContentContainer */

 #AdvContentContainer {margin: 0px; padding: 0px; font: 1.1em Arial, Helvetica, sans-serif; color:#2F2E2E; clear:both; }
 #FormContentArea {
 float:left;
 width: 302px;
 border: 1px solid  #EEEBE4;
  margin:27px 0px 10px 0px;
 background-color:#EEEBE4;
 padding:10px;
 font:  1.0em Arial, Helvetica, sans-serif; color:#59574B;;
 }

/* End formContentContainer */

/* Begin footnote alignment area */

#contentcontainer ul.footnotealign {margin-left:0px;padding-left:0px;clear:both;font: 0.9em Arial, Helvetica, sans-serif; color:#838383;}
#contentcontainer ul.footnotealign li {list-style-type:none;padding-left:0px;clear:left;}
#contentcontainer ul.footnotealign div {float:left;width:635px;margin-bottom:1em;}
#contentcontainer ul.footnotealign div.asterix {float:left;width:20px;padding-right:6px;display:inline;text-align:right;}
/* end footnote alignment area */

/* Graphic and Sidenote Area Content */
.GraphicandSidenoteContentArea {
 border: 0px solid;
 margin:0px;
 background-color:#FFF;
 padding:0px;
 font:  1.0em Arial, Helvetica, sans-serif; color:#59574B;
 }
 
.graphic  { 
  float:left;
  margin: 0px;
  margin-bottom:5px;
}
  
.sidenotetext { 
float:left;
width:250px;
padding:50px 0px 18px 8px;  
margin:14px 0px 0px 0px;
font: 0.9em Arial, Helvetica, sans-serif; color:#838383;
}

/* Content Container with no image */
.content_container { 
  margin: 0px;
  padding: 0px;
  font:  1.0em Arial, Helvetica, sans-serif; color:#2F2E2E;
  clear:both;
}

/* Merger Page Table */
.landingpagecalloutcontainer {border:1px solid #517B86 ;width:560px; }
.landingpagecalloutcontainer table th{background-color:#517B86;  border-bottom:1px solid #ffffff;padding:6px 8px 2px 8px;font: 1.0em Arial, Helvetica, sans-serif; color:#ffffff;font-weight:bold;}
.landingpagecalloutcontainer table td.mergeheader{background-color:#eeebe4; border-bottom:1px solid #ffffff;padding:6px 5px 2px 8px;font:  1.0em Arial, Helvetica, sans-serif; color:#2F2E2E;font-weight:bold;}
.landingpagecalloutcontainer table td.header {background-color:#eeebe4; border-bottom:1px solid #ffffff;border-right:1px solid #ffffff;padding:6px 14px 2px 8px;font:  1.0em Arial, Helvetica, sans-serif; color:#2F2E2E;font-weight:bold; }
.landingpagecalloutcontainer table td.merge {text-align:center;}

.landingpagecalloutcontainer table td.fundsdisplay {text-align:left;vertical-align:text-top;background-color:#ececec;border-bottom:1px solid #ffffff;border-right:1px solid #ffffff;color:#666666;padding:8px;font-size:1em;font-weight:700;}
.landingpagecalloutcontainer table td.fundsdisplaylast {text-align:left;vertical-align:text-top;background-color:#ececec;border-bottom:0px;border-right:1px solid #ffffff;color:#666666;padding:8px;font-size:1em;font-weight:700;}
.landingpagecalloutcontainer table td {text-align:left;vertical-align:text-top;border-bottom:1px solid #ede8d7;color:#000000;padding:8px;font-size:.9em;}
.landingpagecalloutcontainer table td.fundsdisplaylastcell {text-align:left;vertical-align:text-top;border-bottom:0px;color:#000000;padding:8px;font-size:.9em;}

.lefttclist {padding-left:1.2em;margin-left:4px;clear:both;}
ul.lefttclist li {padding-left:0px;}

/*used in IRA_taxfree landing*/
.contenttclist {padding-left:1.2em;margin-left:4px;}
ul.contenttclist li {padding-left:0px;}

ol { 
margin-left:15px;
padding:0px; 
list-style-type:none; 
} 
ol li ul.fadvisor{padding-left:20px;margin-left:20px;list-style-type:disc;}
.listimg1 { 
background:url("/groups/content/@ap_ucm_p_tcp/documents/images/1.gif") -1px -1px no-repeat; 
padding-left:26px; 
} 
.listimg2 { 
background:url("/groups/content/@ap_ucm_p_tcp/documents/images/2.gif") -1px -1px no-repeat; 
padding-left:26px; 
} 
.listimg3 { 
background:url("/groups/content/@ap_ucm_p_tcp/documents/images/3.gif") -1px -1px no-repeat; 
padding-left:26px; 
} 
ol li ul.listnum{padding-left:20px;margin-left:20px;list-style-type:disc;}
.listnum1 { 
background:url("/ucm/groups/content/@ap_ucm_p_tcp/documents/images/tiaa01002300.png") -1px -1px no-repeat; 
padding-left:26px; 
} 
.listnum2 { 
background:url("/ucm/groups/content/@ap_ucm_p_tcp/documents/images/tiaa01002301.png") -1px -1px no-repeat; 
padding-left:26px; 
} 
.listnum3 { 
background:url("/ucm/groups/content/@ap_ucm_p_tcp/documents/images/tiaa01002302.png") -1px -1px no-repeat; 
padding-left:26px; 
} 
.ScreenShotImage  { 
  float:right;
  margin: 0px;
  margin-bottom:5px;
}


.red_asterisk {color: #c3182c; font:1.1em Arial, Helvetica, sans-serif; font-weight: bold; }

#GrphCallOutBoxContentArea {
 float:right;
 width: 360px;
 }

.GrphCallOutBoxInsContArea {
 border: 1px solid  #EEEBE4;
 margin:0px 0px 10px 0px;
 background-color:#FFFFFF;
 padding:10px 5px 10px 10px;
 font:  0.9em Arial, Helvetica, sans-serif; color:#59574B;
 }
 
 #GrphCallOutBoxInsContArea {
 border: 1px solid  #EEEBE4;
 margin:0px 0px 10px 0px;
 background-color:#FFFFFF;
 padding:10px 5px 10px 10px;
 font:  0.9em Arial, Helvetica, sans-serif; color:#59574B;
 float:left;
 }
 .Grphsubhead {font: bold 1.0em Arial, Helvetica, sans-serif; color:#422110; padding:0px; padding:0px 0px 35px 0px;  margin:0px 0px 40px 0px; 
padding-bottom:35px;
}
/* Styles added by Nidiya */
#pagelayout {padding:0px;margin:0px;}
 #Centercalloutbox {
 border: 1px solid  #d3ccbb;
 margin:0px;
 padding:10px 5px 10px 17px;
 }

div.center {
 text-align:left;
 }
 
 #AdvTitleformContentContainer{
  float:left; 
 width:600px;
  padding:0;
   margin:0;
    font:  1.1em Arial, Helvetica, sans-serif;
     color:#2F2E2E; 
     }
#FormContentAreaADV {
 float:right;
 width:199px;
 border: 1px solid  #EEEBE4;
 margin:27px 0px 10px 16px;
 padding: 16px;
 background-color:#EEEBE4;
 font:  1.0em Arial, Helvetica, sans-serif; color:#59574B;
 }
 
#contentcontainer { 
 border:none;
display:block;
float:left;
margin:0;
min-height:300px;
padding:0 ;
position:relative;
top:0;
} 

.hilitecolorGrn {font: bold 1.1em Arial, Helvetica, sans-serif; color:#236700;}
.hilitetxt {font:  1.1em Arial, Helvetica, sans-serif; color:#59574B;}

h1 .pagetitle{color:#3C608A;font-size:1.4em;font-weight:normal;}
h1 .pageheading{color:#006699;font-size:1.4em;font-weight:bold;}

#TitleLeftContentContainerExtraPadding.nomargin{margin:0;}

.footnotebox{padding:0 16px 0 24px;color:#838383;font-family:Arial,Helvetica,sans-serif;font-size:0.9em;}

/* added by james on july 1 2010 starts */

#numberedfootnotescontainer.landpage{border-top:0 none;border-width:0;clear:none;width:90%;padding-left:32px;}
#numberedfootnotescontainer.landpage .footnoteitem{clear:both;float:left;padding:5px 0;width:100%;}
#numberedfootnotescontainer.landpage .footnotenumber{float:left;margin:0 5px 0 0;text-align:right;width:23px;}
#numberedfootnotescontainer.landpage .footnotecontent{float:left;width:90%;}
#lowerfootnotescontainer.landpage {padding:0 16px 0;width:85%;}
/* added by james on july 1 2010 ends */

/* added by james on july 12 2010 starts*/


/* added by james on july 12 2010 ends*/
