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;
87 margin: 0 auto 1.5em auto;
88 border-left: 1px solid #C1DAD7;
89 border-collapse:collapse;
110 font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
115 font: bold 10px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
117 border-right: 1px solid #C1DAD7;
118 border-bottom: 1px solid #C1DAD7;
119 border-top: 1px solid #C1DAD7;
121 text-transform: uppercase;
123 padding: 8px 12px 4px 12px;
124 background: #CAE8EA url(../media/bg_header.jpg) no-repeat;
125 vertical-align:middle;
131 border-right: 1px solid #C1DAD7;
135 text-transform:uppercase;
142 th.sortable-date-dmy,
144 th.sortable-currency,
145 th.sortable-sortByTwelveHourTimestamp,
146 th.sortable-sortIPAddress,
147 th.sortable-sortEnglishLonghandDateFormat,
148 th.sortable-sortScientificNotation,
149 th.sortable-sortImage,
150 th.sortable-sortFileSize,
151 th.sortable-sortAlphaNumeric,
152 th.sortable-sortEnglishDateTime
156 background: #CAE8EA url(../media/bg_header_sortable.jpg) no-repeat;
157 padding: 8px 12px 4px 16px;
161 background:#CAE8EA url(../media/bg_header_down.jpg) no-repeat 0 0;
165 background:#CAE8EA url(../media/bg_header_up.jpg) no-repeat 0 0;
167 table thead th.forwardSort a,
168 table thead th.reverseSort a
171 text-decoration:none;
174 These styles should be added when very long tables are expected
177 background:#CAE8EA url(../media/bg_header_sorting.jpg) no-repeat 0 0;
182 color:#a80000 !important;
188 text-decoration:none;
190 background:transparent;
194 text-decoration:none;
196 background:transparent;
201 border:3px solid #ddd;
206 border-bottom:1px dotted #a80000;
207 background:transparent;
211 font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
212 border-right: 1px solid #C1DAD7;
213 border-bottom: 1px solid #C1DAD7;
214 padding: 6px 12px 6px 12px;
227 /* Poor old Internet Explorer 6 has a bug that means we can't use background images for the table rows
228 as it trys to download the image each and every time that it is used (which means a 1000 row table
229 will produce 1000 http requests for the image in question) */
232 background: #F5FAFA url(../media/td_alt.jpg) no-repeat;
236 background: #edf3f3 url(../media/col_alt.jpg) no-repeat !important;
238 /* Poor old Internet Explorer won't see the next two rules either as it doesn't get :first-child */
239 tbody tr.alt td:first-child
241 background: #F5FAFA url(../media/bullet2.gif) no-repeat;
244 tbody tr td:first-child
246 background: #fff url(../media/bullet1.gif) no-repeat;
249 /* Image free rules for Internet Explorer < 7 */
252 background-color:#F5FAFA;
257 background-color:#edf3f3;