Subversion Repositories WebE

Rev

Rev 15 | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 15 Rev 31
Line 1... Line 1...
1
@charset "utf-8";
1
@charset "utf-8";
2
2
3
body, td {
3
body,td {
4
        font-family:Arial, Helvetica, sans-serif;
4
  font-family: Arial, Helvetica, sans-serif;
5
        font-size:12px;
5
  font-size: 12px;
6
        text-align:left;
6
  text-align: left;
7
}
7
}
8
8
9
body {
9
body {
10
        margin: 0;
10
  margin: 0;
11
        padding: 12px;
11
  padding: 12px;
12
}
12
}
13
13
14
h1 {
14
h1 {
15
        font-size: 21px;
15
  font-size: 21px;
16
        margin-top: 0;
16
  margin-top: 0;
17
        padding: 0;
17
  padding: 0;
18
}
18
}
19
19
20
h2 {
20
h2 {
21
        font-size: 14px;
21
  font-size: 14px;
22
        margin-top: 20px;
22
  margin-top: 20px;
23
        margin-bottom: 10px;
23
  margin-bottom: 10px;
24
}
24
}
25
25
26
h3 {
26
h3 {
27
        font-size:13px;
27
  font-size: 13px;
28
}
28
}
29
29
30
img {
30
img {
31
        border:none;
31
  border: none;
32
}
32
}
33
33
34
-
 
35
-
 
36
/*********************************************************************************
34
/*********************************************************************************
37
 * Links
35
 * Links
38
 */
36
 */
39
-
 
40
a, a:link, a:visited, a:active {
37
a,a:link,a:visited,a:active {
41
        color: #AA0000;
38
  color: #AA0000;
42
        text-decoration: none;
39
  text-decoration: none;
43
}
40
}
44
41
45
a:hover {
42
a:hover {
46
        color: #E30119;
43
  color: #E30119;
47
        text-decoration: underline;
44
  text-decoration: underline;
48
}
45
}
49
46
50
a.button {
47
a.button {
51
        display: block;
48
  display: block;
52
        font-weight: bold;
49
  font-weight: bold;
53
        padding-top: 4px;
50
  padding-top: 4px;
54
        padding-left: 6px;
51
  padding-left: 6px;
55
        padding-bottom: 4px;
52
  padding-bottom: 4px;
56
        padding-right: 6px;
53
  padding-right: 6px;
57
        border-top: 1px solid #BBBBBB;
54
  border-top: 1px solid #BBBBBB;
58
        border-left: 1px solid #BBBBBB;
55
  border-left: 1px solid #BBBBBB;
59
        border-bottom: 1px solid #555555;
56
  border-bottom: 1px solid #555555;
60
        border-right: 1px solid #555555;
57
  border-right: 1px solid #555555;
61
        background-color: #CCCCCC;
58
  background-color: #CCCCCC;
62
        text-decoration: none;
59
  text-decoration: none;
63
}
60
}
64
61
65
a.button:active {
62
a.button:active {
66
        text-decoration: none;
63
  text-decoration: none;
67
}
64
}
68
65
69
a.button:visited {
66
a.button:visited {
70
        text-decoration: none;
67
  text-decoration: none;
71
}
68
}
72
69
73
a.button:hover {
70
a.button:hover {
74
        background-color: #DDDDDD;
71
  background-color: #DDDDDD;
75
}
72
}
76
73
77
-
 
78
/*********************************************************************************
74
/*********************************************************************************
79
 * Table
75
 * Table
80
 */
76
 */
81
-
 
82
table {
77
table {
83
        margin: 5px 0 10px 0;
78
  margin: 5px 0 10px 0;
84
        padding: 0;
79
  padding: 0;
85
}
80
}
86
81
87
table.no_margin {
82
table.no_margin {
88
        margin: 0;
83
  margin: 0;
89
}
84
}
90
85
91
td, th {
86
td,th {
92
        text-align: left;
87
  text-align: left;
93
        vertical-align: top;   
88
  vertical-align: top;
94
        margin: 0;
89
  margin: 0;
95
        padding: 0 10px 0 0;
90
  padding: 0 10px 0 0;
96
}
91
}
97
92
98
/* style for listing tables */
93
/* style for listing tables */
99
table.list {
94
table.list {
100
        border-collapse: collapse;
95
  border-collapse: collapse;
101
}
96
}
102
97
103
table.list  td, table.list th {
98
table.list  td,table.list th {
104
        margin: 0;
99
  margin: 0;
105
        padding: 3px 30px 3px 1px;
100
  padding: 3px 30px 3px 1px;
106
        border-bottom: 1px solid #EBEBED;
101
  border-bottom: 1px solid #EBEBED;
107
}
102
}
108
103
109
/* style for form tables */
104
/* style for form tables */
110
table.form {
105
table.form {
111
        border-collapse: collapse;
106
  border-collapse: collapse;
112
}
107
}
113
108
114
table.form  td, table.form th {
109
table.form  td,table.form th {
115
        margin: 0;
110
  margin: 0;
116
        padding: 0 20px 6px 0;
111
  padding: 0 20px 6px 0;
117
}
112
}
118
113
119
/* Header table */
114
/* Header table */
120
table.header {
115
table.header {
121
        margin: 0;
116
  margin: 0;
122
}
117
}
123
118
124
td.no_padding {
119
td.no_padding {
125
        padding: 0;
120
  padding: 0;
126
}
121
}
127
122
128
-
 
129
/*********************************************************************************
123
/*********************************************************************************
130
 * Custom classes
124
 * Custom classes
131
 */
125
 */
132
-
 
133
div#page-container {
126
div#page-container {
134
        width: 100%;
127
  width: 100%;
135
}
128
}
136
129
137
div#header {
130
div#header {
138
        width: 100%;
131
  width: 100%;
139
        padding: 0 0 15px 0;
132
  padding: 0 0 15px 0;
140
        border-bottom: #EBEBED 10px solid;
133
  border-bottom: #EBEBED 10px solid;
141
}
134
}
142
135
143
div#navbar {
136
div#navbar {
144
        float: left;
137
  float: left;
145
        width: 200px;
138
  width: 200px;
146
        padding: 15px 20px 0 0;
139
  padding: 15px 20px 0 0;
147
        position:absolute;
140
  position: absolute;
148
}
141
}
149
142
150
div#content {
143
div#content {
151
        padding: 15px 0 10px 230px;
144
  padding: 15px 0 10px 230px;
152
145
153
        /*
146
  /*
154
        border-color:#F00;
147
        border-color:#F00;
155
        border-style:solid;
148
        border-style:solid;
156
        border-width:thick;
149
        border-width:thick;
157
        */
150
        */
158
}
151
}
159
152
160
.right {
153
.right {
161
        text-align: right;
154
  text-align: right;
162
}
155
}
163
156
164
span.normal {
157
span.normal {
165
        font-weight: normal;
158
  font-weight: normal;
166
}
159
}
167
160
168
/*********************************************************************************
161
/*********************************************************************************
169
 * Login
162
 * Login
170
 */
163
 */
171
       
-
 
172
div#login {
164
div#login {
173
        background-color: #EBEBED;
165
  background-color: #EBEBED;
174
        width: 350px;
166
  width: 350px;
175
        padding: 10px;
167
  padding: 10px;
176
        margin: auto;
168
  margin: auto;
177
        margin-top: 50px;
169
  margin-top: 50px;
178
        text-align: center;
170
  text-align: center;
179
}
171
}
180
172
181
p.login_failed {
173
p.login_failed {
182
        color: #DD0000;
174
  color: #DD0000;
183
        font-weight: bold;     
175
  font-weight: bold;
184
        background-color: #FFFFFF;
176
  background-color: #FFFFFF;
185
}
177
}
186
178
187
input.login {
179
input.login {
188
        width: 200px;  
180
  width: 200px;
189
}
181
}
190
182
191
-
 
192
-
 
193
-
 
194
/*********************************************************************************
183
/*********************************************************************************
195
 * Dialogs
184
 * Dialogs
196
 */
185
 */
197
div.errormsg { /* Old version by Kevin */
186
div.errormsg { /* Old version by Kevin */
198
        font-weight: bold;
187
  font-weight: bold;
199
    border: 2px solid black;
188
  border: 2px solid black;
200
        color: #DD0000;
189
  color: #DD0000;
201
    position: fixed;
190
  position: fixed;
202
    left:10px;
191
  left: 10px;
203
    top: 10px;
192
  top: 10px;
204
    padding-top: 20px;
193
  padding-top: 20px;
205
    padding-bottom: 20px;
194
  padding-bottom: 20px;
206
    margin-left:40%;
195
  margin-left: 40%;
207
    text-align: center;
196
  text-align: center;
208
    font-size: 16px;
197
  font-size: 16px;
209
    width: 20%;
198
  width: 20%;
210
}
199
}
211
200
212
#dialog {
201
#dialog {
213
        font-weight: bold;
202
  font-weight: bold;
214
    border: 5px solid #888888;
203
  border: 5px solid #888888;
215
        color: #000000;
204
  color: #000000;
216
    position: absolute;
205
  position: absolute;
217
    left: 30%;
206
  left: 30%;
218
        top: 20px;
207
  top: 20px;
219
        text-align: left;
208
  text-align: left;
220
       
-
 
221
        padding: 10px 10px 10px 80px;
209
  padding: 10px 10px 10px 80px;
222
        margin: 20px auto auto auto;
210
  margin: 20px auto auto auto;
223
       
-
 
224
    width: 40%;
211
  width: 40%;
225
        background-color: #FFFFFF;
212
  background-color: #FFFFFF;
226
       
-
 
227
        z-index: 1000;
213
  z-index: 1000;
228
}
214
}
229
215
230
#overlay {
216
#overlay {
231
        position: absolute;
217
  position: absolute;
232
        top: 0;
218
  top: 0;
233
        left: 0;
219
  left: 0;
234
        width: 100%;
220
  width: 100%;
235
        height: 100%;
221
  height: 100%;
236
        z-index: 500;
222
  z-index: 500;
237
        background-color: #EBEBED;
223
  background-color: #EBEBED;
238
       
-
 
239
        opacity: 0.7; /* for real browsers */
224
  opacity: 0.7; /* for real browsers */
240
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* for IE 8 */
225
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
-
 
226
  /* for IE 8 */
241
        filter: alpha(opacity=70); /* for IE */
227
  filter: alpha(opacity = 70); /* for IE */
242
}
228
}
243
229
244
-
 
245
/* Error dialog */
230
/* Error dialog */
246
.dialog_error {
231
.dialog_error {
247
        background: #FFFFFF url(../../resources/images/dialog_error.png) no-repeat 10px 10px;
232
  background: #FFFFFF url(../../resources/images/dialog_error.png)
-
 
233
    no-repeat 10px 10px;
248
}
234
}
249
235
250
/* Warning dialog */
236
/* Warning dialog */
251
.dialog_warning {
237
.dialog_warning {
252
        background: #FFFFFF url(../../resources/images/dialog_warning.png) no-repeat 10px 10px;
238
  background: #FFFFFF url(../../resources/images/dialog_warning.png)
-
 
239
    no-repeat 10px 10px;
253
}
240
}
254
241
255
/* Info dialog */
242
/* Info dialog */
256
.dialog_info {
243
.dialog_info {
257
        background: #FFFFFF url(../../resources/images/dialog_info.png) no-repeat 10px 10px;
244
  background: #FFFFFF url(../../resources/images/dialog_info.png)
-
 
245
    no-repeat 10px 10px;
258
}
246
}
259
247
260
/* Question dialog */
248
/* Question dialog */
261
.dialog_question {
249
.dialog_question {
262
        background: #FFFFFF url(../../resources/images/dialog_question.png) no-repeat 10px 10px;
250
  background: #FFFFFF url(../../resources/images/dialog_question.png)
-
 
251
    no-repeat 10px 10px;
263
}
252
}
264
253
265
/*Notification*/
254
/*Notification*/
266
.notificationIcon {
255
.notificationIcon {
267
    float:right;
256
  float: right;
268
}
257
}
269
258
270
-
 
271
/* Title of dialog box */
259
/* Title of dialog box */
272
#dialog_title {
260
#dialog_title {
273
        float: left;
261
  float: left;
274
        width: 100%;
262
  width: 100%;
275
        margin: 0 0 10px 0;
263
  margin: 0 0 10px 0;
276
        padding: 0;
264
  padding: 0;
277
        font-size: 14px;
265
  font-size: 14px;
278
        font-weight: bold;
266
  font-weight: bold;
279
}
267
}
280
268
281
/* Text of dialog box */
269
/* Text of dialog box */
282
#dialog_text {
270
#dialog_text {
283
        float: left;
271
  float: left;
284
        width: 100%;
272
  width: 100%;
285
        margin: 0 0 10px 0;
273
  margin: 0 0 10px 0;
286
        padding: 0;
274
  padding: 0;
287
    font-size: 14px;
275
  font-size: 14px;
288
        font-weight: normal;
276
  font-weight: normal;
289
}
277
}
290
278
291
/* Buttons in dialog box */
279
/* Buttons in dialog box */
292
#dialog_buttons {
280
#dialog_buttons {
293
        width: 100%;
281
  width: 100%;
294
        float: left;
282
  float: left;
295
        text-align: right;
283
  text-align: right;
296
        margin: 0;
284
  margin: 0;
297
        padding: 10px 0 0 0;
285
  padding: 10px 0 0 0;
298
}
286
}
299
287
300
-
 
301
/*********************************************************************************
288
/*********************************************************************************
302
 * Navigation on the left side
289
 * Navigation on the left side
303
 */
290
 */
304
291
305
/* First level of navigation */
292
/* First level of navigation */
306
#navigation ul {
293
#navigation ul {
307
        list-style-type: none;
294
  list-style-type: none;
308
        list-style-image: none;
295
  list-style-image: none;
309
        margin: 0;
296
  margin: 0;
310
        padding: 0;
297
  padding: 0;
311
}
298
}
312
299
313
#navigation ul  li {
300
#navigation ul  li {
314
        border-bottom: #EBEBED 7px solid;
301
  border-bottom: #EBEBED 7px solid;
315
        margin: 0;
302
  margin: 0;
316
        padding: 5px 0 5px 1px;
303
  padding: 5px 0 5px 1px;
317
        font-weight: bold;
304
  font-weight: bold;
318
        font-size: 13px;
305
  font-size: 13px;
319
}
306
}
320
307
321
/* Second level of navigation */
308
/* Second level of navigation */
322
#navigation ul  li ul {
309
#navigation ul  li ul {
323
        padding: 3px 0 0 0;
310
  padding: 3px 0 0 0;
324
}
311
}
325
312
326
#navigation ul  li ul li {
313
#navigation ul  li ul li {
327
        border-bottom: none;
314
  border-bottom: none;
328
        margin: 0;
315
  margin: 0;
329
        padding: 3px 0 3px 7px;
316
  padding: 3px 0 3px 7px;
330
        font-weight: normal;
317
  font-weight: normal;
331
        font-size: 12px;
318
  font-size: 12px;
332
}
319
}
333
320
334
/* Links in navigation area */
321
/* Links in navigation area */
335
#navigation a {
322
#navigation a {
336
        text-decoration: none;
323
  text-decoration: none;
337
        color: #333333;
324
  color: #333333;
338
}
325
}
339
326
340
#navigation a:active {
327
#navigation a:active {
341
        text-decoration: none;
328
  text-decoration: none;
342
        color: #E30119;
329
  color: #E30119;
343
}
330
}
344
331
345
#navigation a:hover {
332
#navigation a:hover {
346
        text-decoration: none;
333
  text-decoration: none;
347
        color: #E30119;
334
  color: #E30119;
348
}
335
}
349
336
350
-
 
351
/*********************************************************************************
337
/*********************************************************************************
352
 * General page formatting
338
 * General page formatting
353
 */
339
 */
354
 
-
 
355
p.main_hint {
340
p.main_hint {
356
        font-weight: bold;
341
  font-weight: bold;
357
}
342
}
358
343
359
p.sub_hint {
344
p.sub_hint {
-
 
345
 
360
}
346
}
361
347
362
.hidden {
348
.hidden {
363
        display: none;
349
  display: none;
364
}
350
}
365
 
351
366
/*********************************************************************************
352
/*********************************************************************************
367
 * Customer selection
353
 * Customer selection
368
 */
354
 */
369
-
 
370
div.customer {
355
div.customer {
371
        border-left: #EBEBED 5px solid;
356
  border-left: #EBEBED 5px solid;
372
        padding: 0 5px 0 5px;
357
  padding: 0 5px 0 5px;
373
        margin: 0 0 10px 0;
358
  margin: 0 0 10px 0;
374
        float: left;
359
  float: left;
375
        width: 300px;
360
  width: 300px;
376
}
361
}
377
362
378
/*********************************************************************************
363
/*********************************************************************************
379
 * Change Request
364
 * Change Request
380
 */
365
 */
381
table.change_request {
366
table.change_request {
382
        margin-left: -10px;
367
  margin-left: -10px;
383
}
368
}
384
369
385
/*********************************************************************************
370
/*********************************************************************************
386
 * Form fields
371
 * Form fields
387
 */
372
 */
388
 
-
 
389
.input_ro { /* read only input field */
373
.input_ro { /* read only input field */
390
        border: 2px solid #EEEEEE;
374
  border: 2px solid #EEEEEE;
391
        background-color: #EEEEEE;
375
  background-color: #EEEEEE;
392
}
376
}
393
377
394
.invalid { /* Fields containing invalid input */
378
.invalid { /* Fields containing invalid input */
395
        border: 2px #FF0000 solid;
379
  border: 2px #FF0000 solid;
396
        background-color: #FFDDDD;
380
  background-color: #FFDDDD;
397
}
381
}
398
382
399
-
 
400
/*********************************************************************************
383
/*********************************************************************************
401
 * Shopping cart
384
 * Shopping cart
402
 */
385
 */
403
 
-
 
404
table.shopping_cart {
386
table.shopping_cart {
405
        border-collapse: collapse;
387
  border-collapse: collapse;
406
        border: 3px solid #EBEBED;
388
  border: 3px solid #EBEBED;
407
}
389
}
408
390
409
table.shopping_cart td {
391
table.shopping_cart td {
410
        padding: 3px 10px 3px 3px;
392
  padding: 3px 10px 3px 3px;
411
        border-top: 1px solid #EBEBED;
393
  border-top: 1px solid #EBEBED;
412
}
394
}
413
395
414
table.shopping_cart tr.additional_info td {
396
table.shopping_cart tr.additional_info td {
415
        border-top: none;
397
  border-top: none;
416
}
398
}
417
399
418
table.shopping_cart td.right,
-
 
419
table.shopping_cart th.right {
400
table.shopping_cart td.right,table.shopping_cart th.right {
420
        padding-right: 20px;
401
  padding-right: 20px;
421
}
402
}
422
403
423
table.shopping_cart th {
404
table.shopping_cart th {
424
        padding: 3px 10px 3px 3px;
405
  padding: 3px 10px 3px 3px;
425
        background-color: #EBEBED;
406
  background-color: #EBEBED;
426
}
407
}
427
408
428
/* Buttons "Place order and Request offer" */
409
/* Buttons "Place order and Request offer" */
429
table.shopping_cart div.button {
410
table.shopping_cart div.button {
430
        float: right;
411
  float: right;
431
        margin: 7px 0 0 10px;
412
  margin: 7px 0 0 10px;
432
}
413
}
-
 
414
433
table.shopping_cart form {
415
table.shopping_cart form {
-
 
416
  margin: 0;
434
        margin: 0; padding: 0; /* Necessary for IE */
417
  padding: 0; /* Necessary for IE */
435
}
418
}
436
419
437
/* No padding-right for buttons in shopping cart */
420
/* No padding-right for buttons in shopping cart */
438
table.shopping_cart th.buttons, th.buttons {
421
table.shopping_cart th.buttons,th.buttons {
439
        text-align: right;
422
  text-align: right;
440
        padding-right: 0px;
423
  padding-right: 0px;
441
}
424
}
442
425
443
/* Icon for opening additional info */
426
/* Icon for opening additional info */
444
img.additional_info_icon {
427
img.additional_info_icon {
445
        width: 16px;
428
  width: 16px;
446
        height: 16px;
429
  height: 16px;
447
        padding: 0;
430
  padding: 0;
448
        margin: 0 0 0 4px;
431
  margin: 0 0 0 4px;
449
        cursor: pointer;
432
  cursor: pointer;
450
        vertical-align:text-top;
433
  vertical-align: text-top;
451
}
434
}
452
435
453
/* Title "Important information" */
436
/* Title "Important information" */
454
.additional_info_title {
437
.additional_info_title {
455
        font-weight: bold;
438
  font-weight: bold;
456
}
439
}
457
440
458
/* Cells containing the additional info or the title of the info */
441
/* Cells containing the additional info or the title of the info */
459
td.additional_info {
442
td.additional_info {
460
        padding: 3px;
443
  padding: 3px;
461
        background-color: #FFFF99;
444
  background-color: #FFFF99;
462
}
445
}
463
 
446
464
/* Actual text of additional info has to be a monospace font */
447
/* Actual text of additional info has to be a monospace font */
465
.additional_info_text {
448
.additional_info_text {
466
        font-family: "Courier New", Courier, monospace;
449
  font-family: "Courier New", Courier, monospace;
467
        padding: 5px 0 0 0;
450
  padding: 5px 0 0 0;
468
        font-weight: bold;
451
  font-weight: bold;
469
}
452
}
470
453
471
/* Additional info, if a sparepart is not available (replacement part page) */
454
/* Additional info, if a sparepart is not available (replacement part page) */
472
.additional_info_replacement {
455
.additional_info_replacement {
473
        padding: 3px;
456
  padding: 3px;
474
        background-color: #FFFF99;
457
  background-color: #FFFF99;
475
        font-family: "Courier New", Courier, monospace;
458
  font-family: "Courier New", Courier, monospace;
476
        font-weight: bold;
459
  font-weight: bold;
477
}
460
}
478
461
479
/* deleted parts */
462
/* deleted parts */
480
.part_deleted {
463
.part_deleted {
481
        background-color: #FFBBBB;
464
  background-color: #FFBBBB;
482
}
465
}
483
466
484
/* Arrow in empty shopping cart pointing to the entry form */
467
/* Arrow in empty shopping cart pointing to the entry form */
485
#arrow_left {
468
#arrow_left {
486
        height: 38px;
469
  height: 38px;
487
        padding-left: 45px;
470
  padding-left: 45px;
488
        background: url('../../resources/images/double_left_arrow.png') no-repeat 3px 3px;
471
  background: url('../../resources/images/double_left_arrow.png')
-
 
472
    no-repeat 3px 3px;
489
}
473
}
490
474
491
/* Difference to minimum order value */
475
/* Difference to minimum order value */
492
#order_diff th {
476
#order_diff th {
493
        background-color: #FFCCCC;
477
  background-color: #FFCCCC;
494
        color: #E30119;
478
  color: #E30119;
495
}
479
}
496
480
497
-
 
498
#shopping_cart_buttons {
481
#shopping_cart_buttons {
499
        width: 100%;
482
  width: 100%;
500
}
483
}
501
484
502
.float_left {
485
.float_left {
503
        float: left;
486
  float: left;
504
}
487
}
505
488
506
.float_right {
489
.float_right {
507
        float: right;
490
  float: right;
508
}
491
}
509
492
510
-
 
511
/*********************************************************************************
493
/*********************************************************************************
512
 * Filter
494
 * Filter
513
 */
495
 */
514
-
 
515
#filter_list {
496
#filter_list {
516
        display: inline-block;
497
  display: inline-block;
517
        float: none;
498
  float: none;
518
}
499
}
519
500
520
#filter_show label {
501
#filter_show label {
521
        vertical-align: middle;
502
  vertical-align: middle;
522
}
503
}
523
504
524
#filter_show fieldset {
505
#filter_show fieldset {
525
        padding: 5px;
506
  padding: 5px;
526
}
507
}
527
508
528
#event_type_block {
509
#event_type_block {
529
        width: 200px;
510
  width: 200px;
530
        height: 80px;
511
  height: 80px;
531
        float: left;
512
  float: left;
532
}
513
}
533
514
534
#event_type_block select {
515
#event_type_block select {
535
        width: 150px;
516
  width: 150px;
536
}
517
}
537
518
538
-
 
539
#user_id_block {
519
#user_id_block {
540
        width: 200px;
520
  width: 200px;
541
        height: 80px;
521
  height: 80px;
542
        float: left;
522
  float: left;
543
}
523
}
544
524
545
#selected_customer_block {
525
#selected_customer_block {
546
        width: 200px;
526
  width: 200px;
547
        height: 80px;
527
  height: 80px;
548
        float: left;
528
  float: left;
549
}
529
}
550
530
551
#date_filter_block {
531
#date_filter_block {
552
        width: 220px;
532
  width: 220px;
553
        height: 80px;
533
  height: 80px;
554
        float: left;
534
  float: left;
555
        text-align: right;
535
  text-align: right;
556
}
536
}
557
537
558
#date_filter_block input {
538
#date_filter_block input {
559
        padding-right: 5px;
539
  padding-right: 5px;
560
}
540
}
561
541
562
-
 
563
#filter_spacer {
542
#filter_spacer {
564
        width: 10px;
543
  width: 10px;
565
        height: 80px;
544
  height: 80px;
566
}
545
}
567
546
568
#filter_submit {
547
#filter_submit {
569
        padding-top: 10px;
548
  padding-top: 10px;
570
        text-align: right;
549
  text-align: right;
571
}
550
}
572
551
573
.event_list th {
552
.event_list th {
574
        text-align: left;
553
  text-align: left;
575
}
554
}
576
555
577
.event_list td {
556
.event_list td {
578
        padding-right: 20px;
557
  padding-right: 20px;
579
}
558
}
580
559
581
.event_selection_list{
560
.event_selection_list {
582
        width: 350px;
561
  width: 350px;
583
        border: 1px solid black;
562
  border: 1px solid black;
584
        background-color: #EEEEEE;
563
  background-color: #EEEEEE;
585
        position:absolute;
564
  position: absolute;
586
}
565
}
587
566
588
.event_selection_list_item {
567
.event_selection_list_item {
589
        padding: 2px;
568
  padding: 2px;
590
        cursor: pointer;
569
  cursor: pointer;
591
}
570
}
592
571
593
.event_selection_list_item:hover , .event_selection_list_item_hover{
572
.event_selection_list_item:hover,.event_selection_list_item_hover {
594
        background-color: black;
573
  background-color: black;
595
        color: white;
574
  color: white;
596
        padding: 2px;
575
  padding: 2px;
597
        cursor: pointer;
576
  cursor: pointer;
598
}
577
}
599
578
600
.pager {
579
.pager {
601
        padding-top: 20px;
580
  padding-top: 20px;
602
        text-align: center;
581
  text-align: center;
603
}
582
}
604
583
605
.pager span {
584
.pager span {
606
        padding: 5px;
585
  padding: 5px;
607
}
586
}
608
-
 
609
 
587