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;
117 These styles should be added when very long tables are expected
120 background:#CAE8EA url(../media/bg_header_sorting.jpg) no-repeat 0 0;
125 color:#a80000 !important;
131 text-decoration:none;
133 background:transparent;
137 text-decoration:none;
139 background:transparent;
144 border:3px solid #ddd;
149 border-bottom:1px dotted #a80000;
150 background:transparent;
156 /* Poor old Internet Explorer 6 has a bug that means we can't use background images for the table rows
157 as it trys to download the image each and every time that it is used (which means a 1000 row table
158 will produce 1000 http requests for the image in question) */
161 background: #F5FAFA url(../media/td_alt.jpg) no-repeat;
165 background: #edf3f3 url(../media/col_alt.jpg) no-repeat !important;
167 /* Poor old Internet Explorer won't see the next two rules either as it doesn't get :first-child */
168 tbody tr.alt td:first-child
170 background: #F5FAFA url(../media/bullet2.gif) no-repeat;
173 tbody tr td:first-child
175 background: #fff url(../media/bullet1.gif) no-repeat;
178 /* Image free rules for Internet Explorer < 7 */
181 background-color:#F5FAFA;
186 background-color:#edf3f3;