table.cchart {
font-family: arial;
}

/* Chart */
table.cchart {
border-collapse: collapse;
}

table.cchart tr {
border: none;
}

table.cchart th {
padding: .3em .6em .3em .6em;
}

/* Chart product header */
table.cchart thead tr.products th {
background: #f60;
font-weight: bold;
color: #fff;
}

table.cchart thead tr.productversions th {
background: #f80;
font-weight: normal;
border-bottom: solid 4px white;
color: #fff;
}

table.cchart thead th a {
color: white;
text-decoration: none;
}

table.cchart thead tr.products th.lt, table.cchart thead tr.productversions th.lt {
background: white;
}

/* Chart body */
table.cchart tbody th.feature {
background: #444;
font-weight: normal;
}


table.cchart tbody th.feature {
border-bottom: solid 2px #aaa;
border-right: solid 4px #fff;
}

table.cchart tbody th a {
color: white;
text-decoration: none;
}
table.cchart tbody th.feature_sep {
font-weight: bold;
background: black;
}


table.cchart td.odd {
background: #ccc;
border-bottom: solid 2px #eee;
}
table.cchart tbody td.even {
background: #aaa;
border-bottom: solid 2px #ccc;
}

table.cchart tbody th.odd {
background: #f60;
border-bottom: solid 2px #fff;
}
table.cchart tbody th.even {
background: #f60;
border-bottom: solid 2px #fff;
}

table.cchart tbody td {
color: #000;
padding: 0 .5em 0 .5em;
margin: 0;
text-align: center;
}
table.cchart tbody th {
color: #fff;
}

table.cchart td.odd.good {
background: #aea !important;
}
table.cchart td.even.good {
background: #8e8 !important;
}
table.cchart td.odd.avg {
background: #eea !important;
}
table.cchart td.even.avg {
background: #ee8 !important;
}
table.cchart td.odd.bad {
background: #eaa !important;
}
table.cchart td.even.bad {
background: #e88 !important;
}

/* Values */

.color_block {
width: 2em;
height: 1em;
border: solid 1px black;
display: inline-block;
}

div.rating {
display:inline-block;
}

/* Star rating */
div.star{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.star,div.star a{background:url('../img/star.gif') no-repeat 0 0px}
div.star a{display:block;width:16px;height:100%;background-position:0 0px;border:1 solid #FF0000}
div.star_on a{background-position:0 -16px!important}
div.star_hover a,div.star_live a:hover{background-position:0 -32px}
/* Read Only CSS */
div.star_readonly a,div.star_readonly a:hover{cursor:default !important}
/* Partial Star CSS */
div.star{background:transparent!important;overflow:hidden!important}