/* graph */
    div.graph{        
        clear:both;
        padding:20px 50px 80px 120px;
        border-top:1px solid #909090;       
        margin:20px 0 0 0;
        font-family:arial, verdana, sans-serif;
    }
    div.graph div.percent{
        position:relative;
        width:100%;
        margin:0 0 20px 0;
    }
    div.graph div.percent var{
        position:absolute;
        right:-40px;
        display:block;
        font-style:normal;
        font:bold 11px/11px arial, sans-serif;
        padding:3px;
        line-height:10px;
        width:20px;
        text-align:center;        
    }
    div.graph div.percent label{
        position:absolute;
        left:-140px;
        top:3px;
        width:100px;
        padding-right:20px;
        display:block;
        font:normal 11px/11px arial, sans-serif;
        color:#666;
        text-align:right;
    }    
    div.graph span.percent{
        display:block;
        height:18px;
    }
    
/* index-specific colours */        
    div.graph span.index-1{
        background:#cd171e url('../images/layout/menu.gif') repeat-x 0 -4px;
    }
    div.graph span.index-1 var{
        background:#cd171e url('../images/layout/menu.gif') repeat-x 0 -4px;
        border:1px solid #a50a10;
        color:#fff;
    }
    div.graph span.index-2{
        background:#ccc none;
        height:9px;
    }
    div.graph span.index-2 var{
        background:#ccc none;
        border:1px solid #aaa;        
    }    
/* graph data */    
    div.graph div.graph-data{
        margin:10px 0 0 0;
        padding:20px 0 20px 20px;
        border-left:1px solid #666;
        border-bottom:1px solid #333;
    }
    div.graph div.x-scale,
    div.graph div.y-scale{
        font-size:20px;
        color:#999;
        font-weight:bold;
        padding:3px 0;
    }
    div.graph div.x-scale{
        float:right;
    }    
    div.graph div.source{
        padding:3px 0;
        font-weight:bold;
        font-size:10px;
        font-style:italic;
        float:left;
        display:inline;
    }
    div.graph div.graph-definition{            
        clear:both;
        float:left;        
    }
    div.graph div.graph-definition span{
        display:block;
        width:18px;
        height:18px;
        margin:0 0 2px 0;
        white-space:nowrap;
        position:relative;        
    }
    div.graph div.graph-definition span p{
        position:absolute;
        left:25px;
        top:0;
    }