div.graph {
    position:relative;
}  

div.graph_chart_border {
    padding: 0px 15px 0 10px;
    margin: 0 0 1px  35px;
    border-bottom: solid 1px #E5E5E5; 
    height: 99px; 
}

div.graph_chart_wrapper {
    overflow: hidden;
    height:99px;
    position:relative;
}

ul.graph_chart {          
    position:absolute;
    width:100%;
    left:0;
    background-color:#ffffff;
}

ul.graph_chart li
{
    background-color: #FFFFFF;
    float:  right;
    width:  4px;
    padding: 0 0 0 0;
    list-style: none;
    display:block;
}

.graph-elevation ul.graph_chart li
{
    float:  left;
}

.graph-distance ul.graph_chart li
{
    float:  right;
}


ul.graph_chart li a strong
{
    display: none;
}

ul.graph_chart li.list-line-even a
{
    display:block;
    background-color: #a4cce6;
    border-right: solid 1px #5fa7d7;
    margin-right:1px;
}

ul.graph_chart li.list-line-odd a
{
    display:block;
    background-color: #6aa4ca;
    border-right: solid 1px #2f79aa;
    margin-right:1px;
}

ul.graph_chart li a:hover
{
    display:block;
}          

.graph_legend-left {
    font-size:10px;
    position:absolute;
    z-index:1000;
}

.graph_legend-left p {
    display:block;
    height:90px;
    text-align:right;
}

.graph_legend-bottom {
    margin-left:40px;
    padding-top:3px;  
} 

.graph_legend-bottom p {
    font-size:10px;
}     

.float_left {
    float:left;
}

.float_right {
    float:right;
}