/* 
 * all elements
 * get some styling
 */
* {
	margin:0;
	padding:0;
}
/* The page will span the entire screen */

html, body, form, #dailyContainer, .contentContainer
{
    height: 100%;
}

#foot
{
    text-align: center;
    width:811px;
    position:relative;
	margin:0 auto;
	display:block;
	bottom:0px;
	z-index:5;
	clear: both;
}
#foot ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	} 

#foot ul li {
	margin-left: 0;
	padding: 3px 15px;
	list-style: none;
	display: inline;
	}
	
		
#foot ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
	}

/* New stuff */
#dailyContainer
{
    position:relative;
	margin:0 auto;
	display:block;
	width:811px;
	z-index:2;
}
h1 {
    height:36px;
    left:50%;
    margin:7px 0pt 0pt -392px;
    overflow:hidden;
    position:absolute;
    width:240px;
    z-index:2;
    cursor: pointer;
}
h1 a
{
    display:block;
    padding-top:44px;
}

h1.reader {
    height:36px;
    left: 400px;
/*    
    left:48%;
    margin:0px 0pt 0pt -460px;
*/
    overflow:hidden;
    position:absolute;
    width:300px;
    z-index:10;
    cursor: pointer;
    margin-top: -10px;
}


/* Nav div */
ul.navigation 
{
	position:relative;
	height:17px;
	padding-top:34px;
	/* with blog, width and padding */
/*
	width:495px;
	padding-left:316px;
*/
    width:496px;
	padding-left:315px;
}
ul.navigation li {
	display:block;
	float:left;
	list-style:none;
	overflow:hidden;
	height:17px;
	z-index:10;
}
ul.navigation li a {
	position:absolute;
	display:block;
	padding:18px 0 0 0;
}
ul.navigation li.todayspick a {
	width:86px;
	/* with blog, right */
	/* right:409px; */
	right: 411px;
}
ul.navigation li.todayspick div {
	height: 30px;
	width: 86px;
}
ul.navigation li.quote a {
	width:83px;
	right:6px;
}
ul.navigation li.quote div {
	height: 30px;
	width: 83px;
}
ul.navigation li.theboards a {
	width:80px;
	/* with blog, right */
	/* right:235px; */
	right: 236px;
}
ul.navigation li.theboards div {
	height: 30px;
	width: 80px;
}
ul.navigation li.latestnews a {
	width:83px;	
	/* with blog, right */
	/* right:153px; */
	right:154px;
}
ul.navigation li.latestnews div {
	height: 30px;
	width: 83px;
}
ul.navigation li.theblog a {
	width:66px;	
	right:88px;
}
ul.navigation li.theblog div {
	height: 30px;
	width: 66px;
}
ul.navigation li.theportfolios a {
	width:95px;	
	/* with blog, right */
	/* right:315px; */
	right: 316px;
}
ul.navigation li.theportfolios div {
	height: 30px;
	width: 95px;
}

/* Content container */
.contentContainer {
	position:relative;
	z-index:5;
}
.contentContainer ul {
	padding-left:15px;
}
body.todayspick .contentContainer ul, body.special .contentContainer {
	padding-left:0;
}



.detailsContainer {
	position:relative;
	width:767px;
}

.clear {
	clear:both;	
	height:0;
	overflow:hidden;
}

.adStrip
{
    position:relative;
    z-index:5;
    padding-left: 5px;
    padding-right: 5px;
    text-align:center;
}

.contentContainer .title
{
    position:relative;
    z-index:5;
    padding-left: 5px;
    padding-right: 5px;
}

.dialogTitle
{
    position:relative;
    margin-top: 5px;
    width: 100%;
    height: 20px;
    /* 
     * have to float left b/c of float inside of body 
     * (dialogAd & dialogText)
     */
    float: left;
}

.dialogTitleManual
{
    position:relative;
    margin-top: 5px;
    width: 100%;
    /* 
     * have to float left b/c of float inside of body 
     * (dialogAd & dialogText)
     */
    float: left;
}

.dialogTabBack
{
    position:relative;
    margin-top: 5px;
    width: 100%;
    height: 20px;
    float: left;
}

#recentNewsLetter
{
    position:relative;
    width: 170px;
    height: 20px;
    float: left;
}
.recentNewsLetter_dialogTabOff
{
    cursor: pointer;
}
#recentNews
{
    position:relative;
    width: 120px;
    height: 20px;
    float: left;
}
.recentNews_dialogTabOff
{
    cursor: pointer;
}



.dialogBody
{
    position:relative;
    margin-bottom: 5px;
    width: 100%;
    /* 
     * have to float left b/c of float inside of body 
     * (dialogAd & dialogText)
     */
    float: left;
}

.dialogTopBorder
{
    margin-top: 5px;
}
.dialogBodyBlueNoBorder
{
    text-align: center;
    margin-top: 5px;
}
.dialogAd
{
    position:relative;
    float: right;
    padding-left: 5px;
    padding-right: 5px;
    margin: 5px;
    z-index: 5;
    height: 250px;
    width: 250px;
}
.dialogAdSkyscraper
{
    position:relative;
    float: right;
    padding-left: 5px;
    padding-right: 5px;
    margin: 5px;
    z-index: 5;
    height: 600px;
    width: 180px;
}
.dialogText
{
    padding-left: 5px;
    padding-right: 5px;
}
.leftContainer {
	position:relative;
	float: left;
	left: 5px;
	width:255px;
	padding:0;
	padding-left:2px;
	padding-right:2px;
}
.middleContainer {
	position:relative;
	float: left;
	left: 10px;
	width:255px;
	padding:0;
	padding-left:2px;
	padding-right:2px;
}
.rightContainer {
	position:relative;
	float: left;
	left: 15px;
	width:255px;
	padding-left:2px;
	padding-right:2px;
}

.leftContainerLarge {
	position:relative;
	float: left;
	left: 5px;
	width:510px;
	padding:0;
	padding-left:2px;
	padding-right:2px;
}
.rightContainerLarge {
	position:relative;
	float: left;
	left: 15px;
	width:510px;
	padding-left:2px;
	padding-right:2px;
}
.leftContainerMedium {
	position:relative;
	float: left;
	left: 5px;
	width:389px;
	padding:0;
	padding-left:2px;
	padding-right:2px;
}
.rightContainerMedium {
	position:relative;
	float: left;
	left: 15px;
	width:389px;
	padding-left:2px;
	padding-right:2px;
}

.middleContainerMedium {
	position:relative;
	float: left;
	left: 10px;
	width:389px;
	padding:0;
	padding-left:2px;
	padding-right:2px;
}

.leftContainerSmall {
	position:relative;
	float: left;
	left: 5px;
	width:190px;
	padding:0;
	padding-left:2px;
	padding-right:2px;
}
.rightContainerSmall {
	position:relative;
	float: left;
	left: 15px;
	width:190px;
	padding-left:2px;
	padding-right:2px;
}



.rssItem {
	position:relative;
	display: block;
}
.postIcon 
{
	height: 18px;
    width: 18px;
	padding:0;
}

ul.postList
{
    padding-left:20px;
    margin:0px;  
    padding-top: 5px;
    list-style: none;
}
body.todayspick ul.postList
{
    margin-left:20px;  
}
ul.postList li.post
{
    padding-left: 10px;
    margin-left: 5px;
    margin-top: 2px;
}

div.symbolTableBorder
{
    margin-top: 5px;
    margin-bottom: 5px;
}
table.mostActiveTable
{
    width: 100%;
}
table.mostActiveTable td.symbolCell
{
    width: 60%;
}
table.mostActiveTable td.symbolCountCell
{
    width: 40%;
}

div.portfolioTableBorder
{
    margin-top: 5px;
    margin-bottom: 5px;
}
table.portfolioTable
{
    width: 100%;
}
table.portfolioTable td.symbolCell
{
    width: 22%;
}
table.portfolioTable td.sharesCell
{
    width: 18%;
}
table.portfolioTable td.avgPriceCell
{
    width: 20%;
}
table.portfolioTable td.curPriceCell
{
    width: 20%;
}
table.portfolioTable td.gainCell
{
    width: 20%;
}
table.portfolioTable td div.symbolCellInner
{
    margin-left: 3px;
}
table.portfolioTable td div.symbolCellInner
{
    margin-left: 3px;
}

table td.symbolCell div.symbolCellInner
{
    margin-left: 5px;
}
table tr.symbolHead div.symbolCellInner
{
    margin-left: 5px;
}

div.marketChartTitle
{
    text-align: center;
    padding: 2px;
}
div.marketChart
{
    text-align: center;
    padding: 10px;
}
div.marketChartFinal
{
    text-align: center;
    padding: 10px;
}

body.todayspick .pickContainer
{
    height: 240px;
}
body.quote .pickContainer
{
    height: 260px;
}
.newsletterTitle
{
    position:relative;
    margin-top: 5px;
    width: 100%;
    /* 
     * have to float left b/c of float inside of body 
     * (dialogAd & dialogText)
     */
    float: left;
}
.newsletterHead
{
    position:relative;
    padding-bottom: 10px;
    width: 100%;
    /* 
     * have to float left b/c of float inside of body 
     * (dialogAd & dialogText)
     */
    float: left;
}
.newsletterHeadText
{
    position:relative;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 2px;
    margin-bottom: 2px;
    z-index: 5;
}
.newsletterHeadBack
{
    position:relative;
    float: right;
    padding-left: 5px;
    padding-right: 5px;
    margin: 5px;
    z-index: 5;
}
ul.newsletterHistList
{
    padding-left:2px;
    margin:0px;  
    padding-top: 2px;
    list-style: none;
}
ul.newsletterHistList li.post
{
    padding-left: 2px;
    margin-left: 2px;
    margin-top: 2px;
}


.pickChartContainer
{
    position:relative;
    z-index:1;
    display:block;
}

.pickChartContainerHidden
{
    position: relative;
    z-index:1;
    display: none;
}
.pickChart
{
    position:relative;
    float:left;
    margin-top: 5px;
    left: 30px;
    z-index:1;
}
.pickChartDetails
{
    position:relative;
    float:right;
    margin-top: 19px;
    right: 30px;
    width: 200px;
    z-index: 5;
}
.chartItemFull
{
    position:relative;
    float:left;
    margin:1px;
    width:93%;
    z-index: 1;
}
.chartItemHalf
{
    position:relative;
    float:left;
    margin:1px;
    height:15px;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
    width:40%;
    z-index: 5;
}
body.readerBody
{
    overflow:hidden;
}

body.readerBody div.readerHead
{
    width:100%;
    height:30px;
    margin:auto;
    padding-top:10px;
    padding-left:10px;
}
body.readerBody iframe.readerContent
{
    width:100%;
    height:92%;
}
.pickImgOverlay
{
    position:relative;
    z-index:5;
    background:#9FA5B0;
}
.chartImg
{
    position:absolute;
    z-index:1;
}


#penny
{
    position:relative;
    width: 200px;
    height: 20px;
    float: left;
}
.penny_dialogTabOff
{
    cursor: pointer;
}
#stock
{
    position:relative;
    width: 150px;
    height: 20px;
    float: left;
}
.stock_dialogTabOff
{
    cursor: pointer;
}

.lastTrade
{
    position:relative;
    float:left;
    margin:1px;
    height:15px;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
    z-index: 5;
}
.lastTradeCaption
{
    width:30%;
}
.lastTradeValue
{
    width:50%;
}
.bodyTextContainer
{
    text-align:left;
}
body.textOnly .contentContainer ul
{
    list-style-type: none;

}
body.textOnly .contentContainer ul li
{
    margin-top: 10px;
    margin-bottom: 10px;
}

body.textOnly .contactThankYou
{
    text-align: center;
    margin-top: 200px;
    width: 800px;
}
.bodyTextContainer{
	position:relative;
	float: left;
}
.newsletterBody
{
    padding-left: 5px;
    padding-right: 5px;
    overflow: scroll;
}

.navBookmark 
{
    height:16px;
    overflow:hidden;
    position:absolute;
    margin: 5px 0 0 0;
    float: right;
    right: 5px;
    width:140px;
    z-index:10;
}
.navBookmark div
{
    position:relative;
    float:left;
}
.navBookmark div.myYahoo
{
    margin-left: 5px;
    height: 16px;
    width: 16px;
    cursor: pointer;
}
.navBookmark div.delicious
{
    margin-left: 5px;
    height: 16px;
    width: 16px;
    cursor: pointer;
}

.navBookmark div.digg
{
    margin-left: 5px;
    height: 16px;
    width: 16px;
    cursor: pointer;
}

.blogContainer
{
    text-align:left;
    position:relative;
    padding-top: 5px;
    padding-bottom: 2px;
}