Compenstation Options - Controlled Business Compliance

by kpowz

HTML

<h1 class="page-header">
    Controlled Business Compliance
</h1>

<h2>Option 1</h2>
<div class="row-fluid">
    <!-- span12 implicit -->
    <span class="radio">
        <input id="rbtn1" type="radio" value="yes" />
        <label for="rbtn1" >I did <strong>not</strong> receive compensation</label>
        <div class="clear"></div>
        <p>
            <em>Including any salary, commission, profit sharing, bonus or any other direct or indirect benefit), for the sale or service of policies or plans of insurance reinsured by FCIC for which I or an immediate family member (as defined) have a substantial beneficial interest.</em>
        </p>
    </span>    
</div>
<div class="row-fluid">
    <!-- span12 implicit -->
    <span class="radio">
        <input id="rbtn2" type="radio" value="yes" />
        <label for="rbtn2">I did receive compensation</label>
    </span>
    <div class="clear"></div>
    <p>
        <em>Including any salary, commission, profit sharing, bonus or any other direct or indirect benefit), for the sale or service of policies or plans of insurance reinsured by FCIC for which I or an immediate family member (as defined) have a substantial beneficial interest.</em>
    </p>
</div>


<h2>Option 2</h2>
<h3>Make options more human readible</h3>
<div class="row-fluid">
    <!-- span12 implicit -->
    <span class="radio">
        <input id="rbtn1" type="radio" value="yes" />
        <label for="rbtn1" ><strong>No</strong> compensation recieved</label>
        <div class="clear" ></div>
        <p>
            <em>Including any salary, commission, profit sharing, bonus or any other direct or indirect benefit), for the sale or service of policies or plans of insurance reinsured by FCIC for which I or an immediate family member (as defined) have a substantial beneficial interest.</em>
        </p>               
    </span>        
</div>
<div class="row-fluid">
    <!-- span12 implicit -->
    <span class="radio">
        <input id="rbtn2"...

CSS

/* CSS crunched with Crunch - http://crunchapp.net/ */
/*!
 * Bootstrap v2.2.2
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
/* Table of Contents
-----------------------------------------------------------
----------------------------------------------------------- 
1. CSS Reset
2. Core variables and mixins
    2.1 Variables
    2.2 Mixins
3. Grid system and page structure
    3.1 Scaffolding
    3.2 Grid
    3.3 Layouts
    3.4 CloudNet Fluid Grid
    3.5 Master Page
4. Base CSS
    4.1 Type
    4.2 Tables
    4.3 Forms
5. CloudNet Components
    5.1 CloudNet Main Navigation
    5.2 CloudNet Banners
    5.3 CloudNet Boxes
    5.4 Buttons
    5.5 Alerts
    5.6 Bootstrap Modal (Used for Non-Authenticated)
    5.7 Labels & Badges
    5.8 Modals & Loaders
    5.9 Bootstrap Icons
6. Utility classes
7. CloudNet Environment Stamps
8. Legacy Style Sheets (Delete once system is cleaned up to style guide standards
*/
/* ---------------------------------------------------------------------------------
1. CSS Reset
--------------------------------------------------------------------------------- */
/* 1.1 reset.less
----------------------------------------------------------- */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
a:hover,
a:active {
  outline: 0;
}
*:focus {
  outline: 0;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img...