/* Drop shadow technique from http://www.alistapart.com/articles/cssdropshadows/ First used on charts 
section of market summary page when clicking on link to see other indices. */ 

div.shadowOuter {
	display:none;
	position:absolute;
	/* Set your own left:, top: and width: in a local stylesheet. */
	background: url(https://thomson.cache.wallst.com/img/shadowAlpha.png) no-repeat bottom right !important;
	background: #ccc url(https://thomson.cache.wallst.com/img/x.gif) no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
}

div.shadowInner {
	background: none !important;
	background: url(https://thomson.cache.wallst.com/img/shadow2.gif) no-repeat left top;
	padding: 0 !important;
	padding: 0 2px 2px 0;
}

/* Tried DIVs but couldn't make it work. Your milage may vary. As far as the drop shadow is concerned, if you
use a DIV instead, you will need to copy over the border and margins. Originally done for marketCharts.asp*/
table.dropShadow { 
	width:100%;
	border-collapse:collapse;
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 0px;
	margin: -6px 6px 6px -6px !important;
	margin: 0;
}

