2 Add the following to your CSS file should you wish the cursor to
3 "wait" while the script is processing the sort
18 font-family: verdana,arial,sans-serif;
24 font-variant:small-caps;
35 text-decoration:underline;
46 text-decoration:underline;
50 font-family:'andale mono','lucida console','courier new',monospace;
61 font-family:georgia, times new roman, times, georgia, palatino, serif;
70 font-family:verdana,arial,sans-serif;
74 text-transform:uppercase;
80 font-variant:small-caps;
102 font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
109 border-right: 1px solid #C1DAD7;
113 text-transform:uppercase;
120 th.sortable-date-dmy,
122 th.sortable-currency,
123 th.sortable-sortByTwelveHourTimestamp,
124 th.sortable-sortIPAddress,
125 th.sortable-sortEnglishLonghandDateFormat,
126 th.sortable-sortScientificNotation,
127 th.sortable-sortImage,
128 th.sortable-sortFileSize,
129 th.sortable-sortAlphaNumeric,
130 th.sortable-sortEnglishDateTime
134 background: #CAE8EA url(../media/bg_header_sortable.jpg) no-repeat;
135 padding: 8px 12px 4px 16px;
139 background:#CAE8EA url(../media/bg_header_down.jpg) no-repeat 0 0;
143 background:#CAE8EA url(../media/bg_header_up.jpg) no-repeat 0 0;
145 table thead th.forwardSort a,
146 table thead th.reverseSort a
149 text-decoration:none;
152 These styles should be added when very long tables are expected
155 background:#CAE8EA url(../media/bg_header_sorting.jpg) no-repeat 0 0;
160 color:#a80000 !important;
166 text-decoration:none;
168 background:transparent;
172 text-decoration:none;
174 background:transparent;
179 border:3px solid #ddd;
184 border-bottom:1px dotted #a80000;
185 background:transparent;
197 /* Poor old Internet Explorer 6 has a bug that means we can't use background images for the table rows
198 as it trys to download the image each and every time that it is used (which means a 1000 row table
199 will produce 1000 http requests for the image in question) */
202 background: #F5FAFA url(../media/td_alt.jpg) no-repeat;
206 background: #edf3f3 url(../media/col_alt.jpg) no-repeat !important;
208 /* Poor old Internet Explorer won't see the next two rules either as it doesn't get :first-child */
209 tbody tr.alt td:first-child
211 background: #F5FAFA url(../media/bullet2.gif) no-repeat;
214 tbody tr td:first-child
216 background: #fff url(../media/bullet1.gif) no-repeat;
219 /* Image free rules for Internet Explorer < 7 */
222 background-color:#F5FAFA;
227 background-color:#edf3f3;