cis notified web server of a job completion; upload form interface and validation...
[living-lab-site.git] / user_guide / userguide.css
1 body {
2  margin: 0;
3  padding: 0;
4  font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
5  font-size: 14px;
6  color: #333;
7  background-color: #fff;
8 }
9
10 a {
11  color: #0134c5;
12  background-color: transparent;
13  text-decoration: none;
14  font-weight: normal;
15  outline-style: none;
16 }
17 a:visited {
18  color: #0134c5;
19  background-color: transparent;
20  text-decoration: none;
21  outline-style: none;
22 }
23 a:hover {
24  color: #000;
25  text-decoration: none;
26  background-color: transparent;
27  outline-style: none;
28 }
29
30 #breadcrumb {
31  float: left;
32  background-color: transparent;
33  margin: 10px 0 0 42px;
34  padding: 0;
35  font-size: 10px;
36  color: #666;
37 }
38 #breadcrumb_right {
39  float: right;
40  width: 175px;
41  background-color: transparent;
42  padding: 8px 8px 3px 0;
43  text-align: right;
44  font-size: 10px;
45  color: #666;
46 }
47 #nav {
48  background-color: #494949;
49  margin: 0;
50  padding: 0;
51 }
52 #nav2 {
53  background: #fff url(images/nav_bg_darker.jpg) repeat-x left top;
54  padding: 0 310px 0 0;
55  margin: 0;
56  text-align: right;
57 }
58 #nav_inner {
59  background-color: transparent;
60  padding: 8px 12px 0 20px;
61  margin: 0;
62  font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
63  font-size: 11px;
64 }
65
66 #nav_inner h3 {
67  font-size: 12px;
68  color: #fff;
69  margin: 0;
70  padding: 0;
71 }
72
73 #nav_inner .td_sep {
74  background: transparent url(images/nav_separator_darker.jpg) repeat-y left top;
75  width: 25%;
76  padding: 0 0 0 20px;
77 }
78 #nav_inner .td {
79  width: 25%;
80 }
81 #nav_inner p {
82  color: #eee;
83  background-color: transparent;
84  padding:0;
85  margin: 0 0 10px 0;
86 }
87 #nav_inner ul {
88  list-style-image: url(images/arrow.gif);
89  padding: 0 0 0 18px;
90  margin: 8px 0 12px 0;
91 }
92 #nav_inner li {
93  padding: 0;
94  margin: 0 0 4px 0;
95 }
96
97 #nav_inner a {
98  color: #eee;
99  background-color: transparent;
100  text-decoration: none;
101  font-weight: normal;
102  outline-style: none;
103 }
104
105 #nav_inner a:visited {
106  color: #eee;
107  background-color: transparent;
108  text-decoration: none;
109  outline-style: none;
110 }
111
112 #nav_inner a:hover {
113  color: #ccc;
114  text-decoration: none;
115  background-color: transparent;
116  outline-style: none;
117 }
118
119 #masthead {
120  margin: 0 40px 0 35px;
121  padding: 0 0 0 6px;
122  border-bottom: 1px solid #999;
123 }
124
125 #masthead h1 {
126 background-color: transparent;
127 color: #e13300;
128 font-size: 18px;
129 font-weight: normal;
130 margin: 0;
131 padding: 0 0 6px 0;
132 }
133
134 #searchbox {
135  background-color: transparent;
136  padding: 6px 40px 0 0;
137  text-align: right;
138  font-size: 10px;
139  color: #666;
140 }
141
142 #img_welcome {
143  border-bottom: 1px solid #D0D0D0;
144  margin: 0 40px 0 40px;
145  padding: 0;
146  text-align: center;
147 }
148
149 #content {
150  margin: 20px 40px 0 40px;
151  padding: 0;
152 }
153
154 #content p {
155  margin: 12px 20px 12px 0;
156 }
157
158 #content h1 {
159 color: #e13300;
160 border-bottom: 1px solid #666;
161 background-color: transparent;
162 font-weight: normal;
163 font-size: 24px;
164 margin: 0 0 20px 0;
165 padding: 3px 0 7px 3px;
166 }
167
168 #content h2 {
169  background-color: transparent;
170  border-bottom: 1px solid #999;
171  color: #000;
172  font-size: 18px;
173  font-weight: bold;
174  margin: 28px 0 16px 0;
175  padding: 5px 0 6px 0;
176 }
177
178 #content h3 {
179  background-color: transparent;
180  color: #333;
181  font-size: 16px;
182  font-weight: bold;
183  margin: 16px 0 15px 0;
184  padding: 0 0 0 0;
185 }
186
187 #content h4 {
188  background-color: transparent;
189  color: #444;
190  font-size: 14px;
191  font-weight: bold;
192  margin: 22px 0 0 0;
193  padding: 0 0 0 0;
194 }
195
196 #content img {
197  margin: auto;
198  padding: 0;
199 }
200
201 #content code {
202  font-family: Monaco, Verdana, Sans-serif;
203  font-size: 12px;
204  background-color: #f9f9f9;
205  border: 1px solid #D0D0D0;
206  color: #002166;
207  display: block;
208  margin: 14px 0 14px 0;
209  padding: 12px 10px 12px 10px;
210 }
211
212 #content pre {
213  font-family: Monaco, Verdana, Sans-serif;
214  font-size: 12px;
215  background-color: #f9f9f9;
216  border: 1px solid #D0D0D0;
217  color: #002166;
218  display: block;
219  margin: 14px 0 14px 0;
220  padding: 12px 10px 12px 10px;
221 }
222
223 #content .path {
224  background-color: #EBF3EC;
225  border: 1px solid #99BC99;
226  color: #005702;
227  text-align: center;
228  margin: 0 0 14px 0;
229  padding: 5px 10px 5px 8px;
230 }
231
232 #content dfn {
233  font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
234  color: #00620C;
235  font-weight: bold;
236  font-style: normal;
237 }
238 #content var {
239  font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
240  color: #8F5B00;
241  font-weight: bold;
242  font-style: normal;
243 }
244 #content samp {
245  font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
246  color: #480091;
247  font-weight: bold;
248  font-style: normal;
249 }
250 #content kbd {
251  font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
252  color: #A70000;
253  font-weight: bold;
254  font-style: normal;
255 }
256
257 #content ul {
258  list-style-image: url(images/arrow.gif);
259  margin: 10px 0 12px 0;
260 }
261
262 li.reactor {
263  list-style-image: url(images/reactor-bullet.png);
264 }
265 #content li {
266  margin-bottom: 9px;
267 }
268
269 #content li p {
270  margin-left: 0;
271  margin-right: 0;
272 }
273
274 #content .tableborder {
275  border: 1px solid #999;
276 }
277 #content th {
278  font-weight: bold;
279  text-align: left;
280  font-size: 12px;
281  background-color: #666;
282  color: #fff;
283  padding: 4px;
284 }
285
286 #content .td {
287  font-weight: normal;
288  font-size: 12px;
289  padding: 6px;
290  background-color: #f3f3f3;
291 }
292
293 #content .tdpackage {
294  font-weight: normal;
295  font-size: 12px;
296 }
297
298 #content .important {
299  background: #FBE6F2;
300  border: 1px solid #D893A1;
301  color: #333;
302  margin: 10px 0 5px 0;
303  padding: 10px;
304 }
305
306 #content .important p {
307  margin: 6px 0 8px 0;
308  padding: 0;
309 }
310
311 #content .important .leftpad {
312  margin: 6px 0 8px 0;
313  padding-left: 20px;
314 }
315
316 #content .critical {
317  background: #FBE6F2;
318  border: 1px solid #E68F8F;
319  color: #333;
320  margin: 10px 0 5px 0;
321  padding: 10px;
322 }
323
324 #content .critical p {
325  margin: 5px 0 6px 0;
326  padding: 0;
327 }
328
329
330 #footer {
331 background-color: transparent;
332 font-size: 10px;
333 padding: 16px 0 15px 0;
334 margin: 20px 0 0 0;
335 text-align: center;
336 }
337
338 #footer p {
339  font-size: 10px;
340  color: #999;
341  text-align: center;
342 }
343 #footer address {
344  font-style: normal;
345 }
346
347 .center {
348  text-align: center;
349 }
350
351 img {
352  padding:0;
353  border: 0;
354  margin: 0;
355 }
356
357 .nopad {
358  padding:0;
359  border: 0;
360  margin: 0;
361 }
362
363
364 form {
365  margin: 0;
366  padding: 0;
367 }
368
369 .input {
370  font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
371  font-size: 11px;
372  color: #333;
373  border: 1px solid #B3B4BD;
374  width: 100%;
375  font-size: 11px;
376  height: 1.5em;
377  padding: 0;
378  margin: 0;
379 }
380
381 .textarea {
382  font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
383  font-size: 14px;
384  color: #143270;
385  background-color: #f9f9f9;
386  border: 1px solid #B3B4BD;
387  width: 100%;
388  padding: 6px;
389  margin: 0;
390 }
391
392 .select {
393  background-color: #fff;
394  font-size:  11px;
395  font-weight: normal;
396  color: #333;
397  padding: 0;
398  margin: 0 0 3px 0;
399 }
400
401 .checkbox {
402  background-color: transparent;
403  padding: 0;
404  border: 0;
405 }
406
407 .submit {
408  background-color: #000;
409  color: #fff;
410  font-weight: normal;
411  font-size: 10px;
412  border: 1px solid #fff;
413  margin: 0;
414  padding: 1px 5px 2px 5px;
415 }