Styled Radio Buttons

Styled radio buttons provide consistency across the site. Just add .radio-styled to the .radio.

Note: You must use labels and the control must be first in markup. See example. 
<form role="form">
    <div class="radio radio-styled">
      <input type="radio" name="sample" id="radio1" checked="checked">
      <label for="radio1">Radio 1</label>
    </div>
    <div class="radio radio-styled">
      <input type="radio" name="sample" id="radio2">
      <label for="radio2">Radio 2</label>
    </div>
  </form>

Disabled Radio

<form role="form">
    <div class="radio radio-styled">
      <input type="radio" name="sample" id="radio1" checked="checked">
      <label for="radio1">Radio 1</label>
    </div>
    <div class="radio radio-styled">
      <input type="radio" name="sample" id="radio2">
      <label for="radio2">Radio 2</label>
    </div>
  </form>