.hdr1 {
 font-family: Roboto,San Serif,Helvetica,Calibri,Verdana;
 font-size: 16px;
 font-weight: bold;
 color: black;
}

.hdr2 {
 font-family: Roboto,San Serif,Helvetica,Calibri,Verdana;
 font-size: 18px;
 font-weight: bold;
 color: rgb(89,97,140);	
}

.hdr3 {
 font-family: Roboto,San Serif,Helvetica,Calibri,Verdana;
 font-size: 16px;
 font-weight: bold;
 color: gray;
}

#toptbl, #endtbl {
 border:1px solid silver;
 border-collapse: collapse;
 width    : 838px;
 min-width: 838px;
 max-width: 838px;
}

#toptbl th, #endtbl th {
 padding-left: 10px;
 padding-right: 12px; 	
 font-weight: bold;
 background-color: rgb(243,243,243); 
 color: black;
 font-family: Verdana,Calibri,San Serif,Helvetica;
 font-size: 14px; 
}

#endtbl th {
 padding: 0px;
 font-weight: bold;
 background-color: rgb(243,243,243); 
 color: black;
 font-family: Verdana,Calibri,San Serif,Helvetica;
 font-size: 14px;
 padding:4px; 
}

#toptbl td, #endtbl td {
 padding-left: 10px;
 padding-right: 12px; 
 font-weight: normal;
 background-color: white; 
 color: black;
 font-family: Verdana,Calibri,San Serif,Helvetica;
 font-size: 14px; 
}
.piediv {
 display: block;
 position: relative;
 float: left; 
 top: 50;
 background-color:transparent;
 border-style: none;
 padding-left: 10px; 
 padding-bottom: 12px;
 padding-right: 2px;
 width: 405px;
 min-width: 405px;
 max-width: 405px;
 height: 244px;
 min-height: 244px;
 max-height: 244px;
}
.piesect {
 display: block;
 float: left; 	
 width: 190px;
 height: 230px;
 vertical-align: middle;
 padding-top:12px; 
}
.tblsect {
 display: block;
 float: left; 
 width: 190px;
 height: 230px;
 vertical-align: middle; 
 margin-top: 18%;
 padding-left: 10px;
}
.piechart {
 width: 180px;
 height: 180px;
}
#pie1, #pie2, #pie3, #pie4 {
 display: block;
 position: relative; 
 top:75;
 left:0;
 border-radius:50% ; 
 height:180px;
 width:180px; 
 margin-top:8px; 
}
.pietxt {
 font-family:Verdana,Calibri,San Serif,Helvetica;
 font-size: 15px;
 font-weight: normal;
 color: black;
}
.pielabel {
 font-family:Verdana,Calibri,San Serif,Helvetica;
 font-size: 15px;
 font-weight: bold;
 color: rgb(89,97,140);
 width: 100%;
 text-align:center;
}
.lgndTbl {
 font-family:Calibri,Arial,San Serif,Helvetica;
 font-size: 12px;
}
.cbox {
 height: 10px;
 width: 10px;
 border: 1px solid gray;
 margin-right: 3px; 
}
.rnkcell {
 vertical-align:bottom;	
 padding:0px !important;;
 padding:0px !important;
 height: 22px;
 border-right-style:none; 
}
.rnkbar, .rnkavg {
 background-image: linear-gradient(rgb(176,188,224),rgb(164,177,219),rgb(176,188,224));	
 height: 24px;
 padding:0px;
 border-style: none;
 border-right: 1px solid rgb(160,180,210); 
 border-top: 1px solid rgb(221,228,247);
 margin: 0px;
 padding: 0px !important;
}
.rnkavg {

}
.zeroLB {
 border-left-style: none;	
}