/* Styles for books distributed by year graph  */
/* border: top,right,bottom,left: #000 is black   */

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

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

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

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

#y-graph li.printl  {left: 10px; color: #000; border-left: 2px solid; border-right: 2px solid;}
#y-graph li.printl2 {left: 10px; color: #aaa; border-left: 4px solid; border-right: 3px solid;}
#y-graph li.printp  {left: 17px; color: #ccc; border-left: 3px solid; border-right: 3px solid; width: 6px; border-top: 0px;}


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

#y-graph #logo  {position: absolute; left: 232px; bottom: 318px; width: 233px; height: 32px; z-index: 3;}

#y-graph #y1973 {left:   0px;}
#y-graph #y1974 {left:  19px;}
#y-graph #y1975 {left:  38px;}
#y-graph #y1976 {left:  57px;}
#y-graph #y1977 {left:  76px;}
#y-graph #y1978 {left:  95px;}
#y-graph #y1979 {left: 114px;}
#y-graph #y1980 {left: 133px;}
#y-graph #y1981 {left: 152px;}
#y-graph #y1982 {left: 171px;}
#y-graph #y1983 {left: 190px;}
#y-graph #y1984 {left: 209px;}
#y-graph #y1985 {left: 228px;}
#y-graph #y1986 {left: 247px;}
#y-graph #y1987 {left: 266px;}
#y-graph #y1988 {left: 285px;}
#y-graph #y1989 {left: 304px;}
#y-graph #y1990 {left: 323px;}
#y-graph #y1991 {left: 342px;}
#y-graph #y1992 {left: 361px;}
#y-graph #y1993 {left: 380px;}
#y-graph #y1994 {left: 399px;}
#y-graph #y1995 {left: 418px;}
#y-graph #y1996 {left: 437px;}
#y-graph #y1997 {left: 456px;}
#y-graph #y1998 {left: 475px;}
#y-graph #y1999 {left: 494px;}
#y-graph #y2000 {left: 513px;}
#y-graph #y2001 {left: 532px;}
#y-graph #y2002 {left: 551px;}
#y-graph #y2003 {left: 570px;}
#y-graph #y2004 {left: 589px;}
#y-graph #y2005 {left: 608px;}
#y-graph #y2006 {left: 627px;}
#y-graph #y2007 {left: 646px;}
#y-graph #y2008 {left: 665px;}
#y-graph #y2009 {left: 684px;}
#y-graph #y2010 {left: 703px;}

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