Subversion Repositories Sites.obs-saisons.fr

Rev

Rev 122 | Rev 124 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 122 Rev 123
1
/* $Id: style.css,v 1.38.2.4 2009/09/14 13:10:47 goba Exp $ */
1
/* $Id: style.css,v 1.38.2.4 2009/09/14 13:10:47 goba Exp $ */
2
 
2
 
3
/**
3
/**
4
 * ODS, for Drupal 6.x
4
 * ODS, for Drupal 6.x
5
 *
5
 *
6
 * If you use a customized color scheme, you must regenerate it after
6
 * If you use a customized color scheme, you must regenerate it after
7
 * modifying this file.
7
 * modifying this file.
8
 */
8
 */
9
 
9
 
10
/**
10
/**
11
 * Generic elements
11
 * Generic elements
12
 */
12
 */
13
body {
13
body {
14
  margin: 0;
14
  margin: 0;
15
  margin-top: 0px;
15
  margin-top: 0px;
16
  padding: 0;
16
  padding: 0;
17
  background: transparent;
17
  background: transparent;
18
  font: 11px/170% Verdana, sans-serif;
18
  font: 11px/170% Verdana, sans-serif;
19
  color: #494949;
19
  color: #494949;
20
  background-color: #C6B895;
20
  background-color: #C6B895;
21
}
21
}
22
 
22
 
23
input {
23
input {
24
  font: 12px/100% Verdana, sans-serif;
24
  font: 12px/100% Verdana, sans-serif;
25
  color: #494949;
25
  color: #494949;
26
}
26
}
27
 
27
 
28
textarea, select {
28
textarea, select {
29
  font: 12px/160% Verdana, sans-serif;
29
  font: 12px/160% Verdana, sans-serif;
30
  color: #494949;
30
  color: #494949;
31
}
31
}
32
 
32
 
33
h1, h2, h3, h4, h5, h6 {
33
h1, h2, h3, h4, h5, h6 {
34
  margin: 0;
34
  margin: 0;
35
  padding: 0;
35
  padding: 0;
36
  font-weight: normal;
36
  font-weight: normal;
37
  font-family: Helvetica, Arial, sans-serif;
37
  font-family: Helvetica, Arial, sans-serif;
38
}
38
}
39
 
39
 
40
h1 {
40
h1 {
41
  font-size: 170%;
41
  font-size: 170%;
42
}
42
}
43
 
43
 
44
h2 {
44
h2 {
45
  font-size: 160%;
45
  font-size: 160%;
46
  line-height: 130%;
46
  line-height: 130%;
47
}
47
}
48
 
48
 
49
h3 {
49
h3 {
50
  font-size: 140%;
50
  font-size: 140%;
51
}
51
}
52
 
52
 
53
h4 {
53
h4 {
54
  font-size: 130%;
54
  font-size: 130%;
55
}
55
}
56
 
56
 
57
h5 {
57
h5 {
58
  font-size: 120%;
58
  font-size: 120%;
59
}
59
}
60
 
60
 
61
h6 {
61
h6 {
62
  font-size: 110%;
62
  font-size: 110%;
63
}
63
}
64
 
64
 
65
ul, quote, code, fieldset {
65
ul, quote, code, fieldset {
66
  margin: .5em 0;
66
  margin: .5em 0;
67
}
67
}
68
 
68
 
69
p {
69
p {
70
  margin: 0.6em 0 1.2em;
70
  margin: 0.6em 0 1.2em;
71
  padding: 0;
71
  padding: 0;
72
}
72
}
73
 
73
 
74
a:link, a:visited {
74
a:link, a:visited {
75
  color: #027AC6;
75
  color: #027AC6;
76
  text-decoration: none;
76
  text-decoration: none;
77
}
77
}
78
 
78
 
79
a:hover {
79
a:hover {
80
  color: #0062A0;
80
  color: #0062A0;
81
  text-decoration: underline;
81
  text-decoration: underline;
82
}
82
}
83
 
83
 
84
a:active, a.active {
84
a:active, a.active {
85
  color: #5895be;
85
  color: #5895be;
86
}
86
}
87
 
87
 
88
hr {
88
hr {
89
  margin: 0;
89
  margin: 0;
90
  padding: 0;
90
  padding: 0;
91
  border: none;
91
  border: none;
92
  height: 1px;
92
  height: 1px;
93
  background: #5294c1;
93
  background: #5294c1;
94
}
94
}
95
 
95
 
96
ul {
96
ul {
97
  margin: 0.5em 0 1em;
97
  margin: 0.5em 0 1em;
98
  padding: 0;
98
  padding: 0;
99
}
99
}
100
 
100
 
101
ol {
101
ol {
102
  margin: 0.75em 0 1.25em;
102
  margin: 0.75em 0 1.25em;
103
  padding: 0;
103
  padding: 0;
104
}
104
}
105
 
105
 
106
ol li, ul li {
106
ol li, ul li {
107
  margin: 0.4em 0 0.4em .5em; /* LTR */
107
  margin: 0.4em 0 0.4em .5em; /* LTR */
108
}
108
}
109
 
109
 
110
ul.menu, .item-list ul {
110
ul.menu, .item-list ul {
111
  margin: 0.35em 0 0 -0.5em; /* LTR */
111
  margin: 0.35em 0 0 -0.5em; /* LTR */
112
  padding: 0;
112
  padding: 0;
113
}
113
}
114
 
114
 
115
ul.menu ul, .item-list ul ul {
115
ul.menu ul, .item-list ul ul {
116
  margin-left: 0em; /* LTR */
116
  margin-left: 0em; /* LTR */
117
}
117
}
118
 
118
 
119
ol li, ul li, ul.menu li, .item-list ul li, li.leaf {
119
ol li, ul li, ul.menu li, .item-list ul li, li.leaf {
120
  margin: 0.15em 0 0.15em .5em; /* LTR */
120
  margin: 0.15em 0 0.15em .5em; /* LTR */
121
}
121
}
122
 
122
 
123
ul li, ul.menu li, .item-list ul li, li.leaf {
123
ul li, ul.menu li, .item-list ul li, li.leaf {
124
  padding: 0 0 .2em 1.5em;
124
  padding: 0 0 .2em 1.5em;
125
  list-style-type: none;
125
  list-style-type: none;
126
  list-style-image: none;
126
  list-style-image: none;
127
  /**background: transparent url(images/menu-leaf.gif) no-repeat 1px .35em; /* LTR */
127
  /**background: transparent url(images/menu-leaf.gif) no-repeat 1px .35em; /* LTR */
128
}
128
}
129
 
129
 
130
ol li {
130
ol li {
131
  padding: 0 0 .3em;
131
  padding: 0 0 .3em;
132
  margin-left: 2em; /* LTR */
132
  margin-left: 2em; /* LTR */
133
}
133
}
134
 
134
 
135
ul li.expanded {
135
ul li.expanded {
136
  /**background: transparent url(images/menu-expanded.gif) no-repeat 1px .35em; /* LTR */
136
  /**background: transparent url(images/menu-expanded.gif) no-repeat 1px .35em; /* LTR */
137
}
137
}
138
 
138
 
139
ul li.collapsed {
139
ul li.collapsed {
140
  /**background: transparent url(images/menu-collapsed.gif) no-repeat 0px .35em; /* LTR */
140
  /**background: transparent url(images/menu-collapsed.gif) no-repeat 0px .35em; /* LTR */
141
}
141
}
142
 
142
 
143
ul li.leaf a, ul li.expanded a, ul li.collapsed a {
143
ul li.leaf a, ul li.expanded a, ul li.collapsed a {
144
  display: block;
144
  display: block;
145
}
145
}
146
 
146
 
147
ul.inline li {
147
ul.inline li {
148
  background: none;
148
  background: none;
149
  margin: 0;
149
  margin: 0;
150
  padding: 0 1em 0 0; /* LTR */
150
  padding: 0 1em 0 0; /* LTR */
151
}
151
}
152
 
152
 
153
ol.task-list {
153
ol.task-list {
154
  margin-left: 0; /* LTR */
154
  margin-left: 0; /* LTR */
155
  list-style-type: none;
155
  list-style-type: none;
156
  list-style-image: none;
156
  list-style-image: none;
157
}
157
}
158
ol.task-list li {
158
ol.task-list li {
159
  padding: 0.5em 1em 0.5em 2em; /* LTR */
159
  padding: 0.5em 1em 0.5em 2em; /* LTR */
160
}
160
}
161
ol.task-list li.active {
161
ol.task-list li.active {
162
  /**background: transparent url(images/task-list.png) no-repeat 3px 50%; /* LTR */
162
  /**background: transparent url(images/task-list.png) no-repeat 3px 50%; /* LTR */
163
}
163
}
164
ol.task-list li.done {
164
ol.task-list li.done {
165
  color: #393;
165
  color: #393;
166
  /**background: transparent url(../../misc/watchdog-ok.png) no-repeat 0px 50%; /* LTR */
166
  /**background: transparent url(../../misc/watchdog-ok.png) no-repeat 0px 50%; /* LTR */
167
}
167
}
168
ol.task-list li.active {
168
ol.task-list li.active {
169
  margin-right: 1em; /* LTR */
169
  margin-right: 1em; /* LTR */
170
}
170
}
171
 
171
 
172
fieldset ul.clear-block li {
172
fieldset ul.clear-block li {
173
  margin: 0;
173
  margin: 0;
174
  padding: 0;
174
  padding: 0;
175
  background-image: none;
175
  background-image: none;
176
}
176
}
177
 
177
 
178
dl {
178
dl {
179
  margin: 0.5em 0 1em 1.5em; /* LTR */
179
  margin: 0.5em 0 1em 1.5em; /* LTR */
180
}
180
}
181
 
181
 
182
dl dt {
182
dl dt {
183
}
183
}
184
 
184
 
185
dl dd {
185
dl dd {
186
  margin: 0 0 .5em 1.5em; /* LTR */
186
  margin: 0 0 .5em 1.5em; /* LTR */
187
}
187
}
188
 
188
 
189
img, a img {
189
img, a img {
190
  border: none;
190
  border: none;
191
}
191
}
192
 
192
 
193
table {
193
table {
194
  margin: 1em 0;
194
  margin: 1em 0;
195
  width: 500px;
195
  width: 500px;
196
}
196
}
197
 
197
 
198
thead th {
198
thead th {
199
  border-bottom: 2px solid #d3e7f4;
199
  border-bottom: 2px solid #d3e7f4;
200
  color: #494949;
200
  color: #494949;
201
  font-weight: bold;
201
  font-weight: bold;
202
}
202
}
203
 
203
 
204
th a:link, th a:visited {
204
th a:link, th a:visited {
205
  color: #6f9dbd;
205
  color: #6f9dbd;
206
}
206
}
207
 
207
 
208
td, th {
208
td, th {
209
  padding: .3em .5em;
209
  padding: .3em .5em;
210
}
210
}
211
 
211
 
212
tr.even, tr.odd, tbody th {
212
tr.even, tr.odd, tbody th {
213
  border: solid #d3e7f4;
213
  border: solid #d3e7f4;
214
  border-width: 1px 0;
214
  border-width: 1px 0;
215
}
215
}
216
 
216
 
217
tr.odd, tr.info {
217
tr.odd, tr.info {
218
  background-color: #edf5fa;
218
  background-color: #edf5fa;
219
}
219
}
220
 
220
 
221
tr.even {
221
tr.even {
222
  background-color: #fff;
222
  background-color: #fff;
223
}
223
}
224
 
224
 
225
tr.drag {
225
tr.drag {
226
  background-color: #fffff0;
226
  background-color: #fffff0;
227
}
227
}
228
 
228
 
229
tr.drag-previous {
229
tr.drag-previous {
230
  background-color: #ffd;
230
  background-color: #ffd;
231
}
231
}
232
 
232
 
233
tr.odd td.active {
233
tr.odd td.active {
234
  background-color: #ddecf5;
234
  background-color: #ddecf5;
235
}
235
}
236
 
236
 
237
tr.even td.active {
237
tr.even td.active {
238
  background-color: #e6f1f7;
238
  background-color: #e6f1f7;
239
}
239
}
240
 
240
 
241
td.region, td.module, td.container, td.category {
241
td.region, td.module, td.container, td.category {
242
  border-top: 1.5em solid #fff;
242
  border-top: 1.5em solid #fff;
243
  border-bottom: 1px solid #b4d7f0;
243
  border-bottom: 1px solid #b4d7f0;
244
  background-color: #d4e7f3;
244
  background-color: #d4e7f3;
245
  color: #455067;
245
  color: #455067;
246
  font-weight: bold;
246
  font-weight: bold;
247
}
247
}
248
 
248
 
249
tr:first-child td.region, tr:first-child td.module, tr:first-child td.container, tr:first-child td.category {
249
tr:first-child td.region, tr:first-child td.module, tr:first-child td.container, tr:first-child td.category {
250
  border-top-width: 0;
250
  border-top-width: 0;
251
}
251
}
252
 
252
 
253
span.form-required {
253
span.form-required {
254
  color: #ffae00;
254
  color: #ffae00;
255
}
255
}
256
 
256
 
257
span.submitted, .description {
257
span.submitted, .description {
258
  font-size: 0.92em;
258
  font-size: 0.92em;
259
  color: #898989;
259
  color: #898989;
260
}
260
}
261
 
261
 
262
.description {
262
.description {
263
  line-height: 150%;
263
  line-height: 150%;
264
  margin-bottom: 0.75em;
264
  margin-bottom: 0.75em;
265
  color: #898989;
265
  color: #898989;
266
}
266
}
267
 
267
 
268
.messages, .preview {
268
.messages, .preview {
269
  margin: .75em 0 .75em;
269
  margin: .75em 0 .75em;
270
  padding: .5em 1em;
270
  padding: .5em 1em;
271
}
271
}
272
 
272
 
273
.messages ul {
273
.messages ul {
274
  margin: 0;
274
  margin: 0;
275
}
275
}
276
 
276
 
277
.form-checkboxes, .form-radios, .form-checkboxes .form-item, .form-radios .form-item {
277
.form-checkboxes, .form-radios, .form-checkboxes .form-item, .form-radios .form-item {
278
  margin: 0.25em 0;
278
  margin: 0.25em 0;
279
}
279
}
280
 
280
 
281
#center form {
281
#center form {
282
  margin-bottom: 2em;
282
  margin-bottom: 2em;
283
}
283
}
284
 
284
 
285
.form-button, .form-submit {
285
.form-button, .form-submit {
286
  margin: 2em 0.5em 1em 0; /* LTR */
286
  margin: 2em 0.5em 1em 0; /* LTR */
287
}
287
}
288
 
288
 
289
.form-submit#edit-submit {
289
.form-submit#edit-submit {
290
	margin-bottom: -7px;	
290
	margin-bottom: -7px;	
291
}
291
}
292
 
292
 
293
#dblog-form-overview .form-submit,
293
#dblog-form-overview .form-submit,
294
.confirmation .form-submit,
294
.confirmation .form-submit,
295
.search-form .form-submit,
295
.search-form .form-submit,
296
.poll .form-submit,
296
.poll .form-submit,
297
fieldset .form-button, fieldset .form-submit,
297
fieldset .form-button, fieldset .form-submit,
298
.sidebar .form-button, .sidebar .form-submit,
298
.sidebar .form-button, .sidebar .form-submit,
299
table .form-button, table .form-submit {
299
table .form-button, table .form-submit {
300
  margin: 0;
300
  margin: 0;
301
}
301
}
302
 
302
 
303
.box {
303
.box {
304
  margin-bottom: 2.5em;
304
  margin-bottom: 2.5em;
305
}
305
}
306
 
306
 
307
/**
307
/**
308
 * Layout
308
 * Layout
309
 */
309
 */
310
#header-region {
310
#header-region {
311
  min-height: 1em;
311
  min-height: 1em;
312
  /**background: #d2e6f3 url(images/bg-navigation.png) repeat-x 50% 100%; **/
312
  /**background: #d2e6f3 url(images/bg-navigation.png) repeat-x 50% 100%; **/
313
}
313
}
314
 
314
 
315
@font-face {
315
@font-face {
316
	/* Fonte pour le titre en haut à gauche */
316
	/* Fonte pour le titre en haut à gauche */
317
	font-family: "BorisBlackBloxx";
317
	font-family: "BorisBlackBloxx";
318
	src: url("font/BorisBlackBloxx.ttf") format("truetype");
318
	src: url("font/BorisBlackBloxx.ttf") format("truetype");
319
}
319
}
320
 
320
 
321
.titre_site {
321
.titre_site {
322
	font-family: BorisBlackBloxx, Cursive; 
322
	font-family: BorisBlackBloxx, Cursive; 
323
	font-size: 14px;	
323
	font-size: 14px;	
324
	margin-left: auto;
324
	margin-left: auto;
325
    margin-right: auto;
325
    margin-right: auto;
326
    padding-left: 0px;
326
    padding-left: 0px;
327
    padding-top: 5px;
327
    padding-top: 5px;
328
    padding-bottom: 10px;
328
    padding-bottom: 10px;
329
    width: 955px;
329
    width: 955px;
330
}
330
}
331
 
331
 
332
.titre_site #observatoire {
332
.titre_site #observatoire {
333
	color: #0396A6;
333
	color: #0396A6;
334
	font-size: 30px;
334
	font-size: 30px;
335
}
335
}
336
 
336
 
337
.titre_site #des {
337
.titre_site #des {
338
	color: #0396A6;
338
	color: #0396A6;
339
	font-size: 20px
339
	font-size: 20px
340
}
340
}
341
 
341
 
342
.titre_site #saisons {
342
.titre_site #saisons {
343
	color: #FF7F00;
343
	color: #FF7F00;
344
	text-transform: uppercase;
344
	text-transform: uppercase;
345
	font-size: 40px
345
	font-size: 40px
346
}
346
}
347
 
347
 
348
#header-region .block {
348
#header-region .block {
349
  display: block;
349
  display: block;
350
  margin: 0 1em;
350
  margin: 0 1em;
351
}
351
}
352
 
352
 
353
#header-region .block-region {
353
#header-region .block-region {
354
  display: block;
354
  display: block;
355
  margin: 0 0.5em 1em;
355
  margin: 0 0.5em 1em;
356
  padding: 0.5em;
356
  padding: 0.5em;
357
  position: relative;
357
  position: relative;
358
  top: 0.5em;
358
  top: 0.5em;
359
}
359
}
360
 
360
 
361
#header-region * {
361
#header-region * {
362
  display: inline;
362
  display: inline;
363
  line-height: 1.5em;
363
  line-height: 1.5em;
364
  margin-top: 0;
364
  margin-top: 0;
365
  margin-bottom: 0;
365
  margin-bottom: 0;
366
}
366
}
367
 
367
 
368
/* Prevent the previous directive from showing the content of script elements in Mozilla browsers. */
368
/* Prevent the previous directive from showing the content of script elements in Mozilla browsers. */
369
#header-region script {
369
#header-region script {
370
  display: none;
370
  display: none;
371
}
371
}
372
 
372
 
373
#header-region p, #header-region img {
373
#header-region p, #header-region img {
374
  margin-top: 0.5em;
374
  margin-top: 0.5em;
375
}
375
}
376
 
376
 
377
#header-region h2 {
377
#header-region h2 {
378
  margin: 0 1em 0 0; /* LTR */
378
  margin: 0 1em 0 0; /* LTR */
379
}
379
}
380
 
380
 
381
#header-region h3, #header-region label, #header-region li {
381
#header-region h3, #header-region label, #header-region li {
382
  margin: 0 1em;
382
  margin: 0 1em;
383
  padding: 0;
383
  padding: 0;
384
  background: none;
384
  background: none;
385
}
385
}
386
 
386
 
387
#wrapper {
387
#wrapper {
388
 /** background: #edf5fa url(images/body.png) repeat-x 50% 0; **/
388
 /** background: #edf5fa url(images/body.png) repeat-x 50% 0; **/
389
}
389
}
390
 
390
 
391
#wrapper {
391
#wrapper {
392
	width: 955px;
392
	width: 955px;
393
	margin-left:auto;
393
	margin-left:auto;
394
	margin-right:auto;
394
	margin-right:auto;
395
	background-color: #FFFFFF;
395
	background-color: #FFFFFF;
396
	-moz-box-shadow: 3px 0px 0 #aaa;  
396
	-moz-box-shadow: 3px 0px 0 #aaa;  
397
	-webkit-box-shadow: 3px 0px 0 #aaa;  
397
	-webkit-box-shadow: 3px 0px 0 #aaa;  
398
	box-shadow: 3px 0px 0 #aaa;  
398
	box-shadow: 3px 0px 0 #aaa;  
399
}
399
}
400
 
400
 
401
#wrapper #container {
401
#wrapper #container {
402
  margin: 0 auto;
402
  margin: 0 auto;
403
  padding: 0 20px;
403
  padding: 0 20px;
404
}
404
}
405
 
405
 
406
#wrapper #container {
406
#wrapper #container {
407
  height: 80px;
407
  height: 80px;
408
}
408
}
409
 
409
 
410
#wrapper #container #header #logo-floater {
410
#wrapper #container #header #logo-floater {
411
  position: absolute;
411
  position: absolute;
412
}
412
}
413
 
413
 
414
#wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
414
#wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
415
  line-height: 120px;
415
  line-height: 120px;
416
  position: relative;
416
  position: relative;
417
  z-index: 2;
417
  z-index: 2;
418
  white-space: nowrap;
418
  white-space: nowrap;
419
}
419
}
420
 
420
 
421
#wrapper #container #header h1 span {
421
#wrapper #container #header h1 span {
422
  font-weight: bold;
422
  font-weight: bold;
423
}
423
}
424
 
424
 
425
#wrapper #container #header h1 img {
425
#wrapper #container #header h1 img {
426
  padding-top: 14px;
426
  padding-top: 14px;
427
  padding-right: 20px; /* LTR */
427
  padding-right: 20px; /* LTR */
428
  float: left; /* LTR */
428
  float: left; /* LTR */
429
}
429
}
430
 
430
 
431
#logo-floater {
431
#logo-floater {
432
	padding-left: 20px;
432
	padding-left: 20px;
433
	padding-top: 10px;	
433
	padding-top: 10px;	
434
}
434
}
435
 
435
 
436
/* We must define 100% width to avoid the body being too narrow for near-empty pages */
436
/* We must define 100% width to avoid the body being too narrow for near-empty pages */
437
#wrapper #container {
437
#wrapper #container {
438
  float: left;	
438
  float: left;	
439
  width: 100%;
439
  width: 100%;
440
  background-color: #FFFFFF;
440
  background-color: #FFFFFF;
441
}
441
}
442
 
442
 
443
#center {
443
#center {
444
	width: 555px;	
444
	width: 555px;	
445
	min-height: 650px;
445
	min-height: 650px;
446
	background-color: #FFFFFF;
446
	background-color: #FFFFFF;
447
	height: auto;
447
	height: auto;
448
	float: left;
448
	float: left;
449
}
449
}
450
 
450
 
451
#center h2 {
451
#center h2 {
452
    background: url("images/puce_titre_2.png") no-repeat scroll 13px 0 transparent;
452
    background: url("images/puce_titre_2.png") no-repeat scroll 13px 0 transparent;
453
    color: #4F3F1B;
453
    color: #4F3F1B;
454
    font-weight: bold;
454
    font-weight: bold;
455
    padding: 0 0 10px 40px;
455
    padding: 0 0 10px 40px;
456
    width: 100%;
456
    width: 100%;
457
}
457
}
458
 
458
 
459
#center h3 {
459
#center h3 {
460
	color: #0396A6;
460
	color: #0396A6;
461
	font-weight: bold;
461
	font-weight: bold;
462
}
462
}
463
 
463
 
464
#center h4 {
464
#center h4 {
465
	color: #ACC700;
465
	color: #ACC700;
466
	font-weight: bold;
466
	font-weight: bold;
467
}
467
}
468
 
468
 
469
#center li {
469
#center li {
470
	 margin-left: 20px;
470
	 margin-left: 20px;
471
	 padding: 0 0 0 0;
471
	 padding: 0 0 0 0;
472
	 list-style-type: disc;
472
	 list-style-type: disc;
473
}
473
}
474
 
474
 
475
#center li.num {
475
#center li.num {
476
	 list-style-type: decimal;
476
	 list-style-type: decimal;
477
}
477
}
478
 
478
 
479
.placement_image {
479
.placement_image {
480
	display: inline;
480
	display: inline;
481
    float: left;
481
    float: left;
482
}
482
}
483
 
483
 
484
#left {
484
#left {
485
	width: 190px;
485
	width: 190px;
486
	padding:5px;
486
	padding:5px;
487
	padding-left: 0px;
487
	padding-left: 0px;
488
	float: left;
488
	float: left;
489
	min-height: 650px
489
	min-height: 650px;
490
	background-color: #FFFFFF;	
490
	background-color: #FFFFFF;	
491
}
491
}
492
 
492
 
493
#sidebar-left > div > div > div > ul.menu > li {
493
#sidebar-left > div > div > div > ul.menu > li {
494
	padding-left:20px;
494
	padding-left:20px;
495
}
495
}
496
 
496
 
497
#sidebar-left > div > div > div > ul.menu > li > a.active-trail {
497
#sidebar-left > div > div > div > ul.menu > li > a.active-trail {
498
    color: #FFFFFF;
498
    color: #FFFFFF;
499
    font-weight: bold;
499
    font-weight: bold;
500
    padding-left: 5px;
500
    padding-left: 5px;
501
    -moz-border-radius: 0.9em 0.9em 0.9em 0.9em;
501
    -moz-border-radius: 0.9em 0.9em 0.9em 0.9em;
502
}
502
}
503
 
503
 
504
#sidebar-left a.active-trail {
504
#sidebar-left a.active-trail {
505
	color: #800000;
505
	color: #800000;
506
	text-decoration: underline;	
506
	text-decoration: underline;	
507
}
507
}
508
 
508
 
509
#sidebar-left {
509
#sidebar-left {
510
	-webkit-border-radius-topright: 20px 20px;
510
	-webkit-border-radius-topright: 20px 20px;
511
	-webkit-border-radius-bottomright: 20px 20px;
511
	-webkit-border-radius-bottomright: 20px 20px;
512
	-moz-border-radius-topright: 20px 20px;
512
	-moz-border-radius-topright: 20px 20px;
513
	-moz-border-radius-bottomright: 0px 0px;
513
	-moz-border-radius-bottomright: 0px 0px;
514
	border-top-right-radius: 20px 20px;
514
	border-top-right-radius: 20px 20px;
515
	border-bottom-right-radius: 20px 20px;
515
	border-bottom-right-radius: 20px 20px;
516
	background-color: #0396A6;
516
	background-color: #0396A6;
517
	position:absolute;
517
	position:absolute;
518
	width: inherit;
518
	width: inherit;
519
}
519
}
520
 
520
 
521
#sidebar-left > div > h2 {
521
#sidebar-left > div > h2 {
522
	display: none;	
522
	display: none;	
523
}
523
}
524
 
524
 
525
#sidebar-left a {
525
#sidebar-left a {
526
	color: #FFFFFF;	
526
	color: #FFFFFF;	
527
	font-weight: bold;
527
	font-weight: bold;
528
	padding-left: 5px;
528
	padding-left: 5px;
529
}
529
}
530
 
530
 
531
.content > div > ul > li {
531
.content > div > ul > li {
532
	background: transparent url(images/puce_menu_niveau_1_triangle.png) no-repeat 3px 0.55em;
532
	background: transparent url(images/puce_menu_niveau_1_triangle.png) no-repeat 3px 0.55em;
533
}
533
}
534
 
534
 
535
ul.menu > li {
535
ul.menu > li {
536
	padding-top:5px;
536
	padding-top:5px;
537
	padding-left:5px;
537
	padding-left:5px;
538
}
538
}
539
 
539
 
540
.menu_recourbe {
540
.menu_recourbe {
541
 
541
 
542
	-moz-border-radius-bottomleft: 901px 158px;
542
	-moz-border-radius-bottomleft: 901px 158px;
543
	-moz-border-radius-bottomright: 300px 24px;
543
	-moz-border-radius-bottomright: 300px 24px;
544
    border-bottom-left-radius: 901px 158px;
544
    border-bottom-left-radius: 901px 158px;
545
    border-bottom-right-radius: 300px 24px;
545
    border-bottom-right-radius: 300px 24px;
546
    
546
    
547
	background-color: #FFFFFF;
547
	background-color: #FFFFFF;
548
	width:inherit;
548
	width:inherit;
549
	height: 30px;
549
	height: 30px;
550
	position: absolute;
550
	position: absolute;
551
	z-index: 50;
551
	z-index: 50;
552
}
552
}
553
 
553
 
554
#right {
554
#right {
555
	width: 200px;
555
	width: 200px;
556
	float: right;
556
	float: right;
557
	background-color: #FFFFFF;	
557
	background-color: #FFFFFF;	
558
}
558
}
559
 
559
 
560
#right h2 {
560
#right h2 {
561
	display: none;	
561
	display: none;	
562
}
562
}
563
 
563
 
564
.titre_bloc {
564
.titre_bloc {
565
	color: #FFFFFF;
565
	color: #FFFFFF;
566
	font-weight: bold;
566
	font-weight: bold;
567
	background-color: #5F8DBF;
567
	background-color: #5F8DBF;
568
	-webkit-border-radius-topleft: 20px 20px;
568
	-webkit-border-radius-topleft: 20px 20px;
569
	-moz-border-radius-topleft: 20px 20px;
569
	-moz-border-radius-topleft: 20px 20px;
570
	border-top-left-radius: 20px 20px;
570
	border-top-left-radius: 20px 20px;
571
}
571
}
572
 
572
 
573
.info_utilisateur, .formulaire_identification_ods {
573
.info_utilisateur, .formulaire_identification_ods {
574
	
574
	
575
	-webkit-border-radius-topleft: 20px 20px;
575
	-webkit-border-radius-topleft: 20px 20px;
576
	-webkit-border-radius-bottomleft: 20px 20px;
576
	-webkit-border-radius-bottomleft: 20px 20px;
577
	-moz-border-radius-topleft: 20px 20px;
577
	-moz-border-radius-topleft: 20px 20px;
578
	-moz-border-radius-bottomleft: 20px 20px;
578
	-moz-border-radius-bottomleft: 20px 20px;
579
	border-top-left-radius: 20px 20px;
579
	border-top-left-radius: 20px 20px;
580
	border-bottom-left-radius: 20px 20px;
580
	border-bottom-left-radius: 20px 20px;
581
	border: solid 1px;
581
	border: solid 1px;
582
	background-color: #F4F2EB;
582
	background-color: #F4F2EB;
583
    text-align: center;	
583
    text-align: center;	
584
    border-color: #D1C6A8;
584
    border-color: #D1C6A8;
585
}
585
}
586
 
586
 
587
.info_utilisateur a {
587
.info_utilisateur a {
588
	padding: 10px 10px 10px 25px;
588
	padding: 10px 10px 10px 25px;
589
}
589
}
590
 
590
 
591
#lien_mes_obs {	
591
#lien_mes_obs {	
592
	background: url("images/mes_obs.png") no-repeat scroll 5px 0.75em transparent;
592
	background: url("images/mes_obs.png") no-repeat scroll 5px 0.75em transparent;
593
}
593
}
594
 
594
 
595
#lien_admin {	
595
#lien_admin {	
596
	background: transparent url(images/admin.png) no-repeat 1px 0.7em;
596
	background: transparent url(images/admin.png) no-repeat 1px 0.7em;
597
}
597
}
598
 
598
 
599
#lien_mon_profil {	
599
#lien_mon_profil {	
600
	background: transparent url(images/mon_profil.png) no-repeat 1px 0.7em;
600
	background: transparent url(images/mon_profil.png) no-repeat 1px 0.7em;
601
}
601
}
602
 
602
 
603
#lien_deconnexion {	
603
#lien_deconnexion {	
604
	background: transparent url(images/deconnexion.png) no-repeat 1px 0.7em;
604
	background: transparent url(images/deconnexion.png) no-repeat 1px 0.7em;
605
}
605
}
606
 
606
 
607
.nb_inscrits {
607
.nb_inscrits {
608
	background: transparent url(images/puce-inscrits.png) no-repeat;
608
	background: transparent url(images/puce-inscrits.png) no-repeat;
609
	padding: 5px;
609
	padding: 5px;
610
	padding-left: 30px;	
610
	padding-left: 30px;	
611
	text-align: right;
611
	text-align: right;
612
	font-size: 1.2em;
612
	font-size: 1.2em;
613
}
613
}
614
 
614
 
615
/* We ensure the sidebars are still clickable using z-index */
615
/* We ensure the sidebars are still clickable using z-index */
616
#wrapper #container .sidebar {
616
#wrapper #container .sidebar {
617
  margin: 60px 0 5em;
617
  margin: 60px 0 5em;
618
  width: 210px;
618
  width: 210px;
619
  float: left;
619
  float: left;
620
  z-index: 2;
620
  z-index: 2;
621
  position: relative;
621
  position: relative;
622
  background-color: #FFFFFF;
622
  background-color: #FFFFFF;
623
}
623
}
624
 
624
 
625
#wrapper #container .sidebar .block {
625
#wrapper #container .sidebar .block {
626
  margin: 0 0 1.5em 0;
626
  margin: 0 0 1.5em 0;
627
}
627
}
628
 
628
 
629
#sidebar-left .block {
629
#sidebar-left .block {
630
  padding: 25px 15px 0 0px;
630
  padding: 25px 15px 0 0px;
631
}
631
}
632
 
632
 
633
#sidebar-right .block {
633
#sidebar-right .block {
634
  padding: 0 0px 0 15px;
634
  padding: 0 0px 0 15px;
635
}
635
}
636
 
636
 
637
.block .content {
637
.block .content {
638
  margin: 0.5em 0;
638
  margin: 0.5em 0;
639
}
639
}
640
 
640
 
641
#sidebar-left .block-region {
641
#sidebar-left .block-region {
642
  margin: 0 15px 0 0px; /* LTR */
642
  margin: 0 15px 0 0px; /* LTR */
643
}
643
}
644
 
644
 
645
#sidebar-right .block-region {
645
#sidebar-right .block-region {
646
  margin: 0 0px 0 15px; /* LTR */
646
  margin: 0 0px 0 15px; /* LTR */
647
}
647
}
648
 
648
 
649
.block-region {
649
.block-region {
650
  padding: 1em;
650
  padding: 1em;
651
  background: transparent;
651
  background: transparent;
652
  border: 2px dashed #b4d7f0;
652
  border: 2px dashed #b4d7f0;
653
  text-align: center;
653
  text-align: center;
654
  font-size: 1.3em;
654
  font-size: 1.3em;
655
}
655
}
656
 
656
 
657
/* Now we add the backgrounds for the main content shading */
657
/* Now we add the backgrounds for the main content shading */
658
#wrapper #container #center #squeeze {
658
#wrapper #container #center #squeeze {
659
 /** background: #fff url(images/bg-content.png) repeat-x 50% 0;**/
659
 /** background: #fff url(images/bg-content.png) repeat-x 50% 0;**/
660
  position: relative;
660
  position: relative;
661
}
661
}
662
 
662
 
663
#wrapper #container #center .right-corner {
663
#wrapper #container #center .right-corner {
664
 /**  background: transparent url(images/bg-content-right.png) no-repeat 100% 0; **/
664
 /**  background: transparent url(images/bg-content-right.png) no-repeat 100% 0; **/
665
  position: relative;
665
  position: relative;
666
  left: 10px;
666
  left: 10px;
667
}
667
}
668
 
668
 
669
#wrapper #container #center .right-corner .left-corner {
669
#wrapper #container #center .right-corner .left-corner {
670
  padding: 60px 25px 5em 35px;
670
  padding: 60px 25px 5em 35px;
671
 /**  background: transparent url(images/bg-content-left.png) no-repeat 0 0; **/
671
 /**  background: transparent url(images/bg-content-left.png) no-repeat 0 0; **/
672
  margin-left: -10px;
672
  margin-left: -10px;
673
  position: relative;
673
  position: relative;
674
  left: -10px;
674
  left: -10px;
675
  min-height: 400px;
675
  min-height: 400px;
676
}
676
}
677
 
677
 
678
#wrapper #container #footer {
678
#wrapper #container #footer {
679
  float: none;
679
  float: none;
680
  clear: both;
680
  clear: both;
681
  text-align: center;
681
  text-align: center;
682
  margin: 4em 0 -3em;
682
  margin: 4em 0 -3em;
683
  color: #898989;
683
  color: #898989;
684
}
684
}
685
 
685
 
686
#wrapper #container .breadcrumb {
686
#wrapper #container .breadcrumb {
687
  position: absolute;
687
  position: absolute;
688
  top: 15px;
688
  top: 15px;
689
  left: 35px; /* LTR */
689
  left: 35px; /* LTR */
690
  z-index: 3;
690
  z-index: 3;
691
}
691
}
692
 
692
 
693
/**
693
/**
694
 * Header
694
 * Header
695
 */
695
 */
696
#wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
696
#wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
697
  color: #fff;
697
  color: #fff;
698
  font-weight: normal;
698
  font-weight: normal;
699
  text-shadow: #1659ac 0px 1px 3px;
699
  text-shadow: #1659ac 0px 1px 3px;
700
  font-size: 1.5em;
700
  font-size: 1.5em;
701
}
701
}
702
 
702
 
703
#header {
703
#header {
704
	height: 180px;
704
	height: 180px;
705
	background-color: #FFFFFF;
705
	background-color: #FFFFFF;
706
	width: 955px;
706
	width: 955px;
707
}
707
}
708
 
708
 
709
.printemps {
709
.printemps {
710
	background: transparent url(images/bandeaux/bandeau-printemps.png) no-repeat 50% 0;	
710
	background: transparent url(images/bandeaux/bandeau-printemps.png) no-repeat 50% 0;	
711
}
711
}
712
 
712
 
713
.ete {
713
.ete {
714
	background: transparent url(images/bandeaux/bandeau-ete.png) no-repeat 50% 0;	
714
	background: transparent url(images/bandeaux/bandeau-ete.png) no-repeat 50% 0;	
715
}
715
}
716
 
716
 
717
.automne {
717
.automne {
718
	background: transparent url(images/bandeaux/bandeau-automne.png) no-repeat 50% 0;	
718
	background: transparent url(images/bandeaux/bandeau-automne.png) no-repeat 50% 0;	
719
}
719
}
720
 
720
 
721
.hiver {
721
.hiver {
722
	background: transparent url(images/bandeaux/bandeau-hiver.png) no-repeat 50% 0;	
722
	background: transparent url(images/bandeaux/bandeau-hiver.png) no-repeat 50% 0;	
723
}
723
}
724
 
724
 
725
#wrapper #container #header h1 a:hover {
725
#wrapper #container #header h1 a:hover {
726
  text-decoration: none;
726
  text-decoration: none;
727
}
727
}
728
 
728
 
729
#wrapper #container .breadcrumb {
729
#wrapper #container .breadcrumb {
730
  font-size: 0.92em;
730
  font-size: 0.92em;
731
}
731
}
732
 
732
 
733
#wrapper #container .breadcrumb, #wrapper #container .breadcrumb a {
733
#wrapper #container .breadcrumb, #wrapper #container .breadcrumb a {
734
  color: #529ad6;
734
  color: #529ad6;
735
}
735
}
736
 
736
 
737
#mission {
737
#mission {
738
  padding: 1em;
738
  padding: 1em;
739
  background-color: #fff;
739
  background-color: #fff;
740
  border: 1px solid #e0e5fb;
740
  border: 1px solid #e0e5fb;
741
  margin-bottom: 2em;
741
  margin-bottom: 2em;
742
}
742
}
743
 
743
 
744
#footer {
744
#footer {
745
	height: 120px;
745
	height: 120px;
746
	background: transparent url(images/bandeaux/bandeau-bas.png) no-repeat 50% 0;
746
	background: transparent url(images/bandeaux/bandeau-bas.png) no-repeat 50% 0;
747
	clear:both;
747
	clear:both;
748
	width:955px;
748
	width:955px;
749
	margin-left:auto;
749
	margin-left:auto;
750
	margin-right: auto;
750
	margin-right: auto;
751
	background-color: #FFFFFF;
751
	background-color: #FFFFFF;
752
	text-align: center;
752
	text-align: center;
753
	vertical-align: bottom;
753
	vertical-align: bottom;
754
}
754
}
755
 
755
 
756
.liens_bas_page {
756
.liens_bas_page {
757
	padding-top: 85px;
757
	padding-top: 85px;
758
	color: #FF7F00;
758
	color: #FF7F00;
759
	font-weight: bold;
759
	font-weight: bold;
760
}
760
}
761
 
761
 
762
.liens_bas_page a {
762
.liens_bas_page a {
763
	color: #FF7F00;
763
	color: #FF7F00;
764
	margin-left: 4px;
764
	margin-left: 4px;
765
	margin-right: 4px;
765
	margin-right: 4px;
766
	font-size: 1.1em;
766
	font-size: 1.1em;
767
}
767
}
768
 
768
 
769
/**
769
/**
770
 * Primary navigation
770
 * Primary navigation
771
 */
771
 */
772
ul.primary-links {
772
ul.primary-links {
773
  margin: 0;
773
  margin: 0;
774
  margin: -25px 0 0;
774
  margin: -25px 0 0;
775
  padding: 0;
775
  padding: 0;
776
  float: right; /* LTR */
776
  float: right; /* LTR */
777
  position: relative;
777
  position: relative;
778
  z-index: 4;
778
  z-index: 4;
779
  height: 25px;
779
  height: 25px;
780
}
780
}
781
 
781
 
782
ul.primary-links li {	
782
ul.primary-links li {	
783
  padding: 0;
783
  padding: 0;
784
  height: 25px;
784
  height: 25px;
785
  margin-left: 2px;
785
  margin-left: 2px;
786
  float: left; /* LTR */
786
  float: left; /* LTR */
787
  background-image: none;
787
  background-image: none;
788
  -moz-border-radius-topright: 1em; 
788
  -moz-border-radius-topright: 1em; 
789
  -moz-border-radius-topleft: 1em;
789
  -moz-border-radius-topleft: 1em;
790
  border-top-right-radius: 1em; 
790
  border-top-right-radius: 1em; 
791
  border-top-left-radius: 1em;
791
  border-top-left-radius: 1em;
792
}
792
}
793
 
793
 
794
ul.primary-links li.lien_primaire {
794
ul.primary-links li.lien_primaire {
795
	margin-left: 3px;
795
	margin-left: 3px;
796
	margin-top: 0px;
796
	margin-top: 0px;
797
	margin-bottom: 0px;
797
	margin-bottom: 0px;
798
	margin-right: 0px;
798
	margin-right: 0px;
799
	-moz-box-shadow: 3px 0px 0 #aaa;  
799
	-moz-box-shadow: 3px 0px 0 #aaa;  
800
	-webkit-box-shadow: 3px 0px 0 #aaa;  
800
	-webkit-box-shadow: 3px 0px 0 #aaa;  
801
	box-shadow: 3px 0px 0 #aaa;  
801
	box-shadow: 3px 0px 0 #aaa;  
802
}
802
}
803
                
803
                
804
 
804
 
805
li#lien_primaire_1 {
805
li#lien_primaire_1 {
806
	width: 20px;
806
	width: 20px;
807
	background-color : #6C9ED8;	
807
	background-color : #6C9ED8;	
808
}
808
}
809
 
809
 
810
li#lien_primaire_1 a img {
810
li#lien_primaire_1 a img {
811
	padding-top: 2px;
811
	padding-top: 2px;
812
}
812
}
813
	
813
	
814
li#lien_primaire_2 {
814
li#lien_primaire_2 {
815
	background-color : #BF3600;	
815
	background-color : #BF3600;	
816
}
816
}
817
 
817
 
818
li#lien_primaire_3 {
818
li#lien_primaire_3 {
819
	background-color : #9AC343;	
819
	background-color : #9AC343;	
820
}
820
}
821
 
821
 
822
li#lien_primaire_4 {
822
li#lien_primaire_4 {
823
	background-color : #EF7B1D;	
823
	background-color : #EF7B1D;	
824
}
824
}
825
 
825
 
826
ul.primary-links li a, ul.primary-links li a:link, ul.primary-links li a:visited {
826
ul.primary-links li a, ul.primary-links li a:link, ul.primary-links li a:visited {
827
  display: block;
827
  display: block;
828
  margin: 0 1em;
828
  margin: 0 1em;
829
  font-weight: bold;
829
  font-weight: bold;
830
  color: #FFFFFF;
830
  color: #FFFFFF;
831
  padding-top: 2px;
831
  padding-top: 2px;
832
}
832
}
833
 
833
 
834
ul.primary-links li a:hover, ul.primary-links li a.active {
834
ul.primary-links li a:hover, ul.primary-links li a.active {
835
  color: #fff;
835
  color: #fff;
836
}
836
}
837
 
837
 
838
ul.primary-links li.active-trail {
838
ul.primary-links li.active-trail {
839
	height:35px;
839
	height:35px;
840
	margin-top:-10px;
840
	margin-top:-10px;
841
}
841
}
842
 
842
 
843
ul.primary-links li.active-trail a {
843
ul.primary-links li.active-trail a {
844
	padding-top: 5px;
844
	padding-top: 5px;
845
}
845
}
846
 
846
 
847
/**
847
/**
848
 * Secondary navigation
848
 * Secondary navigation
849
 */
849
 */
850
ul.secondary-links {
850
ul.secondary-links {
851
  margin: 0;
851
  margin: 0;
852
  padding: 18px 0 0;
852
  padding: 18px 0 0;
853
  float: right; /* LTR */
853
  float: right; /* LTR */
854
  clear: right; /* LTR */
854
  clear: right; /* LTR */
855
  position: relative;
855
  position: relative;
856
  z-index: 4;
856
  z-index: 4;
857
}
857
}
858
 
858
 
859
ul.secondary-links li {
859
ul.secondary-links li {
860
  margin: 0;
860
  margin: 0;
861
  padding: 0;
861
  padding: 0;
862
  float: left; /* LTR */
862
  float: left; /* LTR */
863
  background-image: none;
863
  background-image: none;
864
}
864
}
865
 
865
 
866
ul.secondary-links li a, ul.secondary-links li a:link, ul.secondary-links li a:visited {
866
ul.secondary-links li a, ul.secondary-links li a:link, ul.secondary-links li a:visited {
867
  display: block;
867
  display: block;
868
  margin: 0 1em;
868
  margin: 0 1em;
869
  padding: .75em 0 0;
869
  padding: .75em 0 0;
870
  color: #cde3f1;
870
  color: #cde3f1;
871
  background: transparent;
871
  background: transparent;
872
}
872
}
873
 
873
 
874
ul.secondary-links li a:hover, ul.secondary-links li a.active {
874
ul.secondary-links li a:hover, ul.secondary-links li a.active {
875
  color: #cde3f1;
875
  color: #cde3f1;
876
  background: transparent;
876
  background: transparent;
877
}
877
}
878
 
878
 
879
/**
879
/**
880
 * Local tasks
880
 * Local tasks
881
 */
881
 */
882
ul.primary, ul.primary li, ul.secondary, ul.secondary li {
882
ul.primary, ul.primary li, ul.secondary, ul.secondary li {
883
  border: 0;
883
  border: 0;
884
  background: none;
884
  background: none;
885
  margin: 0;
885
  margin: 0;
886
  padding: 0;
886
  padding: 0;
887
}
887
}
888
 
888
 
889
#tabs-wrapper {
889
#tabs-wrapper {
890
  margin: 0 -26px 1em;
890
  margin: 0 -26px 1em;
891
  padding: 0 26px;
891
  padding: 0 26px;
892
  border-bottom: 1px solid #e9eff3;
892
  border-bottom: 1px solid #e9eff3;
893
  position: relative;
893
  position: relative;
894
}
894
}
895
ul.primary {
895
ul.primary {
896
  padding: 0.5em 0 10px;
896
  padding: 0.5em 0 10px;
897
  float: left; /* LTR */
897
  float: left; /* LTR */
898
}
898
}
899
ul.secondary {
899
ul.secondary {
900
  clear: both;
900
  clear: both;
901
  text-align: left; /* LTR */
901
  text-align: left; /* LTR */
902
  border-bottom: 1px solid #e9eff3;
902
  border-bottom: 1px solid #e9eff3;
903
  margin: -0.2em -26px 1em;
903
  margin: -0.2em -26px 1em;
904
  padding: 0 26px 0.6em;
904
  padding: 0 26px 0.6em;
905
}
905
}
906
h2.with-tabs {
906
h2.with-tabs {
907
  float: left; /* LTR */
907
  float: left; /* LTR */
908
  margin: 0 2em 0 0; /* LTR */
908
  margin: 0 2em 0 0; /* LTR */
909
  padding: 0;
909
  padding: 0;
910
}
910
}
911
 
911
 
912
ul.primary li a, ul.primary li.active a, ul.primary li a:hover, ul.primary li a:visited,
912
ul.primary li a, ul.primary li.active a, ul.primary li a:hover, ul.primary li a:visited,
913
ul.secondary li a, ul.secondary li.active a, ul.secondary li a:hover, ul.secondary li a:visited {
913
ul.secondary li a, ul.secondary li.active a, ul.secondary li a:hover, ul.secondary li a:visited {
914
  border: 0;
914
  border: 0;
915
  background: transparent;
915
  background: transparent;
916
  padding: 4px 1em;
916
  padding: 4px 1em;
917
  margin: 0 0 0 1px; /* LTR */
917
  margin: 0 0 0 1px; /* LTR */
918
  height: auto;
918
  height: auto;
919
  text-decoration: none;
919
  text-decoration: none;
920
  position: relative;
920
  position: relative;
921
  top: -1px;
921
  top: -1px;
922
  display: inline-block;
922
  display: inline-block;
923
}
923
}
924
ul.primary li.active a, ul.primary li.active a:link, ul.primary li.active a:visited, ul.primary li a:hover,
924
ul.primary li.active a, ul.primary li.active a:link, ul.primary li.active a:visited, ul.primary li a:hover,
925
ul.secondary li.active a, ul.secondary li.active a:link, ul.secondary li.active a:visited, ul.secondary li a:hover {
925
ul.secondary li.active a, ul.secondary li.active a:link, ul.secondary li.active a:visited, ul.secondary li a:hover {
926
  background: url(images/bg-tab.png) repeat-x 0 50%;
926
  background: url(images/bg-tab.png) repeat-x 0 50%;
927
  color: #fff;
927
  color: #fff;
928
}
928
}
929
ul.primary li.active a,
929
ul.primary li.active a,
930
ul.secondary li.active a {
930
ul.secondary li.active a {
931
  font-weight: bold;
931
  font-weight: bold;
932
}
932
}
933
 
933
 
934
/**
934
/**
935
 * Nodes & comments
935
 * Nodes & comments
936
 */
936
 */
937
.node {
937
.node {
938
  border-bottom: 1px solid #e9eff3;
938
  border-bottom: 1px solid #e9eff3;
939
  margin: 0 0px 1.5em;
939
  margin: 0 0px 1.5em;
940
  padding: 1.5em 13px;
940
  padding: 1.5em 13px;
941
}
941
}
942
 
942
 
943
ul.links li, ul.inline li {
943
ul.links li, ul.inline li {
944
  margin-left: 0;
944
  margin-left: 0;
945
  margin-right: 0;
945
  margin-right: 0;
946
  padding-left: 0; /* LTR */
946
  padding-left: 0; /* LTR */
947
  padding-right: 1em; /* LTR */
947
  padding-right: 1em; /* LTR */
948
  background-image: none;
948
  background-image: none;
949
}
949
}
950
 
950
 
951
.node .links, .comment .links {
951
.node .links, .comment .links {
952
  text-align: left; /* LTR */
952
  text-align: left; /* LTR */
953
}
953
}
954
 
954
 
955
.node .links ul.links li, .comment .links ul.links li {}
955
.node .links ul.links li, .comment .links ul.links li {}
956
.terms ul.links li {
956
.terms ul.links li {
957
  margin-left: 0;
957
  margin-left: 0;
958
  margin-right: 0;
958
  margin-right: 0;
959
  padding-right: 0;
959
  padding-right: 0;
960
  padding-left: 1em;
960
  padding-left: 1em;
961
}
961
}
962
 
962
 
963
.picture, .comment .submitted {
963
.picture, .comment .submitted {
964
  float: right; /* LTR */
964
  float: right; /* LTR */
965
  clear: right; /* LTR */
965
  clear: right; /* LTR */
966
  padding-left: 1em; /* LTR */
966
  padding-left: 1em; /* LTR */
967
}
967
}
968
 
968
 
969
.new {
969
.new {
970
  color: #ffae00;
970
  color: #ffae00;
971
  font-size: 0.92em;
971
  font-size: 0.92em;
972
  font-weight: bold;
972
  font-weight: bold;
973
  float: right; /* LTR */
973
  float: right; /* LTR */
974
}
974
}
975
 
975
 
976
.terms {
976
.terms {
977
  float: right; /* LTR */
977
  float: right; /* LTR */
978
}
978
}
979
 
979
 
980
.preview .node, .preview .comment, .sticky {
980
.preview .node, .preview .comment, .sticky {
981
  margin: 0;
981
  margin: 0;
982
  padding: 0.5em 0;
982
  padding: 0.5em 0;
983
  border: 0;
983
  border: 0;
984
  background: 0;
984
  background: 0;
985
}
985
}
986
 
986
 
987
.sticky {
987
.sticky {
988
  padding: 1em;
988
  padding: 1em;
989
  background-color: #fff;
989
  background-color: #fff;
990
  border: 1px solid #e0e5fb;
990
  border: 1px solid #e0e5fb;
991
  margin-bottom: 2em;
991
  margin-bottom: 2em;
992
}
992
}
993
 
993
 
994
#comments {
994
#comments {
995
  position: relative;
995
  position: relative;
996
  top: -1px;
996
  top: -1px;
997
  border-bottom: 1px solid #e9eff3;
997
  border-bottom: 1px solid #e9eff3;
998
  margin: -1.5em -25px 0;
998
  margin: -1.5em -25px 0;
999
  padding: 0 25px;
999
  padding: 0 25px;
1000
}
1000
}
1001
 
1001
 
1002
#comments h2.comments {
1002
#comments h2.comments {
1003
  margin: 0 -25px;
1003
  margin: 0 -25px;
1004
  padding: .5em 25px;
1004
  padding: .5em 25px;
1005
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
1005
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
1006
}
1006
}
1007
 
1007
 
1008
.comment {
1008
.comment {
1009
  margin: 0 -25px;
1009
  margin: 0 -25px;
1010
  padding: 1.5em 25px 1.5em;
1010
  padding: 1.5em 25px 1.5em;
1011
  border-top: 1px solid #e9eff3;
1011
  border-top: 1px solid #e9eff3;
1012
}
1012
}
1013
 
1013
 
1014
.indented {
1014
.indented {
1015
  margin-left: 25px; /* LTR */
1015
  margin-left: 25px; /* LTR */
1016
}
1016
}
1017
 
1017
 
1018
.comment h3 a.active {
1018
.comment h3 a.active {
1019
  color: #494949;
1019
  color: #494949;
1020
}
1020
}
1021
 
1021
 
1022
.node .content, .comment .content {
1022
.node .content, .comment .content {
1023
  margin: 0.6em 0;
1023
  margin: 0.6em 0;
1024
}
1024
}
1025
 
1025
 
1026
/**
1026
/**
1027
 * Aggregator.module
1027
 * Aggregator.module
1028
 */
1028
 */
1029
#aggregator {
1029
#aggregator {
1030
  margin-top: 1em;
1030
  margin-top: 1em;
1031
}
1031
}
1032
#aggregator .feed-item-title {
1032
#aggregator .feed-item-title {
1033
  font-size: 160%;
1033
  font-size: 160%;
1034
  line-height: 130%;
1034
  line-height: 130%;
1035
}
1035
}
1036
#aggregator .feed-item {
1036
#aggregator .feed-item {
1037
  border-bottom: 1px solid #e9eff3;
1037
  border-bottom: 1px solid #e9eff3;
1038
  margin: -1.5em -31px 1.75em;
1038
  margin: -1.5em -31px 1.75em;
1039
  padding: 1.5em 31px;
1039
  padding: 1.5em 31px;
1040
}
1040
}
1041
#aggregator .feed-item-categories {
1041
#aggregator .feed-item-categories {
1042
  font-size: 0.92em;
1042
  font-size: 0.92em;
1043
}
1043
}
1044
#aggregator .feed-item-meta {
1044
#aggregator .feed-item-meta {
1045
  font-size: 0.92em;
1045
  font-size: 0.92em;
1046
  color: #898989;
1046
  color: #898989;
1047
}
1047
}
1048
 
1048
 
1049
/**
1049
/**
1050
 * Color.module
1050
 * Color.module
1051
 */
1051
 */
1052
#palette .form-item {
1052
#palette .form-item {
1053
  border: 1px solid #fff;
1053
  border: 1px solid #fff;
1054
}
1054
}
1055
#palette .item-selected {
1055
#palette .item-selected {
1056
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
1056
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
1057
  border: 1px solid #d9eaf5;
1057
  border: 1px solid #d9eaf5;
1058
}
1058
}
1059
 
1059
 
1060
/**
1060
/**
1061
 * Menu.module
1061
 * Menu.module
1062
 */
1062
 */
1063
tr.menu-disabled {
1063
tr.menu-disabled {
1064
  opacity: 0.5;
1064
  opacity: 0.5;
1065
}
1065
}
1066
tr.odd td.menu-disabled {
1066
tr.odd td.menu-disabled {
1067
  background-color: #edf5fa;
1067
  background-color: #edf5fa;
1068
}
1068
}
1069
tr.even td.menu-disabled {
1069
tr.even td.menu-disabled {
1070
  background-color: #fff;
1070
  background-color: #fff;
1071
}
1071
}
1072
 
1072
 
1073
/**
1073
/**
1074
 * Poll.module
1074
 * Poll.module
1075
 */
1075
 */
1076
.poll .bar {
1076
.poll .bar {
1077
  background: #fff url(images/bg-bar-white.png) repeat-x 0 0;
1077
  background: #fff url(images/bg-bar-white.png) repeat-x 0 0;
1078
  border: solid #f0f0f0;
1078
  border: solid #f0f0f0;
1079
  border-width: 0 1px 1px;
1079
  border-width: 0 1px 1px;
1080
}
1080
}
1081
 
1081
 
1082
.poll .bar .foreground {
1082
.poll .bar .foreground {
1083
  background: #71a7cc url(images/bg-bar.png) repeat-x 0 100%;
1083
  background: #71a7cc url(images/bg-bar.png) repeat-x 0 100%;
1084
}
1084
}
1085
 
1085
 
1086
.poll .percent {
1086
.poll .percent {
1087
  font-size: .9em;
1087
  font-size: .9em;
1088
}
1088
}
1089
 
1089
 
1090
/**
1090
/**
1091
 * Autocomplete.
1091
 * Autocomplete.
1092
 */
1092
 */
1093
#autocomplete li {
1093
#autocomplete li {
1094
  cursor: default;
1094
  cursor: default;
1095
  padding: 2px;
1095
  padding: 2px;
1096
  margin: 0;
1096
  margin: 0;
1097
}
1097
}
1098
 
1098
 
1099
/**
1099
/**
1100
 * Collapsible fieldsets
1100
 * Collapsible fieldsets
1101
 */
1101
 */
1102
fieldset {
1102
fieldset {
1103
  margin: 1em 0;
1103
  margin: 1em 0;
1104
  padding: 1em;
1104
  padding: 1em;
1105
  border: 1px solid #d9eaf5;
1105
  border: 1px solid #d9eaf5;
1106
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
1106
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
1107
}
1107
}
1108
 
1108
 
1109
/* Targets IE 7. Fixes background image in field sets. */
1109
/* Targets IE 7. Fixes background image in field sets. */
1110
*:first-child+html fieldset {
1110
*:first-child+html fieldset {
1111
  padding: 0 1em 1em;
1111
  padding: 0 1em 1em;
1112
  background-position: 0 .75em;
1112
  background-position: 0 .75em;
1113
  background-color: transparent;
1113
  background-color: transparent;
1114
}
1114
}
1115
 
1115
 
1116
*:first-child+html fieldset > .description, *:first-child+html fieldset .fieldset-wrapper .description {
1116
*:first-child+html fieldset > .description, *:first-child+html fieldset .fieldset-wrapper .description {
1117
  padding-top: 1em;
1117
  padding-top: 1em;
1118
}
1118
}
1119
 
1119
 
1120
fieldset legend {
1120
fieldset legend {
1121
  /* Fix disappearing legend in FFox */
1121
  /* Fix disappearing legend in FFox */
1122
  display: block;
1122
  display: block;
1123
}
1123
}
1124
 
1124
 
1125
*:first-child+html fieldset legend, *:first-child+html fieldset.collapsed legend {
1125
*:first-child+html fieldset legend, *:first-child+html fieldset.collapsed legend {
1126
  display: inline;
1126
  display: inline;
1127
}
1127
}
1128
 
1128
 
1129
html.js fieldset.collapsed {
1129
html.js fieldset.collapsed {
1130
  background: transparent;
1130
  background: transparent;
1131
  padding-top: 0;
1131
  padding-top: 0;
1132
  padding-bottom: .6em;
1132
  padding-bottom: .6em;
1133
}
1133
}
1134
 
1134
 
1135
html.js fieldset.collapsible legend a {
1135
html.js fieldset.collapsible legend a {
1136
  padding-left: 2em; /* LTR */
1136
  padding-left: 2em; /* LTR */
1137
  background: url(images/menu-expanded.gif) no-repeat 0% 50%; /* LTR */
1137
  background: url(images/menu-expanded.gif) no-repeat 0% 50%; /* LTR */
1138
}
1138
}
1139
 
1139
 
1140
html.js fieldset.collapsed legend a {
1140
html.js fieldset.collapsed legend a {
1141
  background: url(images/menu-collapsed.gif) no-repeat 0% 50%; /* LTR */
1141
  background: url(images/menu-collapsed.gif) no-repeat 0% 50%; /* LTR */
1142
}
1142
}
1143
 
1143
 
1144
/**
1144
/**
1145
 * Syndication icons and block
1145
 * Syndication icons and block
1146
 */
1146
 */
1147
#block-node-0 h2 {
1147
#block-node-0 h2 {
1148
  float: left; /* LTR */
1148
  float: left; /* LTR */
1149
  padding-right: 20px; /* LTR */
1149
  padding-right: 20px; /* LTR */
1150
}
1150
}
1151
 
1151
 
1152
#block-node-0 img, .feed-icon {
1152
#block-node-0 img, .feed-icon {
1153
  float: right; /* LTR */
1153
  float: right; /* LTR */
1154
  padding-top: 4px;
1154
  padding-top: 4px;
1155
}
1155
}
1156
 
1156
 
1157
#block-node-0 .content {
1157
#block-node-0 .content {
1158
  clear: right; /* LTR */
1158
  clear: right; /* LTR */
1159
}
1159
}
1160
 
1160
 
1161
/**
1161
/**
1162
 * Login Block
1162
 * Login Block
1163
 */
1163
 */
1164
#user-login-form {
1164
#user-login-form {
1165
  text-align: center;
1165
  text-align: center;
1166
}
1166
}
1167
#user-login-form ul {
1167
#user-login-form ul {
1168
  text-align: left; /* LTR */
1168
  text-align: left; /* LTR */
1169
}
1169
}
1170
 
1170
 
1171
/**
1171
/**
1172
 * User profiles.
1172
 * User profiles.
1173
 */
1173
 */
1174
.profile {
1174
.profile {
1175
  margin-top: 1.5em;
1175
  margin-top: 1.5em;
1176
}
1176
}
1177
.profile h3 {
1177
.profile h3 {
1178
  border-bottom: 0;
1178
  border-bottom: 0;
1179
  margin-bottom: 1em;
1179
  margin-bottom: 1em;
1180
}
1180
}
1181
.profile dl {
1181
.profile dl {
1182
  margin: 0;
1182
  margin: 0;
1183
}
1183
}
1184
.profile dt {
1184
.profile dt {
1185
  font-weight: normal;
1185
  font-weight: normal;
1186
  color: #898989;
1186
  color: #898989;
1187
  font-size: 0.92em;
1187
  font-size: 0.92em;
1188
  line-height: 1.3em;
1188
  line-height: 1.3em;
1189
  margin-top: 1.4em;
1189
  margin-top: 1.4em;
1190
  margin-bottom: 0.45em;
1190
  margin-bottom: 0.45em;
1191
}
1191
}
1192
.profile dd {
1192
.profile dd {
1193
  margin-bottom: 1.6em;
1193
  margin-bottom: 1.6em;
1194
}
1194
}
1195
 
1195
 
1196
/**
1196
/**
1197
 * Admin Styles
1197
 * Admin Styles
1198
 */
1198
 */
1199
div.admin-panel,
1199
div.admin-panel,
1200
div.admin-panel .description,
1200
div.admin-panel .description,
1201
div.admin-panel .body,
1201
div.admin-panel .body,
1202
div.admin,
1202
div.admin,
1203
div.admin .left,
1203
div.admin .left,
1204
div.admin .right,
1204
div.admin .right,
1205
div.admin .expert-link,
1205
div.admin .expert-link,
1206
div.item-list,
1206
div.item-list,
1207
.menu {
1207
.menu {
1208
  margin: 0;
1208
  margin: 0;
1209
  padding: 0;
1209
  padding: 0;
1210
}
1210
}
1211
 
1211
 
1212
div.admin .left {
1212
div.admin .left {
1213
  float: left; /* LTR */
1213
  float: left; /* LTR */
1214
  width: 48%;
1214
  width: 48%;
1215
}
1215
}
1216
div.admin .right {
1216
div.admin .right {
1217
  float: right; /* LTR */
1217
  float: right; /* LTR */
1218
  width: 48%;
1218
  width: 48%;
1219
}
1219
}
1220
 
1220
 
1221
div.admin-panel {
1221
div.admin-panel {
1222
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
1222
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
1223
  padding: 1em 1em 1.5em;
1223
  padding: 1em 1em 1.5em;
1224
}
1224
}
1225
div.admin-panel .description {
1225
div.admin-panel .description {
1226
  margin-bottom: 1.5em;
1226
  margin-bottom: 1.5em;
1227
}
1227
}
1228
div.admin-panel dl {
1228
div.admin-panel dl {
1229
  margin: 0;
1229
  margin: 0;
1230
}
1230
}
1231
div.admin-panel dd {
1231
div.admin-panel dd {
1232
  color: #898989;
1232
  color: #898989;
1233
  font-size: 0.92em;
1233
  font-size: 0.92em;
1234
  line-height: 1.3em;
1234
  line-height: 1.3em;
1235
  margin-top: -.2em;
1235
  margin-top: -.2em;
1236
  margin-bottom: .65em;
1236
  margin-bottom: .65em;
1237
}
1237
}
1238
 
1238
 
1239
table.system-status-report th {
1239
table.system-status-report th {
1240
  border-color: #d3e7f4;
1240
  border-color: #d3e7f4;
1241
}
1241
}
1242
 
1242
 
1243
#autocomplete li.selected, tr.selected td, tr.selected td.active {
1243
#autocomplete li.selected, tr.selected td, tr.selected td.active {
1244
  background: #027ac6;
1244
  background: #027ac6;
1245
  color: #fff;
1245
  color: #fff;
1246
}
1246
}
1247
 
1247
 
1248
tr.selected td a:link, tr.selected td a:visited, tr.selected td a:active {
1248
tr.selected td a:link, tr.selected td a:visited, tr.selected td a:active {
1249
  color: #d3e7f4;
1249
  color: #d3e7f4;
1250
}
1250
}
1251
 
1251
 
1252
tr.taxonomy-term-preview {
1252
tr.taxonomy-term-preview {
1253
  opacity: 0.5;
1253
  opacity: 0.5;
1254
}
1254
}
1255
 
1255
 
1256
tr.taxonomy-term-divider-top {
1256
tr.taxonomy-term-divider-top {
1257
  border-bottom: none;
1257
  border-bottom: none;
1258
}
1258
}
1259
 
1259
 
1260
tr.taxonomy-term-divider-bottom {
1260
tr.taxonomy-term-divider-bottom {
1261
  border-top: 1px dotted #CCC;
1261
  border-top: 1px dotted #CCC;
1262
}
1262
}
1263
 
1263
 
1264
/**
1264
/**
1265
 * CSS support
1265
 * CSS support
1266
 */
1266
 */
1267
 
1267
 
1268
/*******************************************************************
1268
/*******************************************************************
1269
 * Color Module: Don't touch                                       *
1269
 * Color Module: Don't touch                                       *
1270
 *******************************************************************/
1270
 *******************************************************************/
1271
 
1271
 
1272
/**
1272
/**
1273
 * Generic elements.
1273
 * Generic elements.
1274
 */
1274
 */
1275
.messages {
1275
.messages {
1276
  background-color: #fff;
1276
  background-color: #fff;
1277
  border: 1px solid #b8d3e5;
1277
  border: 1px solid #b8d3e5;
1278
}
1278
}
1279
 
1279
 
1280
.preview {
1280
.preview {
1281
  background-color: #fcfce8;
1281
  background-color: #fcfce8;
1282
  border: 1px solid #e5e58f;
1282
  border: 1px solid #e5e58f;
1283
}
1283
}
1284
 
1284
 
1285
div.status {
1285
div.status {
1286
  color: #33a333;
1286
  color: #33a333;
1287
  border-color: #c7f2c8;
1287
  border-color: #c7f2c8;
1288
}
1288
}
1289
 
1289
 
1290
div.error, tr.error {
1290
div.error, tr.error {
1291
  color: #a30000;
1291
  color: #a30000;
1292
  background-color: #FFCCCC;
1292
  background-color: #FFCCCC;
1293
}
1293
}
1294
 
1294
 
1295
.form-item input.error, .form-item textarea.error {
1295
.form-item input.error, .form-item textarea.error {
1296
  border: 1px solid #c52020;
1296
  border: 1px solid #c52020;
1297
  color: #363636;
1297
  color: #363636;
1298
}
1298
}
1299
 
1299
 
1300
/**
1300
/**
1301
 * dblog.module
1301
 * dblog.module
1302
 */
1302
 */
1303
tr.dblog-user {
1303
tr.dblog-user {
1304
  background-color: #fcf9e5;
1304
  background-color: #fcf9e5;
1305
}
1305
}
1306
 
1306
 
1307
tr.dblog-user td.active {
1307
tr.dblog-user td.active {
1308
  background-color: #fbf5cf;
1308
  background-color: #fbf5cf;
1309
}
1309
}
1310
 
1310
 
1311
tr.dblog-content {
1311
tr.dblog-content {
1312
  background-color: #fefefe;
1312
  background-color: #fefefe;
1313
}
1313
}
1314
 
1314
 
1315
tr.dblog-content td.active {
1315
tr.dblog-content td.active {
1316
  background-color: #f5f5f5;
1316
  background-color: #f5f5f5;
1317
}
1317
}
1318
 
1318
 
1319
tr.dblog-warning {
1319
tr.dblog-warning {
1320
  background-color: #fdf5e6;
1320
  background-color: #fdf5e6;
1321
}
1321
}
1322
 
1322
 
1323
tr.dblog-warning td.active {
1323
tr.dblog-warning td.active {
1324
  background-color: #fdf2de;
1324
  background-color: #fdf2de;
1325
}
1325
}
1326
 
1326
 
1327
tr.dblog-error {
1327
tr.dblog-error {
1328
  background-color: #fbe4e4;
1328
  background-color: #fbe4e4;
1329
}
1329
}
1330
 
1330
 
1331
tr.dblog-error td.active {
1331
tr.dblog-error td.active {
1332
  background-color: #fbdbdb;
1332
  background-color: #fbdbdb;
1333
}
1333
}
1334
tr.dblog-page-not-found, tr.dblog-access-denied {
1334
tr.dblog-page-not-found, tr.dblog-access-denied {
1335
  background: #d7ffd7;
1335
  background: #d7ffd7;
1336
}
1336
}
1337
tr.dblog-page-not-found td.active, tr.dblog-access-denied td.active {
1337
tr.dblog-page-not-found td.active, tr.dblog-access-denied td.active {
1338
  background: #c7eec7;
1338
  background: #c7eec7;
1339
}
1339
}
1340
 
1340
 
1341
/**
1341
/**
1342
 * Status report colors.
1342
 * Status report colors.
1343
 */
1343
 */
1344
table.system-status-report tr.error, table.system-status-report tr.error th {
1344
table.system-status-report tr.error, table.system-status-report tr.error th {
1345
  background-color: #fcc;
1345
  background-color: #fcc;
1346
  border-color: #ebb;
1346
  border-color: #ebb;
1347
  color: #200;
1347
  color: #200;
1348
}
1348
}
1349
table.system-status-report tr.warning, table.system-status-report tr.warning th {
1349
table.system-status-report tr.warning, table.system-status-report tr.warning th {
1350
  background-color: #ffd;
1350
  background-color: #ffd;
1351
  border-color: #eeb;
1351
  border-color: #eeb;
1352
}
1352
}
1353
table.system-status-report tr.ok, table.system-status-report tr.ok th {
1353
table.system-status-report tr.ok, table.system-status-report tr.ok th {
1354
  background-color: #dfd;
1354
  background-color: #dfd;
1355
  border-color: #beb;
1355
  border-color: #beb;
1356
}
1356
}