Example Navigation
Example 2: Survey with labels that are not unique
Best Practice Rating: Fail
- Form controls do have label markup.
- The problem with this form is the label markup is not unique.
- Headers are used to mark sections of the survey
Example Start
Example End
HTML Source Code
<form method="post" action="form-example-survey-label.php">
<!--
Using hidden LABELs to provide effective labels for form controls densely packed in layout tables.
-->
<h3>Survey Instructions</h3>
<p>Please rate the following statements (1 is lowest, 9 is highest) by indicating:</p>
<ul class="survey">
<li><div>Minimum --</div> the number that represents the minimum level of service that you would find acceptable</li>
<li><div>Desired --</div> the number that represents the level of service that you personally want</li>
<li><div>Perceived --</div> the number that represents the level of service that you believe our library currently provides</li>
</ul>
<p>For each item, you must EITHER rate the item in all three columns OR identify the item as "N/A" (not applicable). Selecting "N/A" will override all other answers for that item.</p>
<h3>Survey Questions</h3>
<table class="survey" cellspacing="0" cellpadding="0">
<thead>
<tr>
<th class="prefix" id="pre_s1" colspan="2">When it comes to..</th>
<th class="column"> </th>
<th id="min_s1" colspan="9" class="column">My Minimum<br/>Service Level Is</th>
<th id="des_s1" colspan="9" class="column">My Desired<br/>Service Level Is</th>
<th id="per_s1" colspan="9" class="column">Perceived Service<br/>Performance Is</th>
</tr>
<tr>
<th colspan="2"> </th>
<th id="na_s1" class="na"><abbr title="Not Applicable">N/A</abbr></th>
<th class="low" colspan="4">Low</th>
<th class="high" colspan="5">High</th>
<th class="low" colspan="4">Low</th>
<th class="high" colspan="5">High</th>
<th class="low" colspan="4">Low</th>
<th class="high" colspan="5">High</th>
</tr>
</thead>
<tbody>
<tr class="odd top">
<td class="number" align="left" valign="middle">
1)
</td>
<td class="question" align="left" valign="middle">
Employees who instill confidence in users
</td>
<td class="low" align="center" valign="middle" >
<label class="hidden" for="s1_q1_na">Not applicable</label>
<input class="low" type="checkbox" name="s1_q1_na" id="s1_q1_na"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q1_min" id="s1_q1_min_1"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q1_min" id="s1_q1_min_2"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q1_min" id="s1_q1_min_3"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q1_min" id="s1_q1_min_4"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q1_min" id="s1_q1_min_5"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q1_min" id="s1_q1_min_6"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q1_min" id="s1_q1_min_7"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q1_min" id="s1_q1_min_8"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q1_min" id="s1_q1_min_9"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q1_des" id="s1_q1_des_1"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q1_des" id="s1_q1_des_2"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q1_des" id="s1_q1_des_3"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q1_des" id="s1_q1_des_4"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q1_des" id="s1_q1_des_5"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q1_des" id="s1_q1_des_6"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q1_des" id="s1_q1_des_7"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q1_des" id="s1_q1_des_8"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q1_des" id="s1_q1_des_9"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q1_per" id="s1_q1_per_1"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q1_per" id="s1_q1_per_2"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q1_per" id="s1_q1_per_3"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q1_per" id="s1_q1_per_4"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q1_per" id="s1_q1_per_5"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q1_per" id="s1_q1_per_6"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q1_per" id="s1_q1_per_7"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q1_per" id="s1_q1_per_8"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q1_per" id="s1_q1_per_9"/>
</td>
</tr>
<tr class="odd">
<td colspan="2"> </td>
<td class="low rating" align="center" valign="middle"><abbr title="not applicable">n/a</abbr></td>
<td class="rating" align="center" valign="middle"><label for="s1_q1_min_1">1</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q1_min_2">2</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q1_min_3">3</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q1_min_4">4</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q1_min_5">5</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q1_min_6">6</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q1_min_7">7</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q1_min_8">8</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q1_min_9">9</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q1_des_1">1</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q1_des_2">2</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q1_des_3">3</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q1_des_4">4</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q1_des_5">5</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q1_des_6">6</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q1_des_7">7</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q1_des_8">8</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q1_des_9">9</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q1_per_1">1</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q1_per_2">2</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q1_per_3">3</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q1_per_4">4</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q1_per_5">5</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q1_per_6">6</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q1_per_7">7</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q1_per_8">8</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q1_per_9">9</label></td>
</tr>
<tr class="even top">
<td class="number" align="left" valign="middle">
2)
</td>
<td class="question" align="left" valign="middle">
Making electronic resources accessible from my home or office
</td>
<td class="low" align="center" valign="middle" >
<label class="hidden" for="s1_q2_na">Not applicable</label>
<input class="low" type="checkbox" name="s1_q2_na" id="s1_q2_na"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q2_min" id="s1_q2_min_1"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q2_min" id="s1_q2_min_2"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q2_min" id="s1_q2_min_3"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q2_min" id="s1_q2_min_4"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q2_min" id="s1_q2_min_5"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q2_min" id="s1_q2_min_6"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q2_min" id="s1_q2_min_7"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q2_min" id="s1_q2_min_8"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q2_min" id="s1_q2_min_9"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q2_des" id="s1_q2_des_1"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q2_des" id="s1_q2_des_2"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q2_des" id="s1_q2_des_3"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q2_des" id="s1_q2_des_4"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q2_des" id="s1_q2_des_5"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q2_des" id="s1_q2_des_6"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q2_des" id="s1_q2_des_7"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q2_des" id="s1_q2_des_8"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q2_des" id="s1_q2_des_9"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q2_per" id="s1_q2_per_1"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q2_per" id="s1_q2_per_2"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q2_per" id="s1_q2_per_3"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q2_per" id="s1_q2_per_4"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q2_per" id="s1_q2_per_5"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q2_per" id="s1_q2_per_6"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q2_per" id="s1_q2_per_7"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q2_per" id="s1_q2_per_8"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q2_per" id="s1_q2_per_9"/>
</td>
</tr>
<tr class="even">
<td colspan="2"> </td>
<td class="low rating" align="center" valign="middle"><abbr title="not applicable">n/a</abbr></td>
<td class="rating" align="center" valign="middle"><label for="s1_q2_min_1">1</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q2_min_2">2</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q2_min_3">3</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q2_min_4">4</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q2_min_5">5</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q2_min_6">6</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q2_min_7">7</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q2_min_8">8</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q2_min_9">9</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q2_des_1">1</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q2_des_2">2</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q2_des_3">3</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q2_des_4">4</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q2_des_5">5</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q2_des_6">6</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q2_des_7">7</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q2_des_8">8</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q2_des_9">9</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q2_per_1">1</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q2_per_2">2</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q2_per_3">3</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q2_per_4">4</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q2_per_5">5</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q2_per_6">6</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q2_per_7">7</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q2_per_8">8</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q2_per_9">9</label></td>
</tr>
<tr class="odd top">
<td class="number" align="left" valign="middle">
3)
</td>
<td class="question" align="left" valign="middle">
Library space that inspires study and learning
</td>
<td class="low" align="center" valign="middle" >
<label class="hidden" for="s1_q3_na">Not applicable</label>
<input class="low" type="checkbox" name="s1_q3_na" id="s1_q3_na"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q3_min" id="s1_q3_min_1"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q3_min" id="s1_q3_min_2"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q3_min" id="s1_q3_min_3"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q3_min" id="s1_q3_min_4"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q3_min" id="s1_q3_min_5"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q3_min" id="s1_q3_min_6"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q3_min" id="s1_q3_min_7"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q3_min" id="s1_q3_min_8"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q3_min" id="s1_q3_min_9"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q3_des" id="s1_q3_des_1"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q3_des" id="s1_q3_des_2"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q3_des" id="s1_q3_des_3"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q3_des" id="s1_q3_des_4"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q3_des" id="s1_q3_des_5"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q3_des" id="s1_q3_des_6"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q3_des" id="s1_q3_des_7"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q3_des" id="s1_q3_des_8"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q3_des" id="s1_q3_des_9"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q3_per" id="s1_q3_per_1"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q3_per" id="s1_q3_per_2"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q3_per" id="s1_q3_per_3"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q3_per" id="s1_q3_per_4"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q3_per" id="s1_q3_per_5"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q3_per" id="s1_q3_per_6"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q3_per" id="s1_q3_per_7"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q3_per" id="s1_q3_per_8"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q3_per" id="s1_q3_per_9"/>
</td>
</tr>
<tr class="odd">
<td colspan="2"> </td>
<td class="low rating" align="center" valign="middle"><abbr title="not applicable">n/a</abbr></td>
<td class="rating" align="center" valign="middle"><label for="s1_q3_min_1">1</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q3_min_2">2</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q3_min_3">3</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q3_min_4">4</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q3_min_5">5</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q3_min_6">6</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q3_min_7">7</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q3_min_8">8</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q3_min_9">9</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q3_des_1">1</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q3_des_2">2</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q3_des_3">3</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q3_des_4">4</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q3_des_5">5</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q3_des_6">6</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q3_des_7">7</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q3_des_8">8</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q3_des_9">9</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q3_per_1">1</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q3_per_2">2</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q3_per_3">3</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q3_per_4">4</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q3_per_5">5</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q3_per_6">6</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q3_per_7">7</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q3_per_8">8</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q3_per_9">9</label></td>
</tr>
<tr class="even top">
<td class="number" align="left" valign="middle">
4)
</td>
<td class="question" align="left" valign="middle">
Giving users individual attention
</td>
<td class="low" align="center" valign="middle" >
<label class="hidden" for="s1_q4_na">Not applicable</label>
<input class="low" type="checkbox" name="s1_q4_na" id="s1_q4_na"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q4_min" id="s1_q4_min_1"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q4_min" id="s1_q4_min_2"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q4_min" id="s1_q4_min_3"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q4_min" id="s1_q4_min_4"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q4_min" id="s1_q4_min_5"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q4_min" id="s1_q4_min_6"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q4_min" id="s1_q4_min_7"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q4_min" id="s1_q4_min_8"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q4_min" id="s1_q4_min_9"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q4_des" id="s1_q4_des_1"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q4_des" id="s1_q4_des_2"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q4_des" id="s1_q4_des_3"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q4_des" id="s1_q4_des_4"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q4_des" id="s1_q4_des_5"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q4_des" id="s1_q4_des_6"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q4_des" id="s1_q4_des_7"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q4_des" id="s1_q4_des_8"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q4_des" id="s1_q4_des_9"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q4_per" id="s1_q4_per_1"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q4_per" id="s1_q4_per_2"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q4_per" id="s1_q4_per_3"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q4_per" id="s1_q4_per_4"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q4_per" id="s1_q4_per_5"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q4_per" id="s1_q4_per_6"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q4_per" id="s1_q4_per_7"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q4_per" id="s1_q4_per_8"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q4_per" id="s1_q4_per_9"/>
</td>
</tr>
<tr class="even">
<td colspan="2"> </td>
<td class="low rating" align="center" valign="middle"><abbr title="not applicable">n/a</abbr></td>
<td class="rating" align="center" valign="middle"><label for="s1_q4_min_1">1</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q4_min_2">2</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q4_min_3">3</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q4_min_4">4</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q4_min_5">5</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q4_min_6">6</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q4_min_7">7</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q4_min_8">8</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q4_min_9">9</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q4_des_1">1</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q4_des_2">2</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q4_des_3">3</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q4_des_4">4</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q4_des_5">5</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q4_des_6">6</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q4_des_7">7</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q4_des_8">8</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q4_des_9">9</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q4_per_1">1</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q4_per_2">2</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q4_per_3">3</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q4_per_4">4</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q4_per_5">5</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q4_per_6">6</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q4_per_7">7</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q4_per_8">8</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q4_per_9">9</label></td>
</tr>
<tr class="odd top">
<td class="number" align="left" valign="middle">
5)
</td>
<td class="question" align="left" valign="middle">
A library Web site enabling me to locate information on my own
</td>
<td class="low" align="center" valign="middle" >
<label class="hidden" for="s1_q5_na">Not applicable</label>
<input class="low" type="checkbox" name="s1_q5_na" id="s1_q5_na"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q5_min" id="s1_q5_min_1"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q5_min" id="s1_q5_min_2"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q5_min" id="s1_q5_min_3"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q5_min" id="s1_q5_min_4"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q5_min" id="s1_q5_min_5"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q5_min" id="s1_q5_min_6"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q5_min" id="s1_q5_min_7"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q5_min" id="s1_q5_min_8"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q5_min" id="s1_q5_min_9"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q5_des" id="s1_q5_des_1"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q5_des" id="s1_q5_des_2"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q5_des" id="s1_q5_des_3"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q5_des" id="s1_q5_des_4"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q5_des" id="s1_q5_des_5"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q5_des" id="s1_q5_des_6"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q5_des" id="s1_q5_des_7"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q5_des" id="s1_q5_des_8"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q5_des" id="s1_q5_des_9"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q5_per" id="s1_q5_per_1"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q5_per" id="s1_q5_per_2"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q5_per" id="s1_q5_per_3"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q5_per" id="s1_q5_per_4"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q5_per" id="s1_q5_per_5"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q5_per" id="s1_q5_per_6"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q5_per" id="s1_q5_per_7"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q5_per" id="s1_q5_per_8"/>
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s1_q5_per" id="s1_q5_per_9"/>
</td>
</tr>
<tr class="odd">
<td colspan="2"> </td>
<td class="low rating" align="center" valign="middle"><abbr title="not applicable">n/a</abbr></td>
<td class="rating" align="center" valign="middle"><label for="s1_q5_min_1">1</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q5_min_2">2</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q5_min_3">3</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q5_min_4">4</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q5_min_5">5</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q5_min_6">6</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q5_min_7">7</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q5_min_8">8</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q5_min_9">9</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q5_des_1">1</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q5_des_2">2</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q5_des_3">3</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q5_des_4">4</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q5_des_5">5</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q5_des_6">6</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q5_des_7">7</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q5_des_8">8</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q5_des_9">9</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q5_per_1">1</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q5_per_2">2</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q5_per_3">3</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q5_per_4">4</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q5_per_5">5</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q5_per_6">6</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q5_per_7">7</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q5_per_8">8</label></td>
<td class="rating" align="center" valign="middle"><label for="s1_q5_per_9">9</label></td>
</tr>
</tbody>
</table>
<table class="survey" cellspacing="0" cellpadding="0">
<thead>
<tr>
<th class="prefix" id="pre_s2" colspan="2">Please indicate your library usage patterns:</th>
<th id="min_s2" colspan="9" class="column"> </th>
</tr>
</thead>
<tbody>
<tr class="even top">
<td class="number" align="left" valign="middle">
6)
</td>
<td class="question" align="left" valign="middle">
The library helps me stay abreast of developments in my field(s) of interest.
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s2_q6_min" id="s2_q6_min_1" />
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s2_q6_min" id="s2_q6_min_2" />
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s2_q6_min" id="s2_q6_min_3" />
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s2_q6_min" id="s2_q6_min_4" />
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s2_q6_min" id="s2_q6_min_5" />
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s2_q6_min" id="s2_q6_min_6" />
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s2_q6_min" id="s2_q6_min_7" />
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s2_q6_min" id="s2_q6_min_8" />
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s2_q6_min" id="s2_q6_min_9" />
</td>
</tr>
<tr class="even">
<td colspan="2"> </td>
<td class="rating" align="center" valign="middle"><label for="s2_q6_min_1">1</label></td>
<td class="rating" align="center" valign="middle"><label for="s2_q6_min_2">2</label></td>
<td class="rating" align="center" valign="middle"><label for="s2_q6_min_3">3</label></td>
<td class="rating" align="center" valign="middle"><label for="s2_q6_min_4">4</label></td>
<td class="rating" align="center" valign="middle"><label for="s2_q6_min_5">5</label></td>
<td class="rating" align="center" valign="middle"><label for="s2_q6_min_6">6</label></td>
<td class="rating" align="center" valign="middle"><label for="s2_q6_min_7">7</label></td>
<td class="rating" align="center" valign="middle"><label for="s2_q6_min_8">8</label></td>
<td class="rating" align="center" valign="middle"><label for="s2_q6_min_9">9</label></td>
</tr>
<tr class="even">
<td colspan="2"> </td>
<td class="rating" colspan="5" align="left" valign="middle">Strongly Disagree </td>
<td class="rating" colspan="4" align="right" valign="middle"> Strongly Agree</td>
</tr>
<tr class="odd top">
<td class="number" align="left" valign="middle">
7)
</td>
<td class="question" align="left" valign="middle">
The library aids my advancement in my academic discipline or work.
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s2_q7_min" id="s2_q7_min_1" />
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s2_q7_min" id="s2_q7_min_2" />
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s2_q7_min" id="s2_q7_min_3" />
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s2_q7_min" id="s2_q7_min_4" />
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s2_q7_min" id="s2_q7_min_5" />
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s2_q7_min" id="s2_q7_min_6" />
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s2_q7_min" id="s2_q7_min_7" />
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s2_q7_min" id="s2_q7_min_8" />
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s2_q7_min" id="s2_q7_min_9" />
</td>
</tr>
<tr class="odd">
<td colspan="2"> </td>
<td class="rating" align="center" valign="middle"><label for="s2_q7_min_1">1</label></td>
<td class="rating" align="center" valign="middle"><label for="s2_q7_min_2">2</label></td>
<td class="rating" align="center" valign="middle"><label for="s2_q7_min_3">3</label></td>
<td class="rating" align="center" valign="middle"><label for="s2_q7_min_4">4</label></td>
<td class="rating" align="center" valign="middle"><label for="s2_q7_min_5">5</label></td>
<td class="rating" align="center" valign="middle"><label for="s2_q7_min_6">6</label></td>
<td class="rating" align="center" valign="middle"><label for="s2_q7_min_7">7</label></td>
<td class="rating" align="center" valign="middle"><label for="s2_q7_min_8">8</label></td>
<td class="rating" align="center" valign="middle"><label for="s2_q7_min_9">9</label></td>
</tr>
<tr class="odd">
<td colspan="2"> </td>
<td class="rating" colspan="5" align="left" valign="middle">Strongly Disagree </td>
<td class="rating" colspan="4" align="right" valign="middle"> Strongly Agree</td>
</tr>
<tr class="even top">
<td class="number" align="left" valign="middle">
8)
</td>
<td class="question" align="left" valign="middle">
The library enables me to be more efficient in my academic pursuits or work.
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s2_q8_min" id="s2_q8_min_1" />
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s2_q8_min" id="s2_q8_min_2" />
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s2_q8_min" id="s2_q8_min_3" />
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s2_q8_min" id="s2_q8_min_4" />
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s2_q8_min" id="s2_q8_min_5" />
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s2_q8_min" id="s2_q8_min_6" />
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s2_q8_min" id="s2_q8_min_7" />
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s2_q8_min" id="s2_q8_min_8" />
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s2_q8_min" id="s2_q8_min_9" />
</td>
</tr>
<tr class="even">
<td colspan="2"> </td>
<td class="rating" align="center" valign="middle"><label for="s2_q8_min_1">1</label></td>
<td class="rating" align="center" valign="middle"><label for="s2_q8_min_2">2</label></td>
<td class="rating" align="center" valign="middle"><label for="s2_q8_min_3">3</label></td>
<td class="rating" align="center" valign="middle"><label for="s2_q8_min_4">4</label></td>
<td class="rating" align="center" valign="middle"><label for="s2_q8_min_5">5</label></td>
<td class="rating" align="center" valign="middle"><label for="s2_q8_min_6">6</label></td>
<td class="rating" align="center" valign="middle"><label for="s2_q8_min_7">7</label></td>
<td class="rating" align="center" valign="middle"><label for="s2_q8_min_8">8</label></td>
<td class="rating" align="center" valign="middle"><label for="s2_q8_min_9">9</label></td>
</tr>
<tr class="even">
<td colspan="2"> </td>
<td class="rating" colspan="5" align="left" valign="middle">Strongly Disagree </td>
<td class="rating" colspan="4" align="right" valign="middle"> Strongly Agree</td>
</tr>
<tr class="odd top">
<td class="number" align="left" valign="middle">
9)
</td>
<td class="question" align="left" valign="middle">
The library helps me distinguish between trustworthy and untrustworthy information.
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s2_q9_min" id="s2_q9_min_1" />
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s2_q9_min" id="s2_q9_min_2" />
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s2_q9_min" id="s2_q9_min_3" />
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s2_q9_min" id="s2_q9_min_4" />
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s2_q9_min" id="s2_q9_min_5" />
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s2_q9_min" id="s2_q9_min_6" />
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s2_q9_min" id="s2_q9_min_7" />
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s2_q9_min" id="s2_q9_min_8" />
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s2_q9_min" id="s2_q9_min_9" />
</td>
</tr>
<tr class="odd">
<td colspan="2"> </td>
<td class="rating" align="center" valign="middle"><label for="s2_q9_min_1">1</label></td>
<td class="rating" align="center" valign="middle"><label for="s2_q9_min_2">2</label></td>
<td class="rating" align="center" valign="middle"><label for="s2_q9_min_3">3</label></td>
<td class="rating" align="center" valign="middle"><label for="s2_q9_min_4">4</label></td>
<td class="rating" align="center" valign="middle"><label for="s2_q9_min_5">5</label></td>
<td class="rating" align="center" valign="middle"><label for="s2_q9_min_6">6</label></td>
<td class="rating" align="center" valign="middle"><label for="s2_q9_min_7">7</label></td>
<td class="rating" align="center" valign="middle"><label for="s2_q9_min_8">8</label></td>
<td class="rating" align="center" valign="middle"><label for="s2_q9_min_9">9</label></td>
</tr>
<tr class="odd">
<td colspan="2"> </td>
<td class="rating" colspan="5" align="left" valign="middle">Strongly Disagree </td>
<td class="rating" colspan="4" align="right" valign="middle"> Strongly Agree</td>
</tr>
<tr class="even top">
<td class="number" align="left" valign="middle">
10)
</td>
<td class="question" align="left" valign="middle">
The library provides me with the information skills I need in my work or study.
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s2_q10_min" id="s2_q10_min_1" />
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s2_q10_min" id="s2_q10_min_2" />
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s2_q10_min" id="s2_q10_min_3" />
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s2_q10_min" id="s2_q10_min_4" />
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s2_q10_min" id="s2_q10_min_5" />
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s2_q10_min" id="s2_q10_min_6" />
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s2_q10_min" id="s2_q10_min_7" />
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s2_q10_min" id="s2_q10_min_8" />
</td>
<td class="" align="center" valign="middle">
<input type="radio" name="s2_q10_min" id="s2_q10_min_9" />
</td>
</tr>
<tr class="even">
<td colspan="2"> </td>
<td class="rating" align="center" valign="middle"><label for="s2_q10_min_1">1</label></td>
<td class="rating" align="center" valign="middle"><label for="s2_q10_min_2">2</label></td>
<td class="rating" align="center" valign="middle"><label for="s2_q10_min_3">3</label></td>
<td class="rating" align="center" valign="middle"><label for="s2_q10_min_4">4</label></td>
<td class="rating" align="center" valign="middle"><label for="s2_q10_min_5">5</label></td>
<td class="rating" align="center" valign="middle"><label for="s2_q10_min_6">6</label></td>
<td class="rating" align="center" valign="middle"><label for="s2_q10_min_7">7</label></td>
<td class="rating" align="center" valign="middle"><label for="s2_q10_min_8">8</label></td>
<td class="rating" align="center" valign="middle"><label for="s2_q10_min_9">9</label></td>
</tr>
<tr class="even">
<td colspan="2"> </td>
<td class="rating" colspan="5" align="left" valign="middle">Strongly Disagree </td>
<td class="rating" colspan="4" align="right" valign="middle"> Strongly Agree</td>
</tr>
</tbody>
</table>
<table class="survey" cellspacing="0" cellpadding="0">
<thead>
<tr>
<th class="prefix" id="pre_s3" colspan="2">Please answer a few questions about yourself:</th>
<th id="min_s3" colspan="9" class="column"> </th>
</tr>
</thead>
<tbody>
<tr class="odd top">
<td class="number" align="left" valign="middle">
11)
</td>
<td class="question" align="left" valign="middle">
<label for="s3_q11_select"> The library that you use the most often:</label>
</td>
<td class="low select" align="left" valign="middle">
<select name="s3_q11_select" id="s3_q11_select">
<option value="1++">Downtown Branch</option>
<option value="1++">Southwest Branch</option>
<option value="1++">Northeast Branch</option>
<option value="1++">Bookmobile</option>
</select>
</td>
</tr>
<tr class="even top">
<td class="number" align="left" valign="middle">
12)
</td>
<td class="question" align="left" valign="middle">
<label for="s3_q12_select">Age:</label>
</td>
<td class="low select" align="left" valign="middle">
<select name="s3_q12_select" id="s3_q12_select">
<option value="1++">Under 18</option>
<option value="1++">18-22</option>
<option value="1++">23- 30</option>
<option value="1++">31-45</option>
<option value="1++">over 45</option>
</select>
</td>
</tr>
<tr class="odd top">
<td class="number" align="left" valign="middle">
13)
</td>
<td class="question" align="left" valign="middle">
<label for="s3_q13_select">Sex:</label>
</td>
<td class="low select" align="left" valign="middle">
<select name="s3_q13_select" id="s3_q13_select">
<option value="1++">Male</option>
<option value="1++">Female</option>
</select>
</td>
</tr>
<tr class="even top">
<td class="number" align="left" valign="middle">
14)
</td>
<td class="question" align="left" valign="middle">
<label for="s3_q14_select">Discipline:</label>
</td>
<td class="low select" align="left" valign="middle">
<select name="s3_q14_select" id="s3_q14_select">
<option value="1++">Agriculture / Environmental Studies</option>
<option value="1++">Business</option>
<option value="1++">Communications / Journalism</option>
<option value="1++">Education</option>
<option value="1++">Engineering / Computer Science</option>
<option value="1++">General Studies</option>
<option value="1++">Health Sciences</option>
<option value="1++">Humanities</option>
<option value="1++">Law</option>
<option value="1++">Military / Naval Science</option>
<option value="1++">Other</option>
<option value="1++">Performing & Fine Arts</option>
<option value="1++">Science / Math</option>
<option value="1++">Psychology/Sociology</option>
<option value="1++">Undecided</option>
<option value="1++">Miscellaneous</option>
<option value="1++">Architecture</option>
</select>
</td>
</tr>
</tbody>
</table>
<p class="submit"><input type="submit" value="Submit Survey Responses"/></p>
</form>
CSS Source Code
<style type="text/css">
/* CSS Document */
.hidden {
position: absolute;
left: -200em;
top: -20em;
}
table.survey {
margin-bottom: 2em;
}
table.survey th {
padding: .5em;
text-align: center;
}
table.survey th.prefix {
border-bottom: solid white 2px;
}
table.survey th.column {
border-left: solid white 2px;
border-bottom: solid white 2px;
}
table.survey th.low,
table.survey td.low,
table.survey th.na {
border-left: solid white 2px;
}
table.survey th.low,
table.survey th.high,
table.survey th.na {
font-weight: normal;
font-size: 90%;
}
table.survey th.low {
font-size: 90%;
}
table.survey th.high {
text-align: right;
}
table.survey thead {
background-color:#CCCCFF;
}
table.survey tr.odd td {
background-color: #EEEEEE;
}
table.survey tr.even {
background-color: #FFFFCC;
}
table.survey tr.top td {
border-top: solid white 2px;
padding-top: .125em;
}
table.survey td,
table.survey td {
padding: 0;
margin: 0;
}
table.survey td input,
table.survey td input {
padding: 0;
margin: 0;
}
table.survey td.rating {
padding: 0;
margin: 0;
font-size: 70%;
color: #606060;
}
table.survey td.question {
font-size: 100%;
font-weight: normal;
padding-right: 1.25em;
}
table.survey td.number {
font-size: 100%;
font-weight: bold;
width: 2em;
padding-left: .125em;
}
table.survey td.select {
width: 30em;
}
table.survey td.select select{
margin: .5em;
}
ul.survey li {
list-style: none;
}
ul.survey li div {
width: 10em;
padding-right: .5em;
text-align: right;
font-weight: bold;
float: left;
}
#content table.survey h3 {
margin: 0;
padding: 0;
font-size: 100%;
font-weight: normal;
}
</style>