.xy-trend
 {
 margin : 0px;
 margin-left:10px;
 }
 
.verticaltext 
{

writing-mode: tb-rl;
filter: flipv fliph;
}


.charttable
{
border-collapse: collapse;
border : 2px solid #000000;
border-top : none;
border-left : 1px solid #000000;
margin-top : 10px;
margin-bottom : 10px;
width : 565px;
}



.charttable td
{
border : 1px solid #d6dde6;
text-align : right;
padding : 4px;
font: 0.7em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.charttable td.totalrow
{
border-bottom: 1px solid #000000;
}

.charttable td.total
{
border-bottom: 1px solid #000000;
background-color: #ffffcc;
}

.charttable th
{
border: 1px solid #000000;
background-color: #bcbcbc;
text-align: center;
padding: 4px;
font: 0.7em Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
}

.charttable a:link, .charttable a:visited
{
color: #000000;
text-decoration: none;
}

.charttable a:hover
{
text-decoration: underline;
}

.charttable caption
{
font: bold 0.95em Arial, Verdana, Geneva, Helvetica, sans-serif;
background-color: #5977a8;
color: #ffffff;
padding-top:2px;
padding-bottom: 2px;
border: 1px solid #000000;
border-bottom: none;
border-right: 2px solid #000000;
}

#totalheader
{
background-color: #a1a1a1;
}

#totaldata
{
background-color: #a6b6d1;
}

#subcaption
{
background-color: #fff8dc;
border: 1px solid #000000;
}