/* css bar graph */
    .bargraph_tennis_1 {     
          height: 65px;/*height of actual papergrid_3.jpg*/ 
          position: relative; 
          background:  url(images/supporting/papergrid_3.jpg) repeat-x; 
          filter:alpha(opacity=100);		  
          border-left: 1px solid #d4d4d4;
          margin: 5px auto px;
    }

    .bargraph_tennis_1 ul.bars {
        margin: 0; 
        padding: 0; 
        /* getting rid of bullets */
        list-style-type: none;
    }

    .bargraph_tennis_1 ul.olympic-watermark {
        background: url(http://pics.cssbakery.com/pics/orings.png) no-repeat;
        background-position: 50% 50%;
        height: 122px; /* IE fix */
        z-index: 98; 
    }

    .bargraph_tennis_1 ul.euro-watermark {
        background: url(http://pics.cssbakery.com/pics/sapphire5.png) no-repeat;
        height: 201px; /* IE fix was 164*/
        background-position: 0 0;
    }
   
    .bargraph_tennis_1 ul.stars-watermark {
        background: url(images_ogt/supporting/ga_ogt_v1.fw.png) no-repeat;
        background-position:right bottom;
        height: 104px; /* IE fix */
    }
	
	.bargraph_tennis_1 ul.stars-watermark-small {
        background: url(images_ogt/supporting/ga_ogt_v2.fw.png) no-repeat;
        background-position:right bottom;
        height: 104px; /* IE fix */
    }

    div.bargraph_tennis_1 div.colorfilter {
        position: absolute;
        top: 0; left: 0;
        height: 201px;/*201*/
        background-color: black;
        opacity:0.2;  filter:alpha(opacity=20);
        z-index: 97;
    
    }

    div.bargraph_tennis_1 div.colorfilter2 {
        position: absolute;
        top: 0; left: 0;
        height: 201px;/* 201 */
        background-color: black;
        opacity:0.4;  filter:alpha(opacity=40);
        z-index: 97;
    
    }

    .bargraph_tennis_1 ul.bars li {  
        position: absolute; 
        width: 24px; 
        height: 65px; /*160*/
        /*move it up from bottom label*/
        bottom: 0px; /*29 - bigger number puts the graph bar highers */
        padding: 0; 
        margin: 0; 
        background: url(images/supporting/bars_red_green_v2.jpg) no-repeat;
		filter:alpha(opacity=100);
        text-align: center; 
        font-weight: bold; 
        color: white; 
        line-height: 2.5em;
        font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
        font-size: 10px; /* font on graphs */
        z-index: 99;
    }

   
    .bargraph_tennis_1 ul.bars li span {
        position: relative;
        top: -20px;
        color: #383838;
     }
    .bargraph_tennis_1 ul.bars li img {        
           margin: 0; padding: 0;
           position: relative;
           top: -71px;
           left: 0;
    }

    .bargraph_tennis_1 ul.bars li span.darkpen {
        color: #515151;
        position: static;
    }
    .bargraph_tennis_1 ul.bars li span.whitepen {
        color: white;
        top: 0px;
    }

    .bargraph_tennis_1 ul.bars li.bar1 { left: 2px;  }
    .bargraph_tennis_1 ul.bars li.bar2 { left: 29px;  }
    .bargraph_tennis_1 ul.bars li.bar3 { left: 57px; }
    .bargraph_tennis_1 ul.bars li.bar4 { left: 85px; }
    .bargraph_tennis_1 ul.bars li.bar5 { left: 112px; }
    .bargraph_tennis_1 ul.bars li.bar6 { left: 376px; }
    .bargraph_tennis_1 ul.bars li.bar7 { left: 449px; }
    .bargraph_tennis_1 ul.bars li.bar8 { left: 522px; }
    .bargraph_tennis_1 ul.bars li.bar9 { left: 605px; }

    /* bottom means 100% in background-position */
    .bargraph_tennis_1 ul.bars li.redcourt1    { background-position:     0px bottom; }
    .bargraph_tennis_1 ul.bars li.redcourt2    { background-position:   -25px bottom; }
    .bargraph_tennis_1 ul.bars li.redcourt3    { background-position:   -53px bottom; }
    .bargraph_tennis_1 ul.bars li.redcourt4    {  background-position:  -83px bottom; }
    .bargraph_tennis_1 ul.bars li.redcourt5    {  background-position: -112px bottom; }
    .bargraph_tennis_1 ul.bars li.greencourt1  {  background-position: -140px bottom; }
    .bargraph_tennis_1 ul.bars li.greencourt2  {  background-position: -166px bottom; }
    .bargraph_tennis_1 ul.bars li.greencourt3  {  background-position: -193px bottom; }
    .bargraph_tennis_1 ul.bars li.greencourt4  {  background-position: -223px bottom; }
    .bargraph_tennis_1 ul.bars li.greencourt5  {  background-position: -251px bottom; }

    .label_tennis_1 { list-style-type: none; 
             position: absolute; bottom: 3px; 
             margin: 0; padding: 0; }
    .label_tennis_1 li { 
        color: white; 
        text-transform: uppercase; 
        letter-spacing: 0.1em;
        font-size: 11px;
        width: 28px; /* distance between label years on bottom of graph */
       
        float: left;
        text-align: center;

       /*safeguard against a label that is too long - if they type
          that in from the HTML
        */
        overflow: hidden;

        font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
        line-height: 1em;
    }


    ul.y-axis_tennis_1 {
	list-style-type: none;
	position: absolute;
	/*
                  positioning the ul box - the box that goes 
                  around the list, 100, 75,... */
	left: -45px;
	width: 40px;
	text-align: right;
	bottom: 4px; /* positions the y axis labels higher on the graph */
	margin: 0;
	padding: 0;
    }

    ul.y-axis_tennis_1 li:first-child {
         height: 20px;
         line-height: 8px; /* positions the top l */
    }

    ul.y-axis_tennis_1 li { 
        color: #aba8a8;  
        font-size: 8px;
        height: 31px;
        line-height: 25px;
        text-align: right;
    }

    ul.y-axis_tennis_1 li.units {
        position: absolute;
        bottom: 110px;
        right: 20px;
        line-height: 1.2em;
        height: auto;
    }
  /*labeling of the graph*/
  .bargraph_tennis_1  p { 
                position: absolute; 
                left: 0; 
                top: 149px; /*236 */
                
                padding: 0; 
                margin:0; 
                text-align: left; 
     
                width: 100%;
                font-family: Verdana, sans-serif;
                font-size: 10px; color: black;
                line-height: 1.3em;
                
              }
   .bargraph_tennis_1 p.centered { text-align: center; }

   /* end of css bar graph */