Enrollment Picklists

by mrrodd

HTML

<fieldset>
    <legend>
        <span id="lblWellcare" class="label">Wellcare</span>
    </legend>
    <div id="rlbWellcarePanel">
        <div id="rlbWellcare" class="RadListBox RadListBox_Default" 
            style="font-family:Arial;font-size:X-Small;width:200px;">
            <div class="rlbGroup rlbGroupRight">
                <ul class="rlbList">
                    <li id="rlbWellcare_i0" class="rlbItem">
                        <input type="checkbox" class="rlbCheck" />
                        <span class="rlbText">None</span>
                    </li>
                    <li id="rlbWellcare_i1" class="rlbItem">
                        <input type="checkbox" class="rlbCheck" />
                        <span class="rlbText">100%</span>
                    </li>
                    <li id="rlbWellcare_i2" class="rlbItem">
                        <input type="checkbox" class="rlbCheck" />
                        <span class="rlbText">Standard (WC subject to OV benefit)</span>
                    </li>                   
                    <li id="rlbWellcare_i3" class="rlbItem">
                        <input type="checkbox" class="rlbCheck" />
                        <span class="rlbText">Copay Preventive</span>
                    </li>
                    <li id="rlbWellcare_i4" class="rlbItem">
                        <input type="checkbox" class="rlbCheck" checked="checked" />
                        <span class="rlbText">$20 Copay</span>
                    </li>
                </ul>
            </div>
            <input id="rlbWellcare_ClientState" name="rlbWellcare_ClientState" type="hidden" />
        </div>
    </div>
</fieldset>

CSS

.hide
{
    display: none;
}
span.label
{
    font-family: Arial;
    font-size: small;
    font-weight: bold;
}

.notification_area
{
    /* margin: 0 auto; */
    left: 0;
    top: 0;
    position: absolute;
    padding: 10px 5px 5px 5px;
    height: 30px;
    width: 100%;
    background-color: #D3F5CB;
}

.message_area
{
    font-family: Arial;
    font-size: small;
    font-weight: bold;
    color: #2F7C00;
    padding: 5px 5px 5px 5px;
}

.MyImageButton
{
    cursor: hand;
}

.validation_summary
{
    color: red;
    border-width: 1px;
    border-style: dotted;
    padding: 5px 5px 5px 5px;
}

/* Remove the RadListBox border */
.rlbGroup  
{  
    border: none !important;  
} 

/*  Telerik RadListBox highlight fix. 
    The order of these is crucial. */
.rlbActive
{
    background: none !important;
    border: 1px solid white !important;
}
.rlbHovered
{
    background: #9ddf6c !important;
}