/****************************************************

 BLK :: iShares US (v1.6)

  Author: tony.vieques@blackrock.com

 (c) Copyright 2010 BlackRock, Inc.

****************************************************/


/*=================================================================

BLK RESET

==================================================================*/

html{color:#000;background:transparent}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}a{outline:none}

/*=================================================================

BLK GLOBAL ELEMENTS -

==================================================================*/

/*****************************************************************
global button
******************************************************************/

/* vi button class  */
.button, .button-gray {
    display:inline-block !important;
    font-size:12px;
    font-weight:bold;
    height:25px;
    padding:0 20px 0 20px !important;
    margin:0;
}
.ie6 a.button { background:url("/content/en_us/images/vi/button_bg_ie6.gif") no-repeat scroll right top transparent; } /* giving IE6 a gif as it doesn't render the png well (due to it's alpha transparency)  */
a.button span, a.button-gray span {color:#FFFFFF;font-size:12px;font-weight:bold;margin:0;line-height:25px; } /* places bottom of characters at correct location veritcally to appear vert centered w/r 29px container. In which discount 4px shading at bottom  */
a.button:hover span, a.button-gray:hover span { text-decoration:underline; }
.inline-block {display:inline-block;}
.float-left {float:left;}
.float-right {float:right;}
.strong {font-weight:bold}
.align-left {text-align:left !important;}
.align-right {text-align:right !important;}

/*****************************************************************
button in Muni Tool
******************************************************************/
#frm_muni_calc a.button_off      { float:left; display:block; text-align:center; color:white; font-weight:bold; font-size:12px; background: transparent url(/images/gui/btn/sprites.gif) left 0 no-repeat; padding:0 0 0 13px; text-decoration:none; }
#frm_muni_calc a.button_off span { display:block; color:white; padding:3px; padding-bottom:4px;  padding-right:20px;  background: transparent url(/images/gui/btn/sprites.gif) right -87px no-repeat;  text-decoration:none;}

/*****************************************************************
button in bt
******************************************************************/

.bt a.button { margin-left:22%;*margin-left:12%; }
.bt a.button span{ _margin-left:12px; }

/* === Submit button - used for Graying out until user selects something (used on Registration page 1) === */
.vi-btn-wrapper { display: inline-block; background: transparent url(/content/identity/images/btn_action_bg.png) no-repeat scroll left top; padding: 0 0 2px 0; font-weight: bold; font-size: 11px; *display: inline; }
.vi-btn-wrapper .vi-btn { border: 0px solid; color: #fff; font-weight: bold; font-size: 12px; position: relative; left: 2px; background: url(/content/identity/images/btn_action_bg.png) no-repeat scroll right top; padding: 6px 16px 6px 16px; margin: 0; line-height:19px; cursor: pointer; *line-height:15px; width: auto; _width:0; *overflow: visible; *margin-right: -3px;}
.vi-btn-disabled-wrapper { display: inline-block; background: transparent url(/content/identity/images/vi_button_disabled.png) no-repeat scroll left top; padding: 0 0 2px 0; font-weight: bold; font-size: 11px; *display: inline; }
.vi-btn-disabled-wrapper .vi-btn { border: 0px solid; color: #fff; font-weight: bold; font-size: 12px; position: relative; left: 2px; background: url(/content/identity/images/vi_button_disabled.png) no-repeat scroll right top; padding: 6px 16px 6px 16px; margin: 0; line-height:19px; *line-height:15px; width: auto; _width:0; *overflow: visible; *margin-right: -3px;}


/*=================================================================

GENERIC STYLES

==================================================================*/

/* global cascade fixing up for Site Nav Redux ************/
/* vi-lite1b */
/* orig: */
/* body  { font-family:arial, sans-serif; font-size:13px; color:#000000;
  background:#fff url(/images/decorators/faded_back.gif) top left repeat-x;
  margin:0; padding:0; } */ /*body  { font-family:verdana, arial, sans-serif; font-size:11px; color:#000000; background:#fff url(/images/decorators/faded_back.gif) top left repeat-x; margin:0; padding:0; }*/

/* vi-lite1b mod:  removed since it isn't used by Prod. Rather vi-lite1c is. see below   */
/* removed - no longer used. see vi-lite1c */


h1 {font-size:19px;color:#666;margin:20px 0 20px 0;}  /* site nav redux changed this from 35px now gray 19px as per Hot design */
h2 {font-size:18px;font-weight:bold;margin:20px 0 10px 0;} /* site nav redux: inherits 13px from body which is the correct size for h2 */
h3 {font-size:15px;font-weight:bold;margin:10px 0 15px 0;}/* vi-lite */
h4 {font-size:13px;font-weight:bold;color:#333;} /* vi-lite */
h5 {font-size:12px;font-weight:bold;margin:10px 0 14px 0;} /* vi-lite */
h6 {font-size:11px;font-weight:bold;} /* vi-lite */

a { color:#006BB4; text-decoration:none; }  /* site nav redux - changed color to blue #006BB4 from blak  */
a:hover { text-decoration:underline; } /* added for site nav redux */
a:active {outline:none;}  /* todo: see if can remove this */
a.underline { text-decoration:underline; }

strong {font-weight:bold;}

a.icon, .icon a {background-image: url(/images/modules/common_sprites.gif); background-repeat:no-repeat; display:inline-block; min-height:16px; padding:0 0 0 23px; margin-top:3px;}
.icon a {background:none;}
a.icon.podcast {background-position: -10px -1900px; } /* vi-lite */
a.icon.pdf     {background-position: -10px -150px; } /* vi-lite */
a.icon.flv     {background-position: -10px -348px; } /* vi-lite */
a.icon.popup     {background-position: -10px -450px; } /* vi-lite */
a.icon.mp3     {background-position: -10px -550px; } /* vi-lite */
a.icon.xls     {background-position: -10px -650px; } /* vi-lite */
a.icon.tool     {background-position: -10px -750px; } /* vi-lite */
a.pdf     { padding:0 0 0 23px;background: url(/images/modules/common_sprites.gif) no-repeat -10px -150px; } /* vi-lite */
a.flv     { padding:0 0 0 23px;background: url(/images/modules/common_sprites.gif) no-repeat -10px -348px; } /* vi-lite */
a.popup   { padding:0 0 0 23px;background: url(/images/modules/common_sprites.gif) no-repeat -10px -450px; } /* vi-lite */
a.mp3     { padding:0 0 0 23px;background: url(/images/modules/common_sprites.gif) no-repeat -10px -550px; }  /* vi-lite todo: break out into audio and podcast classes  */
a.none    { background:none;}
a.ppt     { padding:0 0 0 23px;background:url(/images/modules/common_sprites.gif) no-repeat -10px -2000px; }  /* vi-lite: added ppt icon */
a.xls     { padding:0 0 0 23px;background: url(/images/modules/common_sprites.gif) no-repeat -10px -650px; } /* vi-lite */
a.tool    { padding:0 0 2px 23px;background: url(/images/modules/common_sprites.gif) no-repeat -10px -750px; } /* vi-lite */
a.email, .contact a.icon { padding:0 0 2px 23px;background: url(/images/modules/common_sprites.gif) no-repeat -8px -848px;}

/* end: module - shared across modules   */
/*----------------------------------*/


.nohover a:hover {text-decoration:none;} /* this pattern can be used where you don't want contained anchor to have it's content underlined. */
/* then use a style like this below for what you want underlined. See Footer style below for an example of this override in action */
/* .nohover a:hover span.somestyleyouwantunderlined {text-decoration:underline}  */


a.blue{ background:none }

p {margin:10px 0 10px 0; padding:0;} /* site nav redux added this */
form { border:0; margin:0; padding:0; } /* site nav redux broke this out to separate p from form */ /* orig: form,p { border:0; margin:0; padding:0; }*/
img { border:0; }
input, textarea { font-family: verdana, arial, sans-serif; padding:0; margin:0; }
:focus { -moz-outline-style: none; }
td.right, th.right {text-align:right}
td.center, th.center {text-align:center}

/* site wide std colors */
.grey {color:#666;} /* this is from digital design stds */
.pink-callout {color:#d10074;font-size:12px;} /* vi-lite */
.orange-callout {color:#e37222;font-size:12px;} /* vi-lite */
.no-wrap {white-space:nowrap;}
.no-bg {background:none !important;}

/* global bullet solution - as part of EBUSSP-1432 - this can be used when a standard blackrock grey bullet list is needed. Such as those on homepage */
/* this is similar to that seen on Homepage What's New Tab as well as iShares ETFs | Core solutions page.   Override padding as needed */
ul.standard {padding:0 10px 10px 10px;list-style-type: none;} /* blackrock standard bullet treatment - gray square bullets with 10px left padding to left of bullets  */
ul.standard li {background:url(/images/vi/bullet_list_square_gray.gif) 0 5px no-repeat;padding-bottom:5px;padding-left:15px;}  /* vi-lite: 0 5px is 0 from left and 5 from top to acheive top vert alignment */

/* light gray arrow - from VI */
ul.arrow-gray {padding:0 10px 10px 10px;list-style-type: none;} /* blackrock standard bullet treatment - gray square bullets with 10px left padding to left of bullets  */
ul.arrow-gray li {background:url(/images/vi/grey_arrow.gif) 0 5px no-repeat;padding-bottom:5px;padding-left:15px;}  /* vi-lite: 0 5px is 0 from left and 5 from top to acheive top vert alignment */

/* darker gray arrow */
ul.arrow-dark-gray {padding:0 10px 10px 10px;list-style-type: none;} /* blackrock standard bullet treatment - gray square bullets with 10px left padding to left of bullets  */
ul.arrow-dark-gray li {background:url(/images/vi/grey_arrow_dark.gif) 0 5px no-repeat;padding-bottom:5px;padding-left:15px;}  /* vi-lite: 0 5px is 0 from left and 5 from top to acheive top vert alignment */

/** Horisontal list **/
.footer-caveat {border:1px solid #CCCCCC; margin:0 auto; padding:15px; width:650px;}
.footer-caveat ul {display:block; list-style-type:none; height:12px; margin:0 auto; width:360px;}
.footer-caveat ul li {float:left; font-size:1.1em; padding-right:10px;}

.tpm-overview hr {color:#cccccc; background-color:#cccccc; border:none; height:1px; margin:10px 0 15px 0;}
.tpm-overview h4 {margin-bottom:10px;}
.ishares-gradient {
    background: -moz-linear-gradient(#0b66b6,#0D85CF); /* Firefox 3.6+ */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0b66b6), to(#0D85CF)); /* Safari 4+, Chrome 1+ */
    background: -webkit-linear-gradient(#0b66b6, #0D85CF); /* Safari 5.1+, Chrome 10+ */
    background: -o-linear-gradient(#0b66b6, #0D85CF); /* Opera 11.10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#0b66b6, endColorstr=#0D85CF); /* IE 6-8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#0b66b6, endColorstr=#0D85CF)"; /* IE 8+ */
}
.btn-shadow {
    border:none; color:#eeeeee; cursor:pointer; font-size:.9em; font-weight:bold; margin-right:10px; padding:5px 10px;
    box-shadow:2px 2px 2px #999;
    -o-box-shadow:2px 2px 2px #999;
    -moz-box-shadow:2px 2px 2px #999;
    -webkit-box-shadow:2px 2px 2px #999;
}
.tpm-sample {padding-right:0;}
.tpm-sample hr {background-color:#dddddd; border:0; color:#dddddd; height:1px; margin:0 auto; width:90%;}
.tpm-sample p a.popup {display:inline-block; font-size:.9em; height:16px;}

/*=================================================================

BLK iSHARES CANVAS

==================================================================*/

/******************************************************************

CANVAS TOP-LEVEL HIERARCHY

body#blk
  #wrapper
    #canvas
      #head
        #aux
        #nav  (.top-navigation)
        #navmemu
      #main
        #content
          #breadcrumb
          #page
            .template (.template-common)
        #leftnav
          #qf (#qf-container)
          #submenu (.left-submenu)
      #footer
         #footer .nav
      .disclaimers
      #hidden


******************************************************************/

/* use class overriding to change this in other decorators */
/* vi-lite1c */

/* orig: */
/*body{*/
  /*font-family: Arial, Helvetica, Verdana, sans-serif;*/
  /*font-weight: normal;*/
  /*font-size: 0.8em;*/
  /*margin  :0;*/
  /*padding :0;*/
  /*min-width:1000px;*/
  /*letter-spacing:0px;*/
  /*color:#000;*/
  /*background:white url(/images/gui/canvas/body.png) repeat-x left 88px;*/
/*}*/

/* vi-lite1c mod:  creating hybrid which has
                 1. the bits used from webcommon vi-lite1a
                 2. this css from orig lite1c
                 3. sub out the old body.png for CA bg w/out mods    */

/* hybrid: */
body{
  font-family:arial, sans-serif;
  font-size:13px;
  font-weight: normal;
  color:#000;
  margin  :0;
  padding :0;
  min-width:1000px;  /* vi-lite: needed ? */
  letter-spacing:0px;  /* vi-lite: needed ? */
}

/*****************************************************************

layout

******************************************************************/

#wrapper { z-index:1; padding-bottom:88px  }

/* vi-lite2 */
/* orig */
/*#canvas  { position:relative; top:88px; width: 1007px; margin:auto; background:url(/images/gui/canvas/c_left.png) repeat-y left top; margin-bottom:10px; z-index:1 }*/

/* vi-lite2 mod :  this is based on SNR design pattern of bg img painting the left pinstripe, left nav bg, and rt pinstripe */
#canvas  {position:relative; top:0px; width: 1007px; margin:auto; margin-bottom:10px; z-index:1; background:url("/images/vi/c_left_vi.png") repeat-y scroll right top transparent;}
/*For fund page we dont need the background*/
#wrapper .fundpage{
	background:url("/images/dropShadowWhiteBgrd.png");
}

/*****************************************************************

short layout ?short=1

******************************************************************/
/* todo: vi-lite need to handle short pages -
     option1: just swap out the bg's for the ones that work for default pages */

/* orig set start */
/*.short #canvas  { background:url(/images/gui/canvas/bg_canvas_repeat_600.png) repeat-y 1px top; }*/
/*.short #main    { min-height:500px; _height:500px; background:none; }*/
/*.short #content { min-height:500px; _height:500px; } *//* cleanup - cant use .ie6 */
/*.short #canvas .disclaimers { background:#c7c7c7; }*/

/*body.short              { background:#c7c7c7 url(/images/gui/canvas/body_600.png) repeat-x; }*/
/*body.short #footer      { background:transparent url(/images/gui/canvas/bg_foot_600.png) no-repeat 1px bottom;  }*/
/*body.short #wrapper.wide #canvas, */
/*body.short #canvas      { background:url(/images/gui/canvas/bg_canvas_repeat_600.png) repeat-y 1px top;   }*/
/*body.short #wrapper.wide #main,   */
/*body.short #main        { background:transparent url(/images/gui/canvas/bg_canvas_shortwide_block.png) no-repeat 1px top;  _overflow:inherit; }*/

/*.short .disclaimers,*/
/*.short .disclaimers div,*/
/*.short .disclaimers .normb,*/
/*.short .disclaimers .little{ background:none; color:black }*/
/* orig set end */

/* vi set start */
/* .short #canvas  { background:url(/images/gui/canvas/bg_canvas_repeat_600.png) repeat-y 1px top; } */  /* not needed in vi */
.short #main    { min-height:500px; _height:500px; background:none; }
.short #content { min-height:500px; _height:500px; } /* cleanup - cant use .ie6 */
/*.short #canvas .disclaimers { background:#c7c7c7; }*/

/*body.short              { background:#c7c7c7 url(/images/gui/canvas/body_600.png) repeat-x; }*/
/*body.short #footer      { background:transparent url(/images/gui/canvas/bg_foot_600.png) no-repeat 1px bottom;  }*/
/*body.short #wrapper.wide #canvas,*/
/*body.short #canvas      { background:url(/images/gui/canvas/bg_canvas_repeat_600.png) repeat-y 1px top;   }*/
/*body.short #wrapper.wide #main,*/
/*body.short #main        { background:transparent url(/images/gui/canvas/bg_canvas_shortwide_block.png) no-repeat 1px top;  _overflow:inherit; }*/

/*.short .disclaimers,*/
/*.short .disclaimers div,*/
/*.short .disclaimers .normb,*/
/*.short .disclaimers .little{ background:none; color:black }*/
/* vi set end */


/*****************************************************************

wide layout ?leftnav=0

******************************************************************/
/* orig */
/*.wide #canvas     { background-image:url(/images/gui/canvas/canvas.png); margin-bottom:10px; } */
/*.wide #main       { background-image:url(/images/gui/canvas/cw_grad.png); }*/

/* vi */
.wide #canvas     { background-image:url(/images/gui/canvas/canvas.png); margin-bottom:10px; }  /* keep this - this is 1007 wide pinstripe edge on both sides w/ solid white in between */
/*.wide #main       { background-image:url(/images/gui/canvas/cw_grad.png); }*/ /* no longer needed */

.wide #breadcrumb { width:auto; margin-left:150px;  }
.ie6 .wide #breadcrumb { padding:10px 0px; padding-left:10px; }

.wide #leftnav    { display:none; }
.wide #content    { width:995px; }

.wide .template-common .left { width:745px; }

/*****************************************************************

clean layout

******************************************************************/
.clean #canvas  { background-image:url(/images/gui/canvas/canvas.png);  }
.clean #main    { background-image:url(/images/gui/canvas/cw_grad.png); }
.clean #content { width:995px; }
.clean #leftnav,
.clean #footnav { display:none; }

/*****************************************************************

fluid layout

******************************************************************/
body.fluid      { background:white; }
.fluid #canvas  { background:none; margin:inherit;}

/*  *********************************************** */
/* vi-lite: for wide product list pages - need to set min width /width (ie) for them such that horiz scroll appears and lets user scroll
   so will hang styles as a canvas class. This class sets correct min-width / width for each table
 Four table genres to handle: List Returns, Profile page, Fixed Income and Index Overviews (EQ,FI). See layout-config to see
 what injects the class name: list-returns-wide-table, profile-wide-table, fixed-income-wide-table, index-overview-wide-table */

.fluid #canvas.list-returns-wide-table {min-width:1350px;}  /* list_returns, list_returns_filter */
.ie8.fluid #canvas.list-returns-wide-table,
.ie7.fluid #canvas.list-returns-wide-table,
.ie6.fluid #canvas.list-returns-wide-table {width:1350px;}  /* ie overrides that don't honor min-width */

.fluid #canvas.profile-wide-table {min-width:1330px;}  /* profile, profile_filter */
.ie8.fluid #canvas.profile-wide-table,
.ie7.fluid #canvas.profile-wide-table,
.ie6.fluid #canvas.profile-wide-table {width:1330px;}  /* profile, profile_filter */

.fluid #canvas.fixed-income-wide-table {min-width:1520px;}  /* fixedincome */  /* 1320 is good for non-signed in. Bug signed in has extra cols so 1520 works */
.ie8.fluid #canvas.fixed-income-wide-table,
.ie7.fluid #canvas.fixed-income-wide-table,
.ie6.fluid #canvas.fixed-income-wide-table {width:1520px;}

/*.fluid #canvas.index-overview-wide-table {min-width:1520px;}  *//* index overviews */
/*.ie8.fluid #canvas.index-overview-wide-table,*/
/*.ie7.fluid #canvas.index-overview-wide-table,*/
/*.ie6.fluid #canvas.index-overview-wide-table {min-width:1520px;}*/



/*  *********************************************** */

.fluid #head    { background:none; padding: 0px 0px; } /* vi-lite - added padding 0 */
.fluid #nav     { margin:0; }
.fluid #main    { background:none; }
.fluid #leftnav { display:none; }
.fluid #content { width:auto; margin:0; float:none;}
.fluid #footer  { background:none; padding:15px 0; }

/*****************************************************************

nonav layout ?nav=0

******************************************************************/
.nonav #content { background:transparent; }
/* .nonav #head    { height:1px; } */ /* vi-lite: removing this. caused mis-display) */   /* gira EBUS-972 for podcase click to register */


/*****************************************************************

header

******************************************************************/
/* orig */
/*#head         { background:url(/images/gui/canvas/c_top_tall.png) no-repeat left top; height:31px; }*/

/* vi-lite5 - adding left and right bars */
/* orig */
/*#head         { background:url(/images/gui/canvas/c_top_tall.png) no-repeat left top; height:31px; }*/

/* vi-lite mod */
#head         {
  padding: 0px 5px;
}

/* vi-lite mod: changed to div of class logo rather than H1 for SEO goal of not having logo be the H1 anymore. Also position at 0,0 no longer rise up above it's container  */
#head div.logo { z-index:10; font-size:0em; left:15px; top:22px; margin:0; background:url(/images/gui/ico/northam_sprites.png) no-repeat 0 -1404px; width:221px;height:88px; } /* vi: top 22 achievies 50px above top of ishares logo text, 30 px below bottom of logo text */
#head div.logo span { display:none; }
#head div.logo a   { display:block; width:221px; height:88px; }

/*****************************************************************

aux

******************************************************************/
/* new for vi */
#head #container-logo-aux {height: 100px;background-color:#fff;padding: 10px 10px 0px 10px}

/* vi-lite mod: position at 0,0 no longer rise up above it's container  */
#aux {font-size:1em; z-index:2; background-color:#fff;overflow:hidden; } /* vi spec: 110px ht. vi-lite: If I make this reletive, Investor type window shade goes underneath nav bar */
#aux p {margin:0;}

/* vi-lite */
#aux ul.top              { position:absolute; right:18px; top:10px;}  /* vi spec: 25px from right edge of pinstripe. 7px is done via pad within. So right 18 works. */
#aux ul.bottom              { position:absolute; right:18px; top:45px;} /* ibid. */

#aux li {display:block; float:left; padding:0 2px;}
#aux a {color:#888; font-weight:normal; text-decoration:none; font-size:.95em;}
#aux a:hover         { text-decoration:underline; }
#aux li.pipe {color:#999999;}
a.flag {background-image: url("/images/country_sprites.png"); background-repeat:no-repeat; display:block; height:14px; text-indent:20px; width:105px;}
xa.flag span {background-color:#ffffff; display:block;}
#aux a#change-workarea {color:#7fba00;}

/* vi-lite mod */
#aux .site-for               { margin:0; padding:0; font-weight:normal; color:#333; z-index:100 }
#aux .site-for a             { font-weight:normal; color:#006BB4; background:none; }

/* vi-lite */
#aux .welcome {color:#888;} /* all to keep the parens grey but not part of the link...so parens won't be underlined too on hover */
#aux .welcome span         {color:#333;font-weight:bold;  }
#aux .welcome a      {background: none;padding-right:0px;} /* no pipe after the last li */

#site-for-usertype, #site-for-usertype:hover {text-decoration:none !important;}
#site-for-usertype .user:hover {text-decoration:underline;}
#site-for-usertype .arrow {color:#156cc6; font-size:.8em; margin-left:4px;}

/*****************************************************************

New treatment for Masthead's Site For: link

******************************************************************/

/* vi - due to new location */
#aux #site-for-container {position:absolute;top:45px;right:125px;}
#aux #site-for-container a {color:#006BB4;}

/* vi-lite: placed absolutely w/r aux. Cannot put this div inside site-for-container as ie6 has z-index issues placing it under search box. And under Nav bar's anchor links.
   Prior to vi-lite it was inside site-for-container but site-for-container was positioned relatively and ie6 was ok with that */
#aux #site-for-panel {
  display:none;
  position:absolute;
  width:357px; height:115px; top:57px; right:125px; /* positioned so top of this div's upward pointing triangle is below site-optimized-for div's downward triangle */
  z-index:10;
  background:url(/images/header/site_for/site_for_panel_bg.gif) top left no-repeat;
  }

#close-button {background:url('/images/gui/ico/northam_sprites.png') no-repeat 0 -1294px; display:inline-block; height:10px; position:absolute; right:11px; top:15px; width:10px;}
#aux #site-for-panel .mouse-pointer {cursor:pointer;} /* user sees mouse pointer "hand" so they know X is clickable. */

#aux #site-for-panel .call-to-action-text {z-index:100;color:white; padding:20px 10px 5px; }
#aux #site-for-panel .call-to-action-text .smaller {font-size:11px;}


#aux .vi-btn-wrapper {
  display: inline-block;
  background: transparent url(/images/header/site_for/btn_action_bg_green_cropped.png) no-repeat scroll left top;
  padding: 10 0 2px 0;
  font-weight: bold;
  font-size: 11px;
  *display: inline;
  margin: 20px 0px 0px 0px;
}

#aux .first {margin-right:12px;}  /* provides spacer between first and second button */

#aux .vi-btn-wrapper .vi-btn {
  border: 0px solid; color: #fff; font-weight: bold; font-size: 11px; position: relative; left: 2px;
  background: url(/images/header/site_for/btn_action_bg_green_cropped.png) no-repeat scroll right top;
  padding: 7px 10px 8px;
  margin: 0;
  width: auto; _width:0; *overflow: visible; *margin-right: -3px;}

#aux a.switch {display:inline-block; color:#fff; font-weight:bold; font-size:11px; margin:20px 10px 0 0; padding:6px 18px; vertical-align:middle;}

.ie6 #aux .first, .ie7 #aux .first{  margin-right:15px; }  /* ie6 needed more right margin to acheive same look as FF3 with 12px */

.ie6 #aux .vi-btn-wrapper a.vi-btn-anchor, .ie7 #aux .vi-btn-wrapper a.vi-btn-anchor {  margin-top:10px; }

/* ***************************************************************  */

/*****************************************************************

nav
 below contains ie6 hacks - that's the "_padding.."

******************************************************************/
/* orig */
/*#nav                   { height:31px; margin:0px 6px; z-index:2; background:#036fbc url(/images/gui/nav/bg.png) repeat-x;  }*/
/* vi-lite mod: absolute and no left/rt marg */
/* vi-lite m1-nav orig bg */
/*#nav                   { clear:both;height:31px; margin:0px 0px; z-index:2; background:#036fbc url(/images/gui/nav/bg.png) repeat-x;  }*/

/* vi-lite m1-nav - leveraging CA */
/* NAV BAR */



#nav {clear:both; height:40px; margin:0px 0px; padding-left:0px; z-index:2;}
#nav ul                { padding-left:10px; }    /* vi-lite */

/* vi-lite m1-nav - leveraging CA */
#nav li {display:block; float:left; padding:0 2px 0 4px; background:url(/images/gui/ico/northam_sprites.png) no-repeat scroll -218px -762px transparent;} /* bg is: Pipe separator to right of the li item. 563 looks as good as CA sprite will afford */

#nav li:first-child {background-image:none;} /* vi-lite calls for 15 px left pad for first menu item */

#nav li.qetf-nav{
	position:relative;
	height:40px;
	padding:0px;
	/*background-color: #009FE1;*/
	width:205px; /* we need this since the qf-head is positioned absolutely */
}

#nav .qf-head-left{
	display:none;
	float:left;
	padding-left:8px;
	margin-left:-8px;
	height:40px;
	display:inline-block;
	/*background: url(/images/quickfinder/qf_left_shadow.png) no-repeat scroll 0 0;*/

}
#nav .qf-head-right{
	display:none;
	padding-left:10px;
	height:40px;
	display:inline-block;
	/*background: url(/images/quickfinder/qf_right_shadow.png) no-repeat scroll 0 0;*/
	position:absolute;
	left:209px; /*width of the qf-head*/	
}

/* vi-lite m1-nav - leveraging CA */
#nav li a {
  color:#FFFFFF;
  display:inline-block;
 font-size:13px;
  height:34px;  /* height is set to 35 since the On and Select state bgs will need to be this height */
  line-height:31px;  /* keeps text vertically centered   */
  padding: 0px 15px 0px 15px ;  /* vi-lite math: center align the text which is 14px tall, nav bar is 40px tall. 40-14=26px. 26px / 2 = 13px top and bottom padding. Left, right get 15px */
  position:relative;
  top:5px;
}

#nav li a.first { padding-left:15px; } /* vi-lite calls for 15 px left pad for first menu item */

/*.ie6 #nav li a         { padding:8px 19px; margin-right:1px; margin-left:0px; }*/   /* not using for VI... */

/* orig */
/*#nav li a.on,*/
/*#nav li a.sel,*/
/*#nav li.on a           { margin-right:2px; margin-left:1px; _margin-right:1px; _margin-left:0px; background:url(/images/gui/nav/bg.png) left bottom repeat-x; }*/

/*#nav li.last a,*/
/*#nav li.last a.on,*/
/*#nav li.on.last a      { border-right:none; padding-right:16px; padding-left:21px; margin-right:0; margin-left:0; _padding-left:16px; _padding-right:17px; _margin-right:-3px;}*/

/*.ii #nav li.last a,*/
/*.ii #nav li.last a.on,*/
/*.ii #nav li.on.last a  { margin:0; padding-left:13px; padding-right:13px; _padding-left:11px; _padding-right:11px }*/

/* vi-lite m1-nav - leveraging CA */
/* HOVER OVER NAV BAR ITEM */
#nav li.on a:hover {text-decoration:none;}

/* SELECTED NAV BAR ITEM */
#nav li a.sel {border-bottom:1px solid #3B4C54;}

/* NAV BAR SPIN - put here and not spin.css so other pages in site do not need to include spin.css */
#nav li.spin a.sel {background:url(/images/spin/spin_nav_item_sel_state_bg.png) repeat-x scroll right transparent }
#nav li.spin a.on,#nav li.spin.on a {background:url(/images/spin/spin_nav_item_on_state_bg.png) repeat-x scroll right transparent }   /* bg is: On State (hover's) Light green  */

.ii #nav li.last a,
.ii #nav li.last a.on,
.ii #nav li.on.last a  { margin:0; padding-left:13px; padding-right:13px; _padding-left:11px; _padding-right:11px }

/* vi mod - moved to #aux area from #nav area */
#aux .search         {
  position:absolute; top:69px; right:20px; padding-top:5px; padding-right:0; padding-right:1px; XXheight:25px;   } /*  iz19191 7.12.2010 Needed to preserve empty space for pages that hide search box. height affords empty search box the "right" div ping bg. Otherwise no height to it at all.  */

#aux .search a       { background:none;  }
body.fluid #nav li.search {width:auto;} /* iz19191  wide pages (like product list page) blew out navbar (ie6) if width set to 226. so overriding back to default/auto. This assumes we'll never have a wide fluid page where we want to turn off Search box.  */
#aux .search input     { float:left; border:none;  }
#aux .search input.txt { border-width:1px 1px 1px 0px; border-style:solid; border-color:#7F9DB9; border-top:1px solid #7F9DB9;height:14px; width:150px; padding:0; padding-top:1px; _padding-top:3px; padding-bottom:3px; _padding-bottom:1px; padding-left:5px; margin-left:10px; border-right:none; border-left:1px solid #005793; font-size:11px; color:#888; background:#fff; }
#aux .search .btn {color:#ffffff; cursor:pointer; font-size:11px; font-weight:bold; height:20px; margin:0; padding:0 6px;}

/* orig - this no longer works with VI tabs and breaks it. remming out for vi-lite */
/* Safari and Firefox on Mac needed same overrides for Nav Bar. So will override based on user platform to cover all browsers on mac */
/* Tested using Mac Safari 4.0.5 and Firefox 3.6.3 */
/*body.mac #nav li a,*/
/*body.mac #nav li a.on,*/
/*body.mac #nav li a.sel,*/
/*body.mac #nav li.on a {padding: 8px 14px;} *//* 14 looks good in safari 3.2.3. re: must reduce padding to enable all buttons to fit on the bar */

.mac #nav li.last a, /* Mac overrides for Nav Bar. */
.mac #nav li.last a.on,
.mac #nav li.on.last a {padding-right:15px;padding-left:14px;}  /* reduced padding to enable all buttons to fit on the bar  */

/* Mac overrides for INDIV ii Nav Bar */
.mac .ii #nav li.last a,
.mac .ii #nav li.last a.on,
.mac .ii #nav li.on.last a {padding-right:12px;padding-left:12px;}  /* any bigger than 12 and 12 and Nav item wraps off of nav bar */


/*****************************************************************

menu

******************************************************************/
/* if you adjust the widths and positions  - try in ie6,ie7,ff3. Optimized for these 5.05.2010 */
/* orig */
/*#navmenu       { position:absolute; height:300px; display:none; top:31px;  z-index:99; }*/

/* vi-lite - changed to position relative so mega menus absolute position is relative to this and don't need to change positioning of them */
#navmenu       { position:relative; z-index:99; }

.mac.safari #navmenu  {top:0px; } /* vi-lite: no longer need top of 30. that broke vi */ /* artf184129: mac safari needed offset from above default of 30px. re: had a small gap between the Nav Bar and the mega menus. If user moved mouse slow enough off of nav bar towards mega menu - would be treated as mouse off the nav bar and mega would hide. Mac FF3 didn't need the fix */
#navmenu.on    { display:block; }
.nav-ctrl      { position:relative; }
.nav-target    { display:none; }
.nav-target.on { display:block; }

/*****************
/* default mega menu positioning and widths   - for any browser not overridden. So FF3 uses this in most cases */
#nav1 { position:absolute; left:220px; width:320px; } /* pos orig: 229, vi: 78 */
.ii #nav1 { position:absolute; left:220px; width:132px; } /* pos orig: 229, vi: 78 */
#nav2 { position:absolute; left:334px; width:212px; } /* pos orig: 348, vi: 199 */
#nav3 { position:absolute; left:489px; width:340px; } /* pos orig: 514, vi: 363 */
.inst #nav3 { position:absolute; left:488px; width:430px; } /* pos orig: 514, vi: 363 */ /* for INST this is tools menu double wide so wide */
.ii #nav4 { position:absolute; left:634px; width:235px; } /* pos orig: 693, vi: 517 */ /* see ie6override for slight left tweak For INDIV this is tools */
.fp #nav4 { position:absolute; left:566px; width:430px; } /* pos orig: 514, vi: 517 */ /* see ie6override for slight left tweak. for FP this is tools */
.inst #nav4 { position:absolute; left:551px; width:445px; } /* was 445 pos orig: 490, vi: 491 */ /* @artf196106 - shifting to be rt aligned with the button On state. For INST this is Inst Resources. Last menu item */
.ii #nav5 { position:absolute; left:754px; width:190px; } /* pos orig: 816, vi: 646 */
.fp #nav5  { position:absolute; left:551px; width:445px; }  /* pos orig: 598, vi: 645 */ /* 9.17.2010 expanded to accomodate 2 col mega - for single col was left:792px; width:214px; */

.fp #nav6  { position:absolute; left:791px; width:205px; }  /* for SPIN menu item */
.inst #nav6  { position:absolute; left:772px; width:205px; }  /* for SPIN menu item */
.ii #nav6  { position:absolute; left:791px; width:205px; }  /* for SPIN menu item */


.fluid .fp #nav5                                         { left:645px; }
/*****************
/* Safari and Firefox on Mac shared same issues needing overrides for Nav Bar. So will override based on user platform to cover all browsers on mac. See other Mac overrides above. */
.mac #nav1 { left:220px; width:325px; } /* vi-lite: left 80px */
.mac .ii #nav1 { left:220px; width:138px; } /* vi-lite: left 80px */
.mac #nav2 { left:334px; width:210px; } /* vi-lite: left 199 */
.mac #nav3 { left:486px; width:350px; } /* vi-lite: left 364 */
.mac .ii #nav4 { left:634px; width:235px; } /* vi-lite: left 518 */
.mac .ii #nav5 { left:754px; width:190px; } /* vi-lite: left 643 */
.mac .fp #nav4 { left:565px; width:430px; } /* vi-lite: left 518 */ /* tools menu - double wide */
.mac .fp #nav5 { left:540px; width:455px; } /* vi-lite: left 545, width 455 */ /* advisor resources menu. @artf197722 and prod fix - expanded to accomodate 2 col mega - for single col was left:784px; width:222px; */
.mac .inst #nav3 { left:488px; width:430px; } /* @artf197722 - for INST this is tools menu - so needs same width as FP's nav4 which is tools menu double wide too */
.mac .inst #nav4 { left:551px; } /* vi-lite: left 412 */
/*****************************************************************

megamenu (adapted from navigation.css)

******************************************************************/
/* .mega-menu { top:0px; display:none;  } */

.mega-menu { top:0px; z-index:9999; display:none;}
.mega-menu .gradiant-content    {
    width:100%;
    float:left;
}
.mega-menu .menu-bottom {border-top:2px solid #008EC9;}
.mega-menu .menu-bottom .corner-left {height:0;}
.mega-menu .menu-bottom .shadow-bottom {height:0;}
.mega-menu .menu-bottom .corner-rt {height:0;}

/* styling for the mega menu content */
.mega-menu ul.mega-list {margin:0;padding:0;list-style:none;}/*cleanup*/
.mega-menu ul.mega-list li {display:block;float:left;padding:0 15px 10px 15px} /* @iz19326 - to add bottom padding. Added 10 here. and inner li has 10 for total of 20px.  */
.mega-menu ul.mega-list li ul.col-items {margin:0 0 0 0;padding:15px 0 0 0;}
.mega-menu ul.mega-list li ul.col-items li {list-style-type:none;float:none;padding:0 0 10px 0;font-size:12px;}   /* this UL is a list nested within the li that contains the column. */
.mega-menu ul.mega-list li ul.col-items li a {color:#000;} /* links are black on megas */
.mega-menu ul.mega-list li ul.col-items li a:hover {text-decoration: underline;}
.mega-menu ul.mega-list li ul.col-items li.title {font-weight:bold;}

.mega-menu ul.one-col {} /* no style needed. But here in case one column layout ever needs some. */
.mega-menu ul.two-col li.col1 {border-right:1px solid #abc7db} /*  two column mega menu needs vert separator. So have both left and right ul have a border of 1 and put on top of each other - longest wins. #abc7db is steel blue. */
.mega-menu ul.two-col li.col2 {border-left:1px solid #abc7db;margin-left:-1px;} /* negative margin left puts left border on top of col1 rt border on purpose. So net effect is longest one will reach from top to bottom. Shorter ul won't.  */

#nav5.mega-menu ul.mega-list li ul.col-items {width:185px}
.inst #nav4.mega-menu ul.mega-list li ul.col-items {width:185px}


/*****************************************************************

breadcrumb

******************************************************************/
/* setting width on breadcrumb breaks it on topic pages. careful with this! */
#breadcrumb { background:none; width:inherit; font-size:11px; padding:15px; position:relative; z-index:0 }


/*****************************************************************

content

******************************************************************/
/* orig */
/*#content { float:right; width:770px; margin-right:6px; _margin-right:3px; background:transparent url(/images/gui/canvas/c_cont.png) repeat-x; min-height:100px; _height:100px; }*/

/* vi-lite m1-nav - removing shadow from under top nav*/
#content { float:right; width:770px; margin-right:6px; _margin-right:3px; XXXbackground:transparent url(/images/gui/canvas/c_cont.png) repeat-x; min-height:100px; _height:100px; }

/*Fund page specific*/
.fundpage #content{float:left; width:769px;	margin-right:15px;}
/*****************************************************************




(.template-common adapted from webcommon.css)

******************************************************************/
.template-common {padding:0; margin:10px;} /* margin rt used to be 10 but giving 6 to right column - to rt col can have 4 extra px for it's rt shadow. margin-bottom does not work here for any browser. so setting in left and right content */

/* orig */
/*.template-common .title  { height:30px;position:relative;font-size:26px; color:#003d6c;padding-bottom:10px;border-bottom:1px solid #a5a5a5;} *//* height for ie6 for abs position *//* *//* blue 26px, light gray bott border as per Hot design */

/* vi-lite */
.template-common .title  { height:30px;position:relative;font-size:24px; font-weight:bold; color:#333;padding-top:15px;padding-bottom:5px;margin-bottom:10px;border-bottom:1px solid #a5a5a5;}


/* vi-lite */  /* modular pages AND product's distribution page use these styles.  */
.utility-nav {font-size:11px; text-align:right; float:right; width:300px;}
.tlp div.utility-nav {padding-bottom:0px; } /* Tools Landing Page override */
.gold #layout-b div.utility-nav {display:none;} /* override for  portfolio_strategies/asset_class_solutions/gold.htm - this page wasn't designed to show the util bar */
#product_list_content div.utility-nav {padding-top:5px;padding-right:15px;padding-bottom:5px;} /* override for product list pages */
#product-info-header div.utility-nav {padding: 10px 10px 0 0} /* prod page overrides */
#product-info-page-container #distribution-table.utility-nav {padding-bottom:10px;} /* override for dist. table - less vert space needed */

.utility-nav span, .utility-nav li {float:right; line-height:24px;} /* line ht affords vert. room to tune position of sprite icon */
.utility-nav span a, .utility-nav li a {display:block; padding:0px 0px 0px 30px} /* works for all except the feedback link */
.utility-nav .email a {background: url("/images/modules/common_sprites.gif") no-repeat 0 -844px;}
/* uncomment to remove email a friend */
/*div.utility-nav span.email a {display:none;}*/

.utility-nav .print a {background: url("/images/modules/common_sprites.gif") no-repeat 0 -897px;}
.utility-nav .excel a {background: url("/images/modules/common_sprites.gif") no-repeat 0 -245px;}
.utility-nav .pdf a {background: url("/images/modules/common_sprites.gif") no-repeat 0 -145px;} /* not used as much but here for like distrib page */
.utility-nav .tool a {background: url("/images/modules/common_sprites.gif") no-repeat 0 -750px;} /* not used as much but here for like distrib page */
.utility-nav .feedback-link a {margin-left:10px;padding-left:0px;padding-right:2px;} /* this is animatied gif so not in sprite */


.template-common .top-line { border-top:1px solid #a5a5a5;margin-top:20px;padding-top:20px;padding-bottom:0px;} /*  introduces a top line as used in Layout B H1's and Layout C. Padding separates h1 or h2 and it's top line */

.template-common div.left  { display:block;float:left;width:525px;}  /* Hot Design is 525px. Could be 526 if we want. */
.template-common div.right {float:right; padding:0px 10px 10px 0; width:206px;}  /* Hot Design is 205px. but 225 accounts for 15px left marg., 1px left border and 4px for it's right shadow */
#layout-b.template-common div.right, #layout-c.template-common div.right {padding:0 3px 15px 10px;}  /* Hot Design is 205px. but 225 accounts for 15px left marg., 1px left border and 4px for it's right shadow */

.hp .template-common {margin:0;}
.hp .template-common .left {margin:0 10px; width:525px;}

/* orig - no longer needed in vi-lite */
/*.hp .template-common #sidebar {background: transparent url('/content/en_us/images/hp/home_sidebar_bg.gif') no-repeat scroll left top;}*/


/*****************************************************************

layout-c overrides

******************************************************************/
/*#layout-c .title { margin-bottom:10px; } *//* vi-lite */
#layout-c .left-content h2 { margin:0 }

/*****************************************************************

leftnav

******************************************************************/
/* orig */
#leftnav {float:right; width:205px; padding:15px 10px 0; z-index:3;}
.fundpage #leftnav {width:207px;padding:0px;}
.fundpage #leftnav {float:left;}

/*****************************************************************

main

******************************************************************/
/* vi-lite3*/
/* orig */
/*#main    { background:transparent url(/images/gui/canvas/XXXc_grad.png) no-repeat left top; min-height:900px; _height:900px;  _overflow:inherit;  }*/

/* vi-lite3 mods:
          This will achieve the left nav's bottom positioned vertical fade dark at top to lite at bottom
*/

#main    {
  /*background: background:transparent url(/images/gui/canvas/XXXc_grad.png) no-repeat left top;  */  /* orig */
  /* background:url("/images/vi/leftnav_bg_gradient_ca_test2.png") no-repeat scroll 6px bottom; */ /* TEST COLOR */
  background:url("/images/vi/leftnav_bg_gradient_ca.png") no-repeat scroll 6px bottom;  /* FROM CA */
  min-height:900px;
  _height:900px;
  _overflow:inherit;
}

/*For fund page we dont need the gradient */
.fundpage #main{
	background:none;
}

.wide #canvas #main {background:none} /* vi-lite - wide pages don't want a left nav nor this left nav bottom gradiant */


/*****************************************************************

footer

******************************************************************/
/* VI footer is based on Canada - But retained #footer container and using it's bottom shadow from SNR. */
#footer          { background:url(/images/gui/canvas/cg_btm.png) no-repeat left bottom; padding-right:6px; padding-left:6px; padding-bottom:6px; clear:both;} /* using pre-vi bottom shading. but decreased padding to 6 from 15 */
#footer, #footer a {font-size:11px; color:#000;}
#footer .sitemap {padding:20px 10px 20px 25px; overflow: hidden; zoom: 1;}
#footer .about {zoom: 1; overflow: hidden;}
/* refactored ca pattern due to no resiliancy against taller about section which shows next sprite under it  */

#footer .left-column {float:left;width: 455px; padding:20px 10px 10px 25px;}
#footer .right-column {float:left;margin-left:30px;width:440px; padding:20px 10px 10px 10px;} /* vi-lite: tweek  */

#footer .about-link-group-container div.about-link-group { margin-bottom:5px;}
#footer .about-link-group-container a { margin: 0 5px; }
#footer .about-link-group-container div.help {clear:both}

#footer .blk-brand { background-color: #000; color:#fff; height:44px; overflow: hidden; clear: both; }
#footer .blk-brand a {color:#fff; margin:0px 5px; }
#footer .blk-brand .blk-brand-logo {background:url('/images/gui/ico/northam_sprites.png') no-repeat 0 -1344px; display:block; float:left; height:20px; position: relative; text-indent:-999px; top: 12px; left: 10px; width:133px;}
#footer .blk-brand .blk-brand-link-group { display: inline-block; margin: 20px 0 0 170px; *margin-left: 230px;  }

#footer .site-map-group { float: left; width:18%; margin-right:15px; }
.indiv #footer .site-map-group, .inst #footer .site-map-group { width:23%; } /* override for INDIV and INST footer sitemap - it only has four columns so stretch it wider than for FP and INST*/

#footer .site-map-group .title, #footer .about-link-group-title { font-weight:bold; }
#footer .site-map-group .group-header {font-weight:bold; padding-bottom:10px; display:block;}
#footer .site-map-group .col1 {margin-bottom:10px;}
#footer ul.site-map li {margin-bottom:5px;}


/*****************************************************************

disclaimers

******************************************************************/
#canvas .disclaimers { color:#666; font-size:11px; margin:0; padding: 0 15px 0 15px; background:white }
#canvas .disclaimers p { margin:0; padding: 10px 0 10px 0; }
#canvas .disclaimers .little { font-size:11px; } /* overrides content.css for font-size */ /* jj fix3 */
#canvas .disclaimers .fdic { display:block; font-size:14px; padding:10px 25px; border:1px solid #ccc; text-align:center; margin:15px 125px; }
#canvas .disclaimers a { color:#006BB4; }
#canvas .disclaimers a.blue { background:none; }





/*=================================================================

BLK iSHARES QUICKFINDER

==================================================================*/


/*** QUICKFINDER HEADER ***/
/* vi-lite */
#qf {border-bottom: 2px solid #2A78B8; margin-bottom:20px; z-index:25;} /* vi spec. */
#qf.expand {height:auto; position:absolute; left:10px;} /* vi-lite: needed to fix ie8 homepage where QF flyout underneath bling promo */
#qf-ajax{  display:none;  }

/*** ESSENTIAL STYLES ***/

/* orig   vi-lite: not wanted */
/*.qf-menu { border-bottom:13px solid #898a8c;  }*/


.qf-menu ul { position:absolute; top:0px; width:215px;} /* left offset of submenus need to match (see below) */
.qf-menu ul li { width:100%; }
.qf-menu li:hover { visibility:inherit; } /* fixes IE7 'sticky bug' */

.qf-menu li { float:left; width:205px; position:relative;}

.qf-menu li li li, .qf-menu li li ul, .qf-menu ul.no-children, .qf-menu ul.no-children li {width:420px;}
.qf-menu a { display:block; position:relative;font-weight:normal;  }
.qf-menu a:hover { font-weight:normal; text-decoration:none;}
.qf-menu .no-children a:hover{text-decoration:underline;}
.qf-menu li:hover ul,
.qf-menu li.sfHover ul { left:205px; /* match top ul list item height */ z-index:999;}
.qf-menu li li:hover ul,
.qf-menu li li.sfHover ul { left:205px; } /* match ul width */


/*** QUICKFINDER SKIN ***/
.qf-menu { float:left; margin:0; }

/* orig */
/*.qf-menu a { border-left:1px solid #fffeff; border-bottom:1px solid #bbb; text-decoration:none; padding:8px 20px; font-weight:normal; }*/

/* vi-lite - no longer need the padding */
.qf-menu a { border-left:1px solid #fffeff; border-top:1px solid #f3f8fc; text-decoration:none; padding:0px 20px; font-weight:normal; }

.qf-menu a, .qf-menu a:visited  { color:#000; } /* visited pseudo selector so IE6 applies text colour*/

/* vi-lite NEW */
#qf-tabs .qf-menu li.see-all {border-top:1px solid #DDD;line-height:30px;} /* override color to white */
#qf-tabs .qf-menu li.see-all.on { background-color:#f6f6f6 !important;} /* vi-lite - getting rid of this. The usual .on bg looks wierd now for this new vi design  */
#qf-tabs .qf-menu li.see-all a, #qf-tabs .qf-menu li.see-all a:visited { color:#006bb4; padding-right:0px; }
#qf-tabs .qf-menu li.see-all a.icon-see-all-arrow:hover {text-decoration: underline;} /* padding gives icon room. 183px from left, 8px from top. */

/* orig vi-lite: I remmed this out. It was caused border to display oddly. todo: why was it here? */
/*.qf-menu li ul { border:1px solid #bbb; border-bottom:none; }*/

.qf-menu li.first{border:none;}
.qf-menu li{ border-bottom:0;border-top:1px solid #DDD; }
.qf-menu li li { border:1px solid #bbb; border-bottom:0; }
.qf-menu li li.last { border:1px solid #bbb;  }

/* orig */
/*.qf-menu li li a { border:none; border-top:1px solid #f3f8fc; padding:8px 10px;line-height:14px; }*/

/* vi-lite: put line height out higher to cover all qf li's - set at 30. And removed top/bottom padding as no longer needed */
.qf-menu li li a { border:none; border-top:1px solid #f3f8fc; padding:0px 10px;}

#qf-tabs .L0 li { background:#f6f6f6; font-size:12px;}
#qf-tabs .L0 li a {background:none; font-weight:normal; height:100%}
#qf-tabs .L0 li.on {font-weight:normal; background-color:#c5deef !important;}
#qf-tabs .L1 li   {font-size:12px; background:#ebf4fa !important; }
#qf-tabs .L1 li a { font-weight:normal;  }

#qf-tabs .L0 .L1 li a{ background-image:none; }

#qf-tabs .L1 li:hover a,
#qf-tabs .L1 a:hover, #qf-tabs .L1 a:active { font-weight:normal; background:none; outline:0;   }

#qf-bd{

	float:left;

}

.hp #leftnav{
	margin-top:388px;
}


/*** arrows **/
.qf-menu li a .right-arrow, .qf-menu li ul li a span {background:url('/images/gui/ico/northam_sprites.png') no-repeat 0 -1011px; display:block; height:11px; right:5px; overflow:hidden; position:absolute; text-indent:-999em; top:10px; width:10px;}
.qf-menu li a .stripe {display:block; height:30px; left:0; overflow:hidden; position:absolute; top:0; width:10px;}
.qf-menu li:hover a span, .qf-menu li.on a span {background-position: 0 -1060px;}

/* vi */
/* step1: get the top bit working.  USING TONY naming though to keep the javascript working */
#qf #qf-head { background-color: #2A78B8; line-height: 23px; } /* achieves vertical centering of title text */
#qf-head .title { padding:21px 0 0 29px; font-size:13px; color: #FFF; display: block; cursor: pointer; }

#qf-head { 
	width:205px; /* 189 + 10px padding on right and left */
	height: 48px;
	color: #FFF;
	position:absolute;
	top:-8px;
	z-index:9999;
	background: #001D77; /* for non-css3 browsers */
 background: -moz-linear-gradient(#001D77,#3173C2); /* Firefox 3.6+ */
 /*background: -moz-linear-gradient(#001D77,#3173C2); /* Firefox 3.6+ */
 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#001D77), to(#3173C2)); /* Safari 4+, Chrome 1+ */
 background: -webkit-linear-gradient(#001D77, #3173C2); /* Safari 5.1+, Chrome 10+ */
 background: -o-linear-gradient(#001D77, #3173C2); /* Opera 11.10+ */
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#001D77, endColorstr=#3173C2); /* IE 6-8 */
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#001D77, endColorstr=#3173C2)"; /* IE 8+ */
}
#qf {z-index:9999;}

#qf.expand{
	display:block;
	margin-top:10px;
}

#qf-head.expand{
	height:58px;
}

/* from snr (not ca) -  default class (no .expand in cascade) shows when the menu is collapsed: PLUS sign */
#qf-head #plus-minus-icon {padding-left: 15px; margin-left:19px; margin-right:5px; background: url(/images/quickfinder/qf_arrow_rt.png) no-repeat scroll 0 50%;}/* ie8, ff3: 360 good */

/* from snr (not ca) - expand class shows when menu is expanded: MINUS sign. */
#qf-head.expand #plus-minus-icon {padding-left: 15px; background: url(/images/quickfinder/qf_arrow_dwn.png) no-repeat scroll 0 50%;} /* ie8, ff3 375 good */

.hp #qf-head #plus-minus-icon{background:none;}
.hp #qf-head.expand #plus-minus-icon{background:none;}
/* from snr */
.hp #qf.expand #qf-head #plus-minus-icon { background:none; }

.quickfinder #qf-tabs { position:relative; display:none; }
.quickfinder #qf-tabs ul { padding:0; margin:0; }

.quickfinder .qf-tab-container{display:none;}
#qf{display:none;}
#qf.expand {display:block;}

/*** QUICKFINDER TABS ***/
/* vi-lite new */
.qf-tab-container {overflow: hidden; zoom:1; font-size:11px;}
.qf-tab-container .qf-tab li.on {
	background: #F6F6F6;
}
.qf-tab-container .qf-tab li { float: left;
	width: auto;
	line-height: 30px;
	padding: 0px 8px;
	background:#D8D8D8;
}

/* *** ************ QF TABS **************** *** */
/* ***  By Asset Classs | By Index Provider  *** */
/* *** ************************************* *** */
/* ****  Uses fixed width - looks good for Win FF3, IE8 and Mac Safari, Mac FF **** */
.qf-tab-container .qf-tab li.first {width:77px;} /* MATH is 205 width of container. So first tab is set to 76 (thus 10+76+10) + 2nd tab (10 + 89 +10) = 205 */
.qf-tab-container .qf-tab li.last {width:90px;} /* this achieves no white pipe after last tab. And extends on state to right edge of QF */
.ie8 .qf-tab-container .qf-tab li.last,
.ie7 .qf-tab-container .qf-tab li.last {width:90px;} /* ie8 needs 1 more pixel of width, otherwise gray bg shows when it is in on state */
/*  *************** */

.qf-tab-container #qf1.on{width:83px;}
.qf-tab-container #qf2.on{width:96px;}

/*#qf-tabs .qf-tab li.on a {font-weight:bold} */  /* this breaks layout when you click the "By Index Provider" */
.qf-tab-container .qf-tab li a { color:#000; text-decoration:none;  }
.qf-tab-container .qf-tab li a:hover { text-decoration:underline; }
.qf-tab-container .qf-tab li.on a{font-weight:bold}


/* orig */
/*#qf-tabs .qf-tab li a { display:block; font-size:11px; color:#000; text-decoration:none; padding:10px 8px 8px 8px; background:transparent url(/images/quickfinder/qf_tabright_gray.gif) no-repeat top right; }*/
/*#qf-tabs .qf-tab li.on { background:#fff url(/images/quickfinder/qf_tableft_white.gif) no-repeat top left; }*/
/*#qf-tabs .qf-tab li.on a { background:transparent url(/images/quickfinder/qf_tabright_white.gif) no-repeat top right; }*/
/*#qf-tabs .qf-tab li a:hover { text-decoration:underline; }*/
/*#qf-tabs .qf-tab li.on a { font-weight:bold; }*/
/*#qf-tabs #qf1 { position:relative; float:left; top:0; left:0; }*/
/*#qf-tabs #qf2 { position:relative; float:right; left:-10px; }*/


/*** EXPANDED STATE ***/
.expand ul ul { display: none;  }
.expand ul ul ul { display: none;  }
.expand .qt { display:none;}
.expand #qf-tabs,
.expand .qf-tab-container { display:block; }
.expand #qf-tabs div.on { display:block; width:205px;}
.expand #qf-ajax { display:block; }
.expand #qf-ajax #qf-preload { display:block; background:url(/images/quickfinder/preload.gif) 75px center no-repeat; height:235px; font-weight:bold; color:#fff; margin-left:20px; padding-top:100px; }

/* .expand #tab-2 { display:none; } */


/*** QF OVERRIDE ***/

/* vi-lite NEW */
#qf .L0 li, .L2 li {line-height:30px;}  /* vi spec. This gives the li's 30 height and centers the text vertically */

#qf .L1 li {line-height:29px;} /* reason it's not 30px. Because 1 px is taken up by top border. see .qf-menu li li style  */
#qf .L0 .on ul.L1{ padding:45px 0 0; top:-46px; border:none; display:block; left:205px; border-top:none; background-image:url(/images/blank.gif); }
#qf .L0 .on ul.L1-tall { border:none; display:block; left:205px; border-top:none; background-image:url(/images/blank.gif); }
#qf .L1 .on ul.L2 { border:none; display:block; left:215px; border-top:none; background-image:url(/images/blank.gif); }
#qf .L1 .on ul.L2-tall { border:none; display:block; left:215px; padding:60px 45px 45px 0;  border-top:none; background-image:url(/images/blank.gif); }

/* qf menu adjustment debug. add debug=1 flag to see */
.debug #qf .L1 .flip-ctr.on ul.L2-tall li,.debug #qf .L1 .flip-ctr.on  ul.L2 li { border-color:red; }
.debug #qf .L1 .flip-adj.on  ul.L2-tall li,.debug #qf .L1 .flip-adj.on ul.L2 li { border-color:green; }
.debug #qf .L1 .flip-up.on  ul.L2-tall li,.debug #qf .L1 .flip-up.on   ul.L2 li { border-color:blue; }

/*=================================================================

BLK iSHARES MODULES

==================================================================*/

/*----------------------------------*/
  .debug #sidebar .err {display:block; color:red; border:1px dotted red; padding:10px; margin:10px; }
  #sidebar .err { display:none; }
/*----------------------------------*/

/*----------------------------------*/
#leftnav #mod-promo {margin-bottom:15px;}
#leftnav .mod p.title {font-size:15px; font-weight:bold;}
#leftnav .mod p.subtitle { font-weight:bold;padding-top:5px;}
#leftnav .mod p.last {padding-bottom:0px;margin-bottom:0px;}
#leftnav .mod hr.greyline { color:#ccc; background-color:#fff; height:0px;}
#leftnav .mod span.feedback-link a {display:inline-block;line-height:24px;margin-left:0; padding-left:15px;}  /* this is animatied gif so not in sprite */
/*----------------------------------*/

/*----------------------------------*/

.hp #sidebar h3.submod { background:none;}

/*----------------------------------*/

/*----------------------------------*/
/* str:modules h1 upgrade */
.mod, #inst #sidebar li.module {background-color:#ffffff; border:1px solid #C7C7C7; border-top:3px solid #008ECA; margin-bottom:19px; padding:10px;}
.mod h3 {margin:-4px 0 10px; padding:0;} /* artf185708 - ch5  - change2 modifed sprite to not have ending dark pixel at position 1459. This fixes ie6 that showed it by mistake */
.mod .contact p {margin:0 0 10px 0; padding:0;} /* artf185708 - ch5  - change2 modifed sprite to not have ending dark pixel at position 1459. This fixes ie6 that showed it by mistake */
.mod .contact .contact-name-phone {margin:5px 0 10px;}
.mod .contact .contact-name-phone p {margin:0;}
.mod .contact a {text-decoration:none;}
.mod h3.green    { background:url(/images/gui/module/header_green_bg.png) repeat-x 0 0;padding:17px 10px 15px 10px; margin:0 4px 10px 0; color:#FFF; border:none; font:bold 15px/15px Arial,Helvetica,sans-serif; } /* EBUSSP-1432 breaking news style - achieves Green h3 bg. for ticket branch 3.31 */
.mod .inst li {margin-bottom:10px;}
.mod .relres.icon em {display:block; margin:3px 0 0 23px;}
.mod a:hover { text-decoration:underline; }
.mod h3.nolabel:empty {padding-top:0;}
.mod hr {border:0; color:#dddddd; background-color:#dddddd; height:1px; margin:13px 0 10px; width:100%;}

  /* .right .mod-promo {width:207px;margin:15px 0 0 0px;}  */  /* not used yet - for when it is in right sidebar  */
/* end:modules h1 upgrade */
/*----------------------------------*/



/*----------------------------------*/
/* str:inner module elements */
  .mod .inst a { padding-left:0px; text-decoration:none; }
.mod .icon li {margin-bottom:10px;}
  .mod li p a   { margin:0;padding:0; display: inline; }
  .mod p strong { font-weight:bold; }
  .mod em       { display:block; width:100%; font-style:normal; color:#666; font-size:11px; margin:0; padding:0; }

  .mod div h4 a  { font-weight:bold;padding:0 }
  .mod .see-all {display:block; text-align:right;}
/* end:inner module elements */
/*----------------------------------*/



/*----------------------------------*/
/* str:double module */
  #leftnav h3.submod, #sidebar h3.submod { background:none; }
  .mod h3.submod { background:none; }
 .mod h3.nolabel { font-size:0; line-height:0; margin:0; padding:0; color:white; }
  .mod ul.submod li{margin-bottom:10px; } /* ie6 whitespace bug */
/* end:double module */
/*----------------------------------*/

/*----------------------------------*/
/* str:module image */
 .icon.email {background:transparent url(/images/modules/common_sprites.gif) no-repeat -9px -848px; padding-left:22px;}
/* end:module image */
/*----------------------------------*/




/*----------------------------------*/
/* str:module promo*/
.mod .promo p{margin:3px 0 10px; padding:0;}
.mod .promo img {display:block; margin:0 auto 15px; padding-left:1px;}   /* inst phase 2 - this centers the image so leaving it */
/* needed for Inst Phase II - for showing popup icon.  */
.mod .promo a.popup  {padding:3px 0 3px 23px; background: url(/images/modules/common_sprites.gif) no-repeat; background-position: -10px -447px; }

/* used by promo with bulleted list */
.mod .promo ul {margin:5px 0 10px 0; }
.mod .promo ul li {list-style:none;}
#select-activitylet {margin-bottom:10px;}
/* end:module promo */
/*----------------------------------*/

/*----------------------------------*/
/* str:module video */
  .mod .video a img {margin-bottom:10px;}

  /* vi-lite */
  .mod .video h4  {padding-left:20px; background:url(/images/modules/common_sprites.gif) no-repeat; background-position: -10px -349px;}

/* end:module video */
/*----------------------------------*/


/*----------------------------------*/
/* str:module audio */
  .mod .audio h4 {padding:0 0 7px 20px; background: url(/images/modules/common_sprites.gif) no-repeat; background-position:-10px -550px;}
/* end:module audio */
/*----------------------------------*/


/*----------------------------------*/
/* str:module faq */
 .mod .faq dl { padding:0px;}
  .mod .faq dl.first { border:1px solid white; }
  .mod .faq dl.on { padding-bottom:15px; border-bottom:1px solid #ddd; }
  .mod .faq dl.last.on { border-bottom:none; }
  .mod .faq .first dt { padding-top:0; }
  .mod .faq .autotwisty   { cursor:pointer; color:#006bb4; }
  .mod .faq .on em.autotwisty { cursor:pointer; color:#006bb4; display:inline }
  .mod .faq .on .autotwisty { cursor:text; color:black; }
  .mod .faq strong { float:left; display:block; font-weight:bold; color:black; height:100%; width:15px;  }
  .mod .faq span   { float:left; display:block; width:165px;}
  .mod .faq dd     { float:left; padding-top:10px; }
  .mod .faq dt     { float:left; display:block; padding-top:10px; }
/* end:module faq */
/*----------------------------------*/


/*----------------------------------*/
/* str:module tools (tabbed) */
 .mod .tools ul.first { border-bottom:1px solid #ccc; margin-bottom:15px;}
  .mod .tools .see-all { margin-top:5px; }
  .mod .tools .tab li { padding-top:15px; } /* overriding def 10px */
  .mod .tools .tab a  { display:inline; padding:0; } /* overriding def */

  /* this could be genericized */
  .mod .tools a:hover {}
  .mod .tools a.fp:hover { text-decoration:none }
  .mod .tools a.fp:hover span {text-decoration:underline}
  .mod .tools a.fp:hover span.premium-content-tooltip, .mod .tools a.fp:hover span.premium-content-tooltip-inst {text-decoration:none}
/* end:module tools*/
/*----------------------------------*/


/*----------------------------------*/

/*----------------------------------*/
/* EBUS-1432 - as part of fixing up Related Resources Center location - repurposed "sitefor" variant to be a real RR in center location */
/* related resources - 'center location' variant - when in center of a page rather than side bar module. Couldn't use .mod because don't want module border treatment  */

  .mod-center  {display:block; margin-bottom:10px;  }
  .mod-center .relres li  { padding:0 10px 10px 0; }
  .mod-center .relres em { padding-left:10px; } /* purposefully only 10. Not 23 like if right module */
  /*.mod-center .relres li li {padding-bottom:0px;}*/
  .mod-center .icon a         { padding:0 0 10px 23px; background: url(/images/modules/common_sprites.gif) no-repeat; background-position:-999px -999px;  }
  .mod-center .icon a.fp:hover {text-decoration:none}  /* @artf176508 so no underline of FP icon occurs - but this we do want underline for. */
  .mod-center .icon a:hover span.title {text-decoration:underline}  /* @artf176508 this we do want underline for. */

  .mod-center .icon a.none    { background:none }
  .mod-center .icon a.pdf     { background-position:-10px -150px; }
  .mod-center .icon a.flv     { background-position:-10px -348px; } /* vi-lite adjusted for EBUSSP-1432  */
  .mod-center .icon a.popup   { background-position:-10px -450px; }
  .mod-center .icon a.mp3     { background-position:-10px -550px; }
  .mod-center .icon a.xls     { background-position:-10px -650px; }
  .mod-center .icon a.tool    { background-position:-10px -750px; }
  .mod-center .icon a.ppt     { background-position:-10px -2000px; }  /* vi-lite: added ppt icon */

  .mod-center em   { display:inline; font-style:normal; color:#666; font-size:11px; margin:0; padding:0 0 0 10px }
  .mod-center em strong { font-weight:bold; }
  .mod-center .relres li.description {padding-bottom:0px;padding-left:23px} /* this left aligns resource desc with title above it. */

/* Start -- Section for Download module */

.download-table .icon a {background: url("/images/modules/common_sprites.gif") -9999px -999px no-repeat;}
.download-table .pdf a {background-position:-10px -150px;} /* vi-lite */
.download-table .flv a, .resource-table .mp4 a {background-position: -10px -344px;} /* vi-lite */
.download-table .popup a {background-position:-10px -446px;} /* vi-lite */
.download-table .mp3 a {background-position:-10px -545px;} /* vi-lite todo: break out into audio and podcast classes */
.download-table .xls a {background-position:-10px -650px;} /* vi-lite */
.download-table .tool a {background-position:-10px -747px; } /* vi-lite */
.download-table .link a {background-position:-10px -450px;}

/* Start -- Section for Download module */
/*----------------------------------*/


/*----------------------------------*/
/* str:module funds */
  .mod .fundboxlist ul, .fundboxlist ul { padding:0;margin:0; overflow:hidden; } /* override */
  .mod .fundboxlist ul { padding-left:2px;padding-bottom:5px; } /* override */
  .mod .fundboxlist ul li      { display:inline; float:left; margin-left:6px;padding:0;padding-bottom:10px; } /* override */
  a.fundbox,.fundboxlist li a     { display:block; width:40px; height:40px; padding:0; margin:0; border:1px solid white; background: url(/images/modules/common_sprites.gif) no-repeat; z-index:1}
  /*a.fundbox:hover,.fundboxlist li a:hover { text-decoration:none; border:1px solid #006bb4; }   */
  a.fundbox em, .fundboxlist li a em{ font-weight:bold; color:white; font-size:11px;line-height:11px; width:auto; margin-top:18px; margin-left:5px;  z-index:1}
/* end:module funds */
/*----------------------------------*/


/*----------------------------------*/
/* str:module fund */
  .mod .fund a        { padding:0; }
  .mod .fund p        { padding-bottom:0; margin-bottom:15px; }
  .mod .fund p.desc   { padding-top:5px; }
 .mod .fund p.ttl    { overflow:hidden;padding:0;margin:0; margin-bottom:10px;}
  .mod .fund p.ttl a  { float:left; }
  .mod .fund p.ttl a.name { width:120px;font-weight:bold; padding-left:10px; }
  .mod .fund p.ttl a.name span { color:#FB9539; }
 .mod .fund ul         { overflow:hidden; padding:10px 0px; margin:0; border-top:1px solid #ddd; }
  .mod .fund ul li      { display:inline; padding:0; font-size:11px;}
  .mod .fund ul li span { padding-right:3px; padding-left:3px; color:#bbb; }
/* end:module fund */
/*----------------------------------*/

/*----------------------------------*/
/* str:module tpm  */
    .mod .tpm h3 { line-height: 18px; }
    .mod .tpm .para { padding: 2px 6px 10px 10px; clear:both;}
    .mod a.listlink { padding: 0; }
    .mod .tpm a.listlink em { background: url("/images/modules/common_sprites.gif") no-repeat scroll -9px -847px transparent; float: left; height: 16px; overflow: hidden; text-indent: 30px; width: 23px; }
    .mod .portal-access-button { margin-left: 40px!important; }
    .tpm-entry-launch .button-container { margin: 12px 39%; }
    .tpm-entry-launch input { font-family: arial,sans-serif; background: url("/content/en_us/images/vi/button_bg.png") no-repeat scroll right top; border: 0 none; color: #FFFFFF !important; cursor: pointer; font-size: 12px; font-weight: bold; line-height: 18px; padding: 4px 22px 7px 20px;  *padding: 0.13em .7em .8em; }
/* end:module tpm contact info */
/*----------------------------------*/


/*----------------------------------*/
/* str:asset classes */
  a.fundbox.eq, .fundboxlist li a.eq  { background-position: -10px -1039px;} /* EQ  Long syntax used so IE6 honors stripe background color behind the bg image */
  a.fundbox.fi, .fundboxlist li a.fi  { background-position: -10px -1089px;} /* FI */
  a.fundbox.co, .fundboxlist li a.co  { background-position: -10px -1139px;} /* CO */
  a.fundbox.sp, .fundboxlist li a.sp  { background-position: -10px -1189px;} /* SP */
  a.fundbox.alt,.fundboxlist li a.alt { background-position: -10px -1239px;} /* ALT */

  a.fundbox.iau, .fundboxlist li a.iau  { background:url(/images/icons/icon_iau.gif); }
  a.fundbox.iau em, .fundboxlist li a.iau em { display:none; }
  .ie6 a.iau em { display:none; }

  .audience-fp img { margin:0; padding:0; padding-bottom:2px; margin-right:5px; background:url(/images/modules/common_sprites.gif) no-repeat -10px -130px;  height:14px; width:21px;}


/* end:asset classes
/*----------------------------------*/



/*****************************************************************

global object styles - overriden in modules

******************************************************************/

/* orig */
/*.mod a.button span { padding-left:7px; }*/
/*.mod a.button span { padding-left:0px; } *//* vi-lite - simplifying */

/*****************************************************************

autoready generic

******************************************************************/

.autoshow { display:none; }
.hide{ display:none !important; }


/*****************************************************************

autotwisty

******************************************************************/
.twisty-target, .twisty-target.off { display:none; }
.twisty-target.on { display:block; }
img.autotwisty { display:block; cursor:pointer; float:left; margin-right:5px; background:url(/_img/quickfinder/qf_twisty_plus.gif) no-repeat; width:11px; height:12px; border:1px solid #666; border-top:none; }
img.autotwisty.on  { background:url(/_img/quickfinder/qf_twisty_minus.gif) no-repeat; }


/*****************************************************************

autotoggle

******************************************************************/
.toggle-target, .toggle-target.off { display:none; }
.toggle-target.on { display:block; }

/*****************************************************************

autojump

******************************************************************/
.autojump { cursor:pointer; }

/*****************************************************************

automodal / simplemodal

******************************************************************/

#simplemodal-overlay { background-color:#000; cursor:text; }

#simplemodal-container    {  background-color: transparent; padding:23px; }
#simplemodal-container h1 { margin:0;padding:0; padding-bottom:10px; margin-bottom: 17px; background:none; border-bottom: 1px solid #bbb; color: #003d6c; font-size: 26px; font-weight:normal;  }
#simplemodal-container a.modalCloseImg { width:35px; height:35px; z-index:3200; position:absolute; background:url(/images/gui/modal/btn_close.gif) no-repeat; display:inline;  top:5px; right:5px; cursor:pointer; }

#simplemodal-container .modal-target { background:transparent; }
#simplemodal-container .modal-target .page { padding:25px; background:#fff; _padding-right:20px;overflow:hidden }
#simplemodal-container .modal-target .page div { padding:0 10px; }
#simplemodal-container .modal-target .page .scrolling { overflow-y:scroll; height: 247px;  }
/*#simplemodal-container #basic-modal-content { padding:8px; }*/

#simplemodal-container .pages_nav { color: #000; text-align: right; width: 509px; padding-top: 3px; margin: 17px 0 0 23px; border-top: 1px solid #bbb; font-size:11px}
#simplemodal-container a.modalCloseImg{ _background:url(/images/gui/modal/btn_close.gif) no-repeat; _top:0px; _right:0px; _width:34px; _height:34px; }

.modal-target .subscribe { overflow:hidden; border-top:1px solid #ddd; margin-top:15px; padding-top:15px; }
.modal-target { width:550px; }
.modal-target .disclaimer { color:#666; font-size:11px;  }
.modal-target .cont       { overflow:auto; max-height:250px; margin-top:10px;  }

.debug .modal-target .cont  { border:1px dotted red; }

.jquery-corner-top-cap    { width: 555px; height:5px; padding: 0; margin:0; border:none; font-size:1px; position:absolute; top:18px }
.jquery-corner-bottom-cap { width: 555px; height:5px; padding: 0; margin:0; border:none; font-size:1px; }

.jquery-corner-top-cap .tl { width: 5px; height:5px; background:url(/images/gui/modal/modal_corner_tl.gif) no-repeat; float:left; }
.jquery-corner-top-cap .tr { width: 5px; height:5px; background:url(/images/gui/modal/modal_corner_tr.gif) no-repeat; float:left; }

.jquery-corner-bottom-cap .bl { width: 5px; height:5px; background:url(/images/gui/modal/modal_corner_bl.gif) no-repeat; float:left; }
.jquery-corner-bottom-cap .br { width: 5px; height:5px; background:url(/images/gui/modal/modal_corner_br.gif) no-repeat; float:left; }

.jquery-corner-top-cap .middle, .jquery-corner-bottom-cap .middle { width: 545px; height:5px; background-color: #fff; float:left; }

/* end: modal dialog (SimpleModal) */




.modal-target .player .cont span._afterplay  a{ display: none; }
.player ._afterplay, .player ._tags, ._info { display: none; }
.debug .player span._tags, .debug-info ._info { font-size:10px; color:green; border:1px dotted green; display:block; }

.debug .mod .protected { background:#eee; }

.debug .player ._bwcheck { height:50px; background:#eee; border:1px dotted #ccc;  }



/*****************************************************************

debug

******************************************************************/
.debug #wrapper { border:5px solid white; }
.debug.ii #wrapper.ready{ border:5px solid #136dc5; } /* #136dc5 */
.debug.fp #wrapper.ready{ border:5px solid orange; } /* #136dc5 */

div.debug { border:1px dotted green; background:lightgreen; color:green; }

#dashboard { margin-top:-40px; _margin-top:0px; padding:10px; background:green;  height:20px }
#dashboard a{ outline:none; margin-top:2px; padding:5px 10px; border:1px solid darkgreen; color:white; _width:60px; _float:left; _display:block; _margin-right:5px;   }
#dashboard a:hover { text-decoration:none;  }

#dashboard a.on:hover { background:#ccc;color:#666; }
#dashboard a.on:hover span{ color:#666; }
#dashboard a.on { background:lightgreen; color:darkgreen; }
#dashboard a.on span { color: darkgreen; }

#dashboard a.off { background:darkgreen; }
#dashboard a.off:hover { background:white;color:orange; }
#dashboard a.off:hover span{ color:orange; }

#dashboard a span { color:yellow;font-weight:bold; _display:inline; }
#dashboard a:hover span { color:orange;font-weight:bold;}

body.dash { padding-top:40px; _padding-top:0px }


/* generic unicode display */
.unicode { font-family:Code2000,Code2001,"Free Serif","TITUS Cyberbit Basic","Doulos SIL","Chrysanthi Unicode","Bitstream Cyberbit","Bitstream CyberBase",Thryomanes,Gentium,GentiumAlt,"Lucida Grande","Free Sans","Arial Unicode MS","Microsoft Sans Serif","Lucida Sans Unicode"}


/*****************************************************************

autolay and modal login styles

******************************************************************/



  #simplemodal-container .modal-target .page .autoplay-video { padding:0 }


  .autoplay-login h1 { margin-bottom:0 }
  .autoplay-login h2 { margin-top:0; }
  .ajaxy-login { border:1px solid #ccc; padding:0;  float:left;  }
  .ajaxy-login h2 { margin:0; background:#AAB5BC; padding:3px 10px; color:white; }
  .ajaxy-login label { margin-top:15px; width:100%; font-size:11px;  }
  .ajaxy-login form  { padding:10px; }
  #signin-cont a { font-size:11px; }
  #signin-cont p { position:absolute; top:200px; left:218px; font-size:14px; color:#006BB4; }
  .ajaxy-login input { margin-bottom:10px; }
  .ajaxy-login #rememberMeCheckbox { margin-bottom:0; }

  .ajaxy-login .panel  { width:239px; padding:0; margin:0; float:left;background:#DDEEF9; height:220px;  }
  .ajaxy-login .panel ul { font-size:11px; }
  .ajaxy-login .panel li { list-style:disc; margin-left:15px }
  .ajaxy-login #reg    { background:#D1D1D1;  }
  .ajaxy-login #reg h2 { background:#A3A3A3 }
  .autoplay-login #signin .button { margin-top:13px; }
  .autoplay-login #reg .button { margin-top:20px; _margin-top:18px; }

  .autoplay-login #reg form.inst .button { margin-top:15px; _margin-top:14px; }
 .autoplay-login h3 {margin-top:0; color:#666; font-size:12px; width:100%;}
  .autoplay-login .button { margin:15px 0; }

  .preload { background:#DDEEF9 url(/images/institutional/preload.gif) center center no-repeat; border:1px solid #ccc; height:220px;  }

  #simplemodal-container .modal-target .page .ajaxy-login { padding:0 }
  #simplemodal-container .modal-target .page .panel, #simplemodal-container .modal-target .page #signin-cont{ padding:0; }
  #simplemodal-container .modal-target .page #signin-err{ padding:5px; width:inherit; }

#inst-phase2 .chart #capt {background:none;}

  #signin-err {
    background-color:#FF5C00;
    color:#FFFFFF;
    font-size:11px;
    font-weight:bold;
    line-height:14px;
    display:none;
  }

/*
  #signin-err.p,#signin-err.u,#signin-err.g,#signin-err.k,#signin-err.k span.k,#signin-err.u span.u,#signin-err.p span.p,#signin-err.g span.g,#signin-err.s,#signin-err.s span.s{ display:block;width:450px; }
*/

  #signin-err._msg, #signin-err._msg span { display:block;width:450px; }

  #signin-err a { color:white; text-decoration:underline; }
  #signin-err span{ display:none; }

  #switch-cont{ color:#666; }

  #_requireAuth { display:none; }
  .debug #_requireAuth{ display:block; border:1px solid red; color:red; }


.ie8 #aux .vi-btn-wrapper a.vi-btn-anchor {  margin-top:10px; }
.fluid.ie8 #aux .vi-btn-wrapper a.vi-btn-anchor {  margin-top:0; }

/* iShares Print logo */
.logo-for-print-pages {display:none;}

/*****************
   Useful hacks
******************/

/* Clearfix to fix parents containing floating elements */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* required comment for clearfix to work in Opera \*/
* html .clearfix {height: 1%;}
.clearfix { display:block; }
/* end clearfix */

.clearBoth{ clear:both;font-size:0;line-height:0px;}
#passwordForm span.button{ padding-left: 168px; }
#passwordForm div.general-qn ul li { overflow:visible; }
#passwordForm ul li { overflow:visible; }
#passwordForm div.general-qn ul li .password-rules { width:250px; text-align:left; display:inline-block; padding-left:8px; }
#passwordForm ul li .password-rules { width:250px; text-align:left; display:inline-block; padding-left:8px; }
#passwordForm ul li .under-field-hint { width:260px; text-align:left; display:inline-block; font-size: 11px; }
/*************************************************

   (c) Copyright 2010 BlackRock, Inc.

**************************************************/