/* CSS Document */

/********************************************
Market Index - Global
********************************************/
#market_index {
	float:left;
    z-index: 1;
}
#market_index ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
#market_index .gain {
	color:#008000;
}
#market_index .loss {
	color:#f00000;
}


/********************************************
Market Index - Title
********************************************/
#market_index .title {
	float:left;
	width:100%;
}
#market_index .title p {
	display:block;
	font-size:11px;
	line-height:11px;
	font-weight:bold;
	float:left;
	margin:0px 10px 10px 0px;
	color:#333;
}
#market_index .title select {
	display:block;
	float:left;
}
#market_index span.timestamp {
	float:right;
	font-size:10px;
	line-height:10px;
	color:#777;
}

/******Advisor Index Title Resets******/
.ez-leftCol #market_index .title span.timestamp {
	display:none;
}
.ez-leftCol #market_index .title {
	margin-bottom:4px;
}
.ez-leftCol #market_index .title p {
	margin:4px 12px 0px 0px;
}


/********************************************
Market Index - Horizontal Index List
********************************************/
#market_index .indexes {
	display:block;
	float:left;
	border-top:1px solid #999;
}
/******Global Pager Styles******/
#market_index .indexes a.pager {
	display:inline;
	float:left;
	padding:8px 2px;
	border:1px solid #ccc;
	border-top:1px solid #ddd;
	cursor:default;
	color:#336699;
	font-size:11px;
	line-height:17px;
	text-decoration:none;
}
#market_index .us_index a.pager,
#market_index .euro_index a.pager {
	padding:14px 2px 15px;
}
#market_index .indexes a.pager:hover {
	background-color:#e1edf6;
	cursor:pointer;
	border-color:#336699;
	border-top:1px solid #999;
}
#market_index .indexes a.pager.disable {
	color:#ccc;
	border-color:#ddd;
	border-bottom:1px solid #ccc;
	background-color:transparent;
}
#market_index .indexes a.disable:hover {
	cursor:default;
	background-color:transparent;
}

/******Dotcom reset for Pager******/
.colm_b2 #market_index a.pager {
	display:none;
}

/******Advisor reset for Pager******/
.ez-leftCol #market_index a.pager {
	display:block;
}

/******Dotcom index_list UL Styles******/
#market_index .index_list {
	overflow:hidden;
	float:left;
	width:370px;
	background-color:#f5f5f5;
	position:relative;
}
#market_index .index_list ul {
	border-top:1px solid #ddd;
	border-bottom:1px solid #ccc;
	float:left;
	width:800px;
	position:relative;
	left:0;
}
#market_index .index_list ul li {
	float:left;
	font-size:10px;
	line-height:13px;
	color:#333;
	text-align:center;
}
#market_index .index_list ul li.one_line {
	margin-top:16px;
}
#market_index .index_list ul li a {
	color:#336699;
	text-decoration:none;
}
#market_index .index_list ul li a:hover {
	text-decoration:underline;
}
#market_index .index_list ul li span {
	display:block;
	text-align:center;
	margin-bottom:1px;
}
#market_index .index_list ul li.selected a {
	font-weight:bold;
	color:#666;
	cursor:default;
}
#market_index .index_list ul li.selected a:hover {
	text-decoration:none;
}
#market_index .index_list ul li.selected span {
	background-image:url(http://im.mstar.com/im/index_arrow.gif);
	background-position:0px center;
	background-repeat:no-repeat;
	width:23px;
	height:17px;
	position:relative;
	bottom:-2px;
	margin:0 auto;
	text-indent:-9999px;
}
#market_index .us_index ul li {
	margin:3px 4px 0px;
	width:75px;
}
#market_index .us_index ul li.one_line {
	width:60px;
}
#market_index .mstar_index ul li {
	margin:3px 6px 0px;
	width:80px;
}
#market_index .asia_index ul li,
#market_index .euro_index ul li {
	margin:3px 6px 0px;
	width:62px;
}

/******Advisor index_list UL Reset Styles******/
.ez-leftCol #market_index .index_list {
	width:194px;
}
.ez-leftCol #market_index .us_index ul li,
.ez-leftCol #market_index .mstar_index ul li,
.ez-leftCol #market_index .asia_index ul li,
.ez-leftCol #market_index .euro_index ul li {
	width:77px;
	margin:3px 10px 0px;
}
.ez-leftCol #market_index .index_list ul li.one_line {
	margin-top:16px;
}

/********************************************
Market Index - Index Data Points
********************************************/
#market_index .index_data ul,
#market_index .index_data ul li {
	float:left;
	display:block;
}
#market_index .index_data ul {
	width:100%;
}
#market_index .index_data ul li {
	padding:4px 0px 5px;
	font-size:10px;
	line-height:16px;
}

/******Dotcom UL styles******/
#market_index .index_data ul li.price {
	width:35%;
}
#market_index .index_data ul li.change {
	width:50%;
}
#market_index .index_data ul li.more {
	width:15%;
	text-align:right;
}
#market_index .index_data ul li.more a {
	color:#336699;
	text-decoration:none;
}
#market_index .index_data ul li.more a:hover {
	text-decoration:underline;
}
#market_index .index_data ul li span.data{
	font-weight:normal;
}
#market_index .index_data ul.dotcom {
	width:369px;
}

/******Advisor UL styles******/
#market_index .index_data ul.advisor li {
	text-align:right;
}
#market_index .index_data ul.advisor li {
	width:75px;
}
#market_index .index_data ul.advisor li.first {
	width:76px;
	text-align:left;
}

/******Dotcom reset for Advisor index_data UL******/
.colm_b2 #market_index ul.advisor {
	display:none;
}

/******Advisor reset for Dotcom index_data UL******/
.ez-leftCol #market_index ul.dotcom {
	display:none;
}


/********************************************
Market Index - Chart Container
********************************************/
#market_index .index_chart {
	float:left;
}
#market_index .index_chart span.timestamp {
	float:left;
	display:block;
	padding-top:6px;
}

/******Dotcom reset for Advisor timestamp******/
.colm_b2 #market_index .index_chart span.timestamp {
	display:none;
}

#market_index .index_chart { font-family:Verdana; font-size:10px; color:#000000; font-style:normal; width:370px; height:120px; border-top:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD;z-index: -1; position:relative }
#market_index .index_chart2 { width:226px; }
#market_index span.timestamp2 {float: left; margin:6px 0px 10px;}