.circle {
			border-radius: 50%;
			display: inline-block;
			float:left;
		}
		.circle2 {
			border-radius: 50%;
			display: inline-block;
			margin-right: 20px;
		}
		
		.defconcol1 {
			float:left;
			padding-right:10px;
			width: 10%;
		}
		
		.defcontext {
			float:left;
			width: 85%;
		}
		
		.defconrow { box-sizing: border-box !important; }
		.defconrow:after {
		  content: "";
		  display: table;
		  clear: both;
		  padding-bottom:7px;
		}
		.defconrow2:after {
		  content: "";
		  display: table;
		  clear: both;
		  padding-bottom:0px;
		}
		
		.blankcolor { color: #c7c7c7;  }
		.risk1color { color: #2f835a; font-weight:bold; }
		.risk2color { color: #3eaf70; font-weight:bold; }
		.risk3color { color: #fbc93a; font-weight:bold; }
		.risk4color { color: #e1874d; font-weight:bold; }
		.risk5color { color: #bd2f35; font-weight:bold; }
		
		#risk1 {
			width: 34px;
			height: 34px;
			background: #2f835a;
		}
		#risk2 {
			width: 34px;
			height: 34px;
			background: #3eaf70;
		}
		#risk3 {
			width: 34px;
			height: 34px;
			background: #fbc93a;
		}		
		#risk4 {
			width: 34px;
			height: 34px;
			background: #e1874d;
		}
		#risk5 {
			width: 34px;
			height: 34px;
			background: #bd2f35;
		}
		#gray, #gray1, #gray2, #gray3, #gray4, #gray5 {
			width: 28px;
			height: 28px;
			background: white;
			border: 3px solid #cccccc;
		}



		#risk1-small {
			width: 26px;
			height: 26px;
			float:left;
			margin-top: 2px;
			background: #2f835a;
		}
		#risk2-small {
			width: 26px;
			height: 26px;
			float:left;
			margin-top: 2px;
			background: #3eaf70;
		}
		#risk3-small {
			width: 26px;
			height: 26px;
			float:left;
			margin-top: 2px;
			background: #fbc93a;
		}		
		#risk4-small {
			width: 26px;
			height: 26px;
			float:left;
			margin-top: 2px;
			background: #e1874d;
		}
		#risk5-small {
			width: 26px;
			height: 26px;
			float:left;
			margin-top: 2px;
			background: #bd2f35;
		}
		#gray-small, #gray2-small {
			width: 22px;
			height: 22px;
			background: white;
			border: 2px solid #cccccc;
		}


		
		#risk1-xsmall {
			width: 14px;
			height: 14px;
			float:left;
			margin-top: 2px;
			background: #2f835a;
		}
		#risk2-xsmall {
			width: 14px;
			height: 14px;
			float:left;
			margin-top: 2px;
			background: #3eaf70;
		}
		#risk3-xsmall {
			width: 14px;
			height: 14px;
			float:left;
			margin-top: 2px;
			background: #fbc93a;
		}		
		#risk4-xsmall {
			width: 14px;
			height: 14px;
			float:left;
			margin-top: 2px;
			background: #e1874d;
		}
		#risk5-xsmall {
			width: 14px;
			height: 14px;
			float:left;
			margin-top: 2px;
			background: #bd2f35;
		}
		#gray-xsmall, #gray2-xsmall {
			width: 14px;
			height: 14px;
			background: white;
			border: 2px solid #cccccc;
		}