.pieArea {
 display:block;
 float:left;
 width:400px;
 border:1px solid silver;
 background-image: linear-gradient(rgba(253,253,250,0.9),rgba(235,235,252,0.9));
}
.pieSect {
 display:block;
 float:left;
 width:200px;
 border:0px solid transparent;
}
.pieChart {
 width:150px;
 height:150px;
 margin-bottom:0px;
 padding-bottom:0px;
 box-shadow: 2px 2px 2px 2px rgba(165,170,200,0.4);
 border:1px solid rgba(140,140,150,0.9); 
}
.pielabel {
 position: relative;
 top:-25;
 left:0; 
 text-align:center;
 font-weight:normal;
 font-size:16px;
 font-family:Arial;
}
#pie1, #pie2 {
 display: block;
 position: relative;
 margin-top:25px; 
 top:0;
 left:0;
 margin-bottom:0px;
 border-radius:50% ;
 z-index: 50;
}
.insideText {
 display:block;
 position:relative;
 top:-83;
 left:5;
 color:black;
 z-index:100;
 font-size:16px;
 font-family:Arial;
 font-weight:bold;
 background-color:transparent;
 height:30px;
 width: 30px;
 text-align:center;
 padding-top:0px;
 padding-bottom:0px;
 margin-bottom:0px;
 margin-top: 0px;
 border-radius: 30px;
 text-shadow:
   /* BR*/  1px  1px 1px white,
   /* TL*/ -1px -1px 1px white,
   /* TR*/  1px -1px 1px white,
   /* BL*/ -1px  1px 1px white
			  ;
}