@charset "utf-8";
/* CSS Document */

/*  CLEAR FLOATING   */
#content #mainsec #info:after, #content #mainsec #stock:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; 
}
/*  CLEAR FLOATING ENDS  */

#content #mainsec .stock_top {
	width: 605px;
	clear: both;
	margin-bottom: 5px;
	position: relative;
}
#content #mainsec #stock { width: 610px; }

#content #mainsec #stock #stockGraph {
	float: left;
	width: 220px;
}
#stock      #stockGraph      #graph    {
	height: 155px;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
}
#stock #stockGraph #graph .expand {
	height: 155px;
	width: 200px;
	text-indent: -9999px;
	margin-right: auto;
	margin-left: auto;
}
#stock #stockGraph #graph .expandHover {
	background-image: url(../../images/nownews/expand.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 155px;
	width: 200px;
	text-indent: -9999px;
	margin-right: auto;
	margin-left: auto;
}
#stock #stockGraph #graph a, #stock #stockGraph #graph a:link, #stock #stockGraph #graph a:visited {
	text-indent: -9999px;
	display: block;
	height: 155px;
	width: 200px;
}


#content #mainsec #stock #stockInfo {
	float: right;
	width: 370px;
}
#stock #stockInfo #stockName {
	float: left;
	width: 200px;
}

#stock #stockInfo h3 {
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}
#stock #stockInfo .currentPrice {
	text-align: center;
	font-weight: bold;
}
#stock  #stockInfo  .down  { color: #009349; }
#stock  #stockInfo  .up  { color: #c62b26; }

#stock #stockInfo .buttons {
	float: right;
	text-align: center;
}
#stock #stockInfo #infoTable {
	clear: both;
	margin-top: 4px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #8B8B8B;
	border-right-color: #8B8B8B;
	height: 144px;
	width: 368px;
}
#stock #stockInfo #infoTable div {
	float: left;
	padding-top: 3px;
	padding-right: 10px;
	padding-left: 10px;
	height: 20px;
}
#stock #stockInfo #infoTable .infoTableLabel {
	background-color: #efefef;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #8B8B8B;
	border-left-color: #8B8B8B;
	width: 65px;
	text-align: center;
}
#stock #stockInfo #infoTable .infoTableColumn {
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #8B8B8B;
	border-left-color: #8B8B8B;
	width: 77px;
	text-align: right;
}
#stock #tabs { z-index: 99; 
}
#stock #tabs div {
	float: left;
	background-color: #D9D9D9;
	margin-right: 3px;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #8b8b8b;
	position: relative;
	top: 1px;
	padding: 5px;
}
#stock #tabs .here {
	background-color: #f4f4f4;
	border-bottom: 1px solid #F4F4F4;
}
#stock #tabs a, #stock #tabs a:link, #stock #tabs a:visited {
	color: #333333;
	display: block;
	height: 15px;
	line-height: 16px;
	width: 35px;
	text-align: center;
}
#stock #tabs .here a, #stock #tabs .here a:link, #stock #tabs .here a:visited {
	color: #333333;
	background-image: url(../../images/graph_reload.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	display: block;
	height: 15px;
	line-height: 16px;
	font-weight: bold;
}

#stock .content {
	clear: both;
	background-color: #f4f4f4;
	border: 1px solid #8B8B8B;
	width: auto;
	z-index: 1;
	height: 155px;
	text-align: center;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 5px;
}
#content #mainsec #moreInfo {
	width: 610px;
	clear: both;
	margin-top: 10px;
	margin-bottom: 20px;
}
#moreInfo #tabs { z-index: 99; 
}
#moreInfo #tabs div {
	float: left;
	background-color: #D9D9D9;
	margin-right: 3px;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #8b8b8b;
	position: relative;
	top: 1px;
	padding: 5px;
}
#moreInfo #tabs .here {
	background-color: #f4f4f4;
	border-bottom: 1px solid #F4F4F4;
}
#moreInfo #tabs a, #moreInfo #tabs a:link, #smoreInfo #tabs a:visited {
	color: #333333;
	display: block;
	height: 15px;
	line-height: 16px;
	text-align: center;
	width: 60px;
}
#moreInfo #tabs .here a, #moreInfo #tabs .here a:link, #moreInfo #tabs .here a:visited {
	color: #333333;
	background-image: url(../../images/graph_reload.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	display: block;
	height: 15px;
	line-height: 16px;
	font-weight: bold;
}

#moreInfo .content {
	clear: both;
	background-color: #f4f4f4;
	border: 1px solid #8B8B8B;
	width: auto;
	z-index: 1;
	text-align: center;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 5px;
}