body
{
}

#nonchrome {
	padding-top:158px;
}

.clearAll
{
    clear: both;
}

#lazy-pageheader
{	
	width:652px;
	height:56px;
	padding-bottom:10px;
	background-image:url("../images/head-lg.png");
	background-repeat:no-repeat;
}

#lazy-pageheader span
{	
	color:#F06822;
	font-size:24pt;
	line-height:24pt;
	display:block;
	padding:10px 0 0 3px;	
}

.booktitle
{
	font-style: italic; 
}

/* banner */

.lazy-banner
{
	width:652px;
	height:100px;	
	z-index: 5000;
}

.lazy-bannerDescription
{
	width:320px;
	height:97px;
	float:left;
	margin-left:5px;
	overflow:hidden;
}
.lazy-bannerDescription .lazy-Desctitle
{
	font-size:18px;
	display:block;	
	border:1px solid #cccccc;	
	height:25px;
}
.lazy-DesctitleMain
{
	font-size:18px;
}
.lazy-bannerDescription select.lazy-Desctitle option
{
	font-size:14px;
	margin-right:5px;
}

.lazy-description-main
{
	margin-left:5px;
}

.lazy-banner img
{
	float:left;
}

#lazy-description
{
	display:none;
	position:absolute;
	border:1px solid #828282;
	width:300px;
	z-index:1010;	
	padding:10px;
	margin:2px;
	font-size:12px;
	background-color:White;
}

.lazy-bannerHowto
{
	width:225px;
	height:70px;
	padding:5px 10px;
	border:#ccc 1px solid;
	float:right;
}

.lazy-bannerHowto div
{
	font-size:14px;
	font-weight:bold;
}

/* portfolio returns */

.lazy-returnsDiv
{	
	width:652px;
	margin-bottom:10px;
}

.lazy-headerRow,.lazy-titleRow
{	
	width:100%;
}

.lazy-titleRow
{		
	height:24px;
	background:url('../images/headerbkg8b.png');
	overflow:hidden;
}

.lazy-totalsRow
{
	background-color:#eee;
	font-weight:bold;
}

.lazy-name
{
	float:left;
	font-size:14px;
	padding:5px 0 0 5px;
	font-weight:bold;
}

.lazy-date
{	
	float:left;
	padding:7px 0 0 8px;
	font-size:10px;
	color:#999;
}

.lazy-headerRow
{	
	height:30px;
	text-align:center;
	color:#999;
	font-size:10px;
}

.lazy-addButton
{
	padding:4px;
	_padding:3px;
	float:right;	
	cursor:pointer;
}
.lazy-addButton span
{
	line-height:17px;
}

.lazy-btnLeftCap
{
	width:6px;
	height:18px;
	background-image:url("../images/btn-lft.png");
	float:left;
}

.lazy-btnRightCap
{
	width:6px;
	height:18px;
	background-image:url("../images/btn-rt.png");
	float:left;
}

.lazy-btnCenter
{
	height:18px;
	background-image:url("../images/btn-mid.png");
	float:left;
}

.lazy-addMessage
{
	margin:5px;
	float:right;
}

.lazy-nextLinks
{	
	float:left;
	margin-top:10px;
	height:20px;
}

.lazy-positionRow,.lazy-headerRow,.lazy-titleRow
{
	border-bottom:1px #cccccc solid;	
	border-left:1px #cccccc solid;	
	border-right:1px #cccccc solid;	
}

.lazy-positionRow
{
	float:left;
	height:20px;	
	width:100%;
}

.yearreturn-column, .allocation-column,.instrument-column, .icon-column, .number-column, .fund-column
{
	padding:5px 0 0 0;
	height: 20px;
	width: 110px;
	margin-left:10px;
	overflow:visible;
	float:left;
	line-height:10px;
}
.instrument-column,.fund-column,.allocation-column
{		
	text-align:left;
}
.instrument-column,.fund-column
{
	line-height:12px;
	padding-top:4px;
}
.fund-column
{		
	width:180px;	
	padding-left: 0px;	
	margin-left:0px;
}
.allocation-column
{
	width: 95px;
	margin-right:5px;
}
.instrument-column
{	
	margin-left:5px;
	width:160px;
	position:relative;
	z-index:1003;
	
}

.instrument-column .fundBox
{
	margin-top:-1px;
	display: none;
	
}
.selected .instrument-column .fundBox
{
	display: block;
}
.icon-column
{
	margin-left:0px;
	width: 40px;
	padding:0;	
}
.icon-column img
{
	margin-left:10px;
}
.number-column
{
	width:30px;
}

.yearreturn-column p
{
	padding: 0pt;
	margin: 0pt;
}

/* change bar */

.changeBarContainer {	
	position: relative;
	height: 10px;
}
.miniChangeBarContainer 
{
	height: 10px;
	margin-top: 3px;
	font-size: 80%;
}
.neutral .changeBar {
	background: none;
}
.changeBar {
	position: absolute;
	background-color: #E9E9E9;
	width: 40px;
	height: 10px;
}
.miniChangeBarContainer .changeBar
{
	height: 10px;
}
.large .neutral .changeBar {
	background-color: #E9E9E9;
}
.small .changeBar {
	width: 40px;
}
.large .changeBar {
	width: 103px;
}
.positive .changeBar, .neutral .changeBar {
	margin-left: 45px;	
}
.small .positive .changeBar, .small .neutral .changeBar {
	margin-left: 40px;
}
.large .positive .changeBar, .large .neutral .changeBar {
	margin-left: 0px;
}

.changeSeperatorContainer {
	height: 10px;
	width: 55px;
	position: absolute;
}
.miniChangeBarContainer .changeSeperatorContainer
{
	height: 10px;
}

.small .changeSeperatorContainer {
	width: 40px;
}
.large .changeSeperatorContainer {
	width:103px;
}
.changeSeperator, .large .neutral .changeSeperator {
	height: 10px;
	width: 50%;
	border-right: 1px solid white;
	float: left;
}
.neutral .changeSeperator {
	border: none;
}

.changeMarker {
	height: 10px;
	float: right;
}
.miniChangeBarContainer span
{
	float: left;
}
.miniChangeBarContainer .changeMarker
{
	height: 10px;
}
.negative .changeBar {
	border-right: 2px solid black;
}
.positive .changeBar, .neutral .changeBar, .large .negative .changeBar {
	border-left: 2px solid black;
	border-right: none;
}

.neutral .changeBar .changeMarker {
	background-color: #005183;
}
.negative .changeBar .changeMarker {
	background-color: #993333;
}
.positive .changeBar .changeMarker {
	background-color: #669966;
}
.positive .changeBar .changeMarker, .large .negative .changeBar .changeMarker, .neutral .changeBar .changeMarker {
	float: left;
}

.negative .changeValue { 
	color: #993333;
	margin-left: 50px;
}
.small .negative .changeValue {
	margin-left: 50px;
}
.large .negative .changeValue {
	margin-left: 0px;
}
.positive .changeValue {
	color: #669966;
	margin-left: 0px;	
}
.neutral .changeValue 
{
	margin-left: 10px;
	color: #0000CC;
}
.small .positive .changeValue, .small .neutral .changeValue {
	margin-left: 2px;
}
.large .positive .changeValue, .large .neutral .changeValue {
	margin-left: 0px;
}

.small .positive .changeSeperatorContainer, .small .neutral .changeSeperatorContainer {
	margin-left: 40px;
}	
.positive .changeSeperatorContainer, .neutral .changeSeperatorContainer {
	margin-left: 55px;
}
.large .positive .changeSeperatorContainer, .large .neutral .changeSeperatorContainer {
	margin-left: 0px;
}
.changeValue {
	position: absolute;
	padding: 0px;
	width: 50px;
}
.changeValue p {
	margin: 0pt;
	padding: 0pt;
}

/* meter bar stuff */
.meterBar { 
	position: relative;
	width: 60px;
	height: 10px;
	border-left: 2px solid black;
	background-color: #e9e9e9;		
	z-index:1000;
}

.meterMarker {
	position:absolute;
	height: 20px;
	background-color: #D7DAFF;
}
.meterSeperatorContainer {
	position: absolute;
	height: 20px;
	width: 100%;	
		
}
.meterSeperator {
	height: 10px;
	width: 24%;
	border-right: 1px solid white;
	float: left;
	z-index: 1001;
}

.meterBar
{
	height: 10px;
	border: none;
	float: right;
}
.meterMarker, .meterSeperatorContainer, .meterSeperator
{
	height: 10px;
	font-size: 8px;
}

.allocationValue
{
	float:left;
	padding-right:5px;
}

/* fund rollover stuff */

.fundBox
{
	position: absolute; 
	width: 280px; 
	background-color: #FFFFFF; 
	border: 1px solid #000000;
	right: -270px;
	z-index: 1002;
	top:0px;
	font-family:Arial,Helvetica,sans-serif;
	/* 
		the below 2 lines are neccesary so that it looks the same
		if you are viewing either in the page or as a stand alone widget to test/debug
     */
	line-height: normal;
	font-size: 16px;
}

.fundBox a
{
	color: #0800C4;
	text-decoration: none;
}

.fundBox .header
{
	background:#EAEAEA url('../images/headerbkg8b.png') repeat-x 0px -1px;
	font-size: 80%;
	padding: 6px 10px;
	overflow: hidden;
}

.fundBox .header .name
{
	color: #0800C4;
	font-weight: bold;
}
.fundBox .header .ticker
{	
	text-transform: uppercase;
}
.fundBox .linkBar
{
	background:#EAEAEA url('../images/headerbkg8b-reverse.png') repeat-x bottom;
	border-top: 1px solid #CCCCCC;
	padding: 0px 10px 8px 10px;
	height: 15px;
}
.fundBox .linkBar .link
{
	font-size: 75%;
	margin-left: 2px;
}
.fundBox .linkBar .link a
{
	border-right: 1px solid #CCCCCC;
	padding-right: 4px;
}
.fundBox .quoteData
{
	padding: 3px 10px;
}
.fundBox .quoteData .priceAndDate, .fundBox .quoteData .changeAndVolume
{
	float: left;
}
.fundBox .quoteData .priceAndDate .price
{
	width: 120px;
}
.fundBox .quoteData .priceAndDate .price div
{
	float: left;
}
.fundBox .quoteData .priceAndDate .price .data
{
	font-weight: bold;
	font-size: 150%;
}
.fundBox .quoteData .priceAndDate .date
{
	margin-left: 5px;
}
.fundBox .quoteData .priceAndDate .date .data, .fundBox .quoteData .changeAndVolume .type
{
	font-size: 65%;
}
.fundBox .quoteData .changeAndVolume .change div, .fundBox .quoteData .changeAndVolume .volume div
{
	float: left;
}
.fundBox .quoteData .changeAndVolume
{
	margin-left: 5px;
}
.fundBox .quoteData .changeAndVolume .fundup .data
{
	color: #009900;
}
.fundBox .quoteData .changeAndVolume .funddown .data
{
	color: #ED1C24;
}
.fundBox .quoteData .changeAndVolume .data
{
	font-weight: bold;
	font-size: 80%;
}
.fundBox .quoteData .changeAndVolume .label
{
	margin-right: 3px;
	font-size: 70%;
}

.fundBox .chart
{
	margin-top: 5px;
	padding: 3px 10px;	
}
.fundBox .otherLinks
{
	padding: 3px;
	margin: 15px 0px 10px 10px;
	font-size: 75%
}
.fundBox .description
{
	border-bottom: 1px solid #CCCCCC;
	padding: 5px 10px 5px 10px;
	font-size: 75%
}

/* community topics */

.topicsDiv, .headlinesDiv
{
	float: left;
    margin-top: 10px;
    width: 250px;
}
.headlinesDiv
{
	margin-right: 20px;
	width: 383px;
}

div.topicsHeader, div.headlinesHeader
{
    font-weight: bold;
    background:url('../images/headerbkg8b.png');
    border-bottom: solid 1px #C0C0C0;
    padding: 2px;
}

.topicsDiv table
{
    font-size: 12px;
    border-collapse: collapse;
    border-spacing: 0px;
}

.topicsDiv th, .topicsDiv td
{
    border-bottom: solid 1px #C0C0C0;
}

.topicsDiv th
{
    text-align: left;
    font-weight: normal;
    color: #828282;
}
.topicsDiv table td
{
	padding:2px 0;
}

.topicsDiv td.postsColumn
{
    text-align: right;
}

.topicsFooter
{
	margin-top:10px;
}

/* headlines */

.headlinesHeader
{
	margin-bottom: 5px;
}
.headlinesDiv .headline
{
	font-size: 12px;
}
.headlinesDiv .timestamp
{
	font-size: 11px;
	color: #828282;
	margin-bottom: 15px;
}
.headlinesDiv .commentIcon
{
	background:url('http://i.mktw.net/mw3/community/images/btns/icons/site/comments.png') no-repeat;
	padding-left: 12px;
	margin: 0px 2px 0px 6px;
	height: 12px;
	width: 12px;
}
.headlinesDiv .commentCount
{
	color: #0B02AD;
}
.relatedHeadlinesDiv
{	
	width:652px;
}
.relatedHeadlinesDiv .headlinesHeader
{
	margin-top: 20px;
}
.relatedHeadlinesDiv .headlineContainer
{
	margin-bottom: 10px;
}
.relatedHeadlinesDiv .timestamp
{
	width: 90px;
	color: #828282;
	font-size: 12px;
	float: left;
	margin-right: 30px;
}
.relatedHeadlinesDiv .headline
{
	margin-left: 5px;
	font-size: 12px;
	float: left;
}
.relatedHeadlinesDiv .author
{
	color: #C0C0C0;
	font-size: 12px;
	margin-left: 5px;
	margin-top: 10px;
}
div.alertsPromo
{
    float: right;
    margin-top: 10px;
    margin-right: 5px;
}