1body {
2  font-size: 84%;
3  padding: 0.75em;
4  margin: 0;
5  min-width: 45em;
6}
7
8h1 {
9  font-size: 110%;
10  font-weight: bold;
11  color: #4a8ee6;
12  letter-spacing: -1px;
13  padding: 0;
14  margin: 0;
15}
16
17h2 {
18  font-size: 110%;
19  letter-spacing: -1px;
20  font-weight: normal;
21  color: #4a8ee6;
22  padding: 0;
23  margin: 0;
24  padding: 0.5em 1em;
25  color: #3a75bd;
26  margin-left: -38px;
27  padding-left: 38px;
28
29  border-top: 1px solid #3a75bd;
30  padding-top: 0.5em;
31
32}
33
34h2:first-child {
35  border-top: 0;
36  padding-top: 0;
37}
38
39span.th {
40  padding-left: 0.35em;
41}
42
43a {
44  color: black;
45}
46
47div#header {
48  padding: 0.75em 1em;
49  padding-top: 0.6em;
50  padding-left: 0;
51  margin-bottom: 0.75em;
52  position: relative;
53  overflow: hidden;
54  background: #5296de;
55  background-size: 100%;
56  border: 1px solid #3a75bd;
57  border-radius: 6px;
58  color: white;
59  text-shadow: 0 0 2px black;
60}
61
62div#header h1 {
63  padding-left: 37px;
64  margin: 0;
65  display: inline;
66  background: url('../images/gear.png') 12px 60% no-repeat;
67  color: white;
68}
69
70div#header p {
71  font-size: 84%;
72  font-style: italic;
73  padding: 0;
74  margin: 0;
75  color: white;
76  padding-left: 0.4em;
77  display: inline;
78}
79
80div#header div.navigation {
81  position: absolute;
82  top: 0;
83  right: 1em;
84  line-height: 3.5em;
85  font-size: 92%;
86}
87
88div#header select {
89  font-size: 100%;
90  border: 1px solid #3a75bd;
91  line-height: 140%;
92  color: #315d94;
93}
94
95div#header select option {
96  padding: 0 0.2em;
97}
98
99div#sidebar {
100  display: none;
101  float: left;
102  margin-left: 26px;
103  width: 45em;
104  min-height: 20em;
105  padding: 0.75em;
106  padding-top: 0;
107
108  border-right: 1px solid #cfcfcf;
109}
110
111div#content {
112  margin-left: 0px;
113}
114
115div.viewOptions {
116  float: right;
117  font-size: 92%;
118  color: #5f5f5f;
119  margin-top: 1em;
120}
121
122hr {
123  visibility: hidden;
124  display: inline;
125  padding: 0 0.5em;
126}
127
128div.viewOptions input {
129  font-size: 100%;
130  border: 1px solid #b5b5b5;
131  border-radius: 6px;
132  padding: 0.3em 0.4em;
133}
134
135div.viewOptions input:focus {
136  border-color: white;
137}
138
139.k {
140  opacity: 0.4;
141  font-weight: normal;
142  padding-left: 0.1em;
143}
144
145.legend {
146  font-size: 84%;
147  padding: 0;
148  padding-top: 0.4em;
149  margin-top: 2em;
150  text-align: right;
151  line-height: 140%;
152  color: #7f7f7f;
153}
154
155.legend h3 {
156  padding: 0;
157  padding-right: 0.5em;
158  margin: 0;
159  font-weight: normal;
160  color: black;
161  display: inline;
162  font-size: 100%;
163}
164
165.legend .swatch {
166  opacity: 0.66;
167  padding: 0 0.5em;
168  display: inline-block;
169  margin-right: 0.2em;
170  height: 0.9em;
171}
172
173.legend .swatch.heavyUse {
174  background: #cc0000;
175}
176
177table.list {
178  width: 100%;
179  line-height: 200%;
180  border-collapse: collapse;
181  font-size: 84%;
182  table-layout: fixed;
183}
184
185table.list:not([class*='filtered']) tr:nth-child(odd) td {
186  background: #eff3ff;
187}
188
189.hidden {
190  display: none;
191}
192
193table.list th {
194  padding: 0 0.5em;
195  vertical-align: top;
196  font-weight: bold;
197  color: #315d94;
198  color: black;
199  white-space: nowrap;
200}
201
202table.list .firstRow th {
203  text-align: left;
204  line-height: 100%;
205}
206
207table.list .secondRow * {
208  text-align: left;
209  border-bottom: 1px solid #b5c6de;
210}
211
212table.list td {
213  padding: 0 0.5em;
214  vertical-align: top;
215  line-height: 1.4em;
216  padding-top: 0.35em;
217}
218
219table.list tr td:nth-last-child(1),
220table.list tr th:nth-last-child(1) {
221  padding-right: 1em;
222}
223
224table.list:not([class*='filtered']) .tab .name {
225  padding-left: 1.5em;
226}
227
228table.list .name {
229  width: 100%;
230}
231
232table.list .name div {
233  height: 1.6em;
234  overflow: hidden;
235  white-space: nowrap;
236  text-overflow: ellipsis;
237}
238
239table.list .pid {
240  width: 4em;
241  text-align: right;
242}
243
244table.list .pid .th {
245  padding: 0;
246}
247
248table.list .type {
249  width: 5em;
250}
251
252table.list .number {
253  width: 7em;
254  text-align: right;
255}
256
257table.list .total {
258  font-weight: bold;
259}
260
261table.list .total .name {
262  color: #315d94;
263  text-align: right;
264}
265
266table.list .total td {
267  border-top: 1px solid #b5c6de;
268  background: white !important;
269}
270
271table.list .noResults {
272  display: none;
273}
274
275table.list.noResults .noResults {
276  display: table-row;
277}
278
279table.list .noResults td {
280  text-align: center;
281  padding: 3em 0;
282  color: #3f3f3f;
283}
284
285.heavyUse {
286  color: #cc0000;
287  font-weight: bold;
288}
289
290table.list#browserComparison .name {
291  padding-left: 25px;
292  background-position: 5px center;
293  background-repeat: no-repeat;
294}
295
296div.help {
297  display: inline-block;
298  width: 14px;
299  margin: -1px 0;
300  height: 14px;
301  background: url('../images/help.gif') center bottom no-repeat;
302  opacity: 0.33;
303}
304
305div.help:hover {
306  opacity: 1;
307}
308
309div.help div {
310  display: none;
311}
312
313#helpTooltip {
314  z-index: 1000;
315  position: absolute;
316  background: #d6e8ff;
317  padding: 0.3em 0.8em;
318  max-width: 30em;
319  -webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.33);
320  border: 1px solid #a8cfff;
321  border-radius: 0;
322  line-height: 140%;
323  font-size: 92%;
324}
325
326#helpTooltip p {
327  margin: 0.6em 0;
328}
329
330div.otherbrowsers {
331  font-size: 84%;
332  width: 100%;
333  text-align: center;
334}
335