﻿/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;

}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* styles in order of global to page specific and top of page to bottom */

/* GLOBAL styles begin */

body {
	margin: 0;
	padding: 0;
	text-align: center; /* centers #container in browser */
	background: #EDECE8;
	font-family: Verdana, Arial, Helvetica, sans-serif; /* georgia, serif; */
	font-size:100%; /* =16px */
	line-height:1.25em; /* 16x1.25=20px */
	}

#banner {
	float: left;
	width: 960px;
	height: 37px;
	margin: 0;
	padding: 0;
	background: #ffffff;
	}

#container {
	width: 960px;
  	margin: 0 auto;
  	padding: 0;
  	background: none;
	text-align: left;
  	color: #333;
	font-size: .6875em; /* 16x.6875=11px */
	line-height: 1.5em; /* 11x1.277=14px */
	}

/*HEADER*/
#header {
	float: left;
	width: 960px;
	height: 215px;
	margin: 0 0 0 0;
	padding: 0;
	}

#header-top {
	float: left;
	width: 960px;
	height: 189px;
	margin: 0;
	padding: 0;
	background: #FFFFFF url(../image/header.jpg) 0 0;
	font-weight: bold;
  	}



#top-links {
	float: right;
	margin: 0;
	padding: 3px 15px 0 0;
	background: none;
  	}
#top-links a{
	font-size: 1em;
	color: #FFFFFF;
	text-decoration: none;
	border:none;
	margin: 0;
	padding: 0;
	}
#top-links a:hover {
	text-decoration:underline;
}

#top-links .pipe {
	margin: 0;
  	padding: 0 6px 0 6px;
	color: #ccc;
	}

#whm-colorbar {
	float: left;
	width: 960px;
	height: 3px;
	margin: 0;
  	padding: 0;
  	background: none;
  	}

#header-bottom {
	float: left;
	width: 960px;
	height: 60px;
	margin: 0;
  	padding: 0;
  	background: none;
  	}

#whm-logotype {
	float: left;
	width: 525px;
	height: 32px;
	margin: 15px 0 0 0;
  	padding: 0;
  	background: none;
  	}

#main-nav {
	float: left;
	width: 960px;
	height: 25px;
	margin: 0;
	padding: 0;
	background: #193661;
	}

/* MAIN NAV */

/* suckerfish.co drop down menu */


#main-nav ul {
	float: left;
	list-style: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.09em; /* 12x1=12px */
	text-transform: uppercase;
	line-height: 2.225em;
	width: 960px;
	height: 25px;
	padding: 0;
	margin: 0;
	border: 0;
	background: none;
	z-index: 520;
	display: inline;
	}
#main-nav ul li#pipe {
	margin: 0;
	color: #999999;
	}

#main-nav ul li#pipe1 {
	margin: 0;
	color: #999999;
	}


#main-nav a {
	display: block;
	height: 25px;
	text-align: left;
	color: #003466;
	padding: 0 2em 0 2em;
	margin: 0;
	border: none;
	text-decoration: none;
}
#main-nav a, #main-nav #head1 {
	display: block;
	height: 25px;
	text-align: left;
	color: #FFFFFF;
	padding: 0 1.5em 0 1.5em;
	margin: 0;
	border: none;
	text-decoration: none;
}

#main-nav li { /* all list items #main-nav */
	float: left;
	padding: 0;
	margin: 0;
	background: none;
	border: none;
}

#main-nav li ul { /* sub items unordered list */
	position: absolute;
	left: -999em;
	width: 280px;
	w\idth: 280px;
	margin: -1px;
}

#main-nav li li {
	width: 280px;
	background: #abe1fa;
}

#main-nav li ul a {
	color: #193661;
	height: auto;
	min-height: 1.5em;
	padding: 5px 15px 5px 15px;
	margin: 0;
	text-align: left;
	border-bottom: dotted #193661 1px;
	font: 90%/1.2em Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
}




#main-nav li ul a.main-nav-last {
	border-bottom: solid #193661 4px;
}

#main-nav li ul a.two-line {
	color: #193661;
	height: 33px;
	padding: 8px 15px 0 15px;
	margin: 0;
	text-align: left;
	font: 100%/1.2em Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
}

#main-nav li ul ul {
	margin: -24px 0 0 250px;
}


#main-nav li:hover ul ul, #main-nav li:hover ul ul ul, #main-nav li.sfhover ul ul, #main-nav li.sfhover ul ul ul { /* notes */
	left: -999em;
}

#main-nav li:hover ul, #main-nav li li:hover ul, #main-nav li li li:hover ul, #main-nav li.sfhover ul, #main-nav li li.sfhover ul, #main-nav li li li.sfhover ul { /* notes */
	left: auto;
}

#main-nav li:hover, #main-nav li.sfhover { /* hover background */
	color:#193661;
	background: #abe1fa;
	position: static;

}



#main-nav li ul li a:hover, #main-nav li.sfhover ul li a:hover {
	color: #ffffff;
	background: #00b9e7;
	position: static;

}


/*BODY STYLES*/
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2.9em; /* 11x2.9=32px */
	line-height: 1.09em; /* 12x1.09=35px */
	font-weight: normal;
	color:#58595B;
	margin:0 0 20px 18px;
	}
h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.45em; /*11x1.45=16px */
	line-height:1.25em; /*16x1.25=20px*/
	color:#FFFFFF;
	font-weight: normal;
	padding: 5px 10px 5px 28px;
	background:#193661;
	display:inline-block;
	zoom:1;
	*display:inline;
	margin:10px 10px 10px -10px;
	}
h2.blue {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.45em; /*11x1.45=16px */
	line-height:1.25em; /*16x1.25=20px*/
	color:#fff;
	font-weight: normal;
	padding: 5px 10px 5px 28px;
	background:#005a96;
	display:inline-block;
	zoom:1;
	*display:inline;
	margin: 0 0px 10px -10px;
	}
h2.white {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.45em; /*11x1.45=16px */
	line-height:1.25em; /*16x1.25=20px*/
	color:#fff;
	font-weight: normal;
	padding: 5px 5px 5px 28px;
	background:#FFFFFF;
	display:inline-block;
	zoom:1;
	*display:inline;
	margin: 0 0px 10px -10px;
	}

#whats-new h2 {
	margin: 10px 10px 10px -20px;
}
#left-title h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.45em; /*11x1.45=16px */
	line-height:1.25em; /*16x1.25=20px*/
	color:#3B383B;
	font-weight: normal;
	padding: 5px 10px 5px 28px;
	background:#193661;
	width:205px;
	display:inline-block;
	zoom:1;
	*display:inline;
	margin:10px 10px 10px -10px;
	}
h2.table {
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.20em; /*11x1.45=16px */
	line-height:1.25em; /*16x1.25=20px*/
	color:#FFFFFF;
	font-weight: normal;
	padding: 5px 10px 5px 28px;
	background:#193661;
	width:205px;
	display:inline-block;
	zoom:1;
	*display:inline;
	margin:0;
	}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.45em; /*11x1.45=16px */
	line-height:1.25em; /*16x1.25=20px*/
	font-weight: normal;
	color:#666767;
	margin:0 0 10px 5px;
	}
h3.date {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.45em; /*11x1.45=16px */
	line-height:1.25em; /*16x1.25=20px*/
	font-weight: normal;
	color:#00B9E7;
	margin:5px 0 0 5px;
	}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.27em; /*11x1.09=12px */
	line-height:1.27em; /*16x1.5=1px*/
	font-weight: bold;
	color:#005a96;
	margin:0 0 5px 0px;
	}
	h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em; /*11x1.09=12px */

	font-weight: bold;
	margin:0 0 5px 0px;
	}

p {
margin: 10px 0;
}
em {
	font-style: oblique;
}
#column-left h2, #column-right h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.45em; /*11x1.45=16px */
	line-height:1.25em; /*16x1.25=20px*/
	color:#3B383B;
	padding: 5px 10px 5px 20px;
	background:#193661;
	display:inline-block;
	zoom:1;
	*display:inline;
	margin: 0 10px 10px -20px;
	}
#column-left h2.blue, #column-right h2.blue {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.45em; /*11x1.45=16px */
	line-height:1.25em; /*16x1.25=20px*/
	color:#fff;
	padding: 5px 10px 5px 20px;
	background:#005a96;
	display:inline-block;
	zoom:1;
	*display:inline;
	margin:0 10px 10px -20px;
	}
#column-left h2.white, #column-right h2.white {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.45em; /*11x1.45=16px */
	line-height:1.25em; /*16x1.25=20px*/
	color:#fff;
	padding: 5px 10px 5px 20px;
	background:#fff;
	display:inline-block;
	zoom:1;
	*display:inline;
	margin:0 10px 10px -20px;
	}

#content-area {
float: left;
	width: 940px;
	margin: 0 0 10px 0;
  	padding: 25px 10px 10px 10px;
	background: #fff;

	}



#column-left
{
width:425px;
margin:10px;
padding: 0;
background:#fff;
float:left;
}
#column-right
{
width:425px;
margin:10px;
padding: 0px 20px;
background:#fff;
float:left;
/*border-left: solid #e6e6e6 1px;*/
}
#column-right.newPassword{
	float: right;
}
#h1-title
{
float:left;
}
#nominee
{
width:415px;
margin:10px;
padding: 2px 0;
background:#fff;
float:right;
/*border-left: solid #e6e6e6 1px;*/
}
#column-left p {
padding: 0 0px;
margin: 10px 0;
}
#column-right p {
padding: 0 0px;
margin: 10px 0;
}
#whats-new {
width:920px;
/*border:thin solid #005a96;*/
padding:10px;
float:left;
margin: 0 0 10px 0;
}
#column-span {
width:820px;
/*border:thin solid #005a96;*/
padding:10px;
float:left;
margin: 0 0 10px 0;
}
#whats-new a:link, #whats-new a:active, #whats-new a:visited {
border:none;
}
#whats-new-1, #whats-new-1-image{
width:280px;
margin:0 5px 0 0;
padding: 10px;
float:left;

}
#whats-new-2, #whats-new-2-image{
	width:280px;
	margin: 0px 2px;
	padding: 10px 12px;
	float:left;
	border-right: thin solid #cccccc;
	border-left: thin solid #cccccc;
}
#whats-new-3, #whats-new-3-image{
width:280px;
margin: 0 0 0 5px;
padding: 10px;
float:right;

}
#whats-new-1 .img, #whats-new-2 .img, #whats-new-3 .img, #whats-new-1 .img-big, #whats-new-2 .img-big, #whats-new-3 .img-big {
float:left;
/*width:50px;*/
margin: 0px 10px 5px 0px;
}
/*Account Summary chart pages layout*/
#left-title{
width:215px;
margin:0 10px 0 0;
padding:0;
float:left;
}

#right-table{
width:710px;
margin: 0;
padding:10px 0;
float:right;
}

#account-table{
width:950px;
margin: 10px 0 0 -10px;
float:left;
}

a:link, a:active, a:visited {
	color: #00b9E7;
	border-bottom: #00b9E7 solid 1px;
	text-decoration: none;
	}


a:hover {
	color: #B02A10;
	border: none;
	text-decoration: none;
	}
#content-area ul {
	margin: 0 0 1em 1.7em;
  	padding: 0;
	background: none;
}

#content-area ul li {
	list-style: none;
	margin: 0 0 .5em 0;
  	padding: 0;
	background: none;
	list-style-image: url(../image/li_bullet.gif);
}
#jumplinks {
padding:0;
margin: 5px 0;
color: #00b9E7;
}
#jumplinks a:link, #jumplinks a:active, #jumplinks a:visited, #back-to a:link, #back-to a:active, #back-to a:visited {
border:none;
}

#as-of{
	margin: 0 0 0 0;
	color: #00b9E7;
	font-weight: bold;
}
#print, #aum-link {
text-align: right;

}
#print a {
	margin: 0;
	padding: 5px 0 0 18px;
	background: url(../image/icon_print.gif) no-repeat 0 7px;
	border:none;
	float:right;
	}
.tooltip{ position: absolute; top: 0; left: 0; z-index: 3; display: none; }

/*Monthly Historical Returns - start */
#mhr-table td:nth-child(5),#mhr-table #hdr6, #mhr-table #hdr5a  {
    border-right: 1px solid white;
    border-width: 5px;
}
.mhr-header-table {
    margin-top: 10px;
}
.mhr-header-cell{
	padding-right: 50px;
    display: table-cell;
    margin: 0px !important;
    vertical-align: top;
}
.mhr-header-cell h2{
	    padding: 10px 10px 10px 28px !important;
	    margin-top: 0px !important;
}
.mhr-header-cell p{
	margin: 0px !important;
}
.reduced-width {
    width: 50%;
}
#hdr10a ,#hdr8a,#hdr9a,#hdr8,#hdr9,#hdr10,#hdr11{
	background: #00b9E7;
}
/* Monthly Historical Returns - end */

/* DATA TABLE STYLING - Alternate every other row with a color plus hover color*/
table.stripe {
	border-collapse: collapse;
	margin-bottom: 15px;
	}

table.stripe th {
	background:#005a96;
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:12px;
line-height:15px;
/*padding: 3px 5px;*/
}

#right-table table.stripe th {
background:#005a96;
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:12px;
line-height:15px;
padding: 7px 10px;
}
#account-table table.stripe th.blue {
background:#005a96;
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:12px;
line-height:15px;
padding: 6px 10px;
/*width:705px; */
}
#account-table table.stripe td.blue {
background:#005a96;
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:12px;
line-height:15px;
padding: 6px 10px 0 10px;
width:705px;
}
#account-table table.stripe th.white {
background:#FFFFFF;
width:15px;
}
#account-table table.stripe td.white {
background:#FFFFFF;
width:15px;
}
#account-table table.stripe th.yellow {
background:#FFFFFF;
width:205px;
}
#account-table table.stripe td.yellow {
background:#FFFFFF;
width:205px;
}
#account-table table.stripe td.pad {
padding: 0 0 0 25px;
}
th.blue {
background:#005a96;
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
line-height:15px;
padding: 5px 10px 5px 0px;
/*width:705px; */
}
table.summary th {
background:#005a96;
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
line-height:15px;
padding: 5px 10px;
}
table.stripe td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	padding: 5px 5px;
	vertical-align: top;
}


#right-table table.stripe td, table.summary td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	padding: 4px 10px;
	vertical-align: top;
}




table.stripe tr.alt td {
	background: #E6E7E8;
}

table.stripe tr.over td {
	background-color: #ABE1FA;
}
table.stripe a:link, table.stripe a:active, table.stripe a:visited {
border:none;
text-decoration:underline;
}

/*Checkbox div for fund information page*/
#sort-list
{
width:250px;
margin:10px;
padding: 0;
background:#fff;
float:left;
}

/*Checkbox divs for Account Summary forms*/
#select-funds .split
{
margin:5px;
padding: 0;
background:#fff;
float:left;
}
#select-funds-wide
{
width:193px;
margin:5px;
padding: 0;
background:#fff;
float:left;
}
#right-left-border
{
border-left: solid #e6e6e6 1px;
padding: 0 0 0 20px;
}

  .BCL_chapterlist {
	font-size: 10px;
	text-align: left;
	float: left;
	width:400px;

  }
  .BCL_chapter {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:100%;
   line-height:1.3em;
	cursor: pointer;
    color: #00b9E7;
    text-decoration: none;
   background:none;
       padding: 0 0 0 20px;
    margin:10px 0;
   	   	  }
  .BCL_selected {
    font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:100%;
   line-height:1.3em;
	cursor: pointer;
    color: #000000;
    text-decoration: none;
   	display: block;
   		background: url(../image/play.gif) 0 0 no-repeat;
    padding: 0 0 0 20px;
    margin:10px 0;  }


  .BCL_title {
    font-size: 11px;
  }
#names
{
	display: inline;
	height:85px;
	padding:0;
	margin:0 0 10px 0;
}
#names img {
	float: left;
	height: 85px;
	margin-right: 10px;
}
#names-text {
	min-height:84px;
}

#contact img {
	border: 1px solid #999999;
	margin-bottom:10px;
}
#column-right img, #column-right a:link, #column-right a:visited, #column-left img, #column-left a:link, #column-left a:visited,
#agenda a:link, #agenda a:visited, #agenda img, #agenda a:link, #agenda a:visited {
border:none;
line-height: 18px;

}#column-right img {
	margin-right:10px;

}
#column-right #aum-link img {
	margin-right:5px;
	margin-top:5px;

}
strong {
font-weight:bold;
}
#flashcontent object,
#flashcontent object {
	/* border: 1px solid #999; */
	margin: 0 0 1em 0;
	}

	/* CALENDAR PICKER styles */
	/* calendar icon */
img.tcalIcon {
	cursor: pointer;
	margin-left: 1px;
	vertical-align: middle;
}
/* calendar container element */
div#tcal {
	position: absolute;
	visibility: hidden;
	z-index: 100;
	width: 158px;
	padding: 2px 0 0 0;
}
/* all tables in calendar */
div#tcal table {
	width: 100%;
	border: 1px solid silver;
	border-collapse: collapse;
	background-color: white;
}
/* navigation table */
div#tcal table.ctrl {
	border-bottom: 0;
}
/* navigation buttons */
div#tcal table.ctrl td {
	width: 15px;
	height: 20px;
}
/* month year header */
div#tcal table.ctrl th {
	background-color: white;
	color: black;
	border: 0;
}
/* week days header */
div#tcal th {
	border: 1px solid silver;
	border-collapse: collapse;
	text-align: center;
	padding: 3px 0;
	font-family: tahoma, verdana, arial;
	font-size: 10px;
	background-color: gray;
	color: white;
}
/* date cells */
div#tcal td {
	border: 0;
	border-collapse: collapse;
	text-align: center;
	padding: 2px 0;
	font-family: tahoma, verdana, arial;
	font-size: 11px;
	width: 22px;
	cursor: pointer;
}
/* date highlight
   in case of conflicting settings order here determines the priority from least to most important */
div#tcal td.othermonth {
	color: silver;
}
div#tcal td.weekend {
	background-color: #DEE8F4;
}

div#tcal td.selected {
	background-color: #FEF4B5;
}
/* iframe element used to suppress windowed controls in IE5/6 */
iframe#tcalIF {
	position: absolute;
	visibility: hidden;
	z-index: 98;
	border: 0;
}
/* transparent shadow */
div#tcalShade {
	position: absolute;
	visibility: hidden;
	z-index: 99;
}
div#tcalShade table {
	border: 0;
	border-collapse: collapse;
	width: 100%;
}
div#tcalShade table td {
	border: 0;
	border-collapse: collapse;
	padding: 0;
}


/*DISCLOSURE*/
#disclosure, #disclosure1, #disclosure2, #disclosure3 {
width:960px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.909em;
line-height:1.43em;
color:#666;
padding: 10px 0 0 0;
}
.superscript {
vertical-align:top;
position:relative;
bottom:0.5em;
font-size: 0.7em;
}

sup {
vertical-align:top;
position:relative;
bottom: 0.1em;
font-size: 0.7em;
}

/*FOOTER*/
#base {
	/*float: left;*/
	width: 960px;
	margin: 0 0 0 0;
  	padding: 0;
	background: none;
	clear: both;
	}


#footer {
	float: left;
	width: 960px;
	margin: 15px 0 0 0;
  	padding: 0;
	background: none;
	border: none;
	font-size: .875em; /* 16x1.125=18px */
	color: #003466;
	text-align: left;
}


#footer-copyright {
	float: left;
	margin: 0 0 0 0px;
  	padding: 0;
	background: none;
	border: none;
}


#footer-links {
	float: right;
	font-size: 1.25em;
	font-weight: bold;
	margin: 0;
  	padding: 0;
	background: none;
	border: none;
	text-decoration: none;
	text-align: right;
}

#footer-links a:link {
	color: #003466;
	border: none;
	text-decoration: none;
	}
#footer-links a:visited {
	color: #003466;
	border: none;
	text-decoration: none;
	}
#footer-links a:active {
	color: #003466;
	border: none;
	text-decoration: none;
	}
#footer-links a:hover {
	color: #666;
	border-bottom: #666 solid 1px;
	}

.clear {
	clear: both;
	}

.llp {
font-size: 9px;
line-height: 13px;
}


#whats-new {
width:920px;
/*border:thin solid #005a96;*/
padding:10px;
float:left;
margin: 0 0 10px 0;
}
#whats-new a:link, #whats-new a:active, #whats-new a:visited {
border:none;
}


.tooltip{
	position:absolute;
	z-index:999;
	left:-9999px;
	background-color:#abe1fa;
	padding:5px;
	border:1px solid #005a96;
	width:250px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;

}

.tooltip1{
	position:absolute;
	z-index:999;
	left:-9999px;
	background-color:#abe1fa;
	padding:5px;
	border:1px solid #005a96;
	width:500px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;

}
.tooltip ul {
list-style-type: none;
padding: 0px;
margin: 0px;

	}
.tooltip ul li {
	background-image: url(../image/li_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px 1px 0px;
	padding: 2px 0 5px 14px;
	line-height: 16px;

	}
.tooltip p{
	float: left;
	padding-top: 2px;
	padding-right: 7px;
	padding-bottom: 2px;
	padding-left: 7px;

}

/*JNICE FORM ../images*/
/* -------------
 * Buttons
 * ------------- */
button {margin:0;padding:0;border:none;background-color:transparent;cursor:pointer;overflow:visible;outline:none;moz-outline:none;}
*:first-child+html button[type]{width:1;} /* IE7 */

button span {
	background: transparent url(../image/btn_right.gif) no-repeat scroll right top;
	display: block;
	float: left;
	padding: 0px 4px 0px 0px; /* sliding doors padding */
	margin: 0px;
}

button span span {
	background: transparent url(../image/btn_left.gif) no-repeat;
	color: #FFFFFF;
	padding: 1px 4px 0px 8px;
	font-weight: normal;
	font-size: 10px;
	line-height: 13px;
	text-transform: lowercase;
	display: block;
	text-decoration: none;
}

/* -------------
 * Inputs
 * ------------- */
.jNiceInputWrapper {
	background: transparent url(../image/input.gif) no-repeat left top;
	float:left;
}

.jNiceInputInner {
	background: transparent url(../image/input.gif) no-repeat right top;
	padding: 2px 4px 2px 0;
	margin: 0 0 0 4px;
}

.jNiceInputInner input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#404040;
	line-height: 17px;
	height: 17px;
	*line-height: 15px;/* IE Hacks */
	*height: 15px;/* IE Hacks */
	vertical-align:middle;padding:0;margin:0;background:none;border:none;outline:none;
}

.jNiceInputWrapper_hover { background-position: left bottom; }
.jNiceInputWrapper_hover .jNiceInputInner { background-position: right bottom; }


/* -------------
 * Radios
 * ------------- */
.jRadioWrapper { float: left; z-index: 2; }
.jNiceRadio {
	background: transparent url(../image/radio.gif) no-repeat center top;
	height: 18px;
	width: 18px;
	position:absolute;left:0px;top:0px;cursor:pointer;vertical-align:middle;
}


/* -------------
 * Checkboxes
 * ------------- */
.jNiceCheckbox {
	background: transparent url(../image/checkbox.gif) no-repeat center top;
	height: 18px;
	width: 18px;
	position:absolute;left:0px;top:0px;z-index:2;cursor:pointer;
}

/* -------------
 * Checked - Used for both Radio and Checkbox
 * ------------- */
.jNiceChecked { background-position: center bottom;}

/* -------------
 * Selects
 * ------------- */
.jNiceWrapper select {border:none;margin:0;padding:0;}

.jNiceSelectWrapper {
	height: 17px;
	left:0px;
	top:0px;
	z-index:3;
	width:290px;
	position:absolute;
	float:left;
	background-color:#ffffff;

}

.jNiceWrapper iframe {
position:absolute;
z-index:1;
background-color:#ffffff;
left:0px;
top:0px;
float:left;
width:290px;

}

.jNiceSelectWrapper .jNiceSelectText {
	width:290px;
	height: 15px;
	line-height: 15px;
	padding: 0px 3px;
	border: 1px solid #CCCCCC;
	border-right: none;
	background-color: #FEF4B5;
	overflow:hidden;
	float:left;
	position:absolute;
	left:0;
	z-index:50;



}

.jNiceSelectWrapper .jNiceSelectOpen {

	height: 17px;
	background: url(../image/select_right.gif) no-repeat center center;
	z-index:50;display:block;position:absolute;right:0px;
}

.jNiceSelectWrapper ul .jNiceSelectWrapper option {
	top: 16px;
	background-color: #FFF;
	border: solid 1px #CCC;
	height: 70px;
	position:relative;
	left:-19px;
	width:100%;
	list-style:none;
	display: none;
	margin:-10px 0;
	padding:10px 0;
	overflow-y:auto;
	z-index:50;
	color:#005a96;



}

/*.jNiceSelectWrapper ul a {
	background-color: #FFF;
	border:none;
	padding:5px;
	margin:-7px 0px;
	display:block;
	text-decoration:none;
	position:relative;
	zoom: 1;
	color:#005a96;
	list-style-type: none;
}
*/
.jNiceSelectWrapper ul a:hover { background:#FEF4B5; }
.jNiceSelectWrapper ul a.selected {background: #CCCCCC;}

.jNiceFocus { border: dotted 1px #666666; }

.jNiceHidden {opacity:0;z-index:-1;position:relative;}
.jNiceWrapper {position:relative;vertical-align:top;}
.jNiceWrapper input {outline:none;moz-outline:none;}

flashcontent {
position:absolute;
z-index:2;
}


#form {
width:500px;
}

#form.newPassword {
	width: 380px;
	float:left;
}

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

Title : Wufoo Form Framework
Author : Infinity Box Inc.
URL : http://wufoo.com

Last Updated : March 2, 2010

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



/* ----- Field Structure ----- */

#content-area #form ul li{
list-style: none outside none;
}
#form .profile ul, .profile ul li {
list-style:none outside none;
}
form ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
* html form ul{ /* IE6 Margin Percent Bug for Halves/Thirds */
	width:99%;
	zoom:1;
}
form li{
	margin:0;
	padding:6px 1% 9px 1%;
	clear:both;
	background-color:transparent;
	position:relative; /* Makes Instructs z-index stay on top in IE. */
	list-style:none;
}
form ul:after,form li:after, form li div:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html form li{height: 1%;/*margin-bottom:-3px;*/}
*+html form li{height: 1%;/*margin-bottom:-3px;*/}
* html form li div{display:inline-block;}
*+html form ul, *+html form li div{display:inline-block;}

form li div{
	margin:0;
	padding:0;
	color:#444;
}
form li span{
	margin:0 .3em 0 0;
	padding:0;
	float:left;
	color:#444;
}

/* ----- Choices Field Structures ----- */

form li div span{
	margin:0;
	display:block;
	width:100%;
	float:left;
}
li.twoColumns div span{
	width:48%;
	margin:0 5px 0 0;
}
li.threeColumns div span{
	width:30%;
	margin:0 5px 0 0;
}
li.notStacked div span{
	width:auto;
	margin:0 7px 0 0;
}

/* ----- Location Field Structures ----- */

form li.complex{
	padding-bottom:0;
}
form li.complex div span{
	width:auto;
	margin:0 .3em 0 0;
	padding-bottom:12px;
}
form li.complex div span.full{
	margin:0;
}
form li.complex div span.left,
form li.complex div span.right{
	margin:0;
	width:48%;
}
form li.complex div span.full input,
form li.complex div span.full select,
form li.complex div span.left input,
form li.complex div span.right input,
form li.complex div span.left select,
form li.complex div span.right select{
	width:100%;
}

/* ----- FLOATS ----- */

.left{
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both !important;
}

label span, .section span, p span, .likert span{
	display:inline !important;
	float:none !important;
}



/* ----- LABELS ----- */

form li div label, form li span label{
	margin:0;
	padding-top:3px;
	clear:both;
	font-size:85%;
	line-height:160%;
	color:#444;
	display:block;
}
label.desc{
	font-size:95%;
	font-weight:bold;
	color:#222;
	line-height:150%;
	margin:0;
	padding:0 0 3px 0;
	border:none;
	display:block;
}
label.choice{
	display:block;
	font-size:100%;
	line-height:150%;
	margin:-17px 0 0 23px;
	padding:0 0 5px 0;
	color:#222;
	width:88%;
}
.safari label.choice{
	margin-top:-16px;
}
form.rightLabel label.desc{
	padding-top:2px;
}





/* ----- FIELDS ----- */

input.text, input.search, input.file, textarea.textarea, select.select{
	color:#333;
	margin:0;
	padding:2px 0;
}

select.select{
	padding:1px 0 0 0;
}
input.search{
	/*-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;*/
	padding-left:6px;
}

.safari select.select{
	font-size:120% !important;
	margin:0 0 1px 0;
}
* html select.select{
	margin:1px 0;
}
*+html select.select{
	margin:1px 0;
}

.center,
form li span.center input.text, form li span.center label,
form li.name span label,
form li.date input.text, form li.date span label,
form li.phone input.text, form li.phone span label,
form li.time input.text, form li.time span label{
	text-align:center;
}
form li.time select.select{
	margin-left:5px;
}
form li.price .right{
	text-align:right;
}

/* ----- SIZES ----- */

.third{
	width:32% !important;
}
.half{
	width:48% !important;
}
.full{
	width:100% !important;
}

input.small, select.small{
	width:25%;
}
input.medium, select.medium{
	width:50%;
}
input.large, select.large{
	width:100%;
}


/*.msie6 select.ieSelectFix{
	width:100%;
}*/
.msie[class] select.ieSelectFix{
	width:auto;
}
.msie[class] select.ieSelectFix.small{
	min-width:25%;
}
.msie[class] select.ieSelectFix.medium{
	min-width:50%;
}
.msie[class] select.ieSelectFix.large{
	width:100%;
}

textarea.textarea{
	width:293px;
	min-width:100%; /* IE8 Textarea Scroll Bug */
	max-width:100%;
}
textarea.small{
	height:5.5em;
}
textarea.medium{
	height:10em;
}
textarea.large{
	height:20em;
}

/* ----- LABEL LAYOUT ----- */

.leftLabel li, .rightLabel li{
	width:74% !important;
	padding-top:9px;
}
.leftLabel label.desc, .rightLabel label.desc{
	float:left;
	width:31%;
	margin:0 15px 0 0;
}
.rightLabel label.desc{
	text-align:right;
}
.leftLabel li div, .rightLabel li div{
	float:left;
	width:65%;
}
.leftLabel .buttons, .rightLabel .buttons{
	padding-left:23%;
}
.leftLabel .buttons div, .rightLabel .buttons div{
	float:none;
	margin:0 0 0 20px;
}


.leftLabel p.instruct, .rightLabel p.instruct{
	width:28%;
	margin-left:5px;
}
.leftLabel .altInstruct .instruct, .rightLabel .altInstruct .instruct{
	margin-left:31% !important;
	padding-left:15px;
	width:65%;
}

#errormessage {
	color:red;
	font-size: 12px;
	}

#successmessage {
	color:green;
	font-size: 12px;
}
/* modal styles
---------------------------------------------------------*/
.mask
{
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	filter: alpha(opacity=74);
    -moz-opacity: 0.74;
    -khtml-opacity: 0.74;
    opacity: 0.74;
	background: black;
}
.modal
{
	margin: 5px 20px 0 170px;
	z-index: 5;
	width: 645px;
/*	height:700px;*/
	opacity: 1.0;
	position: fixed;
	top:0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

}
.hide
{
	display: none;
}
.content
{
	background: #ffffff;
	z-index: 2;
	padding: 3px;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	border-color: black;
	border-style: solid;
}
#content-area-modal {
	float: left;
	margin: 0;
  	padding: 5px 10px 5px 8px;
	background: #fff;
	}
.close
{
	position: relative;
	z-index: 1;
	top: -67;
	left: 0;
	opacity: 1.0;
	color:#000;
text-size: 14px;
border-bottom:thin;
border-bottom-color:#000000;
}
.close:hover
{
	opacity: 0.9;
	color: #77a05e;
}


select
{
width:290px;
}

#basic-modal-content {display:none;}
#basic-modal-content2 {display:none;}
#basic-modal-content3 {display:none;}
#basic-modal-content4 {display:none;}
#basic-modal-content5 {display:none;}
#basic-modal-content6 {display:none;}
#basic-modal-content7 {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:default;}

/* Container */
#simplemodal-container {width:655px; color:#000; background-color:#ffffff; padding:0px; text-align:left;}
#simplemodal-container .simplemodal-data {padding:5px; background-color:#ffffff;}
#simplemodal-container a {text-align:left; color:#000; border-bottom: none;}
#simplemodal-container a.modalCloseImg {width:0px; height:0px; display:inline; z-index:0; position:absolute; top:0; right:0;}
#simplemodal-container p {text-align:left; text-size: 14px;}

.simplemodal-close a {text-align:left; text-size: 14px; text-decoration:none;}
.simplemodal-close:hover {text-decoration:none;}
.simplemodal-close a:link, .simplemodal-close a:active, .simplemodal-close a:visited {border-bottom: none;}




#content-area .jNiceWrapper select {border:none;margin:0;padding:0;}
#content-area .jNiceSelectWrapper {

left:0px;top:0px;z-index:3;position:absolute;
}
#content-area .jNiceWrapper iframe {position:absolute;z-index:1;width:100%;left:0px;top:0px;}
#content-area .jNiceSelectWrapper .jNiceSelectText {
height: 15px;
line-height: 15px;
padding: 0px 3px;
border: 1px solid #CCCCCC;
border-right: none;
background-color: #FFF;
overflow:hidden;float:none;position:absolute;z-index:100;
}
#content-area .jNiceSelectWrapper .jNiceSelectOpen {
width: 21px;
height: 17px;
background: url(../image/select_right.gif) no-repeat center center;
z-index:100;display:block;position:absolute;right:0px;
}
#content-area .jNiceSelectWrapper ul {
top: 16px;
background-color: #FFF;
border: solid 1px #CCC;

position:absolute;
left:0px;
list-style:none;
display: none;
margin:0;
padding:0;
overflow-y:auto;
z-index:100;
width: 95%;
background-color:#fff;;
list-style-type:none;

}
#content-area .jNiceSelectWrapper ul a {
color:#0099CC;
background-color: #FFF;
display:block;text-decoration:none;
margin:0;
}
#content-area .jNiceSelectWrapper ul li, #content-area .jNiceSelectWrapper ul li a {
	margin:0;
 padding:3px 5px;



}
#content-area .jNiceSelectWrapper ul a:hover { background:#E1F5FF; }
#content-area .jNiceSelectWrapper ul a.selected {background: #EDEDED;}
#content-area .jNiceFocus { border: dotted 1px #666666; }
#content-area .jNiceHidden {opacity:0;z-index:-1;position:relative;}
#content-area .jNiceWrapper {position:relative;vertical-align:top;}
#content-area .jNiceWrapper input {outline:none;moz-outline:none;}
#content-area .jNiceWrapper a:link, #content-area .jNiceWrapper a:active, #content-area .jNiceWrapper a:visited{
	border-bottom:none;}

#nomineediv {
	    color: #005A96;
    font-size: 13px;
    font-weight: normal;
	}


.viewmore {
	cursor:pointer;
	color: #00B9E7;
	font-weight:bold;
	font-size:14px;
}

/* confirm dialog */
#confirm {
	display: none;
}

/* Overlay */
#confirm-overlay {
	background-color: #000;
	cursor: default;
}

/* Container */
#confirm-container {
	height: auto !important;
	width: 420px;
	text-align: left;
	background: #fff;
	border: 2px solid #000;
	padding: 0 0 5px 0;
}

#confirm-container .header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.45em; /*11x1.45=16px */
	line-height: 1.25em; /*16x1.25=20px*/
	color: #fff;
	font-weight: normal;
	padding: 5px 10px 5px 28px;
	background: #005a96;
	border: 0 0 2px 0 solid #000;
}

#confirm-container .header span {
	padding-left: 8px;
}

#confirm-container .message {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #3B383B;
	font-size: 14px;
	margin: 0;
	padding: 12px 4px 12px 8px;
}

#confirm-container .buttons {
	float: right;
	line-height: 26px;
	width: 160px;
	padding: 10px 8px 0;
}

#confirm-container .buttons div {
	float: right;
	margin-left: 4px;
	width: 70px;
	height: 26px;
	color: #3B383B;
	font-weight: bold;
	text-align: center;
	border: 1px solid #bbb;
	cursor: pointer;
}

#confirm-container a.modal-close, #confirm-container a.modal-close:link,
	#confirm-container a.modal-close:active, #confirm-container a.modal-close:visited
	{
	text-decoration: none;
	font-weight: bold;
	position: absolute;
	right: 10px;
	top: 2px;
	color: #fff;
}

#confirm-container a.modal-close:hover {
	color: #ccc;
}

.cbmain {
	float: left;
	height: 37px !important;
	color: #ffffff !important;
	background: #04bae7 !important;
	font-size: 14px !important;
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
}

.cbspan {
	float: left;
	width: 80%;
	text-align: left;
	padding: 2px 10px 2px 15px;
}

.cbclose {
	float: right;
	width: 15%;
	align-content: center;
	padding: 2px 10px 2px 10px;
}

/* Used short name because 4000 char CMs limit */
/* Use in ul tag of footnote if one needs ul shifted right */
.fnul {
	padding-left: 15px !important;
}
.fnul li {
	list-style: disc;
}

#invest-summary th, #invest-summary tr {
	font-size:105%
}

#invest-summary tr {
	border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}

#invest-summary td:nth-child(4) {
	font-weight: bold;
}

.notif-tab {
	position:relative;
}

@keyframes blinking {
	 0% { background:red; }
    50%{ background:transparent; }
    100%{ background:red; }
}

.notif-tab::after {
	content:' ';
	position:absolute;
	top:7px;
	right:4px;
	font-size:.7em;
	background:red;
	color:white;
	width:9px;height:9px;
	text-align:center;
	line-height:18px;
	border-radius:50%;
	box-shadow:0 0 1px #333;
	animation: blinking 1.5s infinite;
}