﻿#maincontent
{
    padding-top: 8px;
}
.autocomplete_button
{
    background: url("../images/go-btn-bkg.png") repeat-x;
    border: 1px solid #058a2f;
    cursor: pointer;
    float: left;
    height: 20px; 
    margin-left: 5px;
    margin-top: 5px;
    width: 40px;
}

.autocomplete 
{
    /*width:280px;*/
}

.autocomplete .autocomplete_input
{
    border: 1px solid #666666;
    display: block;
    float: left;
    height: 19px;
    margin: 5px 0 0 2px;
    width: 145px;
}

.autocomplete .autocomplete_unused
{
    background-color: #F2F2F2;
}

#above .divider
{
    background: transparent url(../../images/backgrounds/tab-bkgd.png) repeat-x scroll left top;
    border-top: 1px solid #B4C9CA;
    margin:0 -11px;
    height:9px;
}

#above .autocomplete
{
    float: right;
    padding-top: 1px;
    position: relative;
}

#above .autocomplete .message
{
    top: 2.8em;
    left: 0.8em;
}

#above .tabs
{
    padding-left: 11px;
    margin-left: -11px;
    margin-right: -11px;
}

#above .tabs .tab:first-child
{
}

.headerlinks
{
    float: right;
}

.headerlinks div
{
    /*padding: 2px;*/
    clear: both;
}

.headerlinks p
{
    float: left;
    width: 100px;
}

#officers .oneandhalfwide,
#officers .onewide
{
    margin: 0;
    padding-right: 18px;
}
.section,
#officers .rowheader
{
    border-bottom: 1px solid #D4E0E0;
    padding: 2px 5px;
}
#officers .section
{
    border: none;
}
.section.heavy
{
    border-width: 3px;
}
.sectionlast
{
	border-bottom: none;
}
.block.heavytop,
.section.heavytop
{
    border-top: 3px solid #D4E0E0;
}
.block.heavytop h2
{
	border-top: none;
}
.section .sectionHeader
{
    margin-bottom: 0;
}

.section .column
{
    float:left;
}
.section .age
{
    width: 40px;
}

div.optionticker
{
    margin: 0px 0px 6px 6px;
}
div.optionticker span.mainoptionticker
{
    margin-right: 6px;
}
#optioninfo
{
    float: left;
    margin: 0 6px;
    width: 31%;
}

#optioninfo .subheader .lastcolumn
{
    background: transparent url(../images/arrow-sm-dn.png) no-repeat scroll right 5px;
    padding-right: 10px;
}

#optioninfo.up .subheader .lastcolumn
{
    background: transparent url(../images/arrow-sm-up.png) no-repeat scroll right 5px;
}

#optionchart
{
    float: left;
    margin: 0 6px;
    position: relative;
    width: 62%;
}

.quotedisplay.vertical
{
    border-top: 1px solid #D4E0E0;    
}
.quotedisplay.horizontal
{
    border: 1px solid #D4E0E0;
    padding: 0;
}
.quotedisplay.horizontal .section
{
    border-bottom:none;
}
.quotedisplay .section .prevclose
{
	font-size: 1.6em;
}
.quotedisplay .prevclosedata
{
	float: right;
}
.quotedisplay .prevclosedata span
{
	padding: 0 4px;
}

.block .full
{
    display: none;
}
.fullIt .limited
{
    display: none;
}
.fullIt .full
{
    display: block;
}
.defaultButton 
{   
    background: #DAE6E6 url(../images/btn-standard-bkg.png) repeat-x;
    border: 1px solid #BBC7C7;
    color: #00477E;
    cursor: pointer;
    height: 18px;
    margin-left: 10px;
    padding: 0 2px;
    vertical-align: middle;  
}

.companydescription p
{
    padding-left: 5px;
}
.block .companyinfo
{
    padding-left: 5px;
}
.quotelist .tr
{
    padding: 0px;
    min-height: 29px;
}
.quotelist .th
{
    min-height: 20px;
    text-align: left;
}
.quotelist td
{
    border-bottom: 1px solid #D4E0E0;
}
.quotelist td
{
    padding: 5px 0px 4px;
}

.quotelist .quotelist-symb
{
    padding-left: 5px;
}
.items .quotelist-symb , .items .quotelist-last , #nonchrome td .changeBarContainer
{
    padding-top: 3px;
}
td .changeBarContainer 
{
    margin-left: 20px;
}
.items .quotelist-last
{
    margin-right: 32px;
    padding-right: 13px;
}
.items .up td.bgLast
{
    background: url(../images/arrow-sm-up.png) no-repeat right 9px;
}
.items .down td.bgLast
{
    background: url(../images/arrow-sm-dn.png) no-repeat right 13px;
}

.quotelist th
{
    cursor: pointer;
    border-bottom: 1px solid #B4C9CA;    
}
.quotelist th.quotelist-headlines
{
    cursor: default;
    text-align:left;
}
.quotelist th.headerSortUp span
{
    padding-right: 10px;
    background: url(../images/arrow-sortup.png) no-repeat right 5px;
}
.quotelist th.headerSortDown span
{
    padding-right: 10px;
    background: url(../images/arrow-sortdown.png) no-repeat right 5px;
}


.quotelist-symb, .quotelist-last, .quotelist-change
{
    width: 55px;
}

.quotelist-percentchange
{
    width: 120px;
}

#companyCompetitors .quotelist-symb, #companyCompetitors .quotelist-last, #companyCompetitors .quotelist-change
{
    width: 65px;
}
#companyCompetitors .quotelist-percentchange
{
    width: 162px;
}
#companyCompetitors td .changeBarContainer 
{
    margin-left: 35px;
}


/* change bar stuff */
#nonchrome .changeBarContainer {
	height: 20px;
	position: relative;
	white-space: nowrap;
}

#nonchrome .neutral .changeBar {
	background: none;
}

#nonchrome .changeBar {
	position: absolute;
	width: 55px;
	height: 20px;
}

#nonchrome  .small .changeBar {
	width: 40px;
}

#nonchrome .up .changeBar, #nonchrome  .neutral .changeBar {
	margin-left: 55px;	
}
#nonchrome .up .small .changeBar,#nonchrome  .neutral .small .changeBar {
	margin-left: 40px;
}

#nonchrome .changeMarker {
	height: 20px;
	float: right;
}
#nonchrome .down .changeBar {
	border-right: 2px solid black;
}
#nonchrome .up .changeBar,#nonchrome  .neutral .changeBar {
	border-left: 2px solid black;
	border-right: none;
}

#maincontent .down .changeBar .changeMarker {
	background-color: #B50000;
}
#nonchrome .up .changeBar .changeMarker {
	background-color: #007C1D;
}
#nonchrome .up .changeBar .changeMarker, #nonchrome  .neutral .changeBar .changeMarker {
	float: left;
}

#nonchrome .down .changeValue { 
	margin-left: 65px;
}
#nonchrome .down .small .changeValue {
	margin-left: 45px;
}
#nonchrome .up .changeValue {
	margin-left: 4px;	
}
#nonchrome .neutral .changeValue 
{
	margin-left: 10px;
}
#nonchrome .up .small .changeValue, #nonchrome  .neutral .small .changeValue {
	margin-left: -7px;
}
#nonchrome .changeValue {
	position: absolute;
	padding: 0px;
	width: 40px;
}
#nonchrome .changeValue p {
	margin: 0pt;
	padding: 0pt;
}

.foreverblock
{
    overflow: hidden;
}
.foreverblock .headlinewrapper
{
	height: 175px;
	overflow: auto;
	position: relative;
}
.foreverblock .earningsheadlinewrapper
{
	height: 70px;
}
.foreverblock ol
{
    /*height: 175px;
    overflow: hidden;*/
    position: relative;
}
.foreverblock li
{
    clear: both;
    padding: 3px 5px;
    position: relative;
}
.foreverblock li p
{
    /*margin-left: 90px;*/
    /*float: left;*/
    display: inline;
}
.foreverblock li div
{
    padding-left: 124px;    
}
.foreverblock li .uniqueId 
{
    display: none;
}
.foreverblock li .timestamp,
.foreverblock li .source
{
    margin-left: 0;
}
.foreverblock li .timestamp
{
    left: 3px;
    position: absolute;
    width: 124px;
}
.foreverblock ol li.loading
{
	background: url(../../images/ajax-loader.gif) left center no-repeat;
	height: 16px;
	padding-left: 20px;
}
.foreverblock .nonews
{
    margin-left:5px;
}

.fourwide .foreverblock li
{
    position: static;
}
.fourwide .foreverblock p
{
    /*margin-left: 0;*/
    clear: both;
    display: block;
    float: none;
}
.fourwide .foreverblock li div
{
    padding-left: 0;
}
.fourwide .foreverblock li .timestamp
{
    display: inline;
    padding-right: 4px;
    position: static;
    width: auto;
}
.fourwide .foreverblock li .source
{
    display: inline;
}
.fourwide .foreverblock li a
{
    /*display: block;*/
    margin-left: 0;
}

.block
{
    margin-bottom: 20px;
}

.headlines
{
	margin-bottom: 5px;
}
#currencytools .headlines
{
    margin-bottom: 20px;
}

.headlines h2
{
    border-bottom: 1px solid #B4C9CA;
}
#mwheadlines /*ol*/ .headlinewrapper
{
    height: 230px;
}
#partnerheadlines /*ol*/ .headlinewrapper
{
	height: 23.5em;
}
#prheadlines /*ol*/ .headlinewrapper
{
	height: 17.4em;
}
#prheadlines
{
	padding-bottom: 20px;
}

#chartnews
{
    border: solid 1px #D9DFDD;
}
#chartnews .addgutter
{
   margin-right: 9px;
}
#chartnews .fourwide
{
    margin-bottom: 0;
}

#related
{
    margin-left: 7px;
}
#related p
{
    margin-left: 10px;
}

#quotedata
{
    float: left;
    margin-right: 20px;
    width: 200px;
}
#quotedata img, #quotedata .splitdata
{
    float: right;
}
#quotedata .splitdata
{
    margin-right: 3px;
}
#quotedata div
{
    border-bottom: 1px solid #D4E0E0;
    padding: 3px 0;
}
#historicalquotechart, #quotechart
{
    float: left;
    height: 200px;
    position: relative;
}

#sentiment
{
    padding-top:9px;
}
#sentiment #pickssection
{
    background: url(../images/picker-top.png) no-repeat;
    padding-top: 25px;
}

#sentiment #picksheader
{
    border-left: 1px solid #d4e0e0;
    border-right: 1px solid #d4e0e0;
}
#sentiment #pickswidget
{
    border-bottom: 1px solid #d4e0e0;
    border-left: 1px solid #d4e0e0;
    border-right: 1px solid #d4e0e0;
    padding: 0 23px 10px;
}
#sentimentseemore .infowidth {
    width: 216px;
}
#hulbertpromo
{        
    float:right;
    border: 1px solid #D4E0E0;    
    background-color: #F1F7F3;    
    width:150px;    
    font-size:.9em;    
    line-height:1em;    
    margin-top:4px;    
    color: #004176;
}
#hulbertpromo p
{
    margin-top:1px;    
    float:left;
    width: 100px;
}
#hulbertpromo img
{
    float:left;    
    margin-right:10px;
}
#hulbertpromo span
{
    display:block;    
    float:right;    
    font-size:1.5em;    
    margin:6px 5px 0 0;
}

#instrumentheader
{
    float:left; 
    padding-left:6px
}
#instrumentheader #instrumentname
{
    color: #333;
    font-size:25px; 
    line-height:1.2em;
    background-color: Transparent;
    margin: 0;
    padding: 0;    
}
#instrumentheader #instrumentticker
{
    font-size:15px; 
    line-height:1.2em;
    text-transform:uppercase; 
    padding-bottom: 14px;    
}
#addToPortfolio
{
	position: relative;
}

/* Mutual Funds */
#mfholdings table.fundstable
{
    margin-bottom:15px;
}

table.fundstable
{
	width: 100%;
}
table.fundstable th
{
	font-size: .9em;
	font-weight: bold;
	line-height: 1.1em;
	padding: 0 4px;
	width: 18%;
}
table.fundstable th.narrow
{
	width: 10%;
}
table.fundstable td
{
	padding: 2px 0;
	text-align: center;
}
table.fundstable th,
table.fundstable td
{
	border-bottom: 1px solid #D4E0E0;
}
table.fundstable .company
{
	text-align: left;
	width: 50%;
}
.investmentpolicy
{
	font-weight: bold;
}

.lipperleader img
{
	padding: 0 10px;
}
.lipperleader .key
{
	background: url(../images/mutualfunds/key/horizontal-320x35.jpg) center center no-repeat;
	height: 40px;
}

.section .down,
.fundstable .down
{
	color: #B50000;
}
.section .up,
.fundstable .up
{
	color: #007C1D;
}

#expenseCalculator
{
	display: none;
}
#expenseCalculator p
{
	clear: right;
	padding: 4px 0;
}
#expenseCalculator select,
#expenseCalculator input,
#expenseCalculator .result
{
	border: 1px solid #D4E0E0;
	float: right;
	text-align: right;
	width: 70px;
}
#expenseCalculator button
{
	font-size: 1em;
	height: auto;
	margin: 0;
	padding: 2px 6px;
	width: 100%;
}
#expenseCalculator .disclaimer
{
	color: #999;
	float: none;
}
#fundComparison input.fund
{
	margin: 2px;
	width: 40px;
}
#fundComparison a
{
	float: left;
	font-size: 0.9em;
	text-align: center;
	width: 60px;
}
#fundComparison .inputs
{
	float: left;
}
#fundComparison.hideExtra .extra
{
	display: none;
}
#fundComparison span
{
	float: left;
	padding-top: 4px;
}
#findAnotherFund button,
#fundComparison button
{
	padding: 0 30px;
	margin-left: 110px;
}
#tenkGrowth.loading
{
	background: transparent url(../../images/ajax-loader.gif) no-repeat center center;
	height: 1.2em;
	width: 50px;
}
#growthOf10k select,
#growthOf10k input,
#growthOf10k button
{
	margin-bottom: 8px;
}

#findAnotherFund p
{
	margin-top: 4px;
}
#findAnotherFund div
{
	float: left;
	padding-bottom: 6px;
	width: 50%;
}
#findAnotherFund select
{
	width: 90%;
}

#mfholdings .unavailable
{
    margin-left:15px;
}

#sectorPieChart
{
    float:left;
    margin-bottom:10px;
    position:relative;
    z-index:5;
}

#assetPieChart
{
    float:left;
    position:relative;
    z-index:5;
}

.pieChartLegend
{
    margin-left:15px;
    margin-top:40px;
    float:left;
    width:250px;
}
#sectorLegend.pieChartLegend
{
    margin-top:0;
}
.pieChartLegend .row
{
    border-bottom: 1px solid #D4E0E0;
}
.pieChartLegend .row.seperator
{
    border-top: 2px solid #D4E0E0;
}

.pieChartLegend .row p, .pieChartLegend .row div
{
    margin-left:3px;
}
.pieChartLegend .row p.last
{
    float:right;
    text-align:right;
}
.pieChartLegend .row div
{
    float:left;
    width:12px;
    height:12px;
    margin-top:2px;
    margin-right:6px;
}
.pieChartLegend .pie0
{
    background-color:#338078;
}
.pieChartLegend .pie1
{
    background-color:#CF9100;
}
.pieChartLegend .pie2
{
    background-color:#5DACB3;
}
.pieChartLegend .pie3
{
    background-color:#015DA6;
}
.pieChartLegend .pie4
{
    background-color:#FF8800;
}
.pieChartLegend .pie5
{
    background-color:#FFCC00;
}
.pieChartLegend .pie6
{
    background-color:#086892;
}
.pieChartLegend .pie7
{
    background-color:#B40000;
}
.pieChartLegend .pie8
{
    background-color:#3B9732;
}
.pieChartLegend .pie9
{
    background-color:#000080;
}

#newsletterrecommending .curtain
{
    max-width: 100px;
}
table.datatable
{
    width: 100%;
    caption-side: bottom;
    border-spacing: 0;
    text-align: left;
}
table.datatable caption
{
    padding: 2px;
    line-height: 1.3em;
}
table.datatable caption,
table.datatable thead
{
    font-size: 0.92em;
}
table.datatable th,
table.datatable td
{
    border-bottom: 1px solid #d4e0e0;
    padding: 2px 5px;
}
table.datatable .curtain
{
    border: 1px solid #b4c8c7;
    background-color: #d4e0e0;
}

.hulbert_verticalbar
{ 
    font-size: 0.92em;
}
.hulbert_verticalbar table
{
    width: 258px;
    float: left;
    margin-right: 4px;
    z-index: 2;
    position: relative;
}
.hulbert_verticalbar tbody,
.hulbert_verticalbar .ylabels
{
    height: 43px;
}
.hulbert_verticalbar tbody
{
    width: 258px;
    background-color: #f0f7f0;
    background: #f0f7f0 url(../images/hulbert_vertbar_bkg.png) repeat-x scroll left 50%;
}
.hulbert_verticalbar tbody td
{
    height: 43px;
    padding-right: 2px;
    border: 1px solid #d4e0e0;
    border-width: 1px 0;
}
.hulbert_verticalbar tfoot
{
    font-size: 0.83em;
}
.hulbert_verticalbar td.up
{
    text-align: right;
    padding: 0 0 0 2px;
    border-left-width: 1px;
}
.hulbert_verticalbar td.down.last
{
    border-right-width: 1px;
}
.hulbert_verticalbar td div
{
    width: 8px;
    overflow: hidden;
}
.hulbert_verticalbar td span
{
    display: none;
}
.hulbert_verticalbar td.up div
{
    float: right;
}
.hulbert_verticalbar ul.key li
{
    float: left;
    margin-right: 10px;
}
.hulbert_verticalbar ul.key li div
{
    height: 8px;
    width: 8px;
    float: left;
    margin-right: 5px;
    margin: 5px 4px 4px;
    overflow: hidden;
}
.hulbert_verticalbar ul.key li div.up,
.hulbert_verticalbar td.up div
{
    background-color: #007c1d;
}
.hulbert_verticalbar ul.key li div.down,
.hulbert_verticalbar td.down div
{
    background-color: #b50000;
}
.hulbert_verticalbar .ylabels
{
    position: relative;
    z-index: 1;
}
.hulbert_verticalbar .ylabels span
{
    position: absolute;
}
.hulbert_verticalbar .ylabels span.top
{
    top: -8px;
}
.hulbert_verticalbar .ylabels span.middle
{
    top: 13px;
}
.hulbert_verticalbar .ylabels span.bottom
{
    bottom: -8px;
}

.hulbertbar
{
    height: 15px;
    color: #fff;
    text-align: right;
    font-size: 0.92em;
    padding-right: 5px;
    font-weight: bold;
}
.hulbertbar *
{
    vertical-align: middle;
}
#hulbertlandingpromo p.twoandhalfwide
{
    color: #999;
    font-size: 1.42em;
    line-height: 1.1em;
    width: 275px;
}

#sentimentalrainbow
{
    height: 5.525em;
    border: 1px solid #d4e0e0;
    font-size: 0.92em;
    width: 33.243em;
    position: relative;
    padding: 0 0.362em;
}
#sentimentalrainbowbackground
{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
#sentimentalrainbow .sentiment
{
    border-top: 1px solid #d4e0e0;
    float: right;
    margin: 14px 2px 0;
    position: absolute;
}
#sentimentalrainbow .sentiment.dropped
{
    margin-top:17px;
    z-index: 10;
}
#sentimentalrainbow .sentiment a
{
    border: 1px solid #d4e0e0;
    border-width: 0 1px 1px;
    padding: 0 3px;
    position: relative;
    top: -1px;
    float: left;
    white-space: nowrap;
}
#sentimentalrainbow .sentiment img
{
    position: absolute;
    right: 0;
    top: -8px;
    clip: rect(0px 11px 8px 0px);
    clear: both;
}
#sentimentalrainbow .sentiment.left img
{
    left: 0;
    right: auto;
}
#sentimentalrainbow .sentiment.dropped img
{
    top: -11px;
    clip: rect(0px 11px 11px 0px);
}
#sentimentalrainbow #hulbertsentiment
{
    margin-top: 5px;
    width: 9.35em;
}
#sentimentalrainbow #hulbertsentiment img
{
    bottom: -6px;
    top: auto;
}
#sentimentalrainbow #analystsentiment, #sentimentalrainbow #communitysentiment
{ 
    width: 4.83em;
    top: 39%;
}
#sentimentalrainbow #communitysentiment
{
    width: 6.2em;
}
#fblikeinfo
{
    float:left;
    margin-left:10px;
    margin-top:0;
    background: transparent url(../images/info.png) repeat-x scroll left top;
    width:18px;
    height:18px;
    font-size:.9em;
    line-height:1.3em;
}
#fblikeinfo:hover 
{
    background: transparent url(../images/info-over.png) repeat-x scroll left top;
    cursor:pointer;
}
#fblikeinfo strong
{
    font-weight:bold;
}
#fblikeinfo .infowidth
{
    width:310px;
}

#fblike
{
    float:left; 
    margin-left:5px;
}
.twowide #videos.block div
{
    padding: 0 29px 10px;
    line-height:1.1em;
    font-size:0.9em;
}
