/* Table of Contents:

	Global
	Home
	Stock Grader
	Forms
	Search Form
	Log In Form
	Tables
	Grids
	Tabs
	Fonts
	Elements
	Links
	Administration
	Video Player
	
*/


/* Global
----------------------------------------------- */

body {
  margin: 8px 0 16px 0;
  background-color: #bcd5e1;
}

body a {
  outline: none;
}

body.popup {
  margin: 0 0 16px 0;
  background: #fff url(../images/popup_banner.jpg) no-repeat top left;		
}

#container {
  width: 763px;	
  border-right: 4px solid #fff;
  border-left: 4px solid #fff;
  background: #fff url(../images/framedhead_bg.jpg) no-repeat bottom right;
}

#containerNoImg {
	width: 763px;	
	border-right: 4px solid #fff;
	border-left: 4px solid #fff;
	background-color: #fff;
}

#header {
  width: 763px;	
  height: 76px;
  border-bottom: 1px solid #ccc;
  font: 12px arial, sans-serif;
  color: #4b4b4b;
}

#topNav {
	float: left;
	width: 400px;	
	padding: 6px 0 0 16px;	
	font: 10px arial, sans-serif;
	text-align: left;
}

#topNav ul {
	margin: 0;
	padding: 0;
	list-style: none;	
}

#topNav li {
	margin: 0;
	padding: 0 4px 0 9px;
	background: url(../images/orange_arrow.gif) no-repeat left center;
	font: 10px arial, sans-serif;
	color: #999;
	display: inline;
}

#mainNav {
	width: 763px;
	height: 24px;
	border-bottom: 3px solid #63a7b2;
	background: url(../images/nav_bg.gif) repeat-x;
	font: 11px arial, sans-serif;
	color: #999;
	text-align: left;
}

#mainNav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#mainNav li {
	margin: 0;
	padding: 0;
	font: 11px arial, sans-serif;
	display: inline;
}

#mainNav li a:hover {	
	background: transparent;
	color: #3378cc;
}

#flashBanner {
	margin: 0px;
	padding: 0px;
	font: 12px arial, sans-serif;
	color: #4b4b4b;
	text-align: left;
}

#leftNav {
	float: left;
	width: 142px;
	height: 550px;	
	padding: 18px 0 0 16px;
	font: 10px verdana, sans-serif;
	text-align: left;
}

#leftNav ul.first {
	margin: 0;
	padding: 0 0 10px 0;
	list-style: none;
}

#leftNav ul {
	margin: 0;
	padding: 8px 0 10px 0;
	list-style: none;
}

#leftNav li {
	margin: 0 0 6px 0;
	padding: 0 0 0 8px;
	background: url(../images/orange_triangle.gif) no-repeat left 4px;
	font: 10px verdana, sans-serif;
	color: #787878;
}

#leftNav li.open {
	margin: 0 0 6px 0;
	padding: 0 0 0 8px;
	background: url(../images/orange_triangle_open.gif) no-repeat left 4px;
}

#leftNav li.sub {
	margin: 0 0 6px 9px;
	padding: 0 0 0 8px;
	background: url(../images/gray_bullet.gif) no-repeat left 5px;
}

#flashBurst {
	margin: 0px;
	padding: 0px;
	font: 11px arial, sans-serif;
	color: #4b4b4b;
	text-align: left;
}

#flashBurst2 {
	margin: 0 0 10px 0;
	padding: 0px;
	font: 11px arial, sans-serif;
	color: #4b4b4b;
	text-align: left;
}

#mainContent {
	float: left;
	width: 385px;
	padding: 16px 0 65px 35px;	
	font-size: 62.5%;
	text-align: left;
}

#mainContent p {
	font: 1.1em/1.46em verdana, sans-serif;
	color: #4b4b4b;
	overflow: hidden;
}

#mainContent ul {
	margin: 0;
	padding: 0 0 0 15px;
	list-style: none;
}

#mainContent ol {
	margin: 0 0 0 30px;
	padding: 0;
}

#mainContent li {
	margin: 0;
	padding: 0 0 0 8px;
	background: url(../images/blue_bullet.gif) no-repeat left .64em;
	font: 1.1em/1.46em verdana, sans-serif;
	color: #4b4b4b;
}

#mainContent li.news {
	margin: 0;
	padding: 0 0 2px 15px;
	background: url(../images/news_icon.gif) no-repeat left .35em;
	font: 1.1em/1.46em verdana, sans-serif;
	color: #4b4b4b;
}

#mainContent li.pdf {
	margin: 0;
	padding: 0 0 2px 15px;
	background: url(../images/pdf_icon.gif) no-repeat left .35em;
	font: 1.1em/1.46em verdana, sans-serif;
	color: #4b4b4b;
}

#mainContent li.video {
	margin: 0;
	padding: 0 0 2px 15px;
	background: url(../images/video_icon.gif) no-repeat left .35em;
	font: 1.1em/1.46em verdana, sans-serif;
	color: #4b4b4b;
}

#mainContent li.process {
	margin: 10px 0 0 0;
	padding: 0;
	background: none;
	font: 1.1em/1.46em verdana, sans-serif;
	color: #4b4b4b;
}

#mainContent li.search {
	margin: 10px 0 0 0;
	padding: 0;
	background: none;
	font: 1.1em/1.46em verdana, sans-serif;
	color: #4b4b4b;
}

#mainContent dt {
	margin: 10px 0 0 0;
	padding: 0;
	font: bold 1.1em/1.46em verdana, sans-serif;
	color: #666;
}

#mainContent dd {
	margin: 0;
	padding: 0 0 0 20px;
	font: 1.1em/1.46em verdana, sans-serif;
	color: #4b4b4b;
}

#mainContent form div p {
	float: left;
	width: 120px;
	margin: 0 20px 0 0;
	font: bold 10px/13px verdana, sans-serif;
	color: #666;
}

#mainContentPopup {
	width: 445px;
	padding: 65px 18px 0px 18px;
	font: 10px/15px verdana, sans-serif;
	color: #4b4b4b;
	text-align: left;
}

#mainContentPopup dt {
	margin: 10px 0 0 0;
	padding: 0;
	font: bold 10px/15px verdana, sans-serif;
	color: #666;
}

#mainContentPopup dd {
	margin: 0;
	padding: 0 0 0 20px;
	font: 10px/15px verdana, sans-serif;
	color: #4b4b4b;
}

#fontSize {
	float: right;
	width: 120px;
	padding-top: 10px;
	padding-right: 10px;
	font: 10px arial, sans-serif;
	color: #3c87cc;	
	text-align: right;
}

#printPage {
	float: right;
	width: 120px;
	padding-top: 8px;
	padding-right: 10px;
	font: 10px arial, sans-serif;
	color: #4d93d5;	
	text-align: right;
}

#videoClip {
	margin: 0;
	padding: 10px 0 10px 30px;
	text-align: left;
}

#videoTitle {
	margin: 0;
	padding: 0 0 17px 0;
	font: bold 1.1em/1.32em verdana, sans-serif;
	color: #666;
	text-align: center;
}

#videoInfo {
	margin: 0;
	padding: 0 0 17px 0;
	font: 1.1em/1.46em verdana, sans-serif;
	color: #666;
	text-align: center;
}

#chart {
	margin: 18px 0 18px 0;
	font: 11px verdana, sans-serif;
	color: #4b4b4b;
	text-align: center;
}

#chart2 {
	margin: 18px 0 18px 0;
	font: 11px verdana, sans-serif;
	color: #4b4b4b;
	text-align: center;
}

#chart3 {
	margin: 18px 0 18px 0;
	font: 11px verdana, sans-serif;
	color: #4b4b4b;
	text-align: center;
}

#siteMapColLeft {
	float: left;
	width: 200px;
	font: 1em/1.46em verdana, sans-serif;
	color: #4b4b4b;
	text-align: left;
}

#siteMapColRight {
	float: left;
	width: 180px;
	font: 1em/1.46em verdana, sans-serif;
	color: #4b4b4b;
	text-align: left;
}

#siteMapColRight li li {
	font: 1em/1.46em verdana, sans-serif;
	color: #4b4b4b;
	text-align: left;
}

#rightNav {
	float: right;
	width: 167px;
	margin: 0;
	padding: 18px 0 65px 16px;
	text-align: left;
}

#footer {
	width: 757px;
	padding-left: 14px;
	padding-top: 12px;	
	font: 10px arial, sans-serif;
	color: #999;
	text-align: left;
}

.burst {
 	width: 147px;
 	height: 83px;
 	margin: 8px 0 0 0;
 	padding: 0;
 	font: 11px arial, sans-serif;
	color: #4b4b4b;
}

.burstFirst {
 	width: 147px;
 	height: 83px;
 	margin: 0;
 	padding: 0;
 	font: 11px arial, sans-serif;
	color: #4b4b4b;
}

.burst a:hover, .burstFirst a:hover {	
	background: transparent;
	color: #3378cc;
}

.contentItem {
	margin: 0;
  	padding: 1.18em 0 1.27em 0;
  	border-bottom: 1px dotted #ccc;
  	font: 1.1em/1.46em verdana, sans-serif;
	color: #4b4b4b;
	text-align: left;
}

.contentItemLast {
	margin: 0;
  	padding: 1.18em 0 1.27em 0;
  	font: 1.1em/1.46em verdana, sans-serif;
	color: #4b4b4b;
	text-align: left;
}

.advisorSupport {
	width: 150px;
	margin: 0;
	padding: 0 0 16px 16px;
	font: 1em/1.46em verdana, sans-serif;
	color: #4b4b4b;
	text-align: left;
}

.advisorSupportCol {
	float: left;
	width: 180px;
	font: 1.1em/1.46em verdana, sans-serif;
	color: #4b4b4b;
	text-align: left;
}

.demoTourCol {
	float: left;
	width: 170px;
	margin: 0;
	padding: 15px 0 0 0;
	font: 11px/16px verdana, sans-serif;
	color: #4b4b4b;
	text-align: left;
}

blockquote {
	font: 1.1em/1.46em verdana, sans-serif;
	color: #4b4b4b;
	text-align: left;
}


/* Home
----------------------------------------------- */

#homeContent {
	width: 758px;
	height: 145px;
	padding: 20px 0 0 5px;
	border-top: 3px solid #63a7b2; 
	background: url(../images/home_bottom_bg.gif) repeat-x bottom;
}

#homeClientBoxRight{
	float: left;
	width: 171px;
	height: 123px;
	padding: 0 10px 0 10px;
	font: 10px verdana, sans-serif;
	color: #4b4b4b;
}

#homeQuickLinks {
	float:left;
	width: 175px;
	height: 121px;
	padding: 2px 0 0 10px;
	font: 11px arial, sans-serif;
	color:#4b4b4b;
	text-align: left;
}

#homeQuickLinks1 {
	float:left;
	width: 175px;
	height: 121px;
	padding: 2px 0 0 10px;
	font: 11px arial, sans-serif;
	color:#4b4b4b;
	text-align: left;
}


.homeClientBox {
	float: left;
	width: 170px;
	height: 123px;
	padding: 0 10px 0 10px;
	border-right: 1px solid #c0c0c0; 
	font: 10px verdana, sans-serif;
	color: #4b4b4b;
}

#homeClientBoxRight a:hover, #homeQuickLinks a:hover, .homeClientBox a:hover {	
	background: transparent;
	color: #3378cc;
}

/* Home Page Right Nav Menu */
#homeRightNav
{
	background:url(/images/HomeRightNav/wheredoyouwantotgo.png) no-repeat;
	float:left;
	height:275px;
	position:relative;
	width:163px;
}

#homeRightNav img
{
	left:8px;
	position:absolute;
}

#homeRightNav #navellier
{
  top:50px;
}

#homeRightNav #weekly
{
	top:72px;
}

#homeRightNav #stock-etf
{
	top:94px;
}

#homeRightNav #blog
{
	top:116px;
}

#homeRightNav #vireo
{
	top:138px;
}

#homeRightNav #alternative
{
	top:160px;
}

/* Stock Grader
----------------------------------------------- */

#mainContentStock {
	float: left;
	width: 559px;
	padding: 16px 0 65px 35px;
	text-align: left;
}

#mainContentStock p {
	font: 11px/16px verdana, sans-serif;
	color: #4b4b4b;
}

#mainContentStock ul {
	margin: 0;
	padding: 0 0 0 15px;
	list-style: none;
}

#mainContentStock li {
	margin: 0;
	padding: 0 0 0 8px;
	background: url(../images/blue_bullet.gif) no-repeat left .64em;
	font: .71em/1.46em verdana, sans-serif;
	color: #4b4b4b;
}

#mainContentStock li.pdf {
	margin: 0;
	padding: 0 0 2px 15px;
	background: url(../images/pdf_icon.gif) no-repeat left .35em;
	font: .71em/1.46em verdana, sans-serif;
	color: #4b4b4b;
}

#mainContentStock form div p {
	float: left;
	width: 140px;
	margin: 0 20px 0 0;
	font: bold 10px/13px verdana, sans-serif;
	color: #666;
}

#mainContentStockGrader {
	float: left;
	width: 737px;
	padding: 18px 0 65px 12px;
	font: 11px/16px verdana, sans-serif;
	color: #4b4b4b;
	text-align: left;
}

#stockGraderSignUp {
	float: left;
	width: 347px;
	height: 310px;
	padding: 10px 25px 0 13px;
	background: url(../images/not_member_bg.gif) no-repeat;
	font: 11px/16px verdana, sans-serif;
	color: #4b4b4b;	
	text-align: left;
}

#stockGraderSignUp p {
	font: 11px/16px verdana, sans-serif;
	color: #4b4b4b;
}

#stockGraderSignUp ul {
	margin: 0;
	padding: 3px 0 3px 145px;
	list-style: none;
}

#stockGraderSignUp li {
	margin: 0;
	padding: 0 0 0 8px;
	background: url(../images/blue_bullet.gif) no-repeat left 7px;
	font: 11px/16px verdana, sans-serif;
	color: #4b4b4b;
}

#stockGraderLogIn {
	float: right;
	width: 159px;
	height: 310px;
	padding: 10px 0 0 13px;
	background: url(../images/log_in_bg.gif) no-repeat;
	font: 11px/16px verdana, sans-serif;
	color: #4b4b4b;
	text-align: left;
}

#stockGraderLogIn p {
	font: 11px/16px verdana, sans-serif;
	color: #4b4b4b;
}

#floatRight {
	float: right;
	width: 100px;
	margin: 0;
	padding: 2px 0 0 0;
	font: 9px verdana, sans-serif;
	text-align: right;
}

#loginFontSize {
	float: right;
	width: 200px;
	padding-top: 10px;
	padding-right: 10px;
	font: 10px arial, sans-serif;
	color: #4d93d5;	
	text-align: right;
}

#pageNumbers {
	float: right;
	padding: 4px 4px 0 0;
	font: 10px verdana, sans-serif;
}

#leaderLegendTitle {
	float: left;
	padding: 1px 0 0 5px;
	font: bold 9px verdana, sans-serif;
	color: #4b4b4b;
}

.pageNumbers td {
    font: 10px verdana, sans-serif;
}

.leaderLegendBox {
	height: 15px;
	border-bottom: 1px dotted #ccc;
}

.leaderAbbreviation {
	float: left;
	width: 46px;
	padding: 2px 0 0 14px;
	font: 9px verdana, sans-serif;
	color: #4b4b4b;
}

.leaderDefinition {
	float: left;
	width: 211px;
	padding: 2px 0 0 0;
	font: 9px verdana, sans-serif;
	color: #4b4b4b;
}

select#etf_range {
	width: 160px;
	margin:  0 0 2px 305px;
}

.stockGraderSelect, .etfGraderSelect {
	padding: 14px 15px 8px 15px;
	font: 11px verdana, sans-serif;
	color: #4b4b4b;
	text-align: center;
	background-color: #f0f0f0;
}

.stockGraderSelect a:hover, 
.etfGraderSelect a:hover {
	background: transparent;
}


/* Forms
----------------------------------------------- */

form {
	margin: 0;
	padding: 0;
}

form fieldset {
	width: 366px;
	margin: 0 188px 12px 0;
	padding: 10px 0 18px 14px;
	border: 1px solid #e1e1e1;
}

form legend {
	margin: 0 0 0 -1px;
	padding: 0;
	font: bold 11px verdana, sans-serif;
	color: #003c99;
}

form form div {
	clear: left;
	font-size: 10px;
}

form div label {
	float: left;
	width: 126px;
	margin: 5px 20px 0 0;
	padding: 0;
	font: bold 10px/13px verdana, sans-serif;
	color: #666;
}

form div label.checkbox {
	float: left;
	width: 285px;
	margin: 0 5px 0 0;
	padding: 0;
	font: 10px/13px verdana, sans-serif;
	color: #666;
}

form div label.radio {
	width: 50px;
	margin: 0;
	font: 10px verdana, sans-serif;
	color: #4b4b4b;
}

form div label.radioLong {
	width: 126px;
	margin: 0;
	font: 10px/18px verdana, sans-serif;
	color: #4b4b4b;
}

form div input {
	width: 190px;
	margin: 5px 0 0 0;
	padding: 2px;
	font-size: 11px;
}

form td input {
	margin: 0;
	padding: 2px;
	font-size: 11px;
}

form div input.checkbox {
	width: 13px;
	height: 13px;
	margin: 0 8px 0 0;
	padding: 2px 0 0 0;
}

form div input.radio {
	width: 13px;
	height: 13px;
	margin: 6px 0 0 0;
	padding: 6px 0 0 0;
}

form div select {
	margin: 5px 0 0 0;
	padding: 1px;
	font-size: 11px;
}

form div select.quantity {
	margin: 0;
	padding: 0;
	font-size: 10px;
}

form div textarea {
	width: 190px;
	height: 173px;
	margin: 5px 0 0 0;
	padding: 2px;
	font: 11px/14px arial, sans-serif;
	overflow: auto;
}

form input.button {
	width: auto;
   	overflow: visible;
	padding: 1px 5px 1px 5px;
	border: 3px double #a5a5a5; 
	border-top-color: #d2d2d2; 
	border-left-color: #d2d2d2; 	
	background: #eee url(../images/form_btn_bg.gif) repeat-x; 
	font: 10px verdana, sans-serif;
	color: #000;
}

form input.button:hover {
	color: #005ab4;
}

form input.button:active {
	border: 3px double #d2d2d2;
	border-top-color: #a5a5a5;
	border-left-color: #a5a5a5;
}

#subscriptionBox {
 	width: 365px;
 	margin: 0;
 	padding: 18px 0 8px 18px;
	font: 10px/15px verdana;
 	border: 1px solid #e1e1e1;
 	border-top: 0px;
}

#radioBox, #radioBox2 {
	float: right;
	width: 140px;
	margin: 0;
	padding: 0;
}

.orderItem {
	clear: left;
	margin: 10px 0 10px 0;
	padding: 5px 0 5px 0;
	font: 10px verdana, sans-serif;
}

.orderItemName {
	clear: left;
	width: 292px;
	margin: 10px 0 10px 0;
	padding: 5px 0 5px 0;
	font: 10px verdana, sans-serif;
}

.orderItemNameFirst {
	clear: left;
	width: 292px;
	margin: 10px 0 10px 0;
	padding: 10px 0 5px 0;
	font: 10px verdana, sans-serif;
}

.eventListing {
	float: left;
	margin: 0;
	padding: 18px 0 8px 0;
	border-bottom: 1px dotted #ccc;
	width: 385px;
	font: 10px/15px verdana, sans-serif;
	color: #4b4b4b;
	text-align: left;
}

.eventText {
	font: 10px/15px verdana, sans-serif;
	color: #4b4b4b;
}

.RSVPLabel {	
	float: left;
	width: 123px;
	margin: 0 20px 0 0;
	font: bold 10px/13px verdana, sans-serif;
	color: #666;
}

.formlegend {
	margin: 0 0 0 -1px;
	padding: 0;
	font: bold 11px verdana, sans-serif;
	color: #003c99;
}

.forminput {
	width: 190px;
	margin: 5px 0 0 0;
	padding: 2px;
	font-size: 11px;
}

.formfieldset {
	width: 366px;
	margin: 0 188px 12px 0;
	padding: 10px 0 18px 14px;
	border: 1px solid #e1e1e1;
}

.formbutton {
	width: auto;
   	overflow: visible;
	padding: 1px 5px 1px 5px;
	border: 3px double #a5a5a5; 
	border-top-color: #d2d2d2; 
	border-left-color: #d2d2d2; 	
	background: #eee url(../images/form_btn_bg.gif) repeat-x; 
	font: 10px verdana, sans-serif;
	color: #000;
}


/* Search Form
----------------------------------------------- */

form fieldset.search {
	float: right;
	width: 250px;	
	margin: 0;
	padding: 2px 10px 0 0;
	border: 0;
	text-align: right;
}

form legend.search {
	display: none;
}

form div label.search {
	width: 57px;
	margin: 0;
	padding: 4px 16px 0 0;
	font: bold 10px arial, sans-serif;
	color: #666;
}

form div input.search {
	float: left;
	width: 135px;
	margin: 1px 0 0 0;
	padding: 1px;
	font-size: 11px;
}

form input.goSearch {
	width: auto;
   	overflow: visible;
   	margin: 3px 2px 0 0;
	padding: 0;
	border: 0;
	background: none; 
	font: 10px arial, sans-serif;
	color: #666;
}

form input.goSearch:hover {
	color: #000;
}

form input.goSearch:active {
	border: 0;
}

.searchGrid {
	font: 10px verdana, sans-serif;
}


/* Log In Form
----------------------------------------------- */

form fieldset.logIn {
	width: 145px;	
	height: 88px;
	margin: 0;
	padding: 15px 10px 0 0;
	border: 0;
	text-align: left;
}

form legend.logIn {
	display: none;
}

form div label.checkboxLogIn {
	float: left;
	width: 145px;
	margin: 0;
	padding: 0;
	font: 10px/13px verdana, sans-serif;
	color: #666;
}

form div input.logIn {
	float: left;
	width: 142px;
	margin: 0;
	padding: 0;
	font-size: 11px;
}


/* Tables
----------------------------------------------- */

table {
	border-spacing: 2px;
	font: 10px verdana, sans-serif;
	color: #4b4b4b;
}

#portFundPort {
	width: 139px;
	font: bold 9px verdana, sans-serif;
}

.fundNameSmall {
	width: 195px;
	font: bold 9px verdana, sans-serif;
}

.fundProspectus, .fundReport, .fundDist, .fundLetter {
	width: 63px;
	font: bold 9px verdana, sans-serif;
}

.fundLiterature {
	width: 270px;
	font: bold 9px verdana, sans-serif;
}

caption {
	padding: 0 0 8px 0;
	font: bold 11px verdana, sans-serif;
	color: #003c99;
	text-align: left;
}

td, th {
	padding: 4px;
}

thead th {
	background: #e1f0ff;
	color: #5a5a5a;
	text-align: center;
}

tbody tr.even th { 
	background: #fafafa;
	font: 10px verdana, sans-serif;
	text-align: left;
}

tbody tr.even td { 
	background: #fafafa;
	font: 10px verdana, sans-serif;
	text-align: center;
}

tbody tr.odd th { 
	background: #f0f0f0;
	font: 10px verdana, sans-serif;
	text-align: left;
}

tbody tr.odd td{ 
	background: #f0f0f0;
	font: 10px verdana, sans-serif;
	text-align: center;
}

tbody tr.even td.left { 
	background: #fafafa;
	font: 10px verdana, sans-serif;
	text-align: left;
}

tbody tr.even td.right { 
	background: #fafafa;
	font: 10px verdana, sans-serif;
	text-align: right;
}

tbody tr.odd td.left { 
	background: #f0f0f0;
	font: 10px verdana, sans-serif;
	text-align: left;
}

tbody tr.odd td.right { 
	background: #f0f0f0;
	font: 10px verdana, sans-serif;
	text-align: right;
}

table td a:link, table td a:visited {
	color: #3378cc;
	text-decoration: none;
}

table td a:hover {
	color: #ffffff;
	text-decoration: none ;
	background: #bbbb00;
}


/* Grids
----------------------------------------------- */

.GridHeader {
  	background: #e1f0ff;
  	font: 9px arial, sans-serif;
  	color: #4b4b4b;
  	text-align: center;
}

.GridHeader1 {
  	background: #e1f0ff;
 	font: bold 10px verdana, sans-serif;
 	color: #5a5a5a;
  	text-align: center;
}

.GridItemStyle {
  	font: 10px verdana, sans-serif;
  	text-align: center;
}

.GridItemStyle1, .GridItemStyle2 {
  	font: 10px verdana, sans-serif;
  	text-align: left;
}

.GridItemStyleReport
{
  	font: 10px verdana, sans-serif;
  	text-align: center;
}

.GridItemStyle3 {
  	font: 11px verdana, sans-serif;
  	text-align: center; 
}

.GridItemStyle4 {
  	font: 9px verdana, sans-serif;
  	text-align: left;
}

.GridItemStyle5 {
  	font: 10px verdana, sans-serif;
  	text-align: center;
}

.PortGridHeader {
  	background: #e1f0ff;
  	vertical-align: text-bottom;
  	font: bold 10px verdana, sans-serif;
  	text-align: center;
  	color: #5a5a5a;
}

.FundGridHeader1 {
  	background: #e1f0ff;
	vertical-align: middle;  
	font: bold 9px verdana, sans-serif;
	text-align: left;
	color: #5a5a5a;
}

.FundGridHeader2 {
 	background: #e1f0ff;
  	vertical-align: middle; 
	font: bold 9px verdana, sans-serif;
  	text-align: center;
  	color: #5a5a5a;
}

.FundHistWeekDay {
	width: 55px;
	height: 20px;
	background: #e1f0ff;
	font: bold 9px verdana, sans-serif;
	color: #5a5a5a;
	text-align: center;
}

.CurrentMonth td {
	padding: 0 0 8px 0;
	background: #fff;
	font: bold 11px verdana, sans-serif;
	color: #003c99;
	text-align: center;
}

.PrevMonth {
	padding: 0 0 8px 0;
	background: #fff;
	font: bold 12px verdana, sans-serif;
	color: #003c99;
	text-align: center;
}

.PrevMonth a:hover {
  	background: transparent;
}

.NextMonth {
	padding: 0 0 8px 0;
	background: #fff;
	font: bold 12px verdana, sans-serif;
	color: #003c99;
	text-align: left;
}

.CalenderItemStyle {
	font: 9px verdana, sans-serif;
  	color: #5a5a5a;
}

.CalenderItemStyle1 {
	font: 10px verdana, sans-serif;
  	color: #5a5a5a;
}

.CalenderItemStyle1 a:hover {
  	background: transparent;
}

.LeaderBoardHeader {
  	width: 90px;
  	height: 28px;
  	background: #e1f0ff;
  	font: bold 9px verdana, sans-serif;
  	text-align: center;
  	color: #4b4b4b;
}

.LeaderBoardItemStyle {
  	font: 10px verdana, sans-serif;
  	text-align: left;
}

.LeaderBoardItemStyle1 {
  	font: 10px verdana, sans-serif;
  	text-align: center;
}

.portFundPort {
	width: 139px;
	background: #e1f0ff;
	font: bold 9px verdana, sans-serif;
	text-align: center;  
}

.portothers {
	width: 58px;
	background: #e1f0ff;
	font: bold 9px verdana, sans-serif;
	text-align: center;
}

.portothers1 {
	width: 52px;
	background: #e1f0ff;
	font: bold 9px verdana, sans-serif;
	text-align: center;
}

.portothers2 {
	width: 58px;
	background: #e1f0ff;
	font: bold 9px verdana, sans-serif;
}

.benchmark {
	padding-left: 20px;
}

a.gridSortLink:link, a.gridSortLink:visited {
	color: #5a5a5a;
	text-decoration: none;
}

a.gridSortLink:hover {
	background: transparent;
	color: #5a5a5a;
	text-decoration: underline;
}


/* Tabs
----------------------------------------------- */

#tabHeader {
  	float: left;
  	width: 100%;
  	margin: 5px 0 25px 0;
  	padding: 0;
  	background: url(../images/tab_bg.gif) repeat-x bottom;
  	font: 10px verdana, sans-serif;
  	line-height: 10px;
}

#tabHeader ul {
  	margin: 0;
  	padding: 0;
  	list-style: none;
}

#tabHeader li {
  	float: left;
  	width: 92px;
  	height: 25px;
  	margin: 0;
  	padding: 1px 1px 0 0;
  	background: url(../images/tab_off.gif) no-repeat top;
}

#tabHeader a {
  	display: block;
  	padding: 4px 0 0 0;
  	font: 10px verdana, sans-serif;
  	color: #787878;
  	text-decoration: none;
  	text-align: center;
}

#tabHeader a.tabText9 {
	padding: 3px 0 0 0;
  	font-size: 9px;
  	line-height: 9px;
}

#tabHeader a:hover {
	background: transparent;
  	color: #3378cc;
}

#tabHeader #tabCurrent {
  	background-image: url(../images/tab_on.gif);
}

#tabHeader #tabCurrent a {
  	font-weight: bold;
  	color: #3378cc;  	
}


/* Fonts
----------------------------------------------- */

.text9 {
	font-size: .82em;
}

.text10 {
	font-size: .91em;
}

.text9px {
	font: 9px/13px verdana, sans-serif;
	color: #787878;
}

.text10px {
	font: 10px verdana, sans-serif;
	color: #4b4b4b;
}

.text11 {
	font: 1.1em/1.46em verdana, sans-serif;
	color: #4b4b4b;
}

.orange9 {
	padding: 0 0 0 16px;
	font: 9px verdana, sans-serif;
	color: #cc6600;
}

.orange10 {
	font: 10px verdana, sans-serif;
	color: #cc6600;
}

.grey10Member {
	font: 10px arial, sans-serif;
	color: #787878;
}

.grey10Bold {
	font: bold 10px verdana, sans-serif;
	color: #666;
} 

.greyBold {
	font: bold 1em/1.46em verdana, sans-serif;
	color: #666;
} 

.red {
	color: #cc0000;	
}

.red10 {
	color: #cc0000;	
}

.red9 {
	font: 9px verdana, sans-serif;
	color: #cc0000;	
}

.red10Bold {
	font: bold 10px verdana, sans-serif;
	color: #cc0000;	
}

.green {
	color: #008000;	
}

.leftNavOn {
	color: #338700;
	text-decoration: none;
}

.leftNavTitles {
	font: 10px georgia, serif;
	color: #663301;
	letter-spacing: 1px;
}

.saveEmail {
	font: 9px verdana, sans-serif;
	line-height: 21px;
}

.fundDate {
	font: 9px/16px verdana, sans-serif;
	color: #666;
}

.terms {
	font: 10px/15px verdana, sans-serif;
}

.disclosure {
	font: .82em/1.46em verdana, sans-serif;
	color: #666;
}

.fundDisclosure {
	font: 1em/1.46em verdana, sans-serif;
	font-style: italic;
	color: #4b4b4b;
}

.eventName {
	margin: 16px 0 0 0;
	font: bold 10px/15px verdana, sans-serif;
	color: #3378cc;
}

.eventInfo {
	margin: 16px 0 0 0;
	font: bold 10px/15px verdana, sans-serif;
	color: #666;
}

h1 {
	margin: 0 0 10px 0;
	padding: 0 0 8px 0;
	border-bottom: 1px dotted #ccc;
	font: 21px georgia, serif;
	color: #003c99;
	letter-spacing: 1px;
}

h2.first {
	margin: 0 0 4px 0;
	font: bold 1.1em verdana, sans-serif;
	color: #666;
}

h2 {
	margin: 16px 0 4px 0;
	font: bold 1.1em verdana, sans-serif;
	color: #666;
}

h2.member {
	margin: 1px 0 18px 0;
	font: bold 11px verdana, sans-serif;
	color: #3378cc;
}

h2.nonMember {
	margin: 1px 0 16px 0;
	font: bold 11px verdana, sans-serif;
	color: #003c99;
}

h2.eventDate {
	margin: 0;
	font: bold 11px verdana, sans-serif;
	color: #003c99;
}

h2.subscription {
	margin: 0 0 14px 0;
	font: bold 11px verdana, sans-serif;
	color: #003c99;
}

h2.funds {
	margin: 16px 0 4px 0;
	font: bold .71em verdana, sans-serif;
	color: #666;
}

h2.holdings {
	margin: 0;
	padding: 0 0 8px 0;
	font: bold 11px verdana, sans-serif;
	color: #003c99;
	text-align: left;
}

h2.demo {
	margin: 0 0 4px 0;
	font: bold 12px verdana, sans-serif;
	color: #666;
}

h3 {
	margin: 0 0 16px 0;
	font: bold 10px/15px verdana, sans-serif;
	color: #666;
}


/* Elements
----------------------------------------------- */

hr.leftNav {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 0;
	border: 0 dotted #ccc;
	border-top-width: 1px;
}

hr.mainContent {
	margin: 14px 0 0 0;
	padding: 0;
	width: 100%;
	height: 0;
	border: 0 dotted #ccc;
	border-top-width: 1px;
}


/* Links
----------------------------------------------- */

a:link, a:visited {
	color: #3378cc;
	text-decoration: none;
}

a:hover {
	background: #3378cc;
	color: #fff;
	text-decoration: none;
}

a.skipNavLink {
	position: absolute; 
	top: -500px;
}

a.topNavLink:link, a.topNavLink:visited {
	color: #999;
	text-decoration: none;
}

a.topNavLink:hover {	
	background: transparent;
	color: #4b4b4b;
	text-decoration: none;
}

a.searchLink:hover, a.fontSizeLink:hover, a.signUpLink:hover {
	background: transparent;
}

a.leftNavLink:link, a.leftNavLink:visited {
	color: #787878;
	text-decoration: none;
}

a.leftNavLink:hover {	
	background: transparent;
	color: #2d7800;
	text-decoration: none;
}

a.leftNavOnLink:link, a.leftNavOnLink:visited {
	color: #2d7800;
	text-decoration: none;
}

a.leftNavOnLink:hover {	
	background: transparent;
	color: #2d7800;
	text-decoration: none;
}

a.footerLink:link, a.footerLink:visited {
	color: #999;
	text-decoration: none;
}

a.footerLink:hover {
	background: transparent;
	color: #4b4b4b;
	text-decoration: none;
}


/* Administration
----------------------------------------------- */

#adminHeader {
	width: 763px;	
	height: 76px;
	font: 12px arial, sans-serif;
	color: #4b4b4b;
}

#adminBar {
	width: 763px;
	border-bottom: 3px solid #63a7b2;
}

#adminLeft {
	float: left;
	width: 137px;
	height: 462px;
	padding: 18px 0 0 16px;
	font: 10px verdana, sans-serif;
	text-align: left;
}

#adminLeftFull {
	float: left;
	width: 1px;
	height: 462px;		
}

#adminMain ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font: bold 10px verdana, sans-serif;
	color: #3378cc;
}

#adminMain li {
	margin: 0 0 11px 0;
	padding: 0 0 0 8px;
	background: url(../images/blue_bullet.gif) no-repeat left center;
	font: bold 10px verdana, sans-serif;
}


/* Video Player
----------------------------------------------- */

#videoPlayerHolder {
	width: 559px;
	height: 315px;
	background: url(../images/player_area_bg.jpg) no-repeat;
}

#videoPlayerFrame {
	float: left;
	padding: 17px 4px 0px 7px;
	width: 320px;
	height: 280px;
}

#videoPlayerFrameSmall {
	float: right;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	width: 160px;
	height: 170px;
}

#videoNavFrame {
	float: left;
	padding: 17px 0px 0px 0px;
	width: 225px;
	height: 280px;
}

#tabArea {
	margin: 0px;
	padding: 0px;
}

#videoNav {
	margin: 0px;
	padding: 0px;
	width: 220px;
	height: 258px;
	border: 1px solid #cccccc;
	font: 10px verdana, sans-serif;
}

#navContent {
	margin: 0px;
	padding: 0px;
	background-color: #f3f9ff;
	font: 10px verdana, sans-serif;
	color: #4b4b4b;
}

.handcursor {
	cursor: hand;
	border-top: 1px solid #cccccc;
	background-color: #fff;
	font-weight: bold;
	color: #3378cc;	
}

.handcursor a {
	background: transparent;
	font-weight: bold;
	text-decoration: none;
	color: #3378cc;
}

h4 {
	margin: 0px;
	padding: 6px 0px 6px 3px;
	font-size: 10px;
}

.textVersion {
	font-size: 9px;
	color: #3378cc;
}

.textVersion a {
	background: transparent;
	font-size: 9px;
	color: #3378cc;
	text-decoration: none;
}

.iconspan {
	float: left;
	margin-right: 3px;
	cursor: hand;
	font-weight: bold;
}

.eg-bar {
	padding: 8px 0px 8px 3px;
	border-top: 1px solid #cccccc;
	background-color: #fff;
	font-weight: bold;
	color: #3378cc;
}

.eg-bar a {
	color: #3378cc;
	font-weight: bold;
	text-decoration: none;
}

.switchgroup1 {
	padding: 2px 3px 2px 10px;
	width: 175px;
	line-height: 13px;
}



/*************************** Blog Styles *************************************/

#leftNavBlog {
	float: left;
	width: 142px;
	height: 550px;	
	padding: 18px 0 0 16px;
	font: 10px verdana, sans-serif;
	text-align: left;
}


.rightNavBlog {
  background-color:#edf3ff;
  float: right;
  width: 170px;
  padding: 40px 5px 20px 5px;
}


.rightNavBlogPosts {
 background-color:#d9e6ff;
 padding: 1px 1px 1px 1px;
 text-align:left;
 margin: 1px 1px 5px 1px;
}


#blogQuickLinks1 {
 float:left;
 width: 175px;
 height: 121px;
 padding: 2px 0 0 10px;
 font: 11px arial, sans-serif;
 color:#4b4b4b;
 text-align: left;
}



#blogQuickLinks {
  float: right;
  width: 175px;   /* Width must not change in order to match non-blog pages. */
  height: 550px;
  padding: 100px 10px 0 0;
  font: 11px arial, sans-serif;
  color: #4b4b4b;
  text-align: right;
}

#mainContentBlog {
  float: left;
  width: 404px;   /* Width must not change in order to match non-blog pages. */
  height: 550px;
  padding: 0 0 0 16px;                     /* Top, right, bottom, left */
  font-size: 62.5%;
  text-align: left;
}

#mainContentBlog p {
	font: 1.1em/1.46em verdana, sans-serif;
	color: #4b4b4b;
	overflow: hidden;
}

#mainContentBlog ul {
	margin: 0;
	padding: 0 0 0 15px;
	list-style: none;
}

#mainContentBlog ol {
	margin: 0 0 0 30px;
	padding: 0;
}

#mainContentBlog li {
	margin: 0;
	padding: 0 0 0 8px;
	background: url(../images/blue_bullet.gif) no-repeat left .64em;
	font: 1.1em/1.46em verdana, sans-serif;
	color: #4b4b4b;
}

#mainContentBlog form div p {
	float: left;
	width: 120px;
	margin: 0 20px 0 0;
	font: bold 10px/13px verdana, sans-serif;
	color: #666;
}

.BlogTitle {
  font: 20px verdana, sans-serif;
  color: #3366ff;
  text-align: left;
}

.BlogAuthor {
  font: 10px verdana, sans-serif;
  color: #333333;
  text-align: left;
}

.BlogText {
  font: 11px verdana, sans-serif;
  color: #113311;
  text-align: left;
}

.VireoAd {
 color: #787878;
 font-size:1.0em;
}

.VireoAd a:link, .VireoAd a:visited {
 color: #b15b10;
 text-decoration: none;
}

.VireoAd a:hover {
 background: #b15b10;
 color: #ffffff;
 text-decoration: none;
}

.VireoPortfolio {
 font: 1.1em/1.46em verdana, sans-serif;
 color: #b15b10;
}

.VireoPortfolio a:link, .VireoPortfolio a:visited {
 color: #b15b10;
 text-decoration: none;
}

.VireoPortfolio a:hover {
 background: #b15b10;
 color: #ffffff;
 text-decoration: none;
}

.VireoAdImg {
  padding: 0 0 0 0;
  border: 0 0 0 0;
  margin: 0 0 0 0;
}

.VireoAdImg a img{
  border:none;
  display:block;
}

.VireoAdImg a:link, .VireoAdImg a:visited {
  padding: 0 0 0 0;
  border: 0 0 0 0;
  margin: 0 0 0 0;
  display:block;
}

.VireoAdImg a:hover {background:url(/images/vireo-ad_1.png) no-repeat;}
