.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') ; }  .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; }