report_html 0.3.4 → 0.3.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
data/js/canvasXpress.css CHANGED
@@ -35,14 +35,14 @@ th.cxx,th.cxz,th.cxb,th.cxs,th.cxv,td.cxx,td.cxz,td.cxb,td.cxs,td.cxv {
35
35
 
36
36
  td.cxx,td.cxz,td.cxb,td.cxs,td.cxv {
37
37
  font: normal 12px arial, tahoma, sans-serif;
38
- line-height: 16px;
38
+ line-height: 24px;
39
39
  background: #fefefe;
40
40
  padding: 1px;
41
41
  }
42
42
 
43
43
  td.cxy {
44
44
  font: normal 12px arial, tahoma, sans-serif;
45
- line-height: 16px;
45
+ line-height: 24px;
46
46
  border: 1px solid #cccccc;
47
47
  vertical-align: middle;
48
48
  text-align: right;
@@ -51,16 +51,27 @@ td.cxy {
51
51
  }
52
52
 
53
53
  input[type="color"] {
54
- -webkit-appearance: none;
55
- border: none;
56
- width: 100%;
57
- height: 100%;
54
+ -webkit-appearance: none;
55
+ border: none;
56
+ width: 100%;
57
+ height: 100%;
58
58
  }
59
+
59
60
  input[type="color"]::-webkit-color-swatch-wrapper {
60
- padding: 0;
61
+ padding: 0;
61
62
  }
63
+
62
64
  input[type="color"]::-webkit-color-swatch {
63
- border: none;
65
+ border: none;
66
+ }
67
+
68
+ .unselectable {
69
+ -webkit-touch-callout: none;
70
+ -webkit-user-select: none;
71
+ -khtml-user-select: none;
72
+ -moz-user-select: none;
73
+ -ms-user-select: none;
74
+ user-select: none;
64
75
  }
65
76
 
66
77
  div.cxc {
@@ -76,7 +87,7 @@ div.CanvasXpressCode {
76
87
  border: 1px solid rgb(51, 122, 183);
77
88
  border-radius: 5px;
78
89
  box-sizing: content-box;
79
- background-color: rgb(245, 245, 245);
90
+ background-color: rgba(245, 245, 245, 0.95);
80
91
  cursor: move;
81
92
  color: rgb(34, 34, 34);
82
93
  font: normal 12px arial, tahoma, sans-serif;
@@ -89,66 +100,143 @@ div.CanvasXpressCode {
89
100
  img.CanvasXpressCode {
90
101
  cursor: default;
91
102
  float: right;
92
- margin: 2px 3px 0px 0px;
103
+ margin: 2px 8px 0px 0px;
93
104
  padding-bottom: 5px;
94
- user-select: none;
95
- -moz-user-select: none;
105
+ -moz-user-select: none;
96
106
  -khtml-user-select: none;
97
107
  -webkit-user-select: none;
98
108
  -o-user-select: none;
99
- -ms-user-select: none;
109
+ -ms-user-select: none;
100
110
  }
101
111
 
102
112
  pre.CanvasXpressCode {
103
113
  text-align: left;
104
114
  padding: inherit;
105
- margin: inherit;
106
- font-size: inherit;
107
- line-height: inherit;
108
- color: inherit;
109
- word-break: inherit;
110
- word-wrap: inherit;
111
- background-color: inherit;
112
- border: none;
113
- border-radius: inherit;
115
+ margin: inherit;
116
+ font-size: inherit;
117
+ line-height: inherit;
118
+ color: inherit;
119
+ word-break: inherit;
120
+ word-wrap: inherit;
121
+ background-color: inherit;
122
+ border: none;
123
+ border-radius: inherit;
114
124
  }
115
125
 
116
126
  div.CanvasXpressCodeContainer {
117
- background-color: rgb(245, 245, 245);
118
- box-sizing: content-box;
119
- clear: both;
127
+ background-color: rgba(245, 245, 245, 0.95);
128
+ box-sizing: content-box;
129
+ clear: both;
120
130
  max-height: 500px;
121
131
  max-width: 600px;
122
132
  overflow: auto;
123
133
  }
124
134
 
125
135
  div.CanvasXpressCodeContent {
126
- background-color: rgb(245, 245, 245);
127
- box-sizing: content-box;
128
- margin: 2px 3px;
136
+ background-color: rgba(245, 245, 245, 0.95);
137
+ box-sizing: content-box;
138
+ margin: 2px 3px;
129
139
  padding: 2px 3px;
130
140
  }
131
141
 
132
142
  pre.CanvasXpressCodeContent {
133
- background-color: rgb(245, 245, 245);
143
+ background-color: rgba(245, 245, 245, 0.95);
134
144
  border: none;
135
145
  margin: 0px;
136
146
  padding: 10px;
137
147
  white-space: pre;
138
- font-size: inherit;
139
- line-height: inherit;
140
- color: inherit;
141
- word-break: inherit;
142
- word-wrap: inherit;
143
- border-radius: inherit;
148
+ font-size: inherit;
149
+ line-height: inherit;
150
+ color: inherit;
151
+ word-break: inherit;
152
+ word-wrap: inherit;
153
+ border-radius: inherit;
144
154
  }
155
+ /*
156
+ * Carousel
157
+ */
145
158
 
159
+ div.CanvasXpressCarouselScene {
160
+ position: relative;
161
+ margin: 0;
162
+ }
163
+
164
+ div.CanvasXpressCarousel {
165
+ width: 100%;
166
+ height: 100%;
167
+ position: absolute;
168
+ transform: translateZ(-288px);
169
+ transform-style: preserve-3d;
170
+ transition: transform 1s;
171
+ }
172
+
173
+ span.CanvasXpressCarousel {
174
+ padding : 1px;
175
+ position: absolute;
176
+ border: 1px solid rgb(51, 122, 183);
177
+ border-radius: 2px;
178
+ line-height: 10px;
179
+ cursor: pointer;
180
+ }
181
+
182
+ div.CanvasXpressCarouselCell {
183
+ position: absolute;
184
+ transition: transform 1s, opacity 1s;
185
+ background-color: rgba(245, 245, 245, 0.95);
186
+ border: 1px solid rgb(51, 122, 183);
187
+ border-radius: 5px;
188
+ backface-visibility : hidden;
189
+ }
190
+
191
+ div.CanvasXpressCarouselCell:nth-child(1) {
192
+ transform: rotateY( 0deg) translateZ(288px);
193
+ }
194
+ div.CanvasXpressCarouselCell:nth-child(2) {
195
+ transform: rotateY( 40deg) translateZ(288px);
196
+ }
197
+ div.CanvasXpressCarouselCell:nth-child(3) {
198
+ transform: rotateY( 80deg) translateZ(288px);
199
+ }
200
+ div.CanvasXpressCarouselCell:nth-child(4) {
201
+ transform: rotateY(120deg) translateZ(288px);
202
+ }
203
+ div.CanvasXpressCarouselCell:nth-child(5) {
204
+ transform: rotateY(160deg) translateZ(288px);
205
+ }
206
+ div.CanvasXpressCarouselCell:nth-child(6) {
207
+ transform: rotateY(200deg) translateZ(288px);
208
+ }
209
+ div.CanvasXpressCarouselCell:nth-child(7) {
210
+ transform: rotateY(240deg) translateZ(288px);
211
+ }
212
+ div.CanvasXpressCarouselCell:nth-child(8) {
213
+ transform: rotateY(280deg) translateZ(288px);
214
+ }
215
+ div.CanvasXpressCarouselCell:nth-child(9) {
216
+ transform: rotateY(320deg) translateZ(288px);
217
+ }
218
+
219
+ img.CanvasXpressCarousel:hover {
220
+ -webkit-transform: scale(1.8, 1.8);
221
+ -ms-transform: scale(1.8, 1.8);
222
+ transform: scale(1.8, 1.8);
223
+ transition-duration: 0.3s;
224
+ -webkit-transition-duration: 0.3s; /* Safari */
225
+ box-shadow: 10px 10px 5px #888888;
226
+ z-index: 2;
227
+ position: relative;
228
+ cursor: pointer;
229
+ }
230
+
231
+ /*
232
+ * CanvasXpressBin
233
+ */
146
234
  div.CanvasXpressBin {
147
235
  border: 1px solid rgb(51, 122, 183);
148
236
  border-radius: 5px;
149
- background-color: rgb(245, 245, 245);
150
- box-sizing: content-box;
151
- cursor: move;
237
+ background-color: rgba(245, 245, 245, 0.95);
238
+ box-sizing: content-box;
239
+ cursor: move;
152
240
  color: rgb(34, 34, 34);
153
241
  font: normal 12px arial, tahoma, sans-serif;
154
242
  margin: 2px 3px;
@@ -166,18 +254,17 @@ img.CanvasXpressBin {
166
254
  float: right;
167
255
  margin: 2px 3px 0px 0px;
168
256
  padding-bottom: 5px;
169
- user-select: none;
170
- -moz-user-select: none;
257
+ -moz-user-select: none;
171
258
  -khtml-user-select: none;
172
259
  -webkit-user-select: none;
173
260
  -o-user-select: none;
174
- -ms-user-select: none;
261
+ -ms-user-select: none;
175
262
  }
176
263
 
177
264
  div.CanvasXpressBinContainer {
178
- background-color: rgb(245, 245, 245);
179
- box-sizing: content-box;
180
- clear: both;
265
+ background-color: rgba(245, 245, 245, 0.95);
266
+ box-sizing: content-box;
267
+ clear: both;
181
268
  -moz-user-select: none;
182
269
  -khtml-user-select: none;
183
270
  -webkit-user-select: none;
@@ -185,11 +272,15 @@ div.CanvasXpressBinContainer {
185
272
  }
186
273
 
187
274
  div.CanvasXpressBinNameContainer {
188
- background-color: rgb(245, 245, 245);
275
+ background-color: rgba(245, 245, 245, 0.95);
276
+ border: 1px solid rgb(51, 122, 183);
277
+ border-radius: 5px;
189
278
  box-sizing: content-box;
190
- clear: both;
191
- max-height: 180px;
279
+ clear: both;
280
+ max-height: 400px;
281
+ margin: 8px;
192
282
  overflow-y: auto;
283
+ padding: 5px;
193
284
  -moz-user-select: none;
194
285
  -khtml-user-select: none;
195
286
  -webkit-user-select: none;
@@ -197,13 +288,15 @@ div.CanvasXpressBinNameContainer {
197
288
  }
198
289
 
199
290
  input.CanvasXpressBin {
200
- background-color: rgb(255, 255, 255);
201
- border: 1px solid rgb(51, 122, 183);
291
+ background-color: rgba(255, 255, 255, 0.95);
292
+ border: 1px solid rgb(51, 122, 183);
202
293
  color: rgb(34, 34, 34);
203
294
  cursor: default;
204
295
  font: normal 12px arial, tahoma, sans-serif;
205
- line-height: 16px;
296
+ line-height: 24px;
206
297
  padding-left: 3px;
298
+ border-radius: 5px;
299
+ margin: 3px;
207
300
  }
208
301
 
209
302
  table.CanvasXpressBinTable {
@@ -212,7 +305,7 @@ table.CanvasXpressBinTable {
212
305
  color: rgb(34, 34, 34);
213
306
  cursor: default;
214
307
  font: normal 12px arial, tahoma, sans-serif;
215
- line-height: 16px;
308
+ line-height: 24px;
216
309
  padding-left: 3px;
217
310
  -moz-user-select: none;
218
311
  -khtml-user-select: none;
@@ -229,6 +322,14 @@ span.CanvasXpressBin {
229
322
  -o-user-select: none;
230
323
  }
231
324
 
325
+ img.CanvasXpressBin::selection,span.CanvasXpressBin::selection {
326
+ background: rgba(0, 0, 0, 0);
327
+ color: rgb(0, 0, 0);
328
+ }
329
+
330
+ /*
331
+ * CanvasXpressDataExplorer
332
+ */
232
333
  hr.CanvasXpressDataExplorer {
233
334
  border: 0;
234
335
  background-color: rgb(51, 122, 183);
@@ -250,13 +351,34 @@ img.CanvasXpressDataExplorer {
250
351
  cursor: pointer;
251
352
  margin: 3px;
252
353
  padding: 3px;
354
+ -webkit-transform: scale(1, 1);
355
+ -ms-transform: scale(1, 1);
356
+ transform: scale(1, 1);
357
+ transition-duration: 0.3s;
358
+ -webkit-transition-duration: 0.3s; /* Safari */
359
+ }
360
+
361
+ img.CanvasXpressDataExplorer:hover {
362
+ border: 1px solid rgb(51, 122, 183);
363
+ border-radius: 5px;
364
+ cursor: pointer;
365
+ margin: 3px;
366
+ padding: 3px;
367
+ -webkit-transform: scale(1.8, 1.8);
368
+ -ms-transform: scale(1.8, 1.8);
369
+ transform: scale(1.8, 1.8);
370
+ transition-duration: 0.3s;
371
+ -webkit-transition-duration: 0.3s; /* Safari */
372
+ box-shadow: 10px 10px 5px #888888;
373
+ z-index: 2;
374
+ position: relative;
253
375
  }
254
376
 
255
377
  div.CanvasXpressDataExplorerActive {
256
378
  border: 1px dashed rgb(255, 0, 0);
257
379
  border-radius: 5px;
258
- box-sizing: content-box;
259
- font: normal 12px arial, tahoma, sans-serif;
380
+ box-sizing: content-box;
381
+ font: normal 12px arial, tahoma, sans-serif;
260
382
  margin: 3px;
261
383
  padding: 3px;
262
384
  white-space: normal;
@@ -264,15 +386,33 @@ div.CanvasXpressDataExplorerActive {
264
386
 
265
387
  div.CanvasXpressDataExplorer {
266
388
  border: 1px solid rgb(51, 122, 183);
267
- border-radius: 5px;
268
- box-sizing: content-box;
269
- font: normal 12px arial, tahoma, sans-serif;
389
+ border-radius: 2px;
390
+ box-sizing: content-box;
391
+ font: normal 12px arial, tahoma, sans-serif;
270
392
  margin: 3px;
271
393
  padding: 3px;
272
394
  white-space: normal;
273
395
  }
274
396
 
275
- span.CanvasXpressDataExplorerNumeric {
397
+ img.CanvasXpressDataExplorerMask {
398
+ position: absolute;
399
+ left: 0px;
400
+ top: 0px;
401
+ margin: 0px;
402
+ width: 100%;
403
+ height: 20px;
404
+ -moz-user-select: none;
405
+ -khtml-user-select: none;
406
+ -webkit-user-select: none;
407
+ -o-user-select: none;
408
+ -ms-user-select: none;
409
+ -moz-user-select: none;
410
+ }
411
+
412
+ span.CanvasXpressDataExplorerNumeric,
413
+ span.CanvasXpressDataExplorerString,
414
+ span.CanvasXpressDataExplorerUnique
415
+ {
276
416
  border: 1px solid rgb(51, 122, 183);
277
417
  border-radius: 5px;
278
418
  font: normal 12px arial, tahoma, sans-serif;
@@ -281,56 +421,67 @@ span.CanvasXpressDataExplorerNumeric {
281
421
  word-wrap: normal;
282
422
  display: inline-block;
283
423
  text-align: start;
424
+ max-width: 150px;
425
+ overflow: hidden;
426
+ position: relative;
427
+ -moz-user-select: none;
428
+ -khtml-user-select: none;
429
+ -webkit-user-select: none;
430
+ -o-user-select: none;
431
+ -ms-user-select: none;
284
432
  }
285
433
 
286
434
  span.CanvasXpressDataExplorerString {
287
- border: 1px solid rgb(51, 122, 183);
288
- border-radius: 5px;
289
435
  color: rgb(255, 0, 0);
290
- font: normal 12px arial, tahoma, sans-serif;
291
- margin: 3px;
292
- padding: 3px;
293
- word-wrap: normal;
294
- display: inline-block;
295
- text-align: start;
296
436
  }
297
437
 
298
438
  span.CanvasXpressDataExplorerUnique {
299
- border: 1px solid rgb(51, 122, 183);
300
- border-radius: 5px;
301
- color: rgb(0, 0, 255);
302
- font: normal 12px arial, tahoma, sans-serif;
303
- margin: 3px;
304
- padding: 3px;
305
- word-wrap: normal;
306
- display: inline-block;
307
- text-align: start;
439
+ color: rgb(0, 0, 255);
308
440
  }
309
441
 
310
442
  span.CanvasXpressDataExplorer {
311
- border: 1px solid rgb(51, 122, 183);
312
- border-radius: 5px;
313
- cursor : pointer;
314
- font: bold 12px arial, tahoma, sans-serif;
315
- line-height: 380%;
316
- padding: 6px 23px;
317
- margin-left: -4px;
318
- }
319
-
443
+ border: 1px solid rgb(51, 122, 183);
444
+ border-radius: 5px;
445
+ cursor: pointer;
446
+ font: bold 12px arial, tahoma, sans-serif;
447
+ line-height: 380%;
448
+ padding: 6px 29px;
449
+ margin-left: -4px;
450
+ }
451
+
452
+ br::selection,
453
+ hr.CanvasXpressDataExplorer::selection,
454
+ img.CanvasXpressDataExplorerActive::selection,
455
+ img.CanvasXpressDataExplorer::selection,
456
+ div.CanvasXpressDataExplorerActive::selection,
457
+ div.CanvasXpressDataExplorer::selection,
458
+ img.CanvasXpressDataExplorerMask::selection,
459
+ span.CanvasXpressDataExplorerNumeric::selection,
460
+ span.CanvasXpressDataExplorerString::selection,
461
+ span.CanvasXpressDataExplorerUnique::selection,
462
+ span.CanvasXpressDataExplorer::selection
463
+ {
464
+ background: rgba(0, 0, 0, 0);
465
+ color: rgb(0, 0, 0);
466
+ }
467
+
468
+ /*
469
+ * CanvasXpressDrag
470
+ */
320
471
  div.CanvasXpressDrag {
321
472
  opacity: 0.75;
322
- box-sizing: content-box;
323
- filter: alpha(opacity = 75);
324
- background-color: rgb(245, 245, 245);
473
+ box-sizing: content-box;
474
+ filter: alpha(opacity = 75);
475
+ background-color: rgba(245, 245, 245, 0.95);
325
476
  position: absolute;
326
477
  }
327
478
 
328
479
  div.CanvasXpressTooltip {
329
480
  border: 1px solid rgb(51, 122, 183);
330
481
  border-radius: 5px;
331
- background-color: rgb(245, 245, 245);
332
- box-sizing: content-box;
333
- cursor: move;
482
+ background-color: rgba(245, 245, 245, 0.95);
483
+ box-sizing: content-box;
484
+ cursor: move;
334
485
  color: rgb(34, 34, 34);
335
486
  font: normal 12px arial, tahoma, sans-serif;
336
487
  margin: 2px 3px;
@@ -341,24 +492,54 @@ div.CanvasXpressTooltip {
341
492
  text-align: left;
342
493
  }
343
494
 
495
+ div.CanvasXpressTooltipArrowLeft {
496
+ position: absolute;
497
+ height: 0;
498
+ width: 0;
499
+ background: rgba(245, 245, 245, 0.95);
500
+ border: 1px solid rgb(51, 122, 183);
501
+ z-index: 1;
502
+ }
503
+
504
+ div.CanvasXpressTooltipArrowLeft:after, div.CanvasXpressTooltipArrowLeft:before {
505
+ border: solid transparent;
506
+ right: 0px;
507
+ content: " ";
508
+ position: absolute;
509
+ pointer-events: none;
510
+ }
511
+
512
+ div.CanvasXpressTooltipArrowLeft:after {
513
+ border-color: rgba(245, 245, 245, 0);;
514
+ border-right-color: rgb(245, 245, 245);
515
+ border-width: 8px;
516
+ margin-top: -8px;
517
+ }
518
+
519
+ div.CanvasXpressTooltipArrowLeft:before {
520
+ border-color: rgba(51, 122, 183, 0);
521
+ border-right-color: rgb(51, 122, 183);
522
+ border-width: 9px;
523
+ margin-top: -9px;
524
+ }
525
+
344
526
  img.CanvasXpressTooltip {
345
527
  cursor: default;
346
528
  float: right;
347
529
  margin: 2px 3px 0px 0px;
348
530
  padding-bottom: 2px;
349
- user-select: none;
350
- cursor: default;
531
+ cursor: default;
351
532
  -moz-user-select: none;
352
533
  -khtml-user-select: none;
353
534
  -webkit-user-select: none;
354
535
  -o-user-select: none;
355
- -ms-user-select: none;
536
+ -ms-user-select: none;
356
537
  }
357
538
 
358
539
  span.CanvasXpressTooltip {
359
540
  border: 1px solid rgb(51, 122, 183);
360
541
  border-radius: 5px;
361
- background-color: rgb(245, 245, 245);
542
+ background-color: rgba(245, 245, 245, 0.95);
362
543
  cursor: move;
363
544
  color: rgb(34, 34, 34);
364
545
  font: normal 12px arial, tahoma, sans-serif;
@@ -376,17 +557,18 @@ div.CanvasXpressCanvasResizer { /*
376
557
  * background-image: url(data:image/gif;base64,R0lGODlhNgA3APMAAP///wCQ/3jD/hyc/g6W/tjt/lS0/tzv/sTk/kiv/orL/gAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAANgA3AAAEzBDISau9OOvNu/9gKI5kaZ4lkhBEgqCnws6EApMITb93uOqsRC8EpA1Bxdnx8wMKl51ckXcsGFiGAkamsy0LA9pAe1EFqRbBYCAYXXUGk4DWJhZN4dlAlMSLRW80cSVzM3UgB3ksAwcnamwkB28GjVCWl5iZmpucnZ4cj4eWoRqFLKJHpgSoFIoEe5ausBeyl7UYqqw9uaVrukOkn8LDxMXGx8ibwY6+JLxydCO3JdMg1dJ/Is+E0SPLcs3Jnt/F28XXw+jC5uXh4u89EQAh+QQJCgAAACwAAAAANgA3AAAEzhDISau9OOvNu/9gKI5kaZ5oqhYGQRiFWhaD6w6xLLa2a+iiXg8YEtqIIF7vh/QcarbB4YJIuBKIpuTAM0wtCqNiJBgMBCaE0ZUFCXpoknWdCEFvpfURdCcM8noEIW82cSNzRnWDZoYjamttWhphQmOSHFVXkZecnZ6foKFujJdlZxqELo1AqQSrFH1/TbEZtLM9shetrzK7qKSSpryixMXGx8jJyifCKc1kcMzRIrYl1Xy4J9cfvibdIs/MwMue4cffxtvE6qLoxubk8ScRACH5BAkKAAAALAAAAAA2ADcAAATOEMhJq7046827/2AojmRpnmiqrqwwDAJbCkRNxLI42MSQ6zzfD0Sz4YYfFwyZKxhqhgJJeSQVdraBNFSsVUVPHsEAzJrEtnJNSELXRN2bKcwjw19f0QG7PjA7B2EGfn+FhoeIiYoSCAk1CQiLFQpoChlUQwhuBJEWcXkpjm4JF3w9P5tvFqZsLKkEF58/omiksXiZm52SlGKWkhONj7vAxcbHyMkTmCjMcDygRNAjrCfVaqcm11zTJrIjzt64yojhxd/G28XqwOjG5uTxJhEAIfkECQoAAAAsAAAAADYANwAABM0QyEmrvTjrzbv/YCiOZGmeaKqurDAMAlsKRE3EsjjYxJDrPN8PRLPhhh8XDMk0KY/OF5TIm4qKNWtnZxOWuDUvCNw7kcXJ6gl7Iz1T76Z8Tq/b7/i8qmCoGQoacT8FZ4AXbFopfTwEBhhnQ4w2j0GRkgQYiEOLPI6ZUkgHZwd6EweLBqSlq6ytricICTUJCKwKkgojgiMIlwS1VEYlspcJIZAkvjXHlcnKIZokxJLG0KAlvZfAebeMuUi7FbGz2z/Rq8jozavn7Nev8CsRACH5BAkKAAAALAAAAAA2ADcAAATLEMhJq7046827/2AojmRpnmiqrqwwDAJbCkRNxLI42MSQ6zzfD0Sz4YYfFwzJNCmPzheUyJuKijVrZ2cTlrg1LwjcO5HFyeoJeyM9U++mfE6v2+/4PD6O5F/YWiqAGWdIhRiHP4kWg0ONGH4/kXqUlZaXmJlMBQY1BgVuUicFZ6AhjyOdPAQGQF0mqzauYbCxBFdqJao8rVeiGQgJNQkIFwdnB0MKsQrGqgbJPwi2BMV5wrYJetQ129x62LHaedO21nnLq82VwcPnIhEAIfkECQoAAAAsAAAAADYANwAABMwQyEmrvTjrzbv/YCiOZGmeaKqurDAMAlsKRE3EsjjYxJDrPN8PRLPhhh8XDMk0KY/OF5TIm4qKNWtnZxOWuDUvCNw7kcXJ6gl7Iz1T76Z8Tq/b7/g8Po7kX9haKoAZZ0iFGIc/iRaDQ40Yfj+RepSVlpeYAAgJNQkIlgo8NQqUCKI2nzNSIpynBAkzaiCuNl9BIbQ1tl0hraewbrIfpq6pbqsioaKkFwUGNQYFSJudxhUFZ9KUz6IGlbTfrpXcPN6UB2cHlgfcBuqZKBEAIfkECQoAAAAsAAAAADYANwAABMwQyEmrvTjrzbv/YCiOZGmeaKqurDAMAlsKRE3EsjjYxJDrPN8PRLPhhh8XDMk0KY/OF5TIm4qKNWtnZxOWuDUvCNw7kcXJ6gl7Iz1T76Z8Tq/b7yJEopZA4CsKPDUKfxIIgjZ+P3EWe4gECYtqFo82P2cXlTWXQReOiJE5bFqHj4qiUhmBgoSFho59rrKztLVMBQY1BgWzBWe8UUsiuYIGTpMglSaYIcpfnSHEPMYzyB8HZwdrqSMHxAbath2MsqO0zLLorua05OLvJxEAIfkECQoAAAAsAAAAADYANwAABMwQyEmrvTjrzbv/YCiOZGmeaKqurDAMAlsKRE3EsjjYxJDrPN8PRLPhfohELYHQuGBDgIJXU0Q5CKqtOXsdP0otITHjfTtiW2lnE37StXUwFNaSScXaGZvm4r0jU1RWV1hhTIWJiouMjVcFBjUGBY4WBWw1A5RDT3sTkVQGnGYYaUOYPaVip3MXoDyiP3k3GAeoAwdRnRoHoAa5lcHCw8TFxscduyjKIrOeRKRAbSe3I9Um1yHOJ9sjzCbfyInhwt3E2cPo5dHF5OLvJREAOwAAAAAAAAAAAA==);
377
558
  * background-position: 50% 50%;
378
559
  * background-repeat: no-repeat;
379
- */
560
+ */
561
+
380
562
  }
381
563
 
382
564
  div.CanvasXpressCanvasResizerClose {
383
- box-sizing: content-box;
565
+ box-sizing: content-box;
384
566
  background-image:
385
567
  url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAcUlEQVR42mM8e/bsfwYCgBGkSE9PD6eCS5cuIRSxsrIy/P79Gy4J42MoAgGQBDIbRRFMNwzATMVQhGwNVjehm/T582cwfevWLfxu+vTpO8Pt29ew++7Hjx8MvLy8mIpgAKTg/38WOB+uiGCIE1JAXUUA5WZpcWW3WYkAAAAASUVORK5CYII=);
386
568
  }
387
569
 
388
570
  div.CanvasXpressCanvasResizerloading1 {
389
- box-sizing: content-box;
571
+ box-sizing: content-box;
390
572
  background-image:
391
573
  url(data:image/gif;base64,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);
392
574
  background-position: 50% 50%;
@@ -394,296 +576,123 @@ div.CanvasXpressCanvasResizerloading1 {
394
576
  }
395
577
 
396
578
  div.CanvasXpressCanvasResizerloading2 {
397
- box-sizing: content-box;
579
+ box-sizing: content-box;
398
580
  background-image:
399
581
  url(data:image/gif;base64,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);
400
582
  background-position: 50% 50%;
401
583
  background-repeat: no-repeat;
402
584
  }
403
585
 
404
- div.CanvasXpressCanvasResizerHandleBottomLeft {
405
- box-sizing: content-box;
406
- background-image:
407
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAU0lEQVR42qXRwQ2AQAgEwN2a6AlqgmbRhxoPuai5TXjwmACBKFHVRJOI4L1nRXthAgfMikQEs5jZhVtIDosgM1uYB8THiVieuHbjid39FT3gnz9u9HM/CccnGSYAAAAASUVORK5CYII=);
408
- }
409
-
410
- div.CanvasXpressCanvasResizerHandleBottomRight {
411
- box-sizing: content-box;
412
- background-image:
413
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAU0lEQVR42qXRsQ3AMAgEwP9lYSbYiZlwihTGwkosv0Th4gQGYomIJJq4O+c3V/QUNrBgzsjMsEtEFNxCsgyCzGxhvhA/O+K6490fv7Cq9ls9veMAMlROCZGGzoIAAAAASUVORK5CYII=);
414
- }
415
-
416
- div.CanvasXpressCanvasResizerHandleLeftBottom {
417
- box-sizing: content-box;
418
- background-image:
419
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAV0lEQVR42s3RYQrAIAgFYN9l9Ux6J8/kMlisSVCwHxMkkA+JJ6hWtMZzgCPEzPHWZoaBEqhqWSkiHWIFstw9EU0IAEXEeP+Alh+/I2hdUIIewXaYn9zuAvvFYzW/ZOHtAAAAAElFTkSuQmCC);
420
- }
421
-
422
- div.CanvasXpressCanvasResizerHandleLeftTop {
423
- box-sizing: content-box;
424
- background-image:
425
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAV0lEQVR42s3RXQqAQAgEYOeyeia9k2eadjda+jEo6CFBBPkeZIRci62xX+AVUlWedURgog5aS4EGRAfuLlVl5oAHBEBIzvkHdHv4FkEFzWyN4HGYn/xuAfvFYzWpquzKAAAAAElFTkSuQmCC);
426
- }
427
-
428
- div.CanvasXpressCanvasResizerHandleRightBottom {
429
- box-sizing: content-box;
430
- background-image:
431
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAWUlEQVR42s3RYQqAMAgFYN+ZvJOeSS/7mkWj2oKCfiTIQD5kPCFjsTWOA7xCZsarzkx0VCAihpXuvkIUaC2qKrMqeEIAhGR//4BuP75HUHCS0xbB4zA/ud0Ck8ZRNRk7N7UAAAAASUVORK5CYII=);
432
- }
433
-
434
- div.CanvasXpressCanvasResizerHandleRightTop {
435
- box-sizing: content-box;
436
- background-image:
437
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAVklEQVR42s3RUQqAQAgEUOdM3knPpJedtoVd2jIo6CNBBHkfMkKuxdY4LvAKmRnPOjMx0Q5aS4E6xACqKlW5uywIgJCc8w/o9vARQUSUoEfwOMxPfrcBk8ZRNaDq7hAAAAAASUVORK5CYII=);
438
- }
439
-
440
- div.CanvasXpressCanvasResizerHandleTopLeft {
441
- box-sizing: content-box;
442
- background-image:
443
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAVElEQVR42qXRsQ1AIQgE0LuZ2AlmgmXxF79Ag4nGSygsXkAglqhqoklEsL65InfvHMxswqzoK4gIdqm4heQ0CDKzhflDHHbEc8e3P1a8OUe/1ds7DvRzPwlJyXXrAAAAAElFTkSuQmCC);
444
- }
445
-
446
- div.CanvasXpressCanvasResizerHandleTopRight {
447
- box-sizing: content-box;
448
- background-image:
449
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAVUlEQVR42qXRSwrAMAgE0JnL6pn0Tp7JIrSlCQZSMjsXD3/EFBFJNHF3fmvOyMw6B1UdMHdQJSIKvriF5DAIMrOFeUNsdsRxx7MdH1wjL97RX/XvHy8yVE4JLqbgIQAAAABJRU5ErkJggg==);
450
- }
451
-
452
- div.CanvasXpressCanvasResizerScrollerBodyHorBottom {
453
- box-sizing: content-box;
454
- background-image:
455
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAOCAYAAADuQ3ZcAAAARklEQVR42mP8DwSMX7///M/49u1HKPHy5ev/jPfvv/3PePP28/+M9+7d/8949erD/4xnz92DEsePXv/PuGjR4v+MLi4u/wEZbzCqfaYTKwAAAABJRU5ErkJggg==);
456
- }
457
-
458
- div.CanvasXpressCanvasResizerScrollerBodyHorTop {
459
- box-sizing: content-box;
460
- background-image:
461
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAOCAYAAADuQ3ZcAAAARklEQVR42mN0cXH5z7ho0eL/jMePXv/PePbcPShx9erD/4z37t3/z3jz9vP/jPfvv/3P+PLl6/+Mb99+hBJfv//8z/gfCAAuWzCqPkxO/wAAAABJRU5ErkJggg==);
462
- }
463
-
464
- div.CanvasXpressCanvasResizerScrollerBodyVerLeft {
465
- box-sizing: content-box;
466
- background-image:
467
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAABCAYAAADuHp8EAAAAOklEQVR42mN0cXH5HxcXz6CqbMLAxsnOAAIc7MwMnJz/GH7/5WBgY2Fj4OL6x8ACpMFyXBwMXBxsDAAj8wf+5VVXpgAAAABJRU5ErkJggg==);
468
- }
469
-
470
- div.CanvasXpressCanvasResizerScrollerBodyVerRight {
471
- box-sizing: content-box;
472
- background-image:
473
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAABCAYAAADuHp8EAAAAO0lEQVR42h3JyQ3AIAwF0Qko/dcQ6kkHiDbsj0XEkneZw1xzMwUycYwRmCVi987CPaH+/S+8U9tLKQ8Lv0IezTG+gbcAAAAASUVORK5CYII=);
474
- }
475
-
476
- div.CanvasXpressCanvasResizerScrollerEmptyHorBottom {
477
- box-sizing: content-box;
478
- background-image:
479
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAOCAYAAADuQ3ZcAAAAMElEQVR42mM8e/bsf8a37z9DiXcfvv5n/PTpO5T4+v3nf8afP38jE79//0MmQAYAAESVNX6ON3xFAAAAAElFTkSuQmCC);
480
- }
481
-
482
- div.CanvasXpressCanvasResizerScrollerEmptyHorTop {
483
- box-sizing: content-box;
484
- background-image:
485
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAOCAYAAADuQ3ZcAAAAMElEQVR42mM8e/bsf8bfv/8hEz9//kYmvn7/+Z/x06fvUOLdh6//Gd++/wwlQAYAAFqENX5ExDBoAAAAAElFTkSuQmCC);
486
- }
487
-
488
- div.CanvasXpressCanvasResizerScrollerEmptyVerLeft {
489
- box-sizing: content-box;
490
- background-image:
491
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAABCAYAAADuHp8EAAAAKklEQVR42mM8e/bsfz09QwYY+PfvL5z9598/hr+//8HZ//9D2A/u3WIAADLoFWh45fZAAAAAAElFTkSuQmCC);
492
- }
493
-
494
- div.CanvasXpressCanvasResizerScrollerEmptyVerRight {
495
- box-sizing: content-box;
496
- background-image:
497
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAABCAYAAADuHp8EAAAAKklEQVR42mM8e/bsfwUlNQYQYGRkYmBhYgKzmVkRbBBgYmKGsy9dOs8AANnKBmh7luHhAAAAAElFTkSuQmCC);
498
- }
499
-
500
- div.CanvasXpressCanvasResizerScrollerHandleHorBottom {
501
- box-sizing: content-box;
502
- background-image:
503
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAAkElEQVR42mP8DwQMeADj1+8/8St4+/YjfgUgK969+8QgJMTHgI0GK2idsYKhOiOCARsNVjBr1iyGtJQ0hllzMGmECWlAHbMwaaCCv0AFq4BGhjGg0EAFYBOuXn34/8iRHQw2Nh4M6PT6Q8cYGM+eu4ffmwQVHD96HasCRrbvDP9/cTIwLlq0GL8JLi4ueBUAACw+d12DO2z2AAAAAElFTkSuQmCC);
504
- }
505
-
506
- div.CanvasXpressCanvasResizerScrollerHandleHorTop {
507
- box-sizing: content-box;
508
- background-image:
509
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAAk0lEQVR42mN0cXH5z4AHMC5atBi/guNHr2NVwMj2neH/L04GxrPn7uE3gaCCq1cf/j9yZAeDjY0HAzq9/tAxBsb////+b52xiqE6I4wBhU6LYJg1ZxZIwX+gghVggdZZmDRYwaxZsxjSUtLAOtBphAkZQB1YaLCCd+8+MQgJ8TFgoxnfvv2I35tfv//ErwBkBT4FALK3d11kI1SXAAAAAElFTkSuQmCC);
510
- }
511
-
512
- div.CanvasXpressCanvasResizerScrollerHandleVerLeft {
513
- box-sizing: content-box;
514
- background-image:
515
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAAbUlEQVR42mN0cXH5HxcXz6CqbMLAxsnOAAIc7MwMWloyQBYTAzJ49+4TAwcXBwMXBxsDIzaNZ07vZnj9jw/MFmX6BGZnhnlBDMWnEW7jP6iNTMPDRjVNbQZWZgGEjRpyiOAk1sbtJ0/CbcJlIwDXwE7p+yOXGQAAAABJRU5ErkJggg==);
516
- }
517
-
518
- div.CanvasXpressCanvasResizerScrollerHandleVerRight {
519
- box-sizing: content-box;
520
- background-image:
521
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAAbElEQVR42mP8DwTffvxi+PHtB4OQEB8DKvjHcO3aE4YfP/+Ceb++/2S4ffcMw6JFCxkYkTWCwPRV2xhEmT4xvP4HMQTENjF1xa8RbuM/qIVMI8BGILh24xHcxt9/PzDcun6VsI0w2tPcHMNGALPzwmGJ+LtGAAAAAElFTkSuQmCC);
522
- }
523
-
524
- div.CanvasXpressCanvasResizerPrevBottomActive {
525
- box-sizing: content-box;
526
- background-image:
527
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAeUlEQVR42pXRWwqAIBCFYV2TBCIiRZdFd6EIEaFFFWcgaBKxfBn5/fBBpVLqFIUlgcZ5y4Khq3+gadmTw751Ah2T0Lp6BprG0kTHPkE3SNDuA0VnDbsRHY1QCJGiMZohdDSG3jCLnpChGI/kCbSuBDpmFj3xd1T64Aupm1Jfai7cCgAAAABJRU5ErkJggg==);
528
- }
529
-
530
- div.CanvasXpressCanvasResizerPrevBottom {
531
- box-sizing: content-box;
532
- background-image:
533
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAeElEQVR42mM8e/bsfwYCgBGkSEFJjUqKFJU1MCRcne0Ydu89hFCkqqqFosDR0QZM799/BLsimAIMRRpaOmCOnY0ViomHjhxDKNLR0QNzrKwsUBQdO3YCUxG6QpyKkBWiKNLTM8QIAgsLU4YTJ07jV4QRmEQpYiAAAH4kTX4n4yO7AAAAAElFTkSuQmCC);
534
- }
535
-
536
- div.CanvasXpressCanvasResizerPrevLeftActive {
537
- box-sizing: content-box;
538
- background-image:
539
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAYUlEQVR42mM0Njb+z0AGYARpPHHiNFzg37+/cPaff/8Y/v7+B2f//w9hu7k4oGq0sDDFa8uuPQewa8SneffeQ7hthDnVysoCRdP+/UfwOxXZjzDNIE0E/Uh24JCskZx4BABQ7XFipauC5AAAAABJRU5ErkJggg==);
540
- }
541
-
542
- div.CanvasXpressCanvasResizerPrevLeft {
543
- box-sizing: content-box;
544
- background-image:
545
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAWElEQVR42mM8e/bsfz09QwYY+PfvL5z9598/hr+//8HZ//9D2A/u3WJgpIpGCwtTBnxg154DuG3EpXn33kOEnWplZYGiaf/+I8T7EaYZpIl2gUOyRgYyAABzYpOgKAMdHgAAAABJRU5ErkJggg==);
546
- }
547
-
548
- div.CanvasXpressCanvasResizerPrevRightActive {
549
- box-sizing: content-box;
550
- background-image:
551
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAYUlEQVR42mM0Njb+z0AGYARp3LXnAITDyMTAwsQEZjOzItggwMTEDGdbWJiianRzccBry4kTp7FrBNno6myHVxNOjSDnOTraoGg6duwEfqci+xGmGaSJoB/JDhySNZITjwDXli9it/p1XAAAAABJRU5ErkJggg==);
552
- }
553
-
554
- div.CanvasXpressCanvasResizerPrevRight {
555
- box-sizing: content-box;
556
- background-image:
557
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAWElEQVR42mM8e/bsfwUlNQYQYGRkYmBhYgKzmVkRbBBgYmKGsy9dOs/ASBWNbi4ODPjAiROncdvo6myHVxNepzo62qBoOnbsBPF+hGkGaaJd4JCskYEMAADnZ0KgajkKvgAAAABJRU5ErkJggg==);
558
- }
559
-
560
- div.CanvasXpressCanvasResizerPrevTopActive {
561
- box-sizing: content-box;
562
- background-image:
563
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAeUlEQVR42qXRWwqAIBAFUF2TBCIiSY9F96AQEaFFFVdIFBGJ/JnxzvmaoYyxmzQeBfL+qgLOu58IQ+QROeczIAQPFTn6Ar2gilJQIGNdCJUUGUKOLKDjsHGgtYw9cvwLlMIMrbspVjANiiBHDWjZzuoy57H/gFoHfgCpm1Jf/3SboQAAAABJRU5ErkJggg==);
564
- }
565
-
566
- div.CanvasXpressCanvasResizerPrevTop {
567
- box-sizing: content-box;
568
- background-image:
569
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAdklEQVR42mM8e/bsfwYCgBGkSE/PkIaKLCxMGU6cOI1QpKOjh6LAysoCTB87dgK7IpgCnIqQFWAo0tDSAXPsbKxQFB06cgyhSFVVCy7h6GgDZ+/ffwS7ImSFKIoUlTUwgsDV2Y5h995DCEUKSmqEA5MoRQwEAAAggk1+fi4MdAAAAABJRU5ErkJggg==);
570
- }
586
+ /**********/
587
+ /* Motion */
588
+ /**********/
571
589
 
572
- div.CanvasXpressCanvasResizerNextBottomActive {
573
- box-sizing: content-box;
574
- background-image:
575
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAeUlEQVR42pXRWwqAIBRF0euYJBCRKHoMugdGiAgNqjhCopZE50fZLPyRcc5P+hgDmpatCMa++YHmdaehqwlnPnSPtDbUtspH3OOhP1AOA9qNpVrJ5AU0DN0jax1JKRKEhqG/ohsUUQwS5NxBQlSEMx96QKX9Q18ffAGZqlJfjSU4qAAAAABJRU5ErkJggg==);
590
+ div.CanvasXpressMotion {
591
+ color: rgb(34, 34, 34);
592
+ font: normal 12px arial, tahoma, sans-serif;
576
593
  }
577
594
 
578
- div.CanvasXpressCanvasResizerNextBottom {
579
- box-sizing: content-box;
595
+ div.CanvasXpressMotionContainer {
596
+ box-sizing: content-box;
580
597
  background-image:
581
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAl0lEQVR42o3R7QbDMBQG4JOLKhFVqnbVM6UqQsWIqGrt4wa6TacqwjYO+0izbnn/vByP8+McIqW8w5+Q/nz9iY77NhCdLiOiVZbAelN46LBrgAzDhChNYxzmeemgrqt9NIeIxskgSmLmbChKjt3UGogxFhFj1EGcC2yt1Xf0BIvoE7yQtTdElEYgROWdQKntGy0lHIU8+AGE22uj/bvWSgAAAABJRU5ErkJggg==);
598
+ url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAOCAYAAADuQ3ZcAAAAF0lEQVR42mNkAAJGNOLChQv/cRNYdAAA0dgUqRX/AM0AAAAASUVORK5CYII=);
599
+ background-repeat: repeat-x;
582
600
  }
583
601
 
584
- div.CanvasXpressCanvasResizerNextLeftActive {
585
- box-sizing: content-box;
602
+ div.CanvasXpressMotionCurrent {
603
+ box-sizing: content-box;
586
604
  background-image:
587
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAWklEQVR42mM0Njb+z0AGYARpPHHiNFzg37+/cPaff/8Y/v7+B2f//w9hu7k40ECjlZUFmN6//wjxGmGaYACkmaBGCwtTrIGxe+8h3BpxaYKBXXsOUClwyIlHAK2wcWK2kGpxAAAAAElFTkSuQmCC);
605
+ url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAlUlEQVR42mNkgIIDBw78ZyACODg4MCLzGWGa7e3tidHPcPDgQRRDGEGaTc0tidIMA6dPHocbAjZAV9eQJAMuXz5PZQM0NA1IMuDG9QuoBqioqJBkwJ07d1ANkJRWJ8mA509vUtkAUVFFkgx4/fo+qgG8fHIkGfD50yMqGgAiQIaws4oTpfnn75eoSRnGoCgzUQIoNgAAbjRcEcsB8BEAAAAASUVORK5CYII=);
606
+ background-repeat: no-repeat;
607
+ float: left;
608
+ height: 14px;
609
+ position: relative;
610
+ width: 14px;
611
+ z-index: 10002;
588
612
  }
589
613
 
590
- div.CanvasXpressCanvasResizerNextLeft {
591
- box-sizing: content-box;
614
+ div.CanvasXpressMotionRange {
615
+ box-sizing: content-box;
592
616
  background-image:
593
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAWklEQVR42mM8e/bsfwYyACNIo56eIVzg37+/cPaff/8Y/v7+B2f//w9hP7h3iwYarawswPT+/UeI1wjTBAMgzQQ1WliYYg2M3XsP4daISxMM7NpzgIaBQ0gjAL5Fk6CV32pMAAAAAElFTkSuQmCC);
617
+ url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAOCAYAAADuQ3ZcAAAAFklEQVR42mNkAAJGNMKxcdd/3AQWHQAD/g7xOirtNAAAAABJRU5ErkJggg==);
618
+ background-repeat: repeat-x;
619
+ float: left;
620
+ height: 14px;
621
+ left: 0px;
622
+ top: -1px;
623
+ position: relative;
624
+ z-index: 10001;
594
625
  }
595
626
 
596
- div.CanvasXpressCanvasResizerNextRightActive {
597
- box-sizing: content-box;
598
- background-image:
599
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAWklEQVR42mM0Njb+z0AGYARp3LXnAITDyMTAwsQEZjOzItggwMTEDGdbWJjSQKOjow2YPnbsBPEaYZpgAKSZoEZXZzusgXHixGncGt1cHPCGJEwz5YFDTjwCACt4L2IrUokCAAAAAElFTkSuQmCC);
600
- }
627
+ /**********/
628
+ /* Marker */
629
+ /**********/
601
630
 
602
- div.CanvasXpressCanvasResizerNextRight {
603
- box-sizing: content-box;
604
- background-image:
605
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAWklEQVR42mM8e/bsfwYyACNIo4KSGoTDyMTAwsQEZjOzItggwMTEDGdfunSeBhodHW3A9LFjJ4jXCNMEAyDNBDW6OtthDYwTJ07j1ujm4oA3JGGaaRM4hDQCAOLvQqCYTghDAAAAAElFTkSuQmCC);
631
+ div.CanvasXpressMarker {
632
+ box-sizing: content-box;
633
+ border: 1px solid rgb(51, 122, 183);
634
+ border-radius: 5px;
635
+ background-color: rgba(245, 245, 245, 0.95);
636
+ color: rgb(34, 34, 34);
637
+ cursor: move;
638
+ font: normal 12px arial, tahoma, sans-serif;
639
+ height: 340px;
640
+ width: 286px;
641
+ left: 0px;
642
+ line-height: 100%;
643
+ position: absolute;
644
+ top: 0px;
645
+ padding: 2px;
646
+ -moz-user-select: none;
647
+ -khtml-user-select: none;
648
+ -webkit-user-select: none;
649
+ -o-user-select: none;
606
650
  }
607
651
 
608
- div.CanvasXpressCanvasResizerNextTopActive {
609
- box-sizing: content-box;
610
- background-image:
611
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAeUlEQVR42pXRWwqAIBAF0HFNEoiEJD0W3YNCRIQWVVwh0Uqi++PM5XyNjHN+0EcYkPd7EQhR/URY3nBEznmSUoQScxr0D3SHRZTCiIx1pGqZIXQI+oDW1ZLWdQTYr6B/oBRkaFoM9a0ivPegD2ict+Ixh675gb4++ASZqlJf9xCRjAAAAABJRU5ErkJggg==);
612
- }
652
+ /***********/
653
+ /* Toolbar */
654
+ /***********/
613
655
 
614
- div.CanvasXpressCanvasResizerNextTop {
615
- box-sizing: content-box;
616
- background-image:
617
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAlUlEQVR42mM8e/bsfwYCgPH37394FV26dJ5ERRYWpgwnTpzGrujnz99gRVZWFmDBY8dOoCi6cuUSpiJ0hTgVISsEK/r6/SdYkZ2NFYqiQ0eOgekb164wMH769B2syNHRBq5g//4jcPbt29cwFSErgCt69+ErWJGrsx3D7r2HMILg/t0bDIxv33/GG5gP7t0iUhExEQwAhNtro/juysQAAAAASUVORK5CYII=);
618
- }
656
+ div.CanvasXpressToolbar {
619
657
 
620
- div.CanvasXpressMotion {
621
- color: rgb(34, 34, 34);
622
- font: normal 12px arial, tahoma, sans-serif;
623
658
  }
624
659
 
625
-
626
- /**********/
627
- /* Marker */
628
- /**********/
629
-
630
- div.CanvasXpressMarker {
631
- box-sizing: content-box;
632
- border: 1px solid rgb(51, 122, 183);
633
- border-radius: 5px;
634
- background-color: rgb(245, 245, 245);
635
- color: rgb(34, 34, 34);
636
- cursor: move;
637
- font: normal 12px arial, tahoma, sans-serif;
638
- height: 340px;
639
- width: 286px;
640
- left: 0px;
641
- line-height: 100%;
642
- position: absolute;
643
- top: 0px;
644
- padding : 2px;
645
- -moz-user-select: none;
646
- -khtml-user-select: none;
647
- -webkit-user-select: none;
648
- -o-user-select: none;
649
- }
650
660
  /**************/
651
661
  /* Data Table */
652
662
  /**************/
653
663
 
654
664
  div.CanvasXpressDataTable {
655
- box-sizing: content-box;
656
- border: 1px solid rgb(51, 122, 183);
657
- border-radius: 5px;
658
- background-color: rgb(245, 245, 245);
659
- clear: both;
660
- color: rgb(34, 34, 34);
661
- font: normal 12px arial, tahoma, sans-serif;
662
- overflow: hidden;
663
- position: absolute;
664
- -moz-user-select: none;
665
- -khtml-user-select: none;
666
- -webkit-user-select: none;
667
- -o-user-select: none;
665
+ box-sizing: content-box;
666
+ border: 1px solid rgb(51, 122, 183);
667
+ border-radius: 5px;
668
+ background-color: rgba(245, 245, 245, 0.95);
669
+ clear: both;
670
+ color: rgb(34, 34, 34);
671
+ font: normal 12px arial, tahoma, sans-serif;
672
+ overflow: hidden;
673
+ position: absolute;
674
+ -moz-user-select: none;
675
+ -khtml-user-select: none;
676
+ -webkit-user-select: none;
677
+ -o-user-select: none;
668
678
  }
669
679
 
670
680
  div.CanvasXpressDataTableToolbar {
671
- box-sizing: content-box;
681
+ box-sizing: content-box;
672
682
  border: 0px;
673
683
  border-radius: 5px 5px 0px 0px;
674
- background-color: rgb(245, 245, 245);
684
+ background-color: rgba(245, 245, 245, 0.95);
675
685
  color: rgb(34, 34, 34);
676
686
  cursor: move;
677
687
  font: normal 12px arial, tahoma, sans-serif;
678
- height: 24px;
688
+ height: 32px;
679
689
  left: 0px;
680
690
  line-height: 100%;
681
691
  position: absolute;
682
692
  top: 0px;
683
- padding : 2px;
684
- user-select: none;
685
- -ms-user-select: none;
686
- -moz-user-select: none;
693
+ padding: 2px;
694
+ -ms-user-select: none;
695
+ -moz-user-select: none;
687
696
  -khtml-user-select: none;
688
697
  -webkit-user-select: none;
689
698
  -o-user-select: none;
@@ -692,18 +701,17 @@ div.CanvasXpressDataTableToolbar {
692
701
  img.CanvasXpressDataTableToolbarImage {
693
702
  cursor: pointer;
694
703
  float: right;
695
- margin: 2px 5px 0px 0px;
696
- user-select: none;
697
- -moz-user-select: none;
704
+ margin: 2px 7px 0px 0px;
705
+ user-select: none;
706
+ -moz-user-select: none;
698
707
  -khtml-user-select: none;
699
708
  -webkit-user-select: none;
700
709
  -o-user-select: none;
701
- -ms-user-select: none;
710
+ -ms-user-select: none;
702
711
  }
703
712
 
704
713
  div.CanvasXpressDataTableContainer {
705
- box-sizing: content-box;
706
- background-color: rgb(245, 245, 245);
714
+ box-sizing: content-box;
707
715
  border-radius: 0px 0px 5px 5px;
708
716
  color: rgb(34, 34, 34);
709
717
  display: block;
@@ -711,50 +719,49 @@ div.CanvasXpressDataTableContainer {
711
719
  left: 0px;
712
720
  line-height: 100%;
713
721
  position: absolute;
714
- top: 24px;
715
- user-select: none;
716
- -ms-user-select: none;
717
- -moz-user-select: none;
722
+ top: 32px;
723
+ -ms-user-select: none;
724
+ -moz-user-select: none;
718
725
  -khtml-user-select: none;
719
726
  -webkit-user-select: none;
720
727
  -o-user-select: none;
721
728
  }
722
729
 
723
730
  div.CanvasXpressDataTableVertical {
724
- box-sizing: content-box;
725
- background-color: rgb(245, 245, 245);
726
- overflow: auto;
731
+ box-sizing: content-box;
732
+ background-color: rgba(245, 245, 245, 0.95);
733
+ overflow-x: hidden;
734
+ overflow-y: auto;
727
735
  position: absolute;
728
736
  right: 4px;
729
- top : 0px;
730
- width: 24px;
731
- user-select: none;
732
- -ms-user-select: none;
733
- -moz-user-select: none;
737
+ top: 0px;
738
+ width: 32px;
739
+ -ms-user-select: none;
740
+ -moz-user-select: none;
734
741
  -khtml-user-select: none;
735
742
  -webkit-user-select: none;
736
743
  -o-user-select: none;
737
744
  }
738
745
 
739
746
  div.CanvasXpressDataTableHorizontal {
740
- box-sizing: content-box;
741
- background-color: rgb(245, 245, 245);
747
+ box-sizing: content-box;
748
+ background-color: rgba(245, 245, 245, 0.95);
742
749
  bottom: 8px;
743
- height: 24px;
744
- left: 24px;
745
- overflow: auto;
750
+ height: 32px;
751
+ left: 32px;
752
+ overflow-x: auto;
753
+ overflow-y: hidden;
746
754
  position: absolute;
747
- user-select: none;
748
- -ms-user-select: none;
749
- -moz-user-select: none;
755
+ -ms-user-select: none;
756
+ -moz-user-select: none;
750
757
  -khtml-user-select: none;
751
758
  -webkit-user-select: none;
752
759
  -o-user-select: none;
753
760
  }
754
761
 
755
762
  div.CanvasXpressDataTableResizer {
756
- box-sizing: content-box;
757
- background-color: rgb(245, 245, 245);
763
+ box-sizing: content-box;
764
+ background-color: rgba(245, 245, 245, 0.95);
758
765
  background-image:
759
766
  url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAR0lEQVR42pXPQQoAIAhEUb25nrwyKIpMndkJz8VnAtbGGMGqSqWHhW3pw4lFhBnBYYOHvw0/7DZE+GnI8NVQwbuhimcDgu3uM5KV++8QfCcAAAAASUVORK5CYII=);
760
767
  background-repeat: no-repeat;
@@ -762,11 +769,11 @@ div.CanvasXpressDataTableResizer {
762
769
  bottom: 4px;
763
770
  height: 15px;
764
771
  position: absolute;
772
+ opacity: 0.95;
765
773
  right: 0px;
766
774
  width: 15px;
767
- user-select: none;
768
- -ms-user-select: none;
769
- -moz-user-select: none;
775
+ -ms-user-select: none;
776
+ -moz-user-select: none;
770
777
  -khtml-user-select: none;
771
778
  -webkit-user-select: none;
772
779
  -o-user-select: none;
@@ -780,123 +787,108 @@ table.CanvasXpressDataTable {
780
787
  left: 1px;
781
788
  line-height: 20px;
782
789
  position: absolute;
783
- table-layout: fixed;
790
+ opacity: 0.95;
791
+ table-layout: fixed;
784
792
  top: 1px;
785
- user-select: none;
786
- -ms-user-select: none;
787
- -moz-user-select: none;
793
+ -ms-user-select: none;
794
+ -moz-user-select: none;
788
795
  -khtml-user-select: none;
789
796
  -webkit-user-select: none;
790
797
  -o-user-select: none;
791
798
  }
792
799
 
793
800
  div.CanvasXpressDataTableMask {
794
- box-sizing: content-box;
801
+ box-sizing: content-box;
795
802
  border: 0px;
796
- left: 24px;
803
+ left: 32px;
797
804
  position: absolute;
798
805
  top: 0px;
799
806
  overflow: hidden;
800
- user-select: none;
801
- -ms-user-select: none;
802
- -moz-user-select: none;
807
+ -ms-user-select: none;
808
+ -moz-user-select: none;
803
809
  -khtml-user-select: none;
804
810
  -webkit-user-select: none;
805
811
  -o-user-select: none;
806
812
  }
807
813
 
808
814
  th.CanvasXpressTableCellHead {
809
- background-image:
810
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAYAAADtlXTHAAAAFklEQVR42mP88OHDf0aSiGfPntGaAAAL8XAJa+SuYgAAAABJRU5ErkJggg==);
811
- background-repeat: repeat-x;
812
- border: 1px solid #ccc;
815
+ background: linear-gradient(rgb(240, 240, 240), rgb(230,230,230));
816
+ border: 1px solid #ccc;
813
817
  color: rgb(34, 34, 34);
814
818
  font: normal 12px arial, tahoma, sans-serif;
815
819
  line-height: 20px;
816
- padding: 2px;
820
+ opacity: 0.95;
821
+ padding: 2px;
817
822
  text-align: left;
818
823
  vertical-align: middle;
819
- user-select: none;
820
- -ms-user-select: none;
821
- -moz-user-select: none;
824
+ -ms-user-select: none;
825
+ -moz-user-select: none;
822
826
  -khtml-user-select: none;
823
827
  -webkit-user-select: none;
824
828
  -o-user-select: none;
825
829
  }
826
830
 
827
831
  th.CanvasXpressTableCellHeadActive {
828
- background-image:
829
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAYAAADtlXTHAAAAFklEQVR42mN89fnvf0aSiBvPf9GaAABVL3D5nF6uqAAAAABJRU5ErkJggg==);
830
- background-repeat: repeat-x;
831
- border: 1px solid #ccc;
832
+ background: linear-gradient(rgb(243, 253, 255), rgb(217,232,251));
833
+ border: 1px solid #ccc;
832
834
  color: rgb(34, 34, 34);
833
835
  font: normal 12px arial, tahoma, sans-serif;
834
836
  line-height: 20px;
835
- padding: 2px;
837
+ opacity: 0.95;
838
+ padding: 2px;
836
839
  text-align: left;
837
840
  vertical-align: middle;
838
- user-select: none;
839
- -ms-user-select: none;
840
- -moz-user-select: none;
841
+ -ms-user-select: none;
842
+ -moz-user-select: none;
841
843
  -khtml-user-select: none;
842
844
  -webkit-user-select: none;
843
845
  -o-user-select: none;
844
846
  }
845
847
 
846
848
  a.CanvasXpressTableCellHead {
847
- background: no-repeat left center;
848
- background-color: #dfe8f9;
849
- background-image:
850
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAeCAYAAADzXER0AAAA10lEQVR42u3RQQqCUBAG4OemAxQVLSMkgqALtO5MHaEztQ2iRQRBUBmRomFqiqaoWVRMIo2li1lG/cuZ/xt4PG4knO9dvsCOASNlpUSM++Ovw7pPw8IeYdWj4a2KsOLSsHhAWHJoWNYR3lnxsF7MB0kHsjcR3piM8SXGGr1B/juH/WcPolkIr4142CxnHwCYdCCGjfBSfy1alfQBgHgPMR2EF1p62a7GBwC+7yD2CeG5+lno1FjmHOJ6CM8U2lf5AcJTmYbDEOGJRMPXCOGxSMO3yx//Cn4AItYZpADS3s8AAAAASUVORK5CYII=);
849
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAeCAYAAADzXER0AAAAVElEQVR42mNkAIL/QMAIBAwkAsZRzaOah5BmEBunYjQLUDSDaGW3Dpw23d1VgWIAVpuxGYCuEaef0Q3AphFvgMEMwKWRYGgTioVBFM+jmkc1U1UzAAG5nB8y5eufAAAAAElFTkSuQmCC) no-repeat left center;
851
850
  cursor: pointer;
852
851
  display: none;
853
852
  height: 20px;
854
853
  position: absolute;
855
- right: 0px;
856
- top: 0px;
854
+ opacity: 0.95;
855
+ right: 4px;
857
856
  white-space: normal;
858
857
  width: 14px;
859
- user-select: none;
860
- -ms-user-select: none;
861
- -moz-user-select: none;
858
+ -ms-user-select: none;
859
+ -moz-user-select: none;
862
860
  -khtml-user-select: none;
863
861
  -webkit-user-select: none;
864
862
  -o-user-select: none;
865
863
  }
866
864
 
867
865
  a.CanvasXpressTableCellHeadActive {
868
- background: no-repeat left center;
869
- background-color: #dfe8f9;
870
- background-image:
871
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAeCAYAAADzXER0AAAA10lEQVR42u3RQQqCUBAG4OemAxQVLSMkgqALtO5MHaEztQ2iRQRBUBmRomFqiqaoWVRMIo2li1lG/cuZ/xt4PG4knO9dvsCOASNlpUSM++Ovw7pPw8IeYdWj4a2KsOLSsHhAWHJoWNYR3lnxsF7MB0kHsjcR3piM8SXGGr1B/juH/WcPolkIr4142CxnHwCYdCCGjfBSfy1alfQBgHgPMR2EF1p62a7GBwC+7yD2CeG5+lno1FjmHOJ6CM8U2lf5AcJTmYbDEOGJRMPXCOGxSMO3yx//Cn4AItYZpADS3s8AAAAASUVORK5CYII=);
866
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAeCAYAAADzXER0AAAAVElEQVR42mNkAIL/QMAIBAwkAsZRzaOah5BmEBunYjQLUDSDaGW3Dpw23d1VgWIAVpuxGYCuEaef0Q3AphFvgMEMwKWRYGgTioVBFM+jmkc1U1UzAAG5nB8y5eufAAAAAElFTkSuQmCC) no-repeat left center;
872
867
  cursor: pointer;
873
868
  display: block;
874
869
  height: 20px;
875
870
  position: absolute;
876
- right: 0px;
877
- top: 0px;
871
+ opacity: 0.95;
872
+ right: 4px;
878
873
  white-space: normal;
879
874
  width: 14px;
880
- user-select: none;
881
- -ms-user-select: none;
882
- -moz-user-select: none;
875
+ -ms-user-select: none;
876
+ -moz-user-select: none;
883
877
  -khtml-user-select: none;
884
878
  -webkit-user-select: none;
885
879
  -o-user-select: none;
886
880
  }
887
881
 
888
882
  td.CanvasXpressTableCell {
889
- background-color: #ffffff;
890
883
  border-bottom: 1px solid #ccc;
891
- border-right: 1px solid #ccc;
884
+ border-right: 1px solid #ccc;
892
885
  color: rgb(34, 34, 34);
893
886
  font: normal 12px arial, tahoma, sans-serif;
894
887
  line-height: 20px;
895
888
  padding: 2px;
896
- vertical-align: middle;
897
- user-select: none;
898
- -ms-user-select: none;
899
- -moz-user-select: none;
889
+ vertical-align: middle;
890
+ -ms-user-select: none;
891
+ -moz-user-select: none;
900
892
  -khtml-user-select: none;
901
893
  -webkit-user-select: none;
902
894
  -o-user-select: none;
@@ -904,34 +896,34 @@ td.CanvasXpressTableCell {
904
896
 
905
897
  td.CanvasXpressTableCellActive {
906
898
  background-color: #dfe8f9;
907
- border-bottom: 1px solid #ccc;
908
- border-right: 1px solid #ccc;
909
- color: rgb(34, 34, 34);
899
+ border-bottom: 1px solid #ccc;
900
+ border-right: 1px solid #ccc;
901
+ color: rgb(34, 34, 34);
910
902
  font: normal 12px arial, tahoma, sans-serif;
911
903
  line-height: 20px;
912
904
  padding: 2px;
913
- vertical-align: middle;
914
- user-select: none;
915
- -ms-user-select: none;
916
- -moz-user-select: none;
905
+ opacity: 0.95;
906
+ vertical-align: middle;
907
+ -ms-user-select: none;
908
+ -moz-user-select: none;
917
909
  -khtml-user-select: none;
918
910
  -webkit-user-select: none;
919
911
  -o-user-select: none;
920
912
  }
921
913
 
922
914
  div.CanvasXpressTableCell {
923
- box-sizing: content-box;
915
+ box-sizing: content-box;
924
916
  font: normal 12px arial, tahoma, sans-serif;
925
917
  line-height: 20px;
926
918
  margin: 2px 2px 1px 5px;
927
919
  overflow: hidden;
928
920
  position: relative;
929
- text-overflow: ellipsis;
921
+ text-overflow: ellipsis;
930
922
  white-space: nowrap;
931
923
  }
932
924
 
933
925
  div.CanvasXpressTableCellSortAsc {
934
- box-sizing: content-box;
926
+ box-sizing: content-box;
935
927
  background:
936
928
  url(data:image/gif;base64,R0lGODlhDQAFAIcAAGGQzUD/QOPu+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAMAAAEALAAAAAANAAUAAAgbAAMIDABgoEGDABIeRJhQ4cKGEA8KmEiRosGAADs=)
937
929
  no-repeat right 7px;
@@ -939,11 +931,11 @@ div.CanvasXpressTableCellSortAsc {
939
931
  line-height: 20px;
940
932
  margin: 2px 2px 1px 5px;
941
933
  overflow: hidden;
942
- white-space: nowrap;
934
+ white-space: nowrap;
943
935
  }
944
936
 
945
937
  div.CanvasXpressTableCellSortDesc {
946
- box-sizing: content-box;
938
+ box-sizing: content-box;
947
939
  background:
948
940
  url(data:image/gif;base64,R0lGODlhDQAFAIcAAGGQzUD/QOPu+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAMAAAEALAAAAAANAAUAAAgeAAUAGEgQgIAACBEKLHgwYcKFBh1KFNhQosOKEgMCADs=)
949
941
  no-repeat right 7px;
@@ -957,20 +949,19 @@ div.CanvasXpressTableCellSortDesc {
957
949
  /****************/
958
950
  /* Configurator */
959
951
  /****************/
960
-
961
952
  div.CanvasXpressConfigurator {
962
- box-sizing: content-box;
963
- background-color: rgb(245, 245, 245);
953
+ box-sizing: content-box;
954
+ background-color: rgba(245, 245, 245, 0.95);
964
955
  border-radius: 5px;
965
956
  border: 1px solid rgb(51, 122, 183);
966
957
  box-shadow: rgba(154, 154, 154, 0.2) 3px 3px;
967
958
  color: rgb(34, 34, 34);
968
959
  cursor: default;
969
960
  font: normal 12px arial, tahoma, sans-serif;
970
- line-height: 16px;
971
- user-select: none;
972
- -ms-user-select: none;
973
- -moz-user-select: none;
961
+ opacity: 0.95;
962
+ line-height: 24px;
963
+ -ms-user-select: none;
964
+ -moz-user-select: none;
974
965
  -khtml-user-select: none;
975
966
  -webkit-user-select: none;
976
967
  -o-user-select: none;
@@ -979,7 +970,6 @@ div.CanvasXpressConfigurator {
979
970
  span.CanvasXpressConfigurator {
980
971
  cursor: default;
981
972
  font: normal 12px arial, tahoma, sans-serif;
982
- line-height: 16px;
983
973
  -moz-user-select: none;
984
974
  -khtml-user-select: none;
985
975
  -webkit-user-select: none;
@@ -987,20 +977,19 @@ span.CanvasXpressConfigurator {
987
977
  }
988
978
 
989
979
  textarea.CanvasXpressConfigurator {
990
- background-color: rgb(245, 245, 245);
980
+ background-color: rgba(245, 245, 245, 0.95);
991
981
  border-radius: 5px;
992
982
  border: 1px solid rgb(51, 122, 183);
993
983
  box-shadow: rgba(154, 154, 154, 0.2) 3px 3px;
994
984
  color: rgb(34, 34, 34);
995
985
  cursor: default;
996
986
  font: normal 12px arial, tahoma, sans-serif;
997
- line-height: 16px;
998
987
  }
999
988
 
1000
989
  img.CanvasXpressConfigurator {
1001
990
  cursor: default;
1002
991
  float: right;
1003
- margin-left: 2px;
992
+ margin-left: 5px;
1004
993
  -moz-user-select: none;
1005
994
  -khtml-user-select: none;
1006
995
  -webkit-user-select: none;
@@ -1008,116 +997,111 @@ img.CanvasXpressConfigurator {
1008
997
  }
1009
998
 
1010
999
  select.CanvasXpressConfigurator {
1011
- background-color: rgb(255, 255, 255);
1000
+ background-color: rgba(255, 255, 255, 0.95);
1012
1001
  border: 1px solid rgb(51, 122, 183);
1013
1002
  color: rgb(34, 34, 34);
1014
1003
  cursor: default;
1015
1004
  font: normal 12px arial, tahoma, sans-serif;
1016
- line-height: 16px;
1017
1005
  padding-left: 3px;
1018
1006
  }
1019
1007
 
1020
1008
  input.CanvasXpressConfigurator {
1021
- background-color: rgb(255, 255, 255);
1009
+ background-color: rgba(255, 255, 255, 0.95);
1022
1010
  border: 1px solid rgb(51, 122, 183);
1023
1011
  color: rgb(34, 34, 34);
1024
1012
  cursor: default;
1025
1013
  font: normal 12px arial, tahoma, sans-serif;
1026
- line-height: 16px;
1027
1014
  padding-left: 3px;
1028
1015
  }
1029
1016
 
1030
1017
  div.CanvasXpressConfiguratorOptions {
1031
- box-sizing: content-box;
1018
+ box-sizing: content-box;
1032
1019
  cursor: default;
1033
1020
  font: normal 12px arial, tahoma, sans-serif;
1034
1021
  height: 100px;
1035
- line-height: 16px;
1036
1022
  margin-top: 8px;
1037
1023
  overflow: auto;
1038
1024
  width: 180px;
1039
1025
  }
1040
1026
 
1041
1027
  div.CanvasXpressConfiguratorFilter {
1042
- box-sizing: content-box;
1043
- background-color: rgb(245, 245, 245);
1028
+ box-sizing: content-box;
1029
+ background-color: rgba(245, 245, 245, 0.95);
1044
1030
  border-radius: 5px;
1045
1031
  border: 1px solid rgb(51, 122, 183);
1046
1032
  box-shadow: rgba(154, 154, 154, 0.2) 3px 3px;
1047
1033
  color: rgb(34, 34, 34);
1048
1034
  font: normal 12px arial, tahoma, sans-serif;
1049
- line-height: 16px;
1050
1035
  }
1051
1036
 
1052
1037
  select.CanvasXpressConfiguratorFilter {
1053
1038
  border: 1px solid rgb(51, 122, 183);
1054
1039
  font: normal 12px arial, tahoma, sans-serif;
1055
- line-height: 16px;
1056
1040
  }
1057
1041
 
1058
1042
  input.CanvasXpressConfiguratorFilter {
1059
1043
  border: 1px solid rgb(51, 122, 183);
1060
1044
  font: normal 12px arial, tahoma, sans-serif;
1061
- line-height: 16px;
1062
1045
  }
1063
1046
 
1064
1047
  div.CanvasXpressConfiguratorExample {
1065
- box-sizing: content-box;
1066
- background-color: rgb(245, 245, 245);
1048
+ box-sizing: content-box;
1049
+ background-color: rgba(245, 245, 245, 0.95);
1067
1050
  border-radius: 5px;
1068
1051
  border: 1px solid rgb(51, 122, 183);
1069
1052
  box-shadow: rgba(154, 154, 154, 0.2) 3px 3px;
1070
1053
  color: rgb(34, 34, 34);
1071
1054
  font: normal 12px arial, tahoma, sans-serif;
1072
- line-height: 16px;
1073
1055
  }
1074
1056
 
1075
1057
  span.CanvasXpressConfiguratorExample {
1076
1058
  cursor: default;
1077
- font: normal 12px arial, tahoma, sans-serif;
1078
- line-height: 16px;
1059
+ font: bold 14px arial, tahoma, sans-serif;
1060
+ line-height: 18px;
1079
1061
  -moz-user-select: none;
1080
1062
  -khtml-user-select: none;
1081
1063
  -webkit-user-select: none;
1082
1064
  -o-user-select: none;
1083
1065
  }
1084
1066
 
1067
+ div.CanvasXpressConfiguratorExampleContent {
1068
+ overflow: 'auto'
1069
+ }
1070
+
1085
1071
  div.CanvasXpressConfiguratorColor {
1086
- box-sizing: content-box;
1072
+ box-sizing: content-box;
1087
1073
  border: 1px solid rgb(51, 122, 183);
1088
1074
  font: normal 12px arial, tahoma, sans-serif;
1089
- line-height: 16px;
1075
+ line-height: 18px;
1090
1076
  }
1091
1077
 
1092
1078
  div.CanvasXpressConfiguratorColorMain {
1093
- box-sizing: content-box;
1079
+ box-sizing: content-box;
1094
1080
  background-image:
1095
1081
  url(data:image/png;base64,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);
1096
- background-repeat: no-repeat; box-sizing: content-box;
1097
-
1082
+ background-repeat: no-repeat;
1083
+ box-sizing: content-box;
1098
1084
  border: none;
1099
1085
  font: normal 12px arial, tahoma, sans-serif;
1100
- line-height: 16px;
1101
1086
  float: left;
1102
1087
  cursor: crosshair;
1103
1088
  }
1104
1089
 
1105
1090
  div.CanvasXpressConfiguratorColorExtra {
1106
- box-sizing: content-box;
1091
+ box-sizing: content-box;
1107
1092
  background-image:
1108
1093
  url(data:image/gif;base64,R0lGODlhDwAPAKEBAAAAAP///////////yH5BAEKAAIALAAAAAAPAA8AAAIklB8Qx53b4otSUWcvyiz4/4AeQJbmKY4p1HHapBlwPL/uVRsFADs=);
1109
1094
  background-repeat: no-repeat;
1110
1095
  border: none;
1111
1096
  font: normal 12px arial, tahoma, sans-serif;
1112
- line-height: 16px;
1113
1097
  cursor: crosshair;
1114
1098
  overflow: hidden;
1115
1099
  }
1116
1100
 
1117
1101
  div.accordionHead {
1118
- box-sizing: content-box;
1102
+ box-sizing: content-box;
1119
1103
  margin-top: 2px;
1120
- height: 16px;
1104
+ height: 24px;
1121
1105
  overflow: hidden;
1122
1106
  float: left;
1123
1107
  cursor: pointer;
@@ -1131,23 +1115,23 @@ div.accordionHead {
1131
1115
  }
1132
1116
 
1133
1117
  div.accordionContent {
1134
- box-sizing: content-box;
1118
+ box-sizing: content-box;
1135
1119
  overflow: auto;
1136
1120
  }
1137
1121
 
1138
1122
  div.hoverable:hover {
1139
- box-sizing: content-box;
1123
+ box-sizing: content-box;
1140
1124
  background-color: #dfe8f6;
1141
1125
  }
1142
1126
 
1143
1127
  div.CanvasXpressContainer {
1144
- box-sizing: content-box;
1128
+ box-sizing: content-box;
1145
1129
  position: relative;
1146
1130
  float: left;
1147
1131
  }
1148
1132
 
1149
1133
  div.CanvasXpressHandlerVerticalOpen {
1150
- box-sizing: content-box;
1134
+ box-sizing: content-box;
1151
1135
  background-image:
1152
1136
  url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAANklEQVR42mNkIBIwgoi0tLT/IHrWrFmMyJLI4igKkRWjizGi60YHMI1YrUJXhKEQn3sxFOICAH1yHAgCw6JnAAAAAElFTkSuQmCC);
1153
1137
  position: relative;
@@ -1157,7 +1141,7 @@ div.CanvasXpressHandlerVerticalOpen {
1157
1141
  }
1158
1142
 
1159
1143
  div.CanvasXpressHandlerVerticalClose {
1160
- box-sizing: content-box;
1144
+ box-sizing: content-box;
1161
1145
  background-image:
1162
1146
  url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAAN0lEQVR42mNkIBIwogukpaX9B9GzZs1ixKkQpggGkBUz4lKErpgRXRFMAl0MRRDdXcjijAxEAgClNhwIDjZ11QAAAABJRU5ErkJggg==);
1163
1147
  position: relative;
@@ -1167,7 +1151,7 @@ div.CanvasXpressHandlerVerticalClose {
1167
1151
  }
1168
1152
 
1169
1153
  div.CanvasXpressHandlerHorizontalOpen {
1170
- box-sizing: content-box;
1154
+ box-sizing: content-box;
1171
1155
  background-image:
1172
1156
  url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAKCAYAAAB4zEQNAAAAMElEQVR42mNkwAMYQURaWtp/ED1r1ixGnJLoCuAMbApQjEFXQJwkTmPxOgivV3ABAClDIAsKqUy5AAAAAElFTkSuQmCC);
1173
1157
  position: relative;
@@ -1177,7 +1161,7 @@ div.CanvasXpressHandlerHorizontalOpen {
1177
1161
  }
1178
1162
 
1179
1163
  div.CanvasXpressHandlerHorizontalClose {
1180
- box-sizing: content-box;
1164
+ box-sizing: content-box;
1181
1165
  background-image:
1182
1166
  url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAKCAYAAAB4zEQNAAAAL0lEQVR42mNkwAMY0QXS0tL+g+hZs2YxMmKTwJBEl4Abi02COEm8xhJ0EEGvoAMAyTQgC6MMiAUAAAAASUVORK5CYII=);
1183
1167
  position: relative;
@@ -1187,7 +1171,7 @@ div.CanvasXpressHandlerHorizontalClose {
1187
1171
  }
1188
1172
 
1189
1173
  div.CanvasXpressWrapper {
1190
- box-sizing: content-box;
1174
+ box-sizing: content-box;
1191
1175
  position: relative;
1192
1176
  float: left;
1193
1177
  line-height: 100%;
@@ -1196,9 +1180,8 @@ div.CanvasXpressWrapper {
1196
1180
  /***************/
1197
1181
  /* Data Filter */
1198
1182
  /***************/
1199
-
1200
1183
  div.CanvasXpressDataFilter {
1201
- box-sizing: content-box;
1184
+ box-sizing: content-box;
1202
1185
  color: rgb(34, 34, 34);
1203
1186
  font: normal 12px arial, tahoma, sans-serif;
1204
1187
  line-height: 100%;
@@ -1212,21 +1195,20 @@ div.CanvasXpressDataFilter {
1212
1195
  }
1213
1196
 
1214
1197
  div.CanvasXpressDataFilterToolbar {
1215
- box-sizing: content-box;
1216
- background-image:
1217
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAYAAADtlXTHAAAAFklEQVR42mP88OHDf0aSiGfPntGaAAAL8XAJa+SuYgAAAABJRU5ErkJggg==);
1218
- background-repeat: repeat-x;
1198
+ box-sizing: content-box;
1199
+ background: linear-gradient(rgb(240, 240, 240), rgb(230,230,230));
1219
1200
  border: 1px solid rgb(51, 122, 183);
1220
- border-radius: 5px;
1201
+ border-radius: 4px;
1221
1202
  color: rgb(34, 34, 34);
1222
1203
  cursor: move;
1223
1204
  font: normal 12px arial, tahoma, sans-serif;
1224
- height: 24px;
1205
+ height: 32px;
1225
1206
  left: 0px;
1226
1207
  line-height: 100%;
1227
1208
  margin: 0px;
1228
1209
  padding: 2px;
1229
1210
  position: absolute;
1211
+ opacity: 0.95;
1230
1212
  top: 0px;
1231
1213
  }
1232
1214
 
@@ -1235,13 +1217,13 @@ span.CanvasXpressDataFilterToolbarText {
1235
1217
  left: 8px;
1236
1218
  line-height: 100%;
1237
1219
  position: relative;
1238
- top: 5px;
1220
+ top: 9px;
1239
1221
  }
1240
1222
 
1241
1223
  img.CanvasXpressDataFilterToolbarImage {
1242
1224
  cursor: pointer;
1243
- margin-top: 2px;
1244
- margin-right: 2px;
1225
+ margin-top: 4px;
1226
+ margin-right: 4px;
1245
1227
  float: right;
1246
1228
  }
1247
1229
 
@@ -1254,7 +1236,7 @@ span.CanvasXpressDataFilterText {
1254
1236
  left: 8px;
1255
1237
  line-height: 100%;
1256
1238
  position: relative;
1257
- top: 5px;
1239
+ top: 9px;
1258
1240
  }
1259
1241
 
1260
1242
  span.CanvasXpressDataFilterTextActive {
@@ -1266,17 +1248,17 @@ span.CanvasXpressDataFilterTextActive {
1266
1248
  left: 8px;
1267
1249
  line-height: 100%;
1268
1250
  position: relative;
1269
- top: 5px;
1251
+ top: 9px;
1270
1252
  }
1271
1253
 
1272
1254
  div.CanvasXpressDataFilterContainer {
1273
- box-sizing: content-box;
1255
+ box-sizing: content-box;
1274
1256
  border: 0px;
1275
1257
  left: 0px;
1276
1258
  margin: 0px;
1277
1259
  padding: 0px;
1278
1260
  position: absolute;
1279
- top: 30px;
1261
+ top: 38px;
1280
1262
  }
1281
1263
 
1282
1264
  input[type=checkbox].CanvasXpressCheckbox {
@@ -1312,11 +1294,12 @@ input[type=checkbox].CanvasXpressDataFilterContainerItemSelected {
1312
1294
  border: 0;
1313
1295
  }
1314
1296
 
1315
- input[type=checkbox].CanvasXpressCheckbox+label.CanvasXpressCheckboxLabel {
1297
+ input[type=checkbox].CanvasXpressCheckbox+label.CanvasXpressCheckboxLabel
1298
+ {
1316
1299
  padding-left: 18px;
1317
1300
  height: 13px;
1318
1301
  display: inline-block;
1319
- line-height: 16px;
1302
+ line-height: 24px;
1320
1303
  background-repeat: no-repeat;
1321
1304
  background-position: 0 0;
1322
1305
  font: normal 12px arial, tahoma, sans-serif;
@@ -1325,11 +1308,12 @@ input[type=checkbox].CanvasXpressCheckbox+label.CanvasXpressCheckboxLabel {
1325
1308
  cursor: pointer;
1326
1309
  }
1327
1310
 
1328
- input[type=checkbox].CanvasXpressDataFilterContainerItem+label.CanvasXpressCheckboxLabel {
1311
+ input[type=checkbox].CanvasXpressDataFilterContainerItem+label.CanvasXpressCheckboxLabel
1312
+ {
1329
1313
  padding-left: 18px;
1330
1314
  height: 13px;
1331
1315
  display: inline-block;
1332
- line-height: 16px;
1316
+ line-height: 24px;
1333
1317
  background-repeat: no-repeat;
1334
1318
  background-position: 0 0;
1335
1319
  font: normal 12px arial, tahoma, sans-serif;
@@ -1338,11 +1322,12 @@ input[type=checkbox].CanvasXpressDataFilterContainerItem+label.CanvasXpressCheck
1338
1322
  cursor: pointer;
1339
1323
  }
1340
1324
 
1341
- input[type=checkbox].CanvasXpressDataFilterContainerItemSelected+label.CanvasXpressCheckboxLabel {
1325
+ input[type=checkbox].CanvasXpressDataFilterContainerItemSelected+label.CanvasXpressCheckboxLabel
1326
+ {
1342
1327
  padding-left: 18px;
1343
1328
  height: 13px;
1344
1329
  display: inline-block;
1345
- line-height: 16px;
1330
+ line-height: 24px;
1346
1331
  background-repeat: no-repeat;
1347
1332
  background-position: 0 0;
1348
1333
  font: normal 12px arial, tahoma, sans-serif;
@@ -1351,11 +1336,13 @@ input[type=checkbox].CanvasXpressDataFilterContainerItemSelected+label.CanvasXpr
1351
1336
  cursor: pointer;
1352
1337
  }
1353
1338
 
1354
- input[type=checkbox].CanvasXpressCheckbox:checked+label.CanvasXpressCheckboxLabel {
1339
+ input[type=checkbox].CanvasXpressCheckbox:checked+label.CanvasXpressCheckboxLabel
1340
+ {
1355
1341
  background-position: 0 -13px;
1356
1342
  }
1357
1343
 
1358
- input[type=checkbox].CanvasXpressDataFilterContainerItemSelected:checked+label.CanvasXpressCheckboxLabel {
1344
+ input[type=checkbox].CanvasXpressDataFilterContainerItemSelected:checked+label.CanvasXpressCheckboxLabel
1345
+ {
1359
1346
  background-position: 0 -13px;
1360
1347
  }
1361
1348
 
@@ -1367,25 +1354,22 @@ label.CanvasXpressCheckboxLabel {
1367
1354
  }
1368
1355
 
1369
1356
  div.CanvasXpressDataFilterContainerMaskNoOverflow {
1370
- box-sizing: content-box;
1371
- background-color: #ffffff;
1357
+ box-sizing: content-box;
1372
1358
  border: 1px solid #d0d0d0;
1373
- margin: 1px 3px 3px 3px;
1359
+ margin: 5px;
1374
1360
  overflow: hidden;
1375
1361
  }
1376
1362
 
1377
1363
  div.CanvasXpressDataFilterContainerMask {
1378
- box-sizing: content-box;
1379
- background-color: #ffffff;
1364
+ box-sizing: content-box;
1380
1365
  border: 1px solid #d0d0d0;
1381
- margin: 1px 3px 3px 3px;
1366
+ margin: 5px;
1382
1367
  overflow-x: hidden;
1383
1368
  overflow-y: scroll;
1384
1369
  }
1385
1370
 
1386
1371
  div.CanvasXpressDataFilterContainerItem {
1387
- box-sizing: content-box;
1388
- background-color: #ffffff;
1372
+ box-sizing: content-box;
1389
1373
  color: #4181ba;
1390
1374
  height: 15px;
1391
1375
  padding: 1px 0px 0px 1px;
@@ -1394,29 +1378,29 @@ div.CanvasXpressDataFilterContainerItem {
1394
1378
  }
1395
1379
 
1396
1380
  div.CanvasXpressDataFilterContainerItemSelected {
1397
- box-sizing: content-box;
1398
- background-color: #4181ba;
1399
- color: rgb(255, 255, 255);
1381
+ box-sizing: content-box;
1382
+ background-color: #dfe8f6;
1383
+ color: #4181ba;
1400
1384
  height: 15px;
1401
1385
  padding: 1px 0px 0px 1px;
1402
- overflow: hidden;
1403
- white-space: nowrap;
1386
+ overflow: hidden;
1387
+ white-space: nowrap;
1404
1388
  }
1405
1389
 
1406
1390
  div.CanvasXpressDataFilterContainerHoverable {
1407
- box-sizing: content-box;
1391
+ box-sizing: content-box;
1408
1392
  border: 1px solid rgb(51, 122, 183);
1409
1393
  margin: 2px;
1410
1394
  margin-bottom: 4px;
1411
1395
  }
1412
1396
 
1413
1397
  div.CanvasXpressDataFilterContainerHoverable:hover {
1414
- box-sizing: content-box;
1398
+ box-sizing: content-box;
1415
1399
  background-color: #dfe8f6;
1416
1400
  }
1417
1401
 
1418
1402
  div.CanvasXpressDataFilterContainerNumeric {
1419
- box-sizing: content-box;
1403
+ box-sizing: content-box;
1420
1404
  background-image:
1421
1405
  url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAOCAYAAADuQ3ZcAAAAF0lEQVR42mNkAAJGNOLChQv/cRNYdAAA0dgUqRX/AM0AAAAASUVORK5CYII=);
1422
1406
  background-repeat: repeat-x;
@@ -1426,7 +1410,7 @@ div.CanvasXpressDataFilterContainerNumeric {
1426
1410
  }
1427
1411
 
1428
1412
  div.CanvasXpressDataFilterContainerMin {
1429
- box-sizing: content-box;
1413
+ box-sizing: content-box;
1430
1414
  background-image:
1431
1415
  url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAlUlEQVR42mNkgIIDBw78ZyACODg4MCLzGWGa7e3tidHPcPDgQRRDGEGaTc0tidIMA6dPHocbAjZAV9eQJAMuXz5PZQM0NA1IMuDG9QuoBqioqJBkwJ07d1ANkJRWJ8mA509vUtkAUVFFkgx4/fo+qgG8fHIkGfD50yMqGgAiQIaws4oTpfnn75eoSRnGoCgzUQIoNgAAbjRcEcsB8BEAAAAASUVORK5CYII=);
1432
1416
  background-repeat: no-repeat;
@@ -1438,7 +1422,7 @@ div.CanvasXpressDataFilterContainerMin {
1438
1422
  }
1439
1423
 
1440
1424
  div.CanvasXpressDataFilterContainerMax {
1441
- box-sizing: content-box;
1425
+ box-sizing: content-box;
1442
1426
  background-image:
1443
1427
  url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAlUlEQVR42mNkgIIDBw78ZyACODg4MCLzGWGa7e3tidHPcPDgQRRDGEGaTc0tidIMA6dPHocbAjZAV9eQJAMuXz5PZQM0NA1IMuDG9QuoBqioqJBkwJ07d1ANkJRWJ8mA509vUtkAUVFFkgx4/fo+qgG8fHIkGfD50yMqGgAiQIaws4oTpfnn75eoSRnGoCgzUQIoNgAAbjRcEcsB8BEAAAAASUVORK5CYII=);
1444
1428
  background-repeat: no-repeat;
@@ -1450,7 +1434,7 @@ div.CanvasXpressDataFilterContainerMax {
1450
1434
  }
1451
1435
 
1452
1436
  div.CanvasXpressDataFilterContainerRange {
1453
- box-sizing: content-box;
1437
+ box-sizing: content-box;
1454
1438
  background-image:
1455
1439
  url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAOCAYAAADuQ3ZcAAAAFklEQVR42mNkAAJGNMKxcdd/3AQWHQAD/g7xOirtNAAAAABJRU5ErkJggg==);
1456
1440
  background-repeat: repeat-x;
@@ -1462,7 +1446,7 @@ div.CanvasXpressDataFilterContainerRange {
1462
1446
  }
1463
1447
 
1464
1448
  input.CanvasXpressDataFilterContainerMinValue {
1465
- border: 1px solid rgb(245, 245, 245);
1449
+ border: 1px solid rgba(245, 245, 245, 0.95);
1466
1450
  color: rgb(51, 122, 183);
1467
1451
  float: left;
1468
1452
  font: normal 12px arial, tahoma, sans-serif;
@@ -1473,7 +1457,7 @@ input.CanvasXpressDataFilterContainerMinValue {
1473
1457
  }
1474
1458
 
1475
1459
  input.CanvasXpressDataFilterContainerMaxValue {
1476
- border: 1px solid rgb(245, 245, 245);
1460
+ border: 1px solid rgba(245, 245, 245, 0.95);
1477
1461
  color: rgb(51, 122, 183);
1478
1462
  float: right;
1479
1463
  font: normal 12px arial, tahoma, sans-serif;
@@ -1485,7 +1469,7 @@ input.CanvasXpressDataFilterContainerMaxValue {
1485
1469
  }
1486
1470
 
1487
1471
  div.CanvasXpressDataFilterContainerScaleNone {
1488
- box-sizing: content-box;
1472
+ box-sizing: content-box;
1489
1473
  background-image:
1490
1474
  url(data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
1491
1475
  background-repeat: no-repeat;
@@ -1493,41 +1477,38 @@ div.CanvasXpressDataFilterContainerScaleNone {
1493
1477
  }
1494
1478
 
1495
1479
  div.CanvasXpressDataFilterContainerScaleLinearLog {
1496
- box-sizing: content-box;
1497
- background-image:
1498
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAYAAAAMJL+VAAAAVklEQVR42mNkoDFgHLWAKAv+AxEjCZatX7/+f2BgIFHqUSwg1iKyLaCbD/6DheAKGHFZAKJhYtj4eC3AF2TIFuCjh4YFRAURtQGGD4aMBXQLImRAcwsAaet+EfC7aT4AAAAASUVORK5CYII=);
1480
+ box-sizing: content-box;
1481
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAYAAAAMJL+VAAAAcElEQVR42mNkoDFgpIsFa9eu/R8cHEyqZf+JcSDdLWAC4n8kWgDS8xeXZRg+ALFBNC4+AR+AxAqBuB9KT0CxgBCNxwJsbDA9zC0gIQ6ItwCmGxufbAuQUtR/ZBMIBBFRAK8muliAI3ioYwE1AM0tAAB/xqIRdKGeOwAAAABJRU5ErkJggg==);
1499
1482
  background-repeat: no-repeat;
1500
1483
  background-position: 98% 50%;
1501
1484
  }
1502
1485
 
1503
1486
  div.CanvasXpressDataFilterContainerScaleLogLinear {
1504
- box-sizing: content-box;
1505
- background-image:
1506
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAYAAAAMJL+VAAAAWElEQVR42mNkoDFgHLWAKAvWr1//PzAwkGjL/gMRI5GOQ7GAWIvItoBuPgDRMAXYLIZZ8B/MhBuEwcdrAb4gQ7YAHz00LCAqiKgNMHwwZCygWxAhA5pbAAB2oXgRY0clXAAAAABJRU5ErkJggg==);
1487
+ box-sizing: content-box;
1488
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAYAAAAMJL+VAAAAdElEQVR42mNkoDFgpJcF/0m1bO3atf+Dg4MJ6qG7BUxA/I9EC5iA7L+4LMPmAxC7EIgn4ODj9AFIDJkPkke3gBCN1QJsbBg9/C2AyVUCcQe1LEBOAO1AXIGWIMiygAGLBdh8RjIgpIkuFhCjjmwLKAY0twAAISOOEQIlMUAAAAAASUVORK5CYII=);
1507
1489
  background-repeat: no-repeat;
1508
1490
  background-position: 98% 50%;
1509
1491
  }
1510
1492
 
1511
1493
  select.CanvasXpressDataFilterContainerString {
1512
- background-color: rgb(255, 255, 255);
1494
+ background-color: rgba(255, 255, 255, 0.95);
1513
1495
  font: normal 12px arial, tahoma, sans-serif;
1514
1496
  margin-left: 3px;
1515
1497
  margin-bottom: 3px;
1516
1498
  }
1517
1499
 
1518
1500
  div.CanvasXpressDataFilterHead {
1519
- box-sizing: content-box;
1520
- background-image:
1521
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAYAAADtlXTHAAAAFklEQVR42mP88OHDf0aSiGfPntGaAAAL8XAJa+SuYgAAAABJRU5ErkJggg==);
1522
- background-repeat: repeat-x;
1501
+ box-sizing: content-box;
1502
+ background: linear-gradient(rgb(240, 240, 240), rgb(230,230,230));
1523
1503
  border: 1px solid rgb(51, 122, 183);
1524
- border-radius: 5px 5px 5px 5px;
1504
+ border-radius: 4px;
1525
1505
  color: rgb(34, 34, 34);
1526
1506
  cursor: pointer;
1527
1507
  float: left;
1528
- height: 22px;
1508
+ height: 30px;
1529
1509
  margin-top: 2px;
1530
1510
  overflow: hidden;
1511
+ opacity: 0.95;
1531
1512
  padding: 2px;
1532
1513
  text-align: left;
1533
1514
  vertical-align: middle;
@@ -1538,19 +1519,17 @@ div.CanvasXpressDataFilterHead {
1538
1519
  }
1539
1520
 
1540
1521
  div.CanvasXpressDataFilterHeadActive {
1541
- box-sizing: content-box;
1542
- background-color: rgb(245, 245, 245);
1543
- background-image:
1544
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAYAAADtlXTHAAAAFklEQVR42mN89fnvf0aSiBvPf9GaAABVL3D5nF6uqAAAAABJRU5ErkJggg==);
1545
- background-repeat: repeat-x;
1522
+ box-sizing: content-box;
1523
+ background: linear-gradient(rgb(243, 253, 255), rgb(217,232,251));
1546
1524
  border: 1px solid rgb(51, 122, 183);
1547
- border-radius: 5px 5px 0px 0px;
1525
+ border-radius: 4px 4px 0px 0px;
1548
1526
  color: rgb(34, 34, 34);
1549
1527
  cursor: pointer;
1550
1528
  float: left;
1551
- height: 22px;
1529
+ height: 30px;
1552
1530
  margin-top: 2px;
1553
1531
  overflow: hidden;
1532
+ opacity: 0.95;
1554
1533
  padding: 2px;
1555
1534
  text-align: left;
1556
1535
  vertical-align: middle;
@@ -1561,24 +1540,137 @@ div.CanvasXpressDataFilterHeadActive {
1561
1540
  }
1562
1541
 
1563
1542
  div.CanvasXpressDataFilterContent {
1564
- box-sizing: content-box;
1565
- background-color: rgb(255, 255, 255);
1543
+ box-sizing: content-box;
1544
+ background-color: rgba(255, 255, 255, 0.95);
1566
1545
  border: 1px solid rgb(51, 122, 183);
1567
- border-radius: 0px 0px 5px 5px;
1546
+ border-radius: 0px 0px 4px 4px;
1568
1547
  border-top: 0px;
1569
1548
  color: rgb(51, 122, 183);
1570
- font: normal 12px arial, tahoma, sans-serif;
1571
- overflow: auto;
1549
+ font: normal 12px arial, tahoma, sans-serif;
1550
+ overflow-y: scroll;
1551
+ overflow-x: hidden;
1572
1552
  padding: 2px;
1573
1553
  }
1574
1554
 
1555
+ /*
1556
+ * Scrollbars
1557
+ */
1558
+
1559
+
1560
+ /* All scrollbar buttons*/
1561
+
1562
+ div.CanvasXpressDataTableHorizontal::-webkit-scrollbar-button,
1563
+ div.CanvasXpressDataTableVertical::-webkit-scrollbar-button,
1564
+ div.CanvasXpressDataFilterContent::-webkit-scrollbar-button,
1565
+ div.CanvasXpressDataFilterContainerMask::-webkit-scrollbar-button,
1566
+ div.CanvasXpressDataFilterContainerMaskNoOverflow::-webkit-scrollbar-button,
1567
+ div.CanvasXpressDataExplorer::-webkit-scrollbar-button,
1568
+ select.CanvasXpressConfigurator::-webkit-scrollbar-button,
1569
+ div.CanvasXpressConfiguratorExampleContent::-webkit-scrollbar-button,
1570
+ select.CanvasXpressRemote::-webkit-scrollbar-button,
1571
+ div.CanvasXpressBinNameContainer::-webkit-scrollbar-button
1572
+ {
1573
+ width: 3px;
1574
+ height: 3px;
1575
+ }
1576
+
1577
+ /* Tracks can be of two different colors */
1578
+
1579
+ div.CanvasXpressDataFilterContent::-webkit-scrollbar-track,
1580
+ div.CanvasXpressDataFilterContainerMask::-webkit-scrollbar-track,
1581
+ div.CanvasXpressDataFilterContainerMaskNoOverflow::-webkit-scrollbar-track,
1582
+ select.CanvasXpressConfigurator::-webkit-scrollbar-track,
1583
+ select.CanvasXpressRemote::-webkit-scrollbar-track
1584
+ {
1585
+ background-color: #FFFFFF;
1586
+ }
1587
+
1588
+ div.CanvasXpressDataTableHorizontal::-webkit-scrollbar-track,
1589
+ div.CanvasXpressDataTableVertical::-webkit-scrollbar-track,
1590
+ div.CanvasXpressDataExplorer::-webkit-scrollbar-track,
1591
+ div.CanvasXpressConfiguratorExampleContent::-webkit-scrollbar-track,
1592
+ div.CanvasXpressBinNameContainer::-webkit-scrollbar-track
1593
+ {
1594
+ background-color: #F5F5F5;
1595
+ }
1596
+
1597
+ /* All tracks -hovers */
1598
+
1599
+ div.CanvasXpressDataTableHorizontal::-webkit-scrollbar-track:hover,
1600
+ div.CanvasXpressDataTableVertical::-webkit-scrollbar-track:hover,
1601
+ div.CanvasXpressDataFilterContent::-webkit-scrollbar-track:hover,
1602
+ div.CanvasXpressDataFilterContainerMask::-webkit-scrollbar-track:hover,
1603
+ div.CanvasXpressDataFilterContainerMaskNoOverflow::-webkit-scrollbar-track:hover,
1604
+ div.CanvasXpressDataExplorer::-webkit-scrollbar-track:hover,
1605
+ select.CanvasXpressConfigurator::-webkit-scrollbar-track:hover,
1606
+ div.CanvasXpressConfiguratorExampleContent::-webkit-scrollbar-track:hover,
1607
+ select.CanvasXpressRemote::-webkit-scrollbar-track:hover,
1608
+ div.CanvasXpressBinNameContainer::-webkit-scrollbar-track:hover
1609
+ {
1610
+ background-color: #BEBEBE;
1611
+ border-radius: 6px;
1612
+ }
1613
+
1614
+ /* scrollbar background could be of two different colors but match the style tracks above */
1615
+
1616
+ div.CanvasXpressDataFilterContent::-webkit-scrollbar,
1617
+ div.CanvasXpressDataFilterContainerMask::-webkit-scrollbar,
1618
+ div.CanvasXpressDataFilterContainerMaskNoOverflow::-webkit-scrollbar,
1619
+ select.CanvasXpressConfigurator::-webkit-scrollbar,
1620
+ select.CanvasXpressRemote::-webkit-scrollbar
1621
+ {
1622
+ width: 6px;
1623
+ height: 6px;
1624
+ background-color: #FFFFFF;
1625
+ }
1626
+
1627
+ div.CanvasXpressDataTableHorizontal::-webkit-scrollbar,
1628
+ div.CanvasXpressDataTableVertical::-webkit-scrollbar,
1629
+ div.CanvasXpressDataExplorer::-webkit-scrollbar,
1630
+ div.CanvasXpressConfiguratorExampleContent::-webkit-scrollbar,
1631
+ div.CanvasXpressBinNameContainer::-webkit-scrollbar
1632
+ {
1633
+ width: 6px;
1634
+ height: 6px;
1635
+ background-color: #F5F5F5;
1636
+ }
1637
+
1638
+ /* All tracks thumbs */
1639
+
1640
+ div.CanvasXpressDataTableHorizontal::-webkit-scrollbar-thumb,
1641
+ div.CanvasXpressDataTableVertical::-webkit-scrollbar-thumb,
1642
+ div.CanvasXpressDataFilterContent::-webkit-scrollbar-thumb,
1643
+ div.CanvasXpressDataFilterContainerMask::-webkit-scrollbar-thumb,
1644
+ div.CanvasXpressDataFilterContainerMaskNoOverflow::-webkit-scrollbar-thumb,
1645
+ div.CanvasXpressDataExplorer::-webkit-scrollbar-thumb,
1646
+ select.CanvasXpressConfigurator::-webkit-scrollbar-thumb,
1647
+ div.CanvasXpressConfiguratorExampleContent::-webkit-scrollbar-thumb,
1648
+ select.CanvasXpressRemote::-webkit-scrollbar-thumb,
1649
+ div.CanvasXpressBinNameContainer::-webkit-scrollbar-thumb
1650
+ {
1651
+ background-color: #337AB7;
1652
+ border-radius: 3px;
1653
+ border: none;
1654
+ }
1655
+
1656
+ div.CanvasXpressDataFilter::selection,
1657
+ div.CanvasXpressDataFilterToolbar::selection
1658
+ {
1659
+ background: rgba(0, 0, 0, 0);
1660
+ color: rgb(34, 34, 34);
1661
+ }
1662
+
1663
+ div.CanvasXpressDataFilterContainerItem::selection {
1664
+ background: rgba(0, 0, 0, 0);
1665
+ color: #4181ba;
1666
+ }
1667
+
1575
1668
  /********/
1576
1669
  /* Menu */
1577
1670
  /********/
1578
-
1579
1671
  div.CanvasXpressLink {
1580
- box-sizing: content-box;
1581
- background-color: rgb(245, 245, 245);
1672
+ box-sizing: content-box;
1673
+ background-color: rgba(245, 245, 245, 0.95);
1582
1674
  background-image:
1583
1675
  url(data:image/gif;base64,R0lGODlh+gABAIcAAOLj4/Dw8P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAP8ALAAAAAD6AAEAAAgfAAMIHEiwoMGBAAQcXMiwocOHECNKnEixosWLGCMGBAA7);
1584
1676
  background-repeat: repeat-y;
@@ -1590,14 +1682,14 @@ div.CanvasXpressLink {
1590
1682
  font: normal 12px arial, tahoma, sans-serif;
1591
1683
  line-height: 100%;
1592
1684
  margin: 0px;
1685
+ opacity: 0.95;
1593
1686
  padding: 0px;
1594
1687
  position: absolute;
1595
1688
  -moz-box-shadow: rgba(154, 154, 154, 0.2) 3px 3px;
1596
1689
  }
1597
1690
 
1598
-
1599
1691
  div.CanvasXpressTabMenuConfigurator {
1600
- box-sizing: content-box;
1692
+ box-sizing: content-box;
1601
1693
  position: relative;
1602
1694
  }
1603
1695
 
@@ -1605,28 +1697,32 @@ input.CanvasXpressTabMenuConfigurator {
1605
1697
  display: none;
1606
1698
  }
1607
1699
 
1608
- input:not(:checked).CanvasXpressTabMenuConfigurator + section.CanvasXpressTabMenuConfigurator > div.CanvasXpressTabMenuConfigurator {
1700
+ input:not(:checked).CanvasXpressTabMenuConfigurator+section.CanvasXpressTabMenuConfigurator>div.CanvasXpressTabMenuConfigurator {
1609
1701
  display: none;
1610
1702
  }
1611
1703
 
1612
- section.CanvasXpressTabMenuConfigurator > h1.CanvasXpressTabMenuConfigurator {
1704
+ section.CanvasXpressTabMenuConfigurator>h1.CanvasXpressTabMenuConfigurator
1705
+ {
1613
1706
  float: left;
1614
1707
  }
1615
1708
 
1616
- section.CanvasXpressTabMenuConfigurator > div.CanvasXpressTabMenuConfigurator {
1709
+ section.CanvasXpressTabMenuConfigurator>div.CanvasXpressTabMenuConfigurator
1710
+ {
1617
1711
  float: right;
1618
1712
  width: 100%;
1619
1713
  margin: 22 0 0 -100%;
1620
1714
  }
1621
1715
 
1622
- section.CanvasXpressTabMenuConfigurator > h1.CanvasXpressTabMenuConfigurator > label.CanvasXpressTabMenuConfigurator {
1716
+ section.CanvasXpressTabMenuConfigurator>h1.CanvasXpressTabMenuConfigurator>label.CanvasXpressTabMenuConfigurator
1717
+ {
1623
1718
  cursor: pointer;
1624
1719
  -moz-user-select: none;
1625
1720
  -ms-user-select: none;
1626
1721
  -webkit-user-select: none;
1627
1722
  }
1628
1723
 
1629
- section.CanvasXpressTabMenuConfigurator > div.CanvasXpressTabMenuConfigurator {
1724
+ section.CanvasXpressTabMenuConfigurator>div.CanvasXpressTabMenuConfigurator
1725
+ {
1630
1726
  box-sizing: border-box;
1631
1727
  padding: 0.5px;
1632
1728
  border: 1px solid #ddd;
@@ -1634,16 +1730,18 @@ section.CanvasXpressTabMenuConfigurator > div.CanvasXpressTabMenuConfigurator {
1634
1730
  background: #fff;
1635
1731
  }
1636
1732
 
1637
- section.CanvasXpressTabMenuConfigurator > h1.CanvasXpressTabMenuConfigurator {
1733
+ section.CanvasXpressTabMenuConfigurator>h1.CanvasXpressTabMenuConfigurator
1734
+ {
1638
1735
  box-sizing: border-box;
1639
1736
  margin: 0;
1640
1737
  padding: 0.5px;
1641
1738
  overflow: hidden;
1642
- font: normal 12px arial, tahoma, sans-serif;
1643
- line-height: 100%;
1739
+ font: normal 12px arial, tahoma, sans-serif;
1740
+ line-height: 100%;
1644
1741
  }
1645
1742
 
1646
- section.CanvasXpressTabMenuConfigurator > h1.CanvasXpressTabMenuConfigurator > label.CanvasXpressTabMenuConfigurator {
1743
+ section.CanvasXpressTabMenuConfigurator>h1.CanvasXpressTabMenuConfigurator>label.CanvasXpressTabMenuConfigurator
1744
+ {
1647
1745
  display: block;
1648
1746
  padding: 5px;
1649
1747
  border: 1px solid #ddd;
@@ -1653,26 +1751,26 @@ section.CanvasXpressTabMenuConfigurator > h1.CanvasXpressTabMenuConfigurator > l
1653
1751
  background: #fff;
1654
1752
  }
1655
1753
 
1656
- input:first-child.CanvasXpressTabMenuConfigurator + section.CanvasXpressTabMenuConfigurator > h1.CanvasXpressTabMenuConfigurator {
1754
+ input:first-child.CanvasXpressTabMenuConfigurator+section.CanvasXpressTabMenuConfigurator>h1.CanvasXpressTabMenuConfigurator
1755
+ {
1657
1756
  padding-left: 0;
1658
1757
  }
1659
1758
 
1660
- section.CanvasXpressTabMenuConfigurator > div.CanvasXpressTabMenuConfigurator {
1759
+ section.CanvasXpressTabMenuConfigurator>div.CanvasXpressTabMenuConfigurator
1760
+ {
1661
1761
  position: relative;
1662
1762
  z-index: 1;
1663
1763
  }
1664
1764
 
1665
- input:checked.CanvasXpressTabMenuConfigurator + section.CanvasXpressTabMenuConfigurator > h1.CanvasXpressTabMenuConfigurator {
1765
+ input:checked.CanvasXpressTabMenuConfigurator+section.CanvasXpressTabMenuConfigurator>h1.CanvasXpressTabMenuConfigurator
1766
+ {
1666
1767
  position: relative;
1667
1768
  z-index: 2;
1668
1769
  }
1669
1770
 
1670
1771
  div.CanvasXpressMenu {
1671
- box-sizing: content-box;
1672
- background-color: rgb(245, 245, 245);
1673
- background-image:
1674
- url(data:image/gif;base64,R0lGODlh+gABAIcAAOLj4/Dw8P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAP8ALAAAAAD6AAEAAAgfAAMIHEiwoMGBAAQcXMiwocOHECNKnEixosWLGCMGBAA7);
1675
- background-repeat: repeat-y;
1772
+ box-sizing: content-box;
1773
+ background-color: rgba(245, 245, 245, 0.95);
1676
1774
  border: 1px solid rgb(51, 122, 183);
1677
1775
  border-radius: 3px;
1678
1776
  box-shadow: rgba(154, 154, 154, 0.2) 3px 3px;
@@ -1683,6 +1781,7 @@ div.CanvasXpressMenu {
1683
1781
  margin: 0px;
1684
1782
  padding: 0px;
1685
1783
  position: absolute;
1784
+ opacity: 0.95;
1686
1785
  -moz-box-shadow: rgba(154, 154, 154, 0.2) 3px 3px;
1687
1786
  }
1688
1787
 
@@ -1710,19 +1809,6 @@ li.CanvasXpressListItemSep {
1710
1809
  white-space: nowrap;
1711
1810
  }
1712
1811
 
1713
- li.CanvasXpressListItem {
1714
- cursor: default;
1715
- display: block;
1716
- font: normal 12px arial, tahoma, sans-serif;
1717
- height: 100%;
1718
- line-height: 100%;
1719
- list-style: none;
1720
- margin: 0px;
1721
- padding: 1px;
1722
- width: 100%;
1723
- white-space: nowrap;
1724
- }
1725
-
1726
1812
  input.CanvasXpressListItem {
1727
1813
  cursor: default;
1728
1814
  display: block;
@@ -1735,19 +1821,31 @@ input.CanvasXpressListItem {
1735
1821
  }
1736
1822
 
1737
1823
  div.CanvasXpressListItem {
1738
- box-sizing: content-box;
1824
+ box-sizing: content-box;
1739
1825
  border: 1px solid rgb(51, 122, 183);
1740
1826
  font: normal 12px arial, tahoma, sans-serif;
1741
- line-height: 16px;
1827
+ line-height: 24px;
1828
+ }
1829
+
1830
+ li.CanvasXpressListItem {
1831
+ border-color: rgba(0, 0, 0, 0);
1832
+ border-style: solid;
1833
+ border-width: 1px 0px;
1834
+ cursor: default;
1835
+ display: block;
1836
+ font: normal 12px arial, tahoma, sans-serif;
1837
+ height: 100%;
1838
+ line-height: 100%;
1839
+ list-style: none;
1840
+ margin: 0px;
1841
+ padding: 0px;
1842
+ width: 100%;
1843
+ white-space: nowrap;
1742
1844
  }
1743
1845
 
1744
1846
  li.CanvasXpressListItemActive {
1745
- background-color: rgb(219, 236, 244);
1746
- background-image:
1747
- url(data:image/gif;base64,R0lGODlhAgAVAIcAAKrM9tno++vz/QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAP8ALAAAAAACABUAAAgRAAUIHEiwoIAACBMqXMhwYUAAOw==);
1748
- background-repeat: repeat-x;
1749
- background-position: left bottom;
1750
- border-color: rgb(170, 204, 246);
1847
+ background: linear-gradient(rgb(243, 253, 255), rgb(217,232,251));
1848
+ border-color: rgb(170, 204, 246);
1751
1849
  border-style: solid;
1752
1850
  border-width: 1px 0px;
1753
1851
  cursor: default;
@@ -1756,7 +1854,7 @@ li.CanvasXpressListItemActive {
1756
1854
  height: 100%;
1757
1855
  line-height: 100%;
1758
1856
  list-style: none;
1759
- margin: 0px 1px;
1857
+ margin: 0px;
1760
1858
  padding: 0px;
1761
1859
  width: 100%;
1762
1860
  white-space: nowrap;
@@ -1798,8 +1896,7 @@ li.CanvasXpressListItemScrollTopActive {
1798
1896
  }
1799
1897
 
1800
1898
  li.CanvasXpressListItemScrollBottom {
1801
- background-image:
1802
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAFCAYAAACw/UeDAAAARUlEQVR42mNkQAMXL178z0Ah0NfXZ0Tmo3BAFkhLS+M1IDw8kmHlyuV41Tx9+hTFIjiDWAtggBSLGMmxgFSLGKkRB4QAAILWJXgE49MrAAAAAElFTkSuQmCC);
1899
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAFCAYAAACw/UeDAAAASUlEQVR42mO8ePHifwYaA0YQAbJIWloar8Lw8EgMsZUrl+PV8/TpUwZ9fX1GRpgAqRYRawHcJ6RaRIoFGJbALCIcyvgBsgUgAACiryV42XltywAAAABJRU5ErkJggg==);
1803
1900
  background-repeat: no-repeat;
1804
1901
  background-position: 50% 50%;
1805
1902
  border: 0px;
@@ -1833,53 +1930,39 @@ li.CanvasXpressListItemScrollBottomActive {
1833
1930
  }
1834
1931
 
1835
1932
  li.CanvasXpressListItemScrollSearch {
1836
- border-color: rgb(170, 204, 246);
1837
- border-style: solid;
1838
- border-width: 1px;
1933
+ border-color: rgb(170, 204, 246);
1934
+ border-style: solid;
1935
+ border-width: 1px;
1839
1936
  width: 100%;
1840
1937
  }
1841
1938
 
1842
1939
  input.CanvasXpressListItemScrollSearch {
1843
- color: rgb(34, 34, 34);
1844
- cursor : default;
1845
- font: normal 12px arial, tahoma, sans-serif;
1846
- line-height: 16px;
1847
- list-style: none;
1848
- margin : 3px;
1849
- outline-style: none;
1850
- outline-width: 0px;
1851
- padding-left: 5px;
1852
- width : 97%;
1853
- }
1854
-
1855
- a.CanvasXpressListItemA {
1856
1940
  color: rgb(34, 34, 34);
1857
- cursor: pointer;
1858
- display: block;
1941
+ cursor: default;
1859
1942
  font: normal 12px arial, tahoma, sans-serif;
1860
- line-height: 16px;
1943
+ line-height: 24px;
1861
1944
  list-style: none;
1945
+ margin: 3px;
1862
1946
  outline-style: none;
1863
1947
  outline-width: 0px;
1864
- padding: 3px 21px 3px 27px;
1865
- position: relative;
1866
- text-decoration: none;
1867
- white-space: nowrap;
1948
+ padding-left: 5px;
1949
+ width: 93%;
1868
1950
  }
1869
1951
 
1870
- a.CanvasXpressListItemAArrow {
1871
- background:
1872
- url(data:image/gif;base64,R0lGODlhDAAJAIcAACluvipxvzJ1vyxwwCt1yjp6zkD/QDiC1jmE0zyE0z2I3UeLyUGJ2VWUzlKg7FSg6Weg1WKq8Y7D9orD/JXL/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAMAAAYALAAAAAAMAAkAAAgzAA8YGEiwoAEFCQwaJEABgUKCBCRMYPDQAIEHESAIeEjAQYMAFQksAFDR4oCSBgqgNBAQADs=)
1873
- no-repeat scroll right 50% transparent;
1952
+ a.CanvasXpressListItemA {
1953
+ border-color: rgba(0, 0, 0, 0);
1954
+ border-style: solid;
1955
+ border-width: 0px 1px;
1874
1956
  color: rgb(34, 34, 34);
1875
1957
  cursor: pointer;
1876
1958
  display: block;
1877
1959
  font: normal 12px arial, tahoma, sans-serif;
1878
- line-height: 16px;
1960
+ line-height: 24px;
1879
1961
  list-style: none;
1880
- outline-style: none;
1962
+ margin: 0px;
1963
+ outline-style: none;
1881
1964
  outline-width: 0px;
1882
- padding: 3px 21px 3px 27px;
1965
+ padding: 3px 3px 3px 38px;
1883
1966
  position: relative;
1884
1967
  text-decoration: none;
1885
1968
  white-space: nowrap;
@@ -1890,20 +1973,42 @@ a.CanvasXpressListItemAActive {
1890
1973
  border-style: solid;
1891
1974
  border-width: 0px 1px;
1892
1975
  color: rgb(34, 34, 34);
1893
- cursor: pointer;
1894
- display: block;
1976
+ cursor: pointer;
1977
+ display: block;
1895
1978
  font: normal 12px arial, tahoma, sans-serif;
1896
- line-height: 16px;
1979
+ line-height: 24px;
1897
1980
  list-style: none;
1898
- outline-style: none;
1981
+ margin: 0px;
1982
+ outline-style: none;
1899
1983
  outline-width: 0px;
1900
- margin: 0px -1px;
1901
- padding: 3px 21px 3px 27px;
1984
+ padding: 3px 3px 3px 38px;
1902
1985
  position: relative;
1903
1986
  text-decoration: none !important;
1904
1987
  white-space: nowrap;
1905
1988
  }
1906
1989
 
1990
+ a.CanvasXpressListItemAArrow {
1991
+ background:
1992
+ url(data:image/gif;base64,R0lGODlhDAAJAIcAACluvipxvzJ1vyxwwCt1yjp6zkD/QDiC1jmE0zyE0z2I3UeLyUGJ2VWUzlKg7FSg6Weg1WKq8Y7D9orD/JXL/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAMAAAYALAAAAAAMAAkAAAgzAA8YGEiwoAEFCQwaJEABgUKCBCRMYPDQAIEHESAIeEjAQYMAFQksAFDR4oCSBgqgNBAQADs=)
1993
+ no-repeat scroll right 50% transparent;
1994
+ border-color: rgba(0, 0, 0, 0);
1995
+ border-style: solid;
1996
+ border-width: 0px 1px;
1997
+ color: rgb(34, 34, 34);
1998
+ cursor: pointer;
1999
+ display: block;
2000
+ font: normal 12px arial, tahoma, sans-serif;
2001
+ line-height: 24px;
2002
+ list-style: none;
2003
+ margin: 0px;
2004
+ outline-style: none;
2005
+ outline-width: 0px;
2006
+ padding: 3px 3px 3px 38px;
2007
+ position: relative;
2008
+ text-decoration: none;
2009
+ white-space: nowrap;
2010
+ }
2011
+
1907
2012
  a.CanvasXpressListItemAArrowActive {
1908
2013
  background:
1909
2014
  url(data:image/gif;base64,R0lGODlhDAAJAIcAACluvipxvzJ1vyxwwCt1yjp6zkD/QDiC1jmE0zyE0z2I3UeLyUGJ2VWUzlKg7FSg6Weg1WKq8Y7D9orD/JXL/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAMAAAYALAAAAAAMAAkAAAgzAA8YGEiwoAEFCQwaJEABgUKCBCRMYPDQAIEHESAIeEjAQYMAFQksAFDR4oCSBgqgNBAQADs=)
@@ -1912,15 +2017,15 @@ a.CanvasXpressListItemAArrowActive {
1912
2017
  border-style: solid;
1913
2018
  border-width: 0px 1px;
1914
2019
  color: rgb(34, 34, 34);
1915
- cursor: pointer;
1916
- display: block;
2020
+ cursor: pointer;
2021
+ display: block;
1917
2022
  font: normal 12px arial, tahoma, sans-serif;
1918
- line-height: 16px;
2023
+ line-height: 24px;
1919
2024
  list-style: none;
1920
- margin: 0px -1px;
2025
+ margin: 0px;
1921
2026
  outline-style: none;
1922
2027
  outline-width: 0px;
1923
- padding: 3px 21px 3px 27px;
2028
+ padding: 3px 3px 3px 38px;
1924
2029
  position: relative;
1925
2030
  text-decoration: none !important;
1926
2031
  white-space: nowrap;
@@ -1932,8 +2037,8 @@ img.CanvasXpressListIcon {
1932
2037
  color: rgb(34, 34, 34);
1933
2038
  cursor: pointer;
1934
2039
  font: normal 12px arial, tahoma, sans-serif;
1935
- height: 16px;
1936
- line-height: 16px;
2040
+ height: 24px;
2041
+ line-height: 24px;
1937
2042
  list-style: none;
1938
2043
  left: 3px;
1939
2044
  margin: 0px;
@@ -1941,7 +2046,7 @@ img.CanvasXpressListIcon {
1941
2046
  position: absolute;
1942
2047
  top: 3px;
1943
2048
  vertical-align: top;
1944
- width: 16px;
2049
+ width: 24px;
1945
2050
  white-space: nowrap;
1946
2051
  }
1947
2052
 
@@ -1949,9 +2054,9 @@ span.CanvasXpressListItemText {
1949
2054
  color: rgb(34, 34, 34);
1950
2055
  cursor: pointer;
1951
2056
  font: normal 12px arial, tahoma, sans-serif;
1952
- line-height: 16px;
2057
+ line-height: 24px;
1953
2058
  list-style: none;
1954
- margin-right: 50px;
2059
+ margin-right: 10px;
1955
2060
  white-space: nowrap;
1956
2061
  }
1957
2062
 
@@ -1959,7 +2064,7 @@ input.CanvasXpressListItemText {
1959
2064
  color: rgb(34, 34, 34);
1960
2065
  cursor: pointer;
1961
2066
  font: normal 12px arial, tahoma, sans-serif;
1962
- line-height: 16px;
2067
+ line-height: 24px;
1963
2068
  list-style: none;
1964
2069
  white-space: nowrap;
1965
2070
  }
@@ -1967,11 +2072,11 @@ input.CanvasXpressListItemText {
1967
2072
  span.CanvasXpressListItemTextShort {
1968
2073
  color: rgb(34, 34, 34);
1969
2074
  cursor: pointer;
2075
+ float: right;
1970
2076
  font: italic 9px arial, tahoma, sans-serif;
1971
- line-height: 16px;
2077
+ line-height: 24px;
1972
2078
  list-style: none;
1973
- position: absolute;
1974
- right: 4px;
2079
+ margin-left: 10px;
1975
2080
  white-space: nowrap;
1976
2081
  }
1977
2082
 
@@ -1996,7 +2101,7 @@ table.CanvasXpressListItemTable {
1996
2101
  color: rgb(34, 34, 34);
1997
2102
  cursor: default;
1998
2103
  font: normal 12px arial, tahoma, sans-serif;
1999
- line-height: 16px;
2104
+ line-height: 24px;
2000
2105
  padding-left: 3px;
2001
2106
  -moz-user-select: none;
2002
2107
  -khtml-user-select: none;
@@ -2008,58 +2113,55 @@ img.CanvasXpressToolbarHelp {
2008
2113
  cursor: default;
2009
2114
  float: right;
2010
2115
  margin-left: 2px;
2011
- user-select: none;
2012
- -moz-user-select: none;
2116
+ -moz-user-select: none;
2013
2117
  -khtml-user-select: none;
2014
2118
  -webkit-user-select: none;
2015
2119
  -o-user-select: none;
2016
- -ms-user-select: none;
2120
+ -ms-user-select: none;
2017
2121
  }
2018
2122
 
2019
2123
  div.CanvasXpressToolbarHelp {
2020
- box-sizing: content-box;
2021
- background-color: rgb(245, 245, 245);
2124
+ box-sizing: content-box;
2125
+ background-color: rgba(245, 245, 245, 0.95);
2022
2126
  border-radius: 5px;
2023
2127
  border: 1px solid rgb(51, 122, 183);
2024
2128
  box-shadow: rgba(154, 154, 154, 0.2) 3px 3px;
2025
2129
  color: rgb(34, 34, 34);
2026
2130
  cursor: default;
2027
2131
  font: normal 12px arial, tahoma, sans-serif;
2028
- line-height: 16px;
2132
+ line-height: 24px;
2029
2133
  -moz-user-select: none;
2030
2134
  -khtml-user-select: none;
2031
2135
  -webkit-user-select: none;
2032
2136
  -o-user-select: none;
2033
- user-select: none;
2034
- -ms-user-select: none;
2137
+ -ms-user-select: none;
2035
2138
  }
2036
2139
 
2037
2140
  p.CanvasXpressToolbarHelp {
2038
2141
  cursor: default;
2039
2142
  font: normal 12px arial, tahoma, sans-serif;
2040
- line-height: 16px;
2143
+ line-height: 24px;
2041
2144
  margin: 0px;
2042
2145
  padding: 5px 5px 5px 20px;
2043
2146
  }
2044
2147
 
2045
2148
  img.CanvasXpressToolbarImage {
2046
- cursor: pointer;
2149
+ cursor: pointer;
2047
2150
  margin-top: 2px;
2048
2151
  margin-right: 4px;
2049
2152
  float: right;
2050
- -moz-user-select: none;
2051
- -khtml-user-select: none;
2052
- -webkit-user-select: none;
2053
- -o-user-select: none;
2054
- user-select: none;
2055
- -ms-user-select: none;
2153
+ -moz-user-select: none;
2154
+ -khtml-user-select: none;
2155
+ -webkit-user-select: none;
2156
+ -o-user-select: none;
2157
+ -ms-user-select: none;
2056
2158
  }
2057
2159
 
2058
2160
  div.CanvasXpressForm {
2059
- box-sizing: content-box;
2161
+ box-sizing: content-box;
2060
2162
  border: 1px solid rgb(51, 122, 183);
2061
2163
  border-radius: 5px;
2062
- background-color: rgb(245, 245, 245);
2164
+ background-color: rgba(245, 245, 245, 0.95);
2063
2165
  color: rgb(34, 34, 34);
2064
2166
  cursor: move;
2065
2167
  font: normal 12px arial, tahoma, sans-serif;
@@ -2087,12 +2189,11 @@ input.CanvasXpressFormButton {
2087
2189
  -khtml-user-select: none;
2088
2190
  -webkit-user-select: none;
2089
2191
  -o-user-select: none;
2090
- user-select: none;
2091
- -ms-user-select: none;
2192
+ -ms-user-select: none;
2092
2193
  }
2093
2194
 
2094
2195
  input.CanvasXpressFormButtonActive {
2095
- background-color: rgb(245, 245, 245);
2196
+ background-color: rgba(245, 245, 245, 0.95);
2096
2197
  background-image:
2097
2198
  url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAYAAADtlXTHAAAAFklEQVR42mN89fnvf0aSiBvPf9GaAABVL3D5nF6uqAAAAABJRU5ErkJggg==);
2098
2199
  background-repeat: repeat-x;
@@ -2104,54 +2205,72 @@ input.CanvasXpressFormButtonActive {
2104
2205
  height: 22px;
2105
2206
  margin-top: 2px;
2106
2207
  overflow: hidden;
2208
+ opacity: 0.95;
2107
2209
  padding: 2px;
2108
2210
  vertical-align: middle;
2109
2211
  -moz-user-select: none;
2110
2212
  -khtml-user-select: none;
2111
2213
  -webkit-user-select: none;
2112
2214
  -o-user-select: none;
2113
- user-select: none;
2114
- -ms-user-select: none;
2215
+ -ms-user-select: none;
2115
2216
  }
2116
2217
 
2117
2218
  input.CanvasXpressFormText {
2118
- background-color: rgb(255, 255, 255);
2219
+ background-color: rgba(255, 255, 255, 0.95);
2119
2220
  border: 1px solid rgb(51, 122, 183);
2120
2221
  color: rgb(34, 34, 34);
2121
2222
  cursor: default;
2122
2223
  font: normal 12px arial, tahoma, sans-serif;
2123
- line-height: 16px;
2224
+ line-height: 24px;
2124
2225
  padding-left: 3px;
2125
2226
  }
2126
2227
 
2127
2228
  form.CanvasXpressFormForm {
2128
- background-color: rgb(255, 255, 255);
2229
+ background-color: rgba(255, 255, 255, 0.95);
2129
2230
  border: 1px solid rgb(51, 122, 183);
2130
2231
  color: rgb(34, 34, 34);
2131
2232
  cursor: default;
2132
2233
  font: normal 12px arial, tahoma, sans-serif;
2133
- line-height: 16px;
2234
+ line-height: 24px;
2134
2235
  margin: 8px;
2135
2236
  overflow: auto;
2136
2237
  padding-left: 3px;
2137
2238
  }
2138
2239
 
2240
+ /*
2241
+ * CanvasXpress
2242
+ */
2139
2243
  canvas.CanvasXpress {
2140
2244
  -moz-user-select: none;
2141
2245
  -khtml-user-select: none;
2142
2246
  -webkit-user-select: none;
2143
2247
  -o-user-select: none;
2144
- user-select: none;
2145
- -ms-user-select: none;
2248
+ user-select: none;
2249
+ -ms-user-select: none;
2250
+ }
2251
+
2252
+ canvas.CanvasXpress:hover { /*border: 1px solid #23527c;*/
2253
+ border: 1px solid rgba(35, 82, 124, 0.2);
2254
+ border-radius: 6px;
2255
+ margin: -1px;
2256
+ }
2257
+
2258
+ canvas.CanvasXpressUpload {
2259
+ border: 1px solid rgba(35, 82, 124, 0.2);
2260
+ border-radius: 6px;
2261
+ margin: -1px;
2262
+ background-image: url(http://canvasxpress.org/images/uploadFile.jpg);
2263
+ background-size: contain;
2146
2264
  }
2147
2265
 
2148
- canvas.CanvasXpress:hover {
2149
- /*border: 1px solid #23527c;*/
2150
- border: 1px solid rgba(35, 82, 124, 0.2);
2151
- border-radius: 6px;
2152
- margin: -1px;
2266
+ canvas.CanvasXpress::selection {
2267
+ background: rgba(0, 0, 0, 0);
2268
+ color: rgb(0, 0, 0);
2153
2269
  }
2154
2270
 
2271
+ /*
2272
+ * full-screen-warning-container
2273
+ */
2155
2274
  #full-screen-warning-container {
2156
2275
  background-color: transparent !important;
2157
2276
  opacity: 0.4 !important;
@@ -2178,4 +2297,21 @@ canvas.CanvasXpress:hover {
2178
2297
 
2179
2298
  .full-screen-approval-button,#full-screen-remember-decision {
2180
2299
  font-size: 100% !important;
2181
- }
2300
+ }
2301
+
2302
+ @media (min-width: 300px) {
2303
+ div.CanvasXpressBin {
2304
+ transform: scale(0.5);
2305
+ }
2306
+ }
2307
+ @media (min-width: 450px) {
2308
+ div.CanvasXpressBin {
2309
+ transform: scale(0.75);
2310
+ }
2311
+ }
2312
+ @media (min-width: 600px) {
2313
+ div.CanvasXpressBin {
2314
+ transform: scale(1);
2315
+ }
2316
+ }
2317
+