body {background:#e6e6e6;}
.container {background:white;}
.no-bg {
	background:#e6e6e6;
	xmargin-top:10px;
}


.showgrid {
	background-image: url('/stylesheets/blueprint/src/grid_40.png'); 
	xbackground-image: url('/images/fpo/home_page_grid.png'); background-repeat: no-repeat;
}

ul { margin:0;margin-bottom:10px;}
hr.sidelinks_divider {
	width:258px;
	height:1px;
	margin-bottom:12px;
	margin-top:15px;
}

p.sidebar_platform {
	font-size:0.9em;
	font-weight:bold;
	color:#243E7E;
	margin:0;
}

span.sidebar_link { 
	font-size:1em;
	color:#243E7E; 
	letter-spacing:0.1em;
	font-weight:bold;
	margin:0;
}
p.sidebar_text {
	font-size:0.9em;
	line-height:1em;
	font-weight:none;
}

/* ------------------------------------------ */
/* SPRITE BUTTON STYLING */
/* convert button element to link element so we can link the button */
/* links contain the right corner while spans contain the left corner */


/* REQUIRED BUTTON STYLES: */
/* These apply to all button elements */	
button { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}

/* REQUIRED BUTTON STYLES: */	
/* These apply to all A HREF buttons */	
a.button { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
	display: block;
	text-decoration:none;	
}

a.button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

a.button span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	a.button span {
		margin-top: -1px;
	}
}


/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
a.button.blue { 
	padding: 0 15px 0 0; 
	font-size:1em; 
	text-align: center; 
	background: transparent url(/images/shared/button_blue_sprite.gif) no-repeat right -88px; /* 1st and 2nd sprite images */
	width:160px;
}
	
a.button.blue span {
	padding: 2px 0 0 15px; 
	height:37px; 
	background: transparent url(/images/shared/button_blue_sprite.gif) no-repeat left top; 
	color:#fff; 
	width:145px;
	letter-spacing:0.1em;
	font-weight:bold;	
}
	
a.button.blue:hover, a.button.blue.buttonHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -132px; /* 1st, 2nd, 3rd sprite images */
}
	
a.button.blue:hover span, a.button.blue.buttonHover span {
	background-position: 0 -44px; /* 1st sprite image */
	color:#fff;
}


/* ------------------------------------------ */
/*   used for all gray buttons */
a.button.gray { 
	padding: 0 15px 0 0; 
	font-size:1em; 
	text-align: center; 
	background: transparent url(/images/shared/button_gray_sprite.gif) no-repeat right -88px; /* 1st and 2nd sprite images */
	width:130px;
}
	
a.button.gray span {
	padding: 2px 0 0 15px; 
	height:37px; 
	background: transparent url(/images/shared/button_gray_sprite.gif) no-repeat left top; 
	color:#fff; 
	width:125px;
	letter-spacing:0.1em;
	font-weight:bold;	
}
	
a.button.gray:hover, a.button.gray.buttonHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -132px; /* 1st, 2nd, 3rd sprite images */
}
	
a.button.gray:hover span, a.button.gray.buttonHover span {
	background-position: 0 -44px; /* 1st sprite image */
	color:#fff;
}


/* ------------------------------------------ */
/*   used for all links with left blue arrow  */
a.button.arrow { 
	font-size:1em;
	text-align: left; 
	background: transparent url(/images/shared/button_arrow_sprite.gif) no-repeat right -88px; /* 1st and 2nd sprite images */
}
	
a.button.arrow span {
	font-size:1em;
	padding: 2px 0 0px 13px; 
	background: transparent url(/images/shared/button_arrow_sprite.gif) no-repeat left top; 
	color:#243E7E; 
	letter-spacing:0.1em;
	font-weight:bold;		
}
	
a.button.arrow:hover, a.button.arrow.buttonHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -132px; /* 1st, 2nd, 3rd sprite images */
}
	
a.button.arrow:hover span, a.button.arrow.buttonHover span {
	background-position: 0 -44px; /* 1st sprite image */
	color:#999999;
}
/* ------------------------------------------ */
/*   used for sidebar video links            */
a.button.sidebar { 
	font-size:1em;
	text-align: left; 
}
	
a.button.sidebar span {
	font-size:1em;
	padding: 0px; 
	color:#243E7E; 
	letter-spacing:0.1em;
	font-weight:bold;		
}
		
a.button.sidebar:hover span, a.button.sidebar.buttonHover span {
	color:#999999;
}


/* ------------------------------------------ */
/*   used for Read More on spotlight  */
a.rightarrow_white {
  padding-right:13px;
  background: transparent url(/images/shared/button_spotlight_sprite.gif) no-repeat right -3px; 
  font-weight:normal;
  color:#243E7E; 
  text-decoration:none;
}

a.rightarrow_white:hover {
  color:#243E7E; 
  text-decoration:underline;
}

/* ------------------------------------------ */
/*   used for Please Contact Me submit button  */
/*   on Agency Locator page */
button.submitBtn { 
	padding: 0 15px 0 0; 
	font-size:1em; 
	text-align: center; 
	background: transparent url(/images/shared/button_blue_sprite.gif) no-repeat right -88px; /* 1st and 2nd sprite images */
}
	
button.submitBtn span {
	padding: 2px 0 0 15px; 
	background: transparent url(/images/shared/button_blue_sprite.gif) no-repeat left top; 
	color:#fff; 
	letter-spacing:0.1em;
	font-weight:bold;
	height:37px;	
}
	
button.submitBtn:hover, button.submitBtnHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -132px;
}
	
button.submitBtn:hover span, button.submitBtnHover span {
	background-position: 0 -44px;
	color:#fff;
}


/* get rid of those system borders being generated for A tags */
a:active { outline:none;}
:focus {-moz-outline-style:none;}

/*OVERRIDE fancy-type plugin styling that indents paragraph siblings */
/* Indentation instead of line shifts for sibling paragraphs. */
   p + p { text-indent:0; margin-top:0.5em; }

/* Adding bullet graphic to all LIs */

.main  { font-size:110%;}

.main li { 
	list-style:none;
	background-image:url('/images/shared/bullet.gif'); 
	background-repeat:no-repeat; 
	padding-left:20px;
	margin-left:5px;
	line-height:1.8em;
}

.main ol {
	margin-bottom:20px;
	margin-left:0;
}

.main ol li {
	list-style:none;
	background:none;
	font-style:italic;
	padding:0px;
	padding-bottom:10px;
	line-height:1.4em;
	margin-bottom:10px;
	border-bottom:1px solid #F3C323;
/*	font-size:1.1em;*/
}

.footnotes {
	font-size:0.8em;
	color:#cccccc;
}

/* TODO: extract this styling into class based styling */

ul.sitelinks {
  margin:0.5em 0em;
  list-style-type:none;
  font-weight:normal;
}

ul.sitelinks a, ul.sitelinks a:link, ul.sitelinks a:visited, ul.sitelinks a:active {
  text-decoration:none;
  color:#666666;
  cursor:pointer;
  font-size:0.9em;
}

ul.sitelinks a:hover {
  text-decoration:underline;color:black;
}

/* Header Styling */ 

h1 { font-size:2.5em;margin-bottom:0.2em;color:#666666;}
h2 { font-size: 1.4em;margin-bottom:0;color:#8F8F8F;}
h3 { font-size: 1.3em;font-weight:bold;color:#666666;}
h4 { font-size:1.1em;font-weight:bold;margin-bottom:1em;color:#666666;}

h4.tabs {
	font-size:1.1em;
	font-weight:normal;
	border-bottom:none;
	margin-bottom:0;
}

h6 { color:#333333;border-bottom:1px solid #CCCCCC;}

h6.sidebar_header { border:1px solid #FFFFFF;font-size:1em;}

p.tagline { font-size:1.1em;color:#999999;}
p.spotlight_title { font-size:1.4em; margin:0;}
p.spotlight_text { font-size:1.2em;}

ul.seolinks {
  margin:0.5em 0em;
  list-style-type:none;
}

ul.seolinks a, ul.seolinks a:link, ul.seolinks a:visited, ul.seolinks a:active {
  text-decoration:none;
  color:#aaa;
  cursor:pointer;
  font-size:0.9em;
}

ul.seolinks a:hover {
  text-decoration:underline;color:black;
}

/*use when you want header and paragraph elements to flow together onto a single line*/
.inline {
  display:inline;
}

/*----------------------------------*/
/* Styling for interactive tools 
   Uncover Your Real Value: calculator 
----------------------------------*/

div.content_tool {
	background:#efefef;
	background: transparent url(/images/shared/tools_background.png) no-repeat left top; 
	background-repeat:repeat;
	margin-bottom:15px;
	width:250px;
	border:1px solid #CCCCCC;
	padding:20px 10px 25px 13px;
}

div.content_tool p { 
	font-weight:bold;
	font-size:1.1em;
	margin-bottom:0.5em;}

div.content_tool_body {
	float:left;
	width:312px;
	margin-right:10px;
}


/* Top Navigation Menu
----------------------------------*/
/*styling for no flash */

.top_menu {
  border:none;
  border:0px;
  margin:0px;
  padding:0px;
}
.top_menu ul {
  list-style:none;
  margin:0;
  margin-top:7px;
  padding:0;
}
.top_menu li {
  float:left;
  padding:0px;
  font-size:1.2em;
}

.top_menu li a {
  color:#000000;
  border-left:1px solid silver;
  display:block;
  font-weight:normal;
  line-height:16px;
  margin:0px;
  padding:0 12px; 
  text-align:left;
  text-decoration:none;
}

.top_menu li a:hover {
  color:#243E7E;
}

.top_menu li.selected a {
  color:#243E7E;
}



/* document content display */

blockquote {
	color:#243E7E;
	background:#EFD12C;
	margin:1.1em 0em 1.6em 0em;
	padding:1em 1.3em;
}
blockquote p {
	margin:0;
	font-style:normal;
	font-weight:bold;
	font-size:1.2em;
	line-height:1.3em;
}


/* INLINE ERROR MESSAGES IN FORMS */

.fieldWithErrors {
/*  border:1px solid lime;*/
  margin:0;
  padding:0;
}

.fieldWithErrors label {
/*  border:1px solid blue;*/
/*  margin-top:2em;*/
/*  display: block;*/
  
}
.fieldWithErrors input,
.fieldWithErrors select,
.fieldWithErrors textarea {
  background: #FFD2D2;
  display: inline;
  border-color:red;
/*  margin-top:-2em;*/
/*  margin-bottom:2em;*/
}


.fieldWithErrors input[type=text].has_error {
  border:1px solid red;
}

/* HACK WARNING! margin-top is negative to force div close to input field */
div.field_error_msg {
  color:red;
  font-size:0.8em;
}

/* use list tags to ensure long names wrap with indentation*/
span.agency {
  font-size:1.1em;
  font-weight:bold;
  color:#243E7E; 
  letter-spacing:0.1em;
}

li.agency {
  background: transparent url(/images/shared/button_arrow_agency_sprite.gif) no-repeat left top; 
  padding-left:13px;
  _padding-left:0px;
  list-style-type: none;
}

a.agency {
  font-size:1em;
  font-weight:bold;
  color:#243E7E; 
  letter-spacing:0.1em;
  text-decoration:none;
}

a.agency:hover {
  color:#243E7E; 
  text-decoration:underline;
}

a.rightarrow {
  padding-right:13px;
  background: transparent url(/images/shared/button_arrow_sprite.gif) no-repeat right top; 
  background: transparent url(/images/shared/button_arrow_sprite.gif) no-repeat right -3px; 
  font-weight:normal;
  color:#243E7E; 
  text-decoration:none;
}

a.rightarrow:hover {
  color:#243E7E; 
  text-decoration:underline;
}

/* FORMS */

input.normal { border:1px solid #999999;}

label { color:#999999;}


/* start contact form in sidebar on agency page */

table.contact_2col {
/*  border:1px solid lime;*/
  width:420px;
}

table.contact_2col_form {
/*  border:1px solid lime;*/
  width:390px;
}

table.contact_2col td.field_name{
/*  border:1px solid red;*/
  width:120px;
  vertical-align: top;
}

table.contact_2col td.field{
/*  border:1px solid blue;*/
/*  width:100px;*/
  height:30px;
}

table.contact_2col td input[type=text]{
  width:200px;
  margin:0;
}
/* end contact form in sidebar on agency page */

/* start contact form in sidebar on advisor page */

table.contact_narrow {
/*  border:1px solid lime;*/
  width:220px;
}
table.contact_narrow td.field_name{
/*  border:1px solid red;*/
  margin:0;
  padding-bottom:0;
}

table.contact_narrow td.field{
/*  border:1px solid blue;*/
/*  width:100px;*/
/*  height:30px;*/
}

table.contact_narrow td input[type=text]{
  width:200px;
  margin:0;
}

/* end contact form in sidebar on advisor page */



/* ------------------------------------------ */
/*  NEW BUTTONS AS GRAPHICS                   */
/*  compliant in all browsers except IE6      */
/* ------------------------------------------ */

/* ---- client login, get started ---- */ 
a.rollover_110 {
	display:block;width:110px;overflow:hidden;
}
a.rollover_110:hover img, a.rollover_110:focus img, a.rollover_110 img.hover {
	margin-left: -110px;
}

/* ---- watch the video ---- */ 
a.rollover_125 {
	display:block;width:125px;overflow:hidden;
}
a.rollover_125:hover img, a.rollover_125:focus img, a.rollover_125 img.hover {
	margin-left: -125px;
}

/* ---- 401k calculator ---- */ 
a.rollover_171 {
	display:block;width:171px;overflow:hidden;
}
a.rollover_171:hover img, a.rollover_171:focus img, a.rollover_171 img.hover {
	margin-left: -171px;
}

/* ---- mortgage calculator ---- */ 
a.rollover_188 {
	display:block;width:188px;overflow:hidden;
}
a.rollover_188:hover img, a.rollover_188:focus img, a.rollover_188 img.hover {
	margin-left: -188px;
}

/* ---- earnings potential calculator ---- */ 
a.rollover_242 {
	display:block;width:242px;overflow:hidden;
}
a.rollover_242:hover img, a.rollover_242:focus img, a.rollover_242 img.hover {
	margin-left: -242px;
}

/* ---- sidebar video icons ---- */ 
a.rollover_66 {
	display:block;width:66px;overflow:hidden;
}
a.rollover_66:hover img, a.rollover_66:focus img, a.rollover_66 img.hover {
	margin-left: -66px;
}