/* 
marketCharts.css 
Making use of overflow property with height/width set to clear floats: http://www.quirksmode.org/css/clearing.html
*/

/* Override changes in global.css. */
div#screen div.module {_height:auto}
div#screen div.module h3, div#screen div.moduleBox {position:relative; _height:auto}

div#toMarketPulse {
	margin:-6px 0px 4px 0px;
	float:right;
	display:inline;
}

div#toMarketPulse img, div#toMarketPulse div, div#toMarketPulse a { /* Trying to remove space in IE below link but no success */ 
	margin-bottom:0;
	padding-bottom:0;
}

div#activityModule { /* class=moduleBox */
	clear:both;
	margin-top:0px;
	margin-bottom:3px; /* normally 10px */
	padding-top:0;
	overflow:hidden;
	height:100%;
}

div#activityModule div.moduleBoxHeader {
	padding:0;
	overflow:hidden;
	width:100%;
}

div#otherMkts {
	margin-top:2px;
	float:right;
	display:inline;
}
img.thinBlueArrow {
	border-style:none;
	margin-top:2px;
	margin-right:10px;
}


/* Timeframe selection tabs */
div#activityModule ul.chSelect {
	float:left; 
	padding:0 0 0 1px;
	border-right:1px solid #ccc;
}
div#activityModule ul.chSelect li {
	width:45px;
	background-position:right;
}
div#activityModule ul.chSelect li#btn5 {
	background-image:none;
}


/* Containers holding charts and quotes */
div#indicesOuter {
	clear:both;
	background-color:#e7e7d0;
	overflow:hidden;
	width:100%;
}
div#indicesInner {
	margin:3px
}
div.indexBox {
	float:left;
	display:inline;
	width:33.33%;
	margin-top:3px;
}


/* Headers */
div.indexHeader {
	color:#313131;
	background-color:#f2f2e6;
	font-weight:bold;
	padding:2px 0 2px 5px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

div#index1Header {
	border-left:1px solid #ccc;
	background:#f2f2e6 url(https://thomson.cache.wallst.com/img/1pxLtGrey.gif) repeat-y scroll right;
}

div#index2Header {
	background:#f2f2e6 url(https://thomson.cache.wallst.com/img/1pxLtGrey.gif) repeat-y scroll right;
}

div#index3Header {
	border-right:1px solid #ccc;
}


/* Charts and quotes */
div.indexChart {
	background-color:#fff;
	height:110px;
	line-height:110px;
	text-align:center;
}

div.indexChart img {
	margin:5px;
}

div.indexQuote {
	color:#333;
	background-color:#fff;
	padding:2px 0 2px 5px;
	border-bottom:1px solid #ccc;
	font-weight:bold;
	font-size:11px;
	letter-spacing:1px;
}

div#index1Chart, div#index1Quote {
	border-left:1px solid #ccc;
	background:#fff url(https://thomson.cache.wallst.com/img/dottedLineVert.gif) repeat-y scroll right;
}

div#index2Chart, div#index2Quote {
	background:#fff url(https://thomson.cache.wallst.com/img/dottedLineVert.gif) repeat-y scroll right;
}

div#index3Chart, div#index3Quote {
	border-right:1px solid #ccc;
}

/* Timestamps */
div.indexTimestamp {
	border-top:1px solid #ccc;
	text-align:center;
	color:#666;
	padding-top:2px;
	padding-bottom:2px;
}

div#delayed {
	clear:both;
	float:right;
	margin-bottom:10px;
}


/* ---------------------------------------------------------------------------------------------------
Index selection form. Drop shadow technique from http://www.alistapart.com/articles/cssdropshadows/ 
See resources/css/dropShadow.css for styles for shadowOuter, shadowInner and dropShadow
*/


div.shadowOuter {
	left:180px;
	top:80px;
	width:250px;
}

table.dropShadow{ /* Tried DIVs but couldn't make it work.  */
}

table.dropShadow td {
	padding:2px 5px 2px 5px;
}

table.dropShadow form {
	margin:0;
	padding:0;
}

table.dropShadow td#popupHeader {
	border-bottom: 1px solid #ccc;
	color:#333;
	background-color: #F2F2E6;
	font-weight:bold;
}

table.dropShadow td#explain {
	color:#666;
	border-bottom:1px solid #ccc;
}

table.dropShadow div.selector {
	width:100%;
	float:left;
	background:#fff url(https://thomson.cache.wallst.com/img/dottedLine.gif) repeat-x scroll bottom;
}
table.dropShadow div.selector div.label {
	float:left;
	display:inline;
	margin:6px 0 0 0;
	font-size: 11px;
	font-weight: bold;
	color: #e57f1b;
}
table.dropShadow div.selector select { /* Index drop-down lists */
	float:right;
	display:inline;
	margin:4px 0 4px 0;
	padding:0;
}

table.dropShadow img {
	float:right;
	display:inline;
	margin:4px 5px 4px 0;
	border-style:none;
}

table.dropShadow div.clearer {
	height:0;
	margin:0;
	padding:0;
}