body{
    font-family:Arial, Helvetica, sans-serif;
    color:#666;
    line-height:1.4;
    width:460px;
    margin:0;
}

table{
    font-size:12px;
    border-collapse:collapse;
    border-spacing:0;
    width:100%;
}

table tbody{
    border:none;
}

table th{
    background:#e5f2f7;
    color:#333333;
    text-align:left;
    padding:4px 10px;
    border-width:0 1px 1px 0;
    border-style:none;
}

table tr{
    padding:0.1em 0.6em;
}

table tr.odd {
    background:#f2f8fb;
}

table td, table th {
  border-right: 1px solid #FFFFFF;
  border-width: 0 1px 1px 0;
  padding: 4px 10px;
}
table td .arrow{
    width:12px;
    height:8px;
    background-image:url(../images/data-trend-arrow.gif);
    float:right;
    margin-top:6px;
    position:relative;
    cursor:copy;
}

table td .arrow-up{
    background-position:center bottom;
}

table td .arrow-down{
    background-position:center top;
}

table td .arrow-equals{
    background-image:url(../images/data-trend-arrow-equal.gif);
    background-position:center top;
}

p.date-info{
    color:#999;
    font-size:11px;
    margin:1em 0 0 0;
}

.hover-info{
    position:absolute;
    background:#FFF;
    border:1px solid #DDD;
    padding:2px 5px;
    width:180px;
    left:-180px;
    top:-22px;
    font-size:10px;
    -moz-box-shadow:0 0 3px #CCC;
    -webkit-box-shadow:0 0 3px #CCC;
    box-shadow:0 0 3px #CCC;
}