/* Styles for books distributed by month graph  */

#m-graph {position: relative; width: 700px; height: 340px;
  margin: 1.1em 0 3.5em; padding: 0;
  background: #EEFFFF;
  /*background-image: url("graphbg-lcblue.jpg");*/
  border: 2px solid gray; list-style: none;
  font: 11px Helvetica, Geneva, sans-serif;}

#m-graph ul {margin: 0; padding: 0; list-style: none;}

#m-graph li {position: absolute; bottom: 25px; width: 26px; z-index: 4;
  margin: 0; padding: 0; text-align: center; list-style: none;}

#m-graph li.month {height: 298px; bottom: 0px; padding-top: 2px; }
#m-graph li.month p {position: absolute; bottom: 2px; left: 5px; margin: 1px 0 0; padding: 0;}
#m-graph li.bar {width:10px; border: 1px solid; color: #000; font-size: 1px;}
#m-graph li.bar p {position: absolute; left: 2px; margin: 0 0 0; padding: 0; text-align: left;}

#m-graph li.printl  {left: 7px; color: #000; border-left: 2px solid; border-right: 2px solid;}
#m-graph li.printp  {left: 17px; color: #aaa; border-left: 3px solid; border-right: 3px solid; width: 6px; border-top: 0px;}
#m-graph li.printm {left: 23px; background: #eff; border-color: #eff #eff #bbb #eff; font-size: 11px; border-left: 0px;}

#m-graph li.big  {left: 7px; background: royalblue; border-color: #000;}
#m-graph li.med  {left: 7px; background: lime; border-color: #000;}
#m-graph li.sml  {left: 7px; background: yellow; border-color: #000;}
#m-graph li.pts  {left: 17px; background: red; border: 0px; width: 6px;}

#m-graph #logo  {position: absolute; left: 295px; bottom: 173px; width: 100px; height: 163px; z-index: 3}


#m-graph #m1  {left:   0px;}
#m-graph #m2  {left:  29px;}
#m-graph #m3  {left:  58px;}
#m-graph #m4  {left:  87px;}
#m-graph #m5  {left: 116px;}
#m-graph #m6  {left: 145px;}
#m-graph #m7  {left: 174px;}
#m-graph #m8  {left: 202px;}
#m-graph #m9  {left: 231px;}
#m-graph #m10 {left: 260px;}
#m-graph #m11 {left: 289px;}
#m-graph #m12 {left: 318px;}
#m-graph #m13 {left: 347px;}
#m-graph #m14 {left: 376px;}
#m-graph #m15 {left: 405px;}
#m-graph #m16 {left: 434px;}
#m-graph #m17 {left: 463px;}
#m-graph #m18 {left: 492px;}
#m-graph #m19 {left: 521px;}
#m-graph #m20 {left: 550px;}
#m-graph #m21 {left: 579px;}
#m-graph #m22 {left: 608px;}
#m-graph #m23 {left: 637px;}
#m-graph #m24 {left: 666px;}


#m-graph #ticks {width: 700px; height: 300px; z-index: 2;}
#m-graph #ticks .tick {position: relative; border-bottom: 1px solid #BBB; width: 700px;}
#m-graph #ticks .tick p {position: absolute; left: 100%; top: -0.67em; margin: 0 0 0 0.5em;}