.sparklineDiv
{
    width:200px;
    height:100px;
    vertical-align:top;
    text-align:left;
}
.twoColumnLayout
{
    display: -ms-grid;
    -ms-grid-columns: auto auto;
    -ms-grid-rows: auto auto auto auto auto auto;
    -ms-grid-row-align: start;
}
.leftColumn
{
    -ms-grid-column: 1;
    -ms-grid-row-align: end; 
    text-align: right; 
    padding-right: 10px;
}
.leftColumn .r1
{
    -ms-grid-row: 1; 
}
.leftColumn .r2
{
    -ms-grid-row: 2; 
}
.leftColumn .r3
{
    -ms-grid-row: 3; 
}
.leftColumn .r4
{
    -ms-grid-row: 4; 
}
.leftColumn .r5
{
    -ms-grid-row: 5; 
}
.rightColumn
{
    -ms-grid-column: 2;
    -ms-grid-row: 1; 
    padding-left: 10px;
}                

@media screen and (-ms-view-state: fullscreen-landscape)
{
}

@media screen and (-ms-view-state: filled) {
}

@media screen and (-ms-view-state: snapped) {
}

@media screen and (-ms-view-state: fullscreen-portrait) {
}
