/* the actual market data*/


.mdGraphHover
{
	position: relative;
	font-weight: bold;

}

.mdHoverHighlight
{
	color: #009900;
}

#md-graph,
#md-avg-graph,
#md-line
{
	clear: both;
	position: relative;
	height: 200px;
	z-index: 1;
}

h2.md-title
{
	clear: both;
	text-align: center;
	font-size: 12pt;
	margin: 0;
	padding-bottom: 10px;
	padding-top: 5px;
}

h3.md-subtitle
{
	text-align: center;
	font-size: 9pt;
	font-weight: normal;
	margin: 0;
	margin-bottom: 5px;
}

.blue-module .median-price
{
	margin: 10px 0px;
	color: black;
	font-size: 16pt;
	font-weight: bold;
}

#good-deal-guide-intro
{
	padding: 8px;
}

.md-header
{
	position: relative;
	top: 20px;
	font-weight: bold;
	vertical-align:bottom;
}

.md-header .col2
{
	position: absolute;
	width: 100%;
	text-align: center;
	vertical-align: bottom;
}

.md-header .col1
{
	position: relative;
	padding-left: 5px;
}

#mdGraphKeyPrice
{
	font-size: 8pt;
}

#mdGraphKeyLineComment
{
	position: absolute;
	left: 50px;
	top: -25px;
	vertical-align: middle;
	font-size: 7pt;
	padding-left: 15px;
}

#mdGraphKeyLine1
{
	position: absolute;
	left: 100px;
	top: -25px;
	background: url('http://i.oodleimg.com/a/line_blue.gif');
	background-position: center left;
	background-repeat: no-repeat;
	vertical-align: middle;
	font-size: 7pt;
	padding-left: 15px;

}

#mdGraphKeyLine2
{
	position: absolute;
	left: 180px;
	top: -25px;
	background: url('http://i.oodleimg.com/a/line_brown.gif');
	background-position: center left;
	background-repeat: no-repeat;
	vertical-align: middle;
	font-size: 7pt;
	padding-left: 15px;
	padding-right: 10px;
}

#mdGraphKeyLine3
{
	position: absolute;
	left: 100px;
	top: -10px;
	background: url('http://i.oodleimg.com/a/line_green.gif');
	background-position: center left;
	background-repeat: no-repeat;
	vertical-align: middle;
	font-size: 7pt;
	padding-left: 15px;
	padding-right: 10px;
}

#mdGraphKeyLine4
{
	position: absolute;
	left: 180px;
	top: -10px;
	background: url('http://i.oodleimg.com/a/line_magenta.gif');
	background-position: center left;
	background-repeat: no-repeat;
	vertical-align: middle;
	font-size: 7pt;
	padding-left: 15px;
	padding-right: 10px;
}


#mdGraphKeyHist
{
	position: absolute;
	left: 155px;
	top: -20px;
	background: url('http://i.oodleimg.com/a/6month_yellow.gif');
	background-position: 0px 5px;
	background-repeat: no-repeat;
	vertical-align: middle;
	font-size: 7pt;
	padding-left: 15px;
}

#mdGraphKeyToday
{
	position: absolute;
	left: 105px;
	top: -20px;
	background: url('http://i.oodleimg.com/a/today_green.gif');
	background-position: 0px 5px;
	background-repeat: no-repeat;
	vertical-align: middle;
	font-size: 7pt;
	padding-left: 15px;
	padding-right: 10px;
}


#mdGraphLink
{
	border-top: 1px dotted gray;
	margin-top: 20px;
	padding-top: 9px;
	clear: both;
	font-size: 10pt;
	text-align: center;
}

#mdGraphLink a
{
	font-size: 9pt;
}

.md-scroller
{
	position: relative;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
}

.md-scroller .scroll-left
{
	float: left;
	width: 31%;
}

.md-scroller .scroll-right
{
	float: left;
	width: 31%;
	text-align: right;
}

.md-scroller .scroll-xaxis
{
	float: left;
	width: 32%;
	text-align: center;
	font-weight: bold;
}

.md-xaxis
{
	width: 100%;
	margin-top: 10px;
	text-align: center;
	font-weight: bold;
	
}

#mdTableContainer
{
	border-top: 1px dotted gray;
	margin-top: 10px;
	padding-top: 10px;
}

#mdTable
{
	border-collapse: collapse;
	width: 400px;
	text-align: center;
}

#mdTable a
{
	text-decoration: none;
}

#mdTable th.MDColHead
{	
	border: 1px solid gray;
	background: silver;
}

#mdTable td
{
	border: 1px solid gray;
	padding: 5px 0;
}

#mdTable td.MDCol
{
	width: 65px;
}

#mdTable td.MDColSelected
{
	background: #eee;
}

.no-data-wrapper
{
	padding: 10px 0px 0px 5px;
}

.no-data-wrapper .no-data
{
	background: url(http://i.oodleimg.com/a/marketdata/no_data_plain.gif) no-repeat;
}

* html .no-data-wrapper .no-data
{
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i.oodleimg.com/a/marketdata/no_data_plain.gif') ;

}

/* GRAPH SKINNING CSS */

.JSLWBarGraph 
{ 
	position: relative;
}
.JSLWAxis 
{
	background-color: Black; 
	line-height: 0px; 
	font-size: 11px;
}
.JSLWLine{
	background-color: Silver;
}

.JSLWBarBounds { }
.JSLWBarGraphInfobox 
{
	background-color: #ffe; 
	border: 1px solid gray; 
	padding: 5px;
	z-index: 70;
}
.JSLWBar1 
{ 
	margin: 0px auto; 
	width: 20px; 
	background-image: url('http://i.oodleimg.com/a/marketdata/data_green_skin.gif');
	background-color: Green; 
	border-left:1px solid black; 
	border-right:1px solid black; 
	background-position: top right; 
	background-repeat: repeat-y;
}
.JSLWBar2 
{ 
	margin: 0px auto; 
	width: 20px; 
	background-image: url('http://i.oodleimg.com/a/marketdata/data_yellow_skin.gif');
	background-color: Yellow; 
	border-left:1px solid black; 
	border-right:1px solid black; 
	background-position: top right; 
	background-repeat: repeat-y;
}
.JSLWBar1TopNormal
{ 
	width: 20px; 
	background-color: Black;
	height: 1px;
	line-height: 1px;
	overflow: hidden;
}
.JSLWBar2TopNormal
{ 
	width: 20px; 
	background-color: Black;
	height: 1px;
	line-height: 1px;
	overflow: hidden;
}

.JSLWBar1TopMaxed
{ 
	width: 20px; 
	height: 8px;
	line-height: 8px;
	overflow: hidden;
}
.JSLWBar2TopMaxed
{ 
	width: 20px; 
	background-image: url('http://i.oodleimg.com/a/marketdata/data_yellow_broken.gif');

	height: 8px;
	line-height: 8px;
	overflow: hidden;
}

.JSLWBar1Over .JSLWBar1TopMaxed
{ 
	width: 20px; 
	height: 8px;
	line-height: 8px;
	overflow: hidden;
}
.JSLWBar2Over .JSLWBar2TopMaxed
{ 
	width: 20px; 
	background-image: url('http://i.oodleimg.com/a/marketdata/data_yellow_broken_over.gif');
	height: 8px;
	line-height: 8px;
	overflow: hidden;
}

.JSLWBar1Line 
{ 
	display: none; 
}
.JSLWBar2Line 
{ 
	display: none; 
}
.JSLWBar1LineOver 
{ 
	display: block; 
}
.JSLWBar2LineOver 
{ 
	display: block; 
}
.JSLWBar1LineOver div 
{ 
	background: gray; 
}
.JSLWBar2LineOver div 
{ 
	background: gray; 
}
.JSLWBar1Over 
{
	background-image: url('http://i.oodleimg.com/a/marketdata/data_green_skin_over.gif');
	background-position: top right; 
	background-repeat: repeat-y; 
}
.JSLWBar2Over 
{
	background-image: url('http://i.oodleimg.com/a/marketdata/data_yellow_skin_over.gif');
	background-position: top right; 
	background-repeat: repeat-y; 
}
.JSLWBarReflectionBounds { }
.JSLWBar1Reflection 
{
	margin: 0px auto; 
	width: 20px; 
	background-image: url('http://i.oodleimg.com/a/marketdata/data_green_skin.gif');
	background-color: Green; 
	border-left:1px solid black; 
	border-right:1px solid black; 
	background-position: top right; 
	background-repeat: repeat-y;
}
.JSLWBar2Reflection 
{
	margin: 0px auto; 
	width: 20px; 
	background-image: url('http://i.oodleimg.com/a/marketdata/data_yellow_skin.gif');
	background-color: Yellow; 
	border-left:1px solid black; 
	border-right:1px solid black; 
	background-position: top right; 
	background-repeat: repeat-y;
}
.JSLWXAxisText 
{
	color: #000000; 
	margin-top: 1px;
	font-size: 79%;
	text-align:center;
	cursor: pointer;
}

#mdLine .JSLWXAxisText
{
	text-align: right;
}

.JSLWYAxisText 
{
	color: #000000; 
	font-size: 79%; 
	text-align:right; 
	vertical-align:middle;
}

#rightrail_btn
{
	width:110px;
}