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