.mainContainer {
	width:1024px;
	padding:0;
	margin:auto;
	background:#333;
}
.nav {
	height:49px;
	background:#999;
}
.mainContent {
	background:#333;
	margin:15px 20px 0 20px;
}
.priceAtNavBox {
	position:relative;
	top:78px;
	left:53px;
	text-align:center;
	width:90px;
	height:50px;
	
}
.priceAtNav {
	color:#5a5956;
	font-size:11px;
	font-weight:bold;
	font-family:"TrumpGothicWestBold";
	font-size:14px;
	visibility:hidden;
}
.priceAtNavNum {
	font-family:"Bitstream Vera Sans";
	font-size:18px;
	color:#c3c1b5;
	font-weight:bold;
	visibility:hidden;
}
ul.funds {
	display:inline;
}
.fundNameBox {
	margin:8px 6px 0 6px;
	width:223px;
}
.fundsExpandable .fundNameBox {
    margin: 8px 20px 0;
    width: 216px;
}
.fund {
	float:left;
	padding:0;
	width:235px;
	height:336px;
}
.fund.featured {
	background:#282828;
	background-image:url(../images/featured.png);
	background-repeat:no-repeat;
	background-position:top;
	-moz-box-shadow: 0px 0px  1px #c3c1b5;
	-webkit-box-shadow:  0px 0px 1px  #c3c1b5;
	box-shadow:  0px 0px 1px  #c3c1b5;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
}
#featured .fund.featured {background:none;
	background-image:none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow:  none;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-border-radius: 0;}
	
#featured.favorites .fund.featured {
	background:#282828;
	background-image:url(../images/featured.png);
	background-repeat:no-repeat;
	background-position:top;
	-moz-box-shadow: 0px 0px  1px #c3c1b5;
	-webkit-box-shadow:  0px 0px 1px  #c3c1b5;
	box-shadow:  0px 0px 1px  #c3c1b5;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
}
.fund.new {
	
	background-image:url(../images/newBubble.png);
	background-repeat:no-repeat;
	background-position:185px 15px;
}
.fund.active {
	background:#282828;
	-moz-box-shadow: inset 0px 0px 1px #c3c1b5;
	-webkit-box-shadow: inset 0px 0px 1px #c3c1b5;
	box-shadow: inset 0px 0px 1px  #c3c1b5;
}
.fundInfoBox {
	height:45px;
	font-family:"Bitstream Vera Sans";
	font-size:14px;
}
.portfolioInfoBox {
	height:45px;
	font-family:"Bitstream Vera Sans";
	font-size:11px;
}
.fundsExpandable .portfolioInfoBox {
	height:45px;
	font-family:"Bitstream Vera Sans";
	font-size:10px;
}
.fundName {
	width:223px;
	border-bottom:2px solid #5a5956;
	margin:0 0 5px 0;
	font-family:"Bitstream Vera Sans";
	font-size:11px;
	font-weight:bold;
}
.fundsExpandable .fundName {
	width:216px;
	border-bottom:2px solid #5a5956;
	margin:0 0 5px 0;
	font-family:"Bitstream Vera Sans";
	font-size:11px;
	font-weight:bold;
}

.fundsBtmBorder {
	width:95px;
	height:21px;
	border-bottom:2px solid #5a5956;
	line-height: 19px;
}
.portfolioBtmBorder {
	width:115px;
	height:21px;
	border-bottom:2px solid #5a5956;
	line-height: 19px;
	margin:0 0 5px 0;
}

.fundsExpandable .portfolioBtmBorder {
	width:111px;
	height:21px;
	border-bottom:2px solid #5a5956;
	line-height: 19px;
	margin:0 0 4px 0;
}
.fundsExpandable .fundsBtmBorder {
	width:111px;
	height:21px;
	border-bottom:2px solid #5a5956;
	line-height: 19px;
}
.fundsBtm {
	width:95px;
	height:21px;
	line-height: 19px;
}
.portfolioBtm {
	width:115px;
	height:21px;
	line-height: 19px;
}

.fundsExpandable .portfolioBtm {
	width:111px;
	height:21px;
	line-height: 19px;
}
.fundsExpandable .fundsBtm {
	width:91px;
	height:21px;
	line-height: 19px;
}
.red-chart {
	background-image:url(../images/redChart.png);
	background-repeat:no-repeat;
	width:215px;
	height:235px;
	position:relative;
	top:28px;
	left:18px;
}
.fundsExpandable .red-chart {
	background-image:url(../images/redChart.png);
	background-repeat:no-repeat;
	width:215px;
	height:235px;
	position:relative;
	top:28px;
	left:30px;
}
.blue-chart {
	background-image:url(../images/blueChart.png);
	background-repeat:no-repeat;
	width:215px;
	height:235px;
	position:relative;
	top:28px;
	left:18px;
}
.fundsExpandable .blue-chart {
	background-image:url(../images/blueChart.png);
	background-repeat:no-repeat;
	width:215px;
	height:235px;
	position:relative;
	top:28px;
	left:30px;
}
.green-chart {
	background-image:url(../images/greenChart.png);
	background-repeat:no-repeat;
	width:215px;
	height:235px;
	position:relative;
	top:28px;
	left:18px;
}
.fundsExpandable .green-chart {
	background-image:url(../images/greenChart.png);
	background-repeat:no-repeat;
	width:215px;
	height:235px;
	position:relative;
	top:28px;
	left:30px;
}
.green-alt-chart {
	background-image:url(../images/greenAltChart.png);
	background-repeat:no-repeat;
	width:215px;
	height:235px;
	position:relative;
	top:28px;
	left:18px;
}
.fundsExpandable .green-alt-chart {
	background-image:url(../images/greenAltChart.png);
	background-repeat:no-repeat;
	width:215px;
	height:235px;
	position:relative;
	top:28px;
	left:30px;
}

.orange-chart {
	background-image:url(../images/orangeChart.png);
	background-repeat:no-repeat;
	width:215px;
	height:235px;
	position:relative;
	top:28px;
	left:18px;
}
.fundsExpandable .orange-chart {
	background-image:url(../images/orangeChart.png);
	background-repeat:no-repeat;
	width:215px;
	height:235px;
	position:relative;
	top:28px;
	left:30px;
}
.blue-red-chart {
	background-image:url(../images/blueRedChart.png);
	background-repeat:no-repeat;
	width:215px;
	height:235px;
	position:relative;
	top:28px;
	left:18px;
}
.fundsExpandable .blue-red-chart {
	background-image:url(../images/blueRedChart.png);
	background-repeat:no-repeat;
	width:215px;
	height:235px;
	position:relative;
	top:28px;
	left:30px;
}
.multi-chart {
	background-image:url(../images/multiChart.png);
	background-repeat:no-repeat;
	width:215px;
	height:235px;
	position:relative;
	top:28px;
	left:18px;
}
.fundsExpandable .multi-chart {
	background-image:url(../images/multiChart.png);
	background-repeat:no-repeat;
	width:215px;
	height:235px;
	position:relative;
	top:28px;
	left:30px;
}
.green {
	color:#87ab66;
}
.fundInsideBoxRight {
	float:left;
	width:45px;
	padding:0 2px 0 0;
	text-align:right;
}
.fundInsideBoxLeft {
	float:left;
	width:45px;
	padding:0 0 0 2px;
	text-align:left;
}
.fundsExpandable .fundInsideBoxRight {
	float:left;
	width:42px;
	padding:0 2px 0 0;
	text-align:right;
}
.fundsExpandable .fundInsideBoxLeft {
	float:left;
	width:41px;
	padding:0 0 0 2px;
	text-align:left;
}
.portfolioInsideBoxRight {
	float:left;
	width:40px;
	padding:0 2px 0 0;
	text-align:right;
}
.portfolioInsideBoxLeft {
	float:left;
	width:70px;
	padding:0 0 0 2px;
	text-align:left;
}

.fundsExpandable .portfolioInsideBoxRight {
	float:left;
	width:37px;
	padding:0 2px 0 0;
	text-align:right;
}
.fundsExpandable .portfolioInsideBoxLeft {
	float:left;
	width:66px;
	padding:0 0 0 2px;
	text-align:left;
}


.interactiveFundBox {
	float:left;
	background-image:url(../images/detailsBox.png);
	height:45px;
	width:91px;
	background-repeat:no-repeat;
	padding:0 0 0 6px;
	border-left:2px solid #5a5956;
	background-position:right;
	position:relative;
}
.fundsExpandable .interactiveFundBox {
	float:left;
	background-image:url(../images/detailsBox.png);
	height:45px;
	width:91px;
	background-repeat:no-repeat;
	padding:0 0 0 6px;
	border-left:2px solid #5a5956;
	background-position:right;
	margin:0 0 0 7px;
}

.fundsExpandable .portfolioInfoBox .interactiveFundBox {
	float:left;
	background-image:url(../images/detailsBox.png);
	height:45px;
	width:91px;
	background-repeat:no-repeat;
	padding:0 0 0 6px;
	border-left:2px solid #5a5956;
	background-position:right;
	margin:0 0 0 27px;
}
.fundName.green {
	color:#87ab66;
}
.fundName.red {
	color:#db4e4e;
}
.fundName.blue {
	color:#4bb3d2;
}
.fundName.orange {
	color:#eba538;
}
.change {
	float:left;
	width:15px;
	padding:0 5px 0 0;
	height:45px;
}
.numbersChange {
	float:left;
	width:95px;
	height:45px;
	color:#c3c1b5;
	margin:0 5px 0 0;
	font-weight:bold;
}
.numbersChangePortfolio {
	float:left;
	width:115px;
	height:45px;
	color:#c3c1b5;
	margin:0 5px 0 0;
	font-weight:bold;
}

.fundsExpandable .numbersChangePortfolio {
	float:left;
	width:83px;
	height:45px;
	color:#c3c1b5;
	margin:0 5px 0 0;
	font-weight:bold;
}
.fundsExpandable .numbersChange {
	float:left;
	width:83px;
	height:45px;
	color:#c3c1b5;
	margin:0 5px 0 0;
	font-weight:bold;
}
.detailsBox {
	float:left;
	width:99px;
}
.details {
	background-image:url(../images/detailsBox.png);
}
.interactiveFundBox span{
	display: inline-block;

}
span.star{
	position:absolute;
	height: 20px;
	left: 8px;
	text-align: center;
	top: 2px;
	width: 30px;	
}
span.plus {
	 position:absolute;
     height: 18px;
    padding-top: 5px;
    right: 30px;
    text-align: center;
    width: 30px;
}
span.check {
	 position:absolute;
    left:0;
     width:30px;
     text-align:center;
}
span.save {
	position:absolute;
	height: 18px;
    padding-top: 5px;
    right: 1px;
    text-align: center;
    top: 0;
    width: 30px;
}
a.detailsLink {
	color: #C3C1B5 !important;
    font-family: "Bitstream Vera Sans";
    font-size: 12px;
    font-weight: bold;
    left: 13px;
    line-height: 14px;  
    text-decoration: none;
    top: 23px;
}
.fund a.detailsLink{position:absolute}
.tckr {
	color:#c3c1b5;
	display:none;
}
.bevelBorderLtGray {
	border-bottom: 1px solid #a7a7a7;
	-moz-box-shadow: 0px 1px 0px #c1c1c1;
	-webkit-box-shadow:  0px 1px 0px #c1c1c1;
	box-shadow:  0px 1px 0px #c1c1c1;
	margin:0 0 5px 0;
}
.bevelBorderLtGray h2 {margin:0 0 5px 0; font-size:16px; font-weight:normal;}
.checkBoxText {position:relative;top:-5px; left:5px;}
.CheckBoxRow {margin:0 0 5px 0;}
span.checkBox{display:inline-block;width:22px;height:22px}
img.filterPortfolio {position:relative; left:60px; top:5px;}
.selectBox {margin:0 0 5px 0;}
.filterFormRowLeft {float:left;width:216px;margin:0 15px 0 0;}
.filterFormRowRight {float:left;width:216px; margin:0  0 15px;}
.filterFormBox {width:462px; font-family:TrumpGothicWestBold; text-shadow:none;}
.featuredFundsBar {height:32px; font-family:TrumpGothicWestBold; background:#272727; color:#c3c1b5; text-align:center;position:relative;top:55px}
.fundsBarText {position:relative; top:3px; padding:0 10px; font-size:22px; text-shadow:none;}
img.fundsBarGrayBar {position:relative;top:-4px;}
.fund.noFloat {float:none; height:698px; margin:0 0 0 0; width:256px;}
.yield {margin:0 20px;}
div.fundsExpandable
{
width:1024px;
position:relative; 
top:-26px;
left:-30px;
padding:0;


/* Firefox */
display:-moz-box;
-moz-box-orient:horizontal;
-moz-box-pack:center;
-moz-box-align:center;

/* Safari and Chrome */
display:-webkit-box;
-webkit-box-orient:horizontal;
-webkit-box-pack:center;
-webkit-box-align:center;

/* W3C */
display:box;
box-orient:horizontal;
box-pack:center;
box-align:center;
}

.expandableDivs {width:216px; height:22px; margin:23px 20px 0 20px;}
.expandableDivsSecondary {width:216px; height:22px; margin:10px 20px 0 20px;}
.expandDivHeading {font-family:TrumpGothicWestBold; font-size: 18px;color: #8f8e88;}
.fundBasicsHidden {display:none; width: 217px; margin:0 0 0 20px;}
.fundBasics {margin:0 20px 0 20px;;}
.subHeadHidden {font-size: 12px;font-weight: bold;margin: 5px 0; font-family:Bitstream Vera Sans;}
.red {color:#d94d4d;}
.green {color:#87ab66;}
.blue {color:#7fcae0;}
.orange {color:#eca538;}
.textAlignLeft {text-align:left;}
.floatRight {float:right;}
.ltGray {color:#c3c1b5;}
.listViewHeading {font-size: 16px;font-family:Bitstream Vera Sans; margin:0 20px;}
.minimumHeading {color:#c3c1b5; font-size:12px; font-weight:bold;font-family:Bitstream Vera Sans; margin:0 20px;}
.closeBox { padding:0 6px 0 0; height:40px; width:249px; text-align:right}
a.closeLink {position:relative; top:4px;}
.codeBox {font-size:9px; font-weight:bold;font-family:Bitstream Vera Sans; margin:2px 20px 0 20px;} 
.dkGray {color:#5a5956;}
.medGray {color:#8f8e88;}
.hiddenListItems {font-size: 12px; font-weight: bold;margin: 5px 0; font-family:Bitstream Vera Sans; padding:0 0 0 10px;}
.subDate {text-align:left; font-size:11px; font-weight:bold;}
.expRatioBox {margin: 5px 0;}
.fundDkBg {background:#282828;}
.main .favoriteBoxDetail {margin:3px 0;}
.main .favoriteBoxDetail .interactiveFavoriteBox {
	
	background: url(../images/favoriteBG.png);
	height:25px;
	width:90px;
	background-repeat:no-repeat;
	padding:0;
	margin:0;
	display:inline-block;
	position:relative;
	top:1px;
}


img.hypoImg {position:relative; top:1px;}
img.emailImg {position:relative; top:1px;}

.main .favoriteBoxDetail .interactiveFavoriteBox span.star{
	position:absolute;
	height: 20px;
	left: 2px;
	text-align: center;
	top: 2px;
	width: 30px;	
}
.main .favoriteBoxDetail .interactiveFavoriteBox span.plus {
    height: 18px;
    padding-top: 3px;
    position: absolute;
    right: 30px;
    text-align: center;
    width: 30px;
}

.main .favoriteBoxDetail .interactiveFavoriteBox span.save {
    height: 18px;
    padding-top: 3px;
    position: absolute;
    right: 1px;
    text-align: center;
    top: 0;
    width: 30px;
}

.portfolioInfoBox {display:block;}
.fundInfoBox {display:none;}