.background {
			fill: #FFFFFF;
			fill-opacity: 0.01;
		}
		
		.component {
			fill: #e1e1e1;
		}
		
		.component .label {
			font-family: Myriad, "Helvetic Neue", Helvetica, Arial;
			text-anchor: middle;
			fill: #0000FF;
		}
		
		.arc {
			stroke-weight:0.1;
			fill: #666666 ;
		}
		
		
		.arc2 {
			stroke-weight:0.1;
			fill: #064C73 ;
		}
		
		
		.label {
			font-family:  Myriad, "Helvetic Neue", Helvetica, Arial;
			text-anchor: middle;
		}
		
		.radial-svg {
			display: block;
			margin: 0 auto;
		}
        #test .arc2 {
            stroke-weight:0.1;
            fill: #3660b0;
        }

        #outer {
            background:#FFFFFF;
            border-radius: 5px;
            color: #000;
        }

        #circle1, #circle2, #circle3, #circle4, #circle2_all, #circle3_all, #circle4_all{
			
			width:0px;
   		height: 130px;
            float: left;
			margin-left:15px;
        }
		#circle2_all .arc {
			 stroke-weight: 0.1;
            fill: #064C73;
		}
		#circle3_all .arc {
			 stroke-weight: 0.1;
            fill: #029203;
		}
		#circle4_all .arc {
			 stroke-weight: 0.1;
            fill: #029203;
		}
        #circle2 .arc {
            stroke-weight: 0.1;
            fill: #064C73;
        }

        #circle2 .arc2 {
            stroke-weight: 0.1;
            fill: #064C73 ;
        }

        #circle3 .arc {
            stroke-weight: 0.1;
            fill: #029203;
        }
		  #circle4 .arc {
            stroke-weight: 0.1;
            fill: #029203;
        }