/* Product Chooser */

#ProductChooser
{
    width: 100%;
    margin: 0;
    padding: 10px 0 0 0;
    list-style: none;
}

#ProductChooser li
{
    float: left;
    padding: 0 0 10px 0;
    position: relative;
    line-height: 0;
}

#ProductChooser a
{
    float: left;
    height: 10px;
    padding: 0;
    color: #7755aa;
    text-decoration: none;

}

#ProductChooser li:hover > a
{
    color: #7755aa;
}

#ProductChooser li:hover > ul
{
    display: block;
}

/* Product Chooser Sub Menu */

#ProductChooser ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 99999;
    background: #7755aa;
    background: -moz-linear-gradient(#7755aa, #4E387E);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #4E387E),color-stop(1, #7755aa));
    background: -webkit-linear-gradient(#7755aa, #4E387E);
    background: -o-linear-gradient(#7755aa, #4E387E);
    background: -ms-linear-gradient(#7755aa, #4E387E);
    background: linear-gradient(#7755aa, #4E387E);
    -moz-box-shadow: 0 0 2px rgba(255,255,255,.5);
    -webkit-box-shadow: 0 0 2px rgba(255,255,255,.5);
    box-shadow: 0 0 2px rgba(255,255,255,.5);
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
}

#ProductChooser ul ul
{
    width: 350px;
    top: 0;
    left: 150px;
    background: #333;
    background: -moz-linear-gradient(#9c9c9c,  #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#9c9c9c), to(#333));
    background: -webkit-linear-gradient(#9c9c9c,  #333);
    background: -o-linear-gradient(#9c9c9c,  #333);
    background: -ms-linear-gradient(#9c9c9c,  #333);
    background: linear-gradient(#9c9c9c,  #333);
    color: #fff;
}

#ProductChooser ul li
{
    float: none;
    margin: 0;
    padding: 0;
    display: block;
    -moz-box-shadow: 0 1px 0 #4E387E, 0 2px 0 #777777;
    -webkit-box-shadow: 0 1px 0 #4E387E, 0 2px 0 #777777;
    box-shadow: 0 1px 0 #4E387E, 0 2px 0 #777777;
}

#ProductChooser ul li:last-child
{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#ProductChooser ul a
{
    padding: 10px;
    height: 10px;
    width: 130px;
    height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
    color: #fff;
}

#ProductChooser ul ul a
{
    width: 330px;
}

#ProductChooser ul a:hover
{
    background: #333;
    background: -moz-linear-gradient(#9c9c9c,  #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#9c9c9c), to(#333));
    background: -webkit-linear-gradient(#9c9c9c,  #333);
    background: -o-linear-gradient(#9c9c9c,  #333);
    background: -ms-linear-gradient(#9c9c9c,  #333);
    background: linear-gradient(#9c9c9c,  #333);
    color: #fff;
}

#ProductChooser ul li:first-child > a
{
    color: #fff;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

#ProductChooser ul li:first-child > a:after
{
    color: #fff;
    content: '';
    position: absolute;
    left: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #7755aa;
}

#ProductChooser ul ul li:first-child a:after
{
    color: #fff;
    left: -8px;
    top: 12px;
    width: 0;
    height: 0;
    border-left: 0;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-right: 8px solid #333;
}

#ProductChooser ul li:first-child a:hover:after
{
    border-bottom-color: #333;
}

#ProductChooser ul ul li:first-child a:hover:after
{
    width: 0;
    border-right-color: #333;
    border-bottom-color: transparent;
}


#ProductChooser ul li:last-child > a
{
    color: #fff;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

/* Clear floated elements */

#ProductChooser:after
{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}


/* Sales Graph */

ul.xAxis
{
    margin:0 0 0 65px;
    padding:0;
    float:left;
    clear:left;
    display:inline;
    width:775px;
}
ul.yAxis
{
    margin:14px 0 0 0;
    padding:0;
    display:inline;
    float:left;
    text-align: right;
}
ul.xAxis li
{
    float:left;
    list-style:none;
    width:25px;
    text-align:center;
}
ul.yAxis li
{
    list-style:none;
    height:33px;
    width: 54px;
    text-align:right;
    clear:left;
}
dl#csschart, dl#csschart dt, dl#csschart dd
{
    margin:0;
    padding:0;
}
dl#csschart
{
    width:775px;
    height:360px;
    padding-left:11px;
    float:left;
}
dl#csschart dt
{
    display:none;
}
dl#csschart dd
{
    position:relative;
    float:left;
    display:inline;
    width:25px;
    height:330px;
    margin-top:22px;
}
dl#csschart span
{
    position:absolute;
    display:block;
    width:25px;
    bottom:0;
    left:0;
    z-index:1;
    color:#555;
    text-decoration:none;
}
dl#csschart span b
{
    display:block;
    font-weight:bold;
    font-style:normal;
    float:left;
    line-height:200%;
    color:#fff;
    position:absolute;
    top:5px;
    left:3px;
    text-align:center;
    width:23px;
}

/* default column styling */

dl#csschart span
{
    height:50%;
    background: -webkit-gradient(linear, 60% 0%, 0% 0%, from(#C0C0C0), to(#808080));
}

dl#csschart .stack
{
    margin-left:-25px;
}
dl#csschart .stripe span
{
    background: #FFFFFF;
}
dl#csschart .stripe1 span
{
    background: #E3E4FA;
}
dl#csschart .a1b span
{
    background: #D77D7D;
    background: -webkit-linear-gradient(#D77D7D,  #CD5C5C);
    background: -ms-linear-gradient(right, #D77D7D,  #CD5C5C);
    background: linear-gradient(#D77D7D,  #CD5C5C);
    background: -webkit-gradient(linear, 60% 0%, 0% 0%, from(#D77D7D), to(#CD5C5C));
    background: -moz-linear-gradient(right,  #D77D7D,  #CD5C5C);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CD5C5C', endColorstr='#D77D7D', gradientType='1', gradientType='1');
    background-image: -o-linear-gradient(left, #CD5C5C, #D77D7D);
}
td.a1b
{
    background-color: #CD5C5C;
    color: #FFFFFF;
}
dl#csschart .abe span
{
    background: #A23333;
    background: -webkit-linear-gradient(#A23333,  #8B0000);
    background: -ms-linear-gradient(right, #A23333,  #8B0000);
    background: linear-gradient(#A23333,  #8B0000);
    background: -webkit-gradient(linear, 60% 0%, 0% 0%, from(#A23333), to(#8B0000));
    background: -moz-linear-gradient(right,  #A23333,  #8B0000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8B0000', endColorstr='#A23333', gradientType='1');
    background-image: -o-linear-gradient(left, #8B0000, #A23333);
}
td.abe
{
    background-color: #8B0000;
    color: #FFFFFF;
}
dl#csschart .ali span
{
    background: #6A5ACD;
    background: -webkit-linear-gradient(#6A5ACD,  #5548A4);
    background: -ms-linear-gradient(right, #6A5ACD,  #5548A4);
    background: linear-gradient(#6A5ACD,  #5548A4);
    background: -webkit-gradient(linear, 60% 0%, 0% 0%, from(#6A5ACD), to(#5548A4));
    background: -moz-linear-gradient(right,  #6A5ACD,  #5548A4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5548A4', endColorstr='#6A5ACD', gradientType='1');
    background-image: -o-linear-gradient(left, #5548A4, #6A5ACD);
}
td.ali
{
    background-color: #5548A4;
    color: #FFFFFF;
}
dl#csschart .amc span
{
    background: #1E90FF;
    background: -webkit-linear-gradient(#1E90FF,  #1873CC);
    background: -ms-linear-gradient(right, #1E90FF,  #1873CC);
    background: linear-gradient(#1E90FF,  #1873CC);
    background: -webkit-gradient(linear, 60% 0%, 0% 0%, from(#1E90FF), to(#1873CC));
    background: -moz-linear-gradient(right,  #1E90FF,  #1873CC);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873CC', endColorstr='#1E90FF', gradientType='1');
    background-image: -o-linear-gradient(left, #1873CC, #1E90FF);
}
td.amc
{
    background-color: #1873CC;
    color: #FFFFFF;
}
dl#csschart .amu span
{
    background: #33CCFF;
    background: -webkit-linear-gradient(#33CCFF,  #00ace6);
    background: -ms-linear-gradient(right, #33CCFF,  #00ace6);
    background: linear-gradient(#33CCFF,  #00ace6);
    background: -webkit-gradient(linear, 60% 0%, 0% 0%, from(#33CCFF), to(#00ace6));
    background: -moz-linear-gradient(right,  #33CCFF,  #00BFFF);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BFFF', endColorstr='#33CCFF', gradientType='1');
    background-image: -o-linear-gradient(left, #00BFFF, #33CCFF);
}
td.amu
{
    background-color: #00BFFF;
    color: #FFFFFF;
}
dl#csschart .amz span
{
    background: #6B9BC3;
    background: -webkit-linear-gradient(#6B9BC3,  #4682B4);
    background: -ms-linear-gradient(right, #6B9BC3,  #4682B4);
    background: linear-gradient(#6B9BC3,  #4682B4);
    background: -webkit-gradient(linear, 60% 0%, 0% 0%, from(#6B9BC3), to(#4682B4));
    background: -moz-linear-gradient(right,  #6B9BC3,  #4682B4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4682B4', endColorstr='#6B9BC3', gradientType='1');
    background-image: -o-linear-gradient(left, #4682B4, #6B9BC3);
}
td.amz
{
    background-color: #6B9BC3;
    color: #FFFFFF;
}
dl#csschart .fba span
{
    background: #3090C7;
    background: -webkit-linear-gradient(#3090C7,  #005E95);
    background: -ms-linear-gradient(right, #3090C7,  #005E95);
    background: linear-gradient(#3090C7,  #005E95);
    background: -webkit-gradient(linear, 60% 0%, 0% 0%, from(#3090C7), to(#005E95));
    background: -moz-linear-gradient(right,  #3090C7,  #005E95);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005E95', endColorstr='#3090C7', gradientType='1');
    background-image: -o-linear-gradient(left, #005E95, #3090C7);
}
td.fba
{
    background-color: #3090C7;
    color: #FFFFFF;
}
dl#csschart .bib span
{
    background: #6F339B;
    background: -webkit-linear-gradient(#6F339B,  #4B0082);
    background: -ms-linear-gradient(right, #6F339B,  #4B0082);
    background: linear-gradient(#6F339B,  #4B0082);
    background: -webkit-gradient(linear, 60% 0%, 0% 0%, from(#6F339B), to(#4B0082));
    background: -moz-linear-gradient(right,  #6F339B,  #4B0082);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4B0082', endColorstr='#6F339B', gradientType='1');
    background-image: -o-linear-gradient(left, #4B0082, #6F339B);
}
td.bib
{
    background-color: #6F339B;
    color: #FFFFFF;
}
dl#csschart .bnn span
{
    background: #4EA24E;
    background: -webkit-linear-gradient(#4EA24E,  #1B6F1B);
    background: -ms-linear-gradient(right, #4EA24E,  #1B6F1B);
    background: linear-gradient(#4EA24E,  #1B6F1B);
    background: -webkit-gradient(linear, 60% 0%, 0% 0%, from(#4EA24E), to(#1B6F1B));
    background: -moz-linear-gradient(right,  #4EA24E,  #1B6F1B);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1B6F1B', endColorstr='#4EA24E', gradientType='1');
    background-image: -o-linear-gradient(left, #1B6F1B, #4EA24E);
}
td.bnn
{
    background-color: #4EA24E;
    color: #FFFFFF;
}
dl#csschart .chb span
{
    background: #FFFF00;
    background: -webkit-linear-gradient(#FFFF00,  #CCCC00);
    background: -ms-linear-gradient(right, #FFFF00,  #CCCC00);
    background: linear-gradient(#FFFF00,  #CCCC00);
    background: -webkit-gradient(linear, 60% 0%, 0% 0%, from(#FFFF00), to(#CCCC00));
    background: -moz-linear-gradient(right,  #FFFF00,  #CCCC00);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCC00', endColorstr='#FFFF00', gradientType='1');
    background-image: -o-linear-gradient(left, #CCCC00, #FFFF00);
}
td.chb
{
    background-color: #CCCC00;
    color: #FFFFFF;
}
dl#csschart .chr span
{
    background: #0000FF;
    background: -webkit-linear-gradient(#0000FF,  #0000CC);
    background: -ms-linear-gradient(right, #0000FF,  #0000CC);
    background: linear-gradient(#0000FF,  #0000CC);
    background: -webkit-gradient(linear, 60% 0%, 0% 0%, from(#0000FF), to(#0000CC));
    background: -moz-linear-gradient(right,  #0000FF,  #0000CC);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000CC', endColorstr='#0000FF', gradientType='1');
    background-image: -o-linear-gradient(left, #0000CC, #0000FF);
}
td.chr
{
    background-color: #0000CC;
    color: #FFFFFF;
}
dl#csschart .cs0 span
{
    background: #87CEEB;
    background: -webkit-linear-gradient(#87CEEB,  #6CA5BC);
    background: -ms-linear-gradient(right, #87CEEB,  #6CA5BC);
    background: linear-gradient(#87CEEB,  #6CA5BC);
    background: -webkit-gradient(linear, 60% 0%, 0% 0%, from(#87CEEB), to(#6CA5BC));
    background: -moz-linear-gradient(right,  #87CEEB,  #6CA5BC);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6CA5BC', endColorstr='#87CEEB', gradientType='1');
    background-image: -o-linear-gradient(left, #6CA5BC, #87CEEB);
}
td.cs0
{
    background-color: #87CEEB;
    color: #333333;
}
dl#csschart .cs1 span
{
    background: #20B2AA;
    background: -webkit-linear-gradient(#20B2AA,  #1A8E88);
    background: -ms-linear-gradient(right, #20B2AA,  #1A8E88);
    background: linear-gradient(#20B2AA,  #1A8E88);
    background: -webkit-gradient(linear, 60% 0%, 0% 0%, from(#20B2AA), to(#1A8E88));
    background: -moz-linear-gradient(right,  #20B2AA,  #1A8E88);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1A8E88', endColorstr='#20B2AA', gradientType='1');
    background-image: -o-linear-gradient(left, #1A8E88, #20B2AA);
}
td.cs1
{
    background-color: #1A8E88;
    color: #FFFFFF;
}
dl#csschart .cs2 span
{
    background: #9400D3;
    background: -webkit-linear-gradient(#9400D3,  #5E0087);
    background: -ms-linear-gradient(right, #9400D3,  #5E0087);
    background: linear-gradient(#9400D3,  #5E0087);
    background: -webkit-gradient(linear, 60% 0%, 0% 0%, from(#9400D3), to(#5E0087));
    background: -moz-linear-gradient(right,  #9400D3,  #5E0087);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5E0087', endColorstr='#9400D3', gradientType='1');
    background-image: -o-linear-gradient(left, #5E0087, #9400D3);
}
td.cs2
{
    background-color: #5E0087;
    color: #FFFFFF;
}
dl#csschart .cs3 span
{
    background: #A98DE2;
    background: -webkit-linear-gradient(#A98DE2,  #9370DB);
    background: -ms-linear-gradient(right, #A98DE2,  #9370DB);
    background: linear-gradient(#A98DE2,  #9370DB);
    background: -webkit-gradient(linear, 60% 0%, 0% 0%, from(#A98DE2), to(#9370DB));
    background: -moz-linear-gradient(right,  #A98DE2,  #9370DB);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9370DB', endColorstr='#A98DE2', gradientType='1');
    background-image: -o-linear-gradient(left, #9370DB, #A98DE2);
}
td.cs3
{
    background-color: #9370DB;
    color: #FFFFFF;
}
dl#csschart .cs4 span
{
    background: #00FFFF;
    background: -webkit-linear-gradient(#00FFFF,  #00CCCC);
    background: -ms-linear-gradient(right, #00FFFF,  #00CCCC);
    background: linear-gradient(#00FFFF,  #00CCCC);
    background: -webkit-gradient(linear, 60% 0%, 0% 0%, from(#00FFFF), to(#00CCCC));
    background: -moz-linear-gradient(right,  #00FFFF,  #00CCCC);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CCCC', endColorstr='#00FFFF', gradientType='1');
    background-image: -o-linear-gradient(left, #00CCCC, #00FFFF);
}
td.cs4
{
    background-color: #00CCCC;
    color: #FFFFFF;
}
dl#csschart .cs5 span
{
    background: #FF1493;
    background: -webkit-linear-gradient(#FF1493,  #CC1076);
    background: -ms-linear-gradient(right, #FF1493,  #CC1076);
    background: linear-gradient(#FF1493,  #CC1076);
    background: -webkit-gradient(linear, 60% 0%, 0% 0%, from(#FF1493), to(#CC1076));
    background: -moz-linear-gradient(right,  #FF1493,  #CC1076);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC1076', endColorstr='#FF1493', gradientType='1');
    background-image: -o-linear-gradient(left, #CC1076, #FF1493);
}
td.cs5
{
    background-color: #CC1076;
    color: #FFFFFF;
}
dl#csschart .cs6 span
{
    background: #F0E68C;
    background: -webkit-linear-gradient(#F0E68C,  #C0B870);
    background: -ms-linear-gradient(right, #F0E68C,  #C0B870);
    background: linear-gradient(#F0E68C,  #C0B870);
    background: -webkit-gradient(linear, 60% 0%, 0% 0%, from(#F0E68C), to(#C0B870));
    background: -moz-linear-gradient(right,  #F0E68C,  #C0B870);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C0B870', endColorstr='#F0E68C', gradientType='1');
    background-image: -o-linear-gradient(left, #C0B870, #F0E68C);
}
td.cs6
{
    background-color: #C0B870;
    color: #FFFFFF;
}
dl#csschart .cs7 span
{
    background: #FF0000;
    background: -webkit-linear-gradient(#FF0000,  #CC0000);
    background: -ms-linear-gradient(right, #FF0000,  #CC0000);
    background: linear-gradient(#FF0000,  #CC0000);
    background: -webkit-gradient(linear, 60% 0%, 0% 0%, from(#FF0000), to(#CC0000));
    background: -moz-linear-gradient(right,  #FF0000,  #CC0000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC0000', endColorstr='#FF0000', gradientType='1');
    background-image: -o-linear-gradient(left, #CC0000, #FF0000);
}
td.cs7
{
    background-color: #CC0000;
    color: #FFFFFF;
}
dl#csschart .cs8 span
{
    background: #338333;
    background: -webkit-linear-gradient(#338333,  #006400);
    background: -ms-linear-gradient(right, #338333,  #006400);
    background: linear-gradient(#338333,  #006400);
    background: -webkit-gradient(linear, 60% 0%, 0% 0%, from(#338333), to(#006400));
    background: -moz-linear-gradient(right,  #338333,  #006400);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006400', endColorstr='#338333', gradientType='1');
    background-image: -o-linear-gradient(left, #006400, #338333);
}
td.cs8
{
    background-color: #006400;
    color: #FFFFFF;
}
dl#csschart .cs9 span
{
    background: #3333A2;
    background: -webkit-linear-gradient(#3333A2,  #00008B);
    background: -ms-linear-gradient(right, #3333A2,  #00008B);
    background: linear-gradient(#3333A2,  #00008B);
    background: -webkit-gradient(linear, 60% 0%, 0% 0%, from(#3333A2), to(#00008B));
    background: -moz-linear-gradient(right,  #3333A2,  #00008B);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00008B', endColorstr='#3333A2', gradientType='1');
    background-image: -o-linear-gradient(left, #00008B, #3333A2);
}
td.cs9
{
    background-color: #00008B;
    color: #FFFFFF;
}
dl#csschart .csm span
{
    background: #FFE766;
    background: -webkit-linear-gradient(#FFE766,  #FFD700);
    background: -ms-linear-gradient(right, #FFE766,  #FFD700);
    background: linear-gradient(#FFE766,  #FFD700);
    background: -webkit-gradient(linear, 60% 0%, 0% 0%, from(#FFE766), to(#FFD700));
    background: -moz-linear-gradient(right,  #FFE766,  #FFD700);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD700', endColorstr='#FFE766', gradientType='1');
    background-image: -o-linear-gradient(left, #FFD700, #FFE766);
}
td.csm
{
    background-color: #FFD700;
    color: #333333;
}
dl#csschart .eby span
{
    background: #FF8C00;
    background: -webkit-linear-gradient(#FF8C00,  #CC7000);
    background: -ms-linear-gradient(right, #FF8C00,  #CC7000);
    background: linear-gradient(#FF8C00,  #CC7000);
    background: -webkit-gradient(linear, 60% 0%, 0% 0%, from(#FF8C00), to(#CC7000));
    background: -moz-linear-gradient(right,  #FF8C00,  #CC7000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC7000', endColorstr='#FF8C00', gradientType='1');
    background-image: -o-linear-gradient(left, #CC7000, #FF8C00);
}
td.eby
{
    background-color: #CC7000;
    color: #FFFFFF;
}
dl#csschart .eca span
{
    background: #00FF00;
    background: -webkit-linear-gradient(#00FF00,  #00CC00);
    background: -ms-linear-gradient(right, #00FF00,  #00CC00);
    background: linear-gradient(#00FF00,  #00CC00);
    background: -webkit-gradient(linear, 60% 0%, 0% 0%, from(#00FF00), to(#00CC00));
    background: -moz-linear-gradient(right,  #00FF00,  #00CC00);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC00', endColorstr='#00FF00', gradientType='1');
    background-image: -o-linear-gradient(left, #00CC00, #00FF00);
}
td.eca
{
    background-color: #00CC00;
    color: #FFFFFF;
}
dl#csschart .hlf span
{
    background: #90EE90;
    background: -webkit-linear-gradient(#90EE90,  #73BE73);
    background: -ms-linear-gradient(right, #90EE90,  #73BE73);
    background: linear-gradient(#90EE90,  #73BE73);
    background: -webkit-gradient(linear, 60% 0%, 0% 0%, from(#90EE90), to(#73BE73));
    background: -moz-linear-gradient(right,  #90EE90,  #73BE73);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#73BE73', endColorstr='#90EE90', gradientType='1');
    background-image: -o-linear-gradient(left, #73BE73, #90EE90);
}
td.hlf
{
    background-color: #73BE73;
    color: #FFFFFF;
}
dl#csschart .tbx span
{
    background: #A26A42;
    background: -webkit-linear-gradient(#A26A42,  #8B4513);
    background: -ms-linear-gradient(right, #A26A42,  #8B4513);
    background: linear-gradient(#A26A42,  #8B4513);
    background: -webkit-gradient(linear, 60% 0%, 0% 0%, from(#A26A42), to(#8B4513));
    background: -moz-linear-gradient(right,  #A26A42,  #8B4513);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8B4513', endColorstr='#A26A42', gradientType='1');
    background-image: -o-linear-gradient(left, #8B4513, #A26A42);
}
td.tbx
{
    background-color: #8B4513;
    color: #FFFFFF;
}
dl#csschart .tru span
{
    background: #008080;
    background: -webkit-linear-gradient(#008080,  #006666);
    background: -ms-linear-gradient(right, #008080,  #006666);
    background: linear-gradient(#008080,  #006666);
    background: -webkit-gradient(linear, 60% 0%, 0% 0%, from(#008080), to(#006666));
    background: -moz-linear-gradient(right,  #008080,  #006666);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006666', endColorstr='#008080', gradientType='1');
    background-image: -o-linear-gradient(left, #006666, #008080);
}
td.tru
{
    background-color: #006666;
    color: #FFFFFF;
}
dl#csschart .val span
{
    background: #993399;
    background: -webkit-linear-gradient(#993399,  #800080);
    background: -ms-linear-gradient(right, #993399,  #800080);
    background: linear-gradient(#993399,  #800080);
    background: -webkit-gradient(linear, 60% 0%, 0% 0%, from(#993399), to(#800080));
    background: -moz-linear-gradient(right,  #993399,  #800080);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#800080', endColorstr='#993399', gradientType='1');
    background-image: -o-linear-gradient(left, #800080, #993399);
}
td.val
{
    background-color: #800080;
    color: #FFFFFF;
}

/* percentages */

dl#csschart .p0 span{height:0%}
dl#csschart .p1 span{height:1%}
dl#csschart .p2 span{height:2%}
dl#csschart .p3 span{height:3%}
dl#csschart .p4 span{height:4%}
dl#csschart .p5 span{height:5%}
dl#csschart .p6 span{height:6%}
dl#csschart .p7 span{height:7%}
dl#csschart .p8 span{height:8%}
dl#csschart .p9 span{height:9%}
dl#csschart .p10 span{height:10%}
dl#csschart .p11 span{height:11%}
dl#csschart .p12 span{height:12%}
dl#csschart .p13 span{height:13%}
dl#csschart .p14 span{height:14%}
dl#csschart .p15 span{height:15%}
dl#csschart .p16 span{height:16%}
dl#csschart .p17 span{height:17%}
dl#csschart .p18 span{height:18%}
dl#csschart .p19 span{height:19%}
dl#csschart .p20 span{height:20%}
dl#csschart .p21 span{height:21%}
dl#csschart .p22 span{height:22%}
dl#csschart .p23 span{height:23%}
dl#csschart .p24 span{height:24%}
dl#csschart .p25 span{height:25%}
dl#csschart .p26 span{height:26%}
dl#csschart .p27 span{height:27%}
dl#csschart .p28 span{height:28%}
dl#csschart .p29 span{height:29%}
dl#csschart .p30 span{height:30%}
dl#csschart .p31 span{height:31%}
dl#csschart .p32 span{height:32%}
dl#csschart .p33 span{height:33%}
dl#csschart .p34 span{height:34%}
dl#csschart .p35 span{height:35%}
dl#csschart .p36 span{height:36%}
dl#csschart .p37 span{height:37%}
dl#csschart .p38 span{height:38%}
dl#csschart .p39 span{height:39%}
dl#csschart .p40 span{height:40%}
dl#csschart .p41 span{height:41%}
dl#csschart .p42 span{height:42%}
dl#csschart .p43 span{height:43%}
dl#csschart .p44 span{height:44%}
dl#csschart .p45 span{height:45%}
dl#csschart .p46 span{height:46%}
dl#csschart .p47 span{height:47%}
dl#csschart .p48 span{height:48%}
dl#csschart .p49 span{height:49%}
dl#csschart .p50 span{height:50%}
dl#csschart .p51 span{height:51%}
dl#csschart .p52 span{height:52%}
dl#csschart .p53 span{height:53%}
dl#csschart .p54 span{height:54%}
dl#csschart .p55 span{height:55%}
dl#csschart .p56 span{height:56%}
dl#csschart .p57 span{height:57%}
dl#csschart .p58 span{height:58%}
dl#csschart .p59 span{height:59%}
dl#csschart .p60 span{height:60%}
dl#csschart .p61 span{height:61%}
dl#csschart .p62 span{height:62%}
dl#csschart .p63 span{height:63%}
dl#csschart .p64 span{height:64%}
dl#csschart .p65 span{height:65%}
dl#csschart .p66 span{height:66%}
dl#csschart .p67 span{height:67%}
dl#csschart .p68 span{height:68%}
dl#csschart .p69 span{height:69%}
dl#csschart .p70 span{height:70%}
dl#csschart .p71 span{height:71%}
dl#csschart .p72 span{height:72%}
dl#csschart .p73 span{height:73%}
dl#csschart .p74 span{height:74%}
dl#csschart .p75 span{height:75%}
dl#csschart .p76 span{height:76%}
dl#csschart .p77 span{height:77%}
dl#csschart .p78 span{height:78%}
dl#csschart .p79 span{height:79%}
dl#csschart .p80 span{height:80%}
dl#csschart .p81 span{height:81%}
dl#csschart .p82 span{height:82%}
dl#csschart .p83 span{height:83%}
dl#csschart .p84 span{height:84%}
dl#csschart .p85 span{height:85%}
dl#csschart .p86 span{height:86%}
dl#csschart .p87 span{height:87%}
dl#csschart .p88 span{height:88%}
dl#csschart .p89 span{height:89%}
dl#csschart .p90 span{height:90%}
dl#csschart .p91 span{height:91%}
dl#csschart .p92 span{height:92%}
dl#csschart .p93 span{height:93%}
dl#csschart .p94 span{height:94%}
dl#csschart .p95 span{height:95%}
dl#csschart .p96 span{height:96%}
dl#csschart .p97 span{height:97%}
dl#csschart .p98 span{height:98%}
dl#csschart .p99 span{height:99%}
dl#csschart .p100 span{height:100%}