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