/* -----------------------------------------  Tables on Graph Pages --------------------------------- */

.pie {
    float: left;
    width: 300px;
    margin-right: 20px;
    padding-left: 20px;    
}

table.piedata a {
    display: block;
	text-decoration: none;
}	

table.piedata th, table.piedata td {
	text-align: left;
}	


table.piedata {
    width: 450px;
    text-align: left;
    border-collapse: collapse;
    border: 1px solid #7F7F7F;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    margin-left: 20px;
}
table.piedata table { width: 100%; }
table.piedata th,
table.piedata td {
    padding: 0.4em;
    vertical-align: top;
}
table.piedata th.qty, table.piedata th.val, table.piedata td.qty, table.piedata td.val {
	text-align: right;
}
table.piedata tbody th,
table.piedata tbody td,
table.piedata tfoot th,
table.piedata tfoot td {
    border-top: 1px solid #7F7F7F;
}
table.piedata .subTable tr:first-child td { border: none; }
table.piedata > tbody > tr > td.qty, table.piedata > tbody > tr > td.val { border-top: 1px solid #7F7F7F; }
table.piedata tbody .totalRow td { font-weight: bold; border-top-style: dashed;}
table.piedata thead th,
table.piedata tfoot th,
table.piedata tfoot td,
table.piedata tbody .alt th,
table.piedata tbody .alt td {
    background: #EFEFEF;
}
table.piedata tfoot th,
table.piedata tfoot td {
    font-weight: bold;
}
table.piedata caption {
    font-weight: bold;
    text-align: left;
    padding-bottom: 0.5em;
}
table.piedata span {
    border-left: 5px solid #ebebeb;
    padding-left: 10px;
}
/*table.piedata tr.cat1 span { border-left-color: #5F2771; }
table.piedata tr.cat2 span { border-left-color: #AA1F5D; }
table.piedata tr.cat3 span { border-left-color: #961B1E; }
table.piedata tr.cat4 span { border-left-color: #EC2227; }
table.piedata tr.cat5 span { border-left-color: #CB5727; }
table.piedata tr.cat6 span { border-left-color: #F6861F; }
table.piedata tr.cat7 span { border-left-color: #FECE0A; }
table.piedata tr.cat8 span { border-left-color: #B6B033; }
table.piedata tr.cat9 span { border-left-color: #6B8E23; }
table.piedata tr.cat10 span { border-left-color: #00AC41; }
table.piedata tr.cat11 span { border-left-color: #EE3A8C; }
table.piedata tr.cat12 span { border-left-color: #AB82FF; }
table.piedata tr.cat13 span { border-left-color: #4F94CD; }
table.piedata tr.cat14 span { border-left-color: #FF3030; }
table.piedata tr.cat15 span { border-left-color: #8B6914; }
--Code changed to use nth-child so we don't have grey spots
*/
table.piedata tr:not(.skip):nth-child(15n+1) span, table.real_piedata tr:not(.skip):nth-child(15n+1) span { border-left-color: #5F2771; }
table.piedata tr:not(.skip):nth-child(15n+2) span, table.real_piedata tr:not(.skip):nth-child(15n+2) span { border-left-color: #AA1F5D; }
table.piedata tr:not(.skip):nth-child(15n+3) span, table.real_piedata tr:not(.skip):nth-child(15n+3) span { border-left-color: #961B1E; }
table.piedata tr:not(.skip):nth-child(15n+4) span, table.real_piedata tr:not(.skip):nth-child(15n+4) span { border-left-color: #EC2227; }
table.piedata tr:not(.skip):nth-child(15n+5) span, table.real_piedata tr:not(.skip):nth-child(15n+5) span { border-left-color: #CB5727; }
table.piedata tr:not(.skip):nth-child(15n+6) span, table.real_piedata tr:not(.skip):nth-child(15n+6) span { border-left-color: #F6861F; }
table.piedata tr:not(.skip):nth-child(15n+7) span, table.real_piedata tr:not(.skip):nth-child(15n+7) span { border-left-color: #FECE0A; }
table.piedata tr:not(.skip):nth-child(15n+8) span, table.real_piedata tr:not(.skip):nth-child(15n+8) span { border-left-color: #B6B033; }
table.piedata tr:not(.skip):nth-child(15n+9) span, table.real_piedata tr:not(.skip):nth-child(15n+9) span { border-left-color: #1E90FF; }
table.piedata tr:not(.skip):nth-child(15n+10) span, table.real_piedata tr:not(.skip):nth-child(15n+10) span { border-left-color: #00AC41; }
table.piedata tr:not(.skip):nth-child(15n+11) span, table.real_piedata tr:not(.skip):nth-child(15n+11) span { border-left-color: #EE3A8C; }
table.piedata tr:not(.skip):nth-child(15n+12) span, table.real_piedata tr:not(.skip):nth-child(15n+12) span { border-left-color: #AB82FF; }
table.piedata tr:not(.skip):nth-child(15n+13) span, table.real_piedata tr:not(.skip):nth-child(15n+13) span { border-left-color: #4F94CD; }
table.piedata tr:not(.skip):nth-child(15n+14) span, table.real_piedata tr:not(.skip):nth-child(15n+14) span { border-left-color: #FF3030; }
table.piedata tr:not(.skip):nth-child(15n+15) span, table.real_piedata tr:not(.skip):nth-child(15n+15) span { border-left-color: #8B6914; }

table.piedata tbody .active th,
table.piedata tbody .active td {
    background: #7F7F7F;
    color: #FFF;
}
table.piedata tbody .active a {
    color:  #FFF;
}


@media (max-width: 475px) {
    table.piedata {
        width: auto;
        margin-right: 25px;
    }
}
