err.no Git - scalable-opengroupware.org/blob - UI/WebServerResources/SchedulerUI.css

   1
   2 DIV#leftPanel
   3 { position: absolute;
   4   top: 5.5em;
   5   left: 0px;
   6   width: 19.25em;
   7   bottom: 0px;
   8   overflow: hidden; }
   9
  10 DIV#schedulerTabs
  11 { position: absolute;
  12   top: 0.5em;
  13   left: .2em;
  14   right: .2em;
  15   height: 14em; }
  16
  17 DIV#tasksListView
  18 { position: absolute;
  19   top: 17em;
  20   bottom: 0px;
  21   left: .2em;
  22   right: 0px;
  23   padding: 0px;
  24   overflow: hidden; }
  25
  26 DIV#tasksListView H2
  27 { font-size: 10pt;
  28   margin: 0px;
  29   margin-left: .25em;
  30   padding: 0px; }
  31
  32 DIV#tasksListView LABEL
  33 { margin: .25em; }
  34
  35 DIV#calendarSelectorView
  36 { top: 0px; }
  37
  38 DIV#calendarSelectorView
  39 { overflow: hidden; }
  40
  41 DIV#calendarsList
  42 { height: 100%;
  43   padding: 0px;
  44   margin: 0px; }
  45
  46 DIV.colorBox
  47 { display: inline;
  48   border: 1px solid #333;
  49   font-weight: normal;
  50   margin: 0px;
  51   margin-right: 3px;
  52   font-size: 80%;
  53   width: 1em;
  54   height: .75em; }
  55
  56 UL#tasksList, UL#calendarList
  57 { cursor: default;
  58   margin: 0px;
  59   padding: 0px;
  60   border-bottom: 1px solid #fff;
  61   border-right: 1px solid #fff;
  62   border-top: 2px solid #222;
  63   border-left: 2px solid #222;
  64   background-color: #fff;
  65   -khtml-user-select: none;
  66   -moz-border-top-colors: #9c9a94 #000 transparent;
  67   -moz-border-left-colors: #9c9a94 #000 transparent;
  68   list-style-type: none;
  69   list-style-image: none;
  70   overflow: auto;
  71   overflow-x: hidden; }
  72
  73 UL#calendarList
  74 { clear: left;
  75   width: 100%;
  76   height: 10.5em;
  77   margin: 0px; }
  78
  79 UL#calendarList LI
  80 { white-space: nowrap; }
  81
  82 UL#tasksList
  83 { position: absolute;
  84   top: 2em;
  85   left: 0px;
  86   right: 0px;
  87   bottom: .25em; }
  88
  89 UL#tasksList LI
  90 { white-space: nowrap; }
  91
  92 UL#tasksList LI.overdue
  93 { color: #f00; }
  94
  95 UL#tasksList LI.duetoday
  96 { color: #00f; }
  97
  98 UL#tasksList LI.completed
  99 { text-decoration: line-through;
 100   color: #000; }
 101
 102 UL#tasksList LI.duelater
 103 { color: #999; }
 104
 105 UL#tasksList LI[class~="_selected"].overdue
 106 { color: #fff !important;
 107   background-color: #f00 !important; }
 108
 109 UL#tasksList LI[class~="_selected"].duetoday
 110 { color: #fff !important;
 111   background-color: #00f !important; }
 112
 113 UL#tasksList LI[class~="_selected"].duelater,
 114 UL#tasksList LI[class~="_selected"].completed
 115 { color: #fff !important;
 116   background-color: #999 !important; }
 117
 118 DIV#rightPanel
 119 { position: absolute;
 120   top: 5.5em;
 121   left: 19.25em;
 122   right: 0px;
 123   bottom: 0px;
 124   margin: 0px;
 125   margin-left: 5px;
 126   padding: 0px;
 127   overflow: hidden; }
 128
 129 /* top list */
 130 DIV#eventsListView
 131 { cursor: default;
 132   position: absolute;
 133   background-color: #fff;
 134   top: 2.5em;
 135   left: 0px;
 136   right: 0px;
 137   height: 15.5em;
 138   overflow: hidden;
 139   overflow-y: auto; }
 140
 141 DIV#calendarView
 142 { position: absolute;
 143   background-color: #fff;
 144   top: 18em;
 145   margin-top: 5px;
 146   bottom: 0px;
 147   width: 100%;
 148   border-top: 1px solid #aaa;
 149   border-left: 1px solid #aaa; }
 150
 151 DIV#calendarView A
 152 { text-decoration: none;
 153   font: inherit;
 154   color: inherit; }
 155
 156 #verticalDragHandle
 157 { cursor: e-resize;
 158   top: 7.5em;
 159   left: 19.25em;
 160   width: 5px;
 161   bottom: 0px; }
 162
 163 #rightDragHandle
 164 { cursor: n-resize;
 165   top: 18em;
 166   left: 0px;
 167   right: 0px;
 168   height: 5px; }
 169
 170 #filterPanel
 171 { padding-right: .5em; }
 172
 173 DIV#dateSelectorView
 174 { overflow: hidden; }
 175
 176 #dateSelector
 177 { margin: 0px auto;
 178   background-color: #fff;
 179   border-top: 1px solid #fff;
 180   border-left: 1px solid #fff;
 181   border-right: 1px solid #aaa;
 182   border-bottom: 1px solid #aaa; }
 183
 184 #dateSelector > .header
 185 { background-color: #efefef;
 186   width: 100%;
 187   white-space: nowrap;
 188   vertical-align: middle;
 189   text-align: center;
 190   padding: .2em 0px;
 191   margin: 0px;
 192   border: 0px; }
 193
 194 #dateSelector > .header #leftArrow
 195 { float: left; }
 196
 197 #dateSelector > .header #rightArrow
 198 { float: right;
 199   margin-right: 2px; }
 200
 201 #dateSelector > .header SPAN
 202 { cursor: default;
 203   font-size: medium;
 204   vertical-align: middle;
 205   font-weight: bold;
 206   border: 1px solid transparent; }
 207
 208 #dateSelector > .header SPAN:hover
 209 { border-left: 1px solid #fff;
 210   border-top: 1px solid #fff;
 211   border-right: 1px solid #ccc;
 212   border-bottom: 1px solid #ccc; }
 213
 214 #dateSelector .dayOfWeek
 215 { color: #00f; }
 216
 217 TABLE#dateSelectorTable
 218 { padding: 2px; }
 219
 220 #dateSelector TABLE,
 221 #dateSelector TABLE TABLE
 222 { border-collapse: collapse;
 223   margin: 0px auto;
 224   width: 100%; }
 225
 226 #dateSelector TABLE#dateSelectorTable TD TABLE TD
 227 { width: 0px; /* temp hack */ }
 228
 229 #dateSelector TABLE#dateSelectorTable TD TABLE TD.activeDay,
 230 #dateSelector TABLE#dateSelectorTable TD TABLE TD.inactiveDay,
 231 #dateSelector TABLE#dateSelectorTable TD TABLE TD.dayOfToday
 232 { width: 1em; }
 233
 234 #dateSelector TABLE TABLE TD
 235 { cursor: pointer;
 236   margin: 0px;
 237   padding: 0px;
 238   border: 1px solid #fff;
 239   text-align: center; }
 240
 241 #dateSelector TABLE TABLE TD:hover
 242 { border: 1px solid #deebf7; }
 243
 244 #dateSelector TD SPAN
 245 { text-align: center;
 246   display: block; }
 247
 248 #dateSelector TD SPAN A
 249 { color: #000;
 250   background: inherit;
 251   text-decoration: none; }
 252
 253 #dateSelector TD:active
 254 { background-color: #ddd;
 255   border: 1px solid #deebf7; }
 256
 257 #dateSelector TD.inactiveDay A
 258 { color: #dedfde; }
 259
 260 #dateSelector TD.dayOfToday
 261 { background-color: #deebf7;
 262   border: 1px solid #deebf7; }
 263
 264 #dateSelector TD.dayOfToday._selected
 265 { background-color: #4b6983; }
 266
 267 #dateSelector TD._selected A
 268 { color: #fff; }
 269
 270 TABLE#eventsList
 271 { width: 100%; }
 272
 273 TABLE#eventsList TD.headerTitle,
 274 TABLE#eventsList TD.headerDateTime
 275 { width: 30%; }
 276
 277 TABLE#eventsList TD,
 278 TABLE#eventsList TH
 279 { overflow: hidden;
 280   white-space: nowrap; } /* pre, normal, nowrap */
 281
 282 TABLE#eventsList TH
 283 { white-space: pre; }
 284
 285 ._unfocused#dateSelector TD._selected,
 286 UL._unfocused > LI._selected,
 287 TABLE._unfocused#eventsList TR._selected TD
 288 { background-color: #d4d0c8 !important;
 289   color: #fff !important; }
 290
 291 SPAN.dayCellLabel
 292 { color: #77a;
 293   font-weight: bold; }
 294
 295 SPAN.daysHeader,
 296 SPAN.weeksHeader,
 297 SPAN.monthsHeader
 298 { display: block;
 299   white-space: nowrap;
 300   background-color: #d4d0c8;
 301   overflow: hidden;
 302   width: 100%;
 303   margin: 0px;
 304   height: 3em;
 305   padding: 2px 1.5em;
 306 /* HERE  border: 0px;
 307  */  border-bottom: 1px solid #ccc; }
 308
 309 SPAN.daysHeader SPAN,
 310 SPAN.weeksHeader SPAN,
 311 SPAN.monthsHeader SPAN
 312 { display: block;
 313   margin: .1em;
 314   float: left;
 315   width: 18%;
 316   padding: 0px;
 317   text-align: center;
 318   border: 1px solid transparent;
 319   vertical-align: top; }
 320
 321 SPAN.daysHeader A,
 322 SPAN.weeksHeader A,
 323 SPAN.monthsHeader A
 324 { padding: 0px .5em; }
 325
 326 A.leftNavigationArrow,
 327 A.rightNavigationArrow
 328 { border: 1px solid transparent;
 329   padding: .5em;
 330   text-align: center;
 331   vertical-align: bottom; }
 332
 333 A.leftNavigationArrow:hover,
 334 A.rightNavigationArrow:hover,
 335 SPAN.daysHeader A:hover,
 336 SPAN.weeksHeader A:hover,
 337 SPAN.monthsHeader A:hover
 338 { border-top: 1px solid #fff;
 339   border-left: 1px solid #fff;
 340   border-bottom: 1px solid #828482;
 341   border-right: 1px solid #828482; }
 342
 343 A.leftNavigationArrow:active,
 344 A.rightNavigationArrow:active,
 345 SPAN.daysHeader A:active,
 346 SPAN.weeksHeader A:active,
 347 SPAN.monthsHeader A:active
 348 { border-top: 1px solid #828482;
 349   border-left: 1px solid #828482;
 350   border-bottom: 1px solid #fff;
 351   border-right: 1px solid #fff; }
 352
 353 SPAN.week2, SPAN.month2
 354 {
 355   font-size: small;
 356 }
 357
 358 SPAN.day2, SPAN.week1, SPAN.month1
 359 {
 360   font-size: medium;
 361 }
 362
 363 SPAN.day1, SPAN.week0, SPAN.month0
 364 {
 365   font-size: large;
 366 }
 367
 368 SPAN.day0
 369 { font-size: x-large; }
 370
 371 SPAN.day0, SPAN.week0, SPAN.month0
 372 { border-top: 1px solid #828482 !important;
 373   border-left: 1px solid #828482 !important;
 374   border-bottom: 1px solid #fff !important;
 375   border-right: 1px solid #fff !important;
 376   background-color: #ddd; }
 377
 378 A.leftNavigationArrow
 379 { position: absolute;
 380   display: block;
 381   top: .5em;
 382   left: .5em; }
 383
 384 A.rightNavigationArrow
 385 { position: absolute;
 386   display: block;
 387   top: .5em;
 388   right: .5em; }
 389
 390 DIV#calendarHeader,
 391 DIV#daysView
 392 { position: absolute;
 393   left: 0px;
 394   right: 0px;
 395   padding: 0px;
 396   margin: 0px; }
 397
 398 DIV#daysView
 399 { top: 11em;
 400   bottom: 0px;
 401   margin-left: 1px;
 402   border-left: 1px solid #397d94;
 403   border-bottom: 1px solid #397d94;
 404   border-top: 2px solid #397d94;
 405   overflow: auto; }
 406
 407 DIV#calendarHeader
 408 { top: 3.5em;
 409   border: 0px;
 410   height: 7.5em; }
 411
 412 DIV#calendarHeader DIV.dayLabels,
 413 DIV#calendarHeader DIV.days
 414 { position: absolute;
 415   margin: 0px;
 416   padding: 0px;
 417 /* HERE  border: 0px; */
 418   border-right: 1px solid #397d94;
 419   border-top: 1px solid #397d94;
 420   left: 5em;
 421   margin-left: 1px;
 422   margin-right: 16px;
 423   right: 0px;
 424   overflow: hidden; }
 425
 426 DIV#calendarHeader DIV.dayLabels
 427 { bottom: 4em;
 428   height: 3em; }
 429
 430 DIV#calendarHeader DIV.dayLabels DIV.day
 431 { text-align: center;
 432   font-weight: bold;
 433   color: #77a;
 434   background-color: #e7efef; }
 435
 436 DIV#calendarHeader SPAN.dayOfWeek
 437 { font-size: medium; }
 438
 439 DIV#calendarHeader DIV.dayLabels
 440 { cursor: default; }
 441
 442 DIV#calendarHeader DIV.days
 443 { cursor: pointer;
 444   bottom: 0px;
 445   height: 4em; }
 446
 447 DIV#calendarHeader DIV.day
 448 { height: 100%;
 449   margin: 0px;
 450   padding: 0px;
 451   margin-right: 1px; }
 452
 453 DIV#calendarHeader DIV.days DIV.day
 454 { overflow: hidden;
 455   overflow-y: auto; }
 456
 457 /* DIV#daysView
 458 /*   background-position: top center;
 459   background-repeat: no-repeat;
 460   background-image: url("/SOGo.woa/WebServerResources/background.jpg");
 461  } */
 462
 463 .menu LI.currentMonth,
 464 .menu LI.currentYear
 465 { border-top: 1px solid #aaa;
 466   border-left: 1px solid #aaa;
 467   border-bottom: 1px solid #fff;
 468   border-right: 1px solid #fff;
 469   background-color: #ccc;
 470   color: #222; }
 471
 472 DIV.eventView
 473 { display: block;
 474   overflow: hidden;
 475   white-space: nowrap;
 476   border: 1px solid #000; }
 477
 478 /* new draggable presentation */
 479
 480 DIV#daysView DIV.days
 481 { position: absolute;
 482   margin: 0px;
 483   height: 96em;
 484   top: 0px;
 485   left: 5em;
 486   right: 2px; }
 487
 488 DIV.multicolumnDayView DIV.lastDayUser
 489 { border-right: 1px solid #397d94; }
 490
 491 DIV.monthView
 492 { position: absolute;
 493   left: .5em;
 494   top: 4em;
 495   right: 1em;
 496   bottom: 1em;
 497 /*  border: 0px; HERE */
 498   margin: 0px;
 499   padding: 0px;
 500   min-width: 20em;
 501   min-height: 25em; }
 502
 503 DIV.monthView > DIV,
 504 DIV.monthView > DIV.days > DIV
 505 { position: absolute;
 506   padding: 0px;
 507   margin: 0px; }
 508
 509 DIV.monthView > DIV.headerDay
 510 { text-align: center;
 511   cursor: default;
 512   padding-top: .5em;
 513   border-left: 2px solid #397d94 !important;
 514   border-top: 2px solid #397d94 !important;
 515   top: 0px;
 516   color: #397d94;
 517   height: 1.5em;
 518   font-weight: bold;
 519   background-color: #e7efef; }
 520
 521 DIV.dayOfToday
 522 { background-color: #deebf7; }
 523
 524 DIV.weekEndDay
 525 { background-color: #fffbe7; }
 526
 527 DIV.dayOfAnotherMonth
 528 { background-color: #e7efef; }
 529
 530 DIV.selectedDay
 531 { background-color: #ffe79c; }
 532
 533 DIV.monthView DIV.dayHeader
 534 { margin-left: 1em;
 535   cursor: pointer;
 536   color: #397d94;
 537   font-weight: bold; }
 538
 539 DIV.monthView DIV.days
 540 { top: 2em;
 541   cursor: pointer;
 542   bottom: 0px;
 543   left: 0px;
 544   right: 0px; }
 545
 546 DIV.monthView DIV.day
 547 { position: absolute;
 548   border-left: 2px solid #397d94;
 549   border-top: 2px solid #397d94;
 550   min-height: 4em;
 551   overflow: auto; }
 552
 553 DIV.weekOf4
 554 { height: 25%; }
 555
 556 DIV.weekOf5
 557 { height: 20%; }
 558
 559 DIV.weekOf6
 560 { height: 16.666667%; }
 561
 562 DIV.monthView DIV.week0of4,
 563 DIV.monthView DIV.week0of5,
 564 DIV.monthView DIV.week0of6
 565 { top: 0px; }
 566
 567 DIV.monthView DIV.week1of4
 568 { top: 25%; }
 569
 570 DIV.monthView DIV.week2of4
 571 { top: 50%; }
 572
 573 DIV.monthView DIV.week3of4
 574 { top: 75%;
 575   border-bottom: 2px solid #397d94 !important; }
 576
 577 DIV.monthView DIV.week1of5
 578 { top: 20%; }
 579
 580 DIV.monthView DIV.week2of5
 581 { top: 40%; }
 582
 583 DIV.monthView DIV.week3of5
 584 { top: 60%; }
 585
 586 DIV.monthView DIV.week4of5
 587 { top: 80%;
 588   border-bottom: 2px solid #397d94 !important; }
 589
 590 DIV.monthView DIV.week1of6
 591 { top: 16.666667%; }
 592
 593 DIV.monthView DIV.week2of6
 594 { top: 33.333333%; }
 595
 596 DIV.monthView DIV.week3of6
 597 { top: 50%; }
 598
 599 DIV.monthView DIV.week4of6
 600 { top: 66.666667%; }
 601
 602 DIV.monthView DIV.week5of6
 603 { top: 83.333333%;
 604   border-bottom: 2px solid #397d94 !important; }
 605
 606 DIV.monthView DIV.week3
 607 { top: 45%; }
 608
 609 DIV.monthView DIV.week4
 610 { top: 60%; }
 611
 612 DIV.monthView DIV.week5
 613 { top: 75%; }
 614
 615 DIV.monthView DIV.week6
 616 { top: 90%; }
 617
 618 DIV#calendarHeader DIV.day,
 619 DIV#daysView DIV.day
 620 { position: absolute;
 621   border-left: 1px solid #397d94;
 622   margin: 0px;
 623   padding: 0px;
 624   top: 0px; }
 625
 626 /* DIV#calendarHeader DIV.day1
 627 { border-left: 0px; }
 628  */
 629
 630 /* DIV#daysView > DIV.days > DIV.day > DIV.header
 631 { position: fixed;
 632   top: ;
 633   height: 3.5em;
 634   padding-top: .5em;
 635   border: 0px;
 636   border-top: 1px solid #397d94;
 637   font-weight: bold;
 638   text-align: center;
 639   background-color: #e7efef;
 640   color: #397d94; } */
 641
 642 DIV.daysViewFor1Days DIV.day
 643 { border-right: 1px solid #397d94;
 644   width: 100%; }
 645
 646 /* DIV#daysView DIV.day
 647 { margin-right: 3px; } */
 648
 649 DIV.monthView DIV.headerDay,
 650 DIV.monthView DIV.day,
 651 DIV.daysViewFor7Days DIV.day
 652 { width: 14.2857%; }
 653
 654 DIV.monthView DIV.day1,
 655 DIV.daysViewFor7Days DIV.day1
 656 { left: 0px; }
 657
 658 DIV.monthView DIV.day2,
 659 DIV.daysViewFor7Days DIV.day2
 660 { left: 14.2857%; }
 661
 662 DIV.monthView DIV.day3,
 663 DIV.daysViewFor7Days DIV.day3
 664 { left: 28.5714%; }
 665
 666 DIV.monthView DIV.day4,
 667 DIV.daysViewFor7Days DIV.day4
 668 { left: 42.8571%; }
 669
 670 DIV.monthView DIV.day5,
 671 DIV.daysViewFor7Days DIV.day5
 672 { left: 57.1428%; }
 673
 674 DIV.monthView DIV.day6,
 675 DIV.daysViewFor7Days DIV.day6
 676 { left: 71.4285%; }
 677
 678 DIV.monthView DIV.day0
 679 { left: 85.7142%;
 680   border-right: 2px solid #397d94; }
 681
 682 DIV.daysViewFor7Days DIV.day0
 683 { left: 85.7142%;
 684   border-right: 1px solid #397d94; }
 685
 686 DIV#daysView > DIV.hours
 687 { position: absolute;
 688   left: 0px;
 689   top: 0px;
 690   width: 4.5em;
 691   height: 95.5em;
 692   font-weight: bold;
 693   margin: 0px;
 694   padding-top: .5em;
 695   padding-right: .5em;
 696   color: #77a;
 697   background-color: #e7efef;
 698   text-align: right; }
 699
 700 DIV#daysView > DIV.hours > DIV.hour
 701 { height: 4em; }
 702
 703 DIV#daysView > DIV.hourLines > DIV.hourLine
 704 { position: absolute;
 705   height: 1px;
 706   left: 0px;
 707   right: 0px;
 708   padding-left: 1em;
 709   margin-right: 2px;
 710   border-bottom: 1px solid #397d94; }
 711
 712 DIV.clickableHourCell
 713 { cursor: pointer;
 714   width: 100%;
 715   height: 4em; }
 716
 717 DIV.clickableHourCell0
 718 { top: 0px; }
 719
 720 DIV.clickableHourCell1,
 721 DIV#daysView > DIV.hourLines > DIV.hourLine0
 722 { top: 4em; }
 723
 724 DIV.clickableHourCell2,
 725 DIV#daysView > DIV.hourLines > DIV.hourLine1
 726 { top: 8em; }
 727
 728 DIV.clickableHourCell3,
 729 DIV#daysView > DIV.hourLines > DIV.hourLine2
 730 { top: 12em; }
 731
 732 DIV.clickableHourCell4,
 733 DIV#daysView > DIV.hourLines > DIV.hourLine3
 734 { top: 16em; }
 735
 736 DIV.clickableHourCell5,
 737 DIV#daysView > DIV.hourLines > DIV.hourLine4
 738 { top: 20em; }
 739
 740 DIV.clickableHourCell6,
 741 DIV#daysView > DIV.hourLines > DIV.hourLine5
 742 { top: 24em; }
 743
 744 DIV.clickableHourCell7,
 745 DIV#daysView > DIV.hourLines > DIV.hourLine6
 746 { top: 28em; }
 747
 748 DIV.clickableHourCell8,
 749 DIV#daysView > DIV.hourLines > DIV.hourLine7
 750 { top: 32em; }
 751
 752 DIV.clickableHourCell9,
 753 DIV#daysView > DIV.hourLines > DIV.hourLine8
 754 { top: 36em; }
 755
 756 DIV.clickableHourCell10,
 757 DIV#daysView > DIV.hourLines > DIV.hourLine9
 758 { top: 40em; }
 759
 760 DIV.clickableHourCell11,
 761 DIV#daysView > DIV.hourLines > DIV.hourLine10
 762 { top: 44em; }
 763
 764 DIV.clickableHourCell12,
 765 DIV#daysView > DIV.hourLines > DIV.hourLine11
 766 { top: 48em; }
 767
 768 DIV.clickableHourCell13,
 769 DIV#daysView > DIV.hourLines > DIV.hourLine12
 770 { top: 52em; }
 771
 772 DIV.clickableHourCell14,
 773 DIV#daysView > DIV.hourLines > DIV.hourLine13
 774 { top: 56em; }
 775
 776 DIV.clickableHourCell15,
 777 DIV#daysView > DIV.hourLines > DIV.hourLine14
 778 { top: 60em; }
 779
 780 DIV.clickableHourCell16,
 781 DIV#daysView > DIV.hourLines > DIV.hourLine15
 782 { top: 64em; }
 783
 784 DIV.clickableHourCell17,
 785 DIV#daysView > DIV.hourLines > DIV.hourLine16
 786 { top: 68em; }
 787
 788 DIV.clickableHourCell18,
 789 DIV#daysView > DIV.hourLines > DIV.hourLine17
 790 { top: 72em; }
 791
 792 DIV.clickableHourCell19,
 793 DIV#daysView > DIV.hourLines > DIV.hourLine18
 794 { top: 76em; }
 795
 796 DIV.clickableHourCell20,
 797 DIV#daysView > DIV.hourLines > DIV.hourLine19
 798 { top: 80em; }
 799
 800 DIV.clickableHourCell21,
 801 DIV#daysView > DIV.hourLines > DIV.hourLine20
 802 { top: 84em; }
 803
 804 DIV.clickableHourCell22,
 805 DIV#daysView > DIV.hourLines > DIV.hourLine21
 806 { top: 88em; }
 807
 808 DIV.clickableHourCell23,
 809 DIV#daysView > DIV.hourLines > DIV.hourLine22
 810 { top: 92em; }
 811
 812 DIV#daysView > DIV.hourLines > DIV.hourLine23
 813 { top: 96em; }
 814
 815 DIV#daysView DIV.events
 816 { z-index: 2;
 817   left: 0px;
 818   right: 0px;
 819   bottom: 0px;
 820   top: 0px; }
 821
 822 DIV.events > DIV.event
 823 { cursor: default;
 824   z-index: 1;
 825   position: absolute;
 826   left: 0px;
 827   right: 1px;
 828   margin-top: 1px;
 829   padding: 1px; }
 830
 831 DIV[class~="event"]._selected > DIV.eventInside
 832 { -moz-opacity: 0.7;
 833   opacity: 0.7; }
 834
 835 DIV.event > DIV.eventInside
 836 { position: absolute;
 837   overflow: hidden;
 838   top: 1px;
 839   bottom: 5px;
 840   left: 2px;
 841   right: 2px; }
 842
 843 DIV.shadow
 844 { position: absolute;
 845   background-color: #000; }
 846
 847 DIV.shadow1
 848 { left: 0px;
 849   right: 0px;
 850   top: 2px;
 851   bottom: 3px;
 852   -moz-opacity: 0.1;
 853   opacity: 0.1; }
 854
 855 DIV.shadow2
 856 { left: 1px;
 857   right: 1px;
 858   top: 1px;
 859   bottom: 2px;
 860   -moz-opacity: 0.1;
 861   opacity: 0.1; }
 862
 863 DIV.shadow3
 864 { left: 2px;
 865   right: 2px;
 866   top: 0px;
 867   bottom: 3px;
 868   -moz-opacity: 0.1;
 869   opacity: 0.1; }
 870
 871 DIV.shadow4
 872 { left: 3px;
 873   right: 3px;
 874   top: 3px;
 875   bottom: 4px;
 876   -moz-opacity: 0.4;
 877   opacity: 0.4; }
 878
 879 DIV.gradient, DIV.text
 880 { position: absolute;
 881   top: 2px;
 882   left: 2px;
 883   right: 2px;
 884   bottom: 2px;
 885   overflow: hidden; }
 886
 887 DIV.gradient > IMG
 888 { height: 100%;
 889   width: 100%; }
 890
 891 DIV#calendarHeader DIV.event,
 892 DIV.monthView DIV.event
 893 { position: relative;
 894   cursor: default;
 895   white-space: nowrap;
 896   margin-top: 1px;
 897   margin-left: 1px;
 898   margin-right: 3px;
 899   padding: 1px;
 900   height: 2em; }
 901
 902 DIV.event DIV.text
 903 { font-size: 92%; }
 904
 905 DIV#daysView DIV[class~="event"].starts0
 906 { top: 0.000000%; }
 907
 908 DIV#daysView DIV[class~="event"].starts1
 909 { top: 1.041667%; }
 910
 911 DIV#daysView DIV[class~="event"].starts2
 912 { top: 2.083333%; }
 913
 914 DIV#daysView DIV[class~="event"].starts3
 915 { top: 3.125000%; }
 916
 917 DIV#daysView DIV[class~="event"].starts4
 918 { top: 4.166667%; }
 919
 920 DIV#daysView DIV[class~="event"].starts5
 921 { top: 5.208333%; }
 922
 923 DIV#daysView DIV[class~="event"].starts6
 924 { top: 6.250000%; }
 925
 926 DIV#daysView DIV[class~="event"].starts7
 927 { top: 7.291667%; }
 928
 929 DIV#daysView DIV[class~="event"].starts8
 930 { top: 8.333333%; }
 931
 932 DIV#daysView DIV[class~="event"].starts9
 933 { top: 9.375000%; }
 934
 935 DIV#daysView DIV[class~="event"].starts10
 936 { top: 10.416667%; }
 937
 938 DIV#daysView DIV[class~="event"].starts11
 939 { top: 11.458333%; }
 940
 941 DIV#daysView DIV[class~="event"].starts12
 942 { top: 12.500000%; }
 943
 944 DIV#daysView DIV[class~="event"].starts13
 945 { top: 13.541667%; }
 946
 947 DIV#daysView DIV[class~="event"].starts14
 948 { top: 14.583333%; }
 949
 950 DIV#daysView DIV[class~="event"].starts15
 951 { top: 15.625000%; }
 952
 953 DIV#daysView DIV[class~="event"].starts16
 954 { top: 16.666667%; }
 955
 956 DIV#daysView DIV[class~="event"].starts17
 957 { top: 17.708333%; }
 958
 959 DIV#daysView DIV[class~="event"].starts18
 960 { top: 18.750000%; }
 961
 962 DIV#daysView DIV[class~="event"].starts19
 963 { top: 19.791667%; }
 964
 965 DIV#daysView DIV[class~="event"].starts20
 966 { top: 20.833333%; }
 967
 968 DIV#daysView DIV[class~="event"].starts21
 969 { top: 21.875000%; }
 970
 971 DIV#daysView DIV[class~="event"].starts22
 972 { top: 22.916667%; }
 973
 974 DIV#daysView DIV[class~="event"].starts23
 975 { top: 23.958333%; }
 976
 977 DIV#daysView DIV[class~="event"].starts24
 978 { top: 25.000000%; }
 979
 980 DIV#daysView DIV[class~="event"].starts25
 981 { top: 26.041667%; }
 982
 983 DIV#daysView DIV[class~="event"].starts26
 984 { top: 27.083333%; }
 985
 986 DIV#daysView DIV[class~="event"].starts27
 987 { top: 28.125000%; }
 988
 989 DIV#daysView DIV[class~="event"].starts28
 990 { top: 29.166667%; }
 991
 992 DIV#daysView DIV[class~="event"].starts29
 993 { top: 30.208333%; }
 994
 995 DIV#daysView DIV[class~="event"].starts30
 996 { top: 31.250000%; }
 997
 998 DIV#daysView DIV[class~="event"].starts31
 999 { top: 32.291667%; }
1000
1001 DIV#daysView DIV[class~="event"].starts32
1002 { top: 33.333333%; }
1003
1004 DIV#daysView DIV[class~="event"].starts33
1005 { top: 34.375000%; }
1006
1007 DIV#daysView DIV[class~="event"].starts34
1008 { top: 35.416667%; }
1009
1010 DIV#daysView DIV[class~="event"].starts35
1011 { top: 36.458333%; }
1012
1013 DIV#daysView DIV[class~="event"].starts36
1014 { top: 37.500000%; }
1015
1016 DIV#daysView DIV[class~="event"].starts37
1017 { top: 38.541667%; }
1018
1019 DIV#daysView DIV[class~="event"].starts38
1020 { top: 39.583333%; }
1021
1022 DIV#daysView DIV[class~="event"].starts39
1023 { top: 40.625000%; }
1024
1025 DIV#daysView DIV[class~="event"].starts40
1026 { top: 41.666667%; }
1027
1028 DIV#daysView DIV[class~="event"].starts41
1029 { top: 42.708333%; }
1030
1031 DIV#daysView DIV[class~="event"].starts42
1032 { top: 43.750000%; }
1033
1034 DIV#daysView DIV[class~="event"].starts43
1035 { top: 44.791667%; }
1036
1037 DIV#daysView DIV[class~="event"].starts44
1038 { top: 45.833333%; }
1039
1040 DIV#daysView DIV[class~="event"].starts45
1041 { top: 46.875000%; }
1042
1043 DIV#daysView DIV[class~="event"].starts46
1044 { top: 47.916667%; }
1045
1046 DIV#daysView DIV[class~="event"].starts47
1047 { top: 48.958333%; }
1048
1049 DIV#daysView DIV[class~="event"].starts48
1050 { top: 50.000000%; }
1051
1052 DIV#daysView DIV[class~="event"].starts49
1053 { top: 51.041667%; }
1054
1055 DIV#daysView DIV[class~="event"].starts50
1056 { top: 52.083333%; }
1057
1058 DIV#daysView DIV[class~="event"].starts51
1059 { top: 53.125000%; }
1060
1061 DIV#daysView DIV[class~="event"].starts52
1062 { top: 54.166667%; }
1063
1064 DIV#daysView DIV[class~="event"].starts53
1065 { top: 55.208333%; }
1066
1067 DIV#daysView DIV[class~="event"].starts54
1068 { top: 56.250000%; }
1069
1070 DIV#daysView DIV[class~="event"].starts55
1071 { top: 57.291667%; }
1072
1073 DIV#daysView DIV[class~="event"].starts56
1074 { top: 58.333333%; }
1075
1076 DIV#daysView DIV[class~="event"].starts57
1077 { top: 59.375000%; }
1078
1079 DIV#daysView DIV[class~="event"].starts58
1080 { top: 60.416667%; }
1081
1082 DIV#daysView DIV[class~="event"].starts59
1083 { top: 61.458333%; }
1084
1085 DIV#daysView DIV[class~="event"].starts60
1086 { top: 62.500000%; }
1087
1088 DIV#daysView DIV[class~="event"].starts61
1089 { top: 63.541667%; }
1090
1091 DIV#daysView DIV[class~="event"].starts62
1092 { top: 64.583333%; }
1093
1094 DIV#daysView DIV[class~="event"].starts63
1095 { top: 65.625000%; }
1096
1097 DIV#daysView DIV[class~="event"].starts64
1098 { top: 66.666667%; }
1099
1100 DIV#daysView DIV[class~="event"].starts65
1101 { top: 67.708333%; }
1102
1103 DIV#daysView DIV[class~="event"].starts66
1104 { top: 68.750000%; }
1105
1106 DIV#daysView DIV[class~="event"].starts67
1107 { top: 69.791667%; }
1108
1109 DIV#daysView DIV[class~="event"].starts68
1110 { top: 70.833333%; }
1111
1112 DIV#daysView DIV[class~="event"].starts69
1113 { top: 71.875000%; }
1114
1115 DIV#daysView DIV[class~="event"].starts70
1116 { top: 72.916667%; }
1117
1118 DIV#daysView DIV[class~="event"].starts71
1119 { top: 73.958333%; }
1120
1121 DIV#daysView DIV[class~="event"].starts72
1122 { top: 75.000000%; }
1123
1124 DIV#daysView DIV[class~="event"].starts73
1125 { top: 76.041667%; }
1126
1127 DIV#daysView DIV[class~="event"].starts74
1128 { top: 77.083333%; }
1129
1130 DIV#daysView DIV[class~="event"].starts75
1131 { top: 78.125000%; }
1132
1133 DIV#daysView DIV[class~="event"].starts76
1134 { top: 79.166667%; }
1135
1136 DIV#daysView DIV[class~="event"].starts77
1137 { top: 80.208333%; }
1138
1139 DIV#daysView DIV[class~="event"].starts78
1140 { top: 81.250000%; }
1141
1142 DIV#daysView DIV[class~="event"].starts79
1143 { top: 82.291667%; }
1144
1145 DIV#daysView DIV[class~="event"].starts80
1146 { top: 83.333333%; }
1147
1148 DIV#daysView DIV[class~="event"].starts81
1149 { top: 84.375000%; }
1150
1151 DIV#daysView DIV[class~="event"].starts82
1152 { top: 85.416667%; }
1153
1154 DIV#daysView DIV[class~="event"].starts83
1155 { top: 86.458333%; }
1156
1157 DIV#daysView DIV[class~="event"].starts84
1158 { top: 87.500000%; }
1159
1160 DIV#daysView DIV[class~="event"].starts85
1161 { top: 88.541667%; }
1162
1163 DIV#daysView DIV[class~="event"].starts86
1164 { top: 89.583333%; }
1165
1166 DIV#daysView DIV[class~="event"].starts87
1167 { top: 90.625000%; }
1168
1169 DIV#daysView DIV[class~="event"].starts88
1170 { top: 91.666667%; }
1171
1172 DIV#daysView DIV[class~="event"].starts89
1173 { top: 92.708333%; }
1174
1175 DIV#daysView DIV[class~="event"].starts90
1176 { top: 93.750000%; }
1177
1178 DIV#daysView DIV[class~="event"].starts91
1179 { top: 94.791667%; }
1180
1181 DIV#daysView DIV[class~="event"].starts92
1182 { top: 95.833333%; }
1183
1184 DIV#daysView DIV[class~="event"].starts93
1185 { top: 96.875000%; }
1186
1187 DIV#daysView DIV[class~="event"].starts94
1188 { top: 97.916667%; }
1189
1190 DIV#daysView DIV[class~="event"].starts95
1191 { top: 98.958333%; }
1192
1193 DIV#daysView DIV[class~="event"].starts96
1194 { top: 100.000000%; }
1195
1196 DIV#daysView DIV[class~="event"].lasts0
1197 { height: 0px; }
1198
1199 DIV#daysView DIV[class~="event"].lasts1
1200 { height: 1.041667%; }
1201
1202 DIV#daysView DIV[class~="event"].lasts2
1203 { height: 2.083333%; }
1204
1205 DIV#daysView DIV[class~="event"].lasts3
1206 { height: 3.125000%; }
1207
1208 DIV#daysView DIV[class~="event"].lasts4
1209 { height: 4.166667%; }
1210
1211 DIV#daysView DIV[class~="event"].lasts5
1212 { height: 5.208333%; }
1213
1214 DIV#daysView DIV[class~="event"].lasts6
1215 { height: 6.250000%; }
1216
1217 DIV#daysView DIV[class~="event"].lasts7
1218 { height: 7.291667%; }
1219
1220 DIV#daysView DIV[class~="event"].lasts8
1221 { height: 8.333333%; }
1222
1223 DIV#daysView DIV[class~="event"].lasts9
1224 { height: 9.375000%; }
1225
1226 DIV#daysView DIV[class~="event"].lasts10
1227 { height: 10.416667%; }
1228
1229 DIV#daysView DIV[class~="event"].lasts11
1230 { height: 11.458333%; }
1231
1232 DIV#daysView DIV[class~="event"].lasts12
1233 { height: 12.500000%; }
1234
1235 DIV#daysView DIV[class~="event"].lasts13
1236 { height: 13.541667%; }
1237
1238 DIV#daysView DIV[class~="event"].lasts14
1239 { height: 14.583333%; }
1240
1241 DIV#daysView DIV[class~="event"].lasts15
1242 { height: 15.625000%; }
1243
1244 DIV#daysView DIV[class~="event"].lasts16
1245 { height: 16.666667%; }
1246
1247 DIV#daysView DIV[class~="event"].lasts17
1248 { height: 17.708333%; }
1249
1250 DIV#daysView DIV[class~="event"].lasts18
1251 { height: 18.750000%; }
1252
1253 DIV#daysView DIV[class~="event"].lasts19
1254 { height: 19.791667%; }
1255
1256 DIV#daysView DIV[class~="event"].lasts20
1257 { height: 20.833333%; }
1258
1259 DIV#daysView DIV[class~="event"].lasts21
1260 { height: 21.875000%; }
1261
1262 DIV#daysView DIV[class~="event"].lasts22
1263 { height: 22.916667%; }
1264
1265 DIV#daysView DIV[class~="event"].lasts23
1266 { height: 23.958333%; }
1267
1268 DIV#daysView DIV[class~="event"].lasts24
1269 { height: 25.000000%; }
1270
1271 DIV#daysView DIV[class~="event"].lasts25
1272 { height: 26.041667%; }
1273
1274 DIV#daysView DIV[class~="event"].lasts26
1275 { height: 27.083333%; }
1276
1277 DIV#daysView DIV[class~="event"].lasts27
1278 { height: 28.125000%; }
1279
1280 DIV#daysView DIV[class~="event"].lasts28
1281 { height: 29.166667%; }
1282
1283 DIV#daysView DIV[class~="event"].lasts29
1284 { height: 30.208333%; }
1285
1286 DIV#daysView DIV[class~="event"].lasts30
1287 { height: 31.250000%; }
1288
1289 DIV#daysView DIV[class~="event"].lasts31
1290 { height: 32.291667%; }
1291
1292 DIV#daysView DIV[class~="event"].lasts32
1293 { height: 33.333333%; }
1294
1295 DIV#daysView DIV[class~="event"].lasts33
1296 { height: 34.375000%; }
1297
1298 DIV#daysView DIV[class~="event"].lasts34
1299 { height: 35.416667%; }
1300
1301 DIV#daysView DIV[class~="event"].lasts35
1302 { height: 36.458333%; }
1303
1304 DIV#daysView DIV[class~="event"].lasts36
1305 { height: 37.500000%; }
1306
1307 DIV#daysView DIV[class~="event"].lasts37
1308 { height: 38.541667%; }
1309
1310 DIV#daysView DIV[class~="event"].lasts38
1311 { height: 39.583333%; }
1312
1313 DIV#daysView DIV[class~="event"].lasts39
1314 { height: 40.625000%; }
1315
1316 DIV#daysView DIV[class~="event"].lasts40
1317 { height: 41.666667%; }
1318
1319 DIV#daysView DIV[class~="event"].lasts41
1320 { height: 42.708333%; }
1321
1322 DIV#daysView DIV[class~="event"].lasts42
1323 { height: 43.750000%; }
1324
1325 DIV#daysView DIV[class~="event"].lasts43
1326 { height: 44.791667%; }
1327
1328 DIV#daysView DIV[class~="event"].lasts44
1329 { height: 45.833333%; }
1330
1331 DIV#daysView DIV[class~="event"].lasts45
1332 { height: 46.875000%; }
1333
1334 DIV#daysView DIV[class~="event"].lasts46
1335 { height: 47.916667%; }
1336
1337 DIV#daysView DIV[class~="event"].lasts47
1338 { height: 48.958333%; }
1339
1340 DIV#daysView DIV[class~="event"].lasts48
1341 { height: 50.000000%; }
1342
1343 DIV#daysView DIV[class~="event"].lasts49
1344 { height: 51.041667%; }
1345
1346 DIV#daysView DIV[class~="event"].lasts50
1347 { height: 52.083333%; }
1348
1349 DIV#daysView DIV[class~="event"].lasts51
1350 { height: 53.125000%; }
1351
1352 DIV#daysView DIV[class~="event"].lasts52
1353 { height: 54.166667%; }
1354
1355 DIV#daysView DIV[class~="event"].lasts53
1356 { height: 55.208333%; }
1357
1358 DIV#daysView DIV[class~="event"].lasts54
1359 { height: 56.250000%; }
1360
1361 DIV#daysView DIV[class~="event"].lasts55
1362 { height: 57.291667%; }
1363
1364 DIV#daysView DIV[class~="event"].lasts56
1365 { height: 58.333333%; }
1366
1367 DIV#daysView DIV[class~="event"].lasts57
1368 { height: 59.375000%; }
1369
1370 DIV#daysView DIV[class~="event"].lasts58
1371 { height: 60.416667%; }
1372
1373 DIV#daysView DIV[class~="event"].lasts59
1374 { height: 61.458333%; }
1375
1376 DIV#daysView DIV[class~="event"].lasts60
1377 { height: 62.500000%; }
1378
1379 DIV#daysView DIV[class~="event"].lasts61
1380 { height: 63.541667%; }
1381
1382 DIV#daysView DIV[class~="event"].lasts62
1383 { height: 64.583333%; }
1384
1385 DIV#daysView DIV[class~="event"].lasts63
1386 { height: 65.625000%; }
1387
1388 DIV#daysView DIV[class~="event"].lasts64
1389 { height: 66.666667%; }
1390
1391 DIV#daysView DIV[class~="event"].lasts65
1392 { height: 67.708333%; }
1393
1394 DIV#daysView DIV[class~="event"].lasts66
1395 { height: 68.750000%; }
1396
1397 DIV#daysView DIV[class~="event"].lasts67
1398 { height: 69.791667%; }
1399
1400 DIV#daysView DIV[class~="event"].lasts68
1401 { height: 70.833333%; }
1402
1403 DIV#daysView DIV[class~="event"].lasts69
1404 { height: 71.875000%; }
1405
1406 DIV#daysView DIV[class~="event"].lasts70
1407 { height: 72.916667%; }
1408
1409 DIV#daysView DIV[class~="event"].lasts71
1410 { height: 73.958333%; }
1411
1412 DIV#daysView DIV[class~="event"].lasts72
1413 { height: 75.000000%; }
1414
1415 DIV#daysView DIV[class~="event"].lasts73
1416 { height: 76.041667%; }
1417
1418 DIV#daysView DIV[class~="event"].lasts74
1419 { height: 77.083333%; }
1420
1421 DIV#daysView DIV[class~="event"].lasts75
1422 { height: 78.125000%; }
1423
1424 DIV#daysView DIV[class~="event"].lasts76
1425 { height: 79.166667%; }
1426
1427 DIV#daysView DIV[class~="event"].lasts77
1428 { height: 80.208333%; }
1429
1430 DIV#daysView DIV[class~="event"].lasts78
1431 { height: 81.250000%; }
1432
1433 DIV#daysView DIV[class~="event"].lasts79
1434 { height: 82.291667%; }
1435
1436 DIV#daysView DIV[class~="event"].lasts80
1437 { height: 83.333333%; }
1438
1439 DIV#daysView DIV[class~="event"].lasts81
1440 { height: 84.375000%; }
1441
1442 DIV#daysView DIV[class~="event"].lasts82
1443 { height: 85.416667%; }
1444
1445 DIV#daysView DIV[class~="event"].lasts83
1446 { height: 86.458333%; }
1447
1448 DIV#daysView DIV[class~="event"].lasts84
1449 { height: 87.500000%; }
1450
1451 DIV#daysView DIV[class~="event"].lasts85
1452 { height: 88.541667%; }
1453
1454 DIV#daysView DIV[class~="event"].lasts86
1455 { height: 89.583333%; }
1456
1457 DIV#daysView DIV[class~="event"].lasts87
1458 { height: 90.625000%; }
1459
1460 DIV#daysView DIV[class~="event"].lasts88
1461 { height: 91.666667%; }
1462
1463 DIV#daysView DIV[class~="event"].lasts89
1464 { height: 92.708333%; }
1465
1466 DIV#daysView DIV[class~="event"].lasts90
1467 { height: 93.750000%; }
1468
1469 DIV#daysView DIV[class~="event"].lasts91
1470 { height: 94.791667%; }
1471
1472 DIV#daysView DIV[class~="event"].lasts92
1473 { height: 95.833333%; }
1474
1475 DIV#daysView DIV[class~="event"].lasts93
1476 { height: 96.875000%; }
1477
1478 DIV#daysView DIV[class~="event"].lasts94
1479 { height: 97.916667%; }
1480
1481 DIV#daysView DIV[class~="event"].lasts95
1482 { height: 98.958333%; }
1483
1484 DIV#daysView DIV[class~="event"].lasts96
1485 { height: 100.000000%; }