/* 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;
}

/* One radio button per line */
label {
  display: block;
  cursor: pointer;
  line-height: 1.8;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

[type="radio"] + p {
  display: block;
}

/* the basic, unchecked style */
[type="radio"] + p:before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.1em;
  border-radius: 1em;
   /*border: 0.125em solid #fff; */
  box-shadow: 0 0 0 0.15em #0383ca;
  margin-right: 0.75em;
  transition: 0.5s ease all;
}

/* the checked style using the :checked pseudo class */
[type="radio"]:checked + p:before {
    background: #ff5500;
    box-shadow: 0 0 0 0.25em #0081c2;
}

/* never forget focus styling 
[type="radio"]:focus + span:before {
  content: '\0020\2190';
  font-size: 1.5em;
  line-height: 1;
  vertical-align: -0.125em;
}
*/

fieldset {
  font-size: 1em;
  border: 2px solid #000;
  padding: 2em;
  border-radius: 0.5em;
}




/*new for same line*/

label.inlineLabel {
  display: inline-block;
  cursor: pointer;
  line-height: 1.8;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

[type="radio"] + span {
  display: block;
}

/* the basic, unchecked style */
[type="radio"] + span:before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.1em;
  border-radius: 1em;
   /*border: 0.125em solid #fff; */
  box-shadow: 0 0 0 0.15em #0383ca;
  margin-right: 0.4em;
  transition: 0.5s ease all;
}

/* the checked style using the :checked pseudo class */
[type="radio"]:checked + span:before {
    background: #ff5500;
    box-shadow: 0 0 0 0.25em #0081c2;
}

/* never forget focus styling 
[type="radio"]:focus + span:before {
  content: '\0020\2190';
  font-size: 1.5em;
  line-height: 1;
  vertical-align: -0.125em;
}
*/