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: 8px;
    margin-top: 8px;
}

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

/* ------------------------------------------ */
/* 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 the Get Started link in header  */
a.button.arrow_right
{
    padding: 0 0 0 0;
    font-size: 1em;
    text-align: left;
    background: #E6E6E6 url(/images/shared/button_get_started.gif) no-repeat right -88px;
    width: 109px;
    height: 18px;
}

a.button.arrow_right span
{
    padding: 2px 0 0 15px;
    background: transparent url(/images/shared/button_get_started.gif) no-repeat left top;
    color: #223E7D;
    letter-spacing: 0.1em;
    font-size: 0.9em;
}

a.button.arrow_right:hover, a.button.arrow_right.buttonHover
{
    /* the redundant class is used to apply the hover state with a script */
    background-position: right -132px;
}

a.button.arrow_right:hover span, a.button.arrow_right.buttonHover span
{
    background-position: 0 -44px;
    color: #999999;
}

/* ------------------------------------------ */
/*   used for the Client Login link in header  */
a.button.login
{
    padding: 0 0 0 0;
    font-size: 1em;
    text-align: center;
    background: #223E7D url(/images/shared/button_client_login.gif) no-repeat right -88px;
    width: 107px;
    height: 18px;
}

a.button.login span
{
    padding: 2px 0 0 0;
    background: transparent url(/images/shared/button_client_login.gif) no-repeat left top;
    color: #FFFFFF;
    letter-spacing: 0.1em;
    font-size: 0.9em;
}

a.button.login:hover, a.button.login.buttonHover
{
    /* the redundant class is used to apply the hover state with a script */
    background-position: right -132px;
}

a.button.login:hover span, a.button.login.buttonHover span
{
    background-position: 0 -44px;
    color: #CCCCCC;
}

/* ------------------------------------------ */
/*   used for the video links on homepage    */
a.button.video
{
    padding: 0 0 0 0;
    font-size: 1em;
    text-align: left;
    background: #223E7D url(/images/shared/button_watch_video.gif) no-repeat right -88px;
    width: 125px;
    height: 18px;
}

a.button.video span
{
    padding: 2px 0 0 11px;
    background: transparent url(/images/shared/button_watch_video.gif) no-repeat left top;
    color: #FFFFFF;
    letter-spacing: 0.1em;
    font-size: 0.9em;
}

a.button.video:hover, a.button.video.buttonHover
{
    /* the redundant class is used to apply the hover state with a script */
    background-position: right -132px;
}

a.button.video:hover span, a.button.video.buttonHover span
{
    background-position: 0 -44px;
    color: #CCCCCC;
}




/* ------------------------------------------ */
/*   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;
}


/* Tabs
----------------------------------*/
/*simplifed tab widget, still has default styling  */

/*
#tabs {
  margin-top:0;
  margin-bottom:20px;
  padding:0;
  border:0;
  background:none;
}

#tabs p, #tabs ul  {
  font-size:0.85em;
}

#tabs ul.simpleList li {
  margin-bottom:1em;
}

#tabs p  {
  margin-bottom:1em;
}

#tabs > ul{
  background:none;
  border:0px;
  border-bottom:1px solid silver;
  margin:0;
}

.ui-tabs .ui-tabs-nav li a { 
  text-decoration: none; 
  padding: 4px 10px 4px 10px; 
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { 
  padding-bottom: 1px; 
  border-bottom-width: 0; 
}
*/
/* 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: bold;
    line-height: 18px;
    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 */


#search_advisor_box
{
    width: 201px;
    height: 24px;
    border: 1px solid #999999;
    padding: 0px;
    margin-top: 5px;
}
#search_advisor_box #go
{
    float: right;
    margin: 3px 4px 0 0;
}


#get_started_link
{
    xbackground-image: url('/images/shared/button-bkgrd.png');
    xcolor: #ffffff;
    xpadding: 2px 15px 2px 15px;
    padding: .4em 30px .4em 1em;
    text-decoration: none;
    position: relative;
}
.get-started
{
    background-image: url('/images/shared/button-bkgrd.png');
    color: #ffffff;
    padding: .4em 30px .4em 3em;
    text-decoration: none;
    position: relative;
    border: 1px solid #5160A3;
}
.ui-state-hover
{
    border: 1px solid silver;
    color: red;
}
#get_started_link span.ui-icon
{
    margin: 0 5px 0 0;
    position: absolute;
    right: .2em;
    top: 50%;
    margin-top: -8px;
}
a.read_more
{
    padding: .4em 30px .4em 1em;
    text-decoration: none;
    position: relative;
}
a.read_more span.ui-icon
{
    margin: 0 5px 0 0;
    position: absolute;
    right: .2em;
    top: 50%;
    margin-top: -8px;
}
a.big_button
{
    padding: .4em 30px .4em 1em;
    text-decoration: none;
    position: relative;
}
a.big_button span.ui-icon
{
    margin: 0 5px 0 0;
    position: absolute;
    right: .2em;
    top: 50%;
    margin-top: -8px;
}