﻿

.graphLine
    {
     margin: 10px 0px 10px 0px;
     padding: 0px 0px 0px 0px;
    position: relative;
 
    width: 575px;
    height: 227px; 
    
    background-image: url(../images/coachsave/bg_graph_v3.gif);
	background-repeat: no-repeat;
    background-position: 0px 0px; 
    
    }
    
    

.graphLine .labelX
    {
    position: absolute;
    z-index: 6;
    top: 207px;
    left: 0px;
    color: #333333;
    }    
    
 .graphLine .labelX p
    {
    font-size: 12px;
    position: relative;
    margin: 0px;
    padding: 0px;
    width: 70px;
       
    float: left;
    
    -ms-filter: "alpha(opacity=80)";
    filter: alpha(opacity=80);
    opacity: .8; 
    }    

 .graphLine .labelX p.year1
    {
    left: 90px; 
    }
    
 .graphLine .labelX p.year2
    {
    left: 163px; 
    }
    
 .graphLine .labelX p.year3
    {
    left: 228px; 
    }

    
 .graphLine .labelY
    {
    position: absolute;
    z-index: 6;
    top: 0px;
    left: 430px;
    color: White;
    }    
    
 .graphLine .labelY p
    {
    font-size: 12px;
    position: relative;
    margin: 0px;
    padding: 3px 3px 3px 5px;
     width: 125px;
     
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    }    
    
.graphLine .labelY p.trad
    {
    background-color: #e92125;
    top: 15px;
    }    

   
.graphLine .labelY p.cs1
    {
    background-color: #f7981d;
    top: 28px;
    }    
    
       
.graphLine .labelY p.cs2
    {
    background-color: #69bd45;
    top: 70px;
    }    
     
     
        
        
/* - block graph   - */        




.graphBlock
    {
     margin: 10px 0px 5px 0px;
     padding: 0px 0px 0px 0px;
    position: relative;
  
   background-color: Aqua;
 
    width: 618px;
    height: 264px; 
    
    background-image: url(../images/coachsave/bg_graph_v3.gif);
	background-repeat: no-repeat;
    background-position: 0px 0px; 
    
     background-color: Transparent;
    }

.graphBlock .labelX
    {
    position: absolute;
    z-index: 6;
    top: 207px;
    left: 0px;
    color: #ffffff;
    }    
    
 .graphBlock .labelX p
    {
    font-size: 13px;
    position: relative;
    margin: 0px;
    padding: 0px;
    width: 70px;
       
    float: left;
    
    -ms-filter: "alpha(opacity=80)";
    filter: alpha(opacity=80);
    opacity: .8; 
    }    

 .graphBlock .labelX p.year1
    {
    left: 220px; 
    }
    
 .graphBlock .labelX p.year2
    {
    left: 278px; 
    }
    
 .graphBlock .labelX p.year3
    {
    left: 327px; 
    }
    
        
 .graphBlock .labelY
    {
    position: absolute;
    z-index: 6;
    top: 10px;
    left: 10px;
    
    font-size: 20px;

    width: 180px;
    }  
    
 .graphBlock .labelY h4
    {
    font-family: Tahoma, Sans-Serif;
    padding: 5px 0px 10px 0px;
    margin: 0px;    
    }                 
    
.graphBlock .labelY p
    {
    display: block;
    width: 140px;
    background-color: White;
    color: #4a5754;
    
    font-size: 15px;
    font-weight: bold; 
    
    padding: 5px 5px 5px 5px;
    margin: 0px 0px 2px 0px;
    
    text-decoration: none;
    
    border-color: #5fab66;
    border-style: solid;
    border-width: 0px 0px 0px 10px; 
    }
    

    
    
.graphBlock .col1, .graphBlock .col2, .graphBlock .col3    
    {
    position: absolute;
    z-index: 6;
    top: 0px;
    width: 120px;
    height: 227px;
    }
    
.graphBlock .col1    
    {
    left: 194px;
    }
    
.graphBlock .col2    
    {
    left: 318px;
    }
    
.graphBlock .col3    
    {
    left: 443px;
    }
 


.graphBlock img
    {
    width: 108px;

    border-style: solid;
    border-width: 2px;
    border-color:  #5fab66; 
 
    position: relative;
    z-index: 7;
    left: 0px;
    
    background-color: #5fab66;    
    }
    
    
    
.graphBlock .col1 img#col-1-2   
    {
    height: 61px;
    top: 102px;
    }
    
    
.graphBlock .col1 img#col-1-3  
    {
    height: 54px;
    top: 100px;
    }
    
    
   

.graphBlock .col2 img#col-2-1   
    {
    height: 12px;
    top: 9px;
    }
    
    
.graphBlock .col2 img#col-2-2   
    {
    height: 74px;
    top: 7px;
    }
    
    
    
.graphBlock .col2 img#col-2-3   
    {
    height: 117px;
    top: 6px;
    }
    

.graphBlock .col3 img#col-3-1   
    {
    height: 14px;
    top: 5px;
    }
    
    
.graphBlock .col3 img#col-3-2   
    {
    height: 74px;
    top: 3px;
    }
    
    
    
.graphBlock .col3 img#col-3-3   
    {
    height: 119px;
    top: 2px;
    }
    
    

