@charset "utf-8";
/* CSS Document */

td
{
   display: table-cell; 
   padding-left:10px;
   padding-right:10px;
   padding-top:5px;
   padding-bottom:5px;
}

.legendColorBox
{
    padding: 2px;
}
.legendLabel
{
    padding: 2px;
    font-size: 9pt;
    color: #333;
}
#graph
{
    width:700px;/*IPR 580px;*/
    height:280px;
    margin:auto;
    position:absolute;
    top:20px;
    left:60px;/* IPR 300px*/
    font-family:Verdana, Geneva, sans-serif;
    font-size:11pt;
}

#graph_grid
{
    width:700px;
    height:280px;
    margin:auto;
    position:absolute;
    top:20px;
    left:60px;
    font-family:Verdana, Geneva, sans-serif;
    font-size:11pt;
}

#legend_container
{
    position:absolute;
    top:20px;
    left:760px;
    width:160px;
}


#grid1
{
    position: absolute;
    height: 240px;
    width: 800px;
    top: 300px;
    left: 60px;
}
#grid1 .row
{
    position: absolute;
    height: 80px;
    width: 100%;
    border: solid #999 1px;
}
#grid1 .row1 {top: 0px; background-color:#d4d5d8;}
#grid1 .row2 {top: 90px; background-color:#e5e7d4;}
#grid1 .row3 {top: 180px; background-color:#fbf0d1;}

#grid1 .col
{
    position: absolute;
    height: 100%;
    width: 50%;
    border-right: solid #999 1px;
}
#grid1 .col1 {left: 0px;}
#grid1 .col2 {left: 50%;}


#grid1 .title
{
    width: 110px;
    left: 20px;
    position:absolute;
    font-size:13px;
    text-align:left;
    color:#666;
    top: 35px;
}

#grid1 .title2
{
    top: 20px;
}

#grid1 .title3
{
    top: 10px;
}

#grid1 .slider
{
    position:absolute;
    top:40px;
    left:170px;
    width: 200px;
}

#grid1 .static_content
{
    position:absolute;
    top:30px;
    left:170px;
    width: 200px;
    font-size:14pt;
    color: #666;
}