/* HTML5 Boilerplate accessible hidden styles */
[type="radio"] {
  border: 0; 
  clip: rect(0 0 0 0); 
  height: 1px; 
  margin: -1px; 
  overflow: hidden; 
  padding: 0; 
  position: absolute; 
  width: 1px;
}
.str_radio > label {
  margin-right: 50px;
}
/* One radio button per line */
label {
  cursor: pointer;
  display: block;
  float: left;
}
[type="radio"] + span {
  display: block;
    cursor: pointer;
}
label {
    font-weight: normal;
    color: #969696;
}
/* the basic, unchecked style */
[type="radio"] + span:before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.12em;
  border-radius: 1em;
  border: 2px solid #00f000;
  margin-right: 1em;
  transition: 0.5s ease all;
  padding: 2px;
}

/* the checked style using the :checked pseudo class */
[type="radio"]:checked + span:before {
background: rgba(161,113,2,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(161,113,2,1) 0%, rgba(117,86,2,1) 47%, rgba(26,18,0,1) 73%, rgba(26,18,0,1) 92%, rgba(26,18,0,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(161,113,2,1)), color-stop(47%, rgba(117,86,2,1)), color-stop(73%, rgba(26,18,0,1)), color-stop(92%, rgba(26,18,0,1)), color-stop(100%, rgba(26,18,0,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(161,113,2,1) 0%, rgba(117,86,2,1) 47%, rgba(26,18,0,1) 73%, rgba(26,18,0,1) 92%, rgba(26,18,0,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(161,113,2,1) 0%, rgba(117,86,2,1) 47%, rgba(26,18,0,1) 73%, rgba(26,18,0,1) 92%, rgba(26,18,0,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(161,113,2,1) 0%, rgba(117,86,2,1) 47%, rgba(26,18,0,1) 73%, rgba(26,18,0,1) 92%, rgba(26,18,0,1) 100%);
background: radial-gradient(ellipse at center, rgba(161,113,2,1) 0%, rgba(117,86,2,1) 47%, rgba(26,18,0,1) 73%, rgba(26,18,0,1) 92%, rgba(26,18,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a17102', endColorstr='#1a1200', GradientType=1 );
    padding: 2px;
}